@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600");

html{
    --color-black-100:#000;
    --color-white-100:#fff;
    --color-success:#008a00;
    --color-success-dark:#28a745;
    --color-warning:#956d01;
    --color-bg-warning:#fed76e;
    --color-bg-warning-dark:#d8a94f;
    --color-bg-warning-darker:#ac792e;
    --color-bg-warning-light:#ffe47c;
    --color-bg-warning-lighter:#fffce8;
    --color-danger:#bc1336;
    --color-danger-bg:#ea2c54;
    --color-danger-bg-dark:#de1d39;
    --color-bg-danger-dark:#c81a32;
    --color-bg-danger-dark-05:rgba(200, 26, 50, 0.5);
    --color-bg-danger-darker:#9b0b16;
    --color-bg-danger-light:#f5386c;
    --color-bg-danger-lighter:#ffdae7;
    --color-bg-primary:#007be8;
    --color-bg-primary-dark:#0057bc;
    --color-bg-primary-darker:#00378b;
    --color-bg-primary-light:#0f98f5;
    --color-bg-primary-lighter:#d2f0ff;
    --color-info-bg:#47525e;
    --color-info-bg-dark:#343f52;
    --color-info-bg-darker:#222c41;
    --color-info-bg-light:#506577;
    --color-info-bg-lighter:#dde3ea;
    --color-light-gray:#676767;
    --color-blue-gray-dark:#353f4d;
    --color-blue-gray-light:#656c77;
    --color-blue-dark:#061223;
    --color-blue-dark-05:rgba(6, 18, 35, 0.05);
    --color-blue-dark-10:rgba(6, 18, 35, 0.10);
    --color-blue-dark-14:rgba(6, 18, 35, 0.14);
    --color-blue-dark-15:rgba(6, 18, 35, 0.15);
    --color-blue-dark-17:rgba(6, 18, 35, 0.17);
    --color-blue-dark-20:rgba(6, 18, 35, 0.20);
    --color-blue-dark-21:rgba(6, 18, 35, 0.21);
    --color-blue-dark-22:rgba(6, 18, 35, 0.22);
    --color-blue-dark-24:rgba(6, 18, 35, 0.24);
    --color-blue-dark-29:rgba(6, 18, 35, 0.29);
    --color-blue-dark-62:rgba(6, 18, 35, 0.62);
    --color-blue-dark-67:rgba(6, 18, 35, 0.67);
    --color-blue-dark-90:rgba(6, 18, 35, 0.90);
    --color-default-background:#f3f3f4;
    --scrollbar-color:rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.05);
    --sidebar-width:280px;
    --sidebar-text-color:#676767;
    --sidebar-text-hover-color:#000;
    --sidebar-background:#fff;
    --sidebar-submenu-background:#fff;
    --sidebar-icon-color:#676767;
    --sidebar-scrollbar-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.05);
    --color-admin-login-gray-dark: #666666;
    --color-admin-login-gray-dark-alt:#495057;
    --color-admin-login-focus: #80bdff;
    --color-admin-login-valid: #28a745;
    --color-admin-login-invalid: #dc3545;
    --color-admin-login-text-color: #777;
    --color-admin-login-box-border: #ced4da;
}

.pace .pace-progress{
    background:var(--color-bg-primary);
    height:3px;
}

.pace .pace-progress-inner{
    box-shadow:none;
}

.pace .pace-activity{
    -webkit-animation:none;
    animation:none;
    top:8px;
    background:url("../img/progress/progress-circle-success.svg") no-repeat top left;
    background-size:100% auto;
    margin:0 auto;
    border-width:0;
    border-radius:0;
    width:42px;
    height:42px;
    right:28px;
    left:auto;
}

html{
    max-width:100%;
    overflow-x:hidden;
    height:100%;
}

body{
    height:100%;
    margin:0;
    padding:0;
    background-color:var(--color-default-background);
    direction:ltr;
    -moz-osx-font-smoothing:grayscale;
}

*{
    scrollbar-width:thin !important;
    scrollbar-color:var(--scrollbar-color);
}

.page-sidebar *{
    scrollbar-color:var(--sidebar-scrollbar-color);
}

body.fixed-header .header{
    position:fixed;
    left:0;
    top:0;
    user-select:none;
}

body.no-header .page-container .page-content-wrapper .content{
    padding-top:0;
}

body.no-header .header{
    border-bottom-color:transparent;
}

body.dashboard{
    background:var(--color-default-background);
}

body.dashboard .page-container{
    background:var(--color-default-background);
    height:100vh;
    overflow:auto;
}

body.rtl [class^="col-"],
body.rtl [class*="col-"]{
    float:left;
}

body.menu-pin .overlay{
    padding-left:0;
}

body.menu-pin .overlay .overlay-brand{
    margin-left:0;
}

.page-container{
    width:100%;
    height:100%;
    padding-left:70px;
}

.page-container .page-content-wrapper{
    min-height:100%;
    position:relative;
}

