{"version":3,"sources":["custom/fonts/_fonts.scss","custom/structure/_topbar.scss","app-dark.css","custom/structure/_page-head.scss","custom/structure/_page-title.scss","custom/structure/_footer.scss","custom/structure/_right-sidebar.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","custom/structure/_vertical.scss","custom/structure/_horizontal-nav.scss","custom/structure/_layouts.scss","custom/components/_waves.scss","custom/components/_avatar.scss","custom/components/_alert.scss","custom/components/_helper.scss","custom/components/_widgets.scss","custom/components/_demos.scss","custom/components/_print.scss","custom/plugins/_bootstrap-touchspin.scss","custom/plugins/_custom-scrollbar.scss","custom/plugins/_calendar.scss","custom/plugins/_session-timeout.scss","custom/plugins/_range-slider.scss","custom/plugins/_sweatalert2.scss","custom/plugins/_rating.scss","custom/plugins/_parsley.scss","custom/plugins/_color-picker.scss","custom/plugins/_select2.scss","custom/plugins/_switch.scss","custom/plugins/_datatable.scss","custom/plugins/_table-editable.scss","custom/plugins/_datepicker.scss","custom/plugins/_form-editors.scss","custom/plugins/_form-upload.scss","custom/plugins/_form-wizard.scss","custom/plugins/_responsive-table.scss","custom/plugins/_x-editable.scss","custom/plugins/_morris.scss","custom/plugins/_chartist.scss","custom/plugins/_apexcharts.scss","custom/plugins/_flot.scss","custom/plugins/_sparkline-chart.scss","custom/plugins/_google-map.scss","custom/pages/_authentication.scss","custom/pages/_email.scss","custom/pages/_coming-soon.scss","custom/pages/_timeline.scss","custom/pages/_extras-pages.scss","custom/pages/_gallery.scss"],"names":[],"mappings":"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","file":"app-dark.min.css","sourcesContent":["//\r\n// Google font - Roboto\r\n//\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Roboto:400,500|Sarabun:400,600,700&display=swap');","// \r\n// _header.scss\r\n// \r\n\r\n#page-topbar {\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 1002;\r\n    background-color: $header-bg;\r\n    \r\n}\r\n\r\n.navbar-header {\r\n    display: flex;\r\n    -ms-flex-pack: justify;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    height: $header-height;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2) 0 0;\r\n\r\n    .dropdown {\r\n        .header-item.show {\r\n            background: rgba($dark, 0.05);\r\n        }\r\n    }\r\n}\r\n\r\n.navbar-brand-box {\r\n    padding: 0 1.5rem;\r\n    text-align: center;\r\n    width: $navbar-brand-box-width;\r\n}\r\n\r\n.logo {\r\n    line-height: 70px;\r\n\r\n    .logo-sm {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.logo-light {\r\n    display: none;\r\n}\r\n\r\n/* Search */\r\n\r\n.app-search {\r\n    padding: calc(#{$header-height - 38px} / 2) 0;\r\n\r\n    .form-control {\r\n        border: none;\r\n        height: 38px;\r\n        padding-left: 20px;\r\n        padding-right: 40px;\r\n        background-color: $topbar-search-bg;\r\n        box-shadow: none;\r\n        border-radius: 30px;\r\n    }\r\n    span {\r\n        position: absolute;\r\n        z-index: 10;\r\n        font-size: 13px;\r\n        line-height: 38px;\r\n        right: 13px;\r\n        top: 0;\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n// Mega menu\r\n\r\n.megamenu-list {\r\n    li{\r\n        position: relative;\r\n        padding: 5px 0px;\r\n        a{\r\n            color: $dropdown-color;\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .navbar-brand-box {\r\n        width: auto;\r\n    }\r\n\r\n    .logo {\r\n\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: inline-block;\r\n        }\r\n    }\r\n}\r\n\r\n.page-content {\r\n    padding: $header-height calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n}\r\n\r\n.header-item {\r\n    height: $header-height;\r\n    box-shadow: none !important;\r\n    color: $header-item-color;\r\n    border: 0;\r\n    border-radius: 0px;\r\n\r\n    &:hover {\r\n        color: $header-item-color;\r\n    }\r\n}\r\n\r\n.header-profile-user {\r\n    height: 32px;\r\n    width: 32px;\r\n    background-color: $gray-300;\r\n}\r\n\r\n.noti-icon {\r\n    i {\r\n        font-size: 24px;\r\n        color: $header-item-color;\r\n    }\r\n\r\n    .badge {\r\n        position: absolute;\r\n        top: 17px;\r\n        right: 7px;\r\n    }\r\n}\r\n\r\n.notification-item {\r\n    .d-flex {\r\n        padding: 0.75rem 1rem;\r\n\r\n        &:hover {\r\n            background-color: $gray-100;\r\n        }\r\n    }\r\n}\r\n\r\n// Dropdown with Icons\r\n.dropdown-icon-item {\r\n    display: block;\r\n    border-radius: 3px;\r\n    line-height: 34px;\r\n    text-align: center;\r\n    padding: 15px 0 9px;\r\n    display: block;\r\n    border: 1px solid transparent;\r\n    color: $gray-600;\r\n\r\n    img {\r\n        height: 24px;\r\n    }\r\n\r\n    span {\r\n        display: block;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    &:hover {\r\n        background-color: $gray-100;\r\n    }\r\n}\r\n\r\n// Full Screen\r\n.fullscreen-enable {\r\n    [data-bs-toggle=\"fullscreen\"] {\r\n        .mdi-fullscreen::before {\r\n            content: \"\\F0294\";\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-topbar=\"dark\"] {\r\n    #page-topbar { \r\n        background-color: $header-dark-bg;\r\n    }\r\n    .navbar-header {\r\n        .dropdown.show {\r\n            .header-item {\r\n                background-color: rgba($white, 0.05);\r\n            }\r\n        }\r\n    }\r\n\r\n    .header-item {\r\n        color: $header-dark-item-color;\r\n    \r\n        &:hover {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .header-profile-user {\r\n        background-color: rgba($white, 0.25);\r\n    }\r\n    \r\n    .noti-icon {\r\n        i {\r\n            color: $header-dark-item-color;\r\n        }\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n\r\n    .app-search {\r\n    \r\n        .form-control {\r\n            background-color: rgba($topbar-search-bg,0.07);\r\n            color: $white;\r\n            border: 1px solid rgba($white,0.07);\r\n        }\r\n        span,\r\n        input.form-control::-webkit-input-placeholder {\r\n            color: rgba($white,0.5);\r\n        }\r\n    }\r\n}\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n    .navbar-brand-box {\r\n        background: $sidebar-dark-bg;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n}\r\n\r\n// Colored sidebar\r\n\r\nbody[data-sidebar=\"colored\"] {\r\n    .navbar-brand-box {\r\n        background: $sidebar-colored-bg;\r\n    }\r\n\r\n    .logo-dark {\r\n        display: none;\r\n    }\r\n\r\n    .logo-light {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .navbar-header {\r\n        .dropdown {\r\n            position: static;\r\n\r\n            .dropdown-menu {\r\n                left: 10px !important;\r\n                right: 10px !important;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@media (max-width: 380px) {\r\n    .navbar-brand-box {\r\n        display: none;\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    \r\n    .navbar-header{\r\n        padding: 0 calc(#{$grid-gutter-width} / 2) ;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        width: auto;\r\n        padding-left: 0px;\r\n    }\r\n    .page-content {\r\n        margin-top: $header-height;\r\n        padding: 54px calc(#{$grid-gutter-width} / 2) $footer-height calc(#{$grid-gutter-width} / 2);\r\n    }    \r\n}\r\n\r\n@media (max-width: 992px) { \r\n    body[data-layout=\"horizontal\"] {\r\n        .navbar-brand-box {\r\n            width: auto;\r\n            padding-left: 5px;\r\n        }\r\n        // #page-topbar {\r\n        //     padding: 0px; \r\n        // }\r\n        .page-content {\r\n            margin-top: 10px;\r\n        }    \r\n    }\r\n}","/*\r\nTemplate Name: Veltrix - Admin & Dashboard Template\r\nAuthor: Themesbrand\r\nVersion: 4.0.0\r\nWebsite: https://themesbrand.com/\r\nContact: themesbrand@gmail.com\r\nFile: Main Css File\r\n*/\n@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500|Sarabun:400,600,700&display=swap\");\n#page-topbar {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1002;\n  background-color: #36394c; }\n\n.navbar-header {\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  height: 70px;\n  padding: 0 calc(1.5rem / 2) 0 0; }\n  .navbar-header .dropdown .header-item.show {\n    background: rgba(239, 242, 247, 0.05); }\n\n.navbar-brand-box {\n  padding: 0 1.5rem;\n  text-align: center;\n  width: 240px; }\n\n.logo {\n  line-height: 70px; }\n  .logo .logo-sm {\n    display: none; }\n\n.logo-light {\n  display: none; }\n\n/* Search */\n.app-search {\n  padding: calc(32px / 2) 0; }\n  .app-search .form-control {\n    border: none;\n    height: 38px;\n    padding-left: 20px;\n    padding-right: 40px;\n    background-color: #353e53;\n    box-shadow: none;\n    border-radius: 30px; }\n  .app-search span {\n    position: absolute;\n    z-index: 10;\n    font-size: 13px;\n    line-height: 38px;\n    right: 13px;\n    top: 0;\n    color: #dee2e6; }\n\n.megamenu-list li {\n  position: relative;\n  padding: 5px 0px; }\n  .megamenu-list li a {\n    color: #e9ecef; }\n\n@media (max-width: 992px) {\n  .navbar-brand-box {\n    width: auto; }\n  .logo span.logo-lg {\n    display: none; }\n  .logo span.logo-sm {\n    display: inline-block; } }\n\n.page-content {\n  padding: 70px calc(1.5rem / 2) 60px calc(1.5rem / 2); }\n\n.header-item {\n  height: 70px;\n  box-shadow: none !important;\n  color: #dee2e6;\n  border: 0;\n  border-radius: 0px; }\n  .header-item:hover {\n    color: #dee2e6; }\n\n.header-profile-user {\n  height: 32px;\n  width: 32px;\n  background-color: #2e3648; }\n\n.noti-icon i {\n  font-size: 24px;\n  color: #dee2e6; }\n\n.noti-icon .badge {\n  position: absolute;\n  top: 17px;\n  right: 7px; }\n\n.notification-item .d-flex {\n  padding: 0.75rem 1rem; }\n  .notification-item .d-flex:hover {\n    background-color: #323a4e; }\n\n.dropdown-icon-item {\n  display: block;\n  border-radius: 3px;\n  line-height: 34px;\n  text-align: center;\n  padding: 15px 0 9px;\n  display: block;\n  border: 1px solid transparent;\n  color: #3c445a; }\n  .dropdown-icon-item img {\n    height: 24px; }\n  .dropdown-icon-item span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap; }\n  .dropdown-icon-item:hover {\n    background-color: #323a4e; }\n\n.fullscreen-enable [data-bs-toggle=\"fullscreen\"] .mdi-fullscreen::before {\n  content: \"\\F0294\"; }\n\nbody[data-topbar=\"dark\"] #page-topbar {\n  background-color: #626ed4; }\n\nbody[data-topbar=\"dark\"] .navbar-header .dropdown.show .header-item {\n  background-color: rgba(255, 255, 255, 0.05); }\n\nbody[data-topbar=\"dark\"] .header-item {\n  color: #bfbfc5; }\n  body[data-topbar=\"dark\"] .header-item:hover {\n    color: #bfbfc5; }\n\nbody[data-topbar=\"dark\"] .header-profile-user {\n  background-color: rgba(255, 255, 255, 0.25); }\n\nbody[data-topbar=\"dark\"] .noti-icon i {\n  color: #bfbfc5; }\n\nbody[data-topbar=\"dark\"] .logo-dark {\n  display: none; }\n\nbody[data-topbar=\"dark\"] .logo-light {\n  display: block; }\n\nbody[data-topbar=\"dark\"] .app-search .form-control {\n  background-color: rgba(53, 62, 83, 0.07);\n  color: #fff;\n  border: 1px solid rgba(255, 255, 255, 0.07); }\n\nbody[data-topbar=\"dark\"] .app-search span,\nbody[data-topbar=\"dark\"] .app-search input.form-control::-webkit-input-placeholder {\n  color: rgba(255, 255, 255, 0.5); }\n\nbody[data-sidebar=\"dark\"] .navbar-brand-box {\n  background: #2a3142; }\n\nbody[data-sidebar=\"dark\"] .logo-dark {\n  display: none; }\n\nbody[data-sidebar=\"dark\"] .logo-light {\n  display: block; }\n\nbody[data-sidebar=\"colored\"] .navbar-brand-box {\n  background: #626ed4; }\n\nbody[data-sidebar=\"colored\"] .logo-dark {\n  display: none; }\n\nbody[data-sidebar=\"colored\"] .logo-light {\n  display: block; }\n\n@media (max-width: 600px) {\n  .navbar-header .dropdown {\n    position: static; }\n    .navbar-header .dropdown .dropdown-menu {\n      left: 10px !important;\n      right: 10px !important; } }\n\n@media (max-width: 380px) {\n  .navbar-brand-box {\n    display: none; } }\n\nbody[data-layout=\"horizontal\"] .navbar-header {\n  padding: 0 calc(1.5rem / 2); }\n\nbody[data-layout=\"horizontal\"] .navbar-brand-box {\n  width: auto;\n  padding-left: 0px; }\n\nbody[data-layout=\"horizontal\"] .page-content {\n  margin-top: 70px;\n  padding: 54px calc(1.5rem / 2) 60px calc(1.5rem / 2); }\n\n@media (max-width: 992px) {\n  body[data-layout=\"horizontal\"] .navbar-brand-box {\n    width: auto;\n    padding-left: 5px; }\n  body[data-layout=\"horizontal\"] .page-content {\n    margin-top: 10px; } }\n\n.page-title-box {\n  padding: 24px 0px; }\n  .page-title-box .breadcrumb {\n    background-color: transparent;\n    padding: 0; }\n  .page-title-box h4 {\n    font-weight: 700; }\n\n.page-title-box {\n  padding-bottom: 1.5rem; }\n  .page-title-box .page-title {\n    font-size: 18px;\n    font-weight: 700; }\n  .page-title-box .breadcrumb {\n    padding: 0rem; }\n  .page-title-box .dropdown .show.header-item {\n    background-color: rgba(50, 58, 78, 0.1); }\n\n.footer {\n  bottom: 0;\n  padding: 20px calc(1.5rem / 2);\n  position: absolute;\n  right: 0;\n  text-align: center;\n  color: #a6b0cf;\n  left: 240px;\n  height: 60px;\n  background-color: #36394c; }\n\n@media (max-width: 992px) {\n  .footer {\n    left: 0; } }\n\n.vertical-collpsed .footer {\n  left: 70px; }\n\nbody[data-layout=\"horizontal\"] .footer {\n  left: 0 !important; }\n\n.right-bar {\n  background-color: #2a3042;\n  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n  display: block;\n  position: fixed;\n  transition: all 200ms ease-out;\n  width: 280px;\n  z-index: 9999;\n  float: right !important;\n  right: -290px;\n  top: 0;\n  bottom: 0; }\n  .right-bar .right-bar-toggle {\n    background-color: white;\n    height: 24px;\n    width: 24px;\n    line-height: 24px;\n    color: #32394e;\n    text-align: center;\n    border-radius: 50%; }\n    .right-bar .right-bar-toggle:hover {\n      background-color: white; }\n\n.rightbar-overlay {\n  background-color: rgba(239, 242, 247, 0.55);\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: none;\n  z-index: 9998;\n  transition: all .2s ease-out; }\n\n.right-bar-enabled .right-bar {\n  right: 0; }\n\n.right-bar-enabled .rightbar-overlay {\n  display: block; }\n\n@media (max-width: 767.98px) {\n  .right-bar {\n    overflow: auto; }\n    .right-bar .slimscroll-menu {\n      height: auto !important; } }\n\n.metismenu {\n  margin: 0; }\n  .metismenu li {\n    display: block;\n    width: 100%; }\n  .metismenu .mm-collapse {\n    display: none; }\n    .metismenu .mm-collapse:not(.mm-show) {\n      display: none; }\n    .metismenu .mm-collapse.mm-show {\n      display: block; }\n  .metismenu .mm-collapsing {\n    position: relative;\n    height: 0;\n    overflow: hidden;\n    transition-timing-function: ease;\n    transition-duration: .35s;\n    transition-property: height, visibility; }\n\n.vertical-menu {\n  width: 240px;\n  z-index: 1001;\n  background: #ffffff;\n  bottom: 0;\n  margin-top: 0;\n  position: fixed;\n  top: 70px;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n.main-content {\n  margin-left: 240px;\n  overflow: hidden; }\n  .main-content .content {\n    padding: 0 15px 10px 15px;\n    margin-top: 70px; }\n\n#sidebar-menu {\n  padding: 10px 0 30px 0; }\n  #sidebar-menu .mm-active > .has-arrow:after {\n    transform: rotate(-180deg); }\n  #sidebar-menu .has-arrow:after {\n    content: \"\\F0140\";\n    font-family: 'Material Design Icons';\n    display: block;\n    float: right;\n    transition: transform .2s;\n    font-size: 1rem; }\n  #sidebar-menu ul li a {\n    display: block;\n    padding: 12px 20px;\n    font-family: \"Sarabun\", sans-serif;\n    color: #545a6d;\n    position: relative;\n    font-size: 15.7px;\n    transition: all .4s; }\n    #sidebar-menu ul li a i {\n      display: inline-block;\n      min-width: 1.75rem;\n      padding-bottom: .125em;\n      line-height: 1.40625rem;\n      vertical-align: middle;\n      color: #7f8387;\n      transition: all .4s;\n      font-size: 14.7px; }\n    #sidebar-menu ul li a:hover {\n      color: #626ed4; }\n      #sidebar-menu ul li a:hover i {\n        color: #626ed4; }\n  #sidebar-menu ul li .badge {\n    margin-top: 4px; }\n  #sidebar-menu ul li ul.sub-menu {\n    padding: 0; }\n    #sidebar-menu ul li ul.sub-menu li a {\n      padding: .4rem 1.5rem .4rem 3.3rem;\n      font-size: 15px;\n      color: #545a6d; }\n    #sidebar-menu ul li ul.sub-menu li ul.sub-menu {\n      padding: 0; }\n      #sidebar-menu ul li ul.sub-menu li ul.sub-menu li a {\n        padding: .4rem 1.5rem .4rem 4.5rem;\n        font-size: 13.5px; }\n\n.menu-title {\n  padding: 12px 20px !important;\n  letter-spacing: .05em;\n  pointer-events: none;\n  cursor: default;\n  font-size: 10px;\n  text-transform: uppercase;\n  color: #7f8387 !important;\n  font-weight: 500; }\n\n.mm-active {\n  color: #626ed4 !important; }\n  .mm-active > a {\n    color: #626ed4 !important;\n    background-color: #f5f5f5; }\n    .mm-active > a i {\n      color: #626ed4 !important; }\n  .mm-active .active {\n    color: #626ed4 !important; }\n    .mm-active .active i {\n      color: #626ed4 !important; }\n  .mm-active > i {\n    color: #626ed4 !important; }\n\n@media (max-width: 992px) {\n  .vertical-menu {\n    display: none; }\n  .main-content {\n    margin-left: 0 !important; }\n  body.sidebar-enable .vertical-menu {\n    display: block; } }\n\n.vertical-collpsed .main-content {\n  margin-left: 70px; }\n\n.vertical-collpsed .navbar-brand-box {\n  width: 70px !important; }\n\n.vertical-collpsed .logo span.logo-lg {\n  display: none; }\n\n.vertical-collpsed .logo span.logo-sm {\n  display: block; }\n\n.vertical-collpsed .vertical-menu {\n  position: absolute;\n  width: 70px !important;\n  z-index: 5; }\n  .vertical-collpsed .vertical-menu .simplebar-mask,\n  .vertical-collpsed .vertical-menu .simplebar-content-wrapper {\n    overflow: visible !important; }\n  .vertical-collpsed .vertical-menu .simplebar-scrollbar {\n    display: none !important; }\n  .vertical-collpsed .vertical-menu .simplebar-offset {\n    bottom: 0 !important; }\n  .vertical-collpsed .vertical-menu #sidebar-menu .menu-title,\n  .vertical-collpsed .vertical-menu #sidebar-menu .badge,\n  .vertical-collpsed .vertical-menu #sidebar-menu .collapse.in {\n    display: none !important; }\n  .vertical-collpsed .vertical-menu #sidebar-menu .nav.collapse {\n    height: inherit !important; }\n  .vertical-collpsed .vertical-menu #sidebar-menu .has-arrow:after {\n    display: none; }\n  .vertical-collpsed .vertical-menu #sidebar-menu > ul > li {\n    position: relative;\n    white-space: nowrap; }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a {\n      padding: 15px 20px;\n      min-height: 55px;\n      transition: none; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:hover, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:active, .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a:focus {\n        color: #626ed4; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n        font-size: 1.1rem;\n        margin-left: 6px; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a span {\n        display: none;\n        padding-left: 25px; }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n      position: relative;\n      width: calc(190px + 70px);\n      color: #626ed4;\n      background-color: whitesmoke;\n      transition: none; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n        color: #626ed4; }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a span {\n        display: inline; }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul {\n      display: block;\n      left: 70px;\n      position: absolute;\n      width: 190px;\n      height: auto !important;\n      box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1); }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul ul {\n        box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, 0.1); }\n      .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n        box-shadow: none;\n        padding: 8px 20px;\n        position: relative;\n        width: 190px;\n        z-index: 6;\n        color: #545a6d; }\n        .vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n          color: #626ed4; }\n  .vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n    padding: 5px 0;\n    z-index: 9999;\n    display: none;\n    background-color: #ffffff; }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li:hover > ul {\n      display: block;\n      left: 190px;\n      height: auto !important;\n      margin-top: -36px;\n      position: absolute;\n      width: 190px; }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li > a span.pull-right {\n      position: absolute;\n      right: 20px;\n      top: 12px;\n      transform: rotate(270deg); }\n    .vertical-collpsed .vertical-menu #sidebar-menu > ul ul li.active a {\n      color: #323a4e; }\n\nbody[data-sidebar=\"dark\"] .vertical-menu {\n  background: #2a3142; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li a {\n  color: #a6b0cf; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a i {\n    color: #8699ad; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover {\n    color: #ffffff; }\n    body[data-sidebar=\"dark\"] #sidebar-menu ul li a:hover i {\n      color: #ffffff; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li > .mm-active {\n  background-color: #2f374a; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: #79829c;\n  background: transparent; }\n  body[data-sidebar=\"dark\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #ffffff; }\n\nbody[data-sidebar=\"dark\"] #sidebar-menu ul > li > a.mm-active {\n  background-color: #2f374a; }\n\nbody[data-sidebar=\"dark\"].vertical-collpsed {\n  min-height: 1200px; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n    background: #2e3648;\n    color: #ffffff; }\n    body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n      color: #ffffff; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n    color: #79829c; }\n    body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n      color: #ffffff; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n    background-color: #2a3142; }\n  body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n    color: #ffffff; }\n    body[data-sidebar=\"dark\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n      color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .mm-active {\n  color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active > a {\n    color: #ffffff !important;\n    background-color: #2f374a; }\n    body[data-sidebar=\"dark\"] .mm-active > a i {\n      color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active > i {\n    color: #ffffff !important; }\n  body[data-sidebar=\"dark\"] .mm-active .active {\n    color: #ffffff !important;\n    background-color: #2f374a; }\n    body[data-sidebar=\"dark\"] .mm-active .active i {\n      color: #ffffff !important; }\n\nbody[data-sidebar=\"dark\"] .menu-title {\n  color: #8699ad !important; }\n\nbody[data-layout=\"horizontal\"] .main-content {\n  margin-left: 0 !important; }\n\nbody[data-sidebar-size=\"small\"] .navbar-brand-box {\n  width: 160px; }\n\nbody[data-sidebar-size=\"small\"] .vertical-menu {\n  width: 160px;\n  text-align: center; }\n  body[data-sidebar-size=\"small\"] .vertical-menu .has-arrow:after,\n  body[data-sidebar-size=\"small\"] .vertical-menu .badge {\n    display: none !important; }\n\nbody[data-sidebar-size=\"small\"] .main-content {\n  margin-left: 160px; }\n\nbody[data-sidebar-size=\"small\"] .footer {\n  left: 160px; }\n\nbody[data-sidebar-size=\"small\"] #sidebar-menu ul li a i {\n  display: block; }\n\nbody[data-sidebar-size=\"small\"] #sidebar-menu ul li ul.sub-menu li a {\n  padding-left: 1.5rem !important; }\n\nbody[data-sidebar-size=\"small\"].vertical-collpsed .main-content {\n  margin-left: 70px; }\n\nbody[data-sidebar-size=\"small\"].vertical-collpsed .vertical-menu #sidebar-menu {\n  text-align: left; }\n  body[data-sidebar-size=\"small\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i {\n    display: inline-block; }\n\nbody[data-sidebar-size=\"small\"].vertical-collpsed .footer {\n  left: 70px; }\n\nbody[data-sidebar=\"light\"] .vertical-menu {\n  background: #ffffff; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul li a {\n  color: #545a6d; }\n  body[data-sidebar=\"light\"] #sidebar-menu ul li a i {\n    color: #7f8387; }\n  body[data-sidebar=\"light\"] #sidebar-menu ul li a:hover {\n    color: #626ed4; }\n    body[data-sidebar=\"light\"] #sidebar-menu ul li a:hover i {\n      color: #626ed4; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul li > .mm-active {\n  color: #626ed4 !important; }\n  body[data-sidebar=\"light\"] #sidebar-menu ul li > .mm-active > a {\n    color: #fff !important;\n    background-color: #f5f5f5; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: #545a6d;\n  background: transparent; }\n  body[data-sidebar=\"light\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: #626ed4; }\n\nbody[data-sidebar=\"light\"] #sidebar-menu ul > li > a.mm-active {\n  background-color: #f5f5f5; }\n\nbody[data-sidebar=\"light\"].vertical-collpsed {\n  min-height: 1200px; }\n  body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n    background: white;\n    color: #626ed4; }\n    body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n      color: #626ed4; }\n  body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n    color: #545a6d; }\n    body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n      color: #626ed4; }\n  body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n    background-color: #ffffff; }\n  body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n    color: #626ed4; }\n    body[data-sidebar=\"light\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n      color: #626ed4 !important; }\n\nbody[data-sidebar=\"light\"] .mm-active {\n  color: #626ed4 !important; }\n  body[data-sidebar=\"light\"] .mm-active > i {\n    color: #626ed4 !important; }\n  body[data-sidebar=\"light\"] .mm-active .active {\n    color: #626ed4 !important;\n    background-color: #f5f5f5; }\n    body[data-sidebar=\"light\"] .mm-active .active i {\n      color: #626ed4 !important; }\n\nbody[data-sidebar=\"light\"] .menu-title {\n  color: #7f8387 !important; }\n\nbody[data-sidebar=\"colored\"] .vertical-menu {\n  background: #626ed4; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul li a {\n  color: rgba(255, 255, 255, 0.7); }\n  body[data-sidebar=\"colored\"] #sidebar-menu ul li a i {\n    color: rgba(255, 255, 255, 0.7); }\n  body[data-sidebar=\"colored\"] #sidebar-menu ul li a:hover {\n    color: white; }\n    body[data-sidebar=\"colored\"] #sidebar-menu ul li a:hover i {\n      color: white; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul li > .mm-active {\n  background-color: #6b77dd; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul li ul.sub-menu li a {\n  color: rgba(255, 255, 255, 0.7);\n  background: transparent; }\n  body[data-sidebar=\"colored\"] #sidebar-menu ul li ul.sub-menu li a:hover {\n    color: white; }\n\nbody[data-sidebar=\"colored\"] #sidebar-menu ul > li > a.mm-active {\n  background-color: #6b77dd; }\n\nbody[data-sidebar=\"colored\"].vertical-collpsed {\n  min-height: 1200px; }\n  body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a {\n    background: #6a75d6;\n    color: white; }\n    body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > a i {\n      color: white; }\n  body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {\n    color: rgba(255, 255, 255, 0.7); }\n    body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a:hover {\n      color: white; }\n  body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu > ul ul {\n    background-color: #626ed4; }\n  body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active {\n    color: white; }\n    body[data-sidebar=\"colored\"].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {\n      color: white !important; }\n\nbody[data-sidebar=\"colored\"] .mm-active {\n  color: white !important; }\n  body[data-sidebar=\"colored\"] .mm-active > a {\n    color: white !important;\n    background-color: #6b77dd; }\n    body[data-sidebar=\"colored\"] .mm-active > a i {\n      color: white !important; }\n  body[data-sidebar=\"colored\"] .mm-active > i {\n    color: white !important; }\n  body[data-sidebar=\"colored\"] .mm-active .active {\n    color: white !important;\n    background-color: #6b77dd; }\n    body[data-sidebar=\"colored\"] .mm-active .active i {\n      color: white !important; }\n\nbody[data-sidebar=\"colored\"] .menu-title {\n  color: rgba(255, 255, 255, 0.7) !important; }\n\n.topnav {\n  background: #2a3142;\n  padding: 0 calc(1.5rem / 2);\n  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);\n  margin-top: 70px;\n  position: fixed;\n  left: 0;\n  right: 0;\n  z-index: 100; }\n  @media (max-width: 991.98px) {\n    .topnav {\n      background: #2e3648; } }\n  .topnav .topnav-menu {\n    margin: 0;\n    padding: 0; }\n  .topnav .navbar-nav .nav-link {\n    font-size: 14.5px;\n    position: relative;\n    padding: 1rem 1.3rem;\n    color: #bfbfc5; }\n    .topnav .navbar-nav .nav-link i {\n      font-size: 15px;\n      display: inline-block; }\n    .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n      color: #fff;\n      background-color: transparent; }\n      @media (max-width: 991.98px) {\n        .topnav .navbar-nav .nav-link:focus, .topnav .navbar-nav .nav-link:hover {\n          color: #626ed4; } }\n    @media (max-width: 991.98px) {\n      .topnav .navbar-nav .nav-link {\n        color: #dee2e6; } }\n  .topnav .navbar-nav > .dropdown.active > a {\n    color: rgba(255, 255, 255, 0.9) !important; }\n    @media (max-width: 991.98px) {\n      .topnav .navbar-nav > .dropdown.active > a {\n        color: #626ed4 !important; } }\n  .topnav .navbar-nav .dropdown-item {\n    color: rgba(191, 191, 197, 0.9); }\n    .topnav .navbar-nav .dropdown-item.active, .topnav .navbar-nav .dropdown-item:hover {\n      color: #626ed4;\n      background-color: transparent; }\n  .topnav .navbar-nav .nav-item .nav-link.active {\n    color: rgba(255, 255, 255, 0.9); }\n    @media (max-width: 991.98px) {\n      .topnav .navbar-nav .nav-item .nav-link.active {\n        color: #626ed4 !important; } }\n  .topnav .navbar-nav .dropdown.active > a {\n    color: #626ed4;\n    background-color: transparent; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"light\"] .navbar-brand-box .logo-dark {\n  display: none; }\n\nbody[data-layout=\"horizontal\"][data-topbar=\"light\"] .navbar-brand-box .logo-light {\n  display: block; }\n\n@media (min-width: 1200px) {\n  body[data-layout=\"horizontal\"] .container-fluid,\n  body[data-layout=\"horizontal\"] .navbar-header {\n    max-width: 85%; } }\n\n@media (min-width: 992px) {\n  .topnav .navbar-nav .nav-item:first-of-type .nav-link {\n    padding-left: 0; }\n  .topnav .dropdown-item {\n    padding: .5rem 1.5rem;\n    min-width: 180px; }\n  .topnav .dropdown.mega-dropdown .mega-dropdown-menu {\n    left: 0px;\n    right: auto; }\n  .topnav .dropdown .dropdown-menu {\n    margin-top: 0;\n    border-radius: 0 0 0.25rem 0.25rem; }\n    .topnav .dropdown .dropdown-menu .arrow-down::after {\n      right: 15px;\n      transform: rotate(-135deg) translateY(-50%);\n      position: absolute; }\n    .topnav .dropdown .dropdown-menu .dropdown .dropdown-menu {\n      position: absolute;\n      top: 0;\n      left: 100%;\n      display: none; }\n  .topnav .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .topnav .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu {\n    display: block; }\n  .navbar-toggle {\n    display: none; } }\n\n.arrow-down {\n  display: inline-block; }\n  .arrow-down:after {\n    border-color: initial;\n    border-style: solid;\n    border-width: 0 0 1px 1px;\n    content: \"\";\n    height: .4em;\n    display: inline-block;\n    right: 5px;\n    top: 50%;\n    margin-left: 10px;\n    transform: rotate(-45deg) translateY(-50%);\n    transform-origin: top;\n    transition: all .3s ease-out;\n    width: .4em; }\n\n@media (min-width: 992px) {\n  body[data-layout=\"horizontal\"] #page-topbar {\n    padding: 0 calc(1.5rem / 2); } }\n\n@media (max-width: 1199.98px) {\n  .topnav-menu .navbar-nav li:last-of-type .dropdown .dropdown-menu {\n    right: 100%;\n    left: auto; } }\n\n@media (max-width: 991.98px) {\n  .topnav {\n    max-height: 360px;\n    overflow-y: auto;\n    padding: 0; }\n    .topnav .navbar-nav .nav-link {\n      padding: 0.75rem 1.1rem; }\n    .topnav .dropdown .dropdown-menu {\n      background-color: transparent;\n      border: none;\n      box-shadow: none;\n      padding-left: 15px; }\n      .topnav .dropdown .dropdown-menu.mega-dropdown-menu {\n        width: auto; }\n        .topnav .dropdown .dropdown-menu.mega-dropdown-menu .row {\n          margin: 0px; }\n    .topnav .dropdown .dropdown-item {\n      position: relative;\n      background-color: transparent; }\n      .topnav .dropdown .dropdown-item.active, .topnav .dropdown .dropdown-item:active {\n        color: #626ed4; }\n    .topnav .arrow-down::after {\n      right: 15px;\n      position: absolute; } }\n\nbody[data-layout-size=\"boxed\"] #layout-wrapper {\n  background-color: #222736;\n  max-width: 1300px;\n  margin: 0 auto;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\nbody[data-layout-size=\"boxed\"] #page-topbar {\n  max-width: 1300px;\n  margin: 0 auto; }\n\nbody[data-layout-size=\"boxed\"] .footer {\n  margin: 0 auto;\n  max-width: calc(1300px - 240px); }\n\nbody[data-layout-size=\"boxed\"].vertical-collpsed .footer {\n  max-width: calc(1300px - 70px); }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #page-topbar, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #layout-wrapper, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .footer {\n  max-width: 100%; }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] #layout-wrapper {\n  box-shadow: none; }\n\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .container-fluid, body[data-layout=\"horizontal\"][data-layout-size=\"boxed\"] .navbar-header {\n  max-width: 1300px; }\n\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\n.waves-effect {\n  position: relative;\n  cursor: pointer;\n  display: inline-block;\n  overflow: hidden;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent; }\n\n.waves-effect .waves-ripple {\n  position: absolute;\n  border-radius: 50%;\n  width: 100px;\n  height: 100px;\n  margin-top: -50px;\n  margin-left: -50px;\n  opacity: 0;\n  background: rgba(0, 0, 0, 0.2);\n  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  -webkit-transition: all 0.5s ease-out;\n  -moz-transition: all 0.5s ease-out;\n  -o-transition: all 0.5s ease-out;\n  transition: all 0.5s ease-out;\n  -webkit-transition-property: -webkit-transform, opacity;\n  -moz-transition-property: -moz-transform, opacity;\n  -o-transition-property: -o-transform, opacity;\n  transition-property: transform, opacity;\n  -webkit-transform: scale(0) translate(0, 0);\n  -moz-transform: scale(0) translate(0, 0);\n  -ms-transform: scale(0) translate(0, 0);\n  -o-transform: scale(0) translate(0, 0);\n  transform: scale(0) translate(0, 0);\n  pointer-events: none; }\n\n.waves-effect.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4);\n  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\n  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }\n\n.waves-effect.waves-classic .waves-ripple {\n  background: rgba(0, 0, 0, 0.2); }\n\n.waves-effect.waves-classic.waves-light .waves-ripple {\n  background: rgba(255, 255, 255, 0.4); }\n\n.waves-notransition {\n  -webkit-transition: none !important;\n  -moz-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important; }\n\n.waves-button,\n.waves-circle {\n  -webkit-transform: translateZ(0);\n  -moz-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  -o-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n.waves-button,\n.waves-button:hover,\n.waves-button:visited,\n.waves-button-input {\n  white-space: nowrap;\n  vertical-align: middle;\n  cursor: pointer;\n  border: none;\n  outline: none;\n  color: inherit;\n  background-color: rgba(0, 0, 0, 0);\n  font-size: 1em;\n  line-height: 1em;\n  text-align: center;\n  text-decoration: none;\n  z-index: 1; }\n\n.waves-button {\n  padding: 0.85em 1.1em;\n  border-radius: 0.2em; }\n\n.waves-button-input {\n  margin: 0;\n  padding: 0.85em 1.1em; }\n\n.waves-input-wrapper {\n  border-radius: 0.2em;\n  vertical-align: bottom; }\n\n.waves-input-wrapper.waves-button {\n  padding: 0; }\n\n.waves-input-wrapper .waves-button-input {\n  position: relative;\n  top: 0;\n  left: 0;\n  z-index: 1; }\n\n.waves-circle {\n  text-align: center;\n  width: 2.5em;\n  height: 2.5em;\n  line-height: 2.5em;\n  border-radius: 50%; }\n\n.waves-float {\n  -webkit-mask-image: none;\n  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\n  -webkit-transition: all 300ms;\n  -moz-transition: all 300ms;\n  -o-transition: all 300ms;\n  transition: all 300ms; }\n\n.waves-float:active {\n  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }\n\n.waves-block {\n  display: block; }\n\n.waves-effect.waves-light .waves-ripple {\n  background-color: rgba(255, 255, 255, 0.4); }\n\n.waves-effect.waves-primary .waves-ripple {\n  background-color: rgba(98, 110, 212, 0.4); }\n\n.waves-effect.waves-success .waves-ripple {\n  background-color: rgba(2, 164, 153, 0.4); }\n\n.waves-effect.waves-info .waves-ripple {\n  background-color: rgba(56, 164, 248, 0.4); }\n\n.waves-effect.waves-warning .waves-ripple {\n  background-color: rgba(248, 180, 37, 0.4); }\n\n.waves-effect.waves-danger .waves-ripple {\n  background-color: rgba(236, 69, 97, 0.4); }\n\n.avatar-xs {\n  height: 2.3rem;\n  width: 2.3rem; }\n\n.avatar-sm {\n  height: 3rem;\n  width: 3rem; }\n\n.avatar-md {\n  height: 4.5rem;\n  width: 4.5rem; }\n\n.avatar-lg {\n  height: 5.5rem;\n  width: 5.5rem; }\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem; }\n\n.avatar-title {\n  align-items: center;\n  background-color: #626ed4;\n  color: #fff;\n  display: flex;\n  font-weight: 500;\n  height: 100%;\n  justify-content: center;\n  width: 100%; }\n\n.alert-dismissible .btn-close {\n  font-size: 10px;\n  padding: 1.125rem 1.25rem;\n  box-shadow: none;\n  background: transparent url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e\") center/1em auto no-repeat; }\n\n.font-size-11 {\n  font-size: 11px !important; }\n\n.font-size-12 {\n  font-size: 12px !important; }\n\n.font-size-13 {\n  font-size: 13px !important; }\n\n.font-size-14 {\n  font-size: 14px !important; }\n\n.font-size-15 {\n  font-size: 15px !important; }\n\n.font-size-16 {\n  font-size: 16px !important; }\n\n.font-size-17 {\n  font-size: 17px !important; }\n\n.font-size-18 {\n  font-size: 18px !important; }\n\n.font-size-20 {\n  font-size: 20px !important; }\n\n.font-size-22 {\n  font-size: 22px !important; }\n\n.font-size-24 {\n  font-size: 24px !important; }\n\n.fw-medium {\n  font-weight: 500 !important; }\n\n.fw-semibold {\n  font-weight: 600 !important; }\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 2px);\n  display: block;\n  border: 1px solid #9ca8b3;\n  border-radius: 50%;\n  color: #9ca8b3;\n  text-align: center; }\n\n.w-xs {\n  min-width: 80px; }\n\n.w-sm {\n  min-width: 95px; }\n\n.w-md {\n  min-width: 110px; }\n\n.w-lg {\n  min-width: 140px; }\n\n.w-xl {\n  min-width: 160px; }\n\n.mini-stat .mini-stat-img {\n  width: 58px;\n  height: 58px;\n  line-height: 58px;\n  background: rgba(255, 255, 255, 0.15);\n  border-radius: 4px;\n  text-align: center; }\n  .mini-stat .mini-stat-img img {\n    max-width: 32px; }\n\n.mini-stat .mini-stat-label {\n  position: absolute;\n  right: 0;\n  top: 18px;\n  padding: 2px 10px 2px 32px;\n  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0); }\n\n[dir=\"rtl\"] .mini-stat-label {\n  clip-path: polygon(0 0, 94% 0, 76% 50%, 100% 100%, 0 100%); }\n\n/* Activity */\n.activity-feed {\n  padding: 15px 15px 0 15px;\n  list-style: none; }\n  .activity-feed .feed-item {\n    position: relative;\n    padding-bottom: 29px;\n    padding-left: 30px;\n    border-left: 2px solid #32394e; }\n    .activity-feed .feed-item:last-child {\n      border-color: transparent; }\n    .activity-feed .feed-item::after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 0px;\n      left: -9px;\n      width: 16px;\n      height: 16px;\n      border-radius: 30px;\n      background: #02a499; }\n    .activity-feed .feed-item .date {\n      display: block;\n      position: relative;\n      top: -5px;\n      text-transform: uppercase;\n      font-size: 13px; }\n    .activity-feed .feed-item .activity-text {\n      position: relative;\n      top: -3px; }\n\n.ct-chart.wid {\n  height: 240px; }\n\n.ct-chart.wid .ct-slice-donut {\n  stroke-width: 14px !important; }\n\n/* peity */\n.wid-peity {\n  border-bottom: 1px solid #32394e; }\n\n.conversation-list {\n  list-style: none;\n  padding: 0px 10px;\n  max-height: 350px; }\n  .conversation-list li {\n    margin-bottom: 24px; }\n  .conversation-list .chat-avatar {\n    width: 40px;\n    display: inline-block;\n    text-align: center;\n    float: left; }\n    .conversation-list .chat-avatar .time {\n      font-size: 12px;\n      font-style: normal; }\n  .conversation-list .ctext-wrap .user-name {\n    display: block;\n    font-weight: 600;\n    position: relative;\n    font-size: 12px;\n    color: #626ed4; }\n  .conversation-list .ctext-wrap p {\n    color: #2f3cab; }\n  .conversation-list .conversation-text {\n    display: inline-block;\n    font-size: 12px;\n    float: left;\n    margin-left: 12px;\n    width: 70%; }\n  .conversation-list .ctext-wrap {\n    padding: 10px 18px;\n    background: #e2e4f7;\n    border-radius: 0px 7px 7px 7px;\n    position: relative;\n    display: inline-block; }\n    .conversation-list .ctext-wrap:after {\n      content: \" \";\n      position: absolute;\n      right: 100%;\n      top: 0;\n      border: solid transparent;\n      border-right-color: #e2e4f7;\n      border-top-color: #e2e4f7;\n      border-width: 5px; }\n    .conversation-list .ctext-wrap p {\n      margin: 0px;\n      padding-top: 3px; }\n  .conversation-list .odd .chat-avatar {\n    float: right !important; }\n  .conversation-list .odd .conversation-text {\n    width: 70% !important;\n    margin-right: 12px;\n    text-align: right;\n    float: right !important; }\n  .conversation-list .odd .ctext-wrap {\n    background: #363e54 !important;\n    border-radius: 7px 0px 7px 7px; }\n    .conversation-list .odd .ctext-wrap p {\n      color: #f6f6f6; }\n    .conversation-list .odd .ctext-wrap:after {\n      left: 100% !important;\n      top: 0 !important;\n      border-color: rgba(238, 238, 242, 0) !important;\n      border-left-color: #363e54 !important;\n      border-top-color: #363e54 !important; }\n\n.button-items {\n  margin-left: -8px;\n  margin-bottom: -12px; }\n  .button-items .btn {\n    margin-bottom: 12px;\n    margin-left: 8px; }\n\n.mfp-popup-form {\n  max-width: 1140px; }\n\n.bs-example-modal {\n  position: relative;\n  top: auto;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  z-index: 1;\n  display: block; }\n\n.icon-demo-content {\n  text-align: center;\n  color: #9ca8b3; }\n  .icon-demo-content i {\n    display: block;\n    font-size: 24px;\n    margin-bottom: 16px;\n    color: #9ca8b3;\n    transition: all 0.4s; }\n  .icon-demo-content .col-lg-4 {\n    margin-top: 24px; }\n    .icon-demo-content .col-lg-4:hover i {\n      color: #626ed4;\n      transform: scale(1.5); }\n\n.grid-structure .grid-container {\n  background-color: #323a4e;\n  margin-top: 10px;\n  font-size: .8rem;\n  font-weight: 500;\n  padding: 10px 20px; }\n\n@media print {\n  .vertical-menu,\n  .right-bar,\n  .page-title-box,\n  .navbar-header,\n  .footer {\n    display: none !important; }\n  .card-body,\n  .main-content,\n  .right-bar,\n  .page-content,\n  body {\n    padding: 0;\n    margin: 0; }\n  .card {\n    border: 0; } }\n\n.bootstrap-touchspin.input-group > .input-group-prepend > .btn, .bootstrap-touchspin.input-group > .input-group-prepend > .input-group-text {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0; }\n\n.bootstrap-touchspin.input-group > .input-group-append > .btn, .bootstrap-touchspin.input-group > .input-group-append > .input-group-text {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0; }\n\n[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start; }\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit; }\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0; }\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch; }\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%;\n  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto;\n  /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%;\n  /* Not required for horizontal scroll to trigger */\n  max-height: 100%;\n  /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important; }\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none; }\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table; }\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none; }\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0; }\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1; }\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden; }\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none; }\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all; }\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 4px;\n  min-height: 10px; }\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear; }\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear; }\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px; }\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px; }\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px; }\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto; }\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0; }\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll; }\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none; }\n\n.custom-scroll {\n  height: 100%; }\n\n/* ==============\r\n  Calendar\r\n===================*/\n.fc .fc-toolbar h2 {\n  font-size: 16px;\n  line-height: 30px;\n  text-transform: uppercase; }\n\n@media (max-width: 767.98px) {\n  .fc .fc-toolbar .fc-left,\n  .fc .fc-toolbar .fc-right,\n  .fc .fc-toolbar .fc-center {\n    float: none;\n    display: block;\n    text-align: center;\n    clear: both;\n    margin: 10px 0; }\n  .fc .fc-toolbar > * > * {\n    float: none; }\n  .fc .fc-toolbar .fc-today-button {\n    display: none; } }\n\n.fc .fc-toolbar .btn {\n  text-transform: capitalize; }\n\n.fc th.fc-widget-header {\n  background: #2e3648;\n  color: #f6f6f6;\n  line-height: 20px;\n  padding: 10px 0;\n  text-transform: uppercase;\n  font-weight: 700; }\n\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-list-heading td,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-row,\n.fc-unthemed tbody,\n.fc-unthemed td,\n.fc-unthemed th,\n.fc-unthemed thead {\n  border-color: #2e3648; }\n\n.fc-unthemed td.fc-today {\n  background: #363e54; }\n\n.fc-button {\n  background: #2a3042;\n  border-color: #343b51;\n  color: #f6f6f6;\n  text-transform: capitalize;\n  box-shadow: none;\n  padding: 6px 12px !important;\n  height: auto !important; }\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n  background-color: #626ed4;\n  color: #fff;\n  text-shadow: none; }\n\n.fc-event {\n  border-radius: 2px;\n  border: none;\n  cursor: move;\n  font-size: 0.8125rem;\n  margin: 5px 7px;\n  padding: 5px 5px;\n  text-align: center; }\n\n.fc-event,\n.fc-event-dot {\n  background-color: #626ed4; }\n\n.fc-event .fc-content {\n  color: #fff; }\n\n.fc-day-header {\n  font-weight: 500; }\n\n.fc-day-grid-event .fc-time {\n  font-weight: 500; }\n\n#external-events .external-event {\n  text-align: left !important;\n  padding: 8px 16px; }\n\n[dir=\"rtl\"] .fc-header-toolbar {\n  direction: ltr !important; }\n\n[dir=\"rtl\"] .fc-toolbar > * > :not(:first-child) {\n  margin-left: .75em; }\n\n#session-timeout-dialog .close {\n  display: none; }\n\n#session-timeout-dialog .countdown-holder {\n  color: #ec4561;\n  font-weight: 500; }\n\n#session-timeout-dialog .btn-default {\n  background-color: #fff;\n  color: #ec4561;\n  box-shadow: none; }\n\n.irs--modern .irs-bar, .irs--modern .irs-to, .irs--modern .irs-from, .irs--modern .irs-single {\n  background: #626ed4 !important;\n  font-size: 11px; }\n\n.irs--modern .irs-to:before, .irs--modern .irs-from:before, .irs--modern .irs-single:before {\n  border-top-color: #626ed4; }\n\n.irs--modern .irs-line {\n  background: #2e3648;\n  border-color: #2e3648; }\n\n.irs--modern .irs-grid-text {\n  font-size: 11px;\n  color: #e9ecef; }\n\n.irs--modern .irs-min, .irs--modern .irs-max {\n  color: #9ca8b3;\n  background: #2e3648;\n  font-size: 11px; }\n\n.irs--modern .irs-handle {\n  width: 12px;\n  height: 12px;\n  top: 37px;\n  background-color: #2a3042 !important; }\n  .irs--modern .irs-handle > i:nth-child(1) {\n    width: 8px;\n    height: 8px; }\n\n.swal2-container .swal2-title {\n  font-size: 24px;\n  font-weight: 500; }\n\n.swal2-icon.swal2-question {\n  border-color: #38a4f8;\n  color: #38a4f8; }\n\n.swal2-icon.swal2-success [class^=swal2-success-line] {\n  background-color: #02a499; }\n\n.swal2-icon.swal2-success .swal2-success-ring {\n  border-color: rgba(2, 164, 153, 0.3); }\n\n.swal2-icon.swal2-warning {\n  border-color: #f8b425;\n  color: #f8b425; }\n\n.swal2-styled:focus {\n  box-shadow: none; }\n\n.swal2-progress-steps .swal2-progress-step {\n  background: #626ed4; }\n  .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {\n    background: #626ed4; }\n    .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {\n      background: rgba(98, 110, 212, 0.3); }\n\n.swal2-progress-steps .swal2-progress-step-line {\n  background: #626ed4; }\n\n.swal2-loader {\n  border-color: #626ed4 transparent #626ed4 transparent; }\n\n.symbol {\n  border-color: #2a3042; }\n\n.rating-symbol-background, .rating-symbol-foreground {\n  font-size: 24px; }\n\n.rating-symbol-foreground {\n  top: 0px; }\n\n.rating-star > span {\n  display: inline-block;\n  vertical-align: middle; }\n  .rating-star > span.badge {\n    margin-left: 4px; }\n\n.error {\n  color: #ec4561; }\n\n.parsley-error {\n  border-color: #ec4561; }\n\n.parsley-errors-list {\n  display: none;\n  margin: 0;\n  padding: 0; }\n  .parsley-errors-list.filled {\n    display: block; }\n  .parsley-errors-list > li {\n    font-size: 12px;\n    list-style: none;\n    color: #ec4561;\n    margin-top: 5px; }\n\n.sp-container {\n  background-color: #2e3648; }\n  .sp-container button {\n    padding: .25rem .5rem;\n    font-size: .71094rem;\n    border-radius: .2rem;\n    font-weight: 400;\n    color: #eff2f7; }\n    .sp-container button.sp-palette-toggle {\n      background-color: #32394e; }\n    .sp-container button.sp-choose {\n      background-color: #02a499;\n      margin-left: 5px;\n      margin-right: 0; }\n\n.sp-palette-container {\n  border-right: 1px solid #343b51; }\n\n.sp-input {\n  background-color: #2e3648;\n  border-color: #363e54 !important;\n  color: #9ca8b3; }\n  .sp-input:focus {\n    outline: none; }\n\n[dir=\"rtl\"] .sp-alpha {\n  direction: rtl; }\n\n[dir=\"rtl\"] .sp-original-input-container .sp-add-on {\n  border-top-right-radius: 0 !important;\n  border-bottom-right-radius: 0 !important;\n  border-top-left-radius: 4px !important;\n  border-bottom-left-radius: 4px !important; }\n\n[dir=\"rtl\"] input.spectrum.with-add-on {\n  border: 1px solid #363e54;\n  border-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  border-top-right-radius: 0.25rem;\n  border-bottom-right-radius: 0.25rem; }\n\n.select2-container .select2-selection--single {\n  background-color: #2e3648;\n  border: 1px solid #363e54;\n  height: 38px; }\n  .select2-container .select2-selection--single:focus {\n    outline: none; }\n  .select2-container .select2-selection--single .select2-selection__rendered {\n    line-height: 36px;\n    padding-left: 12px;\n    color: #9ca8b3; }\n  .select2-container .select2-selection--single .select2-selection__arrow {\n    height: 34px;\n    width: 34px;\n    right: 3px; }\n    .select2-container .select2-selection--single .select2-selection__arrow b {\n      border-color: #9ca8b3 transparent transparent transparent;\n      border-width: 6px 6px 0 6px; }\n\n.select2-container--open .select2-selection--single .select2-selection__arrow b {\n  border-color: transparent transparent #9ca8b3 transparent !important;\n  border-width: 0 6px 6px 6px !important; }\n\n.select2-container--default .select2-search--dropdown {\n  padding: 10px;\n  background-color: #2e3648; }\n  .select2-container--default .select2-search--dropdown .select2-search__field {\n    border: 1px solid #363e54;\n    background-color: #2e3648;\n    color: #3c445a;\n    outline: none; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n  background-color: #626ed4; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n  background-color: #2e3648;\n  color: #e9ecef; }\n  .select2-container--default .select2-results__option[aria-selected=true]:hover {\n    background-color: #626ed4;\n    color: #fff; }\n\n.select2-results__option {\n  padding: 6px 12px; }\n\n.select2-dropdown {\n  border: #3a425a;\n  background-color: #2e3648;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n.select2-search input {\n  border: 1px solid #2e3648; }\n\n.select2-container .select2-selection--multiple {\n  min-height: 38px;\n  background-color: #2e3648;\n  border: 1px solid #363e54 !important; }\n  .select2-container .select2-selection--multiple .select2-selection__rendered {\n    padding: 2px 10px; }\n  .select2-container .select2-selection--multiple .select2-search__field {\n    border: 0;\n    color: #9ca8b3; }\n    .select2-container .select2-selection--multiple .select2-search__field::placeholder {\n      color: #9ca8b3; }\n  .select2-container .select2-selection--multiple .select2-selection__choice {\n    background-color: #32394e;\n    border: 1px solid #2e3648;\n    border-radius: 1px;\n    padding: 0 7px; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n  border-color: #e9ecef; }\n\n/* CSS Switch */\ninput[switch] {\n  display: none; }\n  input[switch] + label {\n    font-size: 1em;\n    line-height: 1;\n    width: 56px;\n    height: 24px;\n    background-color: #e9ecef;\n    background-image: none;\n    border-radius: 2rem;\n    padding: 0.16667rem;\n    cursor: pointer;\n    display: inline-block;\n    text-align: center;\n    position: relative;\n    font-weight: 500;\n    transition: all 0.1s ease-in-out; }\n    input[switch] + label:before {\n      color: #eff2f7;\n      content: attr(data-off-label);\n      display: block;\n      font-family: inherit;\n      font-weight: 500;\n      font-size: 12px;\n      line-height: 21px;\n      position: absolute;\n      right: 1px;\n      margin: 3px;\n      top: -2px;\n      text-align: center;\n      min-width: 1.66667rem;\n      overflow: hidden;\n      transition: all 0.1s ease-in-out; }\n    input[switch] + label:after {\n      content: '';\n      position: absolute;\n      left: 3px;\n      background-color: #32394e;\n      box-shadow: none;\n      border-radius: 2rem;\n      height: 20px;\n      width: 20px;\n      top: 2px;\n      transition: all 0.1s ease-in-out; }\n  input[switch]:checked + label {\n    background-color: #626ed4; }\n\ninput[switch]:checked + label {\n  background-color: #626ed4; }\n  input[switch]:checked + label:before {\n    color: #fff;\n    content: attr(data-on-label);\n    right: auto;\n    left: 3px; }\n  input[switch]:checked + label:after {\n    left: 33px;\n    background-color: #32394e; }\n\ninput[switch=\"bool\"] + label {\n  background-color: #ec4561; }\n\ninput[switch=\"bool\"] + label:before, input[switch=\"bool\"]:checked + label:before,\ninput[switch=\"default\"]:checked + label:before {\n  color: #fff; }\n\ninput[switch=\"bool\"]:checked + label {\n  background-color: #02a499; }\n\ninput[switch=\"default\"]:checked + label {\n  background-color: #a2a2a2; }\n\ninput[switch=\"primary\"]:checked + label {\n  background-color: #626ed4; }\n\ninput[switch=\"success\"]:checked + label {\n  background-color: #02a499; }\n\ninput[switch=\"info\"]:checked + label {\n  background-color: #38a4f8; }\n\ninput[switch=\"warning\"]:checked + label {\n  background-color: #f8b425; }\n\ninput[switch=\"danger\"]:checked + label {\n  background-color: #ec4561; }\n\ninput[switch=\"dark\"]:checked + label {\n  background-color: #eff2f7; }\n\n.square-switch {\n  margin-right: 7px; }\n  .square-switch input[switch] + label, .square-switch input[switch] + label:after {\n    border-radius: 0px; }\n\ndiv.dataTables_wrapper div.dataTables_filter {\n  text-align: right; }\n  @media (max-width: 767px) {\n    div.dataTables_wrapper div.dataTables_filter {\n      text-align: center; } }\n  div.dataTables_wrapper div.dataTables_filter input {\n    margin-left: 0.5em;\n    margin-right: 0; }\n\n.datatable td:focus {\n  outline: none; }\n\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:first-child {\n  padding-left: 0; }\n\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\n  padding-right: 0; }\n\n.table.dataTable thead .sorting:before, .table.dataTable thead .sorting_asc:before, .table.dataTable thead .sorting_desc:before, .table.dataTable thead .sorting_asc_disabled:before, .table.dataTable thead .sorting_desc_disabled:before {\n  left: auto;\n  right: 1em; }\n\n.table.dataTable thead .sorting:after, .table.dataTable thead .sorting_asc:after, .table.dataTable thead .sorting_desc:after, .table.dataTable thead .sorting_asc_disabled:after, .table.dataTable thead .sorting_desc_disabled:after {\n  left: auto;\n  right: 0.5em; }\n\n.table.dataTable thead tr th.sorting_asc, .table.dataTable thead tr th.sorting_desc, .table.dataTable thead tr th.sorting, .table.dataTable thead tr td.sorting_asc, .table.dataTable thead tr td.sorting_desc, .table.dataTable thead tr td.sorting {\n  padding-left: 12px;\n  padding-right: 30px; }\n\n.table.dataTable.dtr-inline.collapsed > tbody > tr > td, table.dataTable.dtr-inline.collapsed > tbody > tr > td {\n  position: relative; }\n  .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\n    padding-left: 30px; }\n    .table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {\n      top: 50%;\n      left: 5px;\n      height: 14px;\n      width: 14px;\n      margin-top: -9px;\n      display: block;\n      position: absolute;\n      color: #fff;\n      border: 2px solid #fff;\n      border-radius: 14px;\n      box-sizing: content-box;\n      text-align: center;\n      text-indent: 0 !important;\n      line-height: 14px;\n      content: '+';\n      background-color: #626ed4; }\n\n.table-edits input, .table-edits select {\n  height: calc(1.5em + 0.5rem + 2px);\n  padding: 0.25rem 0.5rem;\n  border: 1px solid #363e54;\n  background-color: #2e3648;\n  color: #9ca8b3;\n  border-radius: 0.25rem; }\n  .table-edits input:focus, .table-edits select:focus {\n    outline: none;\n    border-color: #3a4158; }\n\n.datepicker {\n  border: 1px solid #323a4e;\n  padding: 8px;\n  z-index: 999 !important; }\n  .datepicker table tr th {\n    font-weight: 500; }\n  .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td .active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {\n    background-color: #626ed4 !important;\n    background-image: none;\n    box-shadow: none;\n    color: #fff !important; }\n  .datepicker table tr td.day.focused, .datepicker table tr td.day:hover,\n  .datepicker table tr td span.focused,\n  .datepicker table tr td span:hover {\n    background: #32394e; }\n  .datepicker table tr td.new, .datepicker table tr td.old,\n  .datepicker table tr td span.new,\n  .datepicker table tr td span.old {\n    color: #9ca8b3;\n    opacity: 0.6; }\n  .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {\n    background-color: #2e3648; }\n\n.table-condensed > thead > tr > th, .table-condensed > tbody > tr > td {\n  padding: 7px; }\n\n.tox-tinymce {\n  border: 1px solid #32394e !important; }\n\n.tox .tox-statusbar {\n  border-top: 1px solid #32394e !important; }\n\n.tox .tox-menubar, .tox .tox-edit-area__iframe, .tox .tox-statusbar {\n  background-color: #2a3042 !important;\n  background: none !important; }\n\n.tox .tox-mbtn {\n  color: #f6f6f6 !important; }\n  .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n    background-color: #2e3648 !important; }\n\n.tox .tox-tbtn:hover {\n  background-color: #2e3648 !important; }\n\n.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {\n  background: #32394e !important; }\n\n.tox .tox-tbtn {\n  color: #f6f6f6 !important; }\n  .tox .tox-tbtn svg {\n    fill: #f6f6f6 !important; }\n\n.tox .tox-edit-area__iframe {\n  background-color: #2a3042 !important; }\n\n.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount {\n  color: #f6f6f6 !important; }\n\n.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {\n  border-right: 1px solid #282e3e !important; }\n\n.tox .tox-toolbar-overlord .tox-toolbar__primary {\n  border-color: #32394e !important;\n  border-bottom: 1px solid #32394e; }\n\n.tox-tinymce-aux {\n  z-index: 1000 !important; }\n\n/* Dropzone */\n.dropzone {\n  min-height: 230px;\n  border: 2px dashed #e9ecef;\n  background: #2a3042;\n  border-radius: 6px; }\n  .dropzone .dz-message {\n    font-size: 24px; }\n\n.form-wizard-wrapper label {\n  font-size: 14px;\n  text-align: right; }\n\n.wizard ul {\n  list-style: none !important;\n  padding: 0;\n  margin: 0; }\n\n.wizard > .steps > ul > li {\n  width: 25%; }\n\n.wizard > .steps .current-info {\n  position: absolute;\n  left: -999em; }\n\n.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {\n  margin: 3px;\n  padding: 15px;\n  display: block;\n  width: auto;\n  border-radius: 5px; }\n\n.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {\n  background-color: #626ed4;\n  color: #fff; }\n  .wizard > .steps .current a .number, .wizard > .steps .current a:active .number, .wizard > .steps .current a:hover .number {\n    border: 2px solid #fff; }\n\n.wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover, .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {\n  background-color: #daddf5;\n  color: #626ed4; }\n  .wizard > .steps .disabled a .number, .wizard > .steps .disabled a:active .number, .wizard > .steps .disabled a:hover .number, .wizard > .steps .done a .number, .wizard > .steps .done a:active .number, .wizard > .steps .done a:hover .number {\n    border-color: #626ed4; }\n\n.wizard > .steps .number {\n  font-size: 16px;\n  padding: 5px;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  width: 38px;\n  display: inline-block;\n  font-weight: 500;\n  text-align: center;\n  margin-right: 10px;\n  background-color: rgba(98, 110, 212, 0.25); }\n\n.wizard > .content {\n  background-color: transparent;\n  margin: 0 5px;\n  border-radius: 0;\n  min-height: 150px; }\n  .wizard > .content > .title {\n    position: absolute;\n    left: -999em; }\n  .wizard > .content > .body {\n    width: 100%;\n    height: 100%;\n    padding: 30px 0 0;\n    position: static; }\n\n.wizard > .actions {\n  position: relative;\n  display: block;\n  text-align: right;\n  width: 100%; }\n  .wizard > .actions > ul {\n    display: inline-block;\n    text-align: right; }\n    .wizard > .actions > ul > li {\n      display: block;\n      margin: 0 0.5em; }\n  .wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {\n    background-color: #626ed4;\n    border-radius: 4px;\n    padding: 8px 15px;\n    color: #fff; }\n  .wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {\n    opacity: .65;\n    background-color: #626ed4;\n    color: #fff;\n    cursor: not-allowed; }\n\n.wizard > .steps > ul > li, .wizard > .actions > ul > li {\n  float: left; }\n\n@media (max-width: 768px) {\n  .wizard > .steps > ul > li {\n    width: 50%; }\n  .form-wizard-wrapper label {\n    text-align: left; } }\n\n@media (max-width: 520px) {\n  .wizard > .steps > ul > li {\n    width: 100%; } }\n\n.table-rep-plugin .btn-toolbar {\n  display: block; }\n\n.table-rep-plugin .table-responsive {\n  border: none !important; }\n\n.table-rep-plugin .btn-group .btn-default {\n  background-color: #32394e;\n  color: #eff2f7;\n  border: 1px solid #32394e; }\n  .table-rep-plugin .btn-group .btn-default.btn-primary {\n    background-color: #626ed4;\n    border-color: #626ed4;\n    color: #fff;\n    box-shadow: 0 0 0 2px rgba(98, 110, 212, 0.5); }\n\n.table-rep-plugin .btn-group.pull-right {\n  float: right; }\n  .table-rep-plugin .btn-group.pull-right .dropdown-menu {\n    right: 0;\n    transform: none !important;\n    top: 100% !important; }\n\n.table-rep-plugin tbody th {\n  font-size: 14px;\n  font-weight: normal; }\n\n.table-rep-plugin .checkbox-row {\n  padding-left: 40px; }\n  .table-rep-plugin .checkbox-row label {\n    display: inline-block;\n    padding-left: 5px;\n    position: relative; }\n    .table-rep-plugin .checkbox-row label::before {\n      -o-transition: 0.3s ease-in-out;\n      -webkit-transition: 0.3s ease-in-out;\n      background-color: #fff;\n      border-radius: 3px;\n      border: 1px solid #2e3648;\n      content: \"\";\n      display: inline-block;\n      height: 17px;\n      left: 0;\n      margin-left: -20px;\n      position: absolute;\n      transition: 0.3s ease-in-out;\n      width: 17px;\n      outline: none !important; }\n    .table-rep-plugin .checkbox-row label::after {\n      color: #32394e;\n      display: inline-block;\n      font-size: 11px;\n      height: 16px;\n      left: 0;\n      margin-left: -20px;\n      padding-left: 3px;\n      padding-top: 1px;\n      position: absolute;\n      top: -1px;\n      width: 16px; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"] {\n    cursor: pointer;\n    opacity: 0;\n    z-index: 1;\n    outline: none !important; }\n    .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label {\n      opacity: 0.65; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:focus + label::before {\n    outline-offset: -2px;\n    outline: none; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    content: \"\\f00c\";\n    font-family: 'Font Awesome 5 Free';\n    font-weight: 900; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label::before {\n    background-color: #323a4e;\n    cursor: not-allowed; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n    background-color: #626ed4;\n    border-color: #626ed4; }\n  .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n    color: #fff; }\n\n.table-rep-plugin .fixed-solution .sticky-table-header {\n  top: 70px !important;\n  background-color: #626ed4; }\n  .table-rep-plugin .fixed-solution .sticky-table-header table {\n    color: #fff; }\n\n.editable-input .form-control {\n  display: inline-block; }\n\n.editable-buttons {\n  margin-left: 7px; }\n  .editable-buttons .editable-cancel {\n    margin-left: 7px; }\n\n.morris-charts text {\n  font-family: \"Sarabun\", sans-serif !important;\n  fill: #9ca8b3; }\n\n.morris-hover {\n  position: absolute;\n  z-index: 10; }\n  .morris-hover.morris-default-style {\n    font-size: 12px;\n    text-align: center;\n    border-radius: 5px;\n    padding: 10px 12px;\n    background: rgba(50, 58, 78, 0.8);\n    color: #eff2f7;\n    border: 2px solid #32394e;\n    font-family: var(--bs-font-sans-serif); }\n    .morris-hover.morris-default-style .morris-hover-row-label {\n      font-weight: bold;\n      margin: 0.25em 0;\n      font-family: \"Sarabun\", sans-serif; }\n    .morris-hover.morris-default-style .morris-hover-point {\n      white-space: nowrap;\n      margin: 0.1em 0;\n      color: #fff; }\n\n.ct-golden-section:before {\n  float: none; }\n\n.ct-chart {\n  max-height: 300px; }\n  .ct-chart .ct-label {\n    fill: #9ca8b3;\n    color: #9ca8b3;\n    font-size: 12px;\n    line-height: 1; }\n\n.ct-chart.simple-pie-chart-chartist .ct-label {\n  color: #fff;\n  fill: #fff;\n  font-size: 16px; }\n\n.ct-grid {\n  stroke: rgba(239, 242, 247, 0.09);\n  stroke-width: 1px;\n  stroke-dasharray: 3px; }\n\n.ct-chart .ct-series.ct-series-a .ct-bar,\n.ct-chart .ct-series.ct-series-a .ct-line,\n.ct-chart .ct-series.ct-series-a .ct-point,\n.ct-chart .ct-series.ct-series-a .ct-slice-donut {\n  stroke: #626ed4; }\n\n.ct-chart .ct-series.ct-series-b .ct-bar,\n.ct-chart .ct-series.ct-series-b .ct-line,\n.ct-chart .ct-series.ct-series-b .ct-point,\n.ct-chart .ct-series.ct-series-b .ct-slice-donut {\n  stroke: #02a499; }\n\n.ct-chart .ct-series.ct-series-c .ct-bar,\n.ct-chart .ct-series.ct-series-c .ct-line,\n.ct-chart .ct-series.ct-series-c .ct-point,\n.ct-chart .ct-series.ct-series-c .ct-slice-donut {\n  stroke: #f8b425; }\n\n.ct-chart .ct-series.ct-series-d .ct-bar,\n.ct-chart .ct-series.ct-series-d .ct-line,\n.ct-chart .ct-series.ct-series-d .ct-point,\n.ct-chart .ct-series.ct-series-d .ct-slice-donut {\n  stroke: #eff2f7; }\n\n.ct-chart .ct-series.ct-series-e .ct-bar,\n.ct-chart .ct-series.ct-series-e .ct-line,\n.ct-chart .ct-series.ct-series-e .ct-point,\n.ct-chart .ct-series.ct-series-e .ct-slice-donut {\n  stroke: #38a4f8; }\n\n.ct-chart .ct-series.ct-series-f .ct-bar,\n.ct-chart .ct-series.ct-series-f .ct-line,\n.ct-chart .ct-series.ct-series-f .ct-point,\n.ct-chart .ct-series.ct-series-f .ct-slice-donut {\n  stroke: #ec4561; }\n\n.ct-chart .ct-series.ct-series-g .ct-bar,\n.ct-chart .ct-series.ct-series-g .ct-line,\n.ct-chart .ct-series.ct-series-g .ct-point,\n.ct-chart .ct-series.ct-series-g .ct-slice-donut {\n  stroke: #323a4e; }\n\n.ct-series-a .ct-area,\n.ct-series-a .ct-slice-pie {\n  fill: #626ed4; }\n\n.ct-series-b .ct-area,\n.ct-series-b .ct-slice-pie {\n  fill: #f8b425; }\n\n.ct-series-c .ct-area,\n.ct-series-c .ct-slice-pie {\n  fill: #eff2f7; }\n\n.ct-series-d .ct-area,\n.ct-series-d .ct-slice-pie {\n  fill: #02a499; }\n\n.ct-area {\n  fill-opacity: .33; }\n\n.chartist-tooltip {\n  position: absolute;\n  display: inline-block;\n  opacity: 0;\n  min-width: 10px;\n  padding: 2px 10px;\n  border-radius: 3px;\n  background: #eff2f7;\n  color: #2e3648;\n  text-align: center;\n  pointer-events: none;\n  z-index: 1;\n  transition: opacity .2s linear; }\n  .chartist-tooltip.tooltip-show {\n    opacity: 1; }\n\n.ct-line {\n  stroke-width: 3px; }\n\n.ct-point {\n  stroke-width: 7px; }\n\n.apex-charts {\n  min-height: 10px !important; }\n  .apex-charts text {\n    font-family: var(--bs-font-sans-serif) !important;\n    fill: #9ca8b3; }\n  .apex-charts .apexcharts-canvas {\n    margin: 0 auto; }\n\n.apexcharts-tooltip-title,\n.apexcharts-tooltip-text {\n  font-family: var(--bs-font-sans-serif) !important; }\n\n.apexcharts-legend-series {\n  font-weight: 500; }\n\n.apexcharts-gridline {\n  pointer-events: none;\n  stroke: #f7f7f7; }\n\n.apexcharts-legend-text {\n  color: #3c445a !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-size: 13px !important; }\n\n.apexcharts-pie-label {\n  fill: #fff !important; }\n\n.apexcharts-yaxis text,\n.apexcharts-xaxis text {\n  font-family: var(--bs-font-sans-serif) !important;\n  fill: #9ca8b3; }\n\n/* Flot chart */\n.flot-charts-height {\n  height: 320px; }\n\n.flotTip {\n  padding: 8px 12px;\n  background-color: rgba(239, 242, 247, 0.9);\n  z-index: 100;\n  color: #323a4e;\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);\n  border-radius: 4px; }\n\n.legendLabel {\n  color: #9ca8b3; }\n\n.jqstooltip {\n  box-sizing: content-box;\n  width: auto !important;\n  height: auto !important;\n  background-color: #eff2f7 !important;\n  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);\n  padding: 5px 10px !important;\n  border-radius: 3px;\n  border-color: #f8f9fa !important; }\n\n.jqsfield {\n  color: #32394e !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  font-family: var(--bs-font-sans-serif) !important;\n  font-weight: 500 !important; }\n\n.gmaps, .gmaps-panaroma {\n  height: 300px !important;\n  background: #323a4e;\n  border-radius: 3px; }\n\n.gmaps-overlay {\n  display: block;\n  text-align: center;\n  color: #fff;\n  font-size: 16px;\n  line-height: 40px;\n  background: #626ed4;\n  border-radius: 4px;\n  padding: 10px 20px; }\n\n.gmaps-overlay_arrow {\n  left: 50%;\n  margin-left: -16px;\n  width: 0;\n  height: 0;\n  position: absolute; }\n  .gmaps-overlay_arrow.above {\n    bottom: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-top: 16px solid #626ed4; }\n  .gmaps-overlay_arrow.below {\n    top: -15px;\n    border-left: 16px solid transparent;\n    border-right: 16px solid transparent;\n    border-bottom: 16px solid #626ed4; }\n\n.account-pages .logo-admin {\n  position: absolute;\n  left: 0;\n  right: 0;\n  margin: 0px auto;\n  width: 74px;\n  height: 74px;\n  line-height: 74px;\n  background: #2a3042;\n  border-radius: 50%;\n  border-bottom: 2px solid #02a499; }\n\n.accountbg {\n  position: absolute;\n  background-size: cover;\n  height: 100%;\n  width: 100%;\n  top: 0; }\n\n.account-page-full {\n  left: 0;\n  position: absolute;\n  height: 100%;\n  margin: 0;\n  width: 420px;\n  background-color: #2a3042; }\n  .account-page-full .card {\n    border: none; }\n\n.account-copyright {\n  position: absolute;\n  bottom: 0;\n  width: 100%; }\n\n.home-btn {\n  position: absolute;\n  top: 15px;\n  right: 25px; }\n\n.maintenance-img img {\n  max-width: 320px; }\n\n/*------------ Subscriber --------------*/\n.coming-soon-search-form input {\n  padding: 15px 20px;\n  width: 100%;\n  color: #eff2f7;\n  border: 2px solid #32394e;\n  outline: none !important;\n  padding-right: 180px;\n  padding-left: 30px;\n  border-radius: 30px;\n  background-color: #2a3042; }\n\n.coming-soon-search-form button {\n  position: absolute;\n  top: 7px;\n  right: 8px;\n  outline: none !important;\n  border-radius: 30px;\n  padding: 9px 30px; }\n\n.coming-soon-search-form form {\n  position: relative;\n  max-width: 600px;\n  margin: 0px auto; }\n\n/* ==============\r\n  Email\r\n===================*/\n.email-leftbar {\n  width: 236px;\n  float: left;\n  padding: 20px;\n  border-radius: 5px; }\n\n.email-rightbar {\n  margin-left: 260px; }\n\n.chat-user-box p.user-title {\n  color: #eff2f7;\n  font-weight: 500; }\n\n.chat-user-box p {\n  font-size: 12px; }\n\n@media (max-width: 767px) {\n  .email-leftbar {\n    float: none;\n    width: 100%; }\n  .email-rightbar {\n    margin: 0; } }\n\n.mail-list a {\n  display: block;\n  color: #9ca8b3;\n  line-height: 24px;\n  padding: 8px 5px; }\n  .mail-list a.active {\n    color: #ec4561;\n    font-weight: 500; }\n\n.message-list {\n  display: block;\n  padding-left: 0; }\n  .message-list li {\n    position: relative;\n    display: block;\n    height: 50px;\n    line-height: 50px;\n    cursor: default;\n    transition-duration: .3s; }\n    .message-list li a {\n      color: #9ca8b3; }\n    .message-list li:hover {\n      background: #32394e;\n      transition-duration: .05s; }\n    .message-list li .col-mail {\n      float: left;\n      position: relative; }\n    .message-list li .col-mail-1 {\n      width: 320px; }\n      .message-list li .col-mail-1 .star-toggle,\n      .message-list li .col-mail-1 .checkbox-wrapper-mail,\n      .message-list li .col-mail-1 .dot {\n        display: block;\n        float: left; }\n      .message-list li .col-mail-1 .dot {\n        border: 4px solid transparent;\n        border-radius: 100px;\n        margin: 22px 26px 0;\n        height: 0;\n        width: 0;\n        line-height: 0;\n        font-size: 0; }\n      .message-list li .col-mail-1 .checkbox-wrapper-mail {\n        margin: 15px 10px 0 20px; }\n      .message-list li .col-mail-1 .star-toggle {\n        margin-top: 18px;\n        margin-left: 5px; }\n      .message-list li .col-mail-1 .title {\n        position: absolute;\n        top: 0;\n        left: 110px;\n        right: 0;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap;\n        margin-bottom: 0; }\n    .message-list li .col-mail-2 {\n      position: absolute;\n      top: 0;\n      left: 320px;\n      right: 0;\n      bottom: 0; }\n      .message-list li .col-mail-2 .subject,\n      .message-list li .col-mail-2 .date {\n        position: absolute;\n        top: 0; }\n      .message-list li .col-mail-2 .subject {\n        left: 0;\n        right: 200px;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        white-space: nowrap; }\n      .message-list li .col-mail-2 .date {\n        right: 0;\n        width: 170px;\n        padding-left: 80px; }\n    .message-list li.active, .message-list li.active:hover {\n      box-shadow: inset 3px 0 0 #626ed4; }\n    .message-list li.unread {\n      background-color: #32394e;\n      font-weight: 500;\n      color: #dee4ef; }\n      .message-list li.unread a {\n        color: #dee4ef;\n        font-weight: 500; }\n  .message-list .checkbox-wrapper-mail {\n    cursor: pointer;\n    height: 20px;\n    width: 20px;\n    position: relative;\n    display: inline-block;\n    box-shadow: inset 0 0 0 1px #e9ecef;\n    border-radius: 1px; }\n    .message-list .checkbox-wrapper-mail input {\n      opacity: 0;\n      cursor: pointer; }\n    .message-list .checkbox-wrapper-mail input:checked ~ label {\n      opacity: 1; }\n    .message-list .checkbox-wrapper-mail label {\n      position: absolute;\n      height: 20px;\n      width: 20px;\n      left: 0;\n      cursor: pointer;\n      opacity: 0;\n      margin-bottom: 0;\n      transition-duration: .05s;\n      top: 0; }\n      .message-list .checkbox-wrapper-mail label:before {\n        content: \"\\F012C\";\n        font-family: \"Material Design Icons\";\n        top: 0;\n        height: 20px;\n        color: #dee4ef;\n        width: 20px;\n        position: absolute;\n        margin-top: -16px;\n        left: 4px;\n        font-size: 13px; }\n\n@media (max-width: 575.98px) {\n  .message-list li .col-mail-1 {\n    width: 200px; } }\n\n.counter-number {\n  font-size: 32px;\n  font-weight: 500;\n  text-align: center;\n  color: #626ed4; }\n  .counter-number span {\n    font-size: 16px;\n    font-weight: 400;\n    display: block;\n    padding-top: 7px;\n    color: #9ca8b3; }\n\n.coming-box {\n  float: left;\n  width: 21%;\n  padding: 14px 7px;\n  margin: 0px 0.75rem 1.5rem 0.75rem;\n  background-color: #2a3042;\n  border-radius: calc(0.25rem - 0);\n  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03); }\n\n@media (max-width: 991.98px) {\n  .coming-box {\n    width: 40%; } }\n\n.timeline {\n  padding-left: 60px;\n  padding-right: 60px; }\n  .timeline .timeline-list {\n    position: relative;\n    padding: 60px;\n    border-left: 3px dashed #32394e;\n    border-bottom: 3px dashed #32394e; }\n    .timeline .timeline-list .cd-timeline-content {\n      border-radius: 7px;\n      background: #323a4e; }\n      .timeline .timeline-list .cd-timeline-content .date {\n        position: absolute;\n        top: 60px;\n        left: -39px;\n        padding: 24px;\n        color: #fff;\n        border-radius: 7px; }\n    .timeline .timeline-list.right {\n      border-left: 0;\n      border-right: 3px dashed #32394e;\n      border-bottom: 3px dashed #32394e; }\n      .timeline .timeline-list.right .cd-timeline-content {\n        float: right;\n        text-align: right; }\n        .timeline .timeline-list.right .cd-timeline-content .date {\n          right: -39px;\n          left: inherit !important; }\n      .timeline .timeline-list.right:last-child {\n        border-bottom: 0; }\n\n@media only screen and (min-width: 1025px) {\n  #cd-timeline {\n    margin-bottom: 3em;\n    margin-top: 3em; }\n  .cd-timeline-content {\n    width: 56%; } }\n\n@media (max-width: 768px) {\n  .timeline {\n    padding-left: 15px;\n    padding-right: 15px; }\n    .timeline .timeline-list {\n      padding: 15px; }\n      .timeline .timeline-list .date {\n        top: 18px !important;\n        left: -30px !important;\n        padding: 14px !important; }\n      .timeline .timeline-list.right .date {\n        right: -30px !important; } }\n\n.plan-box .plan-btn {\n  position: relative; }\n  .plan-box .plan-btn::before {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    background: #2e3648;\n    left: 0px;\n    right: 0px;\n    top: 12px; }\n\n/* directory */\n.social-links li a {\n  margin-bottom: 6px;\n  border-radius: 50%;\n  display: inline-block;\n  height: 30px;\n  line-height: 30px;\n  width: 30px;\n  text-align: center; }\n\n.faq {\n  position: relative; }\n  .faq .accordion-header {\n    border: none;\n    background: transparent; }\n\n.accordion .accordion-item {\n  border-bottom: 1px solid #32394e !important;\n  border-radius: 4px !important;\n  box-shadow: none; }\n\n.accordion .accordion-button {\n  font-weight: 500; }\n\n.faq[data-bs-toggle=collapse]:after {\n  content: '\\F0377';\n  display: block;\n  font-family: 'Material Design Icons';\n  font-size: 20px;\n  color: #9ca8b3;\n  position: absolute;\n  right: 20px;\n  font-weight: 500;\n  top: 50%;\n  background-image: none;\n  transform: translateY(-50%); }\n\n.faq[data-bs-toggle=collapse].collapsed::after {\n  content: '\\F0419'; }\n\n.overlay-container {\n  position: relative; }\n\n.project-item {\n  overflow: hidden;\n  border-radius: 5px;\n  margin-bottom: 30px; }\n\n.project-item img.gallery-thumb-img {\n  display: block;\n  width: 100%;\n  height: auto; }\n\n.project-item-overlay {\n  background: none repeat scroll 0 0 #2a3142;\n  position: absolute;\n  transition: all 0.5s ease-in-out 0s;\n  -moz-transition: all 0.5s ease-in-out 0s;\n  -webkit-transition: all 0.5s ease-in-out 0s;\n  -o-transition: all 0.5s ease-in-out 0s;\n  top: 0px;\n  left: 0px;\n  bottom: 0px;\n  right: 0px;\n  visibility: hidden;\n  overflow: hidden;\n  -webkit-transform: translateX(-100%);\n  transform: translateX(-100%); }\n\n.project-item-overlay h4 {\n  font-size: 18px;\n  font-weight: 500;\n  white-space: nowrap;\n  color: #ffffff;\n  position: absolute;\n  top: 7%;\n  left: 7%;\n  margin: 0;\n  text-overflow: ellipsis; }\n\n.project-item-overlay p {\n  font-size: 15px;\n  font-weight: 500;\n  white-space: nowrap;\n  color: #ffffff;\n  position: absolute;\n  overflow: hidden;\n  bottom: 7%;\n  left: 7%;\n  text-overflow: ellipsis;\n  margin: 0; }\n\n.overlay-container:hover .project-item-overlay {\n  -webkit-transform: translateX(0%);\n  transform: translateX(0%);\n  visibility: visible; }\n","// \r\n// Page-title\r\n// \r\n\r\n.page-title-box {\r\n    padding: 24px 0px;\r\n\r\n    .breadcrumb {\r\n        background-color: transparent;\r\n        padding: 0;\r\n    }\r\n\r\n    h4 {\r\n        font-weight: 700;\r\n    }\r\n}","\r\n// \r\n// Page-title\r\n// \r\n\r\n\r\n.page-title-box {\r\n    padding-bottom: $grid-gutter-width;\r\n\r\n    .page-title {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .breadcrumb {\r\n        padding:  0rem;\r\n    }\r\n\r\n    .dropdown {\r\n        .show.header-item {\r\n            background-color: rgba($gray-100, 0.1);\r\n        }\r\n    }\r\n\r\n}\r\n\r\n","// \r\n// _footer.scss\r\n// \r\n\r\n.footer {\r\n    bottom: 0;\r\n    padding: 20px calc(#{$grid-gutter-width} / 2);\r\n    position: absolute;\r\n    right: 0;\r\n    text-align: center;\r\n    color: $footer-color;\r\n    left: 240px;\r\n    height: $footer-height;\r\n    background-color: $footer-bg;\r\n}\r\n  \r\n@media (max-width: 992px) {\r\n    .footer {\r\n        left: 0;\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\n.vertical-collpsed {\r\n    .footer {\r\n        left: $sidebar-collapsed-width;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .footer {\r\n        left: 0 !important;\r\n    }  \r\n}","//\r\n// right-sidebar.scss\r\n//\r\n\r\n.right-bar {\r\n    background-color: $card-bg;\r\n    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\r\n    display: block;\r\n    position: fixed;\r\n    transition: all 200ms ease-out;\r\n    width: $rightbar-width;\r\n    z-index: 9999;\r\n    float: right !important;\r\n    right: -($rightbar-width + 10px);\r\n    top: 0;\r\n    bottom: 0;\r\n\r\n    .right-bar-toggle {\r\n        background-color: lighten($dark, 7%);\r\n        height: 24px;\r\n        width: 24px;\r\n        line-height: 24px;\r\n        color: $gray-200;\r\n        text-align: center;\r\n        border-radius: 50%;\r\n\r\n        &:hover {\r\n            background-color: lighten($dark, 10%);\r\n        }\r\n    }\r\n}\r\n\r\n// Rightbar overlay\r\n.rightbar-overlay {\r\n    background-color: rgba($dark, 0.55);\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: none;\r\n    z-index: 9998;\r\n    transition: all .2s ease-out;\r\n}\r\n\r\n.right-bar-enabled {\r\n    .right-bar {\r\n        right: 0;\r\n    }\r\n    .rightbar-overlay {\r\n        display: block;\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(md) {\r\n    .right-bar {\r\n        overflow: auto;\r\n        .slimscroll-menu {\r\n            height: auto !important;\r\n        }\r\n    }\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//\r\n// _menu.scss\r\n// \r\n\r\n.metismenu {\r\n    margin: 0;\r\n\r\n    li {\r\n        display: block;\r\n        width: 100%;\r\n    }\r\n\r\n    .mm-collapse {\r\n        display: none;\r\n\r\n        &:not(.mm-show) {\r\n            display: none;\r\n        }\r\n\r\n        &.mm-show {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .mm-collapsing {\r\n        position: relative;\r\n        height: 0;\r\n        overflow: hidden;\r\n        transition-timing-function: ease;\r\n        transition-duration: .35s;\r\n        transition-property: height, visibility;\r\n    }\r\n}\r\n\r\n\r\n.vertical-menu {\r\n    width: $sidebar-width;\r\n    z-index: 1001;\r\n    background: $sidebar-bg;\r\n    bottom: 0;\r\n    margin-top: 0;\r\n    position: fixed;\r\n    top: $header-height;\r\n    box-shadow: $box-shadow;\r\n}\r\n\r\n.main-content {\r\n    margin-left: $sidebar-width;\r\n    overflow: hidden;\r\n\r\n    .content {\r\n        padding: 0 15px 10px 15px;\r\n        margin-top: $header-height;\r\n    }\r\n}\r\n\r\n\r\n#sidebar-menu {\r\n    padding: 10px 0 30px 0;\r\n\r\n    .mm-active {\r\n        >.has-arrow {\r\n            &:after {\r\n                transform: rotate(-180deg);\r\n            }\r\n        }\r\n    }\r\n\r\n    .has-arrow {\r\n        &:after {\r\n            content: \"\\F0140\";\r\n            font-family: 'Material Design Icons';\r\n            display: block;\r\n            float: right;\r\n            transition: transform .2s;\r\n            font-size: 1rem;\r\n        }\r\n    }\r\n\r\n    ul {\r\n        li {\r\n            a {\r\n                display: block;\r\n                padding: 12px 20px;\r\n                font-family: $font-family-secondary;\r\n                color: $sidebar-menu-item-color;\r\n                position: relative;\r\n                font-size: 15.7px;\r\n                transition: all .4s;\r\n\r\n                i {\r\n                    display: inline-block;\r\n                    min-width: 1.75rem;\r\n                    padding-bottom: .125em;\r\n                    line-height: 1.40625rem;\r\n                    vertical-align: middle;\r\n                    color: $sidebar-menu-item-icon-color;\r\n                    transition: all .4s;\r\n                    font-size: 14.7px;\r\n                }\r\n\r\n                &:hover {\r\n                    color: $sidebar-menu-item-hover-color;\r\n\r\n                    i {\r\n                        color: $sidebar-menu-item-hover-color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .badge {\r\n                margin-top: 4px;\r\n            }\r\n\r\n            ul.sub-menu {\r\n                padding: 0;\r\n\r\n                li {\r\n\r\n                    a {\r\n                        padding: .4rem 1.5rem .4rem 3.3rem;\r\n                        font-size: 15px;\r\n                        color: $sidebar-menu-sub-item-color;\r\n                    }\r\n\r\n                    ul.sub-menu {\r\n                        padding: 0;\r\n\r\n                        li {\r\n                            a {\r\n                                padding: .4rem 1.5rem .4rem 4.5rem;\r\n                                font-size: 13.5px;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.menu-title {\r\n    padding: 12px 20px !important;\r\n    letter-spacing: .05em;\r\n    pointer-events: none;\r\n    cursor: default;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    color: $sidebar-menu-item-icon-color !important;\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.mm-active {\r\n    color: $sidebar-menu-item-active-color !important;\r\n\r\n    >a {\r\n        color: $sidebar-menu-item-active-color !important;\r\n        background-color: $sidebar-menu-item-active-bg;\r\n\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n    }\r\n\r\n    .active {\r\n        color: $sidebar-menu-item-active-color !important;\r\n\r\n\r\n        i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n    }\r\n\r\n    >i {\r\n        color: $sidebar-menu-item-active-color !important;\r\n    }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .vertical-menu {\r\n        display: none;\r\n    }\r\n\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n\r\n    body.sidebar-enable {\r\n        .vertical-menu {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n// Enlarge menu\r\n.vertical-collpsed {\r\n\r\n    .main-content {\r\n        margin-left: $sidebar-collapsed-width;\r\n    }\r\n\r\n    .navbar-brand-box {\r\n        width: $sidebar-collapsed-width !important;\r\n    }\r\n\r\n    .logo {\r\n        span.logo-lg {\r\n            display: none;\r\n        }\r\n\r\n        span.logo-sm {\r\n            display: block;\r\n        }\r\n    }\r\n\r\n    // Side menu\r\n    .vertical-menu {\r\n        position: absolute;\r\n        width: $sidebar-collapsed-width !important;\r\n        z-index: 5;\r\n\r\n        .simplebar-mask,\r\n        .simplebar-content-wrapper {\r\n            overflow: visible !important;\r\n        }\r\n\r\n        .simplebar-scrollbar {\r\n            display: none !important;\r\n        }\r\n\r\n        .simplebar-offset {\r\n            bottom: 0 !important;\r\n        }\r\n\r\n        // Sidebar Menu\r\n        #sidebar-menu {\r\n\r\n            .menu-title,\r\n            .badge,\r\n            .collapse.in {\r\n                display: none !important;\r\n            }\r\n\r\n            .nav.collapse {\r\n                height: inherit !important;\r\n            }\r\n\r\n            .has-arrow {\r\n                &:after {\r\n                    display: none;\r\n                }\r\n            }\r\n\r\n            > ul {\r\n                > li {\r\n                    position: relative;\r\n                    white-space: nowrap;\r\n\r\n                    > a {\r\n                        padding: 15px 20px;\r\n                        min-height: 55px;\r\n                        transition: none;\r\n                        \r\n                        &:hover,\r\n                        &:active,\r\n                        &:focus {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n\r\n                        i {\r\n                            font-size: 1.1rem;\r\n                            margin-left: 6px;\r\n                        }\r\n\r\n                        span {\r\n                            display: none;\r\n                            padding-left: 25px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover {\r\n                        > a {\r\n                            position: relative;\r\n                            width: calc(190px + #{$sidebar-collapsed-width});\r\n                            color: $primary;\r\n                            background-color: darken($sidebar-bg, 4%);\r\n                            transition: none;\r\n\r\n                            i{\r\n                                color: $primary;\r\n                            }\r\n\r\n                            span {\r\n                                display: inline;\r\n                            }\r\n                        }\r\n\r\n                        >ul {\r\n                            display: block;\r\n                            left: $sidebar-collapsed-width;\r\n                            position: absolute;\r\n                            width: 190px;\r\n                            height: auto !important;\r\n                            box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n\r\n                            ul {\r\n                                box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);\r\n                            }\r\n\r\n                            a {\r\n                                box-shadow: none;\r\n                                padding: 8px 20px;\r\n                                position: relative;\r\n                                width: 190px;\r\n                                z-index: 6;\r\n                                color: $sidebar-menu-sub-item-color;\r\n\r\n                                &:hover {\r\n                                    color: $sidebar-menu-item-hover-color;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                ul {\r\n                    padding: 5px 0;\r\n                    z-index: 9999;\r\n                    display: none;\r\n                    background-color: $sidebar-bg;\r\n\r\n                    li {\r\n                        &:hover {\r\n                            >ul {\r\n                                display: block;\r\n                                left: 190px;\r\n                                height: auto !important;\r\n                                margin-top: -36px;\r\n                                position: absolute;\r\n                                width: 190px;\r\n                            }\r\n                        }\r\n\r\n                        >a {\r\n                            span.pull-right {\r\n                                position: absolute;\r\n                                right: 20px;\r\n                                top: 12px;\r\n                                transform: rotate(270deg);\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    li.active {\r\n                        \r\n                        a {\r\n                            color: $gray-100;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n    }\r\n}\r\n\r\n\r\nbody[data-sidebar=\"dark\"] {\r\n    .vertical-menu {\r\n        background: $sidebar-dark-bg;\r\n    }\r\n\r\n    #sidebar-menu {\r\n    \r\n        ul {\r\n            li {\r\n               \r\n                a {\r\n                    color: $sidebar-dark-menu-item-color;\r\n\r\n                    i {\r\n                        color: $sidebar-dark-menu-item-icon-color;\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-dark-menu-item-hover-color;\r\n\r\n                        i {\r\n                            color: $sidebar-dark-menu-item-hover-color;\r\n                        }\r\n                    }\r\n                }\r\n                \r\n                >.mm-active{\r\n                    background-color: $sidebar-dark-menu-item-active-bg;\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-dark-menu-sub-item-color;\r\n                            background: transparent;\r\n\r\n                            &:hover {\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            >li{\r\n                >a{\r\n                    &.mm-active{\r\n                        background-color: $sidebar-dark-menu-item-active-bg;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    // Enlarge menu\r\n    &.vertical-collpsed {\r\n        min-height: 1200px;\r\n        // Side menu\r\n        .vertical-menu {\r\n\r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                > ul {\r\n                    > li {\r\n                        \r\n                        &:hover {\r\n                            > a {\r\n                                background: lighten($sidebar-dark-bg, 2%);\r\n                                color: $sidebar-dark-menu-item-hover-color;\r\n                                i{\r\n                                    color: $sidebar-dark-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-dark-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $sidebar-dark-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: $sidebar-dark-bg;\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: $sidebar-dark-menu-item-active-color;\r\n                            i{\r\n                                color: $sidebar-dark-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: $sidebar-dark-menu-item-active-color !important;\r\n        > a{\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n            background-color: $sidebar-dark-menu-item-active-bg;\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n        }\r\n        > i {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n        }\r\n        .active {\r\n            color: $sidebar-dark-menu-item-active-color !important;\r\n            background-color: $sidebar-dark-menu-item-active-bg;\r\n\r\n            i {\r\n                color: $sidebar-dark-menu-item-active-color !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: $sidebar-dark-menu-item-icon-color !important;\r\n    }\r\n}\r\n\r\n\r\nbody[data-layout=\"horizontal\"] {\r\n    .main-content {\r\n        margin-left: 0 !important;\r\n    }\r\n}\r\n\r\n// Compact Sidebar\r\n\r\nbody[data-sidebar-size=\"small\"] {\r\n    .navbar-brand-box{\r\n        width: $sidebar-width-sm;\r\n    }\r\n    .vertical-menu{\r\n        width: $sidebar-width-sm;\r\n        text-align: center;\r\n        .has-arrow:after,\r\n        .badge {\r\n            display: none !important;\r\n        }\r\n    }\r\n    .main-content {\r\n        margin-left: $sidebar-width-sm;\r\n    }\r\n    .footer {\r\n        left: $sidebar-width-sm;\r\n    }\r\n    #sidebar-menu {\r\n        ul li {\r\n            a{\r\n                i{\r\n                    display: block;\r\n                }\r\n            }\r\n            ul.sub-menu {\r\n                li a{\r\n                    padding-left: 1.5rem !important;\r\n\r\n                }\r\n            }\r\n        }\r\n    }\r\n    &.vertical-collpsed {\r\n        .main-content {\r\n            margin-left: $sidebar-collapsed-width;\r\n        }\r\n        .vertical-menu {\r\n            #sidebar-menu{\r\n                text-align: left;\r\n                >ul{\r\n                    >li{\r\n                        >a {\r\n                            i{\r\n                                display: inline-block;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        .footer {\r\n            left: $sidebar-collapsed-width;\r\n        }\r\n    }\r\n}\r\n\r\n// Light Colored\r\n\r\n\r\nbody[data-sidebar=\"light\"] {\r\n    .vertical-menu {\r\n        background: $sidebar-bg;\r\n    }\r\n\r\n    #sidebar-menu {\r\n    \r\n        ul {\r\n            li {\r\n               \r\n                a {\r\n                    color: $sidebar-menu-item-color;\r\n\r\n                    i {\r\n                        color: $sidebar-menu-item-icon-color;\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-menu-item-hover-color;\r\n\r\n                        i {\r\n                            color: $sidebar-menu-item-hover-color;\r\n                        }\r\n                    }\r\n                }\r\n                \r\n               \r\n                >.mm-active {\r\n                    color: $sidebar-menu-item-active-color !important;\r\n                    > a{\r\n                        color: $white !important;\r\n                        background-color: $sidebar-menu-item-active-bg;\r\n                        \r\n                    }\r\n                    \r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-menu-sub-item-color;\r\n                            background: transparent;\r\n\r\n                            &:hover {\r\n                                color: $sidebar-menu-item-hover-color;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            >li{\r\n                >a{\r\n                    &.mm-active{\r\n                        background-color: $sidebar-menu-item-active-bg;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    // Enlarge menu\r\n    &.vertical-collpsed {\r\n        min-height: 1200px;\r\n        // Side menu\r\n        .vertical-menu {\r\n\r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                > ul {\r\n                    > li {\r\n                        \r\n                        &:hover {\r\n                            > a {\r\n                                background: lighten($sidebar-bg, 2%);\r\n                                color: $sidebar-menu-item-hover-color;\r\n                                i{\r\n                                    color: $sidebar-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $sidebar-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: $sidebar-bg;\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: $sidebar-menu-item-active-color;\r\n                            i{\r\n                                color: $sidebar-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: $sidebar-menu-item-active-color !important;\r\n        > i {\r\n            color: $sidebar-menu-item-active-color !important;\r\n        }\r\n        .active {\r\n            color: $sidebar-menu-item-active-color !important;\r\n            background-color: $sidebar-menu-item-active-bg;\r\n\r\n            i {\r\n                color: $sidebar-menu-item-active-color !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: $sidebar-menu-item-icon-color !important;\r\n    }\r\n} \r\n\r\n// Colored Sidebar\r\n\r\n\r\nbody[data-sidebar=\"colored\"] {\r\n    .vertical-menu {\r\n        background: $sidebar-colored-bg;\r\n    }\r\n\r\n    \r\n\r\n    #sidebar-menu {\r\n    \r\n        ul {\r\n            li {\r\n               \r\n                a {\r\n                    color: $sidebar-colored-menu-item-color;\r\n\r\n                    i {\r\n                        color: $sidebar-colored-menu-item-icon-color;\r\n                    }\r\n    \r\n                    &:hover {\r\n                        color: $sidebar-colored-menu-item-hover-color;\r\n\r\n                        i {\r\n                            color: $sidebar-colored-menu-item-hover-color;\r\n                        }\r\n                    }\r\n                }\r\n                \r\n                >.mm-active{\r\n                    background-color: $sidebar-colored-menu-item-active-bg;\r\n                }\r\n\r\n                ul.sub-menu {\r\n                    li {\r\n\r\n                        a {\r\n                            color: $sidebar-colored-menu-sub-item-color;\r\n                            background: transparent;\r\n\r\n                            &:hover {\r\n                                color: $sidebar-colored-menu-item-hover-color;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            >li{\r\n                >a{\r\n                    &.mm-active{\r\n                        background-color: $sidebar-colored-menu-item-active-bg;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    // Enlarge menu\r\n    &.vertical-collpsed {\r\n        min-height: 1200px;\r\n        // Side menu\r\n        .vertical-menu {\r\n\r\n            // Sidebar Menu\r\n            #sidebar-menu {\r\n\r\n                > ul {\r\n                    > li {\r\n                        \r\n                        &:hover {\r\n                            > a {\r\n                                background: lighten($sidebar-colored-bg, 2%);\r\n                                color: $sidebar-colored-menu-item-hover-color;\r\n                                i{\r\n                                    color: $sidebar-colored-menu-item-hover-color;\r\n                                }\r\n                            }\r\n\r\n                            >ul {\r\n                                a{\r\n                                    color: $sidebar-colored-menu-sub-item-color;\r\n                                    &:hover{\r\n                                        color: $sidebar-colored-menu-item-hover-color;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    ul{\r\n                        background-color: $sidebar-colored-bg;\r\n                    }\r\n                    \r\n                }\r\n\r\n                ul{\r\n                    \r\n                    li{\r\n                        &.mm-active .active{\r\n                            color: $sidebar-colored-menu-item-active-color;\r\n                            i{\r\n                                color: $sidebar-colored-menu-item-active-color !important;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n    }\r\n    .mm-active {\r\n        color: $sidebar-colored-menu-item-active-color !important;\r\n        > a{\r\n            color: $sidebar-colored-menu-item-active-color !important;\r\n            background-color: $sidebar-colored-menu-item-active-bg;\r\n            i {\r\n                color: $sidebar-colored-menu-item-active-color !important;\r\n            }\r\n        }\r\n        > i {\r\n            color: $sidebar-colored-menu-item-active-color !important;\r\n        }\r\n        .active {\r\n            color: $sidebar-colored-menu-item-active-color !important;\r\n            background-color: $sidebar-colored-menu-item-active-bg;\r\n\r\n            i {\r\n                color: $sidebar-colored-menu-item-active-color !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .menu-title {\r\n        color: $sidebar-colored-menu-item-icon-color !important;\r\n    }\r\n} \r\n","// \r\n// _horizontal.scss\r\n// \r\n\r\n.topnav {\r\n    background: $topnav-bg;\r\n    padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    box-shadow: $box-shadow-lg;\r\n    margin-top: $header-height;\r\n    position: fixed;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 100;\r\n\r\n    @media (max-width: 991.98px){\r\n        background: $dropdown-bg;;\r\n    }\r\n    \r\n    .topnav-menu {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .navbar-nav {\r\n        \r\n        .nav-link {\r\n            font-size: 14.5px;\r\n            position: relative;\r\n            padding: 1rem 1.3rem;\r\n            color: $menu-item-color;\r\n            i{\r\n                font-size: 15px;\r\n                display: inline-block;\r\n            }\r\n            &:focus, &:hover{\r\n                color: $white;\r\n                background-color: transparent;\r\n                @media (max-width: 991.98px){\r\n                    color: $menu-item-active-color;\r\n                }\r\n            }\r\n\r\n            @media (max-width: 991.98px){\r\n                color: $header-item-color;\r\n            }\r\n        }\r\n\r\n        > .dropdown{\r\n            &.active{\r\n              >a {\r\n                    color: rgba($white, 0.9) !important;\r\n\r\n                    @media (max-width: 991.98px){\r\n                        color: $menu-item-active-color !important;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        \r\n        \r\n        .dropdown-item{\r\n            color: $menu-subitem-color;\r\n            &.active, &:hover{\r\n                color: $menu-item-active-color;\r\n                background-color: transparent;\r\n            }\r\n        }\r\n        \r\n        .nav-item{\r\n            .nav-link.active{\r\n                color: rgba($white, 0.9);\r\n\r\n                @media (max-width: 991.98px){\r\n                    color: $menu-item-active-color !important;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown{\r\n            &.active{\r\n              >a {\r\n                    color: $sidebar-menu-item-active-color;\r\n                    background-color: transparent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\nbody[data-layout=\"horizontal\"] {\r\n    &[data-topbar=\"light\"] {\r\n        .navbar-brand-box{\r\n            .logo-dark{\r\n                display: $display-block;\r\n            }\r\n\r\n            .logo-light{\r\n                display: $display-none;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n    body[data-layout=\"horizontal\"] {\r\n        .container-fluid,\r\n        .navbar-header {\r\n            max-width: 85%;\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n    .topnav {\r\n        .navbar-nav {\r\n            .nav-item {\r\n                &:first-of-type {\r\n                    .nav-link {\r\n                        padding-left: 0;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown-item {\r\n            padding: .5rem 1.5rem;\r\n            min-width: 180px;\r\n        }\r\n\r\n        .dropdown {\r\n            &.mega-dropdown{\r\n                // position: static;\r\n                .mega-dropdown-menu{\r\n                    left: 0px;\r\n                    right: auto;\r\n                }\r\n            }\r\n            .dropdown-menu {\r\n                margin-top: 0;\r\n                border-radius: 0 0 $dropdown-border-radius $dropdown-border-radius;\r\n\r\n                .arrow-down {\r\n                    &::after {\r\n                        right: 15px;\r\n                        transform: rotate(-135deg) translateY(-50%);\r\n                        position: absolute;\r\n                    }\r\n                }\r\n\r\n                .dropdown {\r\n                    .dropdown-menu {\r\n                        position: absolute;\r\n                        top: 0;\r\n                        left: 100%;\r\n                        display: none\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:hover {\r\n                >.dropdown-menu {\r\n                    display: block;\r\n                }\r\n            }\r\n        }\r\n\r\n        .dropdown:hover>.dropdown-menu>.dropdown:hover>.dropdown-menu {\r\n            display: block\r\n        }\r\n    }\r\n\r\n    .navbar-toggle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.arrow-down {\r\n    display: inline-block;\r\n\r\n    &:after {\r\n        border-color: initial;\r\n        border-style: solid;\r\n        border-width: 0 0 1px 1px;\r\n        content: \"\";\r\n        height: .4em;\r\n        display: inline-block;\r\n        right: 5px;\r\n        top: 50%;\r\n        margin-left: 10px;\r\n        transform: rotate(-45deg) translateY(-50%);\r\n        transform-origin: top;\r\n        transition: all .3s ease-out;\r\n        width: .4em;\r\n    }\r\n}\r\n\r\nbody[data-layout=\"horizontal\"]  #page-topbar{\r\n    @media (min-width: 992px) {\r\n        padding: 0 calc(#{$grid-gutter-width} / 2);\r\n    }\r\n}\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n    .topnav-menu {\r\n        .navbar-nav {\r\n            li {\r\n                &:last-of-type {\r\n                    .dropdown {\r\n                        .dropdown-menu {\r\n                            right: 100%;\r\n                            left: auto;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include media-breakpoint-down(lg) {\r\n    \r\n    .topnav {\r\n        max-height: 360px;\r\n        overflow-y: auto;\r\n        padding: 0;\r\n        .navbar-nav {\r\n            .nav-link {\r\n                padding: 0.75rem 1.1rem;\r\n            }\r\n        }\r\n\r\n        .dropdown {\r\n            .dropdown-menu {\r\n                background-color: transparent;\r\n                border: none;\r\n                box-shadow: none;\r\n                padding-left: 15px;\r\n\r\n                &.mega-dropdown-menu{\r\n                    width: auto;\r\n    \r\n                    .row{\r\n                        margin: 0px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .dropdown-item {\r\n                position: relative;\r\n                background-color: transparent;\r\n\r\n                &.active,\r\n                &:active {\r\n                    color: $primary;\r\n                }\r\n            }\r\n        }\r\n\r\n        .arrow-down {\r\n            &::after {\r\n                right: 15px;\r\n                position: absolute;\r\n            }\r\n        }\r\n    }\r\n}","// \r\n// _layouts.scss\r\n// \r\n\r\nbody[data-layout-size=\"boxed\"] {\r\n    #layout-wrapper {\r\n        background-color: $body-bg;\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n        box-shadow: $box-shadow;\r\n    }\r\n\r\n    #page-topbar {\r\n        max-width: $boxed-layout-width;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .footer {\r\n        margin: 0 auto;\r\n        max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});\r\n    }\r\n\r\n    &.vertical-collpsed {\r\n        .footer {\r\n            max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});\r\n        }\r\n    }\r\n}\r\n\r\n// Horizontal Boxed Layout\r\n\r\nbody[data-layout=\"horizontal\"][data-layout-size=\"boxed\"]{\r\n    #page-topbar, #layout-wrapper, .footer {\r\n        max-width: 100%;\r\n    }\r\n\r\n    #layout-wrapper {\r\n        box-shadow: none;\r\n    }\r\n    .container-fluid, .navbar-header {\r\n        max-width: $boxed-layout-width;\r\n    }\r\n}","\r\n/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n .waves-effect {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n  .waves-effect .waves-ripple {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    width: 100px;\r\n    height: 100px;\r\n    margin-top: -50px;\r\n    margin-left: -50px;\r\n    opacity: 0;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    -webkit-transition: all 0.5s ease-out;\r\n    -moz-transition: all 0.5s ease-out;\r\n    -o-transition: all 0.5s ease-out;\r\n    transition: all 0.5s ease-out;\r\n    -webkit-transition-property: -webkit-transform, opacity;\r\n    -moz-transition-property: -moz-transform, opacity;\r\n    -o-transition-property: -o-transform, opacity;\r\n    transition-property: transform, opacity;\r\n    -webkit-transform: scale(0) translate(0, 0);\r\n    -moz-transform: scale(0) translate(0, 0);\r\n    -ms-transform: scale(0) translate(0, 0);\r\n    -o-transform: scale(0) translate(0, 0);\r\n    transform: scale(0) translate(0, 0);\r\n    pointer-events: none;\r\n  }\r\n  .waves-effect.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);\r\n  }\r\n  .waves-effect.waves-classic .waves-ripple {\r\n    background: rgba(0, 0, 0, 0.2);\r\n  }\r\n  .waves-effect.waves-classic.waves-light .waves-ripple {\r\n    background: rgba(255, 255, 255, 0.4);\r\n  }\r\n  .waves-notransition {\r\n    -webkit-transition: none !important;\r\n    -moz-transition: none !important;\r\n    -o-transition: none !important;\r\n    transition: none !important;\r\n  }\r\n  .waves-button,\r\n  .waves-circle {\r\n    -webkit-transform: translateZ(0);\r\n    -moz-transform: translateZ(0);\r\n    -ms-transform: translateZ(0);\r\n    -o-transform: translateZ(0);\r\n    transform: translateZ(0);\r\n    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\r\n  }\r\n  .waves-button,\r\n  .waves-button:hover,\r\n  .waves-button:visited,\r\n  .waves-button-input {\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    cursor: pointer;\r\n    border: none;\r\n    outline: none;\r\n    color: inherit;\r\n    background-color: rgba(0, 0, 0, 0);\r\n    font-size: 1em;\r\n    line-height: 1em;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    z-index: 1;\r\n  }\r\n  .waves-button {\r\n    padding: 0.85em 1.1em;\r\n    border-radius: 0.2em;\r\n  }\r\n  .waves-button-input {\r\n    margin: 0;\r\n    padding: 0.85em 1.1em;\r\n  }\r\n  .waves-input-wrapper {\r\n    border-radius: 0.2em;\r\n    vertical-align: bottom;\r\n  }\r\n  .waves-input-wrapper.waves-button {\r\n    padding: 0;\r\n  }\r\n  .waves-input-wrapper .waves-button-input {\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1;\r\n  }\r\n  .waves-circle {\r\n    text-align: center;\r\n    width: 2.5em;\r\n    height: 2.5em;\r\n    line-height: 2.5em;\r\n    border-radius: 50%;\r\n  }\r\n  .waves-float {\r\n    -webkit-mask-image: none;\r\n    -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);\r\n    -webkit-transition: all 300ms;\r\n    -moz-transition: all 300ms;\r\n    -o-transition: all 300ms;\r\n    transition: all 300ms;\r\n  }\r\n  .waves-float:active {\r\n    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);\r\n  }\r\n  .waves-block {\r\n    display: block;\r\n  }\r\n\r\n.waves-effect.waves-light {\r\n    .waves-ripple {\r\n        background-color: rgba($white, 0.4);\r\n    }\r\n}\r\n\r\n.waves-effect.waves-primary {\r\n    .waves-ripple {\r\n        background-color: rgba($primary, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-success {\r\n    .waves-ripple {\r\n        background-color: rgba($success, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-info {\r\n    .waves-ripple {\r\n        background-color: rgba($info, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-warning {\r\n    .waves-ripple {\r\n        background-color: rgba($warning, 0.4);\r\n    }\r\n}\r\n.waves-effect.waves-danger {\r\n    .waves-ripple {\r\n        background-color: rgba($danger, 0.4);\r\n    }\r\n}","//\n// avatar.scss\n//\n\n.avatar-xs {\n  height: 2.3rem;\n  width: 2.3rem;\n}\n\n.avatar-sm {\n  height: 3rem;\n  width: 3rem;\n}\n\n.avatar-md {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.avatar-lg {\n  height: 5.5rem;\n  width: 5.5rem;\n}\n\n.avatar-xl {\n  height: 7.5rem;\n  width: 7.5rem;\n}\n\n.avatar-title {\n  align-items: center;\n  background-color: $primary;\n  color: $white;\n  display: flex;\n  font-weight: $font-weight-medium;\n  height: 100%;\n  justify-content: center;\n  width: 100%;\n}","// alert\n.alert-dismissible {\n  .btn-close {\n    font-size: 10px;\n    padding: $alert-padding-y * 1.5 $alert-padding-x;\n    box-shadow: none;\n    background: transparent escape-svg($btn-close-bg-dark) center / $btn-close-width auto no-repeat;\n  }\n}","//\n// _helper.scss\n//\n\n.font-size-11 {\n  font-size: 11px !important;\n}\n\n.font-size-12 {\n  font-size: 12px !important;\n}\n\n.font-size-13 {\n  font-size: 13px !important;\n}\n\n.font-size-14 {\n  font-size: 14px !important;\n}\n\n.font-size-15 {\n  font-size: 15px !important;\n}\n\n.font-size-16 {\n  font-size: 16px !important;\n}\n\n.font-size-17 {\n  font-size: 17px !important;\n}\n\n.font-size-18 {\n  font-size: 18px !important;\n}\n\n.font-size-20 {\n  font-size: 20px !important;\n}\n\n.font-size-22 {\n  font-size: 22px !important;\n}\n\n.font-size-24 {\n  font-size: 24px !important;\n}\n\n// Font weight help class\n\n.fw-medium {\n  font-weight: $font-weight-medium !important;\n}\n\n.fw-semibold {\n  font-weight: $font-weight-semibold !important;\n}\n\n\n// Social\n\n.social-list-item {\n  height: 2rem;\n  width: 2rem;\n  line-height: calc(2rem - 2px);\n  display: block;\n  border: 1px solid $gray-500;\n  border-radius: 50%;\n  color: $gray-500;\n  text-align: center;\n}\n\n\n.w-xs {\n  min-width: 80px;\n}\n.w-sm {\n  min-width: 95px;\n}\n.w-md {\n  min-width: 110px;\n}\n.w-lg {\n  min-width: 140px;\n}\n\n.w-xl {\n  min-width: 160px;\n}","// \r\n// Widgets.scss\r\n// \r\n\r\n.mini-stat {\r\n    .mini-stat-img{\r\n        width: 58px;\r\n        height: 58px;\r\n        line-height: 58px;\r\n        background: rgba($white, 0.15);\r\n        border-radius: 4px;\r\n        text-align: center;\r\n        img{\r\n            max-width: 32px;\r\n        }\r\n    }\r\n    .mini-stat-label{\r\n        position: absolute;\r\n        right: 0;\r\n        top: 18px;\r\n        padding: 2px 10px 2px 32px;\r\n        clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 24% 50%, 6% 0);\r\n    }\r\n}\r\n\r\n[dir=\"rtl\"] .mini-stat-label {\r\n    clip-path: polygon(0 0,94% 0,76% 50%,100% 100%,0 100%) \r\n}\r\n\r\n\r\n/* Activity */\r\n.activity-feed {\r\n    padding: 15px 15px 0 15px;\r\n    list-style: none;\r\n  \r\n    .feed-item {\r\n      position: relative;\r\n      padding-bottom: 29px;\r\n      padding-left: 30px;\r\n      border-left: 2px solid $gray-200;\r\n  \r\n      &:last-child {\r\n        border-color: transparent;\r\n      }\r\n  \r\n      &::after {\r\n        content: \"\";\r\n        display: block;\r\n        position: absolute;\r\n        top: 0px;\r\n        left: -9px;\r\n        width: 16px;\r\n        height: 16px;\r\n        border-radius: 30px;\r\n        background: $success;\r\n    }\r\n      .date {\r\n        display: block;\r\n        position: relative;\r\n        top: -5px;\r\n        text-transform: uppercase;\r\n        font-size: 13px;\r\n      }\r\n      .activity-text {\r\n        position: relative;\r\n        top: -3px;\r\n      }\r\n    }\r\n}\r\n\r\n\r\n//   Sales Report\r\n\r\n  .ct-chart.wid {\r\n    height: 240px;\r\n  }\r\n  \r\n  .ct-chart.wid .ct-slice-donut {\r\n    stroke-width: 14px !important;\r\n  }\r\n\r\n\r\n\r\n/* peity */\r\n.wid-peity {\r\n    border-bottom: 1px solid $gray-200;\r\n}\r\n\r\n//   Chat\r\n\r\n.conversation-list {\r\n    list-style: none;\r\n    padding: 0px 10px;\r\n    max-height: 350px;\r\n    li {\r\n        margin-bottom: 24px;\r\n    }\r\n    .chat-avatar {\r\n        width: 40px;\r\n        display: inline-block;\r\n        text-align: center;\r\n        float: left;\r\n        .time {\r\n            font-size: 12px;\r\n            font-style: normal;\r\n        }\r\n    }\r\n    .ctext-wrap {\r\n        .user-name {\r\n            display: block;\r\n            font-weight: 600;\r\n            position: relative;\r\n            font-size: 12px;\r\n            color: $primary;\r\n        }\r\n        p{\r\n            color: darken($primary, 18%);\r\n        }\r\n    }\r\n    .conversation-text {\r\n        display: inline-block;\r\n        font-size: 12px;\r\n        float: left;\r\n        margin-left: 12px;\r\n        width: 70%;\r\n    }\r\n    .ctext-wrap {\r\n        padding: 10px 18px;\r\n        background: lighten($primary, 32%);\r\n        border-radius: 0px 7px 7px 7px;\r\n        position: relative;\r\n        display: inline-block;\r\n        &:after {\r\n            content: \" \";\r\n            position: absolute;\r\n            right: 100%;\r\n            top: 0;\r\n            border: solid transparent;\r\n            border-right-color: lighten($primary, 32%);\r\n            border-top-color: lighten($primary, 32%);\r\n            border-width: 5px;\r\n          }\r\n        p {\r\n            margin: 0px;\r\n            padding-top: 3px;\r\n        }\r\n    }\r\n    .odd {\r\n        .chat-avatar {\r\n            float: right !important;\r\n        }\r\n        .conversation-text {\r\n            width: 70% !important;\r\n            margin-right: 12px;\r\n            text-align: right;\r\n            float: right !important;\r\n        }\r\n        .ctext-wrap {\r\n            background: lighten($gray-200, 2%) !important;\r\n            border-radius: 7px 0px 7px 7px;\r\n            p{\r\n                color: $gray-700;\r\n            }\r\n            &:after {\r\n                left: 100% !important;\r\n                top: 0 !important;\r\n                border-color: rgba(238,238,242,0)!important;\r\n                border-left-color: lighten($gray-200, 2%) !important;\r\n                border-top-color: lighten($gray-200, 2%)!important;\r\n            }\r\n        }\r\n    }\r\n}\r\n","// \r\n// _demos.scss\r\n// \r\n\r\n// Demo Only\r\n.button-items {\r\n    margin-left: -8px;\r\n    margin-bottom: -12px;\r\n    \r\n    .btn {\r\n        margin-bottom: 12px;\r\n        margin-left: 8px;\r\n    }\r\n}\r\n\r\n// Lightbox \r\n\r\n.mfp-popup-form {\r\n    max-width: 1140px;\r\n}\r\n\r\n// Modals\r\n\r\n.bs-example-modal {\r\n    position: relative;\r\n    top: auto;\r\n    right: auto;\r\n    bottom: auto;\r\n    left: auto;\r\n    z-index: 1;\r\n    display: block;\r\n  }\r\n\r\n\r\n// Icon demo ( Demo only )\r\n.icon-demo-content {\r\n    text-align: center;\r\n    color: $gray-500;\r\n  \r\n    i{\r\n      display: block;\r\n      font-size: 24px;\r\n      margin-bottom: 16px;\r\n      color: $text-muted;\r\n      transition: all 0.4s;\r\n    }\r\n  \r\n    .col-lg-4 {\r\n      margin-top: 24px;\r\n  \r\n      &:hover {\r\n        i {\r\n          color: $primary;\r\n          transform: scale(1.5);\r\n        }\r\n      }\r\n    }\r\n}\r\n\r\n\r\n// Grid\r\n\r\n.grid-structure {\r\n    .grid-container {\r\n        background-color: $gray-100;\r\n        margin-top: 10px;\r\n        font-size: .8rem;\r\n        font-weight: $font-weight-medium;\r\n        padding: 10px 20px;\r\n    }\r\n}","// \r\n// print.scss\r\n//\r\n\r\n// Used invoice page\r\n@media print {\r\n    .vertical-menu,\r\n    .right-bar,\r\n    .page-title-box,\r\n    .navbar-header,\r\n    .footer {\r\n        display: none !important;\r\n    }\r\n    .card-body,\r\n    .main-content,\r\n    .right-bar,\r\n    .page-content,\r\n    body {\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .card{\r\n        border: 0;\r\n    }\r\n}","\r\n//\r\n// Bootstrap touchspin\r\n//\r\n\r\n\r\n.bootstrap-touchspin{\r\n    &.input-group{\r\n      &>.input-group-prepend{\r\n        &>.btn, &>.input-group-text{\r\n        border-top-right-radius: 0;\r\n        border-bottom-right-radius: 0;\r\n        }\r\n      }\r\n    }\r\n  \r\n    &.input-group{\r\n      &>.input-group-append{\r\n        &>.btn, &>.input-group-text{\r\n          border-top-left-radius: 0;\r\n          border-bottom-left-radius: 0;\r\n        }\r\n      }\r\n    }\r\n  }","[data-simplebar] {\n  position: relative;\n  flex-direction: column;\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-content: flex-start;\n  align-items: flex-start;\n}\n\n.simplebar-wrapper {\n  overflow: hidden;\n  width: inherit;\n  height: inherit;\n  max-width: inherit;\n  max-height: inherit;\n}\n\n.simplebar-mask {\n  direction: inherit;\n  position: absolute;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  width: auto !important;\n  height: auto !important;\n  z-index: 0;\n}\n\n.simplebar-offset {\n  direction: inherit !important;\n  box-sizing: inherit !important;\n  resize: none !important;\n  position: absolute;\n  top: 0;\n  left: 0 !important;\n  bottom: 0;\n  right: 0 !important;\n  padding: 0;\n  margin: 0;\n  -webkit-overflow-scrolling: touch;\n}\n\n.simplebar-content-wrapper {\n  direction: inherit;\n  box-sizing: border-box !important;\n  position: relative;\n  display: block;\n  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */\n  width: auto;\n  visibility: visible;\n  overflow: auto; /* Scroll on this element otherwise element can't have a padding applied properly */\n  max-width: 100%; /* Not required for horizontal scroll to trigger */\n  max-height: 100%; /* Needed for vertical scroll to trigger */\n  scrollbar-width: none;\n  padding: 0px !important;\n}\n\n.simplebar-content-wrapper::-webkit-scrollbar,\n.simplebar-hide-scrollbar::-webkit-scrollbar {\n  display: none;\n}\n\n.simplebar-content:before,\n.simplebar-content:after {\n  content: ' ';\n  display: table;\n}\n\n.simplebar-placeholder {\n  max-height: 100%;\n  max-width: 100%;\n  width: 100%;\n  pointer-events: none;\n}\n\n.simplebar-height-auto-observer-wrapper {\n  box-sizing: inherit !important;\n  height: 100%;\n  width: 100%;\n  max-width: 1px;\n  position: relative;\n  float: left;\n  max-height: 1px;\n  overflow: hidden;\n  z-index: -1;\n  padding: 0;\n  margin: 0;\n  pointer-events: none;\n  flex-grow: inherit;\n  flex-shrink: 0;\n  flex-basis: 0;\n}\n\n.simplebar-height-auto-observer {\n  box-sizing: inherit;\n  display: block;\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 1000%;\n  width: 1000%;\n  min-height: 1px;\n  min-width: 1px;\n  overflow: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n\n.simplebar-track {\n  z-index: 1;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-content {\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n[data-simplebar].simplebar-dragging .simplebar-track {\n  pointer-events: all;\n}\n\n.simplebar-scrollbar {\n  position: absolute;\n  right: 2px;\n  width: 4px;\n  min-height: 10px;\n}\n\n.simplebar-scrollbar:before {\n  position: absolute;\n  content: '';\n  background: #a2adb7;\n  border-radius: 7px;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 0.2s linear;\n}\n\n.simplebar-scrollbar.simplebar-visible:before {\n  /* When hovered, remove all transitions from drag handle */\n  opacity: 0.5;\n  transition: opacity 0s linear;\n}\n\n.simplebar-track.simplebar-vertical {\n  top: 0;\n  width: 11px;\n}\n\n.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {\n  top: 2px;\n  bottom: 2px;\n}\n\n.simplebar-track.simplebar-horizontal {\n  left: 0;\n  height: 11px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {\n  height: 100%;\n  left: 2px;\n  right: 2px;\n}\n\n.simplebar-track.simplebar-horizontal .simplebar-scrollbar {\n  right: auto;\n  left: 0;\n  top: 2px;\n  height: 7px;\n  min-height: 0;\n  min-width: 10px;\n  width: auto;\n}\n\n/* Rtl support */\n[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {\n  right: auto;\n  left: 0;\n}\n\n.hs-dummy-scrollbar-size {\n  direction: rtl;\n  position: fixed;\n  opacity: 0;\n  visibility: hidden;\n  height: 500px;\n  width: 500px;\n  overflow-y: hidden;\n  overflow-x: scroll;\n}\n\n.simplebar-hide-scrollbar {\n  position: fixed;\n  left: 0;\n  visibility: hidden;\n  overflow-y: scroll;\n  scrollbar-width: none;\n}\n\n.custom-scroll {\n  height: 100%;\n}","/* ==============\r\n  Calendar\r\n===================*/\r\n\r\n.fc {\r\n    .fc-toolbar {\r\n        h2 {\r\n            font-size: 16px;\r\n            line-height: 30px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        @media (max-width: 767.98px) {\r\n\r\n            .fc-left,\r\n            .fc-right,\r\n            .fc-center {\r\n                float: none;\r\n                display: block;\r\n                text-align: center;\r\n                clear: both;\r\n                margin: 10px 0;\r\n            }\r\n\r\n            >*>* {\r\n                float: none;\r\n            }\r\n\r\n            .fc-today-button {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            text-transform: capitalize;\r\n        }\r\n\r\n    }\r\n}\r\n\r\n.fc {\r\n    th.fc-widget-header {\r\n        background: $gray-300;\r\n        color: $gray-700;\r\n        line-height: 20px;\r\n        padding: 10px 0;\r\n        text-transform: uppercase;\r\n        font-weight: $font-weight-bold;\r\n    }\r\n}\r\n\r\n.fc-unthemed {\r\n\r\n    .fc-content,\r\n    .fc-divider,\r\n    .fc-list-heading td,\r\n    .fc-list-view,\r\n    .fc-popover,\r\n    .fc-row,\r\n    tbody,\r\n    td,\r\n    th,\r\n    thead {\r\n        border-color: $gray-300;\r\n    }\r\n\r\n    td.fc-today {\r\n        background: lighten($gray-200, 2%);\r\n    }\r\n}\r\n\r\n.fc-button {\r\n    background: $card-bg;\r\n    border-color: $border-color;\r\n    color: $gray-700;\r\n    text-transform: capitalize;\r\n    box-shadow: none;\r\n    padding: 6px 12px !important;\r\n    height: auto !important;\r\n}\r\n\r\n.fc-state-down,\r\n.fc-state-active,\r\n.fc-state-disabled {\r\n    background-color: $primary;\r\n    color: $white;\r\n    text-shadow: none;\r\n}\r\n\r\n.fc-event {\r\n    border-radius: 2px;\r\n    border: none;\r\n    cursor: move;\r\n    font-size: 0.8125rem;\r\n    margin: 5px 7px;\r\n    padding: 5px 5px;\r\n    text-align: center;\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n    background-color: $primary;\r\n}\r\n\r\n.fc-event .fc-content {\r\n    color: $white;\r\n}\r\n\r\n.fc-day-header{\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.fc-day-grid-event {\r\n    .fc-time{\r\n        font-weight: $font-weight-medium;\r\n    }\r\n}\r\n\r\n#external-events {\r\n    .external-event {\r\n        text-align: left !important;\r\n        padding: 8px 16px;\r\n    }\r\n}\r\n\r\n// RTL\r\n[dir=\"rtl\"] .fc-header-toolbar {\r\n    direction: ltr !important;\r\n}\r\n\r\n[dir=\"rtl\"] .fc-toolbar>*>:not(:first-child) {\r\n    margin-left: .75em;\r\n}","//\r\n// session-timeout.scss\r\n//\r\n\r\n#session-timeout-dialog {\r\n    .close {\r\n        display: none;\r\n    }\r\n\r\n    .countdown-holder {\r\n        color: $danger;\r\n        font-weight: $font-weight-medium;\r\n    }\r\n\r\n    .btn-default {\r\n        background-color: $white;\r\n        color: $danger;\r\n        box-shadow: none;\r\n    }\r\n}","\r\n//\r\n// Range slider\r\n//\r\n\r\n.irs--modern{\r\n  .irs-bar, .irs-to, .irs-from, .irs-single {\r\n    background: $primary !important;\r\n    font-size: 11px;\r\n  }\r\n  .irs-to, .irs-from, .irs-single{\r\n    &:before{\r\n      border-top-color: $primary;\r\n    }\r\n  }\r\n\r\n  .irs-line{\r\n    background: $gray-300;\r\n    border-color: $gray-300;\r\n  }\r\n  .irs-grid-text{\r\n    font-size: 11px;\r\n    color: $gray-400;\r\n  }\r\n  .irs-min, .irs-max{\r\n    color: $gray-500;\r\n    background: $gray-300;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .irs-handle{\r\n    \r\n    width: 12px;\r\n    height: 12px;\r\n    top: 37px;\r\n    background-color: $card-bg !important;\r\n\r\n    > i{\r\n      &:nth-child(1){\r\n        width: 8px;\r\n        height: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  \r\n}","\r\n//\r\n//  Sweetalert2\r\n//\r\n\r\n.swal2-container {\r\n  .swal2-title{\r\n    font-size: 24px;\r\n    font-weight: $font-weight-medium;\r\n  }  \r\n}\r\n\r\n.swal2-icon{\r\n  &.swal2-question{\r\n    border-color: $info;\r\n    color: $info;\r\n  }\r\n  &.swal2-success {\r\n    [class^=swal2-success-line]{\r\n      background-color: $success;\r\n    }\r\n\r\n    .swal2-success-ring{\r\n      border-color: rgba($success, 0.3);\r\n    }\r\n  }\r\n  &.swal2-warning{\r\n    border-color: $warning;\r\n    color: $warning;\r\n  }\r\n}\r\n\r\n.swal2-styled{\r\n  &:focus{\r\n    box-shadow: none;\r\n  }\r\n}\r\n\r\n.swal2-progress-steps {\r\n  .swal2-progress-step{\r\n    background: $primary;\r\n    &.swal2-active-progress-step{\r\n      background: $primary;\r\n      &~.swal2-progress-step, &~.swal2-progress-step-line{\r\n        background: rgba($primary, 0.3);\r\n      }\r\n    }\r\n  }\r\n\r\n  .swal2-progress-step-line{\r\n    background: $primary;\r\n  }\r\n}\r\n\r\n.swal2-loader {\r\n  border-color: $primary transparent $primary transparent;\r\n}\r\n","\r\n//\r\n// Rating\r\n//\r\n\r\n.symbol{\r\n  border-color: $card-bg;\r\n}\r\n\r\n.rating-symbol-background, .rating-symbol-foreground {\r\n  font-size: 24px;\r\n}\r\n\r\n.rating-symbol-foreground {\r\n  top: 0px;\r\n}\r\n\r\n.rating-star{\r\n  > span{\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n\r\n    &.badge{\r\n      margin-left: 4px;\r\n    }\r\n  }\r\n}","\r\n//\r\n// Parsley\r\n//\r\n\r\n.error {\r\n  color: $danger;\r\n}\r\n\r\n.parsley-error {\r\n  border-color: $danger;\r\n}\r\n\r\n.parsley-errors-list {\r\n  display: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  &.filled {\r\n    display: block;\r\n  }\r\n  > li {\r\n    font-size: 12px;\r\n    list-style: none;\r\n    color: $danger;\r\n    margin-top: 5px;\r\n  }\r\n}","\r\n//\r\n// Color-picker\r\n//\r\n\r\n\r\n\r\n\r\n\r\n.sp-container{\r\n  background-color: $dropdown-bg;\r\n  button{\r\n    padding: .25rem .5rem;\r\n      font-size: .71094rem;\r\n      border-radius: .2rem;\r\n      font-weight: 400;\r\n      color: $dark;\r\n  \r\n      &.sp-palette-toggle{\r\n        background-color: $light;\r\n      }\r\n      \r\n      &.sp-choose{\r\n        background-color: $success;\r\n        margin-left: 5px;\r\n        margin-right: 0;\r\n      }\r\n  }\r\n}\r\n\r\n.sp-palette-container{\r\n  border-right: 1px solid $border-color;\r\n}\r\n\r\n.sp-input{\r\n  background-color: $input-bg;\r\n  border-color: $input-border-color !important;\r\n  color: $input-color;\r\n  &:focus{\r\n    outline: none;\r\n  }\r\n}\r\n\r\n\r\n[dir=\"rtl\"]{\r\n\r\n  .sp-alpha{\r\n    direction: rtl;\r\n  }\r\n\r\n  .sp-original-input-container {\r\n    .sp-add-on{\r\n      border-top-right-radius: 0!important;\r\n      border-bottom-right-radius: 0!important;\r\n      border-top-left-radius: 4px!important;\r\n      border-bottom-left-radius: 4px!important\r\n    }\r\n  } \r\n\r\n  input.spectrum.with-add-on{\r\n    border: 1px solid $input-border-color;\r\n    border-left: 0;\r\n    border-top-left-radius: 0;\r\n    border-bottom-left-radius: 0;\r\n    border-top-right-radius: $input-border-radius;\r\n    border-bottom-right-radius: $input-border-radius;\r\n\r\n  }\r\n}","\r\n//\r\n// Select 2\r\n//\r\n\r\n.select2-container {\r\n\r\n  .select2-selection--single {\r\n    background-color: $input-bg;\r\n    border: 1px solid $input-border-color;\r\n    height: 38px;\r\n    &:focus{\r\n      outline: none;\r\n    }\r\n\r\n    .select2-selection__rendered {\r\n      line-height: 36px;\r\n      padding-left: 12px;\r\n      color: $input-color;\r\n    }\r\n\r\n    .select2-selection__arrow {\r\n      height: 34px;\r\n      width: 34px;\r\n      right: 3px;\r\n\r\n      b{\r\n        border-color: $gray-500 transparent transparent transparent;\r\n        border-width: 6px 6px 0 6px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--open {\r\n  .select2-selection--single {\r\n\r\n    .select2-selection__arrow {\r\n\r\n      b{\r\n        border-color: transparent transparent $gray-500 transparent !important;\r\n        border-width: 0 6px 6px 6px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--default {\r\n  .select2-search--dropdown {\r\n      padding: 10px;\r\n      background-color: $dropdown-bg;\r\n      .select2-search__field {\r\n          border: 1px solid  $input-border-color;\r\n          background-color: $input-bg;\r\n          color: $gray-600;\r\n          outline: none;\r\n      }\r\n  }\r\n  .select2-results__option--highlighted[aria-selected] {\r\n      background-color: $primary;\r\n  }\r\n  .select2-results__option[aria-selected=true] {\r\n      background-color: $dropdown-link-active-bg;\r\n      color: $dropdown-link-active-color;\r\n      &:hover {\r\n          background-color: $primary;\r\n          color: $white;\r\n      }\r\n  }\r\n}\r\n\r\n.select2-results__option {\r\n  padding: 6px 12px;\r\n}\r\n\r\n.select2-dropdown {\r\n  border: $dropdown-border-color;\r\n  background-color: $dropdown-bg;\r\n  box-shadow: $box-shadow;\r\n}\r\n\r\n.select2-search {\r\n  input{\r\n    border: 1px solid $gray-300;\r\n  }\r\n}\r\n\r\n.select2-container {\r\n  .select2-selection--multiple {\r\n    min-height: 38px;\r\n    background-color: $input-bg;\r\n    border: 1px solid $input-border-color !important;\r\n  \r\n    .select2-selection__rendered {\r\n      padding: 2px 10px;\r\n    }\r\n    .select2-search__field {\r\n      border: 0;\r\n      color: $input-color;\r\n      &::placeholder{\r\n          color: $input-color;\r\n      }\r\n  }\r\n    .select2-selection__choice {\r\n      background-color: $gray-200;\r\n      border: 1px solid $gray-300;\r\n      border-radius: 1px;\r\n      padding: 0 7px;\r\n    }\r\n  }\r\n}\r\n\r\n.select2-container--default{\r\n  &.select2-container--focus {\r\n    .select2-selection--multiple{\r\n      border-color: $gray-400;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n","//\r\n//  Sweetalert2\r\n//\r\n\r\n/* CSS Switch */\r\ninput[switch] {\r\n  display: none;\r\n  + label {\r\n    font-size: 1em;\r\n    line-height: 1;\r\n    width: 56px;\r\n    height: 24px;\r\n    background-color: $gray-400;\r\n    background-image: none;\r\n    border-radius: 2rem;\r\n    padding: 0.16667rem;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    text-align: center;\r\n    position: relative;\r\n    font-weight: $font-weight-medium;\r\n    transition: all 0.1s ease-in-out;\r\n    &:before {\r\n      color: $dark;\r\n      content: attr(data-off-label);\r\n      display: block;\r\n      font-family: inherit;\r\n      font-weight: 500;\r\n      font-size: 12px;\r\n      line-height: 21px;\r\n      position: absolute;\r\n      right: 1px;\r\n      margin: 3px;\r\n      top: -2px;\r\n      text-align: center;\r\n      min-width: 1.66667rem;\r\n      overflow: hidden;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 3px;\r\n      background-color: $gray-200;\r\n      box-shadow: none;\r\n      border-radius: 2rem;\r\n      height: 20px;\r\n      width: 20px;\r\n      top: 2px;\r\n      transition: all 0.1s ease-in-out;\r\n    }\r\n  }\r\n\r\n  &:checked + label {\r\n    background-color: $primary;\r\n  }\r\n}\r\n\r\ninput[switch]:checked + label {\r\n  background-color: $primary;\r\n  &:before {\r\n    color: $white;\r\n    content: attr(data-on-label);\r\n    right: auto;\r\n    left: 3px;\r\n  }\r\n\r\n  &:after {\r\n    left: 33px;\r\n    background-color: $gray-200;\r\n  }\r\n}\r\n\r\ninput[switch=\"bool\"] + label {\r\n  background-color: $danger;\r\n}\r\ninput[switch=\"bool\"] + label:before,input[switch=\"bool\"]:checked + label:before,\r\ninput[switch=\"default\"]:checked + label:before{\r\n  color: $white;\r\n}\r\n\r\ninput[switch=\"bool\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"default\"]:checked + label {\r\n  background-color: #a2a2a2;\r\n}\r\n\r\ninput[switch=\"primary\"]:checked + label {\r\n  background-color: $primary;\r\n}\r\n\r\ninput[switch=\"success\"]:checked + label {\r\n  background-color: $success;\r\n}\r\n\r\ninput[switch=\"info\"]:checked + label {\r\n  background-color: $info;\r\n}\r\n\r\ninput[switch=\"warning\"]:checked + label {\r\n  background-color: $warning;\r\n}\r\n\r\ninput[switch=\"danger\"]:checked + label {\r\n  background-color: $danger;\r\n}\r\n\r\ninput[switch=\"dark\"]:checked + label {\r\n  background-color: $dark;\r\n}\r\n\r\n.square-switch{\r\n  margin-right: 7px;\r\n  input[switch]+label, input[switch]+label:after{\r\n    border-radius: 0px;\r\n  }\r\n}","// datatable\r\n\r\n  \r\n  \r\n  div.dataTables_wrapper {\r\n\tdiv.dataTables_filter{\r\n\t  text-align: right;\r\n  \r\n\t  @media (max-width: 767px){\r\n\t\ttext-align: center;\r\n\t  }\r\n  \r\n  \r\n\t  input{\r\n\t\tmargin-left: 0.5em;\r\n\t\tmargin-right: 0;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  .datatable{\r\n\ttd{\r\n\t  &:focus{\r\n\t\toutline: none;\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  div.table-responsive>div.dataTables_wrapper>div.row>div[class^=\"col-\"]{\r\n\t&:first-child{\r\n\t  padding-left: 0;\r\n\t}\r\n  \r\n\t&:last-child{\r\n\t  padding-right: 0;\r\n\t}\r\n  }\r\n  \r\n  \r\n  .table.dataTable {\r\n\tthead {\r\n  \r\n\t  .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled{\r\n\t\t&:before{\r\n\t\t  left: auto;\r\n\t\t  right: 1em;\r\n\t\t}\r\n\t  }\r\n  \r\n\t  .sorting, .sorting_asc, .sorting_desc, .sorting_asc_disabled, .sorting_desc_disabled{\r\n\t\t&:after{\r\n\t\t  left: auto;\r\n\t\t  right: 0.5em;\r\n\t\t}\r\n\t  }\r\n  \r\n\t  tr{\r\n\t\tth, td{\r\n\t\t  &.sorting_asc, &.sorting_desc, &.sorting{\r\n\t\t\tpadding-left: 12px;\r\n\t\t\tpadding-right: 30px;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }\r\n  \r\n  .table, table{\r\n\t&.dataTable{\r\n\t  &.dtr-inline.collapsed>tbody>tr>td{\r\n\t\tposition: relative;\r\n\t\t&.dtr-control{\r\n\t\t  padding-left: 30px;\r\n\t\t  &:before{\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 5px;\r\n\t\t\theight: 14px;\r\n\t\t\twidth: 14px;\r\n\t\t\tmargin-top: -9px;\r\n\t\t\tdisplay: block;\r\n\t\t\tposition: absolute;\r\n\t\t\tcolor: $white;\r\n\t\t\tborder: 2px solid $white;\r\n\t\t\tborder-radius: 14px;\r\n\t\t\tbox-sizing: content-box;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-indent: 0 !important;\r\n\t\t\tline-height: 14px;\r\n\t\t\tcontent: '+';\r\n\t\t\tbackground-color: $primary;\r\n\t\t  }\r\n\t\t}\r\n\t  }\r\n\t}\r\n  }\r\n  ","\r\n//\r\n// Table editable\r\n//\r\n\r\n.table-edits{\r\n  input, select{\r\n    height: $input-height-sm;\r\n    padding: $input-padding-y-sm $input-padding-x-sm;\r\n    border: 1px solid $input-border-color;\r\n    background-color: $input-bg;\r\n    color: $input-color;\r\n    border-radius: $input-border-radius;\r\n    &:focus{\r\n      outline: none;\r\n      border-color: $input-focus-border-color;\r\n    }\r\n  }\r\n}","\r\n//\r\n// Datepicker\r\n//\r\n\r\n.datepicker {\r\n  border: 1px solid $gray-100;\r\n  padding: 8px;\r\n  z-index: 999 !important;\r\n  table{\r\n    tr{\r\n      th{\r\n        font-weight: 500;\r\n      }\r\n      td{\r\n        &.active, &.active:hover, .active.disabled, &.active.disabled:hover,\r\n        &.today,  &.today:hover, &.today.disabled, &.today.disabled:hover, \r\n        &.selected, &.selected:hover, &.selected.disabled, &.selected.disabled:hover{\r\n          background-color: $primary !important;\r\n          background-image: none;\r\n          box-shadow: none;\r\n          color: $white !important;\r\n        }\r\n\r\n        &.day.focused,\r\n        &.day:hover,\r\n        span.focused,\r\n        span:hover {\r\n            background: $gray-200;\r\n        }\r\n\r\n        &.new,\r\n        &.old,\r\n        span.new,\r\n        span.old {\r\n            color: $gray-500;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        &.range, &.range.disabled, &.range.disabled:hover, &.range:hover{\r\n            background-color: $gray-300;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.table-condensed{\r\n  >thead>tr>th, >tbody>tr>td {\r\n    padding: 7px;\r\n  }\r\n}","//\r\n// Form editors.scss\r\n//\r\n\r\n// Tinymce \r\n\r\n.tox-tinymce {\r\n  border: 1px solid $gray-200 !important;\r\n}\r\n\r\n.tox {\r\n  .tox-statusbar {\r\n    border-top: 1px solid $gray-200 !important;\r\n  }\r\n    .tox-menubar, .tox-edit-area__iframe, .tox-statusbar{\r\n      background-color: $card-bg !important;\r\n      background: none !important;\r\n    }\r\n    .tox-mbtn{\r\n      color: $gray-700 !important;\r\n        &:hover:not(:disabled):not(.tox-mbtn--active){\r\n            background-color: $gray-300 !important;\r\n        }\r\n    }\r\n    .tox-tbtn{\r\n        &:hover{\r\n            background-color: $gray-300 !important;\r\n        }\r\n    }\r\n\r\n    .tox-toolbar, .tox-toolbar__overflow, .tox-toolbar__primary{\r\n      background: $gray-200 !important;\r\n    }\r\n\r\n    .tox-tbtn{\r\n      color: $gray-700 !important;\r\n      svg{\r\n        fill: $gray-700 !important;\r\n      }\r\n    }\r\n\r\n    .tox-edit-area__iframe{\r\n      background-color: $card-bg !important;\r\n    }\r\n  \r\n    .tox-statusbar a, .tox-statusbar__path-item, .tox-statusbar__wordcount{\r\n      color: $gray-700 !important;\r\n    }\r\n\r\n    &:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {\r\n      border-right: 1px solid darken($gray-200, 5%) !important;\r\n    } \r\n\r\n    .tox-toolbar-overlord{\r\n      .tox-toolbar__primary{\r\n        border-color: $gray-200 !important;\r\n        border-bottom: 1px solid $gray-200;\r\n      }\r\n    }\r\n}\r\n\r\n.tox-tinymce-aux{\r\n  z-index: 1000 !important;\r\n}\r\n","\r\n//\r\n// Form-Upload\r\n//\r\n\r\n/* Dropzone */\r\n.dropzone {\r\n  min-height: 230px;\r\n  border: 2px dashed $gray-400;\r\n  background: $card-bg;\r\n  border-radius: 6px;\r\n\r\n  .dz-message {\r\n    font-size: 24px;\r\n  }\r\n}","//\r\n// Form Wizard\r\n//\r\n\r\n.form-wizard-wrapper {\r\n    label {\r\n      font-size: 14px;\r\n      text-align: right;\r\n    }\r\n  }\r\n  \r\n  .wizard{\r\n\r\n    ul{\r\n        list-style: none !important;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n    // step\r\n    >.steps {\r\n\r\n        > ul > li {\r\n            width: 25%;\r\n        }\r\n\r\n        .current-info{\r\n            position: absolute;\r\n            left: -999em;\r\n        }\r\n\r\n      a, a:active, a:hover {\r\n        margin: 3px;\r\n        padding: 15px;\r\n        display: block;\r\n        width: auto;\r\n        border-radius: 5px;\r\n      }\r\n  \r\n      .current {\r\n        a, a:active, a:hover {\r\n          background-color: $primary;\r\n          color: $white;\r\n          .number {\r\n            border: 2px solid $white\r\n          }\r\n        }\r\n      }\r\n  \r\n      .disabled, .done {\r\n        a, a:active, a:hover {\r\n          background-color: lighten($primary,30%);\r\n          color: $primary;\r\n          .number {\r\n            border-color: $primary;\r\n          }\r\n        }\r\n      }\r\n  \r\n      .number {\r\n        font-size: 16px;\r\n        padding: 5px;\r\n        border-radius: 50%;\r\n        border: 2px solid $white;\r\n        width: 38px;\r\n        display: inline-block;\r\n        font-weight: 500;\r\n        text-align: center;\r\n        margin-right: 10px;\r\n        background-color: rgba($primary, 0.25);\r\n      }\r\n    }\r\n  \r\n    // content\r\n    >.content {\r\n      background-color: transparent;\r\n      margin: 0 5px;\r\n      border-radius: 0;\r\n      min-height: 150px;\r\n      > .title{\r\n        position: absolute;\r\n        left: -999em;\r\n      }\r\n      >.body {\r\n        width: 100%;\r\n        height: 100%;\r\n        padding: 30px 0 0;\r\n        position: static\r\n      }\r\n    }\r\n  \r\n    // actions\r\n  \r\n    >.actions {\r\n        position: relative;\r\n        display: block;\r\n        text-align: right;\r\n        width: 100%;\r\n        > ul {\r\n            display: inline-block;\r\n            text-align: right;\r\n             > li{\r\n                display: block;\r\n                margin: 0 0.5em;\r\n            }\r\n        }\r\n      a, a:active, a:hover {\r\n        background-color: $primary;\r\n        border-radius: 4px;\r\n        padding: 8px 15px;\r\n        color: $white;\r\n      }\r\n  \r\n      \r\n      .disabled {\r\n        a, a:active, a:hover {\r\n          opacity: .65;\r\n          background-color: $primary;\r\n          color: $white;\r\n          cursor: not-allowed;\r\n        }\r\n      }\r\n    }\r\n\r\n    > .steps, > .actions {\r\n        > ul {\r\n            > li{\r\n                float: left;\r\n            }\r\n        }\r\n    }\r\n    \r\n  }\r\n  \r\n  \r\n  @media (max-width: 768px) {\r\n    .wizard {\r\n      > .steps {\r\n        > ul {\r\n          > li {\r\n            width: 50%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .form-wizard-wrapper {\r\n      label {\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n  \r\n  @media (max-width: 520px) {\r\n    .wizard {\r\n      > .steps {\r\n        > ul {\r\n          > li {\r\n            width: 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }","\r\n//\r\n// Responsive Table\r\n//\r\n\r\n.table-rep-plugin {\r\n  .btn-toolbar {\r\n    display: block;\r\n  }\r\n  .table-responsive {\r\n    border: none !important;\r\n  }\r\n  .btn-group{\r\n    .btn-default {\r\n      background-color: $light;\r\n      color: $dark;\r\n      border: 1px solid $light;\r\n      &.btn-primary {\r\n          background-color: $primary;\r\n          border-color: $primary;\r\n          color: $white;\r\n          box-shadow: 0 0 0 2px rgba($primary, .5);\r\n      }\r\n  }\r\n    &.pull-right {\r\n      float: right;\r\n      .dropdown-menu {\r\n        right: 0;\r\n        transform: none !important;\r\n        top: 100% !important;\r\n      }\r\n    }\r\n  }\r\n  tbody {\r\n    th {\r\n      font-size: 14px;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n  .checkbox-row {\r\n    padding-left: 40px;\r\n\r\n    label {\r\n      display: inline-block;\r\n      padding-left: 5px;\r\n      position: relative;\r\n      &::before {\r\n        -o-transition: 0.3s ease-in-out;\r\n        -webkit-transition: 0.3s ease-in-out;\r\n        background-color: $white;\r\n        border-radius: 3px;\r\n        border: 1px solid $gray-300;\r\n        content: \"\";\r\n        display: inline-block;\r\n        height: 17px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        position: absolute;\r\n        transition: 0.3s ease-in-out;\r\n        width: 17px;\r\n        outline: none !important;\r\n      }\r\n      &::after {\r\n        color: $gray-200;\r\n        display: inline-block;\r\n        font-size: 11px;\r\n        height: 16px;\r\n        left: 0;\r\n        margin-left: -20px;\r\n        padding-left: 3px;\r\n        padding-top: 1px;\r\n        position: absolute;\r\n        top: -1px;\r\n        width: 16px;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"] {\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      z-index: 1;\r\n      outline: none !important;\r\n\r\n      &:disabled + label {\r\n        opacity: 0.65;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:focus + label {\r\n      &::before {\r\n        outline-offset: -2px;\r\n        outline: none;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::after {\r\n        content: \"\\f00c\";\r\n        font-family: 'Font Awesome 5 Free';\r\n        font-weight: 900;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:disabled + label {\r\n      &::before {\r\n        background-color: $gray-100;\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n    input[type=\"checkbox\"]:checked + label {\r\n      &::before {\r\n        background-color: $primary;\r\n        border-color: $primary;\r\n      }\r\n      &::after {\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n\r\n  .fixed-solution {\r\n    .sticky-table-header{\r\n      top: $header-height !important;\r\n      background-color: $primary;\r\n      table{\r\n        color: $white;\r\n      }\r\n    }\r\n  }\r\n}","//\r\n// x editable.scss\r\n//\r\n\r\n.editable-input{\r\n    .form-control{\r\n      display: inline-block;\r\n    }\r\n  }\r\n  \r\n  .editable-buttons{\r\n    margin-left: 7px;\r\n    .editable-cancel{\r\n      margin-left: 7px;\r\n    }\r\n  }","//\r\n// morris.scss\r\n//\r\n\r\n.morris-charts {\r\n    text {\r\n        font-family: $font-family-secondary !important;\r\n        fill: $gray-500;\r\n    }\r\n}\r\n.morris-hover {\r\n    position: absolute;\r\n    z-index: 10;\r\n\r\n    &.morris-default-style {\r\n        font-size: 12px;\r\n        text-align: center;\r\n        border-radius: 5px;\r\n        padding: 10px 12px;\r\n        background: rgba($gray-100, 0.8);\r\n        color: $dark;\r\n        border: 2px solid $gray-200;\r\n        font-family: $font-family-base;\r\n\r\n        .morris-hover-row-label {\r\n            font-weight: bold;\r\n            margin: 0.25em 0;\r\n            font-family: $font-family-secondary;\r\n        }\r\n\r\n        .morris-hover-point {\r\n            white-space: nowrap;\r\n            margin: 0.1em 0;\r\n            color: $white;\r\n        }\r\n    }\r\n}\r\n","//\r\n// chartist.scss\r\n//\r\n\r\n.ct-golden-section:before {\r\n    float: none;\r\n}\r\n\r\n.ct-chart {\r\n    max-height: 300px;\r\n    .ct-label {\r\n        fill: $gray-500;\r\n        color: $gray-500;\r\n        font-size: 12px;\r\n        line-height: 1;\r\n    }\r\n}\r\n\r\n.ct-chart.simple-pie-chart-chartist {\r\n    .ct-label {\r\n        color: $white;\r\n        fill: $white;\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n.ct-grid {\r\n    stroke: rgba($dark, 0.09);\r\n    stroke-width: 1px;\r\n    stroke-dasharray: 3px;\r\n}\r\n\r\n.ct-chart {\r\n    .ct-series {\r\n        &.ct-series-a {\r\n            .ct-bar,\r\n            .ct-line,\r\n            .ct-point,\r\n            .ct-slice-donut {\r\n                stroke: $primary;\r\n            }\r\n        }\r\n        &.ct-series-b {\r\n            .ct-bar,\r\n            .ct-line,\r\n            .ct-point,\r\n            .ct-slice-donut {\r\n                stroke: $success;\r\n            }\r\n        }\r\n        &.ct-series-c {\r\n            .ct-bar,\r\n            .ct-line,\r\n            .ct-point,\r\n            .ct-slice-donut {\r\n                stroke: $warning;\r\n            }\r\n        }\r\n        &.ct-series-d {\r\n            .ct-bar,\r\n            .ct-line,\r\n            .ct-point,\r\n            .ct-slice-donut {\r\n                stroke: $dark;\r\n            }\r\n        }\r\n        &.ct-series-e {\r\n            .ct-bar,\r\n            .ct-line,\r\n            .ct-point,\r\n            .ct-slice-donut {\r\n                stroke: $info;\r\n            }\r\n        }\r\n        &.ct-series-f {\r\n            .ct-bar,\r\n            .ct-line,\r\n            .ct-point,\r\n            .ct-slice-donut {\r\n                stroke: $danger;\r\n            }\r\n        }\r\n        &.ct-series-g {\r\n            .ct-bar,\r\n            .ct-line,\r\n            .ct-point,\r\n            .ct-slice-donut {\r\n                stroke: $gray-100;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.ct-series-a {\r\n    .ct-area,\r\n    .ct-slice-pie {\r\n        fill: $primary;\r\n    }\r\n}\r\n\r\n.ct-series-b {\r\n    .ct-area,\r\n    .ct-slice-pie {\r\n        fill: $warning;\r\n    }\r\n}\r\n\r\n.ct-series-c {\r\n    .ct-area,\r\n    .ct-slice-pie {\r\n        fill: $dark;\r\n    }\r\n}\r\n\r\n.ct-series-d {\r\n    .ct-area,\r\n    .ct-slice-pie {\r\n        fill: $success;\r\n    }\r\n}\r\n\r\n.ct-area {\r\n    fill-opacity: .33;\r\n}\r\n\r\n.chartist-tooltip {\r\n    position: absolute;\r\n    display: inline-block;\r\n    opacity: 0;\r\n    min-width: 10px;\r\n    padding: 2px 10px;\r\n    border-radius: 3px;\r\n    background: $dark;\r\n    color: $gray-300;\r\n    text-align: center;\r\n    pointer-events: none;\r\n    z-index: 1;\r\n    transition: opacity .2s linear;\r\n    &.tooltip-show {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.ct-line {\r\n    stroke-width: 3px;\r\n}\r\n\r\n.ct-point {\r\n    stroke-width: 7px;\r\n}\r\n\r\n\r\n\r\n\r\n  ","\r\n//\r\n// apexcharts.scss\r\n//\r\n.apex-charts {\r\n    min-height: 10px !important;\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n    .apexcharts-canvas {\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n.apexcharts-tooltip-title,\r\n.apexcharts-tooltip-text {\r\n    font-family: $font-family-base !important;\r\n}\r\n\r\n.apexcharts-legend-series {\r\n    font-weight: $font-weight-medium;\r\n}\r\n\r\n.apexcharts-gridline {\r\n    pointer-events: none;\r\n    stroke: $apex-grid-color;\r\n}\r\n\r\n.apexcharts-legend-text {\r\n    color: $gray-600 !important;\r\n    font-family: $font-family-base !important;\r\n    font-size: 13px !important;\r\n}\r\n\r\n.apexcharts-pie-label {\r\n    fill: $white !important;\r\n}\r\n\r\n.apexcharts-yaxis,\r\n.apexcharts-xaxis {\r\n    text {\r\n        font-family: $font-family-base !important;\r\n        fill: $gray-500;\r\n    }\r\n}","\r\n\r\n/* Flot chart */\r\n.flot-charts-height {\r\n  height: 320px;\r\n}\r\n\r\n.flotTip {\r\n  padding: 8px 12px;\r\n  background-color: rgba($dark, 0.9);\r\n  z-index: 100;\r\n  color: $gray-100;\r\n  box-shadow: $box-shadow;\r\n  border-radius: 4px;\r\n}\r\n\r\n.legendLabel{\r\n  color: $gray-500;\r\n}","//\r\n// sparkline.scss\r\n//\r\n\r\n.jqstooltip {\r\n  box-sizing: content-box;\r\n  width: auto !important;\r\n  height: auto !important;\r\n  background-color: $gray-800 !important;\r\n  box-shadow: $box-shadow-lg;\r\n  padding: 5px 10px !important;\r\n  border-radius: 3px;\r\n  border-color: $gray-900 !important;\r\n}\r\n\r\n.jqsfield {\r\n  color: $gray-200 !important;\r\n  font-size: 12px !important;\r\n  line-height: 18px !important;\r\n  font-family: $font-family-base !important;\r\n  font-weight: $font-weight-medium !important;\r\n}\r\n","\r\n//\r\n// Google map\r\n//\r\n\r\n.gmaps, .gmaps-panaroma {\r\n  height: 300px !important;\r\n  background: $gray-100;\r\n  border-radius: 3px;\r\n}\r\n\r\n.gmaps-overlay {\r\n  display: block;\r\n  text-align: center;\r\n  color: $white;\r\n  font-size: 16px;\r\n  line-height: 40px;\r\n  background: $primary;\r\n  border-radius: 4px;\r\n  padding: 10px 20px;\r\n}\r\n\r\n.gmaps-overlay_arrow {\r\n  left: 50%;\r\n  margin-left: -16px;\r\n  width: 0;\r\n  height: 0;\r\n  position: absolute;\r\n  &.above {\r\n    bottom: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-top: 16px solid $primary;\r\n  }\r\n  &.below {\r\n    top: -15px;\r\n    border-left: 16px solid transparent;\r\n    border-right: 16px solid transparent;\r\n    border-bottom: 16px solid $primary;\r\n  }\r\n  \r\n}","// \r\n// authentication.scss\r\n//\r\n\r\n\r\n// login-1\r\n\r\n.account-pages {\r\n    .logo-admin {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        margin: 0px auto;\r\n        width: 74px;\r\n        height: 74px;\r\n        line-height: 74px;\r\n        background: $card-bg;\r\n        border-radius: 50%;\r\n        border-bottom: 2px solid $success;\r\n      }\r\n}\r\n\r\n//  login-2\r\n\r\n.accountbg {\r\n    position: absolute;\r\n    background-size: cover;\r\n    height: 100%;\r\n    width: 100%;\r\n    top: 0;\r\n  }\r\n  \r\n  .account-page-full {\r\n    left: 0;\r\n    position: absolute;\r\n    height: 100%;\r\n    margin: 0;\r\n    width: 420px;\r\n    background-color: $card-bg;\r\n  \r\n    .card {\r\n      border: none;\r\n    }\r\n  }\r\n  \r\n  .account-copyright {\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n// authentication home icon\r\n.home-btn {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 25px;\r\n}\r\n\r\n\r\n//  Maintenance\r\n\r\n.maintenance-img {\r\n    img {\r\n        max-width: 320px;\r\n      }     \r\n}\r\n\r\n\r\n// Coundown\r\n\r\n/*------------ Subscriber --------------*/\r\n\r\n\r\n.coming-soon-search-form {\r\n  input {\r\n      padding: 15px 20px;\r\n      width: 100%;\r\n      color: $gray-800;\r\n      border: 2px solid $gray-200;\r\n      outline: none !important;\r\n      padding-right: 180px;\r\n      padding-left: 30px;\r\n      border-radius: 30px;\r\n      background-color: $card-bg;\r\n  }\r\n  button {\r\n      position: absolute;\r\n      top: 7px;\r\n      right: 8px;\r\n      outline: none !important;\r\n      border-radius: 30px;\r\n      padding: 9px 30px;\r\n  }\r\n  form {\r\n      position: relative;\r\n      max-width: 600px;\r\n      margin: 0px auto;\r\n  }\r\n}\r\n\r\n\r\n\r\n  \r\n\r\n ","/* ==============\r\n  Email\r\n===================*/\r\n.email-leftbar {\r\n  width: 236px;\r\n  float: left;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n}\r\n\r\n.email-rightbar {\r\n  margin-left: 260px;\r\n}\r\n\r\n.chat-user-box {\r\n  p.user-title {\r\n    color: $dark;\r\n    font-weight: 500;\r\n  }\r\n  p {\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .email-leftbar {\r\n    float: none;\r\n    width: 100%;\r\n  }\r\n  .email-rightbar {\r\n    margin: 0;\r\n  }\r\n}\r\n\r\n\r\n.mail-list {\r\n  a {\r\n    display: block;\r\n    color: $text-muted;\r\n    line-height: 24px;\r\n    padding: 8px 5px;\r\n    &.active {\r\n      color: $danger;\r\n      font-weight: 500;\r\n    }\r\n  }\r\n}\r\n\r\n.message-list {\r\n  display: block;\r\n  padding-left: 0;\r\n\r\n  li {\r\n    position: relative;\r\n    display: block;\r\n    height: 50px;\r\n    line-height: 50px;\r\n    cursor: default;\r\n    transition-duration: .3s;\r\n\r\n    a{\r\n      color: $text-muted;\r\n    }\r\n\r\n    &:hover {\r\n      background: $gray-200;\r\n      transition-duration: .05s;\r\n    }\r\n\r\n    .col-mail {\r\n      float: left;\r\n      position: relative;\r\n    }\r\n\r\n    .col-mail-1 {\r\n      width: 320px;\r\n\r\n      .star-toggle,\r\n      .checkbox-wrapper-mail,\r\n      .dot {\r\n        display: block;\r\n        float: left;\r\n      }\r\n\r\n      .dot {\r\n        border: 4px solid transparent;\r\n        border-radius: 100px;\r\n        margin: 22px 26px 0;\r\n        height: 0;\r\n        width: 0;\r\n        line-height: 0;\r\n        font-size: 0;\r\n      }\r\n\r\n      .checkbox-wrapper-mail {\r\n        margin: 15px 10px 0 20px;\r\n      }\r\n\r\n      .star-toggle {\r\n        margin-top: 18px;\r\n        margin-left: 5px;\r\n      }\r\n\r\n      .title {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 110px;\r\n        right: 0;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .col-mail-2 {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 320px;\r\n      right: 0;\r\n      bottom: 0;\r\n\r\n      .subject,\r\n      .date {\r\n        position: absolute;\r\n        top: 0;\r\n      }\r\n\r\n      .subject {\r\n        left: 0;\r\n        right: 200px;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        right: 0;\r\n        width: 170px;\r\n        padding-left: 80px;\r\n      }\r\n    }\r\n\r\n    &.active,\r\n    &.active:hover {\r\n      box-shadow: inset 3px 0 0 $primary;\r\n    }\r\n\r\n    \r\n  &.unread  {\r\n    background-color: $gray-200;\r\n    font-weight: 500;\r\n    color: darken($dark,5%);\r\n      a{\r\n        color: darken($dark,5%);\r\n        font-weight: 500;\r\n      }\r\n    }\r\n  }\r\n\r\n\r\n  .checkbox-wrapper-mail {\r\n    cursor: pointer;\r\n    height: 20px;\r\n    width: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n    box-shadow: inset 0 0 0 1px $gray-400;\r\n    border-radius: 1px;\r\n\r\n    input {\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n    input:checked ~ label {\r\n      opacity: 1;\r\n    }\r\n\r\n    label {\r\n      position: absolute;\r\n      height: 20px;\r\n      width: 20px;\r\n      left: 0;\r\n      cursor: pointer;\r\n      opacity: 0;\r\n      margin-bottom: 0;\r\n      transition-duration: .05s;\r\n      top: 0;\r\n      &:before {\r\n        content: \"\\F012C\";\r\n        font-family: \"Material Design Icons\";\r\n        top: 0;\r\n        height: 20px;\r\n        color: darken($dark,5%);\r\n        width: 20px;\r\n        position: absolute;\r\n        margin-top: -16px;\r\n        left: 4px;\r\n        font-size: 13px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 575.98px) { \r\n  .message-list li .col-mail-1 {\r\n      width: 200px;\r\n  }\r\n}","// \r\n// coming-soon.scss\r\n//\r\n\r\n.counter-number {\r\n    font-size: 32px;\r\n    font-weight: $font-weight-medium;\r\n    text-align: center;\r\n    color: $primary;\r\n    span {\r\n        font-size: 16px;\r\n        font-weight: $font-weight-normal;\r\n        display: block;\r\n        padding-top: 7px;\r\n        color: $text-muted;\r\n    }\r\n}\r\n\r\n.coming-box {\r\n    float: left;\r\n    width: 21%;\r\n    padding: 14px 7px;\r\n    margin: 0px $grid-gutter-width/2 $grid-gutter-width $grid-gutter-width/2;\r\n    background-color: $card-bg;\r\n    border-radius: $card-inner-border-radius;\r\n    box-shadow: $box-shadow;\r\n}\r\n\r\n@media (max-width: 991.98px) { \r\n    .coming-box {\r\n        width: 40%;\r\n    }\r\n }","// \r\n// timeline.scss\r\n//\r\n\r\n.timeline{\r\n  padding-left: 60px;\r\n  padding-right: 60px;\r\n  .timeline-list{\r\n    position: relative;\r\n    padding: 60px;\r\n    border-left: 3px dashed $gray-200;\r\n    border-bottom: 3px dashed $gray-200;\r\n    .cd-timeline-content{\r\n      border-radius: 7px;\r\n      background: $gray-100;\r\n      .date{\r\n        position: absolute;\r\n        top: 60px;\r\n        left: -39px;\r\n        padding: 24px;\r\n        color: $white;\r\n        border-radius: 7px;\r\n      }\r\n    }\r\n\r\n    &.right{\r\n        border-left: 0;\r\n        border-right: 3px dashed $gray-200;\r\n        border-bottom: 3px dashed $gray-200;\r\n      .cd-timeline-content{\r\n        float: right;\r\n        text-align: right;\r\n        .date{\r\n          right: -39px;\r\n          left: inherit !important;\r\n        }\r\n      }\r\n      \r\n      &:last-child{\r\n        border-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media only screen and (min-width: 1025px) {\r\n  #cd-timeline {\r\n    margin-bottom: 3em;\r\n    margin-top: 3em;\r\n  }\r\n  .cd-timeline-content{\r\n    width: 56%;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .timeline{\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n    .timeline-list{\r\n      padding: 15px;\r\n      .date{\r\n        top: 18px !important;\r\n        left: -30px !important;\r\n        padding: 14px !important;\r\n      }\r\n      &.right{\r\n        .date{\r\n          right: -30px !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n","// \r\n// Extras pages.scss\r\n//\r\n\r\n\r\n// pricing\r\n\r\n\r\n.plan-box{\r\n    .plan-btn{\r\n        position: relative;\r\n\r\n        &::before{\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 2px;\r\n            background: $gray-300;\r\n            left: 0px;\r\n            right: 0px;\r\n            top: 12px;\r\n        }\r\n    }\r\n}\r\n\r\n/* directory */\r\n.social-links {\r\n  li {\r\n    a {\r\n      margin-bottom: 6px;\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n      height: 30px;\r\n      line-height: 30px;\r\n      width: 30px;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n// FAQ\r\n\r\n\r\n.faq{\r\n  position: relative;\r\n  .accordion-header{\r\n      border:none;\r\n      background: transparent;\r\n  }\r\n} \r\n\r\n\r\n.accordion {\r\n  .accordion-item {\r\n    border-bottom: 1px solid $gray-200 !important;\r\n    border-radius: 4px !important;\r\n    box-shadow: none;\r\n\r\n  }\r\n\r\n  .accordion-button{\r\n    font-weight: $font-weight-medium;\r\n  }\r\n}\r\n\r\n.faq[data-bs-toggle=collapse]{\r\n  &:after {\r\n    content: '\\F0377';\r\n    display: block;\r\n    font-family: 'Material Design Icons';\r\n    font-size: 20px;\r\n    color: $text-muted;\r\n    position: absolute;\r\n    right: 20px;\r\n    font-weight: $font-weight-medium;\r\n    top: 50%;\r\n    background-image: none;\r\n    transform: translateY(-50%);\r\n  }\r\n  &.collapsed::after {\r\n    content: '\\F0419';\r\n  }\r\n}\r\n","// \r\n// gallary.scss\r\n//\r\n\r\n.overlay-container {\r\n  position: relative;\r\n}\r\n\r\n.project-item {\r\n  overflow: hidden;\r\n  border-radius: 5px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.project-item img.gallery-thumb-img {\r\n  display: block;\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.project-item-overlay {\r\n  background: none repeat scroll 0 0 #2a3142;\r\n  position: absolute;\r\n  transition: all 0.5s ease-in-out 0s;\r\n  -moz-transition: all 0.5s ease-in-out 0s;\r\n  -webkit-transition: all 0.5s ease-in-out 0s;\r\n  -o-transition: all 0.5s ease-in-out 0s;\r\n  top: 0px;\r\n  left: 0px;\r\n  bottom: 0px;\r\n  right: 0px;\r\n  visibility: hidden;\r\n  overflow: hidden;\r\n  -webkit-transform: translateX(-100%);\r\n          transform: translateX(-100%);\r\n}\r\n\r\n.project-item-overlay h4 {\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  white-space: nowrap;\r\n  color: #ffffff;\r\n  position: absolute;\r\n  top: 7%;\r\n  left: 7%;\r\n  margin: 0;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.project-item-overlay p {\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  white-space: nowrap;\r\n  color: #ffffff;\r\n  position: absolute;\r\n  overflow: hidden;\r\n  bottom: 7%;\r\n  left: 7%;\r\n  text-overflow: ellipsis;\r\n  margin: 0;\r\n}\r\n\r\n.overlay-container:hover .project-item-overlay {\r\n  -webkit-transform: translateX(0%);\r\n          transform: translateX(0%);\r\n  visibility: visible;\r\n}"]}