@charset "UTF-8";
/* =========================
   NUNITO – SELF HOSTED
   ========================= */

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/nunito/Nunito-Regular.woff2') format('woff2');
}

:root {
  /* Base Colors */
  --font-family: "Nunito", sans-serif;
  --theme-primary : #3F2B2F;
  --theme-secondary: #A9D5C0;

}

body{
    font-family: var(--font-family);
}
 
.topbar {
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:999
}
.navbar-custom {
    background:#fff;
    min-height:60px;
    position:relative;
    border-bottom:1px solid #eceff5;
    margin-left:260px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.navbar-custom .nav-link {
    padding:0;
    color:#384a65;
    margin:0 8px
}
.navbar-custom .nav-link.nav-icon {
    width:36px;
    height:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:50%;
    background-color:#f5f5f9;
    -webkit-box-shadow:none;
    box-shadow:none
}
.navbar-custom .nav-link.nav-icon i {
    font-size:20px;
    padding-bottom:2px;
    color:#384a65
}
.navbar-custom .dropdown-toggle:after {
    content:initial
}
.navbar-custom .topbar-nav {
    height:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.navbar-custom .topbar-nav li {
    float:left
}
.navbar-custom .topbar-nav li.show .nav-link {
    background-color:#fff;
    color:#000444
}
.navbar-custom .topbar-nav li:last-child {
    margin-right:8px
}
.navbar-custom .topbar-nav li:first-child {
    margin-left:8px
}
.button-menu-mobile {
    border:none;
    color:#384a65!important;
    width:60px;
    background-color:transparent;
    cursor:pointer
}
.nav-user .nav-user-name {
    vertical-align:middle
}
.notification-list .notification-menu {
    max-height:220px;
    margin-left:0
}
.notification-list .alert-badge::after {
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    top:5px;
    right:15px;
    border:2px solid #fff;
    border-radius:50%;
    background-color:#ef4d56
}
.app-search {
    position:relative;
    margin:0
}
.app-search form {
    position:relative;
    z-index:1
}
.app-search form .form-control, .app-search form .form-control:focus {
    border:1px solid transparent;
    font-size:13px;
    height:34px;
    color:#696c71;
    background:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none;
    width:300px;
    border-radius:30px;
    padding-left:38px
}
.app-search form button {
    position:absolute;
    width:30px;
    height:30px;
    left:12px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    border:none;
    text-align:center;
    background-color:transparent;
    color:#748aa9
}
.app-search form button i {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.app-search form button:focus {
    outline:0
}
.app-search .input.form-control::-webkit-input-placeholder {
    color:#98a9d9
}
.app-search input.form-control:-moz-placeholder {
    color:#98a9d9
}
.app-search input.form-control::-moz-placeholder {
    color:#98a9d9
}
.app-search input.form-control:-ms-input-placeholder {
    color:#98a9d9
}
@media(max-width:1316.98px) {
    .topbar {
        position:fixed
    }
    .page-wrapper .page-content {
        margin-top:60px
    }
}
@media(max-width:1024px) {
    .topbar .app-search .form-control, .topbar .app-search .form-control:focus {
        width:230px
    }
}
@media(max-width:768px) and(max-width:1023.98px) {
    .app-search {
        display:none
    }
}
@media(max-width:767px) {
    .app-search, .hidden-sm {
        display:none
    }
}
@media(max-width:375px) {
    .page-title-box .breadcrumb {
        display:none
    }
}
body.dark-topbar .navbar-custom, body.dark-topbar .topbar {
    background-color:#292e40
}
body.dark-topbar .left-sidebar .brand {
    background-color:#292e40;
    border-right:1px solid #2f3549
}
body.dark-topbar .left-sidebar .brand .logo .logo-lg {
    display:none
}
body.dark-topbar .left-sidebar .brand .logo .logo-lg.logo-light {
    display:inline-block
}
body.dark-topbar .navbar-custom .nav-link.nav-icon i {
    color:#abb4c7
}
body.dark-topbar .navbar-custom .nav-link.nav-icon {
    background-color:#32384c
}
body.dark-topbar .navbar-custom .nav-link {
    color:#c2cbe2
}
body.dark-topbar .app-search form .form-control, body.dark-topbar .app-search form .form-control:focus {
    color:#c2cbe2;
    background:#3d454e
}
.footer {
    bottom:0;
    padding:16px;
    position:absolute;
    right:0;
    left:0;
    color:#7081b9;
    border-top:1px solid #eceff5
}
.leftbar-tab-menu {
    min-width:260px;
    z-index:1001
}
.leftbar-tab-menu .main-icon-menu {
    width:60px!important;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:16px 0;
    background-color:var(--theme-primary);
    height:100%!important;
    z-index:1001;
    position:fixed;
    top:0
}
.leftbar-tab-menu .main-icon-menu .logo-metrica .logo-sm {
    height:34px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body {
    overflow:hidden;
    width:100%;
    max-height:100%
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .menu-icon {
    color:#becae6;
    font-size:22px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:60px;
    width:60px
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav .nav-item {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:14px 0
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs {
    border-bottom:none
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link {
    border:none;
    position:relative;
    padding:0;
    color:#fff;
    width:36px;
    height:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:color-mix(in srgb, var(--theme-primary) 5%, #fff9f92b);
    border-radius:5px;
    font-weight:500
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:focus {
    background-color:color-mix(in srgb, var(--theme-primary) 5%, #fff9f92b);;
    border-color:transparent;
    color:#fff
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:hover {
    color:#fff
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active {
    color:var(--theme-primary)
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active .menu-icon, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active .menu-icon {
    color:#fff
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active:before, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active:before {
    content:"";
    position:absolute;
    left:40px;
    top:10px;
    border-right:10px solid #f8f9fb;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent
}
.leftbar-tab-menu .main-icon-menu .pro-metrica-end {
    -ms-flex-negative:0;
    flex-shrink:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:var(--theme-primary);
    margin-top:auto
}
@media(min-width:992px) {
    .leftbar-tab-menu .main-icon-menu {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media(max-width:991.98px) {
    .leftbar-tab-menu .main-icon-menu {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.leftbar-tab-menu .main-menu-inner {
    width:200px;
    height:100%;
    background-color:#f8f9fb;
    border-right:1px solid #eceff5;
    position:fixed;
    top:0;
    left:60px;
    z-index:1001;
    border-right:1px solid #eceff5
}
.leftbar-tab-menu .main-menu-inner .topbar-left {
    background-color:#f8f9fb;
    padding-left:16px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo {
    line-height:60px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-sm {
    height:24px
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg {
    height:15px;
    margin-left:2px;
    display:inline-block
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-light {
    display:none
}
.leftbar-tab-menu .main-menu-inner .menu-body {
    padding:16px;
    height:calc(100vh - 60px)!important;
    -webkit-box-shadow:none;
    box-shadow:none
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item {
    position:relative;
    display:block
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link {
    position:relative;
    color:#5a5c61;
    font-size:13px;
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:38px;
    border-radius:3px
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active, .leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active i {
    color:var(--theme-primary)
}
.leftbar-tab-menu .main-menu-inner .menu-body .main-icon-menu-pane {
    margin-bottom:20px;
    display:none
}
.leftbar-tab-menu .main-menu-inner .menu-body .main-icon-menu-pane.active {
    display:block
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav {
    padding-left:1rem
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    display:block;
    content:"\f105";
    font-family:"Line Awesome Free";
    font-weight:900;
    margin-left:auto;
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    transition:transform .2s;
    transition:transform .2s, -webkit-transform .2s
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before {
    content:"";
    position:absolute;
    left:4px;
    width:4px;
    height:4px;
    border:1px solid #8997bd;
    border-radius:50%;
    background:rgba(48, 62, 103, .2)
}
.leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before {
    content:"";
    border:none;
    background:var(--theme-primary)
}
.navbar-custom .responsive-logo {
    display:none
}
.page-wrapper {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.page-wrapper .page-content-tab {
    width:calc(100% - 260px);
    margin-left:auto;
    position:relative;
    min-height:calc(100vh - 60px);
    padding:0 8px 52px 8px;
    margin-top:60px
}
.enlarge-menu .leftbar-tab-menu {
    min-width:60px
}
.enlarge-menu .leftbar-tab-menu .main-menu-inner {
    display:none;
    -webkit-transition:opacity .3s linear, left .3s ease-out;
    transition:opacity .3s linear, left .3s ease-out
}
.enlarge-menu .topbar .navbar-custom {
    margin-left:60px
}
.enlarge-menu .topbar .topbar-left {
    margin-left:0;
    width:260px
}
.enlarge-menu.enlarge-menu-all .leftbar-tab-menu {
    display:none
}
.enlarge-menu.enlarge-menu-all .topbar .topbar-left {
    margin-left:0;
    width:260px
}
.enlarge-menu.enlarge-menu-all .topbar .navbar-custom {
    margin-left:0
}
.enlarge-menu .page-content-tab {
    width:calc(100% - 60px)
}
@media(max-width:1199.98px) {
    .page-wrapper .page-content-tab {
        width:calc(100% - 60px)
    }
}
@media(max-width:1023.98px) {
    .leftbar-tab-menu {
        position:fixed;
        top:60px;
        overflow-y:auto;
        z-index:5;
        bottom:0
    }
    .navbar-custom {
        margin-left:60px
    }
    .navbar-custom .responsive-logo {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-left:10px
    }
    .page-content-tab {
        min-height:100vh;
        width:100%
    }
    .enlarge-menu .topbar .topbar-left {
        margin-left:0;
        width:60px!important
    }
    .enlarge-menu .page-content-tab {
        width:100%
    }
    .enlarge-menu-all .topbar .navbar-custom {
        margin-left:0
    }
    .enlarge-menu-all .page-content-tab {
        width:100%
    }
}
@media(min-width:768px) {
    .navbar-collapse {
        display:block!important
    }
    .navbar-vertical .navbar-nav .nav .nav-link {
        padding-left:1rem
    }
}
@media(max-width:767.98px) {
    .navbar-collapse {
        display:block!important
    }
    .navbar-vertical .navbar-nav .nav .nav-link {
        padding-left:1rem
    }
}
@media(min-width:680px) {
    .page-wrapper {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner {
    background-color:#132744
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .topbar-left {
    background-color:#132744
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg {
    display:none
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-light {
    display:inline-block
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link {
    color:#9da2af
}
body.dark-sidebar .leftbar-tab-menu .main-menu-inner .menu-title {
    color:#d5d7dd
}
body.dark-sidebar .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active:before {
    content:"";
    border-right:10px solid #132744
}
[dir=rtl] .leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
[dir=rtl] .leftbar-tab-menu .main-menu-inner .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.left-sidebar {
    min-width:260px;
    max-width:260px;
    background-color:#fff;
    min-height:100vh;
    -webkit-transition:.3s;
    transition:.3s;
    position:fixed;
    bottom:0;
    top:0;
    z-index:1001
}
.left-sidebar .brand {
    background-color:#fff;
    border-bottom:1px solid #eceff5;
    border-right:1px solid #eceff5;
    text-align:center
}
.left-sidebar .brand .logo {
    line-height:60px
}
.left-sidebar .brand .logo .logo-sm {
    height:24px
}
.left-sidebar .brand .logo .logo-lg {
    height:15px;
    margin-left:2px;
    display:inline-block
}
.left-sidebar .brand .logo .logo-light {
    display:none
}
.left-sidebar .menu-content {
    padding-bottom:60px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-right:1px solid #eceff5
}
.left-sidebar .menu-body {
    padding:16px
}
.left-sidebar .menu-body .nav-item {
    position:relative;
    display:block
}
.left-sidebar .menu-body .nav-item .nav-link {
    position:relative;
    color:#5a5c61;
    font-size:13px;
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:44px;
    border-radius:3px;
    padding:10px
}
.left-sidebar .menu-body .nav-item .nav-link .menu-icon {
    color:#1f2538;
    margin-right:6px;
    font-size:18px
}
.left-sidebar .menu-body .nav-item .nav-link.active, .left-sidebar .menu-body .nav-item .nav-link.active i {
    color:var(--theme-primary)
}
.left-sidebar .navbar-vertical .navbar-nav {
    padding-left:0
}
.left-sidebar .navbar-vertical .navbar-nav .menu-label {
    text-transform:uppercase;
    font-size:10px;
    font-weight:500;
    letter-spacing:.5px;
    color:#8491b7;
    padding:8px 8px
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    display:block;
    content:"\f105";
    font-family:"Line Awesome Free";
    font-weight:900;
    margin-left:auto;
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    transition:transform .2s;
    transition:transform .2s, -webkit-transform .2s
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color:#303e67;
    background:#f5f5f9;
    -webkit-box-shadow:none;
    box-shadow:none
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
}
.left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon {
    color:#1f2538
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav {
    padding:0 0 0 21px
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link:before {
    content:"";
    position:absolute;
    left:4px;
    width:4px;
    height:4px;
    border:1px solid #8997bd;
    border-radius:50%;
    background:rgba(48, 62, 103, .2)
}
.left-sidebar .navbar-vertical .navbar-nav .nav-item .nav .nav-item .nav-link.active:before {
    content:"";
    border:none;
    background:var(--theme-primary)
}
.navbar-custom .responsive-logo {
    display:none
}
.page-wrapper {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.page-wrapper .page-content-tab {
    width:calc(100% - 260px);
    margin-left:auto;
    position:relative;
    min-height:calc(100vh - 60px);
    padding:0 8px 52px 8px;
    margin-top:60px
}
.enlarge-menu .left-sidebar {
    min-width:60px
}
.enlarge-menu .left-sidebar .brand .logo .logo-lg {
    display:inline-block
}
.enlarge-menu .left-sidebar .brand .logo .logo-lg {
    display:none
}
.enlarge-menu .left-sidebar .menu-body .nav-item .collapse.show {
    display:none
}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link {
    padding:0
}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link .menu-icon {
    margin:0 auto
}
.enlarge-menu .left-sidebar .menu-body .nav-item .nav-link span {
    display:none
}
.enlarge-menu .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    display:none
}
.enlarge-menu .left-sidebar .menu-label {
    border:1px solid #eceff5;
    border-radius:5px
}
.enlarge-menu .left-sidebar .menu-label span {
    display:none
}
.enlarge-menu .left-sidebar:hover {
    min-width:260px
}
.enlarge-menu .left-sidebar:hover .brand .logo .logo-lg {
    display:inline-block
}
.enlarge-menu .left-sidebar:hover .brand .logo .logo-light {
    display:none
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .collapse.show {
    display:block
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link {
    padding:10px
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link .menu-icon {
    margin:0;
    margin-right:6px
}
.enlarge-menu .left-sidebar:hover .menu-body .nav-item .nav-link span {
    display:block
}
.enlarge-menu .left-sidebar:hover .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    display:block
}
.enlarge-menu .left-sidebar:hover .menu-label {
    border:none
}
.enlarge-menu .left-sidebar:hover .menu-label span {
    display:inline-block
}
.enlarge-menu .topbar .navbar-custom {
    margin-left:60px
}
.enlarge-menu .topbar .topbar-left {
    margin-left:0;
    width:260px
}
.enlarge-menu.enlarge-menu-all .left-sidebar {
    display:none
}
.enlarge-menu.enlarge-menu-all .topbar .topbar-left {
    margin-left:0;
    width:260px
}
.enlarge-menu.enlarge-menu-all .topbar .navbar-custom {
    margin-left:0
}
.enlarge-menu .page-content-tab {
    width:calc(100% - 60px)
}
@media(max-width:1199.98px) {
    .page-wrapper .page-content-tab {
        width:calc(100% - 60px)
    }
}
@media(max-width:1024px) {
    .left-sidebar {
        position:fixed;
        top:60px;
        overflow-y:auto;
        z-index:5;
        bottom:0
    }
    .navbar-custom {
        margin-left:60px
    }
    .navbar-custom .responsive-logo {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding-left:10px
    }
    .page-content-tab {
        min-height:100vh;
        width:100%
    }
    .enlarge-menu .topbar .topbar-left {
        margin-left:0;
        width:60px!important
    }
    .enlarge-menu .page-content-tab {
        width:100%
    }
    .enlarge-menu-all .topbar .navbar-custom {
        margin-left:0
    }
    .enlarge-menu-all .page-content-tab {
        width:100%
    }
}
@media(min-width:768px) {
    .navbar-collapse {
        display:block!important
    }
    .navbar-vertical .navbar-nav .nav .nav-link {
        padding-left:1rem!important
    }
}
@media(max-width:767.98px) {
    .navbar-collapse {
        display:block!important
    }
    .navbar-vertical .navbar-nav .nav .nav-link {
        padding-left:1rem
    }
}
@media(min-width:680px) {
    .page-wrapper {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
body.dark-sidebar .left-sidebar {
    background-color:#292e40
}
body.dark-sidebar .left-sidebar .brand {
    background-color:#292e40;
    border-bottom:1px solid #2f3549
}
body.dark-sidebar .left-sidebar .brand .logo .logo-lg {
    display:none
}
body.dark-sidebar .left-sidebar .brand .logo .logo-light {
    display:inline-block
}
body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link {
    color:#9da2af
}
body.dark-sidebar .left-sidebar .menu-body .nav-item .nav-link .menu-icon {
    color:#545d7b
}
body.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color:#ccd1e0;
    background-color:rgba(204, 209, 224, .03)
}
body.dark-sidebar .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .menu-icon {
    color:#ccd1e0
}
body.dark-sidebar.enlarge-menu .left-sidebar .brand .logo .logo-lg {
    display:none
}
body.dark-sidebar.enlarge-menu .left-sidebar .menu-label {
    border:1px solid rgba(204, 209, 224, .05)
}
body.dark-sidebar.enlarge-menu .left-sidebar:hover .brand .logo .logo-lg {
    display:none
}
body.dark-sidebar.enlarge-menu .left-sidebar:hover .brand .logo .logo-light {
    display:inline-block
}
body.dark-sidebar.enlarge-menu .left-sidebar:hover .menu-label {
    border:1px solid transparent
}
[data-layout=horizontal] {
    display:inherit
}
[data-layout=horizontal] .topbar {
    background-color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-bottom:1px solid #eceff5;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:999
}
[data-layout=horizontal] .topbar .brand {
    text-align:center;
    height:60px;
    width:160px;
    background-color:#fff;
    border-bottom:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
[data-layout=horizontal] .topbar .brand .logo {
    line-height:60px
}
[data-layout=horizontal] .topbar .brand .logo .logo-sm {
    height:30px
}
[data-layout=horizontal] .topbar .brand .logo .logo-lg {
    height:16px;
    display:inline-block
}
[data-layout=horizontal] .topbar .brand .logo .logo-lg.logo-light {
    display:none
}
[data-layout=horizontal] .topbar .navbar-custom {
    margin-left:0;
    width:100%;
    border-bottom:none
}
[data-layout=horizontal] .topbar .navbar-custom .navbar-custom-menu {
    min-height:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
[data-layout=horizontal] .page-wrapper {
    margin:0 auto;
    width:1380px;
    padding-top:60px
}
[data-layout=horizontal] .page-wrapper .page-content-tab {
    margin-left:0;
    width:100%;
    margin-top:0
}
[data-layout=horizontal] .app-search-topbar form {
    position:relative;
    z-index:1
}
[data-layout=horizontal] .app-search-topbar button {
    position:absolute;
    width:30px;
    height:30px;
    left:12px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    border:none;
    text-align:center;
    background-color:transparent;
    color:#384a65
}
[data-layout=horizontal] .app-search-topbar button i {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
[data-layout=horizontal] .app-search-topbar button:focus {
    outline:0
}
[data-layout=horizontal] .app-search-topbar input {
    width:100%;
    height:56px;
    border:none;
    font-size:12px;
    border-radius:4px;
    padding-left:54px;
    padding-right:15px;
    background-color:#fff;
    color:#000444
}
[data-layout=horizontal] .app-search-topbar input:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0!important
}
.navbar-custom-menu .navigation-menu .nav-item.active a {
    color:var(--theme-primary)
}
.navbar-custom-menu .navigation-menu .nav-item.active a i {
    color:var(--theme-primary)
}
.navbar-custom-menu .navigation-menu .nav-item.active .dropdown-menu li.active > a {
    color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link {
    font-weight:500;
    font-size:14px
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link:hover {
    color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active {
    color:#2f6bf9
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon {
    color:#2f6bf9
}
.navbar-custom-menu .dropdown {
    position:relative
}
.navbar-custom-menu .dropdown .dropdown-toggle:after {
    display:block;
    content:"\f107";
    font-family:"Line Awesome Free";
    font-weight:900;
    color:#303e67;
    border:none;
    font-size:12px;
    margin-left:.255em;
    float:right
}
.navbar-custom-menu .dropdown .nav-link.dropdown-toggle:after {
    content:"\f107";
    font-family:"Line Awesome Free";
    position:relative;
    top:2px
}
.navbar-custom-menu .dropdown .nav-link.dropdown-toggle.arrow-none:after {
    display:none
}
.navbar-custom-menu .dropdown .nav-link.active.dropdown-toggle:after {
    content:"\f107";
    color:#2f6bf9
}
.navbar-custom-menu .dropdown .dropdown-menu {
    margin:1.125rem 0;
    line-height:1.2rem;
    min-width:12rem;
    -webkit-box-shadow:0 3px 12px rgba(214, 228, 241, .3);
    box-shadow:0 3px 12px rgba(214, 228, 241, .3);
    border-radius:.5rem;
    top:100%!important
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item {
    position:relative;
    line-height:26px;
    color:#384a65
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item.active {
    color:var(--theme-primary);
    text-decoration:none;
    background-color:rgba(11, 81, 183, .04)
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:last-child {
    border-bottom:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus {
    background-color:rgba(11, 81, 183, .04);
    color:var(--theme-primary);
    border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus .dropdown-toggle:after {
    color:var(--theme-primary)
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:hover {
    color:#2f6bf9;
    text-decoration:none;
    background-color:rgba(11, 81, 183, .04);
    border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:focus:active {
    color:var(--theme-primary);
    text-decoration:none;
    background-color:rgba(11, 81, 183, .04);
    border-radius:.25rem
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover {
    color:#2f6bf9;
    text-decoration:none;
    background-color:rgba(11, 81, 183, .04);
    border-radius:0
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover.dropdown-toggle:after {
    color:#2f6bf9
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu a:after {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    right:1rem
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-submenu .dropdown-menu {
    top:-18px!important;
    left:100%;
    -webkit-box-shadow:0 3px 12px rgba(214, 228, 241, .3);
    box-shadow:0 3px 12px rgba(214, 228, 241, .3);
    min-width:12rem;
    border-radius:.5rem
}
.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-md {
    min-width:17rem!important;
    border-radius:.5rem
}
.navbar-custom-menu .dropdown .dropdown-menu.dropdown-menu-xl {
    min-width:24rem!important;
    border-radius:.5rem
}
.navbar-toggle {
    border:0;
    position:relative;
    padding:0;
    margin:0;
    cursor:pointer
}
.navbar-toggle:hover {
    background-color:transparent
}
.navbar-toggle:hover span {
    background-color:#7081b9
}
.navbar-toggle .lines {
    width:20px;
    display:block;
    position:relative;
    padding-top:24px;
    height:60px;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.navbar-toggle span {
    height:2px;
    width:100%;
    background-color:#7081b9;
    display:block;
    margin-bottom:4px;
    -webkit-transition:-webkit-transform .5s ease;
    transition:-webkit-transform .5s ease;
    transition:transform .5s ease;
    transition:transform .5s ease, -webkit-transform .5s ease
}
.navbar-toggle.open span {
    position:absolute
}
.navbar-toggle.open span:first-child {
    top:30px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    background-color:#7081b9
}
.navbar-toggle.open span:nth-child(2) {
    visibility:hidden
}
.navbar-toggle.open span:last-child {
    width:100%;
    top:30px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.navigation-menu {
    list-style:none;
    margin:0;
    padding:0;
    display:inline-block
}
.navigation-menu > li {
    display:inline-block;
    position:relative
}
.navigation-menu > li a {
    display:block;
    font-size:13px;
    -webkit-transition:all .1s ease;
    transition:all .1s ease;
    line-height:18px
}
.navigation-menu > li a .menu-icon {
    display:inline-block;
    font-size:20px;
    margin-right:8px;
    -webkit-transition:all .1s ease;
    transition:all .1s ease;
    vertical-align:text-bottom;
    color:#1f2538
}
@media(max-width:1499.98px) {
    body[data-layout=horizontal] {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    body[data-layout=horizontal] .page-wrapper {
        width:100%
    }
    body[data-layout=horizontal] .page-wrapper .page-content {
        min-height:calc(100vh - 60px);
        margin-top:0
    }
}
@media(max-width:1200px) {
    body[data-layout=horizontal] .navbar-custom-menu .navigation-menu .nav-item .nav-link {
        padding:5px 0
    }
    body[data-layout=horizontal] .topbar .brand {
        width:60px!important;
        position:fixed;
        z-index:1
    }
    body[data-layout=horizontal] .topbar .brand .logo .logo-lg {
        display:none!important
    }
    body[data-layout=horizontal] .topbar .navigation-menu {
        margin-left:60px
    }
}
@media(max-width:1024px) {
    body[data-layout=horizontal] {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    body[data-layout=horizontal] .page-wrapper {
        width:100%
    }
}
@media(min-width:992px) {
    .topbar .navigation-menu > li > a {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        color:#384a65;
        min-height:60px;
        font-weight:500
    }
    .topbar .navigation-menu > li > a span {
        vertical-align:middle;
        padding:4px;
        border-radius:4px
    }
    .topbar .navigation-menu > li > a span menu-icon {
        color:#8997bd;
        font-size:20px
    }
    .topbar .navigation-menu > li:hover a {
        color:#2f6bf9
    }
    .topbar .navigation-menu > li:hover a i {
        color:#2f6bf9
    }
    .topbar .navigation-menu > li.active {
        border-bottom:1px solid var(--theme-primary)
    }
    .topbar .navbar-toggle {
        display:none
    }
    .topbar #navigation {
        display:block
    }
    .animate {
        -webkit-animation-duration:.3s;
        animation-duration:.3s;
        -webkit-animation-fill-mode:both;
        animation-fill-mode:both
    }
    .navbar-custom-menu .dropdown .dropdown-submenu:hover > .dropdown-menu {
        display:block
    }
}
@media(max-width:991px) {
    body[data-layout=horizontal] .page-wrapper {
        width:100%
    }
    body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon {
        color:#384a65!important
    }
    .topbar .navigation-menu {
        float:none;
        max-height:400px;
        text-align:left;
        width:100%;
        margin-left:0!important
    }
    .topbar .navigation-menu > li {
        display:block
    }
    .topbar .navigation-menu > li > a {
        color:#1f2538;
        padding:15px;
        font-size:13px
    }
    .topbar .navigation-menu > li > a:after {
        position:absolute;
        right:15px
    }
    .topbar .navigation-menu > li > a:hover {
        color:var(--theme-primary)
    }
    .topbar .navbar-header {
        float:left
    }
    #navigation {
        position:absolute;
        top:60px;
        left:0;
        right:0;
        display:none;
        height:auto;
        max-height:500px;
        padding:8px;
        overflow:auto;
        background-color:#fff;
        z-index:1000;
        -webkit-box-shadow:0 1px 3px 1.25px rgba(137, 151, 189, .3);
        box-shadow:0 1px 3px 1.25px rgba(137, 151, 189, .3)
    }
    #navigation.open {
        display:block;
        overflow-y:auto
    }
    .navbar-custom-menu {
        min-height:0
    }
    .topbar .navigation-menu {
        margin-left:0
    }
    .topbar .navigation-menu .dropdown-menu {
        margin:0
    }
    .topbar .navigation-menu .dropdown-menu .dropdown-submenu .dropdown-menu {
        -webkit-box-shadow:none;
        box-shadow:none;
        margin:0
    }
    .topbar .navigation-menu .nav-item .nav-link {
        padding:.5rem 0!important;
        border-bottom:1px solid #eceff5
    }
    .topbar .navigation-menu .nav-item .dropdown-menu {
        position:static!important;
        margin:0;
        -webkit-transform:none!important;
        transform:none!important
    }
    .topbar .navigation-menu .nav-item .dropdown-menu .dropdown-submenu .dropdown-menu {
        -webkit-box-shadow:none;
        box-shadow:none;
        margin:0
    }
    .dark-topbar .topbar .navigation-menu > li > a {
        color:#384a65!important
    }
}
@media(min-width:768px) {
    .navbar-toggle {
        display:block
    }
}
@media(max-width:1129.98px) {
    .topbar .nav-user .user-name {
        display:none
    }
}
@media(max-width:767.98px) {
    .topbar .brand {
        margin-right:0
    }
    .topbar .brand .logo .logo-sm {
        height:32px
    }
    .topbar .brand .logo .logo-lg {
        display:none
    }
    .page-content {
        width:100%;
        margin-top:0;
        min-height:100vh;
        padding:0 0 60px 0
    }
    .hide-phone {
        display:none
    }
}
@media(max-width:767px) {
    .page-title-box .breadcrumb {
        display:none
    }
}
@media(max-width:620px) {
    .logo-large {
        display:none
    }
    .logo-small {
        display:inline-block!important
    }
}
@keyframes slideIn {
    0% {
        -webkit-transform:translateY(1rem);
        transform:translateY(1rem);
        opacity:0
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    0% {
        -webkit-transform:translateY(1rem);
        transform:translateY(1rem);
        opacity:0
    }
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform:transform;
        -webkit-opacity:0
    }
    100% {
        -webkit-transform:translateY(0);
        -webkit-opacity:1
    }
    0% {
        -webkit-transform:translateY(1rem);
        -webkit-opacity:0
    }
}
.slideIn {
    -webkit-animation-name:slideIn;
    animation-name:slideIn
}
body[data-layout=horizontal].dark-topbar .navbar-custom, body[data-layout=horizontal].dark-topbar .topbar {
    background-color:#292e40
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand, body[data-layout=horizontal].dark-topbar .topbar .brand {
    background-color:#292e40
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand .logo .logo-lg, body[data-layout=horizontal].dark-topbar .topbar .brand .logo .logo-lg {
    display:none
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand .logo .logo-lg.logo-light, body[data-layout=horizontal].dark-topbar .topbar .brand .logo .logo-lg.logo-light {
    display:inline-block
}
body[data-layout=horizontal].dark-topbar .navigation-menu > li a .menu-icon {
    color:#2f6bf9
}
body[data-layout=horizontal].dark-topbar .topbar .navigation-menu > li > a {
    color:#c2cbe2
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link:hover {
    color:#fff
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active {
    color:#fff
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon {
    color:#fff
}
body[data-layout=horizontal].dark-topbar .navbar-custom-menu .dropdown .dropdown-toggle:after {
    color:#c2cbe2;
    opacity:1
}
body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon i {
    color:#abb4c7
}
body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon {
    background-color:#32384c
}
body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link {
    color:#c2cbe2
}
html {
    position:relative;
    min-height:100%
}
body {
    margin:0;
    overflow-x:hidden!important;
    font-size:.8125rem;
    background-color:#fff;
    color:var(--theme-primary);
    letter-spacing:.1px;
    line-height:1.5;
    position:relative
}
.row > * {
    position:relative
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color:#303e67;
    margin:10px 0
}
h1 {
    line-height:43px
}
h2 {
    line-height:35px
}
h3 {
    line-height:30px
}
h4 {
    line-height:22px
}
a {
    font-family:var(--font-family);
    color:#303e67;
    text-decoration:none
}
a:active, a:focus, a:hover {
    outline:0;
    text-decoration:none
}
hr {
    background-color:#eceff5;
    opacity:.1
}
.o-1 {
    opacity:.08
}
p {
    line-height:1.6;
    font-family:var(--font-family);
    font-size:.8125rem;
    font-weight:400
}
.card-bg {
    background-color:#fff
}
* {
    outline:0!important
}
mark {
    color:inherit;
    padding:0;
    background:0 0;
    background-image:linear-gradient(120deg, rgba(255, 159, 67, .4) 0, rgba(255, 159, 67, .4) 100%);
    background-repeat:no-repeat;
    background-position:0 80%;
    position:relative;
    background-size:100% .3em
}
.fw-semibold {
    font-weight:500!important
}
.nav.nav-pills {
    background-color:#fbfbfb
}
.media {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.media-body {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.divider-custom {
    display:block;
    text-align:center;
    overflow:hidden;
    margin:1rem 0
}
.divider-custom .divider-text {
    position:relative;
    display:inline-block;
    font-size:12px;
    padding:2px 6px;
    color:#000444;
    border:1px dashed #eceff5;
    border-radius:30px;
    font-family:var(--font-family)
}
.divider-custom .divider-text:after {
    left:100%
}
.divider-custom .divider-text:before {
    right:100%
}
.divider-custom .divider-text:after, .divider-custom .divider-text:before {
    content:"";
    position:absolute;
    top:50%;
    width:9999px;
    border-top:1px dashed #eceff5
}
.ti-spin {
    -webkit-animation:2s linear infinite spinner-border;
    animation:2s linear infinite spinner-border
}
/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent
}
.waves-effect .waves-ripple {
    position:absolute;
    border-radius:50%;
    width:100px;
    height:100px;
    margin-top:-50px;
    margin-left:-50px;
    opacity:0;
    background:rgba(0, 0, 0, .2);
    background:radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
    -webkit-transition-property:-webkit-transform, opacity;
    -webkit-transition-property:opacity, -webkit-transform;
    transition-property:opacity, -webkit-transform;
    transition-property:transform, opacity;
    transition-property:transform, opacity, -webkit-transform;
    -webkit-transform:scale(0) translate(0, 0);
    transform:scale(0) translate(0, 0);
    pointer-events:none
}
.waves-effect.waves-light .waves-ripple {
    background:rgba(255, 255, 255, .4);
    background:radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)
}
.waves-effect.waves-classic .waves-ripple {
    background:rgba(0, 0, 0, .2)
}
.waves-effect.waves-classic.waves-light .waves-ripple {
    background:rgba(255, 255, 255, .4)
}
.waves-notransition {
    -webkit-transition:none!important;
    transition:none!important
}
.waves-button, .waves-circle {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-mask-image:-webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited {
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    border:none;
    outline:0;
    color:inherit;
    background-color:rgba(0, 0, 0, 0);
    font-size:1em;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    z-index:1
}
.waves-button {
    padding:.85em 1.1em;
    border-radius:.2em
}
.waves-button-input {
    margin:0;
    padding:.85em 1.1em
}
.waves-input-wrapper {
    border-radius:.2em;
    vertical-align:bottom
}
.waves-input-wrapper.waves-button {
    padding:0
}
.waves-input-wrapper .waves-button-input {
    position:relative;
    top:0;
    left:0;
    z-index:1
}
.waves-circle {
    text-align:center;
    width:2.5em;
    height:2.5em;
    line-height:2.5em;
    border-radius:50%
}
.waves-float {
    -webkit-mask-image:none;
    -webkit-box-shadow:0 1px 1.5px 1px rgba(0, 0, 0, .12);
    box-shadow:0 1px 1.5px 1px rgba(0, 0, 0, .12);
    -webkit-transition:all .3s;
    transition:all .3s
}
.waves-float:active {
    -webkit-box-shadow:0 8px 20px 1px rgba(0, 0, 0, .3);
    box-shadow:0 8px 20px 1px rgba(0, 0, 0, .3)
}
.waves-block {
    display:block
}
.waves-effect.waves-light .waves-ripple {
    background-color:rgba(255, 255, 255, .4)
}
.waves-effect.waves-primary .waves-ripple {
    background-color:rgba(11, 81, 183, .4)
}
.waves-effect.waves-success .waves-ripple {
    background-color:rgba(34, 183, 131, .4)
}
.waves-effect.waves-info .waves-ripple {
    background-color:rgba(65, 203, 216, .4)
}
.waves-effect.waves-warning .waves-ripple {
    background-color:rgba(255, 159, 67, .4)
}
.waves-effect.waves-danger .waves-ripple {
    background-color:rgba(239, 77, 86, .4)
}
.card {
    margin-bottom:16px;
    background-color:#fff;
    border:1px solid #eceff5;
    -webkit-box-shadow:none;
    box-shadow:none
}
.card .card-header {
    background-color:#fff;
    border-bottom:1px solid #eceff5
}
.card .card-header:first-child {
    border-radius:calc(.5rem - 1px) calc(.5rem - 1px) 0 0
}
.card .card-footer {
    background-color:#fff;
    border-top:1px dashed #eceff5
}
.card-title {
    text-transform:capitalize;
    letter-spacing:.02em;
    font-size:14px;
    font-weight:500;
    margin:0;
    color:#303e67
}
pre {
    margin-bottom:0!important
}
pre.prettyprint {
    border:none!important
}
.pln {
    color:#9c9ebb
}
@media screen {
    .str {
        color:#2b81ff!important
    }
    .kwd {
        color:#008!important
    }
    .com {
        color:#066!important
    }
    .typ {
        color:#f93636!important
    }
    .lit {
        color:#066!important
    }
    .clo, .opn, .pun {
        color:#660
    }
    .tag {
        color:#00bcd4!important
    }
    .atn {
        color:#f93636!important
    }
    .atv {
        color:#2b81ff!important
    }
    .dec, .var {
        color:#f93636!important
    }
    .fun {
        color:red
    }
}
@media print, projection {
    .str {
        color:#060
    }
    .kwd {
        color:#00bcd4;
        font-weight:700
    }
    .com {
        color:#600;
        font-style:italic
    }
    .typ {
        color:#404;
        font-weight:700
    }
    .lit {
        color:#044
    }
    .clo, .opn, .pun {
        color:#440
    }
    .tag {
        color:#00bcd4;
        font-weight:700
    }
    .atn {
        color:#404
    }
    .atv {
        color:#060
    }
}
pre.prettyprint {
    padding:2px;
    border:1px solid transparent!important
}
ol.linenums {
    margin-top:0;
    margin-bottom:0
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type:none
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
    background:#eee
}
.badge.badge-dot:after {
    position:absolute;
    content:"";
    right:3px;
    top:-13px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    display:inline-block;
    height:10px;
    width:10px;
    border:2px solid #fff;
    border-radius:50%
}
.badge.badge-dot.online:after {
    background-color:#22b783
}
.badge.badge-dot.offline:after {
    background-color:#8997bd
}
.badge.badge-soft-primary {
    background-color:rgba(11, 81, 183, .15)!important;
    color:var(--theme-primary);
    -webkit-box-shadow:0 0 13px 0 rgba(11, 81, 183, .05);
    box-shadow:0 0 13px 0 rgba(11, 81, 183, .05)
}
.badge.badge-outline-primary {
    background-color:transparent!important;
    color:var(--theme-primary);
    border:1px solid var(--theme-primary)
}
.badge.badge-soft-secondary {
    background-color:rgba(112, 129, 185, .15)!important;
    color:#7081b9;
    -webkit-box-shadow:0 0 13px 0 rgba(112, 129, 185, .05);
    box-shadow:0 0 13px 0 rgba(112, 129, 185, .05)
}
.badge.badge-outline-secondary {
    background-color:transparent!important;
    color:#7081b9;
    border:1px solid #7081b9
}
.badge.badge-soft-success {
    background-color:rgba(34, 183, 131, .15)!important;
    color:#22b783;
    -webkit-box-shadow:0 0 13px 0 rgba(34, 183, 131, .05);
    box-shadow:0 0 13px 0 rgba(34, 183, 131, .05)
}
.badge.badge-outline-success {
    background-color:transparent!important;
    color:#22b783;
    border:1px solid #22b783
}
.badge.badge-soft-info {
    background-color:rgba(65, 203, 216, .15)!important;
    color:#41cbd8;
    -webkit-box-shadow:0 0 13px 0 rgba(65, 203, 216, .05);
    box-shadow:0 0 13px 0 rgba(65, 203, 216, .05)
}
.badge.badge-outline-info {
    background-color:transparent!important;
    color:#41cbd8;
    border:1px solid #41cbd8
}
.badge.badge-soft-warning {
    background-color:rgba(255, 159, 67, .15)!important;
    color:#ff9f43;
    -webkit-box-shadow:0 0 13px 0 rgba(255, 159, 67, .05);
    box-shadow:0 0 13px 0 rgba(255, 159, 67, .05)
}
.badge.badge-outline-warning {
    background-color:transparent!important;
    color:#ff9f43;
    border:1px solid #ff9f43
}
.badge.badge-soft-danger {
    background-color:rgba(239, 77, 86, .15)!important;
    color:#ef4d56;
    -webkit-box-shadow:0 0 13px 0 rgba(239, 77, 86, .05);
    box-shadow:0 0 13px 0 rgba(239, 77, 86, .05)
}
.badge.badge-outline-danger {
    background-color:transparent!important;
    color:#ef4d56;
    border:1px solid #ef4d56
}
.badge.badge-soft-light {
    background-color:rgba(250, 251, 251, .15)!important;
    color:#fafbfb;
    -webkit-box-shadow:0 0 13px 0 rgba(250, 251, 251, .05);
    box-shadow:0 0 13px 0 rgba(250, 251, 251, .05)
}
.badge.badge-outline-light {
    background-color:transparent!important;
    color:#fafbfb;
    border:1px solid #fafbfb
}
.badge.badge-soft-dark {
    background-color:rgba(0, 4, 68, .15)!important;
    color:#000444;
    -webkit-box-shadow:0 0 13px 0 rgba(0, 4, 68, .05);
    box-shadow:0 0 13px 0 rgba(0, 4, 68, .05)
}
.badge.badge-outline-dark {
    background-color:transparent!important;
    color:#000444;
    border:1px solid #000444
}
.badge.badge-soft-pink {
    background-color:rgba(253, 60, 151, .15)!important;
    color:#fd3c97;
    -webkit-box-shadow:0 0 13px 0 rgba(253, 60, 151, .05);
    box-shadow:0 0 13px 0 rgba(253, 60, 151, .05)
}
.badge.badge-outline-pink {
    background-color:transparent!important;
    color:#fd3c97;
    border:1px solid #fd3c97
}
.badge.badge-soft-purple {
    background-color:rgba(109, 129, 245, .15)!important;
    color:#6d81f5;
    -webkit-box-shadow:0 0 13px 0 rgba(109, 129, 245, .05);
    box-shadow:0 0 13px 0 rgba(109, 129, 245, .05)
}
.badge.badge-outline-purple {
    background-color:transparent!important;
    color:#6d81f5;
    border:1px solid #6d81f5
}
.badge.badge-soft-blue {
    background-color:rgba(11, 81, 183, .15)!important;
    color:var(--theme-primary);
    -webkit-box-shadow:0 0 13px 0 rgba(11, 81, 183, .05);
    box-shadow:0 0 13px 0 rgba(11, 81, 183, .05)
}
.badge.badge-outline-blue {
    background-color:transparent!important;
    color:var(--theme-primary);
    border:1px solid var(--theme-primary)
}
.badge-outline-light {
    color:#303e67!important
}
.btn-round {
    border-radius:30px
}
.btn-icon-circle {
    width:36px;
    height:36px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:50%
}
.btn-icon-circle.btn-icon-circle-sm {
    width:30px;
    height:30px;
    line-height:1;
    padding:0
}
.btn-icon-square {
    width:36px;
    height:36px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.btn-icon-square-sm {
    width:30px;
    height:30px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.btn-square {
    border-radius:0
}
.btn-skew {
    -webkit-transform:skew(-15deg);
    transform:skew(-15deg)
}
.btn-skew i, .btn-skew span {
    display:inline-block;
    -webkit-transform:skew(15deg);
    transform:skew(15deg)
}
.accordion .btn:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn.btn-outline-dashed {
    outline:1px dashed #fff!important;
    outline-offset:-5px;
    -moz-outline-radius:25px
}
.btn-link.active, .btn-link:active, .btn-link:focus, .btn-link:hover {
    text-decoration:none
}
.button-items, .button-list {
    margin-bottom:-8px
}
.button-items .btn, .button-list .btn {
    margin:0 5px 8px 0
}
.btn {
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn.focus, .btn:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-xs {
    padding:2px 10px;
    font-size:11px
}
.btn-outline-light {
    color:#7081b9;
    background-image:none;
    background-color:transparent;
    border-color:#eaf0f9
}
.btn-outline-dark {
    color:#000444
}
.btn-outline-dark:hover {
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fafbfb
}
.btn-outline-info.focus, .btn-outline-info:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.btn-soft-primary {
    background-color:rgba(11, 81, 183, .08)!important;
    color:var(--theme-primary)!important
}
.btn-soft-primary:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important
}
.btn-de-primary {
    background-color:transparent!important;
    color:var(--theme-primary)!important;
    border:1px solid #e8ebf3
}
.btn-de-primary:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important;
    border:1px solid var(--theme-primary)
}
.btn-de-dashed-primary {
    background-color:transparent!important;
    color:var(--theme-primary)!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-primary:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important;
    border:1px solid var(--theme-primary)
}
.btn-soft-secondary {
    background-color:rgba(112, 129, 185, .08)!important;
    color:#7081b9!important
}
.btn-soft-secondary:hover {
    background-color:#7081b9!important;
    color:#fff!important
}
.btn-de-secondary {
    background-color:transparent!important;
    color:#7081b9!important;
    border:1px solid #e8ebf3
}
.btn-de-secondary:hover {
    background-color:#7081b9!important;
    color:#fff!important;
    border:1px solid #7081b9
}
.btn-de-dashed-secondary {
    background-color:transparent!important;
    color:#7081b9!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-secondary:hover {
    background-color:#7081b9!important;
    color:#fff!important;
    border:1px solid #7081b9
}
.btn-soft-success {
    background-color:rgba(34, 183, 131, .08)!important;
    color:#22b783!important
}
.btn-soft-success:hover {
    background-color:#22b783!important;
    color:#fff!important
}
.btn-de-success {
    background-color:transparent!important;
    color:#22b783!important;
    border:1px solid #e8ebf3
}
.btn-de-success:hover {
    background-color:#22b783!important;
    color:#fff!important;
    border:1px solid #22b783
}
.btn-de-dashed-success {
    background-color:transparent!important;
    color:#22b783!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-success:hover {
    background-color:#22b783!important;
    color:#fff!important;
    border:1px solid #22b783
}
.btn-soft-info {
    background-color:rgba(65, 203, 216, .08)!important;
    color:#41cbd8!important
}
.btn-soft-info:hover {
    background-color:#41cbd8!important;
    color:#fff!important
}
.btn-de-info {
    background-color:transparent!important;
    color:#41cbd8!important;
    border:1px solid #e8ebf3
}
.btn-de-info:hover {
    background-color:#41cbd8!important;
    color:#fff!important;
    border:1px solid #41cbd8
}
.btn-de-dashed-info {
    background-color:transparent!important;
    color:#41cbd8!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-info:hover {
    background-color:#41cbd8!important;
    color:#fff!important;
    border:1px solid #41cbd8
}
.btn-soft-warning {
    background-color:rgba(255, 159, 67, .08)!important;
    color:#ff9f43!important
}
.btn-soft-warning:hover {
    background-color:#ff9f43!important;
    color:#fff!important
}
.btn-de-warning {
    background-color:transparent!important;
    color:#ff9f43!important;
    border:1px solid #e8ebf3
}
.btn-de-warning:hover {
    background-color:#ff9f43!important;
    color:#fff!important;
    border:1px solid #ff9f43
}
.btn-de-dashed-warning {
    background-color:transparent!important;
    color:#ff9f43!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-warning:hover {
    background-color:#ff9f43!important;
    color:#fff!important;
    border:1px solid #ff9f43
}
.btn-soft-danger {
    background-color:rgba(239, 77, 86, .08)!important;
    color:#ef4d56!important
}
.btn-soft-danger:hover {
    background-color:#ef4d56!important;
    color:#fff!important
}
.btn-de-danger {
    background-color:transparent!important;
    color:#ef4d56!important;
    border:1px solid #e8ebf3
}
.btn-de-danger:hover {
    background-color:#ef4d56!important;
    color:#fff!important;
    border:1px solid #ef4d56
}
.btn-de-dashed-danger {
    background-color:transparent!important;
    color:#ef4d56!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-danger:hover {
    background-color:#ef4d56!important;
    color:#fff!important;
    border:1px solid #ef4d56
}
.btn-soft-light {
    background-color:rgba(250, 251, 251, .08)!important;
    color:#fafbfb!important
}
.btn-soft-light:hover {
    background-color:#fafbfb!important;
    color:#fff!important
}
.btn-de-light {
    background-color:transparent!important;
    color:#fafbfb!important;
    border:1px solid #e8ebf3
}
.btn-de-light:hover {
    background-color:#fafbfb!important;
    color:#fff!important;
    border:1px solid #fafbfb
}
.btn-de-dashed-light {
    background-color:transparent!important;
    color:#fafbfb!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-light:hover {
    background-color:#fafbfb!important;
    color:#fff!important;
    border:1px solid #fafbfb
}
.btn-soft-dark {
    background-color:rgba(0, 4, 68, .08)!important;
    color:#000444!important
}
.btn-soft-dark:hover {
    background-color:#000444!important;
    color:#fff!important
}
.btn-de-dark {
    background-color:transparent!important;
    color:#000444!important;
    border:1px solid #e8ebf3
}
.btn-de-dark:hover {
    background-color:#000444!important;
    color:#fff!important;
    border:1px solid #000444
}
.btn-de-dashed-dark {
    background-color:transparent!important;
    color:#000444!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-dark:hover {
    background-color:#000444!important;
    color:#fff!important;
    border:1px solid #000444
}
.btn-soft-pink {
    background-color:rgba(253, 60, 151, .08)!important;
    color:#fd3c97!important
}
.btn-soft-pink:hover {
    background-color:#fd3c97!important;
    color:#fff!important
}
.btn-de-pink {
    background-color:transparent!important;
    color:#fd3c97!important;
    border:1px solid #e8ebf3
}
.btn-de-pink:hover {
    background-color:#fd3c97!important;
    color:#fff!important;
    border:1px solid #fd3c97
}
.btn-de-dashed-pink {
    background-color:transparent!important;
    color:#fd3c97!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-pink:hover {
    background-color:#fd3c97!important;
    color:#fff!important;
    border:1px solid #fd3c97
}
.btn-soft-purple {
    background-color:rgba(109, 129, 245, .08)!important;
    color:#6d81f5!important
}
.btn-soft-purple:hover {
    background-color:#6d81f5!important;
    color:#fff!important
}
.btn-de-purple {
    background-color:transparent!important;
    color:#6d81f5!important;
    border:1px solid #e8ebf3
}
.btn-de-purple:hover {
    background-color:#6d81f5!important;
    color:#fff!important;
    border:1px solid #6d81f5
}
.btn-de-dashed-purple {
    background-color:transparent!important;
    color:#6d81f5!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-purple:hover {
    background-color:#6d81f5!important;
    color:#fff!important;
    border:1px solid #6d81f5
}
.btn-soft-blue {
    background-color:rgba(11, 81, 183, .08)!important;
    color:var(--theme-primary)!important
}
.btn-soft-blue:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important
}
.btn-de-blue {
    background-color:transparent!important;
    color:var(--theme-primary)!important;
    border:1px solid #e8ebf3
}
.btn-de-blue:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important;
    border:1px solid var(--theme-primary)
}
.btn-de-dashed-blue {
    background-color:transparent!important;
    color:var(--theme-primary)!important;
    border:1px dashed #e8ebf3
}
.btn-de-dashed-blue:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important;
    border:1px solid var(--theme-primary)
}
.hover-light-color:hover {
    color:#fafbfb!important
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    border-color:transparent
}
.dropdown-menu {
    -webkit-box-shadow:0 3px 12px rgba(214, 228, 241, .3);
    box-shadow:0 3px 12px rgba(214, 228, 241, .3);
    margin:0
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
    background-color:#fafbfb;
    color:#000444
}
.dropdown-lg {
    width:320px
}
.dropdown-xl {
    min-width:42rem
}
.dropdown-toggle::after, .dropend .dropdown-toggle::after, .dropstart .dropdown-toggle::before, .dropup .dropdown-toggle::after {
    display:none
}
.table th {
    color:#303e67;
    font-weight:500;
    vertical-align:middle;
    border-color:#e8ebf3
}
.table td {
    font-weight:400;
    vertical-align:middle;
    border-color:#e8ebf3
}
.table.border-dashed th {
    font-weight:500;
    border-top:1px dashed #e8ebf3
}
.table.border-dashed td {
    border-top:1px dashed #e8ebf3
}
.table.border-dashed thead th {
    border-bottom:1px dashed #e8ebf3
}
.table .thead-light th {
    color:#303e67;
    background-color:#f1f5fa;
    border-color:#e8ebf3
}
.table.table-dark {
    color:#fafbfb
}
.table.table-dark th {
    color:#fafbfb
}
.table tbody tr:last-child td, .table tbody tr:last-child th {
    border-bottom:none
}
.table-rep-plugin .btn-toolbar {
    display:block
}
.table-rep-plugin .btn-default {
    border:none;
    background:linear-gradient(14deg, var(--theme-primary) 0, rgba(11, 81, 183, .6));
    color:#fff;
    margin-right:5px;
    -webkit-box-shadow:0 7px 14px 0 rgba(11, 81, 183, .5);
    box-shadow:0 7px 14px 0 rgba(11, 81, 183, .5);
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out
}
.table-rep-plugin .btn-default:focus, .table-rep-plugin .btn-default:hover {
    color:#fff;
    -webkit-box-shadow:0 0 0 2px rgba(11, 81, 183, .3);
    box-shadow:0 0 0 2px rgba(11, 81, 183, .3)
}
.table-rep-plugin .btn-default.btn-primary:active, .table-rep-plugin .btn-default.btn-primary:focus, .table-rep-plugin .btn-default.btn-primary:hover {
    border:none!important;
    background:linear-gradient(14deg, var(--theme-primary) 0, rgba(11, 81, 183, .6));
    color:#fff;
    -webkit-box-shadow:0 0 0 2px rgba(11, 81, 183, .3);
    box-shadow:0 0 0 2px rgba(11, 81, 183, .3)
}
.table-rep-plugin tbody th {
    font-size:14px;
    font-weight:400
}
.table-rep-plugin table.focus-on tbody tr.focused td, .table-rep-plugin table.focus-on tbody tr.focused th {
    background-color:var(--theme-primary);
    color:#fff
}
.fixed-solution .sticky-table-header {
    top:70px!important;
    background-color:#fafbfb;
    border-top:1px solid #e8ebf3;
    border-bottom:1px solid #e8ebf3
}
.table-responsive[data-pattern=priority-columns] {
    border:1px solid #e8ebf3
}
.attendance-table .table thead tr th {
    padding:5px
}
.datatable-editor-action .mdi {
    margin-right:5px;
    color:#7081b9
}
.dataTable-selector {
    background-color:#fff;
    color:#000444;
    border-color:#e8ebf3;
    border-radius:4px
}
.dataTable-input {
    background-color:#fff;
    color:#000444;
    border:1px solid #e8ebf3;
    border-radius:4px
}
.dataTable-wrapper.no-footer .dataTable-container {
    border-bottom:2px solid #eceff5
}
.dataTable-pagination a {
    border:1px solid #eceff5;
    color:#000444
}
.dataTable-pagination .active a, .dataTable-pagination .active a:focus, .dataTable-pagination .active a:hover, .dataTable-pagination a:hover {
    background-color:#fafbfb;
    color:var(--theme-primary)
}
.tabulator-row {
    border-bottom:1px solid #e8ebf3;
    min-height:0;
    background-color:#fff!important
}
.tabulator-row .tabulator-cell {
    padding:.7rem
}
.tabulator-row .tabulator-cell div[data-max="100"] {
    height:5px!important
}
.tabulator-row .tabulator-cell.tabulator-editing {
    color:#000444!important
}
.tabulator-row .tabulator-cell.tabulator-editable.tabulator-editing {
    color:#000444!important
}
.tabulator-row .tabulator-responsive-collapse table {
    font-size:.8125rem;
    font-weight:500
}
.tabulator-row .tabulator-responsive-collapse table tr td {
    font-weight:400
}
.tabulator-row.tabulator-selectable:hover {
    background-color:#fafafa
}
.tabulator {
    font-size:.8125rem;
    background-color:#fff
}
.tabulator .tabulator-header {
    border-bottom:1px solid #e8ebf3;
    border-top:0;
    background-color:#f1f5fa
}
.tabulator .tabulator-header .tabulator-col {
    background-color:transparent;
    font-weight:500
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding:.7rem
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom:6px solid #b6c2e4
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    background-color:transparent
}
.tabulator .tabulator-footer {
    border-top:1px solid #e8ebf3;
    background-color:#fff
}
.tabulator .tabulator-footer .tabulator-page {
    padding:.375rem .75rem;
    font-size:.8125rem;
    border:1px solid #e8ebf3;
    border-right:none;
    background:#fff;
    color:#000444
}
.tabulator .tabulator-footer .tabulator-page:disabled {
    background-color:#fff;
    border-color:#e8ebf3;
    color:#8997bd
}
.tabulator .tabulator-footer .tabulator-page[data-page=last] {
    border:1px solid #e8ebf3
}
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    background-color:#fff;
    border-color:#e8ebf3;
    color:#8997bd
}
.progress {
    background-color:#f1f5fa
}
.progress-vertical {
    min-height:250px;
    height:250px;
    width:8px;
    position:relative;
    display:inline-block;
    margin-bottom:0;
    margin-right:20px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.progress-vertical .progress-bar {
    width:100%
}
.progress-vertical-bottom {
    min-height:250px;
    height:250px;
    position:relative;
    width:8px;
    display:inline-block;
    margin-bottom:0;
    margin-right:20px;
    -webkit-box-shadow:none;
    box-shadow:none
}
.progress-vertical-bottom .progress-bar {
    width:100%;
    position:absolute;
    bottom:0
}
.progress-vertical-bottom.progress-sm, .progress-vertical.progress-sm {
    width:5px!important
}
.progress-vertical-bottom.progress-sm .progress-bar, .progress-vertical.progress-sm .progress-bar {
    font-size:8px;
    line-height:5px
}
.progress-vertical-bottom.progress-md, .progress-vertical.progress-md {
    width:15px!important
}
.progress-vertical-bottom.progress-md .progress-bar, .progress-vertical.progress-md .progress-bar {
    font-size:10.8px;
    line-height:14.4px
}
.progress-vertical-bottom.progress-lg, .progress-vertical.progress-lg {
    width:20px!important
}
.progress-vertical-bottom.progress-lg .progress-bar, .progress-vertical.progress-lg .progress-bar {
    font-size:12px;
    line-height:20px
}
.progress-icon-spin {
    font-size:36px
}
a.badge:hover {
    color:#fff
}
.alert {
    position:relative;
    border:0
}
.alert.custom-alert {
    overflow:hidden
}
.alert.custom-alert:after {
    content:"";
    position:absolute;
    width:4px;
    height:100%;
    top:0;
    left:0
}
.alert.custom-alert.custom-alert-primary:after {
    background-color:var(--theme-primary)
}
.alert.custom-alert.custom-alert-secondary:after {
    background-color:#7081b9
}
.alert.custom-alert.custom-alert-success:after {
    background-color:#22b783
}
.alert.custom-alert.custom-alert-info:after {
    background-color:#41cbd8
}
.alert.custom-alert.custom-alert-warning:after {
    background-color:#ff9f43
}
.alert.custom-alert.custom-alert-danger:after {
    background-color:#ef4d56
}
.alert.custom-alert.custom-alert-light:after {
    background-color:#fafbfb
}
.alert.custom-alert.custom-alert-dark:after {
    background-color:#000444
}
.alert.custom-alert.custom-alert-pink:after {
    background-color:#fd3c97
}
.alert.custom-alert.custom-alert-purple:after {
    background-color:#6d81f5
}
.alert.custom-alert.custom-alert-blue:after {
    background-color:var(--theme-primary)
}
.b-round {
    border-radius:40px
}
.alert {
    position:relative;
    border:0
}
.alert.icon-custom-alert {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:5px 18px
}
.alert .alert-icon {
    font-size:21px;
    margin-right:8px
}
.alert .alert-text {
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-item-align:center;
    align-self:center
}
.alert .alert-close {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.alert .alert-link {
    font-weight:600
}
.alert.alert-light {
    color:#000444;
    background-color:#fafbfb
}
.alert.alert-outline-primary {
    border:1px solid var(--theme-primary);
    background-color:transparent;
    color:var(--theme-primary)!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#adcdfa;
    color:var(--theme-primary)
}
.alert.alert-outline-secondary {
    border:1px solid #7081b9;
    background-color:transparent;
    color:#7081b9!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#fff;
    color:#7081b9
}
.alert.alert-outline-success {
    border:1px solid #22b783;
    background-color:transparent;
    color:#22b783!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#c9f5e6;
    color:#22b783
}
.alert.alert-outline-info {
    border:1px solid #41cbd8;
    background-color:transparent;
    color:#41cbd8!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#fff;
    color:#41cbd8
}
.alert.alert-outline-warning {
    border:1px solid #ff9f43;
    background-color:transparent;
    color:#ff9f43!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#fff;
    color:#ff9f43
}
.alert.alert-outline-danger {
    border:1px solid #ef4d56;
    background-color:transparent;
    color:#ef4d56!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#fff;
    color:#ef4d56
}
.alert.alert-outline-light {
    border:1px solid #fafbfb;
    background-color:transparent;
    color:#fafbfb!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#fff;
    color:#fafbfb
}
.alert.alert-outline-dark {
    border:1px solid #000444;
    background-color:transparent;
    color:#000444!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#2b37ff;
    color:#000444
}
.alert.alert-outline-pink {
    border:1px solid #fd3c97;
    background-color:transparent;
    color:#fd3c97!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#fff;
    color:#fd3c97
}
.alert.alert-outline-purple {
    border:1px solid #6d81f5;
    background-color:transparent;
    color:#6d81f5!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#fff;
    color:#6d81f5
}
.alert.alert-outline-blue {
    border:1px solid var(--theme-primary);
    background-color:transparent;
    color:var(--theme-primary)!important
}
.alert.alert-soft-success {
    border:none;
    background-color:#adcdfa;
    color:var(--theme-primary)
}
.uppy-DragDrop-container {
    background-color:#fff
}
.uppy-Dashboard-inner {
    background-color:#fff;
    border:1px solid #e8ebf3
}
[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
    border:1px dashed #e8ebf3
}
.uppy-Dashboard-AddFiles-title {
    color:#000444
}
.uppy-DragDrop-container:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.uppy-DragDrop--isDragDropSupported {
    border:2px dashed #eaf0f9
}
.uppy-DragDrop-label {
    color:#000444
}
.modal-demo {
    background-color:#fff;
    width:600px;
    border-radius:4px;
    display:none;
    position:relative
}
.modal-demo .close {
    position:absolute;
    top:15px;
    right:25px;
    color:#f1f5fa
}
.modal-content {
    background-color:#fff
}
.modal-content .modal-header {
    background-color:var(--theme-primary)
}
.modal-content .modal-header .modal-title {
    color:#fff;
    -ms-flex-item-align:center;
    align-self:center;
    font-weight:500;
    margin-top:0;
    font-family:var(--font-family);
    font-size:14px
}
.modal-content .modal-footer {
    border-top:1px solid #eaf0f9
}
.modal-content .modal-footer > * {
    margin:0 0 0 .25rem
}
.modal-content .modal-body p, .modal-content h4 {
    color:#7081b9
}
.modal-content .modal-title.custom-title {
    color:#fff
}
#custom-modal .close {
    color:#435177
}
.custom-modal-title {
    padding:15px 25px 15px 25px;
    line-height:22px;
    font-size:18px;
    background-color:#f1f5fa;
    color:#435177;
    text-align:left;
    margin:0
}
.custom-modal-text {
    padding:20px;
    color:#8997bd
}
.custombox-modal-flash .close, .custombox-modal-rotatedown .close {
    top:20px;
    z-index:9999
}
#session-timeout-dialog .modal-header {
    display:inline-block
}
.modal.modal-rightbar {
    position:fixed;
    margin:auto;
    right:0;
    left:auto;
    height:100%;
    padding-right:0!important
}
.modal.modal-rightbar .modal-content {
    height:100vh;
    overflow-y:auto;
    border:none;
    border-radius:0
}
.modal.modal-rightbar .modal-body {
    padding:15px;
    overflow-x:hidden
}
.modal.modal-rightbar .modal-dialog {
    width:320px;
    right:-320px;
    margin:0 0 0 auto
}
.modal.modal-rightbar.show .modal-dialog {
    right:0;
    -webkit-transition:left .3s ease, right .3s ease;
    transition:left .3s ease, right .3s ease
}
.form-switch-primary .form-check-input:checked {
    background-color:var(--theme-primary);
    border-color:var(--theme-primary)
}
.form-switch-secondary .form-check-input:checked {
    background-color:#7081b9;
    border-color:#7081b9
}
.form-switch-success .form-check-input:checked {
    background-color:#22b783;
    border-color:#22b783
}
.form-switch-info .form-check-input:checked {
    background-color:#41cbd8;
    border-color:#41cbd8
}
.form-switch-warning .form-check-input:checked {
    background-color:#ff9f43;
    border-color:#ff9f43
}
.form-switch-danger .form-check-input:checked {
    background-color:#ef4d56;
    border-color:#ef4d56
}
.form-switch-light .form-check-input:checked {
    background-color:#fafbfb;
    border-color:#fafbfb
}
.form-switch-dark .form-check-input:checked {
    background-color:#000444;
    border-color:#000444
}
.form-switch-pink .form-check-input:checked {
    background-color:#fd3c97;
    border-color:#fd3c97
}
.form-switch-purple .form-check-input:checked {
    background-color:#6d81f5;
    border-color:#6d81f5
}
.form-switch-blue .form-check-input:checked {
    background-color:var(--theme-primary);
    border-color:var(--theme-primary)
}
.selectr-options-container, .selectr-selected {
    border-color:#e8ebf3!important;
    background-color:#fff
}
.selectr-tag-input {
    background-color:#fff
}
.selectr-option.selected {
    background-color:#f1f5fa
}
.selectr-input {
    border-color:#eceff5!important
}
.selectr-container.open .selectr-selected {
    border-color:#e8ebf3 #e8ebf3 transparent;
    border-radius:3px 3px 0 0
}
.selectr-tag {
    background:var(--theme-primary);
    border-radius:3px
}
.selectr-tag-remove::after, .selectr-tag-remove::before {
    width:1px
}
.datepicker.active {
    display:inline-block;
    border:1px solid #eceff5;
    border-radius:4px
}
.datepicker-dropdown.datepicker-orient-top {
    padding-bottom:0
}
.datepicker-header .datepicker-controls .button {
    font-weight:500
}
.datepicker-controls .button {
    font-size:15px;
    border:1px solid #eceff5;
    background-color:#fff;
    color:#303e67
}
.datepicker-view .dow {
    font-weight:500;
    font-size:12px
}
.datepicker-picker {
    background-color:#fff
}
.datepicker-picker span {
    border-radius:25px
}
.datepicker-cell.focused:not(.selected), .datepicker-cell:not(.disabled):hover {
    background-color:#fff
}
.example__complete {
    display:none;
    margin-left:5px
}
.example__complete::after {
    content:"✔"
}
#form-validation-2 small {
    display:none;
    color:#ef4d56
}
#form-validation-2 small.error {
    display:block
}
.form-control.error {
    border-color:#ef4d56
}
.form-control.success {
    border-color:#22b783
}
.form-wizard-wrapper label {
    font-size:13px;
    text-align:right
}
.wizard > .content > .body input {
    border:1px solid #e8ebf3;
    -webkit-transition:border-color 0s ease-out;
    transition:border-color 0s ease-out
}
.wizard > .content > .body input:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:var(--theme-primary)
}
.wizard.vertical > .steps {
    width:auto
}
.wizard > .steps > ul > li {
    width:auto;
    margin-bottom:10px
}
.wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
    margin:3px;
    padding:0;
    border-radius:50px
}
.wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover {
    background:linear-gradient(14deg, var(--theme-primary) 0, rgba(11, 81, 183, .6));
    color:#fff;
    padding:2px 20px 2px 2px;
    -webkit-box-shadow:0 3px 10px 0 rgba(11, 81, 183, .4);
    box-shadow:0 3px 10px 0 rgba(11, 81, 183, .4)
}
.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 {
    background-color:rgba(11, 81, 183, .1);
    color:var(--theme-primary);
    padding:0 20px 0 0;
    -webkit-box-shadow:0 0 0 2.25px rgba(11, 81, 183, .5);
    box-shadow:0 0 0 2.25px rgba(11, 81, 183, .5)
}
.wizard > .steps .current a .number, .wizard > .steps .current a:active .number, .wizard > .steps .current a:hover .number {
    border:2px solid #fff
}
.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 {
    border-color:var(--theme-primary)
}
.wizard > .content {
    background-color:transparent;
    margin:0 5px;
    border-radius:0;
    min-height:150px
}
#form-horizontal fieldset {
    margin-top:20px
}
.wizard > .content > .body {
    width:100%;
    height:100%;
    padding:15px 0 0;
    position:static
}
.wizard > .steps .number {
    font-size:16px;
    padding:5px;
    border-radius:50%;
    border:2px solid #fff;
    width:38px;
    display:inline-block;
    font-weight:600;
    text-align:center;
    margin-right:10px;
    background-color:rgba(11, 81, 183, .15)
}
.wizard.vertical > .actions, .wizard > .actions {
    margin-top:20px
}
.wizard > .actions .disabled a, .wizard > .actions .disabled a:active, .wizard > .actions .disabled a:hover {
    opacity:.65;
    background:linear-gradient(14deg, var(--theme-primary) 0, rgba(11, 81, 183, .6));
    color:#fff;
    cursor:not-allowed
}
.wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
    background:linear-gradient(14deg, var(--theme-primary) 0, rgba(11, 81, 183, .6));
    border-radius:4px;
    padding:8px 15px
}
@media(max-width:768px) {
    .wizard > .steps > ul > li {
        width:50%
    }
    .form-wizard-wrapper label {
        text-align:left
    }
}
@media(max-width:520px) {
    .wizard > .steps > ul > li {
        width:100%
    }
}
.mce-panel {
    border:1px solid #f1f5fa!important;
    background-color:#fff!important;
    color:#303e67!important
}
.mce-label {
    text-shadow:none!important;
    color:#8997bd!important
}
.mce-tinymce {
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.mce-btn {
    background:0 0!important
}
.mce-flow-layout, .mce-top-part::before {
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    background-color:#f1f5fa!important
}
.mce-caret {
    border-top:4px solid #303e67!important;
    opacity:.7!important
}
.mce-menubar .mce-caret {
    border-top-color:#303e67!important;
    opacity:.7!important
}
.mce-btn .mce-txt, .mce-ico, .mce-menubar .mce-menubtn button span {
    color:#303e67!important
}
.mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button {
    opacity:.7!important
}
.mce-menu-item.mce-disabled, .mce-menu-item.mce-disabled:hover, .mce-menu-item:focus, .mce-menu-item:hover {
    background:#fafbfb!important
}
.nav.nav-tabs .nav-item.show, .nav.nav-tabs .nav-link {
    color:#303e67
}
.nav.nav-tabs .nav-item.show.active, .nav.nav-tabs .nav-item.show:focus, .nav.nav-tabs .nav-link.active, .nav.nav-tabs .nav-link:focus {
    color:var(--theme-primary);
    background-color:#fff;
    border-color:transparent transparent var(--theme-primary)
}
.nav.nav-tabs .nav-item.show.active:hover, .nav.nav-tabs .nav-link.active:hover {
    border-color:transparent transparent var(--theme-primary)
}
.nav.nav-tabs .nav-item.show:hover, .nav.nav-tabs .nav-link:hover {
    border-color:transparent transparent #eceff5
}
.nav.nav-tabs .nav-item.show .nav-link {
    color:var(--theme-primary);
    background-color:#fff
}
.nav.nav-pills {
    background-color:#fafbfb
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#fafbfb
}
.nav-tabs-custom .nav.nav-tabs {
    border-bottom:none;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.nav-tabs-custom .nav.nav-tabs .nav-item {
    border:2px solid #f1f5fa;
    border-radius:4px;
    margin-right:5px
}
.nav-tabs-custom .nav.nav-tabs .nav-link {
    border-radius:3px;
    padding:10px 14px
}
.nav-tabs-custom .nav.nav-tabs .nav-link.active {
    background-color:#fafbfb;
    border-color:transparent;
    color:var(--theme-primary)
}
.nav-tabs-custom .nav.nav-tabs .nav-link.active i {
    color:var(--theme-primary)
}
.nav-tabs-custom .nav.nav-tabs .nav-link i {
    font-size:24px;
    vertical-align:middle;
    color:#7081b9
}
.nav.nav-pills-custom.nav-pills .nav-item .nav-link {
    padding:4px 14px;
    font-size:.71rem;
    line-height:2;
    border:1px solid #eaf0f9;
    color:#7081b9
}
.nav.nav-pills-custom.nav-pills .nav-item .nav-link.active {
    color:#fff
}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background:var(--theme-primary);
    color:#fff
}
.eco-revene-history .nav .nav-item .nav-link.active {
    color:#000444;
    background-color:#fafbfb
}
.nav-border.nav.nav-pills {
    background-color:transparent;
    border-bottom:1px solid #eceff5;
    line-height:36px
}
.nav-border .nav-item {
    margin-bottom:-1px
}
.nav-border .nav-link {
    color:#303e67
}
.nav-border .nav-item.show .nav-link, .nav-border .nav-link.active {
    background:0 0;
    color:var(--theme-primary);
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    border-bottom:1px solid var(--theme-primary)
}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background:var(--theme-primary);
    color:#fff;
    border-radius:0
}
.spinner-border.spinner-border-custom-1 {
    border:5px double currentColor;
    border-right-color:transparent
}
.spinner-border.spinner-border-custom-2 {
    border:5px dotted currentColor;
    border-right-color:transparent
}
.spinner-border.spinner-border-custom-3 {
    border:5px groove currentColor;
    border-right-color:transparent
}
.spinner-border.spinner-border-custom-4 {
    border:5px dashed currentColor;
    border-right-color:transparent
}
.spinner-border.spinner-border-custom-5 {
    border:5px outset currentColor;
    border-right-color:transparent
}
[data-simplebar] {
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-line-pack:start;
    align-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.simplebar-wrapper {
    overflow:hidden;
    width:inherit;
    height:inherit;
    max-width:inherit;
    max-height:inherit
}
.simplebar-mask {
    direction:inherit;
    position:absolute;
    overflow:hidden;
    padding:0;
    margin:0;
    left:0;
    top:0;
    bottom:0;
    right:0;
    width:auto!important;
    height:auto!important;
    z-index:0
}
.simplebar-offset {
    direction:inherit!important;
    -webkit-box-sizing:inherit!important;
    box-sizing:inherit!important;
    resize:none!important;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding:0;
    margin:0;
    -webkit-overflow-scrolling:touch
}
.simplebar-content-wrapper {
    direction:inherit;
    -webkit-box-sizing:border-box!important;
    box-sizing:border-box!important;
    position:relative;
    display:block;
    height:100%;
    width:auto;
    visibility:visible;
    overflow:auto;
    max-width:100%;
    max-height:100%
}
.simplebar-content:after, .simplebar-content:before {
    content:" ";
    display:table
}
.simplebar-placeholder {
    max-height:100%;
    max-width:100%;
    width:100%;
    pointer-events:none
}
.simplebar-height-auto-observer-wrapper {
    -webkit-box-sizing:inherit!important;
    box-sizing:inherit!important;
    height:100%;
    width:100%;
    max-width:1px;
    position:relative;
    float:left;
    max-height:1px;
    overflow:hidden;
    z-index:-1;
    padding:0;
    margin:0;
    pointer-events:none;
    -webkit-box-flex:inherit;
    -ms-flex-positive:inherit;
    flex-grow:inherit;
    -ms-flex-negative:0;
    flex-shrink:0;
    -ms-flex-preferred-size:0;
    flex-basis:0
}
.simplebar-height-auto-observer {
    -webkit-box-sizing:inherit;
    box-sizing:inherit;
    display:block;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    height:1000%;
    width:1000%;
    min-height:1px;
    min-width:1px;
    overflow:hidden;
    pointer-events:none;
    z-index:-1
}
.simplebar-track {
    z-index:1;
    position:absolute;
    right:0;
    bottom:0;
    pointer-events:none;
    overflow:hidden
}
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events:all
}
.simplebar-scrollbar {
    position:absolute;
    right:2px;
    width:7px;
    min-height:10px
}
.simplebar-scrollbar:before {
    position:absolute;
    content:"";
    background:#d3d8e0;
    border-radius:7px;
    left:0;
    right:0;
    opacity:0;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear
}
.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
    opacity:.5;
    -webkit-transition:opacity 0s linear;
    transition:opacity 0s linear
}
.simplebar-track.simplebar-vertical {
    top:0;
    width:9px
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top:2px;
    bottom:2px
}
.simplebar-track.simplebar-horizontal {
    left:0;
    height:11px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height:100%;
    left:2px;
    right:2px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right:auto;
    left:0;
    top:2px;
    height:7px;
    min-height:0;
    min-width:10px;
    width:auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right:auto;
    left:0
}
.hs-dummy-scrollbar-size {
    direction:rtl;
    position:fixed;
    opacity:0;
    visibility:hidden;
    height:500px;
    width:500px;
    overflow-y:hidden;
    overflow-x:scroll
}
.jqstooltip {
    width:auto!important;
    height:auto!important;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    background-color:#fff!important;
    padding:5px 10px!important;
    border-radius:3px;
    border-color:#fff!important;
    display:inline-block!important;
    -webkit-box-shadow:0 -3px 31px 0 rgba(0, 0, 0, .05), 0 6px 20px 0 rgba(0, 0, 0, .02);
    box-shadow:0 -3px 31px 0 rgba(0, 0, 0, .05), 0 6px 20px 0 rgba(0, 0, 0, .02)
}
.jqsfield {
    font-size:12px!important;
    line-height:18px!important;
    color:#000444!important
}
.chart {
    position:relative;
    display:inline-block;
    width:110px;
    height:110px;
    margin-top:20px;
    margin-bottom:20px;
    text-align:center
}
.chart canvas {
    position:absolute;
    top:0;
    left:0
}
.chart.chart-widget-pie {
    margin-top:5px;
    margin-bottom:5px
}
.percent {
    display:inline-block;
    line-height:110px;
    z-index:2
}
.percent:after {
    content:"%";
    margin-left:.1em;
    font-size:.8em
}
.morris-chart text {
    font-family:var(--font-family)!important;
    color:#8997bd
}
.morris-hover.morris-default-style {
    border-radius:5px;
    padding:10px 12px;
    background:#fafbfb;
    border:none;
    font-family:var(--font-family);
    -webkit-box-shadow:0 5px 25px 5px rgba(0, 4, 68, .14);
    box-shadow:0 5px 25px 5px rgba(0, 4, 68, .14)
}
.morris-hover.morris-default-style .morris-hover-point {
    line-height:28px
}
.morris-hover.morris-default-style .morris-hover-row-label {
    background-color:var(--theme-primary);
    color:#fff;
    padding:4px 20px;
    border-radius:5px 5px 0 0;
    margin:-10px -12px 10px
}
#flotTip {
    padding:8px 12px;
    background-color:#fff;
    z-index:100;
    color:#000444;
    -webkit-box-shadow:0 5px 25px 5px rgba(0, 4, 68, .14);
    box-shadow:0 5px 25px 5px rgba(0, 4, 68, .14);
    border-radius:1px
}
.flot-chart .flot-x-axis .flot-tick-label, .flot-chart .flot-y-axis .flot-tick-label {
    -webkit-transform:translateY(2px);
    transform:translateY(2px);
    text-transform:uppercase;
    font-size:12px;
    font-weight:400;
    font-family:var(--font-family);
    letter-spacing:.5px;
    fill:#8997bd
}
.ct-golden-section:before {
    float:none
}
.ct-chart {
    height:300px
}
.ct-grid {
    stroke:rgba(0, 4, 68, .09);
    stroke-width:2px;
    stroke-dasharray:3px
}
.ct-chart .ct-label {
    fill:#7081b9;
    color:#7081b9;
    font-size:14px;
    line-height:1
}
.ct-chart.simple-pie-chart-chartist .ct-label {
    color:#fff;
    fill:#fff;
    font-size:16px
}
.ct-chart .ct-series.ct-series-a .ct-slice-donut, .ct-chart .ct-series.ct-series-b .ct-bar {
    stroke:#eaf0f9
}
.ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-point {
    stroke:#b6c2e4
}
.ct-chart .ct-series.ct-series-c .ct-slice-donut {
    stroke:#7081b9
}
.ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-b .ct-slice-donut {
    stroke:var(--theme-primary)
}
.ct-chart .ct-series.ct-series-c .ct-line, .ct-chart .ct-series.ct-series-c .ct-point {
    stroke:#ff9f43
}
.ct-chart .ct-series.ct-series-c .ct-bar {
    stroke:#fafbfb
}
.ct-chart .ct-series.ct-series-d .ct-bar, .ct-chart .ct-series.ct-series-d .ct-line, .ct-chart .ct-series.ct-series-d .ct-point, .ct-chart .ct-series.ct-series-e .ct-slice-donut {
    stroke:#22b783
}
.ct-chart .ct-series.ct-series-d .ct-slice-donut {
    stroke:#ff9f43
}
.ct-chart .ct-series.ct-series-e .ct-bar, .ct-chart .ct-series.ct-series-e .ct-line, .ct-chart .ct-series.ct-series-e .ct-point {
    stroke:#fd3c97
}
.ct-chart .ct-series.ct-series-f .ct-bar, .ct-chart .ct-series.ct-series-f .ct-line, .ct-chart .ct-series.ct-series-f .ct-point {
    stroke:#6d81f5
}
.ct-chart .ct-series.ct-series-g .ct-bar, .ct-chart .ct-series.ct-series-g .ct-line, .ct-chart .ct-series.ct-series-g .ct-point {
    stroke:#d7454d
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-pie {
    fill:var(--theme-primary)
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-pie {
    fill:#7081b9
}
.ct-series-c .ct-area, .ct-series-c .ct-slice-pie {
    fill:#eaf0f9
}
.chartist-tooltip {
    position:absolute;
    display:inline-block;
    opacity:0;
    min-width:10px;
    padding:2px 10px;
    border-radius:3px;
    -moz-border-radius:3px;
    background-clip:padding-box;
    background:#000444;
    color:#fff;
    text-align:center;
    pointer-events:none;
    z-index:1;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear
}
.chartist-tooltip.tooltip-show {
    opacity:1
}
#donut-chart #donut-chart-container .legend {
    position:relative;
    margin-right:-50px;
    top:-50px
}
.apexcharts-grid, .apexcharts-gridline, .apexcharts-gridline line, .apexcharts-gridlines-horizontal, .apexcharts-gridlines-vertical, .apexcharts-xaxis line, .apexcharts-xaxis-tick {
    pointer-events:none;
    stroke:#e8ecf1
}
.apexcharts-xaxis line {
    display:none
}
.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events, .apexcharts-radar-series line, .apexcharts-radar-series path, .apexcharts-radar-series polygon {
    pointer-events:none;
    stroke:#eaedf3
}
.apexcharts-legend-text {
    color:#8997bd!important;
    font-family:var(--font-family);
}
.apexcharts-pie-label {
    fill:#fff!important
}
.apexcharts-data-labels, .apexcharts-datalabels text, .apexcharts-xaxis text, .apexcharts-yaxis text {
    font-family:var(--font-family);;
    fill:#8997bd
}
.apexcharts-yaxis-annotation-label {
    color:#8997bd!important
}
.apexcharts-point-annotations text, .apexcharts-xaxis-annotations text, .apexcharts-yaxis-annotations text {
    fill:#fff
}
.britechart, .tick text {
    font-family:var(--font-family);
    font-size:.75rem
}
.extended-x-line, .extended-y-line, .horizontal-grid-line, .vertical-grid-line {
    stroke:#eaf0f9
}
.bar-chart .percentage-label, .donut-text, .legend-entry-name, .legend-entry-value, .tick text {
    fill:#8997bd
}
.apex-charts {
    min-height:10px!important
}
.apexcharts-tooltip-title {
    background:#fff!important;
    color:#000444;
    border-color:#fafbfb!important
}
.dash-apex-chart .apexcharts-toolbar {
    display:none!important
}
.apexcharts-tooltip {
    background:#fff!important;
    border-color:#eceff5!important;
    white-space:normal!important
}
.apexcharts-xaxistooltip {
    background-color:#fff!important;
    border-color:#fff!important;
    color:#000444!important
}
.apexcharts-xaxistooltip-top:after, .apexcharts-xaxistooltip-top:before {
    border-top-color:#fff!important
}
.apexcharts-xaxistooltip-bottom:after, .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color:#fff!important
}
.apexcharts-xaxistooltip:after, .apexcharts-xaxistooltip:before {
    border-color:#fff
}
.apexcharts-datalabel-label, .apexcharts-title-text {
    color:#303e67
}
.apexcharts-datalabel-value {
    color:#fafbfb
}
.apexcharts-legend-marker {
    margin-right:5px;
    vertical-align:middle
}
.apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-xaxis-label, .apexcharts-xaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-yaxis-label, .apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-xaxis-label, .apexcharts-xaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-yaxis-label, .apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-xaxis-label, .apexcharts-yaxis .apexcharts-xaxis-texts-g .apexcharts-text.apexcharts-yaxis-label, .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-xaxis-label, .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-text.apexcharts-yaxis-label {
    font-weight:500
}
.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label, .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
    fill:#8997bd;
    color:#8997bd
}
.superpose {
    color:#f1f5fa;
    height:350px;
    width:100%
}
.superpose .superclock {
    position:relative;
    width:300px;
    margin:auto
}
.superpose .superclock .superclock1 {
    position:absolute;
    left:10px;
    top:10px
}
.superpose .superclock .superclock2 {
    position:absolute;
    left:60px;
    top:60px
}
.superpose .superclock .superclock3 {
    position:absolute;
    left:110px;
    top:110px
}
.drop-shadow {
    -webkit-filter:drop-shadow(0 8px 4px #fafbfb);
    filter:drop-shadow(0 8px 4px #fafbfb)
}
.tui-chart .tui-chart-chartExportMenu-area {
    z-index:50
}
.noUi-target {
    background:#eaf0f9;
    border-radius:4px;
    border:1px solid #e8ebf3;
    -webkit-box-shadow:inset 0 1px 1px #fafbfb, 0 3px 6px -5px #eaf0f9;
    box-shadow:inset 0 1px 1px #fafbfb, 0 3px 6px -5px #eaf0f9
}
.noUi-horizontal .noUi-handle {
    width:16px;
    height:16px;
    right:-8px;
    top:-6px
}
.noUi-horizontal {
    height:7px
}
.noUi-handle {
    border:2px solid #e8ebf3;
    border-radius:50px;
    background:var(--theme-primary);
    -webkit-box-shadow:none;
    box-shadow:none
}
.noUi-handle:after, .noUi-handle:before {
    height:4px;
    width:1px;
    background:#fff;
    left:4px;
    top:4px
}
.noUi-handle:after {
    left:7px
}
.noUi-connect {
    background:#0a49a5
}
.noUi-vertical {
    width:7px
}
.noUi-vertical .noUi-handle {
    width:16px;
    height:16px;
    right:-5.5px;
    top:-10px
}
.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width:5px;
    height:1px;
    left:3px;
    top:7px
}
.noUi-vertical .noUi-handle:after {
    width:5px;
    height:1px;
    left:3px;
    top:4px
}
.noUi-marker {
    position:absolute;
    background:rgba(137, 151, 189, .2)
}
.noUi-marker-sub {
    background:rgba(137, 151, 189, .3)
}
.noUi-marker-large {
    background:rgba(137, 151, 189, .3)
}
.noUi-marker-horizontal.noUi-marker-large {
    height:12px
}
.example-val:before {
    content:"Value: "
}
.noUi-tooltip {
    display:none
}
.noUi-active .noUi-tooltip {
    display:block
}
.noUi-tooltip {
    border:1px solid #eceff5;
    background:#fdfdfd;
    color:#303e67;
    padding:2px 4px;
    font-size:10px
}
.swal2-popup {
    background:#fff
}
.swal2-popup .swal2-title {
    font-size:20px;
    font-weight:500;
    color:#303e67
}
.swal2-popup .swal2-content {
    color:#7081b9;
    font-size:15px
}
.swal2-popup.swal2-toast {
    background-color:#fff;
    -webkit-box-shadow:0 0 .625em #f1f5fa;
    box-shadow:0 0 .625em #f1f5fa
}
.swal2-popup.swal2-toast .swal2-title {
    line-height:0
}
.swal2-popup .swal2-styled {
    display:inline-block;
    font-weight:400;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:transparent;
    border:none;
    padding:.375rem .75rem;
    font-size:.8125rem;
    border-radius:.25rem
}
.swal2-popup .swal2-styled:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.swal2-popup .swal2-styled.swal2-confirm {
    font-size:.8125rem;
    background-color:#22b783
}
.swal2-popup .swal2-styled.swal2-confirm:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.swal2-popup .swal2-styled.swal2-deny {
    background-color:var(--theme-primary);
    font-size:.8125rem
}
.swal2-popup .swal2-styled.swal2-deny:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.swal2-popup .swal2-styled.swal2-cancel {
    font-size:.8125rem;
    background-color:#ef4d56
}
.swal2-popup .swal2-styled.swal2-cancel:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.swal2-html-container {
    color:#b6c2e4
}
.swal2-close:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.swal2-footer {
    border-top:1px solid #e8ebf3
}
.swal2-actions .btn-danger, .swal2-actions .btn-success {
    border:none
}
.swal2-actions .btn-danger:focus, .swal2-actions .btn-success:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.swal2-icon {
    width:3em;
    height:3em;
    margin:1em auto 1em
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top:22px;
    width:30px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left:9px
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right:9px
}
.swal2-icon .swal2-icon-content {
    font-size:40px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    width:40px;
    height:70px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top:-23px;
    left:-13px
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top:-12px;
    left:36px
}
.swal2-icon.swal2-success .swal2-success-fix {
    top:0;
    left:12px;
    width:6px;
    height:60px
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top:28px;
    left:6px;
    width:18px
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top:23px;
    right:4px;
    width:30px
}
@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54% {
        top:24px;
        left:4px;
        width:0
    }
    70% {
        top:27px;
        left:0;
        width:22px
    }
    84% {
        top:30px;
        left:8px;
        width:16px
    }
    100% {
        top:28px;
        left:6px;
        width:18px
    }
}
@keyframes swal2-animate-success-line-tip {
    0% {
        top:1.1875em;
        left:.0625em;
        width:0
    }
    54% {
        top:24px;
        left:4px;
        width:0
    }
    70% {
        top:27px;
        left:0;
        width:22px
    }
    84% {
        top:30px;
        left:8px;
        width:16px
    }
    100% {
        top:28px;
        left:6px;
        width:18px
    }
}
@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top:26px;
        right:10px;
        width:0
    }
    65% {
        top:26px;
        right:10px;
        width:0
    }
    84% {
        top:22px;
        right:0;
        width:34px
    }
    100% {
        top:23px;
        right:4px;
        width:30px
    }
}
@keyframes swal2-animate-success-line-long {
    0% {
        top:3.375em;
        right:2.875em;
        width:0
    }
    65% {
        top:40px;
        right:30px;
        width:0
    }
    84% {
        top:22px;
        right:0;
        width:34px
    }
    100% {
        top:23px;
        right:4px;
        width:30px
    }
}
@-webkit-keyframes passing-through {
    0% {
        opacity:0;
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@keyframes passing-through {
    0% {
        opacity:0;
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100% {
        opacity:0;
        -webkit-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@-webkit-keyframes slide-in {
    0% {
        opacity:0;
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
    30% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slide-in {
    0% {
        opacity:0;
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
    30% {
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10% {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    20% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10% {
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    20% {
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.dropzone, .dropzone * {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.dropzone {
    min-height:150px;
    border:2px solid rgba(0, 0, 0, .3);
    background:#fff;
    padding:20px 20px
}
.dropzone.dz-clickable {
    cursor:pointer
}
.dropzone.dz-clickable * {
    cursor:default
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor:pointer
}
.dropzone.dz-started .dz-message {
    display:none
}
.dropzone.dz-drag-hover {
    border-style:solid
}
.dropzone.dz-drag-hover .dz-message {
    opacity:.5
}
.dropzone .dz-message {
    text-align:center;
    margin:2em 0
}
.dropzone .dz-message .dz-button {
    background:0 0;
    color:inherit;
    border:none;
    padding:0;
    font:inherit;
    cursor:pointer;
    outline:inherit
}
.dropzone .dz-preview {
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:16px;
    min-height:100px
}
.dropzone .dz-preview:hover {
    z-index:1000
}
.dropzone .dz-preview:hover .dz-details {
    opacity:1
}
.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius:20px;
    background:#999;
    background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
    background:linear-gradient(to bottom, #eee, #ddd)
}
.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity:1
}
.dropzone .dz-preview.dz-image-preview {
    background:#fff
}
.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear
}
.dropzone .dz-preview .dz-remove {
    font-size:14px;
    text-align:center;
    display:block;
    cursor:pointer;
    border:none
}
.dropzone .dz-preview .dz-remove:hover {
    text-decoration:underline
}
.dropzone .dz-preview:hover .dz-details {
    opacity:1
}
.dropzone .dz-preview .dz-details {
    z-index:20;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    font-size:13px;
    min-width:100%;
    max-width:100%;
    padding:2em 1em;
    text-align:center;
    color:rgba(0, 0, 0, .9);
    line-height:150%
}
.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom:1em;
    font-size:16px
}
.dropzone .dz-preview .dz-details .dz-filename {
    white-space:nowrap
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border:1px solid rgba(200, 200, 200, .8);
    background-color:rgba(255, 255, 255, .8)
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow:hidden;
    text-overflow:ellipsis
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border:1px solid transparent
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color:rgba(255, 255, 255, .4);
    padding:0 .4em;
    border-radius:3px
}
.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05);
    -webkit-filter:blur(8px);
    filter:blur(8px)
}
.dropzone .dz-preview .dz-image {
    border-radius:20px;
    overflow:hidden;
    width:120px;
    height:120px;
    position:relative;
    display:block;
    z-index:10
}
.dropzone .dz-preview .dz-image img {
    display:block
}
.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation:passing-through 3s cubic-bezier(.77, 0, .175, 1);
    animation:passing-through 3s cubic-bezier(.77, 0, .175, 1)
}
.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity:1;
    -webkit-animation:slide-in 3s cubic-bezier(.77, 0, .175, 1);
    animation:slide-in 3s cubic-bezier(.77, 0, .175, 1)
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    pointer-events:none;
    opacity:0;
    z-index:500;
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    margin-left:-27px;
    margin-top:-27px
}
.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
    display:block;
    width:54px;
    height:54px
}
.dropzone .dz-preview.dz-processing .dz-progress {
    opacity:1;
    -webkit-transition:all .2s linear;
    transition:all .2s linear
}
.dropzone .dz-preview.dz-complete .dz-progress {
    opacity:0;
    -webkit-transition:opacity .4s ease-in;
    transition:opacity .4s ease-in
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation:pulse 6s ease infinite;
    animation:pulse 6s ease infinite
}
.dropzone .dz-preview .dz-progress {
    opacity:1;
    z-index:1000;
    pointer-events:none;
    position:absolute;
    height:16px;
    left:50%;
    top:50%;
    margin-top:-8px;
    width:80px;
    margin-left:-40px;
    background:rgba(255, 255, 255, .9);
    -webkit-transform:scale(1);
    border-radius:8px;
    overflow:hidden
}
.dropzone .dz-preview .dz-progress .dz-upload {
    background:#333;
    background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
    background:linear-gradient(to bottom, #666, #444);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:0;
    -webkit-transition:width .3s ease-in-out;
    transition:width .3s ease-in-out
}
.dropzone .dz-preview.dz-error .dz-error-message {
    display:block
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity:1;
    pointer-events:auto
}
.dropzone .dz-preview .dz-error-message {
    pointer-events:none;
    z-index:1000;
    position:absolute;
    display:block;
    display:none;
    opacity:0;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    border-radius:8px;
    font-size:13px;
    top:130px;
    left:-10px;
    width:140px;
    background:#be2626;
    background:-webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));
    background:linear-gradient(to bottom, #be2626, #a92222);
    padding:.5em 1.2em;
    color:#fff
}
.dropzone .dz-preview .dz-error-message:after {
    content:"";
    position:absolute;
    top:-6px;
    left:64px;
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #be2626
}
.gmaps {
    height:300px;
    background:#fafbfb;
    border-radius:3px
}
.overlay {
    display:block;
    text-align:center;
    color:#fff;
    font-size:14px;
    line-height:20px;
    background:var(--theme-primary);
    border-radius:4px;
    padding:5px 15px
}
.overlay_arrow {
    left:50%;
    margin-left:-16px;
    width:0;
    height:0;
    position:absolute
}
.overlay_arrow.above {
    bottom:-9px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid var(--theme-primary)
}
.overlay_arrow.below {
    top:-9px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid var(--theme-primary)
}
.svgMap-map-wrapper {
    position:relative;
    width:100%;
    padding-top:50%;
    overflow:hidden;
    background:#fafbfb
}
.fc-event {
    border-radius:2px;
    border:none;
    cursor:move;
    font-size:13px;
    margin:5px;
    padding:7px 5px;
    text-align:center;
    background-color:rgba(11, 81, 183, .18);
    color:var(--theme-primary)
}
.fc .fc-header-toolbar.fc-toolbar .fc-toolbar-chunk h2 {
    font-size:16px;
    text-transform:uppercase
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom:1rem
}
.fc .fc-col-header-cell-cushion {
    padding:10px 0
}
.fc .fc-button {
    font-size:.8125rem
}
.fc .fc-button-primary {
    background:0 0;
    border:1px solid #eceff5;
    color:#7081b9;
    text-transform:capitalize;
    text-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.fc .fc-button-primary:hover {
    background:var(--theme-primary);
    color:#fff;
    border-color:#fff
}
.fc .fc-button-primary.active, .fc .fc-button-primary:active, .fc .fc-button-primary:focus {
    text-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none
}
.fc .fc-button-primary:disabled {
    background:rgba(11, 81, 183, .1);
    color:var(--theme-primary);
    border-color:#fff;
    opacity:1
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background:var(--theme-primary);
    color:#fff;
    border-color:#fff
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
    -webkit-box-shadow:none;
    box-shadow:none
}
.fc-license-message {
    display:none
}
.fc-theme-standard .fc-scrollgrid, .fc-theme-standard td, .fc-theme-standard th {
    border:1px solid #eceff5
}
.fc-day-other {
    background-image:linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #f1f5fa 75%, transparent 75%, transparent);
    background-size:10px 10px
}
.fc-h-event .fc-event-main {
    color:#8997bd
}
.litepicker {
    -webkit-box-shadow:none;
    box-shadow:none;
    font-family:var(--font-family);
    background-color:#fff;
    border:1px solid #eceff5;
    z-index:99;
    width:100%;
    font-size:.8125rem
}
.litepicker .container__main {
    width:100%
}
.litepicker .container__main .month-item {
    width:100%
}
.litepicker .container__months {
    width:100%;
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:#fff
}
.litepicker .container__months .month-item-weekdays-row > div {
    font-size:12px;
    font-weight:500;
    color:#000444
}
.litepicker .container__months .month-item-header div > .month-item-name, .litepicker .container__months .month-item-header div > .month-item-year {
    color:#000444
}
.litepicker .container__days > a, .litepicker .container__days > div {
    width:14.2857142857%;
    padding:12px 0
}
.litepicker .container__days .day-item {
    font-size:12px;
    color:#303e67;
    -webkit-transition:none;
    transition:none
}
.litepicker .container__days .day-item.is-today {
    background-color:rgba(11, 81, 183, .08);
    color:var(--theme-primary)
}
.litepicker .container__days .day-item:hover {
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:rgba(11, 81, 183, .08);
    color:var(--theme-primary)
}
label.btn {
    margin-bottom:0
}
.d-flex > .btn {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.carbonads {
    border:1px solid #ccc;
    border-radius:.25rem;
    font-size:.875rem;
    overflow:hidden;
    padding:1rem
}
.carbon-wrap {
    overflow:hidden
}
.carbon-img {
    clear:left;
    display:block;
    float:left
}
.carbon-poweredby, .carbon-text {
    display:block;
    margin-left:140px
}
.carbon-text, .carbon-text:focus, .carbon-text:hover {
    color:#fff;
    text-decoration:none
}
.carbon-poweredby, .carbon-poweredby:focus, .carbon-poweredby:hover {
    color:#ddd;
    text-decoration:none
}
@media(min-width:768px) {
    .carbonads {
        float:right;
        margin-bottom:-1rem;
        margin-top:-1rem;
        max-width:360px
    }
}
.footer {
    font-size:.875rem
}
.heart {
    color:#ddd;
    display:block;
    height:2rem;
    line-height:2rem;
    margin-bottom:0;
    margin-top:1rem;
    position:relative;
    text-align:center;
    width:100%
}
.heart:hover {
    color:#ff4136
}
.heart::before {
    border-top:1px solid #eee;
    content:" ";
    display:block;
    height:0;
    left:0;
    position:absolute;
    right:0;
    top:50%
}
.heart::after {
    background-color:#fff;
    content:"♥";
    padding-left:.5rem;
    padding-right:.5rem;
    position:relative;
    z-index:1
}
.docs-demo {
    margin-bottom:1rem;
    overflow:hidden;
    padding:2px
}
.img-container, .img-preview {
    background-color:#f7f7f7;
    text-align:center;
    width:100%
}
.img-container {
    max-height:497px;
    min-height:200px
}
@media(min-width:768px) {
    .img-container {
        min-height:497px
    }
}
.img-container > img {
    max-width:100%
}
.docs-preview {
    margin-right:-1rem
}
.img-preview {
    float:left;
    margin-bottom:.5rem;
    margin-right:.5rem;
    overflow:hidden
}
.img-preview > img {
    max-width:100%
}
.preview-lg {
    height:9rem;
    width:16rem
}
.preview-md {
    height:4.5rem;
    width:8rem
}
.preview-sm {
    height:2.25rem;
    width:4rem
}
.preview-xs {
    height:1.125rem;
    margin-right:0;
    width:2rem
}
.docs-data > .input-group {
    margin-bottom:.5rem
}
.docs-data .input-group-prepend .input-group-text {
    min-width:4rem
}
.docs-data .input-group-append .input-group-text {
    min-width:3rem
}
.docs-buttons > .btn, .docs-buttons > .btn-group, .docs-buttons > .form-control {
    margin-bottom:.5rem;
    margin-right:.25rem
}
.docs-toggles > .btn, .docs-toggles > .btn-group, .docs-toggles > .dropdown {
    margin-bottom:.5rem
}
.docs-tooltip {
    display:block;
    margin:-.5rem -.75rem;
    padding:.5rem .75rem
}
.docs-tooltip > .icon {
    margin:0 -.25rem;
    vertical-align:top
}
.tooltip-inner {
    white-space:normal
}
.btn-toggle .tooltip-inner, .btn-upload .tooltip-inner {
    white-space:nowrap
}
.btn-toggle {
    padding:.5rem
}
.btn-toggle > .docs-tooltip {
    margin:-.5rem;
    padding:.5rem
}
@media(max-width:400px) {
    .btn-group-crop {
        margin-right:-1rem!important
    }
    .btn-group-crop > .btn {
        padding-left:.5rem;
        padding-right:.5rem
    }
    .btn-group-crop .docs-tooltip {
        margin-left:-.5rem;
        margin-right:-.5rem;
        padding-left:.5rem;
        padding-right:.5rem
    }
}
.docs-options .dropdown-menu {
    width:100%
}
.docs-options .dropdown-menu > li {
    font-size:.875rem;
    padding:.125rem 1rem
}
.docs-options .dropdown-menu .form-check-label {
    display:block
}
.docs-cropped .modal-body {
    text-align:center
}
.docs-cropped .modal-body > canvas, .docs-cropped .modal-body > img {
    max-width:100%
}
.scroll-rightbar {
    max-height:500px
}
.icon-dual {
    color:#a1acb8;
    fill:rgba(161, 172, 184, .12)
}
.icon-sm {
    height:22px;
    width:22px
}
.icon-md {
    height:26px;
    width:26px
}
.icon-lg {
    height:32px;
    width:32px
}
hr.hr-dashed {
    margin-top:1rem;
    margin-bottom:1rem;
    border:0;
    border-top:1px dashed #e8ebf3;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    background-color:transparent;
    overflow:visible
}
.thumb-xxs {
    height:24px!important;
    width:24px!important;
    font-size:10px;
    font-weight:700
}
.thumb-xs {
    height:32px!important;
    width:32px!important;
    font-size:12px;
    font-weight:700
}
.thumb-sm {
    height:36px!important;
    width:36px!important;
    font-size:14px;
    font-weight:700
}
.thumb-md {
    height:48px;
    width:48px;
    font-size:18px;
    font-weight:700
}
.thumb-lg {
    height:60px;
    width:60px;
    font-size:24px;
    font-weight:700
}
.thumb-xl {
    height:78px;
    width:78px;
    font-size:32px;
    font-weight:700
}
.badge {
    line-height:10px
}
.header-title, .title-text {
    margin-bottom:8px;
    text-transform:capitalize;
    letter-spacing:.02em;
    font-size:15px;
    font-weight:500;
    margin-top:0;
    color:#303e67;
    text-shadow:0 0 1px rgba(241, 245, 250, .1);
    font-family:var(--font-family);
}
.page-title-box {
    padding:16px 0
}
.page-title-box .page-title {
    font-size:18px;
    margin:0;
    color:#303e67
}
.page-title-box .breadcrumb {
    font-size:13px;
    margin-bottom:0;
    padding:2px 0;
    background-color:transparent
}
.dual-border:after {
    content:"";
    height:3px;
    width:80px;
    position:absolute;
    top:20px;
    left:0;
    border:1px dotted var(--theme-primary);
    border-radius:63px
}
.dash-info-carousel .carousel-item h2 {
    font-weight:500;
    color:#303e67;
    font-size:16px
}
.dash-info-carousel .carousel-control-next, .dash-info-carousel .carousel-control-prev {
    width:30px;
    height:30px;
    background-color:#fafbfb;
    border-radius:50%;
    opacity:1
}
.dash-info-carousel .carousel-control-next:hover, .dash-info-carousel .carousel-control-prev:hover {
    opacity:.9
}
.dash-info-carousel .carousel-control-prev {
    left:auto;
    right:38px;
    top:0;
    border:1px solid #eceff5
}
.dash-info-carousel .carousel-control-prev .carousel-control-prev-icon {
    background-image:none
}
.dash-info-carousel .carousel-control-prev:after {
    content:"\f104";
    font-family:"Line Awesome Free";
    font-weight:900;
    font-size:.875rem;
    color:#303e67;
    line-height:1.875rem;
    position:absolute
}
.dash-info-carousel .carousel-control-next {
    left:auto;
    right:0;
    top:0;
    border:1px solid #eceff5
}
.dash-info-carousel .carousel-control-next .carousel-control-next-icon {
    background-image:none;
    width:0
}
.dash-info-carousel .carousel-control-next:after {
    content:"\f105";
    font-family:"Line Awesome Free";
    font-weight:900;
    font-size:.875rem;
    color:#303e67;
    line-height:1.875rem
}
:not(pre) > code[class*=language-], pre[class*=language-] {
    background:#fafbfb
}
.popover {
    border-color:#eaf0f9
}
.popover .popover-header {
    margin-top:0;
    background-color:#f1f5fa
}
.eco-revene-history .nav .nav-item .nav-link.active {
    color:#000444;
    background-color:#fafbfb
}
.icon-demo-content {
    text-align:center
}
.icon-demo-content i {
    display:block;
    font-size:30px;
    margin:0 auto 5px;
    color:#7081b9
}
.icon-demo-content svg {
    display:block;
    font-size:30px;
    margin:0 auto 5px;
    color:#7081b9
}
.icon-demo-content .col-sm-6 {
    margin-bottom:40px
}
.icon-demo-content .col-sm-6:hover i {
    color:var(--theme-primary)
}
.icon-demo-content .col-sm-6:hover path:nth-of-type(1) {
    fill:var(--theme-primary)
}
.icon-demo-content .col-sm-6:hover path:nth-of-type(2) {
    fill:#7081b9
}
.icon-xs {
    width:15px;
    height:15px
}
.icon-sm {
    width:22px;
    height:22px
}
.icon-md {
    width:30px;
    height:30px
}
.icon-lg {
    width:36px;
    height:36px
}
.icon-xl {
    width:42px;
    height:42px
}
.br-theme-bars-square .br-widget a {
    background-color:#fff
}
.br-theme-css-stars .br-widget a:after, .br-theme-fontawesome-stars .br-widget a:after, .br-theme-fontawesome-stars-o .br-widget a:after {
    color:#eaf0f9
}
code[class*=language-], pre[class*=language-] {
    text-shadow:none;
    color:#303e67
}
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
    color:#fff;
    background:var(--theme-primary)
}
.icon-demo-content.emoji-icons i {
    display:block;
    font-size:18px;
    margin:0 auto 8px
}
.lightpick {
    -webkit-box-shadow:none;
    box-shadow:none;
    font-family:var(--font-family);
    background-color:#fff;
    border:1px solid #eceff5;
    z-index:99
}
.lightpick.lightpick--inlined {
    display:block
}
.lightpick .lightpick__month {
    width:100%;
    background-color:#fff
}
.lightpick .lightpick__day {
    color:#8997bd
}
.lightpick .lightpick__close-action, .lightpick .lightpick__next-action, .lightpick .lightpick__previous-action {
    background-color:#f1f5fa;
    padding-bottom:4px
}
.lightpick .lightpick__month-title-bar {
    margin-bottom:22px
}
.lightpick .lightpick__month-title-bar .lightpick__month-title > .lightpick__select-months {
    color:#303e67;
    font-weight:500
}
.lightpick .lightpick__day-of-the-week {
    color:#303e67;
    font-weight:500;
    font-size:13px
}
.lightpick .lightpick__day.is-end-date, .lightpick .lightpick__day.is-end-date:hover, .lightpick .lightpick__day.is-start-date, .lightpick .lightpick__day.is-start-date:hover, .lightpick .lightpick__day.is-today, .lightpick .lightpick__day:not(.is-disabled):hover {
    color:var(--theme-primary);
    background-color:#f1f5fa;
    background-image:none;
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:40px;
    height:40px;
    text-align:center;
    border-radius:50%;
    margin:0 auto
}
.lightpick .lightpick__day.is-today {
    border:3px solid #fafbfb;
    -webkit-box-shadow:0 0 0 1.25px #f1f5fa;
    box-shadow:0 0 0 1.25px #f1f5fa;
    font-weight:600
}
.lightpick .lightpick__month-title > .lightpick__select {
    color:#303e67
}
.lightpick .lightpick__toolbar .lightpick__next-action, .lightpick .lightpick__toolbar .lightpick__previous-action {
    color:#303e67
}
.task-box .task-priority-icon i {
    border:5px solid #fafbfb;
    border-radius:50%;
    position:absolute;
    top:-5px;
    left:-5px
}
.lang-css .pln, .lang-css .pun {
    color:#000444
}
.starability-basic, .starability-checkmark, .starability-fade, .starability-grow, .starability-growRotate, .starability-slot {
    min-height:auto
}
.tox-notifications-container {
    display:none
}
.preview-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:auto
}
.preview-box .preview-content {
    width:auto;
    height:50px;
    max-width:100%;
    border-radius:5px
}
div.hopscotch-bubble {
    background-color:#fff;
    color:#000444;
    border:1px solid #eceff5
}
div.hopscotch-bubble h3 {
    color:#000444
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom:17px solid #fff
}
.folder-icon div.listree-submenu-heading.collapsed:before {
    content:"\f07b";
    font-family:"Font Awesome 5 Free"
}
.folder-icon div.listree-submenu-heading.expanded:before {
    content:"\f07c";
    font-family:"Font Awesome 5 Free"
}
.tobii-zoom__icon {
    display:none
}
.tobii-zoom {
    display:block!important
}
.analytic-dash-activity {
    height:345px
}
.border-b {
    border-bottom:1px solid #eceff5
}
.border-e {
    border-right:1px solid #eceff5;
    border-bottom:none
}
@media(min-width:767.99px) and(max-width:991.98px) {
    .border-bo {
        border-bottom:1px solid #eceff5
    }
}
@media(max-width:767.98px) {
    .border-b {
        border-bottom:1px solid #eceff5;
        border-right:none
    }
}
.tabulator-row .tabulator-cell div[data-max="100"] {
    background-color:rgba(11, 81, 183, .5)!important;
    height:3px!important
}
.timeline-custom {
    position:relative;
    border-left:1px dashed #eceff5
}
.timeline-custom .time-item {
    position:relative;
    padding:8px 0
}
.time-item-item:before, .time-item:before {
    display:table;
    content:" "
}
.time-item:before {
    position:absolute;
    bottom:0;
    left:4px;
    top:12px;
    width:8px;
    height:8px;
    margin-left:-8px;
    background-color:var(--theme-primary);
    border-radius:10px;
    content:""
}
.item-info {
    margin-left:15px
}
.country-reports {
    position:absolute
}
.country-reports .country-data {
    position:relative;
    z-index:10
}
.country-reports .country-data:before {
    position:absolute;
    content:"";
    width:14px;
    height:14px;
    background:#fff;
    left:50%;
    bottom:-6px;
    -webkit-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
    z-index:-1;
    border:1px solid #eceff5
}
.country-reports.country-ind {
    top:43%;
    right:24%
}
.country-reports.country-usa {
    top:29%;
    left:18%
}
.text-slider {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.text-slider > ul {
    white-space:nowrap
}
.text-slider .move-text {
    -webkit-animation:moveSlideshow 12s linear infinite;
    animation:moveSlideshow 12s linear infinite
}
@-webkit-keyframes moveSlideshow {
    100% {
        -webkit-transform:translateX(-45%);
        transform:translateX(-45%)
    }
}
@keyframes moveSlideshow {
    100% {
        -webkit-transform:translateX(-45%);
        transform:translateX(-45%)
    }
}
.text-slider .mover {
    -webkit-animation:mover 1s infinite alternate;
    animation:mover 1s infinite alternate
}
@-webkit-keyframes mover {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100% {
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
@keyframes mover {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100% {
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
.socials a i {
    width:28px;
    height:28px;
    line-height:28px;
    text-align:center;
    border-radius:50%;
    border:1px solid #eaf0f9;
    color:#7081b9;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.socials a:hover i.fa-facebook-f {
    color:var(--theme-primary);
    border:1px solid
}
.socials a:hover i.fa-twitter {
    color:#41cbd8;
    border:1px solid
}
.socials a:hover i.fa-medium-m {
    color:#ef4d56;
    border:1px solid
}
.socials a:hover i.fa-telegram {
    color:#22b783;
    border:1px solid
}
.socials a:hover i.fa-btc {
    color:#ff9f43;
    border:1px solid
}
.cart-promo {
    padding:90px;
    background-image:url(../images/products/bg-cart.png);
    background-position:center center;
    background-size:cover
}
.total-payment {
    border:1px solid #eceff5;
    background-color:#fafbfb;
    border-radius:3px
}
.shopping-cart .table tbody td, .total-payment .table tbody td {
    padding:20px 10px;
    border-top:0;
    border-bottom:1px solid #eceff5
}
.checkout-accordion .accordion-button::after {
    display:none
}
ul.listree-submenu-items {
    border-left:1px dashed #e8ebf3
}
html[dir=rtl] .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
html[dir=rtl] .left-sidebar .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg)
}
.tobii__btn svg {
    height:30px;
    width:auto
}
.tobii__counter {
    font-size:16px
}
.tobii-zoom {
    display:block!important
}
.tobii-zoom__icon {
    display:none
}
#grid {
    padding:0!important
}
.bg-black {
    background-color:#000!important;
    color:#fff
}
.bg-card {
    background-color:#fff!important
}
.bg-light-alt {
    background-color:#fbfbfb!important
}
.bg-soft-primary {
    background-color:rgba(11, 81, 183, .08)!important;
    color:var(--theme-primary)!important
}
.bg-soft-primary:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important
}
.bg-soft-primary.not-hover:hover {
    background-color:rgba(11, 81, 183, .08)!important;
    color:var(--theme-primary)!important
}
.icon-dual-primary {
    color:var(--theme-primary);
    fill:rgba(11, 81, 183, .25)
}
.shadow-primary {
    -webkit-box-shadow:0 6px 20px 0 rgba(11, 81, 183, .5)!important;
    box-shadow:0 6px 20px 0 rgba(11, 81, 183, .5)!important
}
.bg-soft-secondary {
    background-color:rgba(112, 129, 185, .08)!important;
    color:#7081b9!important
}
.bg-soft-secondary:hover {
    background-color:#7081b9!important;
    color:#fff!important
}
.bg-soft-secondary.not-hover:hover {
    background-color:rgba(112, 129, 185, .08)!important;
    color:#7081b9!important
}
.icon-dual-secondary {
    color:#7081b9;
    fill:rgba(112, 129, 185, .25)
}
.shadow-secondary {
    -webkit-box-shadow:0 6px 20px 0 rgba(112, 129, 185, .5)!important;
    box-shadow:0 6px 20px 0 rgba(112, 129, 185, .5)!important
}
.bg-soft-success {
    background-color:rgba(34, 183, 131, .08)!important;
    color:#22b783!important
}
.bg-soft-success:hover {
    background-color:#22b783!important;
    color:#fff!important
}
.bg-soft-success.not-hover:hover {
    background-color:rgba(34, 183, 131, .08)!important;
    color:#22b783!important
}
.icon-dual-success {
    color:#22b783;
    fill:rgba(34, 183, 131, .25)
}
.shadow-success {
    -webkit-box-shadow:0 6px 20px 0 rgba(34, 183, 131, .5)!important;
    box-shadow:0 6px 20px 0 rgba(34, 183, 131, .5)!important
}
.bg-soft-info {
    background-color:rgba(65, 203, 216, .08)!important;
    color:#41cbd8!important
}
.bg-soft-info:hover {
    background-color:#41cbd8!important;
    color:#fff!important
}
.bg-soft-info.not-hover:hover {
    background-color:rgba(65, 203, 216, .08)!important;
    color:#41cbd8!important
}
.icon-dual-info {
    color:#41cbd8;
    fill:rgba(65, 203, 216, .25)
}
.shadow-info {
    -webkit-box-shadow:0 6px 20px 0 rgba(65, 203, 216, .5)!important;
    box-shadow:0 6px 20px 0 rgba(65, 203, 216, .5)!important
}
.bg-soft-warning {
    background-color:rgba(255, 159, 67, .08)!important;
    color:#ff9f43!important
}
.bg-soft-warning:hover {
    background-color:#ff9f43!important;
    color:#fff!important
}
.bg-soft-warning.not-hover:hover {
    background-color:rgba(255, 159, 67, .08)!important;
    color:#ff9f43!important
}
.icon-dual-warning {
    color:#ff9f43;
    fill:rgba(255, 159, 67, .25)
}
.shadow-warning {
    -webkit-box-shadow:0 6px 20px 0 rgba(255, 159, 67, .5)!important;
    box-shadow:0 6px 20px 0 rgba(255, 159, 67, .5)!important
}
.bg-soft-danger {
    background-color:rgba(239, 77, 86, .08)!important;
    color:#ef4d56!important
}
.bg-soft-danger:hover {
    background-color:#ef4d56!important;
    color:#fff!important
}
.bg-soft-danger.not-hover:hover {
    background-color:rgba(239, 77, 86, .08)!important;
    color:#ef4d56!important
}
.icon-dual-danger {
    color:#ef4d56;
    fill:rgba(239, 77, 86, .25)
}
.shadow-danger {
    -webkit-box-shadow:0 6px 20px 0 rgba(239, 77, 86, .5)!important;
    box-shadow:0 6px 20px 0 rgba(239, 77, 86, .5)!important
}
.bg-soft-light {
    background-color:rgba(250, 251, 251, .08)!important;
    color:#fafbfb!important
}
.bg-soft-light:hover {
    background-color:#fafbfb!important;
    color:#fff!important
}
.bg-soft-light.not-hover:hover {
    background-color:rgba(250, 251, 251, .08)!important;
    color:#fafbfb!important
}
.icon-dual-light {
    color:#fafbfb;
    fill:rgba(250, 251, 251, .25)
}
.shadow-light {
    -webkit-box-shadow:0 6px 20px 0 rgba(250, 251, 251, .5)!important;
    box-shadow:0 6px 20px 0 rgba(250, 251, 251, .5)!important
}
.bg-soft-dark {
    background-color:rgba(0, 4, 68, .08)!important;
    color:#000444!important
}
.bg-soft-dark:hover {
    background-color:#000444!important;
    color:#fff!important
}
.bg-soft-dark.not-hover:hover {
    background-color:rgba(0, 4, 68, .08)!important;
    color:#000444!important
}
.icon-dual-dark {
    color:#000444;
    fill:rgba(0, 4, 68, .25)
}
.shadow-dark {
    -webkit-box-shadow:0 6px 20px 0 rgba(0, 4, 68, .5)!important;
    box-shadow:0 6px 20px 0 rgba(0, 4, 68, .5)!important
}
.bg-soft-pink {
    background-color:rgba(253, 60, 151, .08)!important;
    color:#fd3c97!important
}
.bg-soft-pink:hover {
    background-color:#fd3c97!important;
    color:#fff!important
}
.bg-soft-pink.not-hover:hover {
    background-color:rgba(253, 60, 151, .08)!important;
    color:#fd3c97!important
}
.icon-dual-pink {
    color:#fd3c97;
    fill:rgba(253, 60, 151, .25)
}
.shadow-pink {
    -webkit-box-shadow:0 6px 20px 0 rgba(253, 60, 151, .5)!important;
    box-shadow:0 6px 20px 0 rgba(253, 60, 151, .5)!important
}
.bg-soft-purple {
    background-color:rgba(109, 129, 245, .08)!important;
    color:#6d81f5!important
}
.bg-soft-purple:hover {
    background-color:#6d81f5!important;
    color:#fff!important
}
.bg-soft-purple.not-hover:hover {
    background-color:rgba(109, 129, 245, .08)!important;
    color:#6d81f5!important
}
.icon-dual-purple {
    color:#6d81f5;
    fill:rgba(109, 129, 245, .25)
}
.shadow-purple {
    -webkit-box-shadow:0 6px 20px 0 rgba(109, 129, 245, .5)!important;
    box-shadow:0 6px 20px 0 rgba(109, 129, 245, .5)!important
}
.bg-soft-blue {
    background-color:rgba(11, 81, 183, .08)!important;
    color:var(--theme-primary)!important
}
.bg-soft-blue:hover {
    background-color:var(--theme-primary)!important;
    color:#fff!important
}
.bg-soft-blue.not-hover:hover {
    background-color:rgba(11, 81, 183, .08)!important;
    color:var(--theme-primary)!important
}
.icon-dual-blue {
    color:var(--theme-primary);
    fill:rgba(11, 81, 183, .25)
}
.shadow-blue {
    -webkit-box-shadow:0 6px 20px 0 rgba(11, 81, 183, .5)!important;
    box-shadow:0 6px 20px 0 rgba(11, 81, 183, .5)!important
}
.icon-dual-2 {
    color:#7081b9;
    fill:rgba(112, 129, 185, .25)
}
.avatar-box {
    position:relative;
    display:inline-block
}
.avatar-box .avatar-title {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    height:100%;
    color:#fafbfb;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.avatar-md {
    height:36px;
    width:36px;
    line-height:36px;
    text-align:center;
    border-radius:50%;
    font-size:18px;
    display:inline-block
}
.img-group .avatar-badge {
    position:absolute;
    right:1px;
    width:8px;
    height:8px;
    border-radius:8px;
    -webkit-box-shadow:0 0 0 2px #fff;
    box-shadow:0 0 0 2px #fff;
    z-index:2
}
.img-group .user-avatar {
    position:relative;
    display:inline-block
}
.img-group .user-avatar:focus, .img-group .user-avatar:hover {
    z-index:2
}
.img-group .user-avatar .online {
    background:#22b783
}
.img-group .user-avatar .offline {
    background:#b6c2e4
}
.img-group .user-avatar img {
    -webkit-box-shadow:0 0 0 2px #fafbfb;
    box-shadow:0 0 0 2px #fafbfb
}
.files-nav .nav .nav-link {
    padding:10px;
    color:#303e67;
    margin-bottom:10px;
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.files-nav .nav .nav-link .icon-dual-file {
    color:#8997bd;
    fill:rgba(137, 151, 189, .12)
}
.files-nav .nav .nav-link h5 {
    color:#303e67;
    font-size:13px;
    font-weight:500
}
.files-nav .nav .nav-link small {
    color:#8997bd;
    font-size:10px
}
.files-nav .nav .nav-link.active {
    background-color:rgba(137, 151, 189, .08);
    color:#303e67
}
.files-nav .nav .nav-link.active .icon-dual-file {
    color:var(--theme-primary);
    fill:rgba(11, 81, 183, .12)
}
.file-box-content {
    margin-bottom:-16px
}
.file-box-content .file-box {
    border:1px solid #eceff5;
    border-radius:5px;
    padding:20px;
    width:160px;
    display:inline-block;
    margin-right:5px;
    margin-bottom:16px;
    background-color:#fff
}
.file-box-content .file-box .download-icon-link {
    color:#7081b9
}
.file-box-content .file-box .download-icon-link .file-download-icon {
    font-size:13px;
    position:relative;
    top:-10px;
    left:110px
}
.file-box-content .file-box .download-icon-link:hover {
    color:var(--theme-primary)
}
.file-box-content .file-box i {
    font-size:36px
}
.file-category {
    width:100%
}
.file-category .file-category-block {
    text-align:center;
    margin-right:20px
}
.file-category .file-category-block .file-category-folder {
    border-bottom:2px solid transparent;
    padding:10px 20px!important;
    border-radius:18px
}
.file-category .file-category-block .file-category-folder.active {
    border-bottom:2px solid
}
.file-category .file-category-block .file-category-folder i {
    display:block;
    font-size:38px
}
.category-icon i {
    font-size:200px;
    color:#fafbfb
}
input.add-file-input {
    position:absolute;
    opacity:0;
    right:0;
    top:0
}
.ribbon1 {
    position:absolute;
    top:-6.1px;
    right:10px
}
.ribbon1:after {
    position:absolute;
    content:"";
    width:0;
    height:0;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    border-top:10px solid
}
.ribbon1 span {
    display:block;
    padding:6px 4px 0;
    border-top-right-radius:6px;
    width:60px;
    font-size:11px;
    font-weight:500
}
.ribbon1 span:after, .ribbon1 span:before {
    position:absolute;
    content:""
}
.ribbon1 span:before {
    height:6px;
    width:4px;
    left:-4px;
    top:0
}
.ribbon1 span:after {
    height:6px;
    width:6px;
    left:-6px;
    top:0;
    border-radius:8px 8px 0 0
}
.ribbon1 span.rib1-primary, .ribbon1 span:before {
    background:var(--theme-primary)
}
.ribbon1 span.rib1-primary:after {
    background:#07316f
}
.ribbon1 span.rib1-secondary, .ribbon1 span:before {
    background:#7081b9
}
.ribbon1 span.rib1-secondary:after {
    background:#485a94
}
.ribbon1 span.rib1-success, .ribbon1 span:before {
    background:#22b783
}
.ribbon1 span.rib1-success:after {
    background:#167655
}
.ribbon1 span.rib1-info, .ribbon1 span:before {
    background:#41cbd8
}
.ribbon1 span.rib1-info:after {
    background:#239eaa
}
.ribbon1 span.rib1-warning, .ribbon1 span:before {
    background:#ff9f43
}
.ribbon1 span.rib1-warning:after {
    background:#f67800
}
.ribbon1 span.rib1-danger, .ribbon1 span:before {
    background:#ef4d56
}
.ribbon1 span.rib1-danger:after {
    background:#dc141f
}
.ribbon1 span.rib1-light, .ribbon1 span:before {
    background:#fafbfb
}
.ribbon1 span.rib1-light:after {
    background:#d0d9d9
}
.ribbon1 span.rib1-dark, .ribbon1 span:before {
    background:#000444
}
.ribbon1 span.rib1-dark:after {
    background:#000
}
.ribbon1 span.rib1-pink, .ribbon1 span:before {
    background:#fd3c97
}
.ribbon1 span.rib1-pink:after {
    background:#ea0270
}
.ribbon1 span.rib1-purple, .ribbon1 span:before {
    background:#6d81f5
}
.ribbon1 span.rib1-purple:after {
    background:#2543f0
}
.ribbon1 span.rib1-blue, .ribbon1 span:before {
    background:var(--theme-primary)
}
.ribbon1 span.rib1-blue:after {
    background:#07316f
}
.ribbon1.rib1-primary:after {
    border-top-color:var(--theme-primary)
}
.ribbon1.rib1-secondary:after {
    border-top-color:#7081b9
}
.ribbon1.rib1-success:after {
    border-top-color:#22b783
}
.ribbon1.rib1-info:after {
    border-top-color:#41cbd8
}
.ribbon1.rib1-warning:after {
    border-top-color:#ff9f43
}
.ribbon1.rib1-danger:after {
    border-top-color:#ef4d56
}
.ribbon1.rib1-light:after {
    border-top-color:#fafbfb
}
.ribbon1.rib1-dark:after {
    border-top-color:#000444
}
.ribbon1.rib1-pink:after {
    border-top-color:#fd3c97
}
.ribbon1.rib1-purple:after {
    border-top-color:#6d81f5
}
.ribbon1.rib1-blue:after {
    border-top-color:var(--theme-primary)
}
.ribbon2 {
    width:30px;
    padding:8px 0;
    position:absolute;
    top:-6px;
    right:12px;
    text-align:center;
    border-top-left-radius:3px
}
.ribbon2:after, .ribbon2:before {
    content:"";
    position:absolute
}
.ribbon2:before {
    height:0;
    width:0;
    right:-5.5px;
    top:.1px;
    border-right:6px solid transparent
}
.ribbon2:after {
    height:0;
    width:0;
    bottom:-18px;
    left:0;
    border-bottom:18px solid transparent
}
.ribbon2.rib2-primary {
    background:var(--theme-primary)
}
.ribbon2.rib2-primary:before {
    border-bottom:6px solid #07316f
}
.ribbon2.rib2-primary:after {
    border-left:15px solid var(--theme-primary);
    border-right:15px solid var(--theme-primary)
}
.ribbon2.rib2-secondary {
    background:#7081b9
}
.ribbon2.rib2-secondary:before {
    border-bottom:6px solid #485a94
}
.ribbon2.rib2-secondary:after {
    border-left:15px solid #7081b9;
    border-right:15px solid #7081b9
}
.ribbon2.rib2-success {
    background:#22b783
}
.ribbon2.rib2-success:before {
    border-bottom:6px solid #167655
}
.ribbon2.rib2-success:after {
    border-left:15px solid #22b783;
    border-right:15px solid #22b783
}
.ribbon2.rib2-info {
    background:#41cbd8
}
.ribbon2.rib2-info:before {
    border-bottom:6px solid #239eaa
}
.ribbon2.rib2-info:after {
    border-left:15px solid #41cbd8;
    border-right:15px solid #41cbd8
}
.ribbon2.rib2-warning {
    background:#ff9f43
}
.ribbon2.rib2-warning:before {
    border-bottom:6px solid #f67800
}
.ribbon2.rib2-warning:after {
    border-left:15px solid #ff9f43;
    border-right:15px solid #ff9f43
}
.ribbon2.rib2-danger {
    background:#ef4d56
}
.ribbon2.rib2-danger:before {
    border-bottom:6px solid #dc141f
}
.ribbon2.rib2-danger:after {
    border-left:15px solid #ef4d56;
    border-right:15px solid #ef4d56
}
.ribbon2.rib2-light {
    background:#fafbfb
}
.ribbon2.rib2-light:before {
    border-bottom:6px solid #d0d9d9
}
.ribbon2.rib2-light:after {
    border-left:15px solid #fafbfb;
    border-right:15px solid #fafbfb
}
.ribbon2.rib2-dark {
    background:#000444
}
.ribbon2.rib2-dark:before {
    border-bottom:6px solid #000
}
.ribbon2.rib2-dark:after {
    border-left:15px solid #000444;
    border-right:15px solid #000444
}
.ribbon2.rib2-pink {
    background:#fd3c97
}
.ribbon2.rib2-pink:before {
    border-bottom:6px solid #ea0270
}
.ribbon2.rib2-pink:after {
    border-left:15px solid #fd3c97;
    border-right:15px solid #fd3c97
}
.ribbon2.rib2-purple {
    background:#6d81f5
}
.ribbon2.rib2-purple:before {
    border-bottom:6px solid #2543f0
}
.ribbon2.rib2-purple:after {
    border-left:15px solid #6d81f5;
    border-right:15px solid #6d81f5
}
.ribbon2.rib2-blue {
    background:var(--theme-primary)
}
.ribbon2.rib2-blue:before {
    border-bottom:6px solid #07316f
}
.ribbon2.rib2-blue:after {
    border-left:15px solid var(--theme-primary);
    border-right:15px solid var(--theme-primary)
}
.ribbon3 {
    text-align:center;
    width:70px;
    height:26px;
    line-height:26px;
    padding-right:12px;
    position:absolute;
    right:-8px;
    top:10px;
    font-size:11px;
    font-weight:500
}
.ribbon3:after, .ribbon3:before {
    content:"";
    position:absolute
}
.ribbon3:before {
    height:0;
    width:0;
    bottom:-8.5px;
    right:.1px;
    border-right:9px solid transparent
}
.ribbon3:after {
    height:0;
    width:0;
    left:-14.5px;
    border-bottom:13px solid transparent;
    border-top:13px solid transparent
}
.ribbon3.rib3-primary {
    background:var(--theme-primary)
}
.ribbon3.rib3-primary:before {
    border-top:9px solid #07316f
}
.ribbon3.rib3-primary:after {
    border-right:15px solid var(--theme-primary)
}
.ribbon3.rib3-secondary {
    background:#7081b9
}
.ribbon3.rib3-secondary:before {
    border-top:9px solid #485a94
}
.ribbon3.rib3-secondary:after {
    border-right:15px solid #7081b9
}
.ribbon3.rib3-success {
    background:#22b783
}
.ribbon3.rib3-success:before {
    border-top:9px solid #167655
}
.ribbon3.rib3-success:after {
    border-right:15px solid #22b783
}
.ribbon3.rib3-info {
    background:#41cbd8
}
.ribbon3.rib3-info:before {
    border-top:9px solid #239eaa
}
.ribbon3.rib3-info:after {
    border-right:15px solid #41cbd8
}
.ribbon3.rib3-warning {
    background:#ff9f43
}
.ribbon3.rib3-warning:before {
    border-top:9px solid #f67800
}
.ribbon3.rib3-warning:after {
    border-right:15px solid #ff9f43
}
.ribbon3.rib3-danger {
    background:#ef4d56
}
.ribbon3.rib3-danger:before {
    border-top:9px solid #dc141f
}
.ribbon3.rib3-danger:after {
    border-right:15px solid #ef4d56
}
.ribbon3.rib3-light {
    background:#fafbfb
}
.ribbon3.rib3-light:before {
    border-top:9px solid #d0d9d9
}
.ribbon3.rib3-light:after {
    border-right:15px solid #fafbfb
}
.ribbon3.rib3-dark {
    background:#000444
}
.ribbon3.rib3-dark:before {
    border-top:9px solid #000
}
.ribbon3.rib3-dark:after {
    border-right:15px solid #000444
}
.ribbon3.rib3-pink {
    background:#fd3c97
}
.ribbon3.rib3-pink:before {
    border-top:9px solid #ea0270
}
.ribbon3.rib3-pink:after {
    border-right:15px solid #fd3c97
}
.ribbon3.rib3-purple {
    background:#6d81f5
}
.ribbon3.rib3-purple:before {
    border-top:9px solid #2543f0
}
.ribbon3.rib3-purple:after {
    border-right:15px solid #6d81f5
}
.ribbon3.rib3-blue {
    background:var(--theme-primary)
}
.ribbon3.rib3-blue:before {
    border-top:9px solid #07316f
}
.ribbon3.rib3-blue:after {
    border-right:15px solid var(--theme-primary)
}
.ribbon4 {
    width:100%;
    height:188px;
    position:absolute;
    top:-8px;
    left:8px;
    overflow:hidden
}
.ribbon4:after, .ribbon4:before {
    content:"";
    position:absolute
}
.ribbon4:before {
    width:40px;
    height:8px;
    right:44px;
    border-radius:8px 8px 0 0
}
.ribbon4:after {
    width:8px;
    height:40px;
    right:0;
    top:44px;
    border-radius:0 8px 8px 0
}
.ribbon4.rib4-primary:after, .ribbon4.rib4-primary:before {
    background:#083c87
}
.ribbon4.rib4-secondary:after, .ribbon4.rib4-secondary:before {
    background:#5164a5
}
.ribbon4.rib4-success:after, .ribbon4.rib4-success:before {
    background:#1a8c64
}
.ribbon4.rib4-info:after, .ribbon4.rib4-info:before {
    background:#27b2bf
}
.ribbon4.rib4-warning:after, .ribbon4.rib4-warning:before {
    background:#ff8510
}
.ribbon4.rib4-danger:after, .ribbon4.rib4-danger:before {
    background:#eb1e2a
}
.ribbon4.rib4-light:after, .ribbon4.rib4-light:before {
    background:#dee4e4
}
.ribbon4.rib4-dark:after, .ribbon4.rib4-dark:before {
    background:#000111
}
.ribbon4.rib4-pink:after, .ribbon4.rib4-pink:before {
    background:#fc0a7c
}
.ribbon4.rib4-purple:after, .ribbon4.rib4-purple:before {
    background:#3d58f2
}
.ribbon4.rib4-blue:after, .ribbon4.rib4-blue:before {
    background:#083c87
}
.ribbon4 .ribbon4-band {
    width:170px;
    height:20px;
    line-height:20px;
    position:absolute;
    top:16px;
    right:-50px;
    z-index:2;
    overflow:hidden;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    border:1px dashed;
    text-align:center;
    font-size:11px;
    font-weight:500
}
.ribbon4 .ribbon4-band.ribbon4-band-primary {
    -webkit-box-shadow:0 0 0 3px var(--theme-primary), 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px var(--theme-primary), 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:var(--theme-primary)
}
.ribbon4 .ribbon4-band.ribbon4-band-secondary {
    -webkit-box-shadow:0 0 0 3px #7081b9, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #7081b9, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#7081b9
}
.ribbon4 .ribbon4-band.ribbon4-band-success {
    -webkit-box-shadow:0 0 0 3px #22b783, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #22b783, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#22b783
}
.ribbon4 .ribbon4-band.ribbon4-band-info {
    -webkit-box-shadow:0 0 0 3px #41cbd8, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #41cbd8, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#41cbd8
}
.ribbon4 .ribbon4-band.ribbon4-band-warning {
    -webkit-box-shadow:0 0 0 3px #ff9f43, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #ff9f43, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#ff9f43
}
.ribbon4 .ribbon4-band.ribbon4-band-danger {
    -webkit-box-shadow:0 0 0 3px #ef4d56, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #ef4d56, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#ef4d56
}
.ribbon4 .ribbon4-band.ribbon4-band-light {
    -webkit-box-shadow:0 0 0 3px #fafbfb, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #fafbfb, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#fafbfb
}
.ribbon4 .ribbon4-band.ribbon4-band-dark {
    -webkit-box-shadow:0 0 0 3px #000444, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #000444, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#000444
}
.ribbon4 .ribbon4-band.ribbon4-band-pink {
    -webkit-box-shadow:0 0 0 3px #fd3c97, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #fd3c97, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#fd3c97
}
.ribbon4 .ribbon4-band.ribbon4-band-purple {
    -webkit-box-shadow:0 0 0 3px #6d81f5, 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px #6d81f5, 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:#6d81f5
}
.ribbon4 .ribbon4-band.ribbon4-band-blue {
    -webkit-box-shadow:0 0 0 3px var(--theme-primary), 0 21px 5px -18px rgba(48, 62, 103, .6);
    box-shadow:0 0 0 3px var(--theme-primary), 0 21px 5px -18px rgba(48, 62, 103, .6);
    background:var(--theme-primary)
}
.pricingTable1 .title1 {
    color:#303e67;
    font-size:18px;
    font-weight:600;
    text-transform:capitalize
}
.pricingTable1 .amount {
    display:block;
    position:relative;
    font-size:30px;
    font-weight:700;
    font-family:var(--font-family);
    color:#303e67
}
.pricingTable1 .amount.amount-border::after {
    content:"";
    position:absolute;
    height:6px;
    background-color:rgba(255, 159, 67, .6);
    top:28px;
    width:100%;
    right:0;
    border-radius:30px;
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg)
}
.pricingTable1 .pricing-content-2 {
    margin:0
}
.pricingTable1 .pricing-content-2 li {
    color:#303e67;
    line-height:40px
}
.pricingTable1 .pricing-content-2 li::before {
    content:"\f00c"!important;
    font-family:"Font Awesome 5 Free"!important;
    font-weight:600;
    font-size:9px;
    text-align:center;
    background-color:rgba(109, 129, 245, .1);
    color:#6d81f5!important;
    width:20px;
    height:20px;
    line-height:20px;
    display:inline-block;
    border-radius:50%;
    margin-right:5px
}
.pricingTable1 .a-animate-blink {
    -webkit-animation:a-animate-blink 1s step-start 0s infinite;
    animation:a-animate-blink 1s step-start 0s infinite;
    -webkit-animation-fill-mode:initial;
    animation-fill-mode:initial
}
@-webkit-keyframes a-animate-blink {
    50% {
        opacity:0
    }
}
@keyframes a-animate-blink {
    50% {
        opacity:0
    }
}
.activity-scroll {
    min-height:620px
}
.activity-height {
    height:400px!important
}
.activity .activity-info {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:5px 0;
    position:relative;
    min-height:60px
}
.activity .activity-info::before {
    content:"";
    position:absolute;
    bottom:0;
    top:42px;
    left:18px;
    border-left:2px dotted #e8ebf3
}
.activity .activity-info .icon-info-activity i {
    width:36px;
    height:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:50%;
    color:#7081b9;
    -webkit-box-shadow:0 0 1px .25px;
    box-shadow:0 0 1px .25px;
    font-size:18px;
    border:2px solid #fff;
    margin-left:2px
}
.activity .activity-info .activity-info-text {
    margin-left:16px;
    width:100%
}
.activity .activity-info .activity-info-text a, .activity .activity-info .activity-info-text span {
    color:#303e67
}
.main-timeline {
    overflow:hidden;
    position:relative
}
.main-timeline:before {
    content:"";
    width:3px;
    height:100%;
    background:#fafbfb;
    position:absolute;
    top:0;
    left:50%
}
.main-timeline .timeline {
    padding-right:30px;
    position:relative
}
.main-timeline .timeline:after, .main-timeline .timeline:before {
    content:"";
    display:block;
    width:100%;
    clear:both
}
.main-timeline .timeline:first-child:before, .main-timeline .timeline:last-child:before {
    content:"";
    width:13px;
    height:13px;
    border-radius:50%;
    border:2px solid #fafbfb;
    background:#fff;
    margin:0 auto;
    position:absolute;
    top:0;
    left:0;
    right:-3px
}
.main-timeline .timeline:last-child:before {
    top:auto;
    bottom:0
}
.main-timeline .timeline-icon {
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    border:2px solid #fafbfb;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:-4px
}
.main-timeline .timeline-icon:before {
    content:"";
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#41cbd8;
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.main-timeline .year {
    display:inline-block;
    padding:8px 20px;
    margin:0;
    font-size:14px;
    color:#fff;
    background:#41cbd8;
    text-align:center;
    position:absolute;
    top:50%;
    right:35%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.main-timeline .year:before {
    content:"";
    border-right:18px solid #41cbd8;
    border-top:18px solid transparent;
    border-bottom:18px solid transparent;
    position:absolute;
    top:0;
    left:-18px
}
.main-timeline .timeline-content {
    width:46.5%;
    padding:20px;
    margin:0 20px 0 0;
    background:#fafbfb;
    position:relative
}
.main-timeline .timeline-content:after {
    content:"";
    border-left:20px solid #fafbfb;
    border-top:20px solid transparent;
    border-bottom:20px solid transparent;
    position:absolute;
    top:50%;
    right:-20px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.main-timeline .title {
    float:left;
    font-size:14px;
    font-weight:500;
    color:#435177;
    margin:0 20px 20px 0
}
.main-timeline .post {
    display:inline-block;
    font-size:13px;
    color:#303e67
}
.main-timeline .description {
    font-size:14px;
    color:#303e67;
    line-height:24px;
    margin:0;
    clear:both
}
.main-timeline .timeline:nth-child(2n) {
    padding:0 0 0 30px
}
.main-timeline .timeline:nth-child(2n) .year {
    right:auto;
    left:35%
}
.main-timeline .timeline:nth-child(2n) .year:before {
    border:18px solid transparent;
    border-right:none;
    border-left:18px solid #41cbd8;
    left:auto;
    right:-18px
}
.main-timeline .timeline:nth-child(2n) .timeline-content {
    float:right;
    margin:0 0 0 20px
}
.main-timeline .timeline:nth-child(2n) .timeline-content:after {
    border-left:none;
    border-right:20px solid #fafbfb;
    right:auto;
    left:-20px
}
@media only screen and(max-width:1200px) {
    .main-timeline .year {
        right:30%
    }
    .main-timeline .timeline:nth-child(2n) .year {
        left:30%
    }
}
@media only screen and(max-width:990px) {
    .main-timeline .year {
        right:25%
    }
    .main-timeline .timeline:nth-child(2n) .year {
        left:25%
    }
}
@media only screen and(max-width:767px) {
    .main-timeline:before {
        left:10px
    }
    .main-timeline .timeline {
        padding:0 0 0 30px;
        margin-bottom:20px
    }
    .main-timeline .timeline:last-child {
        margin-bottom:0
    }
    .main-timeline .timeline:first-child:before, .main-timeline .timeline:last-child:before {
        display:none
    }
    .main-timeline .timeline-icon {
        margin:0;
        position:absolute;
        top:7px;
        left:0
    }
    .main-timeline .timeline:nth-child(2n) .year, .main-timeline .year {
        display:block;
        font-weight:700;
        margin:0 0 32px 30px;
        z-index:1;
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        -webkit-transform:none;
        transform:none
    }
    .main-timeline .timeline:nth-child(2n) .year:before {
        border-left:none;
        border-right:18px solid #41cbd8;
        right:auto;
        left:-18px
    }
    .main-timeline .timeline-content {
        padding:20px
    }
    .main-timeline .timeline-content, .main-timeline .timeline:nth-child(2n) .timeline-content {
        width:auto;
        float:none;
        margin:0 0 0 30px
    }
    .main-timeline .timeline-content:after, .main-timeline .timeline:nth-child(2n) .timeline-content:after {
        border:none;
        border-bottom:20px solid #fafbfb;
        border-left:20px solid transparent;
        border-right:20px solid transparent;
        top:-20px;
        left:50%;
        right:auto;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }
}
@media only screen and(max-width:480px) {
    .main-timeline .title {
        float:none;
        margin:0
    }
    .main-timeline .timeline:nth-child(2n) .year, .main-timeline .year {
        margin-left:20px
    }
    .main-timeline .timeline-content, .main-timeline .timeline:nth-child(2n) .timeline-content {
        margin-left:10px
    }
    .main-timeline .post {
        margin:5px 0
    }
}
.met-pro-bg {
    background-repeat:repeat
}
.met-profile .met-profile-main {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.met-profile .met-profile-main .met-profile-main-pic {
    position:relative;
    max-width:128px;
    max-height:128px;
    margin-right:24px
}
.met-profile .met-profile-main .met-profile-main-pic .met-profile_main-pic-change {
    cursor:pointer;
    background-color:var(--theme-primary);
    border-radius:50%;
    width:32px;
    height:32px;
    position:absolute;
    bottom:4px;
    right:4px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-shadow:0 0 20px 0 rgba(250, 251, 251, .05);
    box-shadow:0 0 20px 0 rgba(250, 251, 251, .05);
    border:3px solid #fff
}
.met-profile .met-profile-main .met-profile-main-pic .met-profile_main-pic-change i {
    -webkit-transition:all .3s;
    transition:all .3s;
    color:#fff;
    font-size:14px
}
.met-profile .met-profile-main .met-profile_user-detail .met-user-name {
    font-size:24px;
    font-weight:600;
    margin-bottom:6px
}
.met-profile .met-profile-main .met-profile_user-detail .met-user-name-post {
    color:#7081b9;
    font-size:14px
}
.education-activity {
    min-height:400px
}
.met-basic-detail h3 {
    font-size:34px;
    font-weight:600;
    margin-bottom:18px
}
.met-basic-detail p {
    line-height:22px
}
.own-detail {
    padding:20px;
    width:145px;
    height:145px;
    text-align:center;
    border-radius:52% 48% 23% 77%/44% 68% 32% 56%;
    -webkit-box-shadow:0 0 3px 1.25px #eaf0f9;
    box-shadow:0 0 3px 1.25px #eaf0f9
}
.own-detail h1 {
    font-weight:600;
    color:#fff;
    margin-top:0
}
.own-detail h5 {
    color:#f2f2f2
}
.own-detail.own-detail-project {
    position:absolute;
    top:110px;
    left:-60px
}
.own-detail.own-detail-happy {
    position:absolute;
    top:110px;
    left:60px
}
@media(max-width:767px) {
    .own-detail {
        display:none
    }
    #settings_detail .dropify-wrapper {
        width:100%!important
    }
}
#settings_detail .dropify-wrapper {
    width:16%;
    height:164px;
    margin-bottom:30px
}
.profile-nav .nav .nav-link {
    padding:10px;
    color:#303e67;
    margin-bottom:10px;
    font-weight:500
}
.profile-nav .nav .nav-link.active {
    background-color:rgba(11, 81, 183, .05);
    color:var(--theme-primary)
}
.profile-card .profile-socials a i {
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:50%
}
.profile-card .pro-title {
    font-size:18px;
    font-weight:600;
    color:#303e67;
    margin-bottom:5px
}
.profile-card .socials-data h3 {
    color:#303e67;
    font-family:var(--font-family);
    font-size:18px
}
.skill-detail {
    color:#7081b9;
    font-family:var(--font-family);
    font-size:14px
}
.skills .skill-box {
    margin-bottom:30px
}
.skills .skill-box:last-of-type {
    margin-bottom:0
}
.skills .skill-box .skill-title {
    margin-bottom:10px;
    color:#303e67;
    text-transform:uppercase;
    font-size:13px;
    font-weight:600
}
.skills .skill-box .progress-line {
    background:#fafbfb;
    height:7px;
    margin:0;
    position:relative;
    border:2px solid #fff;
    width:100%;
    border-radius:10px;
    -webkit-box-shadow:0 0 1px .25px var(--theme-primary);
    box-shadow:0 0 1px .25px var(--theme-primary)
}
.skills .skill-box .progress-line > span {
    position:absolute;
    display:block;
    top:0;
    left:0;
    height:100%;
    width:0;
    background:var(--theme-primary)
}
.skills .skill-box .progress-line > span > .percent-tooltip {
    position:absolute;
    right:-15px;
    top:-30px;
    margin-bottom:10px;
    color:#303e67;
    text-transform:uppercase;
    font-size:13px
}
.profile-activity-height {
    height:440px!important
}
.chat-box-left {
    float:left;
    width:340px;
    height:750px;
    background-color:#fff;
    border-radius:3px;
    padding:16px;
    margin-bottom:20px;
    border:1px solid #eceff5
}
.chat-box-left .chat-body-left {
    height:610px
}
.chat-box-left .nav-pills {
    background-color:#fafbfb
}
.chat-box-left .nav-pills .nav-link {
    color:#303e67
}
.chat-box-left .nav-pills .nav-link.active {
    color:#fff;
    background:var(--theme-primary)
}
.chat-box-left .chat-search {
    margin-top:20px
}
.chat-box-left .chat-list {
    height:610px!important
}
.chat-box-left .chat-list .media + .media {
    border:1px solid #f1f5fa;
    margin-bottom:5px;
    border-radius:5px
}
.chat-box-left .chat-list .media {
    padding:15px;
    position:relative
}
.chat-box-left .chat-list .media:focus, .chat-box-left .chat-list .media:hover {
    background-color:rgba(241, 245, 250, .5)
}
.chat-box-left .chat-list .media.new-message {
    border:1px solid #f1f5fa;
    background-color:#f1f5fa;
    margin-bottom:5px;
    border-radius:5px
}
.chat-box-left .chat-list .media .media-left {
    position:relative;
    -ms-flex-item-align:center;
    align-self:center
}
.chat-box-left .chat-list .media .media-left .round-10 {
    border:2px solid #fafbfb;
    border-radius:50%;
    position:absolute;
    bottom:0;
    right:-1px;
    display:inline-block;
    height:12px;
    width:12px
}
.chat-box-left .chat-list .media .media-body {
    margin-left:8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.chat-box-left .chat-list .media .media-body h6 {
    font-size:14px;
    color:#303e67;
    margin-bottom:0
}
.chat-box-left .chat-list .media .media-body p {
    margin-bottom:0;
    color:#303e67;
    font-size:12px
}
.chat-box-left .chat-list .media .media-body > div:last-child {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-width:50px;
    text-align:right
}
.chat-box-left .chat-list .media .media-body > div:last-child span:nth-child(2) {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#22b783;
    color:#fff;
    border-radius:50%;
    font-size:10px;
    width:18px;
    height:18px;
    margin-top:8px
}
.chat-box-left .chat-list .media .media-body span {
    font-size:12px;
    color:#303e67;
    display:block
}
.chat-box-right {
    width:auto;
    background-color:#fff;
    display:block;
    border-radius:3px;
    position:relative;
    height:750px;
    margin-left:361px;
    margin-bottom:20px;
    border:1px solid #eceff5
}
.chat-box-right .chat-header {
    border-bottom:1px solid #f1f5fa;
    padding:16px;
    background-color:#fff
}
.chat-box-right .chat-header .media .media-body {
    margin-left:8px;
    -ms-flex-item-align:center;
    align-self:center
}
.chat-box-right .chat-header .media .media-body h6 {
    font-size:14px;
    color:#303e67;
    margin-bottom:5px
}
.chat-box-right .chat-header .media .media-body p {
    margin-bottom:0;
    color:#8997bd;
    font-size:12px
}
.chat-box-right .chat-header .chat-features {
    position:relative;
    top:-34px;
    float:right
}
.chat-box-right .chat-header .chat-features a {
    color:#b6c2e4;
    font-size:22px;
    margin-left:12px
}
.chat-box-right .chat-header .chat-features a:hover {
    color:var(--theme-primary)
}
.chat-box-right .chat-body {
    padding:16px;
    height:615px
}
.chat-box-right .chat-body .chat-detail {
    max-height:610px
}
.chat-box-right .chat-body .chat-detail .reverse {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end
}
.chat-box-right .chat-body .chat-detail .media .media-img {
    z-index:5
}
.chat-box-right .chat-body .chat-detail .media .media-body {
    margin-left:20px
}
.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg {
    max-width:80%;
    margin-bottom:5px;
    margin-left:-56px
}
.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg:first-child p {
    padding-left:44px
}
.chat-box-right .chat-body .chat-detail .media .media-body .chat-msg p {
    padding:7px 16px;
    background-color:rgba(11, 81, 183, .01);
    border:1px solid #e8ebf3;
    color:#303e67;
    display:inline-block;
    margin-bottom:0;
    border-radius:50px
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse {
    margin-right:20px;
    margin-left:0
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg {
    max-width:80%;
    margin-bottom:5px;
    margin-right:-56px
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg:first-child p {
    padding-right:44px
}
.chat-box-right .chat-body .chat-detail .media .media-body.reverse .chat-msg p {
    padding:7px 16px;
    background-color:rgba(11, 81, 183, .01);
    border:1px solid #e8ebf3;
    color:#303e67;
    display:inline-block;
    margin-bottom:0;
    border-radius:50px
}
.chat-box-right .chat-footer {
    border-top:1px solid #eceff5;
    background-color:#fff;
    padding:16px;
    position:absolute;
    width:100%;
    left:0;
    bottom:0
}
.chat-box-right .chat-footer .media .media-body {
    margin-left:10px;
    -ms-flex-item-align:center;
    align-self:center
}
.chat-box-right .chat-footer .media .media-body h6 {
    font-size:14px;
    color:#303e67;
    margin-bottom:5px
}
.chat-box-right .chat-footer .media .media-body p {
    margin-bottom:0;
    color:#303e67;
    font-size:12px
}
.chat-box-right .chat-footer .chat-features a {
    color:#b6c2e4;
    font-size:22px;
    margin-left:12px
}
.chat-box-right .chat-footer .chat-features a:hover {
    color:var(--theme-primary)
}
.chat-box-right .chat-footer input.form-control {
    border:none
}
.chat-box-right .chat-footer .chat-admin {
    position:absolute;
    top:-40px;
    border:2px solid #eceff5;
    border-radius:50%
}
@media(min-width:1024px) and(max-width:1680px) {
    .chat-box-left {
        width:310px;
        float:left
    }
    .chat-box-right {
        width:auto;
        margin-left:330px
    }
}
@media(min-width:767px) and(max-width:1023.98px) {
    .chat-box-left {
        width:100%;
        float:none
    }
    .chat-box-right {
        width:100%;
        margin-left:0
    }
}
@media(max-width:767px) {
    .chat-box-left {
        float:none;
        width:100%
    }
    .chat-box-right {
        margin:0;
        width:100%
    }
}
@media(max-width:660px) {
    .chat-box-left {
        float:none;
        width:100%
    }
    .chat-box-right {
        margin:0;
        width:100%
    }
}
@media(max-width:568px) {
    .chat-box-left {
        float:none;
        width:100%
    }
    .chat-box-right {
        margin:0;
        width:100%
    }
}
.invoice-head {
    border-bottom:4px double #b6c2e4
}
.invoice-head .logo-lg.brand-light {
    display:none
}
.invoice-head .logo-lg.brand-dark {
    display:inline-block
}
.invoice-head .contact-detail li {
    border-left:2px solid #b6c2e4
}
.invoice-head .contact-detail li i {
    font-size:24px;
    color:#8997bd;
    margin-bottom:5px
}
@media print {
    .breadcrumb, .footer, .logo, .page-title {
        display:none;
        margin:0;
        padding:0
    }
    .left {
        display:none
    }
    .content, .page-content-wrapper, .page-wrapper {
        margin-top:0;
        padding-top:0
    }
    .content-page {
        margin-left:0;
        margin-top:0
    }
    .footer, .left-sidenav, .leftbar-tab-menu, .report-btn, .topbar {
        display:none;
        margin:0;
        padding:0
    }
    .content-page > .content {
        margin:0
    }
    .page-wrapper .page-content-tab {
        width:100%;
        margin-top:0
    }
}
.email-leftbar {
    width:220px;
    float:left
}
.email-leftbar .mail-list a {
    display:block;
    color:#303e67;
    font-size:13px;
    line-height:24px;
    padding:5px
}
.email-leftbar .mail-list a i {
    color:#8997bd
}
.email-leftbar .mail-list a.active, .email-leftbar .mail-list a.active i, .email-leftbar .mail-list a:hover, .email-leftbar .mail-list a:hover i {
    color:var(--theme-primary)
}
.email-leftbar .chat-user-box p.user-title {
    font-size:13px;
    color:#000444;
    font-weight:500
}
.email-leftbar .chat-user-box p {
    font-size:12px
}
.email-rightbar {
    margin-left:240px
}
.message-list {
    display:block;
    padding-left:0
}
.message-list li {
    position:relative;
    display:block;
    height:50px;
    line-height:50px;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.message-list li a {
    color:#7081b9
}
.message-list li:hover {
    background:#f1f5fa;
    -webkit-transition-duration:50ms;
    transition-duration:50ms
}
.message-list li .col-mail {
    float:left;
    position:relative
}
.message-list li .col-mail-1 {
    width:320px
}
.message-list li .col-mail-1 .checkbox-wrapper-mail, .message-list li .col-mail-1 .dot, .message-list li .col-mail-1 .star-toggle {
    display:block;
    float:left
}
.message-list li .col-mail-1 .dot {
    border:4px solid transparent;
    border-radius:100px;
    margin:22px 26px 0;
    height:0;
    width:0;
    line-height:0;
    font-size:0
}
.message-list li .col-mail-1 .checkbox-wrapper-mail {
    margin:15px 10px 0 20px
}
.message-list li .col-mail-1 .star-toggle {
    margin-top:18px;
    font-size:16px;
    margin-left:5px
}
.message-list li .col-mail-1 .title {
    position:absolute;
    top:0;
    left:110px;
    right:0;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    margin:14px 0 0
}
.message-list li .col-mail-2 {
    position:absolute;
    top:0;
    left:320px;
    right:0;
    bottom:0
}
.message-list li .col-mail-2 .date, .message-list li .col-mail-2 .subject {
    position:absolute;
    top:0
}
.message-list li .col-mail-2 .subject {
    left:0;
    right:200px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.message-list li .col-mail-2 .date {
    right:0;
    width:170px;
    padding-left:80px
}
.message-list li.active, .message-list li.active:hover {
    -webkit-box-shadow:inset 3px 0 0 var(--theme-primary);
    box-shadow:inset 3px 0 0 var(--theme-primary)
}
.message-list li.unread {
    background-color:#f1f5fa
}
.message-list li.unread a {
    color:#00032b
}
.message-list .checkbox-wrapper-mail {
    cursor:pointer;
    height:20px;
    width:20px;
    position:relative;
    display:inline-block;
    -webkit-box-shadow:inset 0 0 0 1px #b6c2e4;
    box-shadow:inset 0 0 0 1px #b6c2e4;
    border-radius:1px
}
.message-list .checkbox-wrapper-mail input {
    opacity:0;
    cursor:pointer
}
.message-list .checkbox-wrapper-mail input:checked ~ label {
    opacity:1
}
.message-list .checkbox-wrapper-mail label {
    position:absolute;
    height:20px;
    width:20px;
    left:0;
    cursor:pointer;
    opacity:0;
    margin-bottom:0;
    -webkit-transition-duration:50ms;
    transition-duration:50ms;
    top:0
}
.message-list .checkbox-wrapper-mail label:before {
    content:"\f12c";
    font-family:"Material Design Icons";
    top:0;
    height:20px;
    color:#00032b;
    width:20px;
    position:absolute;
    margin-top:-16px;
    left:4px;
    font-size:13px
}
@media(max-width:767px) {
    .email-leftbar {
        float:none;
        width:100%
    }
    .email-rightbar {
        margin:0
    }
}
.note-editor.note-frame {
    border:1px solid #e8ebf3
}
.note-editor.note-frame .note-editing-area .note-editable {
    padding:10px;
    overflow:auto;
    color:#303e67;
    background-color:#fff
}
.note-editor.note-frame .note-statusbar .note-resizebar {
    background-color:#fff
}
.crypto-report-history .nav {
    background-color:#fafbfb;
    padding:4px;
    border-radius:4px
}
.crypto-report-history .nav.nav-tabs {
    border:none
}
.crypto-report-history .nav .nav-item .nav-link {
    margin-right:5px;
    padding:3px 8px;
    font-size:12px;
    border-radius:5px;
    color:#303e67;
    font-weight:500;
    border-color:transparent
}
.crypto-report-history .nav .nav-item .nav-link.active {
    color:var(--theme-primary);
    background-color:#fff;
    border-color:transparent
}
.crypto-report-history .nav .nav-item .nav-link:focus, .crypto-report-history .nav .nav-item .nav-link:hover {
    border-color:transparent
}
.crypto-calcy a .p-1 {
    display:none!important
}
.coin-market-nav .nav-pills .nav-item.show .nav-link, .coin-market-nav .nav-pills .nav-link.active {
    background:#fff;
    -webkit-box-shadow:0 7px 14px 0 rgba(137, 151, 189, .12);
    box-shadow:0 7px 14px 0 rgba(137, 151, 189, .12);
    border-radius:0
}
.transaction-history li {
    border-bottom:1px solid #e8ebf3;
    padding:10px 0
}
.transaction-history li:last-of-type {
    border:none;
    padding-bottom:0
}
.positive {
    color:#22b783!important
}
.negative {
    color:#ef4d56!important
}
.crypto-dash-activity {
    height:280px
}
.ccc-widget > div {
    background:#fff!important
}
.ccc-widget .histoTitle {
    display:none
}
.ccc-widget div:first-child {
    border:none!important
}
.ccc-widget div.histoRow:nth-of-type(2) {
    font-weight:500!important;
    color:#303e67!important;
    font-size:13px!important;
    background-color:#fafbfb
}
.ccc-widget div.histoRow:nth-of-type(2) .histoChange {
    font-weight:500
}
.ccc-widget div.histoRow {
    border-bottom-color:#e8ebf3!important;
    font-size:13px!important;
    color:#000444!important;
    padding:.7rem .7rem
}
ul.steppedprogress {
    counter-reset:step;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:auto;
    overflow:hidden;
    padding:0;
    position:relative;
    text-align:center;
    z-index:1
}
ul.steppedprogress li {
    list-style-type:none;
    color:#303e67;
    line-height:normal;
    text-transform:uppercase;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:12px;
    position:relative;
    padding:0 2%;
    font-weight:500;
    font-family:var(--font-family);
}
ul.steppedprogress li:before {
    content:counter(step);
    counter-increment:step;
    width:24px;
    height:24px;
    line-height:20px;
    display:block;
    font-size:12px;
    color:#303e67;
    background:#f1f5fa;
    border-radius:50%;
    margin:0 auto 10px;
    position:relative;
    z-index:1;
    border:2px solid #fff;
    -webkit-box-shadow:0 0 0 1.25px #f1f5fa;
    box-shadow:0 0 0 1.25px #f1f5fa
}
ul.steppedprogress li:after {
    content:"";
    width:100%;
    border:.5px dashed #eceff5;
    position:absolute;
    left:-50%;
    top:12px;
    z-index:-1
}
ul.steppedprogress li.complete:before {
    background:#7081b9;
    color:#fff;
    border:2px solid #fff;
    -webkit-box-shadow:0 0 0 1.25px #7081b9;
    box-shadow:0 0 0 1.25px #7081b9
}
ul.steppedprogress li.complete.continuous:before {
    background:var(--theme-primary);
    color:#fff;
    border:2px solid #fff;
    -webkit-box-shadow:0 0 0 1.25px var(--theme-primary);
    box-shadow:0 0 0 1.25px var(--theme-primary)
}
ul.steppedprogress li.complete.continuous span {
    color:var(--theme-primary)
}
ul.steppedprogress li.complete.finish:before {
    background:#ef4d56;
    color:#fff;
    border:2px solid #fff;
    -webkit-box-shadow:0 0 0 1.25px #ef4d56;
    box-shadow:0 0 0 1.25px #ef4d56;
    content:"\f12c";
    font:normal normal normal 24px/1 "Material Design Icons";
    font-size:16px;
    line-height:20px
}
ul.steppedprogress li.complete.finish span {
    color:#ef4d56
}
ul.steppedprogress li.complete:after {
    border-color:#dfe4ee
}
ul.steppedprogress li:first-child:after {
    content:none
}
@media(max-width:480px) {
    ul.steppedprogress {
        display:block
    }
    ul.steppedprogress li {
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        clear:both;
        text-align:left;
        padding:0;
        margin-left:2px;
        min-height:2.2em
    }
    ul.steppedprogress li span {
        white-space:nowrap
    }
    ul.steppedprogress li:before {
        float:none;
        display:inline-block;
        margin-right:10px;
        text-align:center;
        margin-left:0
    }
    ul.steppedprogress li:after {
        content:"";
        width:6px;
        height:100%;
        position:absolute;
        left:12px;
        top:-50%;
        z-index:-1
    }
}
.kanban-board {
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    white-space:nowrap;
    overflow-x:scroll;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.kanban-board .kanban-col {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    width:calc(100vw - 24px);
    max-height:100%;
    padding-right:12px;
    padding-bottom:12px;
    outline:0!important;
    position:relative
}
.kanban-board .kanban-col .kanban-main-card {
    max-height:100%;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    margin-bottom:12px;
    border-radius:4px;
    padding:20px;
    background:#fafbfb
}
.kanban-board .kanban-col .kanban-main-card .kanban-box-title {
    position:relative;
    display:block
}
.kanban-board .kanban-col .kanban-main-card .kanban-box-title .kanban-main-dropdown {
    position:absolute;
    right:0;
    top:0
}
@media(min-width:576px) {
    .kanban-board .kanban-col {
        max-width:19.5rem
    }
}
.auth-page .auth-header-box {
    background-color:#232a3e
}
.auth-bg {
    background:radial-gradient(circle at 39% 47%, rgba(107, 107, 107, .08) 0, rgba(107, 107, 107, .08) 33.333%, rgba(72, 72, 72, .08) 33.333%, rgba(72, 72, 72, .08) 66.666%, rgba(36, 36, 36, .08) 66.666%, rgba(36, 36, 36, .08) 99.999%), radial-gradient(circle at 53% 74%, rgba(182, 182, 182, .08) 0, rgba(182, 182, 182, .08) 33.333%, rgba(202, 202, 202, .08) 33.333%, rgba(202, 202, 202, .08) 66.666%, rgba(221, 221, 221, .08) 66.666%, rgba(221, 221, 221, .08) 99.999%), radial-gradient(circle at 14% 98%, rgba(184, 184, 184, .08) 0, rgba(184, 184, 184, .08) 33.333%, rgba(96, 96, 96, .08) 33.333%, rgba(96, 96, 96, .08) 66.666%, rgba(7, 7, 7, .08) 66.666%, rgba(7, 7, 7, .08) 99.999%), linear-gradient(45deg, #f79f9b, #0f4069)
}
.ex-page-content h1 {
    font-size:98px;
    font-weight:700;
    text-shadow:rgba(137, 151, 189, .2) 1px 1px, rgba(137, 151, 189, .2) 2px 2px, rgba(137, 151, 189, .2) 3px 3px
}
 /*# sourceMappingURL=app.min.css.map */