.page-container .page-content-wrapper .content{
    z-index:10;
    padding-top:60px;
    padding-bottom:0px;
    min-height:100%;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.page-container .page-content-wrapper .content.full-width{
    width:100%;
}

.page-container .page-content-wrapper .content .content-inner{
    display:inline-block;
    vertical-align:top;
    height:100%;
    padding-left:30px;
    position:relative;
}

.page-container .page-content-wrapper .content:only-child{
    padding-bottom:0;
}

.page-container .page-content-wrapper .content.overlay-footer{
    padding-bottom:0;
}

.page-container .page-content-wrapper .footer{
    -webkit-transition:left 0.3s ease;
    transition:left 0.3s ease;
}

.page-container .page-content-wrapper .footer.fixed{
    position:fixed;
}

.page-title{
    margin-top:0;
}

.group-container{
    white-space:nowrap !important;
}

.group-container .single-group{
    vertical-align:top;
    display:inline-block;
    white-space:normal;
}

.jumbotron{
    position:relative;
    overflow:hidden;
    display:block;
    padding:0;
    background-color:var(--color-white-100);
}

.jumbotron .inner{
    position:relative;
    z-index:2;
}

.jumbotron.lg{
    height:495px;
}

.jumbotron .cover-photo{
    width:100%;
    height:inherit;
    overflow:hidden;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    background-size:cover;
    background-color:var(--color-bg-primary);
}

.jumbotron .cover-photo img{
    display:none;
}

.jumbotron h1{
    font-size:44px;
}

.container-fluid{
    padding:0 25px 25px;
    position:relative;
}

.copyright{
    padding:25px 0 0;
    border-top:1px solid #dcdee0;
}

.pager{
    margin:0;
}

.horizontal-app-menu{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
}

.horizontal-app-menu.fixed-header{
    overflow:hidden;
}

.horizontal-app-menu.fixed-header .header{
    position:relative;
}

.horizontal-app-menu.fixed-header .page-container{
    overflow:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
}

.horizontal-app-menu .header{
    display:block;
    height:auto;
    border-bottom:none;
    background-color:var(--color-white-100);
    color:var(--color-light-gray);
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
}

.horizontal-app-menu .header .header-inner{
    height:60px;
    background-color:transparent;
    position:relative;
    color:var(--color-light-gray);
}

.horizontal-app-menu .header .bubble, .horizontal-app-menu .header .profile-dropdown-toggle:after{
    border-color:var(--color-white-100);
}

.horizontal-app-menu .header .header-lg-height{
    height:75px;
}

.horizontal-app-menu .header .header-md-height{
    height:51px;
}

.horizontal-app-menu .header .header-sm-height{
    height:50px;
}

.horizontal-app-menu .header .search-link{
    color:var(--color-light-gray);
}

.horizontal-app-menu .header .header-inner .brand.inline{
    position:relative;
    border-right:1px solid #40444d;
    padding-right:15px;
    margin-right:0;
    width:auto;
}

.horizontal-app-menu .header .header-inner .brand.inline > img{
    width:auto;
}

.horizontal-app-menu .header .notification-list{
    border:none;
}

.horizontal-app-menu .header .title-bar{
    padding-bottom:18px;
}

.horizontal-app-menu .header .page-title{
    color:var(--color-light-gray);
    font-size:21px;
    line-height:21px;
    font-weight:normal;
    margin-bottom:0;
    margin-left:15px;
}

.horizontal-app-menu .header .header-icon{
    color:var(--color-light-gray);
}

.horizontal-app-menu .menu-bar{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    position:relative;
    color:var(--color-light-gray);
}

.horizontal-app-menu .menu-bar ul{
    margin:0;
    padding:0;
    list-style:none;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.horizontal-app-menu .menu-bar ul li a .arrow{
    position:relative;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:15px;
    width:23px;
}

.horizontal-app-menu .menu-bar ul li a .arrow:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f054";
    font-size:10px;
    height:auto;
    text-shadow:none;
    position:relative;
    top:2px;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transition:all 0.12s ease;
    transition:all 0.12s ease;
}

.horizontal-app-menu .menu-bar ul li{
    line-height:24px;
}

.horizontal-app-menu .menu-bar ul li.more .title{
    display:flex;
}

.horizontal-app-menu .menu-bar ul li .sub-menu{
    padding:0;
    left:50%;
    top:0;
    position:absolute;
    visibility:hidden;
    opacity:0;
    min-width:calc(100% + 4px);
    padding:18px 25px;
    background:var(--color-white-100);
    z-index:1;
    position:absolute;
    box-shadow:rgba(15, 15, 15, 0.08) 0 4px 12px, rgba(15, 15, 15, 0.2) 0 9px 24px;
    -webkit-transform:translate3d(15px, 0, 0);
    transform:translate3d(15px, 0, 0);
    -ms-transform:translate(15px, 0);
    -webkit-transition:all 0.15s ease-in;
    transition:all 0.15s ease-in;
}

.horizontal-app-menu .menu-bar ul li .sub-menu li a{
    min-width:50px;
    width:100%;
    padding:4px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:block;
    font-weight:400;
    opacity:0.8;
}

.horizontal-app-menu .menu-bar ul li:hover > .sub-menu{
    visibility:visible;
    opacity:1;
    -webkit-transform:translate3d(calc(34% + 0.5px), 0, 0);
    transform:translate3d(calc(34% + 0.5px), 0, 0);
    -ms-transform:translate(calc(34% + 0.5px), 0);
}

.horizontal-app-menu .menu-bar > ul{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
}

.horizontal-app-menu .menu-bar > ul > li{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    position:relative;
}

.horizontal-app-menu .menu-bar > ul > li:hover:not(.open) > a{
    color:var(--color-black-100);
}

.horizontal-app-menu .menu-bar > ul > li:first-child > a{
    padding-left:0;
}

.horizontal-app-menu .menu-bar > ul > li:last-child > a{
    padding-right:0;
}

.horizontal-app-menu .menu-bar > ul > li > a{
    padding:0 20px;
}

.horizontal-app-menu .menu-bar > ul > li > ul{
    display:none;
    opacity:0;
    list-style:none;
    border:0;
    top:-7px;
    left:-4px;
    min-width:calc(100% + 4px);
    padding:0 25px;
    padding-top:60px;
    padding-bottom:18px;
    background:var(--color-white-100);
    color:var(--color-blue-gray-dark);
    z-index:2;
    position:absolute;
    box-shadow:rgba(15, 15, 15, 0.08) 0 4px 12px, rgba(15, 15, 15, 0.2) 0 9px 24px;
}

.horizontal-app-menu .menu-bar > ul > li > ul li .arrow{
    display:flex;
    justify-content:center;
}

.horizontal-app-menu .menu-bar > ul > li.open > ul{
    display:block;
}

.horizontal-app-menu .menu-bar > ul > li.open > ul:before{
    content:"";
    position:absolute;
    height:1px;
    top:52px;
    width:calc(100% - 25px * 2);
    background-color:var(--color-blue-dark-14);
}

.horizontal-app-menu .menu-bar > ul > li.open > ul > li{
    padding-left:0;
    -webkit-transform:translate3d(0, -10px, 0);
    transform:translate3d(0, -10px, 0);
    -ms-transform:translate(0, -10px);
    opacity:0;
    transition:all 0.18s ease;
    border-bottom:none;
}

.horizontal-app-menu .menu-bar > ul > li.open > ul > li > a{
    min-width:50px;
    width:100%;
    padding:4px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-weight:400;
    opacity:0.8;
}

.horizontal-app-menu .menu-bar > ul > li.open > ul > li > a > .arrow:before{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}

.horizontal-app-menu .menu-bar > ul > li.open > ul > li:last-child > a{
    padding-bottom:0;
}

.horizontal-app-menu .menu-bar > ul > li.open > a{
    -webkit-transform:translate3d(0, -10px, 0);
    transform:translate3d(0, -10px, 0);
    -ms-transform:translate(0, -10px);
    opacity:0;
    transition:all 0.18s ease !important;
    color:var(--color-blue-gray-dark);
}

.horizontal-app-menu .menu-bar > ul > li.opening > ul{
    opacity:1;
}

.horizontal-app-menu .menu-bar > ul > li.opening > ul > li{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -ms-transform:translate(0, 0);
    opacity:1;
}

.horizontal-app-menu .menu-bar > ul > li.opening > a{
    position:relative;
    z-index:10;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -ms-transform:translate(0, 0);
    opacity:1;
}

.horizontal-app-menu .menu-bar > ul > li.closing > ul{
    opacity:0;
}

.horizontal-app-menu .menu-bar > ul > li.closing > ul > li{
    -webkit-transform:translate3d(0, -10px, 0);
    transform:translate3d(0, -10px, 0);
    -ms-transform:translate(0, -10px);
    opacity:0;
}

.horizontal-app-menu .menu-bar > ul > li.closing > a{
    -webkit-transform:translate3d(0, -10px, 0);
    transform:translate3d(0, -10px, 0);
    -ms-transform:translate(0, -10px);
    opacity:0;
}

.horizontal-app-menu .menu-bar > ul li > a{
    color:inherit;
}

.horizontal-app-menu .inner-content{
    margin-left:225px;
}

.horizontal-app-menu .content{
    -ms-flex:1;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -ms-box-flex:1;
    box-flex:1;
}

.horizontal-app-menu .page-container{
    padding-left:0;
}

.horizontal-app-menu .page-container .page-content-wrapper .content{
    padding-top:0;
}

.horizontal-app-menu .ghost-nav-dropdown{
    top:-7px;
    left:-4px;
    background:var(--color-white-100);
    z-index:1000;
    position:absolute;
    box-shadow:rgba(15, 15, 15, 0.08) 0 4px 12px, rgba(15, 15, 15, 0.2) 0 9px 24px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    transition:all 0.18s ease-in;
}

.horizontal-app-menu .calendar .calendar-header{
    background-color:transparent;
    padding-left:0;
    position:relative;
    left:-20px;
}

.horizontal-app-menu .calendar .options{
    padding-left:0;
}

.horizontal-app-menu .calendar .months .month:first-child{
    padding-left:0;
}

.horizontal-app-menu .calendar .weeks-wrapper{
    margin-left:0;
    padding-left:0;
}

.horizontal-app-menu .calendar .week-dragger{
    margin-left:0;
}

.horizontal-app-menu .calendar .calendar-container .grid{
    overflow:hidden;
}

@media (max-width:991px){
    body.horizontal-menu-open .header{
        z-index:1000;
    }

    .horizontal-menu-backdrop{
        background:rgba(0, 0, 0, 0.5);
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        top:0;
        z-index:0;
        transition:opacity 0.3s ease;
        display:none;
    }

    .horizontal-app-menu .menu-bar{
        position:fixed;
        top:0;
        bottom:0;
        background-color:var(--color-white-100);
        width:270px;
        left:-270px;
        overflow-y:auto;
        -webkit-transition:-webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
        transition:transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
        -webkit-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
        flex-direction:column;
        z-index:1;
    }

    .horizontal-app-menu .menu-bar.open{
        -webkit-transform:translate3d(100%, 0, 0);
        transform:translate3d(100%, 0, 0);
        -ms-transform:translate(100%, 0);
    }

    .horizontal-app-menu .menu-bar > ul{
        flex-flow:column nowrap;
        overflow-x:hidden;
    }

    .horizontal-app-menu .menu-bar > ul > li:first-child a,
    .horizontal-app-menu .menu-bar > ul > li:last-child a{
        padding-right:32px !important;
        padding-left:20px !important;
    }

    .horizontal-app-menu .menu-bar ul{
        width:100%;
    }

    .horizontal-app-menu .menu-bar ul li{
        min-height:45px;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        flex-direction:column;
        width:100%;
    }

    .horizontal-app-menu .menu-bar ul li > ul{
        padding:0;
        overflow:hidden;
        margin-top:6px;
        position:static;
        background:white;
        opacity:1;
        padding:12px 0 10px 10px;
        min-width:0;
        left:0;
        box-shadow:none;
    }

    .horizontal-app-menu .menu-bar ul li > ul:before{
        display:none;
    }

    .horizontal-app-menu .menu-bar ul li > ul > li{
        padding-left:0;
        min-height:40px;
    }

    .horizontal-app-menu .menu-bar ul li > ul > li > a{
        font-size:13px;
        padding-top:0 !important;
        padding-bottom:0 !important;
        line-height:40px;
    }

    .horizontal-app-menu .menu-bar ul li a{
        font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
        display:inline-block;
        padding-left:20px !important;
        padding-right:32px !important;
        min-height:40px;
        line-height:40px;
        font-size:14px;
        clear:both;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        width:100%;
    }

    .horizontal-app-menu .menu-bar ul li a > .arrow{
        float:right;
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
        transition:all 0.12s ease;
        transform-origin:90% 50%;
        padding-left:17px;
    }

    .horizontal-app-menu .menu-bar ul li a > .arrow.open{
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0);
    }

    .horizontal-app-menu .menu-bar ul li.active{
        border:none;
    }

    .horizontal-app-menu .menu-bar ul li.open ul li{
        opacity:1;
        transform:none;
    }

    .horizontal-app-menu .menu-bar ul li.open > a{
        opacity:1;
        transform:none;
        color:var(--color-white-100);
        padding-left:20px !important;
    }

    .horizontal-app-menu .menu-bar .search-link{
        background:rgba(103, 103, 103, 0.1);
        display:block;
        height:54px;
        width:100%;
        margin:0;
        padding-left:20px;
        padding-right:20px;
        color:var(--color-light-gray);
        flex-shrink:0;
        margin-top:auto;
    }

    .horizontal-app-menu .menu-bar .search-link i{
        margin:0;
    }

    .horizontal-app-menu .menu-bar .toggle-sidebar{
        width:35px;
        text-align:center;
        margin:7px 10px 10px 8px;
        padding:10px;
    }

    .horizontal-app-menu .header .header-sm-height{
        height:100%;
    }

    .horizontal-app-menu .ghost-nav-dropdown{
        display:none;
    }

    .horizontal-app-menu .options{
        padding-left:10px !important;
    }
}

@media (max-width:1400px){
    .header .brand.inline::after{
        top:-7px !important;
    }
}

@media (min-width:980px){
    .horizontal-menu .page-content{
        margin-left:0;
    }

    .horizontal-menu .page-content .content{
        padding-top:123px;
    }
}

.inner-content{
    margin-top:0;
    padding:0;
    overflow:auto;
    min-height:100%;
    margin-left:var(--sidebar-width, 250px);
}

.header{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:60px;
    width:calc(100% - 8px);
    padding:0 20px 0 0;
    z-index:800;
    background-color:var(--color-default-background);
    border-bottom:transparent;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.header a{
    color:var(--color-blue-gray-dark);
}

.header a:hover, .header a:active, .header a:focus{
    color:var(--color-blue-gray-dark);
}

.header .header-inner{
    height:inherit;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.header.transparent{
    background-color:transparent !important;
}

.header .brand{
    vertical-align:middle;
    text-align:center;
}

.header .bubble{
    border-radius:100%;
    height:16px;
    width:16px;
    background-color:var(--color-danger-bg);
    color:var(--color-white-100);
    position:absolute;
    top:-3px;
    right:-5px;
    border:2px solid var(--color-white-100);
    opacity:0.98;
}

.header .profile-dropdown-toggle{
    padding:0;
    margin-right:5px;
    border-radius:50%;
    transition:all cubic-bezier(0.4, 0, 0.2, 1) 180ms;
}

.header .profile-dropdown-toggle:after{
    content:"";
    border-radius:100%;
    height:16px;
    width:16px;
    background-color:var(--color-bg-primary);
    position:absolute;
    bottom:-1px;
    right:1px;
    border:2px solid var(--color-white-100);
    opacity:0.98;
}

.header .profile-dropdown-toggle:hover{
    box-shadow:0 0 0 4px var(--color-blue-dark-14);
}

.header .profile-dropdown-toggle.active, .header .profile-dropdown-toggle:active{
    box-shadow:0 0 0 4px rgba(101, 108, 119, 0.45);
}

.header .notification-list{
    display:inline-block;
    line-height:23px;
    user-select:none;
}

.header .search-link{
    display:inline-block;
    margin-left:15px;
    color:var(--color-blue-gray-dark);
    opacity:0.77;
    font-size:14px;
    vertical-align:middle;
    line-height:12px;
    font-weight:400;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    letter-spacing:-0.006em;
}

.header .search-link i{
    margin-right:4px;
    vertical-align:middle;
}

.header .search-link:hover{
    opacity:1;
}

.header ul li{
    line-height:12px;
    vertical-align:middle;
}

.header .dropdown{
    line-height:12px;
}

.header .dropdown-menu{
    margin-top:10px;
}

.navbar{
    min-height:50px;
    position:relative;
    margin-bottom:20px;
    border:1px solid transparent;
    top:-1px;
}

.navbar-nav > li > a{
    position:relative;
    display:block;
    padding:10px 15px;
    padding-top:20px;
    padding-bottom:20px;
}

.nav > li > a{
    padding:10px 15px;
}

.navbar-default{
    background-color:var(--color-white-100);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-default .navbar-nav > .active > a:focus{
    background-color:transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-default .navbar-nav > .active > a:focus{
    background-color:transparent;
}

.navbar-toggle{
    border-radius:0;
    background-color:transparent !important;
}

.navbar-default .navbar-nav > li > a{
    color:var(--color-blue-gray-dark);
}

.nav-collapse.collapse{
    height:100% !important;
}

.navbar-center,
.navbar-center > li{
    float:none;
    display:inline-block;
    vertical-align:top;
}

.navbar-nav li a{
    min-width:50px;
}

@media only screen and (max-width:1620px){
    body.menu-pin .header .brand{
        opacity:1 !important;
    }
}

@media only screen and (min-width:1620px){
    body.menu-pin .header .brand{
        opacity:0 !important;
    }
}

@media only screen and (min-width:980px){
    body.menu-pin .header .brand{
        width:245px;
    }

    body.menu-behind .header .brand{
        width:200px;
        text-align:left;
        padding-left:20px;
    }

    body.box-layout{
        background-color:var(--color-white-100);
    }

    body.box-layout > .container,
    body.box-layout > .full-height > .container{
        height:100%;
        padding:0;
        background-color:var(--color-white-100);
    }

    body.box-layout .header{
        background-color:transparent;
        border:0;
        padding:0;
    }

    body.box-layout .header > .container{
        background-color:var(--color-white-100);
        border-bottom:1px solid rgba(230, 230, 230, 0.7);
        padding:0 20px 0 0;
        height:100%;
    }

    .header .brand{
        position:relative;
    }

    .header .user-info-wrapper .user-details .user-name{
        font-size:16px;
    }

    .header .user-info-wrapper .user-details .user-other{
        font-size:10px;
    }

    .header .user-info-wrapper .user-pic{
        position:relative;
        top:-6px;
    }
}

@media (max-width:991px){
    body.box-layout .header > .container{
        padding:0;
    }

    body.box-layout .header > .container .pull-right .sm-action-bar{
        right:0;
    }

    body.horizontal-app-menu .header > .container{
        padding:0;
    }

    body.horizontal-app-menu .header .header-icon{
        padding:0;
    }

    .header{
        padding:0 15px;
        width:100%;
        border-bottom:1px solid rgba(0, 0, 0, 0.07);
        height:48px;
    }

    .header .header-inner{
        text-align:center;
    }

    .header .header-inner .mark-email{
        left:45px;
        position:absolute;
        top:23px;
    }

    .header .brand{
        width:auto;
    }

    .header > .pull-left,
    .header > .pull-right{
        position:relative;
    }

    .header > .pull-right .sm-action-bar{
        right:0;
    }
}

.windows .header .search-link{
    font-size:15px;
}

.breadcrumb{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    box-shadow:none;
    background-color:transparent;
    padding:15px 0;
    margin:0;
    border:none;
    text-transform:uppercase;
}

.breadcrumb.breadcrumb-alt{
    padding:8px 0;
    text-transform:none;
}

.breadcrumb.breadcrumb-alt a{
    letter-spacing:normal;
    color:var(--color-blue-gray-light);
    font-size:12px !important;
}

.breadcrumb.breadcrumb-alt > .breadcrumb-item.active{
    letter-spacing:normal;
    color:var(--color-blue-gray-dark);
    font-size:12px !important;
}

.breadcrumb a{
    margin-left:5px;
    margin-right:5px;
    font-size:10.5px !important;
    letter-spacing:0.06em;
    font-weight:500;
    color:var(--color-blue-gray-dark);
}

.breadcrumb .breadcrumb-item{
    display:flex;
    padding-left:0;
}

.breadcrumb > .breadcrumb-item + .breadcrumb-item:before{
    color:var(--color-blue-gray-dark);
    font-family:"Font Awesome 6 Pro";
    content:"\f054";
    font-size:10px;
}

.breadcrumb > .breadcrumb-item.active{
    display:flex;
    align-items:center;
    font-weight:500;
    color:var(--color-bg-primary-dark);
    margin-left:4px;
    margin-right:5px;
    font-size:10.5px !important;
    letter-spacing:0.06em;
}

.breadcrumb > .breadcrumb-item.active:before{
    padding-right:8px;
    font-size:12px;
}

body.mobile .sidebar-menu{
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
}

body.mobile .sidebar-menu > ul{
    height:auto !important;
    overflow:visible !important;
    -webkit-overflow-scrolling:touch !important;
}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover a{
    color:var(--sidebar-text-hover-color);
}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail{
    color:var(--sidebar-text-hover-color); !important;
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active > a, body.mobile .page-sidebar .sidebar-menu .menu-items li.open > a{
    color:var(--sidebar-text-hover-color);
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail, body.mobile .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail{
    color:var(--sidebar-text-hover-color);
}

body.mobile .drager{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}

body.sidebar-visible .page-sidebar .scroll-element{
    visibility:visible;
}

body.sidebar-visible .page-sidebar .sidebar-header .sidebar-header-controls{
    -webkit-transform:translate3d(58px, 0, 0);
    transform:translate3d(58px, 0, 0);
    -ms-transform:translate(58px, 0);
}

.page-sidebar{
    width:280px;
    background-color:var(--sidebar-background);
    z-index:1000;
    left:-210px;
    position:fixed;
    bottom:0;
    top:0;
    right:auto;
    overflow:hidden;
    -webkit-transition:-webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -moz-transition:-moz-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -o-transition:-o-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition:transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility:hidden;
}

.page-sidebar a, .page-sidebar button{
    color:var(--sidebar-text-color);
}

.page-sidebar a:hover, .page-sidebar a:active,
.page-sidebar button:hover,
.page-sidebar button:active{
    color:var(--sidebar-text-hover-color);
    background-color:transparent !important;
}

.page-sidebar a:hover:focus, .page-sidebar a:active:focus,
.page-sidebar button:hover:focus,
.page-sidebar button:active:focus{
    color:var(--sidebar-text-hover-color);
}

.page-sidebar a:visited, .page-sidebar a:focus,
.page-sidebar button:visited,
.page-sidebar button:focus{
    color:var(--sidebar-text-color);
}

.page-sidebar button.sidebar-slide-toggle.active{
    color:var(--sidebar-text-color);
}

.page-sidebar button.sidebar-slide-toggle.active:focus{
    background:transparent;
}

.page-sidebar .sidebar-header{
    display:block;
    height:60px;
    line-height:60px;
    background-color:var(--sidebar-background);
    border-bottom:1px solid #e6e6e6;
    color:var(--color-white-100);
    width:100%;
    padding:0 20px;
    padding-left:22px;
    clear:both;
    z-index:10;
    position:relative;
    user-select:none;
}

.page-sidebar .sidebar-header .sidebar-header-controls{
    display:inline-block;
    transition:transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility:hidden;
}

.page-sidebar .sidebar-header .sidebar-header-controls .btn i{
    width:18px;
    height:18px;
    margin:0;
}

.page-sidebar .sidebar-header .sidebar-slide-toggle i{
    -webkit-transition:all 0.12s ease;
    transition:all 0.12s ease;
}

.page-sidebar .sidebar-header .sidebar-slide-toggle.active i{
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
}

.page-sidebar .close-sidebar{
    position:absolute;
    right:19px;
    top:14px;
    padding:9px;
    z-index:1;
}

.page-sidebar .close-sidebar > i{
    color:rgba(255, 255, 255, 0.57);
}

.page-sidebar .sidebar-overlay-slide{
    width:100%;
    height:100%;
    background-color:white;
    display:block;
    z-index:9;
    padding:80px 20px 20px 20px;
}

.page-sidebar .sidebar-overlay-slide.from-top{
    top:-100%;
    position:absolute;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease;
}

.page-sidebar .sidebar-overlay-slide.from-top.show{
    -webkit-transform:translate(0, 100%);
    -ms-transform:translate(0, 100%);
    transform:translate(0, 100%);
}

.page-sidebar .sidebar-menu{
    height:calc(100% - 50px);
    position:relative;
    width:100%;
}

.page-sidebar .sidebar-menu .outer-tab-nav-section{
    display:inline-block;
    width:45px;
    position:absolute;
    height:100%;
    background-color:#0aa699 !important;
}

.page-sidebar .sidebar-menu .menu-items{
    list-style:none;
    margin:0;
    padding:0;
    margin:0;
    padding:0;
    position:relative;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    height:calc(100% - 10px);
    width:100%;
}

.page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail, .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail{
    color:var(--sidebar-text-hover-color);
}

.page-sidebar .sidebar-menu .menu-items li:hover > a, .page-sidebar .sidebar-menu .menu-items li.open > a, .page-sidebar .sidebar-menu .menu-items li.active > a{
    color:var(--sidebar-text-hover-color);
}

.page-sidebar .sidebar-menu .menu-items li.open > .sub-menu{
    display:block !important;
}

.page-sidebar .sidebar-menu .menu-items li > a{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:calc(100% - 55px);
}

.page-sidebar .sidebar-menu .menu-items li > ul > li > a{
    width:calc(100% - 40px);
}

.page-sidebar .sidebar-menu .menu-items > li{
    display:block;
    padding:0;
    clear:right;
}

.page-sidebar .sidebar-menu .menu-items > li:after, .page-sidebar .sidebar-menu .menu-items > li:before{
    display:table;
    content:" ";
    clear:both;
}

.page-sidebar .sidebar-menu .menu-items > li.has-treeview{ }

.page-sidebar .sidebar-menu .menu-items > li.has-treeview > a{ width:100%; }

.page-sidebar .sidebar-menu .menu-items > li.has-treeview > a .title{ width:70%; }

.page-sidebar .sidebar-menu .menu-items > li.has-treeview > a .span.arrow{ }

.page-sidebar .sidebar-menu .menu-items > li.has-treeview > .icon-thumbnail{ display:none; }

.page-sidebar .sidebar-menu .menu-items > li > a{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    display:inline-block;
    padding-left:22px;
    min-height:40px;
    line-height:40px;
    font-size:14px;
    clear:both;
}

.page-sidebar .sidebar-menu .menu-items > li > a.open{
    background:#313131;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow{
    float:right;
    padding-right:26px;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow:before{
    float:right;
    display:inline;
    font-size:10px;
    font-family:"Font Awesome 6 Pro";
    content:"\f054";
    height:auto;
    font-weight:300;
    text-shadow:none;
    -webkit-transition:all 0.12s ease;
    transition:all 0.12s ease;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow.open:before{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

.page-sidebar .sidebar-menu .menu-items > li > a > .badge{
    margin-top:12px;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .title{
    float:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    width:100%;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .details{
    font-size:12px;
    opacity:0.4;
    display:block;
    clear:both;
}

.page-sidebar .sidebar-menu .menu-items > li > a.detailed > .title{
    line-height:28px;
}

.page-sidebar .sidebar-menu .menu-items > li > a.detailed > .details{
    line-height:16px;
}

.page-sidebar .sidebar-menu .menu-items > li.active > ul.sub-menu{
    display:block;
}

.page-sidebar .sidebar-menu .menu-items > li > .icon-thumbnail:first-letter{
    text-transform:uppercase;
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu > li ul.sub-menu li{
    padding-left:10px;
    padding-right:3px;
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu > li ul.sub-menu .icon-thumbnail{
    width:25px;
    height:25px;
    line-height:25px;
    font-size:10px;
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow:before{
    float:right;
    margin-top:1px;
    margin-right:20px;
    display:inline;
    font-size:10px;
    font-family:"Font Awesome 6 Pro";
    content:"\f054";
    font-weight:300;
    text-shadow:none;
    -webkit-transition:all 0.12s ease;
    transition:all 0.12s ease;
}

.page-sidebar .sidebar-menu .menu-items > li > ul.sub-menu li > a > .arrow.open:before{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu{
    display:none;
    list-style:none;
    clear:both;
    margin:0 0 10px 0;
    background-color:var(--sidebar-submenu-background);
    padding:0;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li{
    background:none;
    padding:0 20px 0 30px;
    margin-top:1px;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:hover > .icon-thumbnail{
    color:var(--sidebar-text-hover-color);
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a{
    display:inline-block;
    padding:5px 0;
    font-size:13px;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    white-space:normal;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li .icon-thumbnail{
    width:30px;
    height:30px;
    line-height:30px;
    margin:0;
    font-size:14px;
}

.page-sidebar .sidebar-menu .muted{
    color:var(--color-blue-dark-62);
}

[data-toggle-pin="sidebar"] > i:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f111";
    font-size:12px;
}

.icon-thumbnail{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:transparent;
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    vertical-align:middle;
    position:relative;
    left:0;
    float:right;
    margin-right:14px;
    color:var(--sidebar-icon-color);
    transition:transform 0.4s cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility:hidden;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    font-weight:bold;
}

.icon-thumbnail > svg{
    width:auto;
    height:auto;
    display:inline;
}

@media only screen and (max-width:1400px){
    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{
        bottom:50px;
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-widgets{
        display:none;
    }
}

@media only screen and (min-width:980px){
    body.ie9.menu-pin .page-sidebar{
        transform:none !important;
        -webkit-transform:none !important;
        -ms-transform:none !important;
    }

    body.menu-pin [data-toggle-pin="sidebar"] > i:before{
        content:"\e9a2";
    }

    body.menu-pin .page-sidebar{
        transform:translate(210px, 0) !important;
        -webkit-transform:translate(210px, 0) !important;
        -ms-transform:translate(210px, 0) !important;
        width:var(--sidebar-width, 250px);
    }

    body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls{
        -webkit-transform:translateX(30px);
        -ms-transform:translateX(30px);
        transform:translateX(30px);
    }

    body.menu-behind .page-sidebar{
        z-index:799;
    }

    body.box-layout .page-sidebar{
        left:auto;
        transform:none !important;
        -webkit-transform:none !important;
    }
}

@media (max-width:991px){
    .page-sidebar{
        width:var(--sidebar-width, 250px);
        z-index:auto;
        left:0 !important;
        -webkit-transform:translate3d(0, 0, 0) !important;
        transform:translate3d(0, 0, 0) !important;
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li{
        padding:0 30px 0 36px;
    }

    .icon-thumbnail{
        margin-right:24px;
    }

    .page-sidebar{
        display:none;
        z-index:auto;
    }

    .page-sidebar.visible{
        display:block;
    }

    .page-sidebar .page-sidebar-inner{
        z-index:1;
        left:0 !important;
        width:260px;
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu{
        overflow:scroll;
        -webkit-overflow-scrolling:touch;
        top:40px;
        bottom:0;
    }

    .page-sidebar .page-sidebar-inner .sidebar-slide .sidebar-menu ul > li > a > .badge{
        display:inline-block;
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
    .page-sidebar .sidebar-menu .menu-items ul{
        -webkit-transform:translateZ(0);
        -webkit-backface-visibility:hidden;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){
    .page-sidebar .sidebar-menu .menu-items > li > a{
        padding-left:27px;
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li{
        padding:0 27px 0 31px;
    }
}

@media (max-width:991px){
    .sidebar-menu .icon-thumbnail{
        margin-right:15px;
    }
}

@media (max-width:767px){
    .page-sidebar .sidebar-header{
        padding:0 12px;
    }

    .page-sidebar .sidebar-menu .menu-items > li > a{
        padding-left:20px;
    }

    .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li{
        padding:0 25px 0 28px;
    }
}

@media (max-width:480px){
    .page-sidebar .sidebar-header{
        height:48px;
        line-height:48px;
    }
}

.overlay{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(255, 255, 255, 0.95);
    z-index:1010;
    padding-left:64px;
    overflow:auto;
}

.overlay .inline-block{
    display:inline-block;
}

.overlay .overlay-brand{
    margin-left:7px;
    position:relative;
    top:-1px;
}

.overlay > div{
    width:100%;
    height:260px;
    display:block;
    overflow:hidden;
}

.overlay .has-results{
    overflow:visible;
}

.overlay .overlay-search{
    font-weight:700;
    font-size:77px;
    height:100px;
    letter-spacing:-1.925px;
    line-height:100px;
    width:calc(100% - 75px);
    padding-left:0 !important;
}

.overlay .overlay-close{
    position:absolute;
    line-height:0;
    padding:0;
    right:20px;
}

.overlay .overlay-close i{
    font-size:36px;
}

.badge{
    text-shadow:none;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:400;
    background-color:#dcdee0;
    font-size:11px;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:4px;
    color:var(--color-blue-gray-dark);
    vertical-align:middle;
}

.badge-success{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
}

.badge-warning{
    background-color:var(--color-bg-warning);
}

.badge-important{
    background-color:var(--color-danger-bg);
    color:var(--color-white-100);
}

.badge-danger{
    background-color:var(--color-danger-bg);
    color:var(--color-white-100);
}

.badge-info{
    background-color:var(--color-bg-primary);
    color:var(--color-white-100);
}

.badge-default{
    background-color:var(--color-info-bg);
    color:var(--color-white-100);
}

.badge-inverse{
    background-color:var(--color-bg-primary-darker);
    color:var(--color-white-100);
}

.badge-white{
    background-color:var(--color-white-100);
    color:var(--color-blue-gray-dark);
}

.badge-disable{
    background-color:var(--color-blue-dark);
    color:var(--color-blue-gray-dark);
}

.tooltip-inner{
    font-size:12px;
}

.popover{
    border:1px solid rgba(0, 0, 0, 0.1);
    box-shadow:0 0 9px rgba(191, 191, 191, 0.36);
    z-index:790;
}

.alerts-container{
    position:fixed;
    width:350px;
    right:20px;
    z-index:999;
    top:80px;
}

.alerts-container[data-placement$="-left"]{
    left:100px;
    right:auto;
}

.alerts-container[data-placement$="-right"]{
    right:20px;
    left:auto;
}

.alerts-container[data-placement^="top-"]{
    top:80px;
    bottom:auto;
}

.alerts-container[data-placement^="bottom-"]{
    top:auto;
    bottom:20px;
}

.alerts-container[data-placement="bottom-right"] .alert:last-child, .alerts-container[data-placement="bottom-left"] .alert:last-child{
    margin-bottom:0;
}

.alerts-container .alert{
    position:relative;
}

.alerts-container .alert .close{
    position:absolute;
    right:9px;
    top:15px;
}

body:not(.horizontal-app-menu) .pgn-wrapper[data-position="top"]{
    top:6px;
    left:94px;
    right:24px;
}

body:not(.horizontal-app-menu) .pgn-wrapper[data-position="bottom"]{
    left:70px;
}

body:not(.horizontal-app-menu) .pgn-wrapper[data-position$="-left"]{
    left:90px;
    right:auto;
}

body:not(.horizontal-app-menu) .pgn-wrapper[data-position^="top-"]{
    top:80px;
    bottom:auto;
}

body.menu-pin .pgn-wrapper[data-position$="-left"],
body.menu-pin .pgn-wrapper[data-position="top"],
body.menu-pin .pgn-wrapper[data-position="bottom"]{
    left:calc(var(--sidebar-width, 250px) + 24px);
}

body.horizontal-app-menu .pgn-wrapper{
    z-index:799;
}

.pgn-wrapper{
    position:fixed;
    z-index:999;
}

.pgn-wrapper[data-position$="-left"]{
    left:30px;
}

.pgn-wrapper[data-position$="-right"]{
    right:20px;
}

.pgn-wrapper[data-position^="top-"]{
    top:20px;
}

.pgn-wrapper[data-position^="bottom-"]{
    bottom:20px;
}

.pgn-wrapper[data-position="top"]{
    top:0;
    left:0;
    right:0;
}

.pgn-wrapper[data-position="bottom"]{
    bottom:0;
    left:0;
    right:0;
}

.pgn{
    position:relative;
    margin:10px;
}

.pgn.pgn-flip{
    margin-top:0;
}

.pgn .alert{
    margin:0;
    margin-bottom:4px;
}

.pgn-simple .alert{
    padding-top:13px;
    padding-bottom:13px;
    max-width:500px;
    animation:fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation:fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    max-height:250px;
    overflow:hidden;
}

.pgn-bar{
    overflow:hidden;
    margin:0;
}

.pgn-bar .alert{
    border-radius:0.25rem !important;
    padding-top:13px;
    padding-bottom:13px;
    max-height:91px;
}

.pgn-wrapper[data-position="top"] .pgn-bar .alert{
    animation:slideInFromTop 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation:slideInFromTop 5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    transform-origin:top left;
    -webkit-transform-origin:top left;
}

.pgn-wrapper[data-position="bottom"] .pgn-bar .alert{
    animation:slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation:slideInFromBottom 0.5s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    transform-origin:bottom left;
    -webkit-transform-origin:bottom left;
}

.pgn-bar .alert span{
    opacity:0;
    animation:fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
    -webkit-animation:fadeIn 0.3s cubic-bezier(0.05, 0.74, 0.27, 0.99) forwards;
}

@keyframes slideInFromTop{
    0%{
        margin-top:-50px;
    }
    20%{
        margin-top:0;
    }
    80%{
        margin-top:0;
    }
    100%{
        margin-top:-50px;
    }
}

@-webkit-keyframes slideInFromTop{
    0%{
        margin-top:-50px;
    }
    20%{
        margin-top:0;
    }
    80%{
        margin-top:0;
    }
    100%{
        margin-top:-50px;
    }
}

@keyframes slideInFromBottom{
    0%{
        transform:translateY(100%);
    }
    100%{
        transform:translateY(0);
    }
}

@-webkit-keyframes slideInFromBottom{
    0%{
        -webkit-transform:translateY(100%);
    }
    100%{
        -webkit-transform:translateY(0);
    }
}

.pgn-circle .alert{
    margin-bottom:10px;
    border-radius:300px;
    animation:fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards;
    -webkit-animation:fadeInCircle 0.3s ease forwards, resizeCircle 0.3s 0.4s cubic-bezier(0.25, 0.25, 0.4, 1.6) forwards;
    height:60px;
    overflow:hidden;
    padding:6px 55px 6px 6px;
    -webkit-transform:translateZ(0);
    position:relative;
}

.pgn-wrapper[data-position$="-right"] .pgn-circle .alert{
    float:right;
}

.pgn-wrapper[data-position$="-left"] .pgn-circle .alert{
    float:left;
}

.pgn-wrapper[data-position^="bottom-"] .pgn-circle .alert{
    margin-bottom:20px;
}

.pgn-circle .alert > div > div.pgn-thumbnail > div{
    border-radius:50%;
    overflow:hidden;
    width:48px;
    height:48px;
}

.pgn-circle .alert > div > div.pgn-thumbnail > div > img{
    width:100%;
    height:100%;
}

.pgn-circle .alert > div > div.pgn-message > div{
    opacity:0;
    height:47px;
    padding-left:9px;
    animation:fadeIn 0.3s 0.5s ease forwards;
    -webkit-animation:fadeIn 0.3s 0.5s ease forwards;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:break-all;
    word-wrap:break-word;
}

.pgn-circle .alert > div > div.pgn-message > div p:only-child{
    padding:12px 0;
}

.pgn-circle .alert .close{
    margin-top:-12px;
    position:absolute;
    right:18px;
    top:50%;
    opacity:0;
    animation:fadeIn 0.3s 0.5s ease forwards;
    -webkit-animation:fadeIn 0.3s 0.5s ease forwards;
}

.pgn-circle .alert p{
    margin-bottom:0;
}

.pgn-circle .alert > div{
    display:table;
    height:100%;
}

.pgn-circle .alert > div > div{
    display:table-cell;
    vertical-align:middle;
}

@keyframes fadeInCircle{
    0%{
        opacity:0;
        width:60px;
    }
    100%{
        opacity:1;
        width:60px;
    }
}

@-webkit-keyframes fadeInCircle{
    0%{
        opacity:0;
        width:60px;
    }
    100%{
        opacity:1;
        width:60px;
    }
}

@keyframes resizeCircle{
    0%{
        width:60px;
    }
    100%{
        width:300px;
    }
}

@-webkit-keyframes resizeCircle{
    0%{
        width:60px;
    }
    100%{
        width:300px;
    }
}

.pgn-wrapper[data-position^="bottom-"] .pgn-flip .alert{
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
}

.pgn-flip .alert{
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-animation-name:flipInX;
    animation-name:flipInX;
    -webkit-animation-duration:0.8s;
    animation-duration:0.8s;
    border-radius:0;
    padding:25px 35px;
    max-width:500px;
    max-height:250px;
    overflow:hidden;
}

@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function:ease-in;
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function:ease-out;
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function:ease-in;
        opacity:1;
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function:ease-out;
    }
    100%{
        -webkit-transform:perspective(400px);
    }
}

@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in;
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 20deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function:ease-out;
        transition-timing-function:ease-out;
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, -10deg);
        transform:perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function:ease-in;
        transition-timing-function:ease-in;
        opacity:1;
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1, 0, 0, 5deg);
        transform:perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function:ease-out;
        transition-timing-function:ease-out;
    }
    100%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
    }
}

@keyframes fadeIn{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

@-webkit-keyframes fadeIn{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

body > .pgn-wrapper[data-position="top"]{
    top:60px;
    left:70px;
}

body > .pgn-wrapper[data-position="bottom"]{
    left:70px;
}

body > .pgn-wrapper[data-position$="-left"]{
    left:90px;
    right:auto;
}

body > .pgn-wrapper[data-position^="top-"]{
    top:80px;
    bottom:auto;
}

.pgn-circle .alert .close{
    margin-top:-4px;
}

body > .pgn-wrapper{
    z-index:900;
}

@media (max-width:979px){
    body .pgn-wrapper[data-position="top"]{
        left:0 !important;
    }

    body .pgn-wrapper[data-position="bottom"]{
        left:0 !important;
    }
}

@media (max-width:767px){
    body .pgn-wrapper[data-position$="-left"],
    body .pgn-wrapper[data-position$="-right"]{
        left:10px !important;
        right:10px !important;
    }

    body .pgn-wrapper[data-position$="-right"] .alert,
    body .pgn-wrapper[data-position$="-left"] .alert{
        max-width:100%;
        width:100%;
    }
}

.vertical-slider{
    height:150px;
}


.sortable .card-header{
    cursor:move;
}

.ui-sortable-handle{
    transition:max-height 0.3s ease 0s;
}

.sortable .grid .grid-title{
    cursor:move;
}

.ui-sortable{
    min-height:0 !important;
}

.ui-sortable-placeholder{
    border:1px dotted black;
    visibility:visible !important;
    height:100% !important;
}

.ui-sortable-placeholder *{
    visibility:hidden;
}

.sortable-box-placeholder{
    background-color:#f3f3f4;
    border:1px dashed #dcdee0;
    display:block;
    margin-top:0 !important;
    margin-bottom:24px !important;
}

.sortable-box-placeholder *{
    visibility:hidden;
}

.sortable .card{
    transition:none;
}

.sortable-column{
    padding-bottom:100px;
}

.demo-card-scrollable{
    height:158px;
}

.form-check{
    margin-bottom:10px;
    padding-left:0;
}

.form-check .custom-control{
    padding-left:0
}

.form-check label{
    display:inline-block;
    cursor:pointer;
    position:relative;
    padding-left:25px;
    min-width:18px;
    min-height:18px;
    margin-bottom:0;
    user-select:none;
}

.form-check label:before{
    content:"";
    position:absolute;
    width:16px;
    height:16px;
    left:0;
    -webkit-box-sizing:inherit;
    box-sizing:border-box;
    background-color:var(--color-white-100);
    border:1px solid #c2c5ca;
}

.form-check label{
    transition:border 140ms linear 0s, color 140ms linear 0s, background-color 140ms linear 0s;
}

.form-check label:hover{
    color:var(--color-blue-dark);
}

.form-check label:before{
    top:2px;
    border-radius:3px;
    transition:border 140ms linear 0s, color 140ms linear 0s, background-color 140ms linear 0s;
}

.form-check input[type="checkbox"]{
    position:absolute;
    margin:0;
    top:3px;
    z-index:-1;
    width:16px;
    height:16px;
    opacity:0;
}

.form-check input[type="checkbox"] + label::after{
    content:"";
    position:absolute;
    top:2px;
    left:0;
    border-right:0 solid transparent;
    border-bottom:0 solid transparent;
    width:16px;
    height:16px;
    overflow:hidden;
}

.form-check.checkbox-circle label:after{
    border-radius:99px;
}

.form-check.checkbox-circle label:before{
    border-radius:99px;
}

.form-check input[type="checkbox"]:checked + label::after{
    content:"";
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTHBwcG9vb3BwcBFjhIYAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==") left center;
    background-size:160px 16px;
    background-repeat:no-repeat;
    animation-name:checkbox-check;
    animation-duration:320ms;
    animation-timing-function:steps(9);
    animation-fill-mode:forwards;
    animation-iteration-count:1;
}

.form-check input[type="checkbox"]:hover:active:not(:checked) + label:before{
    background-color:rgba(0, 0, 0, 0.08);
}

.form-check input[type="checkbox"]:focus + label{
    color:var(--color-blue-dark);
}

.form-check input[type="checkbox"]:focus + label:before{
    outline:none !important;
    box-shadow:0 0 0 2px #78c8fe;
}

.form-check input[type="checkbox"][disabled] + label{
    cursor:not-allowed !important;
    color:var(--color-blue-gray-dark);
    opacity:0.58;
}

.form-check input[type="checkbox"][disabled] + label:before{
    cursor:not-allowed !important;
    background:#eaeaec;
}

.form-check input[type="checkbox"]:indeterminate + label:after{
    background:none;
    background-color:var(--color-blue-gray-dark);
    width:10px;
    height:2px;
    top:6px;
    margin:3px;
    border-radius:2px;
}

.form-check.right label{
    padding-left:0;
    padding-right:26px;
}

.form-check.right label:before{
    right:0;
    left:auto;
}

.form-check.right input[type="checkbox"]:checked + label{
    position:relative;
}

.form-check.right input[type="checkbox"]:checked + label::after{
    position:absolute;
    right:0;
    left:auto;
}

.success input[type="checkbox"]:checked + label:before, .success input[type="checkbox"]:indeterminate + label:before{
    border-color:var(--color-success-dark);
    background-color:var(--color-success-dark);
}

.primary input[type="checkbox"]:checked + label:before, .primary input[type="checkbox"]:indeterminate + label:before{
    border-color:var(--color-bg-primary);
    background-color:var(--color-bg-primary);
}

.complete input[type="checkbox"]:checked + label:before, .complete input[type="checkbox"]:indeterminate + label:before{
    border-color:var(--color-bg-primary);
    background-color:var(--color-bg-primary);
}

.warning input[type="checkbox"]:checked + label:before, .warning input[type="checkbox"]:indeterminate + label:before{
    border-color:var(--color-bg-warning);
    background-color:var(--color-bg-warning);
}

.danger input[type="checkbox"]:checked + label:before, .danger input[type="checkbox"]:indeterminate + label:before{
    border-color:var(--color-danger-bg);
    background-color:var(--color-danger-bg);
}

.info input[type="checkbox"]:checked + label:before, .info input[type="checkbox"]:indeterminate + label:before{
    border-color:var(--color-info-bg);
    background-color:var(--color-info-bg);
}

.info input[type="checkbox"]:checked + label::after,
.danger input[type="checkbox"]:checked + label::after,
.complete input[type="checkbox"]:checked + label::after,
.primary input[type="checkbox"]:checked + label::after,
.success input[type="checkbox"]:checked + label::after{
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAQAgMAAADsa5zLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURUdwTP///////////waf0AoAAAAEdFJOUwBG9tQE3MceAAAAVUlEQVQoz2NgGLKA0QGIDwDxBSCeAMEYgAWI2YCK2CagYgwgDcRSDhgYbAkKzsSKGdgakCyY6ADES7BiiCkgJ4PYyybgxAhQAsRZDrgxCpDEg4cAAAAp2ibhZRGLHgAAAABJRU5ErkJggg==") left center;
}

.info input[type="checkbox"]:indeterminate + label::after,
.danger input[type="checkbox"]:indeterminate + label::after,
.complete input[type="checkbox"]:indeterminate + label::after,
.primary input[type="checkbox"]:indeterminate + label::after,
.success input[type="checkbox"]:indeterminate + label::after{
    background-color:var(--color-white-100);
}

@keyframes shrink-bounce{
    0%{
        transform:scale(1);
    }
    33%{
        transform:scale(0.85);
    }
    100%{
        transform:scale(1);
    }
}

@keyframes checkbox-check{
    0%{
        background-position:0;
    }
    100%{
        background-position:-144px;
    }
}

.js-focus-visible .form-check input[type="checkbox"]:focus:not(.focus-visible) + label:before{
    box-shadow:none;
}

.form-check input[type="radio"] + label:before{
    bottom:2.5px;
    border-radius:99px;
    -webkit-transition:border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition:border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
}

.form-check input[type="radio"]:checked + label:before{
    border-color:var(--color-blue-gray-light);
    border-width:5px;
}

.form-check input[type="radio"]:hover:active:not(:checked) + label:before{
    background-color:rgba(0, 0, 0, 0.08);
}

.form-check input[type="radio"]:focus + label{
    color:var(--color-blue-dark);
}

.form-check input[type="radio"]:focus + label:before{
    outline:none !important;
    box-shadow:0 0 0 2px #78c8fe;
}

.form-check input[type="radio"]{
    opacity:0;
    position:absolute;
    top:3px;
    width:16px;
    height:16px;
}

.form-check input[type="radio"][disabled] + label{
    cursor:not-allowed !important;
    color:var(--color-blue-gray-dark);
    opacity:0.58;
}

.form-check input[type="radio"][disabled] + label:before{
    cursor:not-allowed !important;
    background:#eaeaec;
}

.success input[type="radio"]:checked + label:before{
    border-color:var(--color-success-dark);
}

.primary input[type="radio"]:checked + label:before{
    border-color:var(--color-bg-primary);
}

.info input[type="radio"]:checked + label:before{
    border-color:var(--color-info-bg);
}

.warning input[type="radio"]:checked + label:before{
    border-color:var(--color-bg-warning);
}

.danger input[type="radio"]:checked + label:before{
    border-color:var(--color-danger-bg);
}

.complete input[type="radio"]:checked + label:before{
    border-color:var(--color-bg-primary);
}

.js-focus-visible .form-check input[type="radio"]:focus:not(.focus-visible) + label:before{
    box-shadow:none;
}

.form-check.switch input[type="checkbox"] + label{
    padding-left:34px;
}

.form-check.switch input[type="checkbox"] + label:before{
    cursor:pointer;
    width:26px;
    height:18px;
    top:2px;
    background-image:-webkit-linear-gradient(to right, var(--color-bg-primary) 0%, var(--color-bg-primary-light) 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
    background-image:-moz-linear-gradient(to right, var(--color-bg-primary) 0%, var(--color-bg-primary-light) 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
    background-image:linear-gradient(to right, var(--color-bg-primary) 0%, var(--color-bg-primary-light) 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
    background-size:300%;
    background-position:right;
    border-radius:50px;
    border:none;
    box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.12);
    transition:background 310ms, box-shadow 250ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.form-check.switch input[type="checkbox"] + label:after{
    transform:translateX(0%);
    background:var(--color-white-100);
    top:4px;
    left:2px;
    width:14px;
    height:14px;
    border-radius:9px;
    box-shadow:1px 0 1px 0.5px rgba(0, 0, 0, 0.12), 2px 4px 6px rgba(0, 0, 0, 0.2);
    transition:transform, box-shadow;
    transition-duration:250ms;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.form-check.switch input[type="checkbox"]:checked + label:before{
    background-position:left;
    box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.form-check.switch input[type="checkbox"]:checked + label:after{
    transform:translateX(calc(100% - 6px));
    box-shadow:1px 1px 0 rgba(0, 0, 0, 0.08), -3px 3px 6px rgba(0, 0, 0, 0.3);
}

.form-check.switch input[type="checkbox"]:focus + label:before{
    outline:none !important;
    box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 2px #78c8fe;
}

.form-check.switch input[type="checkbox"][disabled]:active + label:after{
    transform:scaleX(1.1);
    transform-origin:center;
    transition:transform step-start;
}

.form-check.switch input[type="checkbox"]:checked[disabled]:active + label:after{
    transform:translateX(calc(100% - 6px)) scaleX(1.1);
    transform-origin:center;
}

.form-check.switch input[type="checkbox"]:hover:active + label:before{
    background-color:transparent;
}

.form-check.switch.right input[type="checkbox"] + label{
    padding-left:0;
    padding-right:36px;
}

.form-check.switch.right input[type="checkbox"] + label:before{
    right:0;
    left:auto;
}

.form-check.switch.right input[type="checkbox"] + label:after{
    right:10px;
    left:auto;
}

.form-check.switch.switch-lg input[type="checkbox"] + label{
    padding-left:42px;
}

.form-check.switch.switch-lg input[type="checkbox"] + label:before{
    width:34px;
    height:22px;
    top:0;
}

.form-check.switch.switch-lg input[type="checkbox"] + label:after{
    width:18px;
    height:18px;
    top:2px;
}

.form-check.switch.switch-lg.right input[type="checkbox"] + label{
    padding-left:0;
    padding-right:44px;
}

.form-check.switch.switch-lg.right input[type="checkbox"] + label:after{
    right:14px;
}

.form-check.switch.success input[type="checkbox"] + label:before{
    background-image:linear-gradient(to right, var(--color-success-dark) 0%, #175727 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
}

.form-check.switch.complete input[type="checkbox"] + label:before{
    background-image:linear-gradient(to right, var(--color-success-dark) 0%, #175727 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
}

.form-check.switch.warning input[type="checkbox"] + label:before{
    background-image:linear-gradient(to right, var(--color-bg-warning) 0%, var(--color-bg-warning-light) 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
}

.form-check.switch.danger input[type="checkbox"] + label:before{
    background-image:linear-gradient(to right, var(--color-danger-bg) 0%, var(--color-bg-danger-light) 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
}

.form-check.switch.info input[type="checkbox"] + label:before{
    background-image:linear-gradient(to right, var(--color-info-bg) 0%, var(--color-info-bg-light) 44%, rgba(0, 0, 0, 0.14) 62%, rgba(0, 0, 0, 0.04) 97%);
}

.js-focus-visible .form-check.switch input[type="checkbox"]:focus:not(.focus-visible) + label:before{
    box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.form-check.switch input[type="checkbox"]{
    top:1px;
    width:28px;
    height:18px;
}

.form-check.switch.switch-lg input[type="checkbox"]{
    top:0;
    width:34px;
    height:22px;
}

.twitter-typeahead{
    width:100%;
}

.tt-menu{
    width:100%;
    padding:3px 10px 3px 3px;
    background-color:var(--color-white-100);
    border:1px solid rgba(0, 0, 0, 0.07);
    border-top:0;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    -webkit-box-shadow:0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow:0 4px 5px rgba(0, 0, 0, 0.15);
}

.tt-suggestion{
    color:var(--color-blue-gray-dark);
    padding:3px 7px 4px;
    padding-left:26px;
    line-height:24px;
}

.tt-suggestion:hover{
    cursor:pointer;
    background:#f3f3f4;
}

.tt-suggestion.tt-cursor{
    background:#f3f3f4;
}

.tt-suggestion p{
    margin:0;
}

.form-group-default.typehead{
    overflow:inherit;
}

.form-group-default .tt-menu{
    width:calc(100% + 24px);
    margin:4px -12px;
}

.dropzone{
    overflow:hidden;
}

.dropzone .dz-default.dz-message{
    width:100%;
}

.dropzone[dropzone="dropzone"] input[type="file"]{
    visibility:hidden;
}

.demo-form-wysiwyg{
    height:250px;
}

.error-form .form-group-default{
    padding:0;
    justify-content:space-between;
}

.error-form .form-group-default label{
    margin-top:6px;
    padding-left:12px;
}

.error-form .form-group-default .form-control{
    margin-top:-2px;
    margin-bottom:3px;
    padding-left:12px;
}

.error-container.bottom-container{
    margin-top:0;
}

.h-c-50{
    height:calc(50px);
}

.card-toolbar .note-editor .btn-toolbar{
    display:block;
}

body.overflow-hidden{
    overflow:hidden;
}

.alert-list > a{
    height:45px;
}

.hidden{
    display:none !important;
}

.visible-sm,
.visible-xs{
    display:none;
}

@media (max-width:767px){
    .visible-xs{
        display:block;
    }

    .hidden-xs{
        display:none;
    }
}

.page-sidebar .sidebar-header{
    border-bottom:transparent;
}

.header .bubble, .header .profile-dropdown-toggle:after{
    border-color:#f3f3f4;
}

.header.light.bg-white{
    background-color:var(--color-white-100);
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active > a, body.mobile .page-sidebar .sidebar-menu .menu-items li.open > a{
    color:var(--color-black-100);
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail, body.mobile .page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail{
    color:var(--color-black-100);
}

.jumbotron{
    background-color:var(--color-white-100);
}

.breadcrumb > .breadcrumb-item.active{
    color:var(--color-black-100);
}

@media (max-width:979px){
    .header{
        background:var(--color-white-100);
    }
}

.kv-thead-float{ z-index:500 !important; }