@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;
    --sidebar-width:280px;
}

.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:20px;
    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:rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.05);
}

.page-sidebar *{
    scrollbar-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.05);
}

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
------------------------------------
*/
.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{
    /* Content holder */
    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{
    /* 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;
}

/* Other overides */
.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-size:16px;
    font-family:"admin-icon";
    height:auto;
    content:"\e989";
    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
------------------------------------
*/
.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;
}

/* Bootstrap navbar
------------------------------------
*/
.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;
    *display:inline;
    /* ie7 fix */
    *zoom:1;
    /* hasLayout ie7 trigger */
    vertical-align:top;
}

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

/* Header Responsive Classes
------------------------------------
*/
@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;
    }

    .notification-panel{
        width:400px;
    }
}

@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;
}

/* Breadcrumbs
------------------------------------
*/
.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:"admin-icon";
    content:"\e988";
    font-size:16px;
}

.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;
}

/* Main Menu Sidebar
------------------------------------
*/
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(--color-light-gray);
}

body.mobile .page-sidebar .sidebar-menu .menu-items li:hover .icon-thumbnail{
    color:var(--color-light-gray); !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(--color-white-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-white-100);
}

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

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

/*
body.sidebar-visible .page-sidebar .menu-items .icon-thumbnail {
  -webkit-transform: translate3d(-14px, 0, 0);
  transform: translate3d(-14px, 0, 0);
  -ms-transform: translate(-14px, 0);
}*/

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(--color-white-100);
    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(--color-light-gray);
}

.page-sidebar a:hover, .page-sidebar a:active,
.page-sidebar button:hover,
.page-sidebar button:active{
    color:var(--color-black-100);
    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(--color-black-100);
}

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

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

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

.page-sidebar .sidebar-header{
    /* Side-bar header */
    display:block;
    height:60px;
    line-height:60px;
    background-color:white;
    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{
    /* Side-bar Top Slider */
    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{
    /* Side-bar 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{
    /* Side-bar Menut 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(--color-black-100);
}

.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(--color-black-100);
}

.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:16px;
    font-family:"admin-icon";
    height:auto;
    content:"\e989";
    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:16px;
    font-family:"admin-icon";
    content:"\e989";
    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{
    float:right;
    margin-top:1px;
    margin-right:18px;
    display:inline;
    font-size:16px;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
    font-weight:300;
    text-shadow:none;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu{
    display:none;
    list-style:none;
    clear:both;
    margin:0 0 10px 0;
    background-color:white;
    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(--color-black-100);
}

.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;
    background-color:var(--color-white-100);
    font-size:14px;
}

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

[data-toggle-pin="sidebar"] > i:before{
    content:"\e98c";
}

/* Sidebar icon holder
------------------------------------
*/
.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(--color-light-gray);
    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 > i{
    /*font-size: 20px;*/
}

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

/* Sidebar Responsive Classes
------------------------------------
*/
@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-pin .page-sidebar .menu-items .icon-thumbnail{
        /*-webkit-transform: translate3d(-14px, 0, 0);
    transform: translate3d(-14px, 0, 0);
    -ms-transform: translate(-14px, 0);*/
    }

    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;
    }
}

/* END Sidebar
------------------------------------
*/
/* Overlay Search
------------------------------------
*/
.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;
}

/* Scroll bar
------------------------------------
*/
.scroll{
    position:relative;
    overflow:auto;
}

.scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div{
    background:none;
    border:none;
    margin:0;
    padding:0;
    position:absolute;
    z-index:10;
}

.scroll-wrapper > .scroll-element div{
    display:block;
    height:100%;
    left:0;
    top:0;
    width:100%;
}

.scroll-wrapper > .scroll-element.scroll-x{
    bottom:2px;
    height:7px;
    left:0;
    min-width:100%;
    width:100%;
}

.scroll-wrapper > .scroll-element.scroll-y{
    height:100%;
    min-height:100%;
    right:2px;
    top:0;
    width:4px;
}

.scroll-wrapper > .scroll-element .scroll-element_outer{
    opacity:0.3;
}

.scroll-wrapper > .scroll-element .scroll-element_size{
    background-color:rgba(0, 0, 0, 0.07);
    opacity:0;
}

.scroll-wrapper > .scroll-element .scroll-bar{
    background-color:#697686;
}

.scroll-wrapper > .scroll-element.scroll-x .scroll-bar{
    bottom:0;
    height:4px;
    min-width:24px;
    top:auto;
}

.scroll-wrapper > .scroll-element.scroll-x .scroll-element_outer{
    bottom:0;
    top:auto;
    left:2px;
    -webkit-transition:height 0.2s;
    transition:height 0.2s;
}

.scroll-wrapper > .scroll-element.scroll-x .scroll-element_size{
    left:-4px;
}

.scroll-wrapper > .scroll-element.scroll-y .scroll-bar{
    left:auto;
    min-height:24px;
    right:0;
    width:4px;
}

.scroll-wrapper > .scroll-element.scroll-y .scroll-element_outer{
    left:auto;
    right:0;
    top:2px;
    -webkit-transition:all 0.2s;
    transition:all 0.2s;
}

.scroll-wrapper > .scroll-element.scroll-y .scroll-element_size{
    top:-4px;
}

.scroll-wrapper > .scroll-content{
    box-sizing:inherit !important;
}

.scroll-wrapper.auto-hide > .scroll-element .scroll-element_track{
    display:none;
}

.scroll-wrapper
> .scroll-element.scroll-x.scroll-scrolly_visible
.scroll-element_size{
    left:-11px;
}

.scroll-wrapper
> .scroll-element.scroll-y.scroll-scrollx_visible
.scroll-element_size{
    top:-11px;
}

/* hover & drag */
.scroll-wrapper > .scroll-element:hover .scroll-element_outer,
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-element_outer{
    overflow:hidden;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter:alpha(opacity=70);
    opacity:0.7;
}

.scroll-wrapper
> .scroll-element:hover
.scroll-element_outer
.scroll-element_size,
.scroll-wrapper
> .scroll-element.scroll-draggable
.scroll-element_outer
.scroll-element_size{
    opacity:1;
}

.scroll-wrapper > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scroll-wrapper
> .scroll-element.scroll-draggable
.scroll-element_outer
.scroll-bar{
    height:100%;
    width:100%;
}

.scroll-wrapper > .scroll-element.scroll-x:hover .scroll-element_outer,
.scroll-wrapper
> .scroll-element.scroll-x.scroll-draggable
.scroll-element_outer{
    height:10px;
    min-height:7px;
}

.scroll-wrapper > .scroll-element.scroll-y:hover .scroll-element_outer,
.scroll-wrapper
> .scroll-element.scroll-y.scroll-draggable
.scroll-element_outer{
    min-width:7px;
    width:7px;
}

/*------------------------------------------------------------------
[5@mixin  Typography]
*/
/* Standard elements
--------------------------------------------------
*/
html{
    font-size:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}

body{
    color:var(--color-blue-gray-dark);
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:14px;
    font-weight:normal;
    letter-spacing:0.01em;
    -webkit-font-smoothing:antialiased;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-font-feature-settings:"kern" 1;
    -moz-font-feature-settings:"kern" 1;
}

/* Headings
------------------------------------
*/
h1,
h2,
h3,
h4,
h5,
h6{
    margin:10px 0;
    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:500;
    color:inherit;
}

h1{
    font-size:44px;
    line-height:50px;
    letter-spacing:-0.0141279em;
}

h2{
    font-size:30px;
    line-height:38px;
    letter-spacing:-0.021em;
}

h3{
    font-size:27px;
    line-height:35px;
    letter-spacing:-0.0114923em;
}

h4{
    font-size:22px;
    line-height:32px;
    letter-spacing:-0.00865734em;
}

h5{
    font-size:18px;
    line-height:26px;
    letter-spacing:-0.00630069em;
}

h3 small,
h4 small,
h5 small{
    font-weight:300;
}

h1.block,
h2.block,
h3.block,
h4.block,
h5.block,
h6.block{
    padding-bottom:10px;
}

/* Lins and Others
------------------------------------
*/
a{
    text-shadow:none !important;
    color:var(--color-bg-primary-dark);
    transition:color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
    font-weight:500;
}

a:focus,
a:hover,
a:active{
    color:var(--color-bg-primary);
}

a,
a:focus,
a:hover,
a:active{
    outline:0 !important;
    text-decoration:none;
}

a[ng-click]{
    cursor:pointer;
}

br{
    line-height:normal;
    clear:both;
}

p{
    display:block;
    color:inherit;
    font-size:14px;
    font-weight:normal;
    letter-spacing:0.00177646em;
    line-height:21px;
    margin:0 0 10px 0;
    font-style:normal;
    white-space:normal;
}

small,
.small{
    line-height:18px;
    font-size:85.714%;
}

label.inline{
    display:inline-block;
    position:relative;
    top:0;
    font-size:13px;
}

ul,
ol{
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
}

ul > li,
ol > li{
    padding-left:3px;
    line-height:24px;
}

ul.lg-icon > li,
ol.lg-icon > li{
    font-size:21px;
}

ul.lg-icon > li span,
ol.lg-icon > li span{
    font-size:14px;
}

ul.no-style,
ol.no-style{
    list-style:none;
    padding-left:5px;
}

address{
    margin-bottom:0;
}

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

blockquote{
    padding:4px 0 0 18px;
    border-left:0;
}

blockquote:before{
    content:"\e95d";
    font-family:"admin-icon";
    font-size:20px;
    margin-right:6px;
    float:left;
    position:relative;
    top:-12px;
}

blockquote p{
    font-size:16px;
    margin-bottom:4px;
}

blockquote small{
    line-height:29px;
    color:var(--color-blue-gray-dark);
}

blockquote small:before{
    content:"—";
    margin-right:6px;
}

blockquote.pull-right{
    border-right:0;
}

blockquote.pull-right:before{
    float:right;
    font-family:"admin-icon";
    content:"\e95d";
    margin-left:6px;
    margin-right:0;
}

blockquote.pull-right small{
    padding-right:30px;
}

blockquote.pull-right small:after{
    content:"";
}

hr{
    border-color:#dcdee0;
}

hr.double{
    border-width:2px;
}

hr.dotted{
    border-style:dotted none none;
}

.ff-sup{
    font-feature-settings:"kern" 1, "sups" 1;
    -webkit-font-feature-settings:"kern" 1, "sups" 1;
    -ms-font-feature-settings:"kern" 1, "sups" 1;
    -moz-font-feature-settings:"kern" 1, "sups" 1;
}

.ff-sub{
    font-feature-settings:"kern" 1, "subs" 1;
    -webkit-font-feature-settings:"kern" 1, "subs" 1;
    -ms-font-feature-settings:"kern" 1, "subs" 1;
    -moz-font-feature-settings:"kern" 1, "subs" 1;
}

/* Standard HTML Typography tags
------------------------------------
*/
code{
    color:var(--color-blue-gray-light);
    background-color:var(--color-blue-dark-05);
    font-size:97%;
    position:relative;
    line-height:inherit;
    border-radius:3px;
    padding:5px 7px;
    margin:0;
}

code:hover{
    color:var(--color-bg-primary);
}

code.code-sm{
    padding:3px 6px;
}

figcaption{
    font-size:13px;
    margin-top:10px;
    font-weight:400;
    display:block;
    letter-spacing:0.008em;
    text-align:center;
    color:var(--color-blue-gray-light);
    line-height:1.46;
}

em{
    font-style:italic !important;
    font-family:inherit;
    font-weight:inherit;
}

ins{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    border-bottom:1px solid #d0d0d0;
    text-decoration:none;
    color:var(--color-blue-gray-dark);
    font-weight:normal;
    font-size:94%;
}

cite{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:300;
    color:var(--color-blue-gray-light);
    text-decoration:none;
    font-style:normal;
    hanging-punctuation:first;
}

sup{
    top:-0.28em;
    font-size:70%;
}

sub{
    bottom:0.03em;
}

var{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-feature-settings:"calt" 1, "tnum" 1, "frac" 1, "case" 1, "ss01" 1, "cv11" 1;
}

abbr{
    text-decoration:none;
    letter-spacing:0.01em;
    background-color:transparent;
    border-bottom:2px solid #ffba5a;
    transition-property:color, background, border;
    transition-duration:0.15s;
    transition-timing-function:linear;
    color:var(--color-blue-gray-dark);
}

q{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:500;
    font-size:20px;
    hanging-punctuation:first;
}

q:before{
    content:"\201C";
    color:rgba(0, 0, 0, 0.44);
    font-size:35px;
}

q:after{
    content:"\201D";
    font-size:35px;
    color:rgba(0, 0, 0, 0.44);
}

audio{
    margin-top:42px;
}

hr{
    clear:both;
    margin-bottom:42px;
    margin-top:42px;
    border:0;
    border-bottom:1px solid rgba(0, 0, 0, 0.13);
}

address{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-style:normal;
    margin:0 0 1.75em;
    font-size:14px;
    line-height:24px;
    margin-top:24px;
}

abbr{
    text-decoration:none;
    letter-spacing:0.01em;
    background-color:transparent;
    border-bottom:2px solid #ffba5a;
    transition-property:color, background, border;
    transition-duration:0.15s;
    transition-timing-function:linear;
    color:var(--color-blue-gray-dark);
}

acronym{
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:0.06em;
    background-color:transparent;
    border-bottom:2px solid #ffba5a;
    transition-property:color, background, border;
    transition-duration:0.15s;
    transition-timing-function:linear;
    color:var(--color-blue-gray-dark);
}

pre{
    tab-size:4;
    font-size:85.714%;
    overflow-x:auto;
    font-family:monospace, monospace;
    line-height:1.7;
    counter-reset:line;
    background-color:var(--color-default-background);
    color:var(--color-blue-gray-dark);
    margin:0;
    counter-reset:line;
    padding:17px 20px;
    border-radius:3px;
    margin-top:20px;
    margin-bottom:20px;
}

dt{
    font-weight:700;
    margin-bottom:5px;
}

dd{
    margin:0 0 1.75em;
}

kbd{
    font-size:85.714%;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    position:relative;
    line-height:34px;
    top:-3px;
    letter-spacing:0.01em;
    padding:5px 7px;
    margin:0;
    color:rgba(0, 0, 0, 0.53);
    background-color:var(--color-white-100);
    border-radius:3px;
    box-shadow:0 2px 0 1px #c7c7c7, 0 1px 0 1px rgba(0, 0, 0, 0.15), 0 0 0 1px #ececec;
}

/* Types
------------------------------------
*/
.overline{
    text-transform:uppercase;
    display:inline-block;
    letter-spacing:0.06em;
    font-size:11px;
}

/* Font Sizes
------------------------------------
*/
.small-text{
    font-size:12px !important;
    letter-spacing:0.00849077em;
    line-height:18px;
}

.small-text a{
    text-decoration:underline;
}

.normal-text{
    font-size:13px !important;
}

.large-text{
    font-size:15px !important;
}

/* Font Weights
------------------------------------
 */
.normal{
    font-weight:normal !important;
}

.semi-bold{
    font-weight:500 !important;
}

.bold{
    font-weight:600 !important;
}

.light{
    font-weight:300 !important;
}

/* Misc
------------------------------------
*/
.logo{
    margin:18px 14px;
}

.all-caps{
    text-transform:uppercase;
    letter-spacing:0.07em !important;
}

.text-uppercase{
    text-transform:uppercase !important;
    letter-spacing:0.07em !important;
}

.muted{
    color:var(--color-blue-gray-light);
}

.hint-text{
    opacity:0.76 !important;
}

.no-decoration{
    text-decoration:none !important;
}

.text-ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Monochrome Colors
------------------------------------
 */
.bg-contrast-higher{
    background-color:var(--color-blue-dark) !important;
    color:var(--color-white-100);
}

.bg-contrast-high{
    background-color:var(--color-blue-gray-dark) !important;
    color:var(--color-white-100);
}

.bg-contrast-medium{
    background-color:var(--color-blue-gray-light) !important;
    color:var(--color-white-100);
}

.bg-contrast-low{
    background-color:#dcdee0 !important;
    color:var(--color-blue-gray-dark);
}

.bg-contrast-lower{
    background-color:#f3f3f4 !important;
    color:var(--color-blue-gray-dark);
}

.bg-contrast-lowest{
    background-color:var(--color-white-100) !important;
    color:var(--color-blue-gray-dark);
}

/* Primary
------------------------------------
*/
.bg-primary{
    background-color:var(--color-bg-primary) !important;
    color:var(--color-white-100);
}

.bg-primary-dark{
    background-color:var(--color-bg-primary-dark) !important;
    color:var(--color-white-100);
}

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

.bg-primary-light{
    background-color:var(--color-bg-primary-light) !important;
    color:var(--color-white-100);
}

.bg-primary-lighter{
    background-color:var(--color-bg-primary-lighter) !important;
    color:var(--color-blue-gray-dark);
}

/* Complete
------------------------------------
*/
.bg-complete{
    background-color:var(--color-bg-primary) !important;
    color:var(--color-white-100);
}

.bg-complete-dark{
    background-color:var(--color-bg-primary-dark) !important;
    color:var(--color-white-100);
}

.bg-complete-darker{
    background-color:var(--color-bg-primary-darker) !important;
    color:var(--color-white-100);
}

.bg-complete-light{
    background-color:var(--color-bg-primary-light) !important;
    color:var(--color-white-100);
}

.bg-complete-lighter{
    background-color:var(--color-bg-primary-lighter) !important;
    color:var(--color-blue-gray-dark);
}

/* Success
------------------------------------
*/
.bg-success{
    background-color:var(--color-success) !important;
    color:var(--color-white-100);
}

.bg-success-dark{
    background-color:var(--color-success-dark) !important;
    color:var(--color-white-100);
}

.bg-success-darker{
    background-color:var(--color-success-dark) !important;
    color:var(--color-white-100);
}

.bg-success-light{
    background-color:var(--color-success-dark) !important;
    color:var(--color-white-100);
}

.bg-success-lighter{
    background-color:var(--color-success-dark) !important;
    color:var(--color-blue-gray-dark);
}

/* Info
------------------------------------
*/
.bg-info{
    background-color:var(--color-info-bg) !important;
    color:var(--color-white-100);
}

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

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

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

.bg-info-lighter{
    background-color:var(--color-info-bg-lighter);
    color:var(--color-blue-gray-dark);
}

/* Danger
------------------------------------
*/
.bg-danger{
    background-color:var(--color-danger-bg) !important;
    color:var(--color-white-100);
}

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

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

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

.bg-danger-lighter{
    background-color:var(--color-bg-danger-lighter);
    color:var(--color-blue-gray-dark);
}

/* Warning
------------------------------------
 */
.bg-warning{
    background-color:var(--color-bg-warning) !important;
    color:var(--color-blue-gray-dark);
}

.bg-warning-dark{
    background-color:var(--color-bg-warning-dark);
    color:var(--color-blue-gray-dark);
}

.bg-warning-darker{
    background-color:var(--color-bg-warning-darker);
    color:var(--color-blue-gray-dark);
}

.bg-warning-light{
    background-color:var(--color-bg-warning-light);
    color:var(--color-blue-gray-dark);
}

.bg-warning-lighter{
    background-color:var(--color-bg-warning-lighter);
    color:var(--color-blue-gray-dark);
}

/* Menu
------------------------------------
*/
.bg-menu-dark{
    background-color:white;
    color:var(--color-blue-gray-dark);
}

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

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

/* Gradients
------------------------------------
*/
.gradient-grey{
    background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}

.gradient-black{
    background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 75%);
}

/* Other Colors
------------------------------------
*/
.bg-black{
    background-color:var(--color-black-100) !important;
    color:var(--color-white-100);
}

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

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

/* Text Colors */
.link{
    opacity:0.7;
}

.link:hover{
    opacity:1;
}

.text-dark{
    color:var(--color-blue-dark) !important;
}

.text-color{
    color:var(--color-blue-gray-dark) !important;
}

.text-primary{
    color:#005bab !important;
}

.text-complete{
    color:var(--color-success-dark) !important;
}

.text-success{
    color:var(--color-success-dark) !important;
}

.text-info{
    color:var(--color-bg-primary) !important;
}

.text-warning{
    color:var(--color-warning) !important;
}

.text-danger{
    color:var(--color-danger) !important;
}

.text-black{
    color:var(--color-black-100) !important;
}

.text-white{
    color:var(--color-white-100) !important;
}

/* Text Aligngments
------------------------------------
*/
.text-right{
    text-align:right !important;
}

.text-left{
    text-align:left !important;
}

.text-center{
    text-align:center !important;
}

/* Labels
------------------------------------
*/
.label{
    padding:3px 5px;
    font-size:11px;
    line-height:1;
    text-shadow:none;
    background-color:#dcdee0;
    font-weight:600;
    color:var(--color-blue-gray-dark);
    border-radius:3px;
}

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

.label-warning{
    background-color:var(--color-bg-warning);
    color:var(--color-blue-gray-dark);
}

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

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

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

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

/* Font Sizes
------------------------------------
tracking =a+b×e(c × z)

a, b and c are constants
a = -0.0223
b = 0.185
c = -0.1745
z = font size

*/
.fs-10{
    font-size:10px !important;
    letter-spacing:0.0180093em;
    line-height:15px;
}

.fs-11{
    font-size:10.5px !important;
    letter-spacing:0.0128359em;
    line-height:16px;
}

.fs-12{
    font-size:12px !important;
    letter-spacing:0.00849077em;
    line-height:18px;
}

.fs-13{
    font-size:13px !important;
    letter-spacing:0.00484144em;
    line-height:19px;
}

.fs-14{
    font-size:14px !important;
    letter-spacing:0.00177646em;
    line-height:22px;
}

.fs-15{
    font-size:15px !important;
    letter-spacing:-0.000797757em;
    line-height:23px;
}

.fs-16{
    font-size:16px !important;
    letter-spacing:-0.00295978em;
    line-height:24px;
}

/* Line-heights
------------------------------------
*/
.lh-normal{
    line-height:normal;
}

.lh-10{
    line-height:10px;
}

.lh-11{
    line-height:11px;
}

.lh-12{
    line-height:12px;
}

.lh-13{
    line-height:13px;
}

.lh-14{
    line-height:14px;
}

.lh-15{
    line-height:15px;
}

.lh-16{
    line-height:16px;
}

/* Font Faces
------------------------------------
*/
.font-arial{
    font-family:Arial, sans-serif !important;
}

.font-montserrat{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
}

.font-georgia{
    font-family:Georgia !important;
}

.font-heading{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.font-secondary{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.overflow-ellipsis{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.jumbotron{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

.jumbotron p{
    font-size:14px;
    font-weight:normal;
    margin-bottom:inherit;
}

.jumbotron p.small{
    font-size:85.714%;
}

/* Responsive Handlers : Typo
------------------------------------
*/
@media (max-width:1400px){
    body,
    p{
        font-size:13px;
        line-height:20px;
    }

    h1{
        font-size:33px;
        line-height:44px;
        letter-spacing:-0.08px;
    }

    h2{
        font-size:28px;
        line-height:40px;
    }

    h3{
        font-size:24px;
        line-height:35.88px;
    }

    h4{
        font-size:18px;
        line-height:33.88px;
    }

    h5{
        font-size:16px;
        line-height:25.88px;
    }

    small,
    .small{
        font-size:89%;
        line-height:17px;
    }
}

.alert > p,
.alert > ul{
    margin-bottom:0;
}

.table > tbody > tr > td,
.table > tbody > tr > th{
    line-height:1.42857143;
}

.table > tfoot > tr > td,
.table > tfoot > tr > th{
    line-height:1.42857143;
}

.table > thead > tr > td,
.table > thead > tr > th{
    line-height:1.42857143;
}

/*------------------------------------------------------------------
Icons
------------------------------------------------------------------ */
@font-face{
    font-family:"admin-icon";
    src:url("../../fonts/admin-icon/admin-icon.woff") format("woff"), url("../../fonts/admin-icon/admin-icon.ttf") format("truetype"), url("../../fonts/admin-icon/admin-icon.svg") format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:block;
}

.pg-icon{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family:"admin-icon" !important;
    speak:none;
    font-size:20px;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    direction:ltr;
    word-wrap:normal;
    white-space:nowrap;
    /* Enable Ligatures ================ */
    letter-spacing:0;
    -webkit-font-feature-settings:"liga";
    -moz-font-feature-settings:"liga=1";
    -moz-font-feature-settings:"liga";
    -ms-font-feature-settings:"liga" 1;
    font-feature-settings:"liga";
    -webkit-font-variant-ligatures:discretionary-ligatures;
    font-variant-ligatures:discretionary-ligatures;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

/*------------------------------------------------------------------
[6. Buttons]
*/
/*
[Buttons Base Styles]
*/
.btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:500;
    font-size:14px;
    letter-spacing:-0.006em;
    margin-bottom:0;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    background-image:none !important;
    color:var(--color-blue-gray-dark);
    background-color:var(--color-white-100);
    text-shadow:none;
    box-shadow:none;
    border:1px solid var(--color-blue-dark-17);
    border-bottom:1px solid var(--color-blue-dark-24);
    line-height:14px;
    min-height:28px;
    min-width:28px;
    position:relative;
    transition:background 120ms ease-in 0s, box-shadow 120ms ease-in 0s, opacity 0.12s cubic-bezier(0.4, 0, 0.6, 1) 0ms, transform 0.12s cubic-bezier(0.4, 0, 0.6, 1) 0ms, -webkit-transform 0.12s cubic-bezier(0.4, 0, 0.6, 1) !important;
    padding:0 9px;
}

.btn.focus{
    box-shadow:none;
}

.btn:hover:not(.active){
    background:#f3f3f4;
    color:var(--color-blue-gray-dark);
}

.btn.active{
    background:#e9ebeb;
    border:1px solid var(--color-blue-dark-20);
    border-bottom:1px solid var(--color-blue-dark-29);
    color:var(--color-blue-gray-dark);
}

.btn:focus, .btn:active:focus, .btn.active:focus{
    outline:none !important;
    box-shadow:0 0 0 2px #78c8fe;
}

.btn .caret{
    margin-left:3px;
}

.btn .caret.single{
    margin-left:0;
}

.btn i{
    display:inline-flex;
    position:relative;
    left:0;
    top:0;
    align-items:center;
    justify-content:center;
}

.btn .pg-icon{
    font-size:20px;
}

.btn .material-icons{
    font-size:24px;
}

.btn span{
    flex:1;
}

button:focus{
    outline:none !important;
}

/*
Alternate buttons
--------------------------------------------------
*/
.btn-primary, .btn-primary:focus{
    color:var(--color-white-100);
    background-color:var(--color-bg-primary);
    border:1px solid rgba(0, 87, 188, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-primary.active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary.active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:hover,
.btn-primary .show .dropdown-toggle.btn-primary{
    background-color:#0061d1;
    color:var(--color-white-100);
    border:1px solid rgba(0, 87, 188, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
    box-shadow:none;
}

.btn-primary.hover:not(.active), .btn-primary:hover:not(.active),
.btn-primary .show .dropdown-toggle.btn-primary{
    background-color:var(--color-bg-primary-light);
    color:var(--color-white-100);
    border:1px solid rgba(0, 87, 188, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active{
    background-color:var(--color-bg-primary);
    border:1px solid rgba(0, 87, 188, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

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

.btn-success, .btn-success:focus{
    color:var(--color-white-100);
    background-color:var(--color-success-dark);
    border:1px solid var(--color-success-dark) 50;
    border-bottom:1px solid var(--color-success-dark) 22;
}

.btn-success.active, .btn-success:not(:disabled):not(.disabled):active, .btn-success.active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled):active:hover,
.btn-success .show .dropdown-toggle.btn-success{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
    border:1px solid var(--color-success-dark) 50;
    border-bottom:1px solid var(--color-success-dark) 22;
    box-shadow:none;
}

.btn-success.hover:not(.active), .btn-success:hover:not(.active),
.btn-success .show .dropdown-toggle.btn-success{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
    border:1px solid var(--color-success-dark) 50;
    border-bottom:1px solid var(--color-success-dark) 22;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active{
    background-color:var(--color-success-dark);
    border:1px solid var(--color-success-dark) 50;
    border-bottom:1px solid var(--color-success-dark) 22;
}

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

.btn-complete, .btn-complete:focus{
    color:var(--color-white-100);
    background-color:var(--color-success-dark);
    border:1px solid var(--color-success-dark) 50;
    border-bottom:1px solid var(--color-success-dark) 22;
}

.btn-complete.active, .btn-complete:not(:disabled):not(.disabled):active, .btn-complete.active:focus, .btn-complete:not(:disabled):not(.disabled):active:focus, .btn-complete:not(:disabled):not(.disabled):active:hover,
.btn-complete .show .dropdown-toggle.btn-complete{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
    border:1px solid var(--color-success-dark) 50;
    border-bottom:1px solid var(--color-success-dark) 22;
    box-shadow:none;
}

.btn-complete.hover:not(.active), .btn-complete:hover:not(.active),
.btn-complete .show .dropdown-toggle.btn-complete{
    background-color:var(--color-bg-primary-light);
    color:var(--color-white-100);
    border:1px solid rgba(0, 87, 188, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-complete.disabled, .btn-complete.disabled:hover, .btn-complete.disabled:focus, .btn-complete.disabled:active, .btn-complete.disabled.active, .btn-complete[disabled], .btn-complete[disabled]:hover, .btn-complete[disabled]:focus, .btn-complete[disabled]:active, .btn-complete[disabled].active,
fieldset[disabled] .btn-complete,
fieldset[disabled] .btn-complete:hover,
fieldset[disabled] .btn-complete:focus,
fieldset[disabled] .btn-complete:active,
fieldset[disabled] .btn-complete.active{
    background-color:var(--color-bg-primary);
    border:1px solid rgba(0, 87, 188, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

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

.btn-info, .btn-info:focus{
    color:var(--color-white-100);
    background-color:var(--color-info-bg);
    border:1px solid rgba(52, 63, 82, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-info.active, .btn-info:not(:disabled):not(.disabled):active, .btn-info.active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled):active:hover,
.btn-info .show .dropdown-toggle.btn-info{
    background-color:#39475c;
    color:var(--color-white-100);
    border:1px solid rgba(52, 63, 82, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
    box-shadow:none;
}

.btn-info.hover:not(.active), .btn-info:hover:not(.active),
.btn-info .show .dropdown-toggle.btn-info{
    background-color:var(--color-info-bg-light);
    color:var(--color-white-100);
    border:1px solid rgba(52, 63, 82, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active{
    background-color:var(--color-info-bg);
    border:1px solid rgba(52, 63, 82, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

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

.btn-warning, .btn-warning:focus{
    color:var(--color-blue-gray-dark);
    background-color:var(--color-bg-warning);
    border:1px solid rgba(216, 169, 79, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-warning.active, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning.active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled):active:hover,
.btn-warning .show .dropdown-toggle.btn-warning{
    background-color:#edbc5b;
    color:var(--color-blue-gray-dark);
    border:1px solid rgba(216, 169, 79, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
    box-shadow:none;
}

.btn-warning.hover:not(.active), .btn-warning:hover:not(.active),
.btn-warning .show .dropdown-toggle.btn-warning{
    background-color:var(--color-bg-warning-light);
    color:var(--color-blue-gray-dark);
    border:1px solid rgba(216, 169, 79, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active{
    background-color:var(--color-bg-warning);
    border:1px solid rgba(216, 169, 79, 0.5);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-warning .badge{
    color:var(--color-bg-warning);
    background-color:var(--color-blue-gray-dark);
}

.btn-danger, .btn-danger:focus{
    color:var(--color-white-100);
    background-color:var(--color-danger-bg);
    border:1px solid var(--color-bg-danger-dark-05);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-danger.active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger.active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled):active:hover,
.btn-danger .show .dropdown-toggle.btn-danger{
    background-color:var(--color-danger-bg-dark);
    color:var(--color-white-100);
    border:1px solid var(--color-bg-danger-dark-05);
    border-bottom:1px solid var(--color-blue-dark-22);
    box-shadow:none;
}

.btn-danger.hover:not(.active), .btn-danger:hover:not(.active),
.btn-danger .show .dropdown-toggle.btn-danger{
    background-color:var(--color-bg-danger-light);
    color:var(--color-white-100);
    border:1px solid var(--color-bg-danger-dark-05);
    border-bottom:1px solid var(--color-blue-dark-22);
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active{
    background-color:var(--color-danger-bg);
    border:1px solid var(--color-bg-danger-dark-05);
    border-bottom:1px solid var(--color-blue-dark-22);
}

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

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

.btn-default:not(:disabled):not(.disabled):active:hover, .btn-default.active, .btn-default:active, .btn-default.active:focus, .btn-default:active:focus{
    background:#dcdee0;
    border:1px solid var(--color-blue-dark-20);
    border-bottom:1px solid var(--color-blue-dark-29);
    color:var(--color-blue-gray-dark);
}

.btn-default.active{
    background:#dcdee0;
    animation-name:toggle;
    animation-duration:300ms;
    animation-iteration-count:1;
    animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    color:var(--color-blue-dark);
}

.btn-default.hover:not(.active), .btn-default:hover:not(.active){
    background:#f3f3f4;
    color:var(--color-blue-dark);
}

.btn-icon-link{
    position:relative;
    min-width:24px;
    min-height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    user-select:none;
    cursor:pointer;
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0;
    line-height:0;
}

.btn-icon-link:before{
    content:"";
    display:block;
    opacity:0;
    position:absolute;
    transition:all cubic-bezier(0.4, 0, 0.2, 1) 240ms;
    bottom:-2px;
    left:-2px;
    right:-2px;
    top:-2px;
    background:none;
    border-radius:50%;
    box-sizing:border-box;
    transform:scale(0.89);
}

.btn-icon-link:hover:not(.active){
    background:transparent;
}

.btn-icon-link:hover:not(.active):before{
    background-color:var(--color-blue-dark-10);
    opacity:1;
    transform:scale(1);
}

.btn-icon-link:hover:not(.active):active:before, .btn-icon-link:hover:not(.active).active:before{
    transition:all cubic-bezier(0.4, 0, 0.2, 1) 44ms;
    background-color:rgba(101, 108, 119, 0.26);
    opacity:1;
    transform:scale(1);
}

.btn-icon-link.active{
    background:none;
}

.btn-icon-link.active:before{
    opacity:1;
    transform:scale(1);
    background-color:rgba(101, 108, 119, 0.26);
}

.btn-icon-link.invert:hover:not(.active){
    color:rgba(255, 255, 255, 0.72);
}

.btn-icon-link.invert:hover:not(.active):before{
    background-color:rgba(255, 255, 255, 0.12);
}

.btn-icon-link.invert:hover:not(.active):active{
    color:var(--color-white-100);
}

.btn-icon-link.invert:hover:not(.active):active:before{
    background-color:rgba(255, 255, 255, 0.18);
}

/*
Outline Buttons
--------------------------------------------------
*/
.btn-outline-primary, .btn-outline-primary:focus{
    color:var(--color-bg-primary) !important;
    border:1px solid var(--color-bg-primary) !important;
    background:transparent !important;
}

.btn-outline-primary.active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary.active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:hover,
.btn-outline-primary .show .dropdown-toggle.btn-outline-primary{
    background-color:rgba(0, 123, 232, 0.4) !important;
    border:1px solid var(--color-bg-primary) !important;
    color:var(--color-bg-primary) !important;
    box-shadow:none !important;
}

.btn-outline-primary.hover:not(.active), .btn-outline-primary:hover:not(.active),
.btn-outline-primary .show .dropdown-toggle.btn-outline-primary{
    background-color:rgba(0, 123, 232, 0.1) !important;
    border:1px solid var(--color-bg-primary) !important;
    color:var(--color-bg-primary) !important;
}

.btn-outline-primary.disabled, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active, .btn-outline-primary.disabled.active, .btn-outline-primary[disabled], .btn-outline-primary[disabled]:hover, .btn-outline-primary[disabled]:focus, .btn-outline-primary[disabled]:active, .btn-outline-primary[disabled].active,
fieldset[disabled] .btn-outline-primary,
fieldset[disabled] .btn-outline-primary:hover,
fieldset[disabled] .btn-outline-primary:focus,
fieldset[disabled] .btn-outline-primary:active,
fieldset[disabled] .btn-outline-primary.active{
    border:1px solid var(--color-success-dark) !important;
    background:transparent !important;
    color:var(--color-success-dark) 80 !important;
    cursor:not-allowed !important;
}

.btn-outline-success, .btn-outline-success:focus{
    color:var(--color-success-dark) !important;
    border:1px solid var(--color-success-dark) !important;
    background:transparent !important;
}

.btn-outline-success.active, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success.active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:hover,
.btn-outline-success .show .dropdown-toggle.btn-outline-success{
    background-color:var(--color-success-dark) 40 !important;
    border:1px solid var(--color-success-dark) !important;
    color:var(--color-success-dark) !important;
    box-shadow:none !important;
}

.btn-outline-success.hover:not(.active), .btn-outline-success:hover:not(.active),
.btn-outline-success .show .dropdown-toggle.btn-outline-success{
    background-color:var(--color-success-dark) 10 !important;
    border:1px solid var(--color-success-dark) !important;
    color:var(--color-success-dark) !important;
}

.btn-outline-success.disabled, .btn-outline-success.disabled:hover, .btn-outline-success.disabled:focus, .btn-outline-success.disabled:active, .btn-outline-success.disabled.active, .btn-outline-success[disabled], .btn-outline-success[disabled]:hover, .btn-outline-success[disabled]:focus, .btn-outline-success[disabled]:active, .btn-outline-success[disabled].active,
fieldset[disabled] .btn-outline-success,
fieldset[disabled] .btn-outline-success:hover,
fieldset[disabled] .btn-outline-success:focus,
fieldset[disabled] .btn-outline-success:active,
fieldset[disabled] .btn-outline-success.active{
    border:1px solid var(--color-success-dark) !important;
    background:transparent !important;
    color:var(--color-success-dark) 80 !important;
    cursor:not-allowed !important;
}

.btn-outline-complete, .btn-outline-complete:focus{
    color:var(--color-success-dark) !important;
    border:1px solid var(--color-success-dark) !important;
    background:transparent !important;
}

.btn-outline-complete.active, .btn-outline-complete:not(:disabled):not(.disabled):active, .btn-outline-complete.active:focus, .btn-outline-complete:not(:disabled):not(.disabled):active:focus, .btn-outline-complete:not(:disabled):not(.disabled):active:hover,
.btn-outline-complete .show .dropdown-toggle.btn-outline-complete{
    background-color:var(--color-success-dark) 40 !important;
    border:1px solid var(--color-success-dark) !important;
    color:var(--color-success-dark) !important;
    box-shadow:none !important;
}

.btn-outline-complete.hover:not(.active), .btn-outline-complete:hover:not(.active),
.btn-outline-complete .show .dropdown-toggle.btn-outline-complete{
    background-color:rgba(0, 123, 232, 0.1) !important;
    border:1px solid var(--color-bg-primary) !important;
    color:var(--color-bg-primary) !important;
}

.btn-outline-complete.disabled, .btn-outline-complete.disabled:hover, .btn-outline-complete.disabled:focus, .btn-outline-complete.disabled:active, .btn-outline-complete.disabled.active, .btn-outline-complete[disabled], .btn-outline-complete[disabled]:hover, .btn-outline-complete[disabled]:focus, .btn-outline-complete[disabled]:active, .btn-outline-complete[disabled].active,
fieldset[disabled] .btn-outline-complete,
fieldset[disabled] .btn-outline-complete:hover,
fieldset[disabled] .btn-outline-complete:focus,
fieldset[disabled] .btn-outline-complete:active,
fieldset[disabled] .btn-outline-complete.active{
    border:1px solid var(--color-bg-primary) !important;
    background:transparent !important;
    color:rgba(0, 123, 232, 0.8) !important;
    cursor:not-allowed !important;
}

.btn-outline-info, .btn-outline-info:focus{
    color:var(--color-info-bg) !important;
    border:1px solid var(--color-info-bg) !important;
    background:transparent !important;
}

.btn-outline-info.active, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info.active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:hover,
.btn-outline-info .show .dropdown-toggle.btn-outline-info{
    background-color:rgba(71, 82, 94, 0.4) !important;
    border:1px solid var(--color-info-bg) !important;
    color:var(--color-info-bg) !important;
    box-shadow:none !important;
}

.btn-outline-info.hover:not(.active), .btn-outline-info:hover:not(.active),
.btn-outline-info .show .dropdown-toggle.btn-outline-info{
    background-color:rgba(71, 82, 94, 0.1) !important;
    border:1px solid var(--color-info-bg) !important;
    color:var(--color-info-bg) !important;
}

.btn-outline-info.disabled, .btn-outline-info.disabled:hover, .btn-outline-info.disabled:focus, .btn-outline-info.disabled:active, .btn-outline-info.disabled.active, .btn-outline-info[disabled], .btn-outline-info[disabled]:hover, .btn-outline-info[disabled]:focus, .btn-outline-info[disabled]:active, .btn-outline-info[disabled].active,
fieldset[disabled] .btn-outline-info,
fieldset[disabled] .btn-outline-info:hover,
fieldset[disabled] .btn-outline-info:focus,
fieldset[disabled] .btn-outline-info:active,
fieldset[disabled] .btn-outline-info.active{
    border:1px solid var(--color-info-bg) !important;
    background:transparent !important;
    color:rgba(71, 82, 94, 0.8) !important;
    cursor:not-allowed !important;
}

.btn-outline-warning, .btn-outline-warning:focus{
    color:var(--color-bg-warning) !important;
    border:1px solid var(--color-bg-warning) !important;
    background:transparent !important;
}

.btn-outline-warning.active, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning.active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:hover,
.btn-outline-warning .show .dropdown-toggle.btn-outline-warning{
    background-color:rgba(254, 215, 110, 0.4) !important;
    border:1px solid var(--color-bg-warning) !important;
    color:var(--color-bg-warning) !important;
    box-shadow:none !important;
}

.btn-outline-warning.hover:not(.active), .btn-outline-warning:hover:not(.active),
.btn-outline-warning .show .dropdown-toggle.btn-outline-warning{
    background-color:rgba(254, 215, 110, 0.1) !important;
    border:1px solid var(--color-bg-warning) !important;
    color:var(--color-bg-warning) !important;
}

.btn-outline-warning.disabled, .btn-outline-warning.disabled:hover, .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled:active, .btn-outline-warning.disabled.active, .btn-outline-warning[disabled], .btn-outline-warning[disabled]:hover, .btn-outline-warning[disabled]:focus, .btn-outline-warning[disabled]:active, .btn-outline-warning[disabled].active,
fieldset[disabled] .btn-outline-warning,
fieldset[disabled] .btn-outline-warning:hover,
fieldset[disabled] .btn-outline-warning:focus,
fieldset[disabled] .btn-outline-warning:active,
fieldset[disabled] .btn-outline-warning.active{
    border:1px solid var(--color-bg-warning) !important;
    background:transparent !important;
    color:rgba(254, 215, 110, 0.8) !important;
    cursor:not-allowed !important;
}

.btn-outline-danger, .btn-outline-danger:focus{
    color:var(--color-danger-bg) !important;
    border:1px solid var(--color-danger-bg) !important;
    background:transparent !important;
}

.btn-outline-danger.active, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger.active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:hover,
.btn-outline-danger .show .dropdown-toggle.btn-outline-danger{
    background-color:rgba(234, 44, 84, 0.4) !important;
    border:1px solid var(--color-danger-bg) !important;
    color:var(--color-danger-bg) !important;
    box-shadow:none !important;
}

.btn-outline-danger.hover:not(.active), .btn-outline-danger:hover:not(.active),
.btn-outline-danger .show .dropdown-toggle.btn-outline-danger{
    background-color:rgba(234, 44, 84, 0.1) !important;
    border:1px solid var(--color-danger-bg) !important;
    color:var(--color-danger-bg) !important;
}

.btn-outline-danger.disabled, .btn-outline-danger.disabled:hover, .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled:active, .btn-outline-danger.disabled.active, .btn-outline-danger[disabled], .btn-outline-danger[disabled]:hover, .btn-outline-danger[disabled]:focus, .btn-outline-danger[disabled]:active, .btn-outline-danger[disabled].active,
fieldset[disabled] .btn-outline-danger,
fieldset[disabled] .btn-outline-danger:hover,
fieldset[disabled] .btn-outline-danger:focus,
fieldset[disabled] .btn-outline-danger:active,
fieldset[disabled] .btn-outline-danger.active{
    border:1px solid var(--color-danger-bg) !important;
    background:transparent !important;
    color:rgba(234, 44, 84, 0.8) !important;
    cursor:not-allowed !important;
}

@keyframes toggle{
    0%{
        background:#dcdee0;
    }
    50%{
        background:#a6abb0;
    }
    100%{
        background:#dcdee0;
    }
}

.btn-link{
    padding-left:6px;
    padding-right:6px;
}

.btn-link, .btn-link:focus{
    color:var(--color-blue-gray-dark);
    background:transparent;
    border:0;
    text-decoration:none;
}

.btn-link.active, .btn-link:not(:disabled):not(.disabled):active, .btn-link.active:focus, .btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled):active:hover{
    color:var(--color-blue-gray-dark);
    background:rgba(128, 128, 128, 0.33);
    border:0;
}

.btn-link.hover:not(.active), .btn-link:hover:not(.active){
    color:var(--color-blue-gray-dark);
    background:rgba(128, 128, 128, 0.2);
    border:0;
    text-decoration:none;
}

.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link[disabled].active,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active{
    color:var(--color-blue-gray-light);
    background:transparent;
    border:0;
    pointer-events:none;
    cursor:not-allowed;
}

.btn-file{
    position:relative;
    overflow:hidden;
}

.btn-file input[type="file"]{
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    font-size:100px;
    text-align:right;
    filter:alpha(opacity=0);
    opacity:0;
    background:red;
    cursor:inherit;
    display:block;
}

/* hide focus style if not from keyboard navigation */
.js-focus-visible .btn:focus:not(.focus-visible){
    box-shadow:none;
}

/*
Button with icons
--------------------------------------------------
*/
.btn-icon-left{
    padding-left:0 !important;
}

.btn-icon-left i{
    margin:0 3px;
}

.btn-icon-right{
    padding-right:0 !important;
}

.btn-icon-right i{
    margin:3px 0;
}

/*
Button Groups
--------------------------------------------------
*/
.btn-group
.btn-group .btn{
    display:flex;
    align-items:center;
    position:relative;
}

.btn-group
.btn-group .btn i{
    font-size:20px;
}

.btn-group
.btn-group:not(.btn-group-vertical) .btn:not(.dropdown-toggle):not(:last-child):not(.active):after{
    content:"";
    position:absolute;
    width:1px;
    top:20%;
    height:calc(100% - 40%);
    bottom:10px;
    background:rgba(0, 0, 0, 0.2);
    right:-1px;
    z-index:2;
}

.btn-group
.btn-group:not(.btn-group-vertical) .btn:not(.active):not(:first-child){
    border-left:1px solid transparent;
}

.btn-group
.btn-group:not(.btn-group-vertical) .btn.active{
    z-index:2;
}

.btn-group
.btn-group.btn-group-vertical > .btn:not(:first-child){
    margin-left:0;
}

/*
Button with content aligned to column
--------------------------------------------------
*/
.btn-flex-column{
    flex-direction:column;
}

/*
Button Sizes
--------------------------------------------------
*/
.btn-lg,
.btn-group-lg > .btn{
    padding:0 12px;
    font-size:14px;
    line-height:14px;
    min-height:35px;
    min-width:35px;
    font-weight:500;
    letter-spacing:-0.011em;
}

.btn-lg.btn-link,
.btn-group-lg > .btn.btn-link{
    padding:0 8px;
}

.btn-lg.btn-icon-left i{
    margin-left:5px;
    margin-right:4px;
}

.btn-lg.btn-icon-right i{
    margin-right:5px;
    margin-left:4px;
}

.btn-sm,
.btn-group-sm > .btn{
    padding:0 8px;
    min-height:24px;
    min-width:24px;
    border-radius:3px;
    font-size:14px;
    line-height:12px;
    letter-spacing:0em;
}

.btn-xs,
.btn-group-xs > .btn{
    padding:0 8px;
    font-size:14px;
    line-height:12px;
    min-width:22px;
    min-height:22px;
    letter-spacing:0em;
}

.btn-cons{
    margin-right:5px;
    min-width:120px;
}

/*
Rounded buttons
--------------------------------------------------
*/
.btn-rounded{
    border-radius:100px !important;
    padding-left:11px;
    padding-right:11px;
}

.btn-rounded.btn-lg{
    padding-left:14px;
    padding-right:14px;
}

.btn-rounded.btn-sm{
    padding-left:9px;
    padding-right:9px;
}

.btn-rounded.btn-xs{
    padding-left:8px;
    padding-right:8px;
}

/*
Dropdown menus
--------------------------------------------------
*/
.show .btn-group.show .dropdown-toggle,
.show .dropdown-toggle,
.show.dropdown-default .dropdown-toggle{
    box-shadow:none;
}

/* default dropdown */
.dropdown-default{
    display:inline-block;
}

.dropdown-default.toggle-only{
    padding-left:9px;
    padding-right:9px;
}

.dropdown-default.toggle-only:after{
    position:initial;
}

.dropdown-default.show > .btn.dropdown-toggle{
    border-color:transparent !important;
    background:transparent !important;
    z-index:791 !important;
    color:var(--color-blue-gray-dark);
}

.dropdown-default.show .dropdown-menu{
    opacity:1;
    transform:scale(1, 1) !important;
    z-index:700;
    pointer-events:all;
}

.dropdown-default.show .dropdown-menu .dropdown-item{
    visibility:visible;
}

.dropdown-default.show.dropup > .btn-primary + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-success + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-complete + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-warning + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-danger + .dropdown-menu:after,
.dropdown-default.show.dropup > .btn-info + .dropdown-menu:after{
    top:auto;
    bottom:0;
}

.dropdown-default.show > .btn-primary + .dropdown-menu:after,
.dropdown-default.show > .btn-success + .dropdown-menu:after,
.dropdown-default.show > .btn-complete + .dropdown-menu:after,
.dropdown-default.show > .btn-warning + .dropdown-menu:after,
.dropdown-default.show > .btn-danger + .dropdown-menu:after,
.dropdown-default.show > .btn-info + .dropdown-menu:after{
    top:0;
    height:42px;
}

.dropdown-default.show > .btn-primary + .dropdown-menu:after{
    background-color:var(--color-bg-primary);
}

.dropdown-default.show > .btn-success + .dropdown-menu:after{
    background-color:var(--color-success-dark);
}

.dropdown-default.show > .btn-complete + .dropdown-menu:after{
    background-color:var(--color-success-dark);
}

.dropdown-default.show > .btn-warning + .dropdown-menu:after{
    background-color:var(--color-bg-warning);
}

.dropdown-default.show > .btn-danger + .dropdown-menu:after{
    background-color:var(--color-danger-bg);
}

.dropdown-default.show > .btn-info + .dropdown-menu:after{
    background-color:var(--color-info-bg);
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu{
    margin-bottom:-47px;
    padding-bottom:49px;
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-lg + .dropdown-menu:after{
    bottom:49px;
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu{
    margin-bottom:-34px;
    padding-bottom:36px;
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-sm + .dropdown-menu:after{
    bottom:36px;
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu{
    margin-bottom:-29px;
    padding-bottom:31px;
}

.dropdown-default.dropup .btn.dropdown-toggle.btn-xs + .dropdown-menu:after{
    bottom:31px;
}

.dropdown-default.dropup .dropdown-menu{
    margin-bottom:-35px;
    padding:0 3px 44px 0 !important;
    transform-origin:center bottom 0;
    top:auto !important;
    bottom:100% !important;
}

.dropdown-default.dropup .dropdown-menu:after{
    bottom:40px;
    top:auto !important;
}

.dropdown-default .btn.dropdown-toggle{
    text-align:left;
    padding-right:27px;
}

.dropdown-default .btn.dropdown-toggle.btn-lg{
    padding-right:26px;
}

.dropdown-default .btn.dropdown-toggle.btn-lg:after{
    right:13px;
}

.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu{
    padding-top:39px;
    width:100% !important;
}

.dropdown-default .btn.dropdown-toggle.btn-lg + .dropdown-menu:after{
    top:39px;
}

.dropdown-default .btn.dropdown-toggle.btn-sm{
    padding-right:18px;
}

.dropdown-default .btn.dropdown-toggle.btn-sm:after{
    right:16px;
}

.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu{
    padding-top:36px;
}

.dropdown-default .btn.dropdown-toggle.btn-sm + .dropdown-menu:after{
    top:36px;
}

.dropdown-default .btn.dropdown-toggle.btn-xs{
    padding-right:20px;
}

.dropdown-default .btn.dropdown-toggle.btn-xs:after{
    right:8px;
}

.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu{
    padding-top:31px;
}

.dropdown-default .btn.dropdown-toggle.btn-xs + .dropdown-menu:after{
    top:31px;
}

.dropdown-default .btn.dropdown-toggle:after{
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-2px;
}

.dropdown-default .btn-rounded{
    padding-left:17px;
    padding-right:17px;
}

.dropdown-default .btn-rounded + .dropdown-menu{
    border-radius:17px;
}

.dropdown-default .dropdown-menu{
    margin-top:-4px;
    width:100%;
    padding-top:35px;
    padding-bottom:4px;
    overflow:hidden;
    backface-visibility:hidden;
    display:block;
    opacity:0;
    transform:scale(1, 0) !important;
    transform-origin:center top 0;
    -webkit-transition:all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    transition:all 170ms cubic-bezier(0.05, 0.74, 0.27, 0.99) 0s;
    z-index:-1;
}

.dropdown-default .dropdown-menu:after{
    content:"";
    position:absolute;
    height:1px;
    left:0;
    top:35px;
    background:#dcdee0;
    width:100%;
}

.dropdown-default .dropdown-menu li,
.dropdown-default .dropdown-menu .dropdown-item{
    visibility:hidden;
}

.navbar-nav .dropdown-menu{
    position:absolute;
}

.dropdown-menu{
    position:absolute;
    display:none;
    float:left;
    list-style:none;
    text-shadow:none;
    max-width:calc(100vw - 24px);
    box-shadow:rgba(15, 15, 15, 0.05) 0 0 0 1px, rgba(15, 15, 15, 0.1) 0 3px 6px, rgba(15, 15, 15, 0.2) 0 9px 24px;
    border:none;
    padding-top:4px;
    padding-bottom:4px;
    border-radius:3px;
    font-size:13px;
    margin:0;
    background:var(--color-white-100);
    min-width:initial;
    z-index:801 !important;
}

.dropdown-menu .divider{
    background-color:#dcdee0;
    height:1px;
    margin:3px 0;
    border-bottom:0;
}

.dropdown-menu > li,
.dropdown-menu > .dropdown-item{
    line-height:20px;
    color:var(--color-blue-gray-dark);
    padding:4px 8px 4px 16px;
    border-radius:3px;
    display:block;
    clear:both;
    white-space:nowrap;
    text-align:left;
}

.dropdown-menu > li:hover, .dropdown-menu > li:focus, .dropdown-menu > li:active,
.dropdown-menu > .dropdown-item:hover,
.dropdown-menu > .dropdown-item:focus,
.dropdown-menu > .dropdown-item:active{
    background-color:transparent;
}

.dropdown-menu > li.dropdown-header,
.dropdown-menu > .dropdown-item.dropdown-header{
    padding:3px 20px;
}

.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover, .dropdown-menu > li.active > a:focus, .dropdown-menu > li.active, .dropdown-menu > li.active:hover, .dropdown-menu > li.active:focus,
.dropdown-menu > .dropdown-item.active > a,
.dropdown-menu > .dropdown-item.active > a:hover,
.dropdown-menu > .dropdown-item.active > a:focus,
.dropdown-menu > .dropdown-item.active,
.dropdown-menu > .dropdown-item.active:hover,
.dropdown-menu > .dropdown-item.active:focus{
    color:var(--color-blue-dark);
    text-decoration:none;
    background-color:#f3f3f4;
    border-radius:0;
}

.dropdown-menu > li.disabled > a, .dropdown-menu > li.disabled > a:hover, .dropdown-menu > li.disabled > a:focus, .dropdown-menu > li.disabled, .dropdown-menu > li.disabled:hover, .dropdown-menu > li.disabled:focus,
.dropdown-menu > .dropdown-item.disabled > a,
.dropdown-menu > .dropdown-item.disabled > a:hover,
.dropdown-menu > .dropdown-item.disabled > a:focus,
.dropdown-menu > .dropdown-item.disabled,
.dropdown-menu > .dropdown-item.disabled:hover,
.dropdown-menu > .dropdown-item.disabled:focus{
    color:#5f7089;
}

.dropdown-menu > li.disabled > a:hover, .dropdown-menu > li.disabled > a:focus, .dropdown-menu > li.disabled:hover, .dropdown-menu > li.disabled:focus,
.dropdown-menu > .dropdown-item.disabled > a:hover,
.dropdown-menu > .dropdown-item.disabled > a:focus,
.dropdown-menu > .dropdown-item.disabled:hover,
.dropdown-menu > .dropdown-item.disabled:focus{
    text-decoration:none;
    cursor:default;
}

.dropdown-menu > li > a,
.dropdown-menu > .dropdown-item > a{
    line-height:35px;
    color:var(--color-blue-gray-dark);
    padding:0 20px;
    border-radius:3px;
    display:block;
    clear:both;
    white-space:nowrap;
    text-align:left;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > .dropdown-item > a:hover,
.dropdown-menu > .dropdown-item > a:focus{
    color:var(--color-blue-dark);
    text-decoration:none;
    background-color:transparent;
    background-image:none;
}

.dropdown-menu > a.dropdown-item:hover, .dropdown-menu > a.dropdown-item:focus, .dropdown-menu > a.dropdown-item:active{
    color:var(--color-blue-dark);
    text-decoration:none;
    background-color:var(--color-bg-primary-lighter);
}

.dropdown-menu > li{
    padding:0;
}

.dropdown-menu > a{
    line-height:35px;
    color:var(--color-blue-gray-dark);
    padding:0 20px;
    border-radius:3px;
    display:block;
    clear:both;
    white-space:nowrap;
    text-align:left;
}

.dropdown-menu > a:hover, .dropdown-menu > a:focus{
    color:var(--color-blue-dark);
    text-decoration:none;
    background-color:transparent;
    background-image:none;
}

.dropdown-menu > li{
    padding:0;
}

.dropdown-backdrop{
    z-index:600;
}

/*
Animated buttons
--------------------------------------------------
*/
.btn-animated{
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
}

.btn-animated > span:first-child{
    display:inline-block;
    width:100%;
    height:100%;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
}

.btn-animated > .hidden-block{
    position:absolute;
    height:100%;
    width:100%;
    font-size:100%;
    line-height:1.9;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transition:all 220ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
    transition:all 220ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}

.btn-animated:after{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-transition:all 380ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
    transition:all 380ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}

.btn-animated.from-top > .hidden-block{
    left:0;
    top:-100%;
}

.btn-animated.from-top:hover > .hidden-block, .btn-animated.from-top.show-icon > .hidden-block{
    top:0;
}

.btn-animated.from-top:hover > span:first-child, .btn-animated.from-top.show-icon > span:first-child{
    -webkit-transform:translateY(300%);
    -ms-transform:translateY(300%);
    transform:translateY(300%);
}

.btn-animated.from-left > .hidden-block{
    left:-100%;
    top:0;
}

.btn-animated.from-left:hover > .hidden-block, .btn-animated.from-left.show-icon > .hidden-block{
    left:0;
}

.btn-animated.from-left:hover > span:first-child, .btn-animated.from-left.show-icon > span:first-child{
    -webkit-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transform:translateX(200%);
}

/*
Tag buttons
--------------------------------------------------
*/
.btn-tag{
    background:transparent;
    color:var(--color-bg-primary-darker);
    border-radius:99px;
    border:1px solid var(--color-blue-dark-14);
}

.btn-tag:hover{
    border:1px solid var(--color-blue-dark-14);
}

.btn-tag:active{
    background:var(--color-blue-dark-14);
}

.btn-tag:before{
    content:"#";
    font-size:12px;
    display:inline-flex;
    position:relative;
    margin-right:3px;
    color:inherit;
}

.btn-chip{
    border-radius:99px;
    background:#dcdee0;
    border-color:transparent;
    transition:width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-chip.active{
    background:#dcdee0;
    border-color:transparent;
    padding-left:4px;
}

.btn-chip.active i{
    width:20px;
}

.btn-chip:hover:not(.active){
    background:#c1c5c8;
}

.btn-chip i{
    width:0;
    overflow:hidden;
    transition:width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-icon{
    padding:0;
}

.btn-toolbar .btn-group{
    margin-right:14px;
}

.btn-toolbar .btn{
    padding-left:5px;
    padding-right:5px;
}

.pager .disabled > button,
.pager .disabled > button:hover,
.pager .disabled > button:focus,
.pager .disabled > span{
    cursor:not-allowed;
    opacity:0.5;
}

.modal-content a.btn-primary:not([href]):not([tabindex]){
    color:var(--color-white-100);
}

.modal-content a.btn-primary:not([href]):not([tabindex]):hover, .modal-content a.btn-primary:not([href]):not([tabindex]):focus{
    color:var(--color-white-100);
}

.alert{
    background-image:none;
    box-shadow:none;
    text-shadow:none;
    padding:9px 19px 9px 15px;
    border-radius:3px;
    font-size:13px;
    border-width:0;
    -webkit-transition:all 0.2s linear 0s;
    transition:all 0.2s linear 0s;
}

.alert.bordered{
    border-width:1px;
}

.alert .link{
    color:#ce8f22;
    font-weight:bold;
}

.alert .alert-heading{
    color:#ce8f22 !important;
    margin-bottom:5px;
    font-weight:600;
}

.alert .btn-small{
    position:relative;
    top:-3.5px;
}

.alert .button-set .btn{
    position:relative;
    top:8px;
}

.alert .close{
    background:url("../../img/icons/noti-cross.png") no-repeat scroll 0 0 transparent;
    background-position:-9px -10px;
    width:10px;
    height:9px;
    position:relative;
    opacity:0.8;
    top:4.5px;
    float:right;
    margin-left:20px;
    font-size:0;
    padding:0;
}

.alert .close:hover{
    opacity:1;
}

/* Alert : Color Options
------------------------------------
*/
.alert-danger,
.alert-error{
    background-color:var(--color-bg-danger-lighter);
    color:var(--color-bg-danger-darker);
    border-color:rgba(155, 11, 22, 0.24);
}

.alert-danger .close,
.alert-error .close{
    background-position:-95px -10px !important;
}

.alert-warning{
    background-color:var(--color-bg-warning-lighter);
    color:var(--color-bg-warning-darker);
    border-color:rgba(172, 121, 46, 0.24);
}

.alert-info{
    background-color:var(--color-bg-primary-lighter);
    color:var(--color-bg-primary-darker);
    border-color:rgba(0, 55, 139, 0.24);
}

.alert-info .close{
    background-position:-67px -10px !important;
}

.alert-success{
    background-color:#d4edda;
    color:#155724;
    border-color:#c3e6cb;
}

.alert-success .close{
    background-position:-38px -10px !important;
}

.alert-default{
    background-color:var(--color-white-100);
    color:var(--color-blue-gray-dark);
    border-color:#dcdee0;
}

.alert-default .close{
    background-position:-67px -10px !important;
}

.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);
}

/* Tool Tip
--------------------------------------------------
*/
.tooltip-inner{
    font-size:12px;
}

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

.notification-toggle{
    top:35px;
    left:-26px;
    padding:0;
}

.notification-toggle:before{
    border-bottom:0 !important;
}

.notification-toggle:after{
    border-bottom:0 !important;
}

.notification-panel{
    background-color:var(--color-white-100);
    border:1px solid #dcdee0;
}

.notification-panel .notification-body{
    height:auto;
    max-height:350px;
    position:relative;
    overflow:hidden;
}

.notification-panel .notification-body .notification-item{
    position:relative;
    margin-left:25px;
    background-color:var(--color-white-100);
    padding-right:26px;
}

.notification-panel .notification-body .notification-item.unread .heading{
    opacity:1;
}

.notification-panel .notification-body .notification-item.unread .option{
    background-color:var(--color-bg-primary-lighter);
}

.notification-panel .notification-body .notification-item.unread .option .mark{
    color:var(--color-bg-primary-light);
}

.notification-panel .notification-body .notification-item .heading{
    line-height:43px;
    margin-right:5px;
    background:var(--color-white-100);
    border-bottom:1px solid #dcdee0;
    position:relative;
    float:left;
    width:100%;
    font-size:14px;
    opacity:0.7;
}

.notification-panel .notification-body .notification-item .heading:after{
    content:"";
    position:absolute;
    width:5px;
    height:100%;
    background-color:var(--color-white-100);
    right:0;
    top:1px;
}

.notification-panel .notification-body .notification-item .heading .thumbnail-wrapper{
    cursor:pointer;
}

.notification-panel .notification-body .notification-item .heading .thumbnail-wrapper i{
    -webkit-transition:all 0.12s linear;
    transition:all 0.12s linear;
}

.notification-panel .notification-body .notification-item .heading .time{
    font-size:11px;
    margin-right:8px;
}

.notification-panel .notification-body .notification-item .heading.open{
    display:block;
}

.notification-panel .notification-body .notification-item .heading.open .more-details{
    display:block;
}

.notification-panel .notification-body .notification-item .heading.open .thumbnail-wrapper i{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

.notification-panel .notification-body .notification-item .heading .thumbnail-wrapper.d24{
    line-height:20px;
}

.notification-panel .notification-body .notification-item .more-details{
    display:none;
    background-color:var(--color-white-100);
    width:100%;
    height:100%;
    clear:both;
    position:relative;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner{
    margin-left:10px;
    padding-left:28px;
    padding-top:15px;
    margin-bottom:20px;
    position:relative;
    border-left:1px solid rgba(220, 222, 224, 0.7);
    text-align:left;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner:after{
    width:14px;
    height:14px;
    position:absolute;
    content:"";
    background-color:var(--color-white-100);
    left:-7px;
    top:25px;
    border:1px solid rgba(220, 222, 224, 0.9);
    border-radius:99px;
    -webkit-border-radius:99px;
    -moz-border-radius:99px;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner:before{
    color:#aeb2b8;
    position:absolute;
    bottom:0;
    left:-5px;
    content:" \25CF";
    font-size:13px;
    line-height:5px;
    background-color:var(--color-white-100);
    height:9px;
}

.notification-panel .notification-body .notification-item .more-details .more-details-inner .hint-text{
    color:var(--color-blue-dark-62);
}

.notification-panel .notification-body .notification-item .option{
    font-size:10px;
    position:absolute;
    height:44px;
    width:26px;
    right:0;
    text-align:center;
    vertical-align:middle;
    line-height:44px;
    background-color:var(--color-white-100);
    height:100%;
}

.notification-panel .notification-body .notification-item .option .mark{
    background-color:transparent;
    color:#aeb2b8;
}

.notification-panel .notification-body .notification-item .option .mark:before{
    content:" \25CF";
    font-size:12px;
}

.notification-panel .notification-body .notification-item:last-child .heading{
    border-bottom:0;
}

.notification-panel .notification-footer{
    padding:10px;
    display:block;
    border-top:1px solid #dcdee0;
}

.notification-panel .notification-footer a{
    color:var(--color-blue-gray-dark);
    opacity:0.54;
}

.notification-panel .notification-footer a:hover{
    opacity:0.74;
}

/* Simple alerts
--------------------------------------------------
*/
.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:274px !important;
    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:var(--sidebar-width, 250px);
}

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%;
    }
}

.progress{
    height:4px;
    background-color:rgba(53, 63, 77, 0.2);
    background-image:none;
    box-shadow:none;
    border-radius:0;
    margin-bottom:20px;
}

.progress.transparent{
    background-color:rgba(0, 0, 0, 0.28);
}

.progress.progress-small{
    height:3px;
}

.progress-bar-indeterminate{
    background:url("../../img/progress/progress-bar-master.svg") no-repeat top left;
    width:100%;
    height:100%;
    background-size:cover;
}

.progress-bar-indeterminate.progress-bar-primary{
    background-image:url("../../img/progress/progress-bar-primary.svg");
    background-color:transparent;
}

.progress-bar-indeterminate.progress-bar-complete{
    background-image:url("../../img/progress/progress-bar-complete.svg");
    background-color:transparent;
}

.progress-bar-indeterminate.progress-bar-success{
    background-image:url("../../img/progress/progress-bar-success.svg");
    background-color:transparent;
}

.progress-bar-indeterminate.progress-bar-info{
    background-image:url("../../img/progress/progress-bar-info.svg");
    background-color:transparent;
}

.progress-bar-indeterminate.progress-bar-warning{
    background-image:url("../../img/progress/progress-bar-warning.svg");
    background-color:transparent;
}

.progress-bar-indeterminate.progress-bar-danger{
    background-image:url("../../img/progress/progress-bar-danger.svg");
    background-color:transparent;
}

.progress-bar-indeterminate.progress-bar-master{
    background-image:url("../../img/progress/progress-bar-master.svg");
    background-color:transparent;
}

.progress-bar{
    box-shadow:none;
    border-radius:0;
    background-color:var(--color-blue-gray-dark);
    background-image:none;
    -webkit-transition:all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition:all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.progress-bar-primary{
    background-color:var(--color-bg-primary);
    background-image:none;
}

.progress-bar-complete{
    background-color:var(--color-success-dark);
    background-image:none;
}

.progress-bar-success{
    background-color:var(--color-success-dark);
    background-image:none;
}

.progress-bar-info{
    background-color:var(--color-info-bg);
    background-image:none;
}

.progress-bar-warning{
    background-color:var(--color-bg-warning);
    background-image:none;
}

.progress-bar-danger{
    background-color:var(--color-danger-bg);
    background-image:none;
}

.progress-bar-white{
    background-color:var(--color-white-100);
    background-image:none;
}

.progress-bar-black{
    background-color:var(--color-blue-dark);
    background-image:none;
}

.progress-info .bar,
.progress .bar-info{
    background-color:var(--color-info-bg-darker);
    background-image:none;
}

.progress-warning .bar,
.progress .bar-warning{
    background-color:var(--color-bg-warning-darker);
    background-image:none;
}

.progress-danger .bar,
.progress .bar-danger{
    background-color:var(--color-bg-danger-darker);
    background-image:none;
}

.progress-white .bar,
.progress .bar-white{
    background-color:var(--color-white-100);
    background-image:none;
}

.progress-success.progress-striped .bar,
.progress-striped .bar-success{
    background-color:var(--color-success-dark);
}

.progress-info.progress-striped .bar,
.progress-striped .bar-info{
    background-color:var(--color-info-bg);
}

.progress-circle-indeterminate{
    background:url("../../img/progress/progress-circle-master.svg") no-repeat top left;
    width:50px;
    height:50px;
    background-size:100% auto;
    margin:0 auto;
}

.progress-circle-indeterminate.progress-circle-warning{
    background-image:url("../../img/progress/progress-circle-warning.svg");
}

.progress-circle-indeterminate.progress-circle-danger{
    background-image:url("../../img/progress/progress-circle-danger.svg");
}

.progress-circle-indeterminate.progress-circle-info{
    background-image:url("../../img/progress/progress-circle-info.svg");
}

.progress-circle-indeterminate.progress-circle-primary{
    background-image:url("../../img/progress/progress-circle-primary.svg");
}

.progress-circle-indeterminate.progress-circle-success{
    background-image:url("../../img/progress/progress-circle-success.svg");
}

.progress-circle-indeterminate.progress-circle-complete{
    background-image:url("../../img/progress/progress-circle-complete.svg");
}

.progress-circle{
    display:block;
    height:45px;
    margin:0 auto;
    position:relative;
    width:45px;
    -webkit-backface-visibility:hidden;
}

.progress-circle.progress-circle-warning .pie .half-circle{
    border-color:var(--color-bg-warning);
}

.progress-circle.progress-circle-danger .pie .half-circle{
    border-color:var(--color-danger-bg);
}

.progress-circle.progress-circle-info .pie .half-circle{
    border-color:var(--color-info-bg);
}

.progress-circle.progress-circle-primary .pie .half-circle{
    border-color:var(--color-bg-primary);
}

.progress-circle.progress-circle-success .pie .half-circle{
    border-color:var(--color-success-dark);
}

.progress-circle.progress-circle-complete .pie .half-circle{
    border-color:var(--color-success-dark);
}

.progress-circle.progress-circle-thick .pie .half-circle,
.progress-circle.progress-circle-thick .shadow{
    border-width:5px;
}

.progress-circle .pie{
    clip:rect(0, 45px, 45px, 22.5px);
    height:45px;
    position:absolute;
    width:45px;
}

.progress-circle .pie .half-circle{
    border:3px solid var(--color-blue-gray-dark);
    border-radius:50%;
    clip:rect(0, 22.5px, 45px, 0);
    height:45px;
    position:absolute;
    width:45px;
}

.progress-circle .shadow{
    border:3px solid rgba(0, 0, 0, 0.1);
    border-radius:50%;
    height:100%;
    width:100%;
    box-shadow:none !important;
}

.nav-tabs{
    position:relative;
}

.nav-tabs > li{
    padding-left:0;
    padding-right:0;
}

.nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus{
    border-color:#dcdee0;
    color:var(--color-blue-gray-dark);
    background-color:#dcdee0;
}

.nav-tabs > li > a{
    display:block;
    border-radius:0;
    padding:13px 17px;
    margin-right:0;
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:500;
    letter-spacing:0.06em;
    color:var(--color-blue-gray-light);
    font-size:10.5px;
    min-width:70px;
    text-transform:uppercase;
    border-color:transparent;
    position:relative;
    line-height:1.7em;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
    background:transparent;
    border-color:transparent;
    color:var(--color-blue-gray-dark);
}

.nav-tabs > li > a .tab-icon{
    margin-right:6px;
}

.nav-tabs > li > a.active{
    color:var(--color-blue-dark);
}

.nav-tabs ~ .tab-content{
    overflow:hidden;
    padding:15px;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left, .nav-tabs ~ .tab-content > .tab-pane.slide-right{
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding, .nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding{
    opacity:0 !important;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.active, .nav-tabs ~ .tab-content > .tab-pane.slide-right.active{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -ms-transform:translate(0, 0);
    opacity:1;
}

.nav-tabs ~ .tab-content > .tab-pane.slide-left.sliding{
    -webkit-transform:translate3d(10%, 0, 0);
    transform:translate3d(10%, 0, 0);
    -ms-transform:translate(10%, 0);
}

.nav-tabs ~ .tab-content > .tab-pane.slide-right.sliding{
    -webkit-transform:translate3d(-10%, 0, 0);
    transform:translate3d(-10%, 0, 0);
    -ms-transform:translate(-10%, 0);
}

.nav-tabs.nav-tabs-left, .nav-tabs.nav-tabs-right{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
}

.nav-tabs.nav-tabs-left:after, .nav-tabs.nav-tabs-right:after{
    border-bottom:0;
}

.nav-tabs.nav-tabs-left > li, .nav-tabs.nav-tabs-right > li{
    float:none;
}

.nav-tabs.nav-tabs-left{
    float:left;
    padding-right:0;
}

.nav-tabs.nav-tabs-left ~ .tab-content{
    border-left:1px solid rgba(0, 0, 0, 0.1);
    -ms-flex:1;
    -ms-flex-negative:0;
}

.nav-tabs.nav-tabs-right{
    float:right;
    padding-right:0;
}

.nav-tabs.nav-tabs-right ~ .tab-content{
    border-right:1px solid rgba(0, 0, 0, 0.1);
    -ms-flex:1;
    -ms-flex-negative:0;
}

.nav-tabs-simple{
    border-bottom:0;
}

.nav-tabs-simple:after{
    content:"";
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    width:100%;
    position:absolute;
    bottom:-2px;
    z-index:120;
    left:0;
}

.nav-tabs-simple > li{
    margin-bottom:0;
}

.nav-tabs-simple > li > a:after{
    position:absolute;
    -webkit-transition:all 0.1s linear 0s;
    transition:all 0.1s linear 0s;
    -webkit-backface-visibility:hidden;
    width:100%;
    display:block;
    background-color:var(--color-danger-bg);
    height:0;
    content:"";
    left:0;
    z-index:125;
    top:100%;
}

.nav-tabs-simple > li > a:after.nav-tabs-primary{
    background-color:var(--color-bg-primary);
}

.nav-tabs-simple > li > a:after.nav-tabs-success{
    background-color:var(--color-success-dark);
}

.nav-tabs-simple > li > a:after.nav-tabs-complete{
    background-color:var(--color-success-dark);
}

.nav-tabs-simple > li > a:after.nav-tabs-danger{
    background-color:var(--color-danger-bg);
}

.nav-tabs-simple > li > a:after.nav-tabs-warning{
    background-color:var(--color-bg-warning);
}

.nav-tabs-simple > li > a:after.nav-tabs-info{
    background-color:var(--color-info-bg);
}

.nav-tabs-simple > li > a.active:hover, .nav-tabs-simple > li > a.active:focus{
    background-color:transparent;
    border-color:transparent;
}

.nav-tabs-simple > li > a.active:after, .nav-tabs-simple > li > a:hover:after{
    height:3px;
}

.nav-tabs-simple.nav-tabs-left:after, .nav-tabs-simple.nav-tabs-right:after{
    border-bottom:0;
}

.nav-tabs-simple.nav-tabs-left > li > a:after, .nav-tabs-simple.nav-tabs-right > li > a:after{
    width:0;
    height:100%;
    top:0;
    bottom:0;
    position:absolute;
}

.nav-tabs-simple.nav-tabs-left > li > a.active:after, .nav-tabs-simple.nav-tabs-left > li > a:hover:after, .nav-tabs-simple.nav-tabs-right > li > a.active:after, .nav-tabs-simple.nav-tabs-right > li > a:hover:after{
    width:3px;
}

.nav-tabs-simple.nav-tabs-left > li > a:after{
    right:0;
    left:auto;
}

.nav-tabs-simple.nav-tabs-right > li > a:after{
    left:0;
}

.nav-tabs-linetriangle{
    border-bottom:0;
}

.nav-tabs-linetriangle:after{
    content:"";
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    width:100%;
    position:absolute;
    bottom:-1px;
    z-index:100;
    left:0;
}

.nav-tabs-linetriangle > li > a.active{
    background:transparent;
    box-shadow:none;
    border-color:transparent;
}

.nav-tabs-linetriangle > li > a.active:hover, .nav-tabs-linetriangle > li > a.active:focus, .nav-tabs-linetriangle > li > a.active:active{
    border-color:transparent;
    background-color:transparent;
}

.nav-tabs-linetriangle > li > a.active:after, .nav-tabs-linetriangle > li > a.active:before{
    border:medium solid transparent;
    content:"";
    height:0;
    left:50%;
    pointer-events:none;
    position:absolute;
    width:0;
    z-index:120;
    top:98%;
}

.nav-tabs-linetriangle > li > a.active:after{
    border-top-color:#f3f3f4;
    border-width:10px;
    margin-left:-10px;
}

.nav-tabs-linetriangle > li > a.active:before{
    border-top-color:rgba(0, 0, 0, 0.2);
    border-width:11px;
    margin-left:-11px;
}

.nav-tabs-linetriangle > li > a span{
    font-size:1em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.nav-tabs-linetriangle > li > a:hover, .nav-tabs-linetriangle > li > a:focus{
    overflow:visible;
    -webkit-transition:color 0.2s ease 0s;
    transition:color 0.2s ease 0s;
}

.nav-tabs-linetriangle ~ .tab-content{
    background:var(--color-white-100);
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs:after{
    border-bottom:none;
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:before{
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    border-left:11px solid rgba(0, 0, 0, 0.2);
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:after{
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #f3f3f4;
    margin-top:1px;
    margin-right:2px;
}

.nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:after, .nav-tabs-linetriangle.nav-tabs-left.nav-tabs > li > a.active:before{
    top:auto;
    right:-22px;
    left:auto;
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs:after{
    border-bottom:none;
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:before{
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    border-right:11px solid rgba(0, 0, 0, 0.2);
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:after{
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:10px solid #f3f3f4;
    margin-top:1px;
    margin-left:-9px;
}

.nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:after, .nav-tabs-linetriangle.nav-tabs-right.nav-tabs > li > a.active:before{
    top:auto;
    left:-11px;
    right:auto;
}

@media screen and (max-width:58em){
    .nav-tabs-linetriangle{
        font-size:0.6em;
    }
}

.nav-tabs-fillup{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
}

.nav-tabs-fillup > li{
    overflow:hidden;
}

.nav-tabs-fillup > li > a{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:color 0.3s ease 0s;
    transition:color 0.3s ease 0s;
    background:transparent;
}

.nav-tabs-fillup > li > a:after{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    background:none repeat scroll 0 0 var(--color-bg-primary);
    border:1px solid var(--color-bg-primary);
    content:"";
    height:calc(100% + 1px);
    left:0;
    position:absolute;
    top:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    -webkit-transition:-webkit-transform 0.3s ease 0s;
    transition:transform 0.3s ease 0s;
    width:100%;
    z-index:-1;
}

.nav-tabs-fillup > li > a:after.nav-tabs-primary{
    background:none repeat scroll 0 0 var(--color-bg-primary);
    border:1px solid var(--color-bg-primary);
}

.nav-tabs-fillup > li > a:after.nav-tabs-success{
    background:none repeat scroll 0 0 var(--color-success-dark);
    border:1px solid var(--color-success-dark);
}

.nav-tabs-fillup > li > a:after.nav-tabs-complete{
    background:none repeat scroll 0 0 var(--color-success-dark);
    border:1px solid var(--color-success-dark);
}

.nav-tabs-fillup > li > a:after.nav-tabs-warning{
    background:none repeat scroll 0 0 var(--color-bg-warning);
    border:1px solid var(--color-bg-warning);
}

.nav-tabs-fillup > li > a:after.nav-tabs-danger{
    background:none repeat scroll 0 0 var(--color-danger-bg);
    border:1px solid var(--color-danger-bg);
}

.nav-tabs-fillup > li > a:after.nav-tabs-info{
    background:none repeat scroll 0 0 var(--color-info-bg);
    border:1px solid var(--color-info-bg);
}

.nav-tabs-fillup > li > a span{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translate3d(0px, 5px, 0);
    transform:translate3d(0px, 5px, 0);
    -webkit-transition:-webkit-transform 0.5s ease 0s;
    transition:transform 0.5s ease 0s;
    display:block;
    font-weight:700;
    line-height:1.5;
}

.nav-tabs-fillup > li > a.active{
    z-index:100;
    color:var(--color-white-100);
}

.nav-tabs-fillup > li > a.active:hover, .nav-tabs-fillup > li > a.active:focus{
    border-color:transparent;
    background:transparent;
    color:var(--color-white-100);
}

.nav-tabs-fillup > li > a.active:after{
    -webkit-transform:translate3d(0px, 0, 0);
    transform:translate3d(0px, 0, 0);
    -ms-transform:translate(0px, 0);
}

.nav-tabs-fillup > li > a.active span{
    -webkit-transform:translate3d(0px, -5px, 0);
    transform:translate3d(0px, -5px, 0);
    -ms-transform:translate(0px, -5px);
}

.nav-tabs-fillup .icon:before{
    -webkit-transform:translate3d(0px, 5px, 0);
    transform:translate3d(0px, 5px, 0);
    -ms-transform:translate(0px, 5px);
    -webkit-transition:transform 0.5s ease 0s;
    transition:transform 0.5s ease 0s;
    display:block;
    margin:0;
}

.nav-tabs-fillup ~ .tab-content{
    background:var(--color-white-100);
}

.nav-tabs-fillup.nav-tabs-left, .nav-tabs-fillup.nav-tabs-right{
    border-bottom:none;
}

.nav-tabs-fillup.nav-tabs-left:after, .nav-tabs-fillup.nav-tabs-right:after{
    border-bottom:none;
}

.nav-tabs-fillup.nav-tabs-left > li > a:after, .nav-tabs-fillup.nav-tabs-right > li > a:after{
    width:calc(100% + 1px);
    height:100%;
}

.nav-tabs-fillup.nav-tabs-left > li.active a:after, .nav-tabs-fillup.nav-tabs-right > li.active a:after{
    -webkit-transform:translate3d(0px, 0, 0);
    transform:translate3d(0px, 0, 0);
    -ms-transform:translate(0px, 0);
}

.nav-tabs-fillup.nav-tabs-left > li > a:after{
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
    -ms-transform:translate(100%, 0);
}

.nav-tabs-fillup.nav-tabs-left > li > a span{
    -webkit-transform:translate3d(5px, 0, 0);
    transform:translate3d(5px, 0, 0);
    -ms-transform:translate(5px, 0);
}

.nav-tabs-fillup.nav-tabs-left > li.active a span{
    -webkit-transform:translate3d(-5px, 0, 0);
    transform:translate3d(-5px, 0, 0);
    -ms-transform:translate(-5px, 0);
}

.nav-tabs-fillup.nav-tabs-left > li.active .icon:before{
    -webkit-transform:translate3d(-5px, 0, 0);
    transform:translate3d(-5px, 0, 0);
    -ms-transform:translate(-5px, 0);
}

.nav-tabs-fillup.nav-tabs-right > li > a:after{
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    -ms-transform:translate(-100%, 0);
    left:-1px;
}

.nav-tabs-fillup.nav-tabs-right > li > a span{
    -webkit-transform:translate3d(-5px, 0, 0);
    transform:translate3d(-5px, 0, 0);
    -ms-transform:translate(-5px, 0);
}

.nav-tabs-fillup.nav-tabs-right > li.active a span{
    -webkit-transform:translate3d(5px, 0, 0);
    transform:translate3d(5px, 0, 0);
    -ms-transform:translate(5px, 0);
}

.nav-tabs-fillup.nav-tabs-right > li.active .icon:before{
    -webkit-transform:translate3d(5px, 0, 0);
    transform:translate3d(5px, 0, 0);
    -ms-transform:translate(5px, 0);
}

.nav-tabs-header{
    overflow:scroll;
    width:100%;
}

.nav-tabs-header .nav-tabs{
    width:auto;
    white-space:nowrap;
}

.nav-tabs-header .nav-tabs > li{
    display:inline-block;
    float:inherit;
}

.nav-tabs-header.nav-tabs-linetriangle{
    height:54px;
    overflow-y:hidden;
}

.nav-tabs-header.nav-tabs-linetriangle:after{
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    width:100%;
    position:relative;
    bottom:3px;
    z-index:120;
    content:"";
    clear:both;
}

.nav-tabs-header.nav-tabs-linetriangle ~ .tab-content{
    position:relative;
    top:-12px;
}

.nav-tabs-header ~ .tab-content{
    overflow:hidden;
    padding:15px;
}

.nav-tab-dropdown .cs-select{
    width:100% !important;
    max-width:100%;
}

.nav-tab-dropdown .cs-select .cs-placeholder{
    height:48px;
    padding:12px 34px 15px 15px;
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:500;
    letter-spacing:0.06em;
    font-size:10.5px;
    text-transform:uppercase;
}

.nav-tab-dropdown .cs-select .cs-backdrop{
    border:1px solid transparent;
    border-bottom:1px solid var(--color-blue-dark-14);
}

.card-group{
    margin-bottom:18px;
}

.card-group.horizontal{
    display:block;
}

.card-group .card-header{
    padding:13px 18px 10px 22px;
}

.card-group .card-header.collapsed{
    background-color:var(--color-white-100);
}

.card-group .card-header + .card-collapse .card-body{
    border:0;
}

.card-group .card-header .card-title{
    width:100%;
}

.card-group .card-header .card-title > a{
    color:var(--color-blue-gray-dark);
    font-size:inherit;
    padding:inherit;
    margin:inherit;
    display:block;
    opacity:1;
}

.card-group .card-header .card-title > a:hover{
    color:var(--color-blue-gray-dark) !important;
}

.card-group .card-header .card-title > a:hover:after{
    color:var(--color-blue-gray-dark) !important;
}

.card-group .card-header .card-title > a:after{
    font-family:"admin-icon";
    content:"\e987";
    font-size:17px;
    position:absolute;
    right:13px;
    top:36%;
    color:var(--color-blue-gray-dark);
}

.card-group .card-header .card-title > a.collapsed{
    color:rgba(53, 63, 77, 0.7);
    opacity:1;
}

.card-group .card-header .card-title > a.collapsed:after{
    content:"\e986";
    color:rgba(53, 63, 77, 0.7);
}

.card-group .card{
    box-shadow:none;
    border:1px solid var(--color-blue-dark-14);
    -webkit-box-flex:1;
    -webkit-flex:1 0 0;
    -ms-flex:1 0 0;
    flex:1 0 0;
}

.card-group .card + .card{
    margin-top:2px;
}

.card-group .card .card-body{
    height:auto;
}

.card-group .card.card-default{
    box-shadow:none;
    border:1px solid var(--color-blue-dark-10);
}

.nav-pills > li:first-child{
    padding-left:0;
}

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

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    color:var(--color-blue-gray-dark);
    background-color:#dcdee0;
}

@media (max-width:767px){
    .nav.nav-tabs.nav-stack-sm li{
        float:none;
    }

    .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:after,
    .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:before{
        display:none;
    }
}

.modal .close{
    position:absolute;
    right:25px;
    top:15px;
}

.modal .close:focus{
    outline:0;
}

.modal .modal-dialog{
    transition:all 0.2s !important;
}

.modal .modal-content{
    border:1px solid #f2f6f7;
    border-radius:3px;
    box-shadow:none;
}

.modal .modal-header{
    text-align:center;
    border-bottom:0;
    padding:25px 25px 0 25px;
    position:relative;
    flex-direction:column;
    align-items:flex-start;
}

.modal .modal-header p{
    color:#8b91a0;
}

.modal .modal-body{
    box-shadow:none;
    padding:25px;
    padding-top:0;
    white-space:normal;
}

.modal .modal-footer{
    border-top:none;
    box-shadow:none;
    margin-top:0;
    padding:25px;
    padding-top:0;
}

.modal .drop-shadow{
    box-shadow:0 0 9px rgba(191, 191, 191, 0.36) !important;
}

.modal.fade{
    opacity:1 !important;
}

.modal.fade.stick-up{
    /*&.in{
    .modal-dialog{
        @include translate3d(0,0,0);
    }
}*/
}

.modal.fade.stick-up .modal-dialog{
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
    -ms-transform:translate(0, -100%);
    margin-top:-5px;
}

.modal.fade.stick-up.show .modal-dialog{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -ms-transform:translate(0, 0);
}

.modal.fade.slide-up{
    height:100%;
    top:0;
}

.modal.fade.slide-up.show .modal-dialog{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -ms-transform:translate(0, 0);
}

.modal.fade.slide-up.disable-scroll{
    overflow:hidden;
}

.modal.fade.slide-up .modal-dialog{
    display:table;
    height:100%;
    -webkit-transform:translate3d(0, 75%, 0);
    transform:translate3d(0, 75%, 0);
    -ms-transform:translate(0, 75%);
}

.modal.fade.slide-up .modal-content-wrapper{
    display:table-cell;
    vertical-align:middle;
}

.modal.fade.center-scale{
    /*&.in{
        .modal-dialog{
            opacity: 1;
            @include scale(1);
        }
    }*/
}

.modal.fade.center-scale .modal-dialog{
    display:table;
    height:100%;
}

.modal.fade.center-scale .modal-content{
    display:table-cell;
    vertical-align:middle;
    border:0;
    background:transparent;
}

.modal.fade.center-scale .modal-content .modal-header{
    border-bottom:0;
}

.modal.fade.center-scale.show .modal-dialog{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}

.modal.fade.center-scale .modal-dialog{
    opacity:0;
    -webkit-transform:scale(0.6);
    -ms-transform:scale(0.6);
    transform:scale(0.6);
}

.modal.fade.fill-in{
    background-color:rgba(255, 255, 255, 0);
    -webkit-transition:background-color 0.3s;
    transition:background-color 0.3s;
    /*&.in{
        background-color: rgba(255, 255, 255, 0.85);
        .modal-dialog{
            opacity: 1;
            @include scale(1);
        }
    }*/
}

.modal.fade.fill-in > .close{
    opacity:0.6;
    z-index:9999;
}

.modal.fade.fill-in > .close > i{
    font-size:16px;
}

.modal.fade.fill-in .modal-dialog{
    display:table;
    height:100%;
}

.modal.fade.fill-in .modal-content{
    display:table-cell;
    vertical-align:middle;
    border:0;
    background:transparent;
}

.modal.fade.fill-in .modal-content .modal-header{
    border-bottom:0;
}

.modal.fade.fill-in.show{
    background-color:rgba(255, 255, 255, 0.85);
}

.modal.fade.fill-in.show .modal-dialog{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}

.modal.fade.fill-in .modal-dialog{
    opacity:0;
    -webkit-transform:scale(0.6);
    -ms-transform:scale(0.6);
    transform:scale(0.6);
}

.modal.fade.slide-right{
    /*&.in{
        .modal-dialog{
            @include translate3d(0,0,0);
        }
    }*/
}

.modal.fade.slide-right .close{
    position:absolute;
    top:0;
    right:0;
    margin-right:10px;
    z-index:10;
}

.modal.fade.slide-right.show .modal-dialog{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    -ms-transform:translate(0, 0);
}

.modal.fade.slide-right .modal-dialog{
    position:absolute;
    right:0;
    margin:0;
    height:100%;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0);
    -ms-transform:translate(100%, 0);
}

.modal.fade.slide-right .modal-dialog .modal-content-wrapper{
    height:100%;
}

.modal.fade.slide-right .modal-dialog .modal-content{
    height:100%;
}

.modal.fade.slide-right .modal-dialog .modal-body{
    background-color:var(--color-white-100);
}

.modal.fade.slide-right .modal-content{
    border-radius:0;
}

.fill-in-modal .modal-backdrop{
    background-color:transparent;
}

.modal-backdrop{
    opacity:0;
    -webkit-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear;
    /*&.in{
		opacity: 0.30;
	}*/
}

.modal-backdrop.show{
    opacity:0.3;
}

@media (min-width:992px){
    .modal-lg{
        width:900px;
    }
}

@media (max-width:768px){
    .modal.fill-in .modal-dialog{
        width:calc(100% - 20px);
    }

    .modal.slide-up .modal-dialog{
        width:calc(100% - 20px);
    }
}

@media (min-width:768px){
    .modal.stick-up .modal-dialog{
        margin:-5px auto;
    }

    .modal.slide-up .modal-dialog{
        margin:0 auto;
    }

    .modal.fill-in .modal-dialog{
        margin:0 auto;
    }

    .modal .modal-content{
        box-shadow:none;
    }

    .modal .modal-sm{
        min-width:auto;
    }
}


.vertical-slider{
    height:150px;
}

.dd-handle{
    border-color:rgba(220, 222, 224, 0.7);
    color:var(--color-blue-gray-dark);
    transition:backgroud 0.2s ease-in;
}

.dd-handle:hover{
    background-color:var(--color-white-100);
}

.dark .dd-handle{
    color:var(--color-blue-gray-dark);
    background:#f3f3f4;
}

.dark .dd-handle:hover{
    background-color:rgba(243, 243, 244, 0.6);
}

.dark .dd-placeholder{
    background-color:#f3f3f4;
}

.dd3-content{
    background:var(--color-white-100);
    border-color:rgba(220, 222, 224, 0.7);
    color:var(--color-blue-gray-dark);
}

.dd3-content:hover{
    background-color:var(--color-white-100);
}

.dd3-handle{
    background:transparent;
    text-indent:9999px;
}

.dd3-handle:before{
    font-family:"admin-icon";
    color:var(--color-blue-gray-dark);
    content:"\e912";
    top:4px;
}

.dd-placeholder{
    background:#f3f3f4;
    border-color:rgba(53, 63, 77, 0.35);
}

.dd-empty{
    background-image:none;
    background:#f3f3f4;
    border-color:rgba(53, 63, 77, 0.5);
}

.dd-item > button{
    font-size:11px;
}

.dd-item > button:before{
    font-family:"admin-icon";
    content:"\e988";
}

.dd-item > button[data-action="collapse"]:before{
    font-family:"admin-icon";
    content:"\e986";
}

@media only screen and (min-width:700px){
    .dd{
        width:100%;
    }

    .nestable-lists .dd{
        float:left;
    }
}

span.dynatree-active a{
    color:var(--color-blue-dark) !important;
    background-color:transparent !important;
}

span.dynatree-selected a{
    color:var(--color-blue-dark) !important;
    font-style:normal;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link{
    background-color:transparent;
}

ul.dynatree-container{
    background-color:transparent;
}

ul.dynatree-container a:hover{
    color:var(--color-blue-gray-dark);
    opacity:0.7;
    background-color:transparent;
}

ul.dynatree-container a{
    color:var(--color-blue-gray-dark);
}

span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker{
    height:17px;
    position:relative;
    top:3px;
}

.view-port{
    position:relative;
    width:100%;
    height:100%;
    display:block;
    white-space:nowrap;
    word-spacing:0;
    font-size:0;
    overflow:hidden;
}

.view-port > *{
    font-size:initial;
}

.view-port .navbar{
    border-radius:0;
    padding-left:0;
    margin-bottom:0;
    border-left:0;
    display:table;
    width:100%;
    top:0;
    border-top:0;
    padding:0;
    border-bottom:1px solid #dcdee0;
}

.view-port .navbar .navbar-inner{
    display:table-cell;
    height:50px;
    vertical-align:middle;
}

.view-port .navbar .action{
    position:absolute;
    top:0;
    z-index:1;
    display:flex;
    align-items:center;
    height:100%;
}

.view-port .navbar .action.pull-right{
    right:0;
}

.view-port .navbar .view-heading{
    font-size:15px;
    text-align:center;
}

.view-port .navbar > p{
    line-height:12px;
    font-size:12px;
    margin:0;
}

.view-port .navbar.navbar-sm{
    min-height:35px;
}

.view-port .navbar.navbar-sm .navbar-inner{
    height:35px;
}

.view-port .navbar.navbar-sm .action{
    line-height:35px;
}

.view-port .view{
    display:inline-flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    height:100%;
    vertical-align:top;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:all 0.4s ease;
    transition:all 0.4s ease;
}

.view-port .view:first-child:before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    background-color:var(--color-black-100);
    opacity:0;
    -webkit-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear;
    z-index:-1;
}

.view-port .view:only-child{
    margin:0;
}

.view-port.from-top > .view:last-child{
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    -ms-transform:translate(-100%, 0);
}

.view-port.push > .view:first-child{
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    -ms-transform:translate(-100%, 0);
}

.view-port.push > .view:last-child{
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    -ms-transform:translate(-100%, 0);
}

.view-port.push-parrallax > .view:first-child{
    -webkit-transition:all 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
    transition:all 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
    -webkit-transform:translate3d(-25%, 0, 0);
    transform:translate3d(-25%, 0, 0);
    -ms-transform:translate(-25%, 0);
}

.view-port.push-parrallax > .view:first-child:before{
    opacity:0;
    z-index:100;
}

.view-port.push-parrallax > .view:last-child{
    -webkit-transition:all 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
    transition:all 400ms cubic-bezier(0.1, 0.7, 0.1, 1);
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    -ms-transform:translate(-100%, 0);
    box-shadow:0 0 9px rgba(191, 191, 191, 0.36);
}

.card{
    box-shadow:0 1px 2px 0 rgba(33, 33, 33, 0.14), 0 0 1px 0 rgba(0, 0, 0, 0.14);
    border-radius:0.25rem !important;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease;
    border:0 solid transparent;
    position:relative;
    margin-bottom:20px;
    width:100%;
    word-wrap:normal;
    background:var(--color-white-100);
}

.card.card-outline.card-primary{
    border-top:2px solid var(--color-bg-primary);
}

.card.card-outline.card-complete{
    border-top:2px solid var(--color-success);
}

.card.card-outline.card-success{
    border-top:2px solid var(--color-success);
}

.card.card-outline.card-info{
    border-top:2px solid transparent;
}

.card.card-outline.card-danger{
    border-top:2px solid var(--color-danger-bg);
}

.card.card-outline.card-warning{
    border-top:2px solid var(--color-bg-warning);
}

.card .card-header{
    background:transparent;
    border-radius:0;
    border-bottom:0;
    padding:16px 20px 7px 20px;
    position:relative;
    z-index:3;
    min-height:42px;
}

.card .card-header > .row{
    margin-left:-15px;
    margin-right:-15px;
}

.card .card-header.separator:after{
    content:"";
    height:1px;
    background:rgba(0, 0, 0, 0.08);
    left:16px;
    right:16px;
    position:absolute;
    bottom:0;
}

.card .card-header + .card-body{
    padding-top:0;
}

.card .card-header .card-title{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    text-transform:uppercase;
    display:inline-block;
    letter-spacing:0.06em;
    font-size:10.5px;
    font-weight:500;
    margin:0;
    padding:0;
    line-height:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    filter:alpha(opacity=40);
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.card .card-header .card-controls{
    float:right;
    margin-top:-3px;
}

.card .card-header .card-controls ul{
    margin:0;
    padding:0;
}

.card .card-header .card-controls ul li{
    padding-left:0;
    display:inline-block;
    list-style:none;
    line-height:0;
}

.card .card-header .card-controls:after{
    content:"";
    display:table;
    clear:both;
}

.card .card-header.card-header-hover .card-title{
    opacity:0.4;
}

.card .card-header.card-header-hover:hover .card-title{
    opacity:1;
}

.card.card-collapsed .card-header .card-controls .card-icon-collapse:before{
    content:"\e986";
}

.card-collapsed .card-body{
    display:none;
}

.card.card-maximized .card-header .card-controls .card-icon-maximize:before{
    content:"\e98d";
}

.card.card-default{
    border:0 solid transparent;
    box-shadow:0 1px 2px 0 transparent, 0 0 1px 0 rgba(0, 0, 0, 0);
    border-radius:4px;
}

.card.card-default > .card-header{
    color:inherit;
}

.card.card-bordered{
    border:1px solid rgba(220, 222, 224, 0.7);
}

.card.card-borderless{
    border:none;
    box-shadow:none;
}

.card.card-condensed .card-header{
    padding:9px 13px 0 13px;
    min-height:32px;
}

.card.card-condensed .card-header .card-title{
    opacity:0.4;
}

.card.card-condensed .card-body{
    padding:13px;
}

.card.card-hover .card-header .card-title{
    opacity:0.4;
}

.card.card-hover:hover .card-header .card-title{
    opacity:1;
}

.card.card-transparent{
    background:transparent;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.card.card-transparent .card-body{
    background:transparent;
}

.card.full-height{
    height:100%;
}

.card.full-height .card-body{
    height:auto;
    width:100%;
    height:100%;
}

.card.card-featured{
    -webkit-box-shadow:-1px 1px 3px 0 rgba(121, 129, 135, 0.14);
    box-shadow:-1px 1px 3px 0 rgba(121, 129, 135, 0.14);
    width:calc(100% - 50px);
    float:right;
}

.card.card-featured .card-title h4{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:16px;
    text-transform:uppercase;
    color:inherit;
}

.card.card-featured .card-body h3{
    line-height:34px;
    font-size:26px;
}

.card.card-featured .footer .username{
    line-height:8px;
    padding-top:10px;
    font-size:16px;
}

.card.card-featured .footer .buttons li{
    display:inline;
    list-style:none;
    font-weight:bold;
    margin-left:20px;
}

.card.card-featured .footer .buttons li:first-child{
    margin-left:0;
}

.card.card-featured .footer .buttons .heart{
    color:var(--color-danger-bg);
}

.card.card-featured .footer .buttons .comment{
    color:var(--color-blue-gray-dark);
}

.card.card-featured .ribbon{
    width:38px;
    height:38px;
    margin-left:-39px;
    float:left;
    -webkit-box-shadow:inset -3px 0 3px 0 rgba(0, 0, 0, 0.14);
    box-shadow:inset -3px 0 3px 0 rgba(0, 0, 0, 0.14);
}

.card.card-featured .ribbon.green{
    background:var(--color-bg-primary);
}

.card.card-featured .ribbon.blue{
    background:var(--color-bg-primary);
}

.card.hover-fill:hover{
    background:#f3f3f4;
}

.card.hover-stroke:hover{
    border:1px solid #dcdee0;
}

.card .card-body{
    padding:20px;
}

.card .card-body.no-padding .row{
    margin-left:0;
    margin-right:0;
}

.card .card-body.no-bottom-padding{
    padding-bottom:0;
}

.card .card-body.no-top-padding{
    padding-top:0;
}

.card .card-body .title{
    margin-top:0;
}

.card .card-body.scrollable{
    margin-bottom:20px;
}

.card-progress{
    background:rgba(255, 255, 255, 0.8);
    bottom:0;
    left:0;
    position:absolute !important;
    right:0;
    top:0;
    display:none;
    z-index:2;
}

.card-progress > .progress,
.card-progress > .progress.progress-small{
    height:3px;
}

.card-progress > .progress-circle-indeterminate,
.card-progress > .card-bar-indeterminate{
    display:block;
    left:50%;
    margin-left:-17px;
    margin-top:-17px;
    position:absolute;
    top:50%;
}

.card-progress > .progress-circle-indeterminate{
    width:35px;
    height:35px;
}

.card-maximized{
    position:fixed !important;
    left:280px;
    top:59px;
    bottom:0;
    right:0;
    z-index:600;
    margin:0;
    width:auto;
}

.card .pgn-wrapper{
    position:absolute;
    z-index:602;
    left:0 !important;
    top:0 !important;
}

.card-header a:not(.btn){
    color:inherit;
    opacity:0.4;
    padding-top:10px;
    padding-bottom:10px;
}

.card-header a:not(.btn).card-refresh{
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    position:relative;
    padding:0;
    display:inline-block;
}

.card-header a:not(.btn).card-refresh.refreshing{
    opacity:1;
}

.card-header .dropdown-menu .dropdown-item{
    padding:0 20px !important;
}

.card-header .dropdown-menu .dropdown-item:hover{
    opacity:1;
    background-color:transparent;
}

.card-header a[data-toggle]:hover{
    opacity:1;
}

.card-icon{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-size:20px;
    font-family:"admin-icon";
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1;
    text-transform:none;
    speak:none;
    color:inherit;
}

.card-icon-close:before{
    content:"\e966";
}

.card-icon-maximize:before{
    content:"\e98e";
}

.card-icon-refresh:before{
    content:"\e98c";
}

.card-icon-collapse:before{
    content:"\e987";
}

.card-icon-settings:before{
    content:"\e97f";
}

.card-icon-refresh-lg-master,
.card-icon-refresh-lg-white{
    width:15px;
    height:15px;
    display:block;
    background-size:cover;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.card-icon-refresh-lg-master.fade,
.card-icon-refresh-lg-white.fade{
    opacity:0.1;
}

.card-icon-refresh-lg-master{
    background-image:url("../../img/progress/progress-circle-lg-master-static.svg");
}

.card-icon-refresh-lg-white{
    background-image:url("../../img/progress/progress-circle-lg-white-static.svg");
}

.card-icon-refresh-lg-master-animated,
.card-icon-refresh-lg-white-animated{
    position:absolute;
    right:0;
    top:0;
    width:15px;
    height:15px;
    display:block;
    background-size:cover;
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.card-icon-refresh-lg-master-animated.active,
.card-icon-refresh-lg-white-animated.active{
    opacity:1;
}

.card-icon-refresh-lg-master-animated{
    background-image:url("../../img/progress/progress-circle-lg-master.svg");
}

.card-icon-refresh-lg-white-animated{
    background-image:url("../../img/progress/progress-circle-lg-white.svg");
}

.card-scroll{
    height:100px;
}

.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;
}

.card-body{
    padding:15px;
}

.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;
    -webkit-touch-callout:none;
    /* iOS Safari */
    -webkit-user-select:none;
    /* Safari */
    -khtml-user-select:none;
    /* Konqueror HTML */
    -moz-user-select:none;
    /* Old versions of Firefox */
    -ms-user-select:none;
    /* Internet Explorer/Edge */
    user-select:none;
    /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.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;
    }
}

/* hide focus style if not from keyboard navigation */
.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);
}

/* hide focus style if not from keyboard navigation */
.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%);
}

/* hide focus style if not from keyboard navigation */
.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);
}

/* Accessibility focus for screen readers*/
.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;
}

label,
input,
button,
select,
textarea{
    font-size:14px;
    font-weight:normal;
    line-height:20px;
}

.custom-select{
    font-size:14px;
}

label{
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    letter-spacing:-0.006em;
}

.form-group > select[multiple],
.form-group > select[size]{
    height:auto !important;
}

input:focus,
select:focus,
textarea:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

input:-webkit-autofill, input.error:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

input:-webkit-autofill:focus, input.error:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

form legend{
    margin:15px 0 10px 0;
}

.form-control{
    background-color:var(--color-white-100);
    background-image:none;
    border:1px solid var(--color-blue-dark-14);
    border-top-color:var(--color-blue-dark-21);
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    -webkit-appearance:none;
    color:var(--color-blue-dark);
    outline:0;
    padding:6px 8px;
    line-height:16px;
    font-size:14px;
    font-weight:normal;
    vertical-align:middle;
    min-height:32px;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    /*-webkit-transition: all 0.12s ease;
  transition: all 0.12s ease;
  -webkit-transition: background 0.2s linear 0s;
  transition: background 0.2s linear 0s;*/
}

.form-control::-moz-placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:-ms-input-placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control::-webkit-input-placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control::placeholder{
    color:inherit;
    opacity:0.47;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus{
    border-color:unset;
    background-color:var(--color-white-100);
    border:1px solid var(--color-bg-primary);
    box-shadow:none;
    outline:0 !important;
}

.form-control:focus::-moz-placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus:-ms-input-placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus::-webkit-input-placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control:focus::placeholder{
    color:inherit;
    opacity:0.57;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control{
    background-color:#f9f9fa;
    color:rgba(53, 63, 77, 0.33);
    cursor:not-allowed;
}

.form-control.transparent{
    background-color:transparent;
    border-color:transparent;
}

.form-control.transparent:focus{
    background-color:transparent;
    border-color:transparent;
}

.input-sm,
.form-horizontal .form-group-sm .form-control{
    font-size:13px;
    min-height:32px;
    padding:7px 9px;
}

.input-lg,
.form-horizontal .form-group-lg .form-control{
    border-radius:3px;
    font-size:18px;
    min-height:45px;
    padding:11px 13px;
}

.input-xlg{
    min-height:51px;
    font-size:18px;
    line-height:22px;
}

.input-group-lg > .form-control{
    padding:6px 1rem;
}

.input-group-sm > .form-control{
    padding:0 0.5rem;
    min-height:32px;
}

.select2-lg .select2-container .select2-selection.select2-selection--single{
    height:45px;
    padding:11px 13px;
}

.select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__rendered{
    padding-top:0;
    line-height:22px;
    font-size:18px;
}

.select2-lg .select2-container .select2-selection.select2-selection--single .select2-selection__arrow{
    bottom:9px;
}

.select2-sm .select2-container .select2-selection.select2-selection--single{
    height:32px;
    padding:8px 9px;
}

.select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__rendered{
    padding-top:0;
    line-height:16px;
    font-size:13px;
}

.select2-sm .select2-container .select2-selection.select2-selection--single .select2-selection__arrow{
    bottom:4px;
}

/* kartik color picker */

.spectrum-group .sp-replacer.sp-krajee{
    background:transparent;
}

.spectrum-group .sp-color, .spectrum-group .sp-hue, .spectrum-group .sp-clear{ border:0; }

.spectrum-group .sp-preview, .spectrum-group .sp-initial{
    border-radius:3px;
    border-color:var(--color-blue-dark-21);
}

.spectrum-group .sp-replacer{
    color:var(--color-blue-dark-21);
}

.spectrum-group .sp-replacer:hover, .spectrum-group .sp-replacer.active{
    color:var(--color-bg-primary);
}

.sp-krajee.sp-container{
    box-shadow:rgba(15, 15, 15, 0.05) 0 0 0 1px, rgba(15, 15, 15, 0.1) 0 3px 6px, rgba(15, 15, 15, 0.2) 0 9px 24px;
    background:var(--color-white-100);
    border-radius:3px;
    border-color:var(--color-blue-dark-21);
}

.sp-krajee .sp-clear{ border:0 !important; }

.input-group-text{
    background-color:var(--color-white-100);
    color:rgba(53, 63, 77, 0.67);
    font-size:14px;
    line-height:14px;
    border:1px solid var(--color-blue-dark-14);
    border-top-color:var(--color-blue-dark-21);
    padding-left:10px;
    padding-right:10px;
    border-radius:2px;
}

.input-group-text.primary{
    background-color:var(--color-bg-primary);
    color:var(--color-white-100);
}

.input-group-text.success{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
}

.input-group-text.complete{
    background-color:var(--color-success-dark);
    color:var(--color-white-100);
}

.input-group-text.info{
    background-color:var(--color-info-bg);
    color:var(--color-white-100);
}

.input-group-text.warning{
    background-color:var(--color-bg-warning);
    color:var(--color-blue-gray-dark);
}

.input-group-text.danger{
    background-color:var(--color-danger-bg);
    color:var(--color-white-100);
}

.input-group-text.transparent{
    background-color:transparent;
}

.input-group-append .input-group-text{
    border-left:0;
}

.input-group-prepend .input-group-text{
    border-right:0;
}

@media only screen and (min-width:540px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

@media only screen and (min-width:720px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

@media only screen and (min-width:960px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

@media only screen and (min-width:1200px){
    form .row{
        margin-left:-7px;
        margin-right:-7px;
    }

    form .row > [class^="col-"], form .row > [class*="col-"]{
        padding-left:7px;
        padding-right:7px;
    }
}

.form-horizontal .form-group{
    border-bottom:1px solid #dcdee0;
    padding-top:12px;
    padding-bottom:12px;
    margin-bottom:0;
}

.form-horizontal .form-group:last-child{
    border-bottom:none;
}

.form-horizontal .form-group:hover .control-label{
    opacity:1;
    color:var(--color-blue-dark);
}

.form-horizontal .form-group.focused .control-label{
    opacity:1;
    color:var(--color-blue-gray-dark);
}

.form-horizontal .form-group .control-label{
    text-align:left;
    color:var(--color-blue-gray-dark);
    -webkit-transition:opacity ease 0.3s;
    transition:opacity ease 0.3s;
}

.form-horizontal .form-group .control-label.required:after{
    content:"Required";
    position:absolute;
    right:0;
    font-size:12px;
    margin-right:4px;
    color:rgba(101, 108, 119, 0.87);
}

.form-horizontal .radio{
    padding-top:7px;
    margin-top:0;
    margin-bottom:0;
}

.form-horizontal .control-label{
    padding-top:7px;
    margin-bottom:0;
}

.form-group-attached .form-group.form-group-default{
    border-radius:0;
    margin-bottom:0;
}

.form-group-attached > div{
    margin:0;
}

.form-group-attached > div:first-child.row > [class*="col-"]:first-child .form-group-default{
    border-top-left-radius:2px;
}

.form-group-attached > div:first-child.row > [class*="col-"]:last-child .form-group-default{
    border-top-right-radius:2px;
}

.form-group-attached > div:first-child.form-group-default{
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

.form-group-attached > div:last-child.row > [class*="col-"]:first-child .form-group-default{
    border-bottom-left-radius:2px;
}

.form-group-attached > div:last-child.row > [class*="col-"]:last-child .form-group-default{
    border-bottom-right-radius:2px;
}

.form-group-attached > div:last-child.form-group-default{
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
}

.form-group-attached > div.row > [class*="col-"]{
    padding-right:0 !important;
    padding-left:0 !important;
}

.form-group-attached > div.row > [class*="col-"]:not(:only-child):not(:last-child) > .form-group-default{
    border-right-color:transparent;
}

.form-group-attached > div:not(:last-child) .form-group-default, .form-group-attached > div:not(:last-child).form-group-default{
    border-bottom-color:transparent;
}

@media (max-width:767px){
    .form-group-attached .form-group-default{
        border-right-color:var(--color-blue-dark-14) !important;
    }
}

@media only screen and (min-width:768px){
    .form-group-attached > div.row > [class*="col-"] .form-group{
        height:100%;
        width:100%;
    }
}

.form-group{
    margin-bottom:10px;
}

.form-group label:not(.error){
    color:var(--color-blue-gray-dark);
    transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.form-group label .help{
    margin-left:8px;
}

.form-group .help{
    font-size:12px;
    color:var(--color-blue-dark-67);
    letter-spacing:normal;
    line-height:18px;
    display:block;
    margin-top:6px;
    margin-left:3px;
}

@keyframes shake{
    8%,
    41%{
        -webkit-transform:translateX(-4px);
    }
    25%,
    58%{
        -webkit-transform:translateX(4px);
    }
    75%{
        -webkit-transform:translateX(-2px);
    }
    92%{
        -webkit-transform:translateX(2px);
    }
    0%,
    100%{
        -webkit-transform:translateX(0);
    }
}

.form-group-default{
    background-color:var(--color-white-100);
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    position:relative;
    border:1px solid var(--color-blue-dark-14);
    border-top-color:rgba(0, 0, 0, 0.14);
    border-radius:2px;
    padding-top:5px;
    padding-left:9px;
    padding-right:9px;
    padding-bottom:4px;
    overflow:hidden;
    width:100%;
    -webkit-transition:background-color 0.2s ease;
    transition:background-color 0.2s ease;
    cursor:text;
}

.form-group-default.form-check-group{
    cursor:default;
}

.form-group-default.form-check-group label{
    cursor:pointer;
}

.form-group-default.required:after{
    color:var(--color-danger-bg);
    content:"*";
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:20px;
    position:absolute;
    right:10px;
    top:2px;
}

.form-group-default.disabled{
    background:#f9f9fa;
    color:rgba(53, 63, 77, 0.23);
    cursor:not-allowed;
}

.form-group-default.disabled.focused{
    border:1px solid var(--color-bg-primary);
}

.form-group-default.disabled.focused label{
    opacity:1;
}

.form-group-default.disabled label{
    opacity:0.57;
    cursor:not-allowed;
}

.form-group-default.is-valid{
    border:1px solid var(--color-success-dark) !important;
}

.form-group-default.is-invalid{
    border:1px solid var(--color-bg-danger-dark) !important;
}

.form-group-default.focused{
    border:1px solid var(--color-bg-primary) !important;
}

.form-group-default.focused label{
    opacity:0.67;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    font-size:12px;
    letter-spacing:normal;
}

.form-group-default.is-invalid label{
    color:var(--color-bg-danger-dark);
    animation-name:shake;
    animation-duration:0.4s;
    animation-iteration-count:1;
}

.form-group-default.is-valid .form-control-feedback, .form-group-default.is-invalid .form-control-feedback{
    display:none !important;
}

.form-group-default.is-valid .form-control,
.form-group-default.is-valid .form-control:focus,
.form-group-default.is-invalid .form-control,
.form-group-default.is-invalid .form-control:focus{
    border:none;
    box-shadow:none;
}

.invalid-feedback{
    letter-spacing:normal;
    animation-name:show-msg;
    animation-duration:450ms;
    animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    position:relative;
}

.form-group-default + .error:after{
    content:"";
    width:0%;
    position:absolute;
    height:1px;
    background-color:var(--color-danger-bg);
    top:-1px;
    right:0;
    animation-name:show-line;
    animation-delay:300ms;
    animation-duration:350ms;
    animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    animation-fill-mode:forwards;
}

@keyframes show-msg{
    0%{
        height:0;
        opacity:0;
    }
    100%{
        height:18px;
        opacity:1;
    }
}

@keyframes show-line{
    0%{
        width:0%;
    }
    100%{
        width:100%;
    }
}

.form-group-default.input-group{
    padding:0;
}

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

.form-group-default.input-group > label.inline{
    margin-top:6px;
    float:left;
}

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

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

.form-group-default.input-group .form-input-group{
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:1%;
    margin-bottom:0;
}

.form-group-default.input-group .form-control, .form-group-default.input-group .form-control-file{
    margin-top:-2px;
    margin-bottom:3px;
    padding-left:12px;
    padding-right:12px;
    width:100%;
}

.form-group-default.input-group .form-control-file{
    margin-top:0px;
}

.form-group-default.input-group .invalid-feedback{
    padding-left:12px;
}

.form-group-default.input-group small.form-text{
    padding-left:12px;
    font-size:80%;
    opacity:0.8;
    font-weight:normal;
}

.form-group-default.input-group .input-group-text{
    border:0;
    border-radius:0;
    min-width:50px;
}

.form-group-default.input-group .input-group-text i{
    width:100%;
}

.form-group-default.input-group .btn{
    border-top:0;
    border-bottom:0;
}

.form-group-default .form-control{
    border:none;
    height:25px;
    min-height:25px;
    padding:0;
    margin-top:-4px;
    background:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.form-group-default .form-control.error{
    color:var(--color-blue-dark);
}

.form-group-default .form-control:focus{
    background:none;
    box-shadow:none;
    border-color:inherit;
}

.form-group-default .form-control:focus::-moz-placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:focus:-ms-input-placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:focus::-webkit-input-placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:focus::placeholder{
    color:inherit;
    opacity:0.77;
    font-weight:400;
    font-family:-apple-system, BlinkMacSystemFont, "Inter UI", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.form-group-default .form-control:-webkit-autofill, .form-group-default .form-control.error:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

.form-group-default .form-control:-webkit-autofill:focus, .form-group-default .form-control.error:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset !important;
}

.form-group-default textarea.form-control{
    padding-top:5px;
}

.form-group-default label{
    margin:0;
    display:block;
    opacity:1;
    cursor:text;
    -webkit-transition:opacity 0.2s ease;
    transition:opacity 0.2s ease;
}

.form-group-default label.label-lg{
    font-size:13px;
    left:13px;
    top:9px;
}

.form-group-default label.label-sm{
    font-size:11px;
    left:11px;
    top:6px;
}

.form-group-default label.highlight{
    opacity:1;
}

.form-group-default label.fade{
    opacity:0.5;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    font-size:12px;
    letter-spacing:normal;
}

.form-group-default > .input-lg{
    height:29px;
    min-height:29px;
    padding-left:1px;
}

.form-group-default > .input-sm{
    min-height:18px;
    height:18px;
}

.form-group-default .spectrum-group .sp-replacer.sp-krajee{
    background:transparent;
}

.form-group-default .spectrum-group .sp-color, .form-group-default .spectrum-group .sp-hue, .form-group-default .spectrum-group .sp-clear{ border:0; }

.form-group-default .spectrum-group .sp-preview, .form-group-default .spectrum-group .sp-initial{
    border-radius:3px;
    border-color:var(--color-blue-dark-21);
}

.form-group-default .spectrum-group .sp-replacer{
    color:var(--color-blue-dark-21);
}

.form-group-default .spectrum-group .sp-replacer:hover, .form-group-default .spectrum-group .sp-replacer.active{
    color:var(--color-bg-primary);
}

.form-group-default .spectrum-group .sp-thumb-el{ border-radius:3px; overflow:hidden; }

.form-group-default .spectrum-group .input-group-sp{ padding:0 10px 0 0; border:0; }

.form-group-default .spectrum-group .input-group-prepend .input-group-text::after{ background-color:transparent; }

.form-group-default.form-group-default-select{
    overflow:visible;
}

.form-group-default.form-group-default-select .ui-select-container.ui-select-bootstrap.dropdown .ui-select-match{
    padding-top:6px;
    height:23px;
}

.form-group-default.form-group-default-select .ui-select-container .select2-choices{
    border:0;
}

.form-group-default.form-group-default-select2{
    padding:0;
}

.form-group-default.form-group-default-select2 > label{
    position:absolute;
    z-index:10;
    padding:5px 12px 0 9px;
    color:var(--color-blue-gray-light);
}

.form-group-default.form-group-default-select2 > label.label-lg{
    left:0;
    top:0;
}

.form-group-default.form-group-default-select2 > label.label-sm{
    left:0;
    top:0;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single{
    padding-top:20px;
    height:52px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-arrow b:before{
    top:20px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--single .select2-chosen{
    padding-left:3px;
    padding-top:1px;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple{
    padding-top:19px;
    padding-bottom:0;
    min-height:52px;
    border:0 !important;
}

.form-group-default.form-group-default-select2 .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    margin-top:5px;
}

.form-group-default.form-group-default-select2.input-lg{
    height:auto;
    padding:0;
}

.form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single{
    padding-top:26px;
    height:58px;
}

.form-group-default.form-group-default-select2.input-lg .select2-container .select2-selection--single .select2-selection__rendered{
    font-size:18px;
}

.form-group-default.form-group-default-select2.input-sm{
    height:auto;
    padding:0;
}

.form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single{
    padding-top:21px;
    height:49px;
}

.form-group-default.form-group-default-select2.input-sm .select2-container .select2-selection--single .select2-selection__rendered{
    font-size:13px;
}

.form-group-default.form-group-default-selectFx{
    padding:0;
}

.form-group-default.form-group-default-selectFx > label{
    position:absolute;
    z-index:10;
    padding:7px 12px 0 12px;
}

.form-group-default.form-group-default-selectFx > label.label-lg{
    left:0;
    top:0;
}

.form-group-default.form-group-default-selectFx > label.label-sm{
    left:0;
    top:0;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-placeholder{
    padding-top:28px;
    height:52px;
    padding-left:12px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select{
    height:auto;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select > span:after,
.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select .cs-selected span:after{
    top:39px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-lg .cs-placeholder{
    height:60px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .cs-select.input-sm .cs-placeholder{
    height:50px;
}

.form-group-default.form-group-default-selectFx .cs-wrapper .dropdown-placeholder{
    vertical-align:top;
}

.form-group-default .input-group-append .input-group-text:before{
    content:"";
    width:2px;
    height:80%;
    top:0;
    left:-10px;
    position:relative;
    background-color:rgba(0, 0, 0, 0.16);
}

.form-group-default .input-group-prepend .input-group-text:after{
    content:"";
    width:1px;
    height:80%;
    top:0;
    right:-8px;
    position:relative;
    background-color:rgba(0, 0, 0, 0.16);
}

.form-group-default .file-preview{ border:0; }

.is-valid .help-block,
.is-valid .control-label,
.is-valid .radio,
.is-valid .checkbox,
.is-valid .radio-inline,
.is-valid .checkbox-inline{
    color:var(--color-success-dark);
}

.is-valid .form-control{
    border-color:var(--color-success-dark);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-valid .form-control:focus{
    border-color:var(--color-success-dark);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-valid .form-control:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.05) !important;
}

.is-valid .input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    color:rgba(53, 63, 77, 0.47);
}

.is-valid .form-control-feedback{
    color:var(--color-success-dark);
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline{
    color:var(--color-bg-warning-dark);
}

.has-warning .form-control{
    border-color:var(--color-bg-warning-dark);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.has-warning .form-control:focus{
    border-color:#c7932d;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.has-warning .form-control:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.05) !important;
}

.has-warning .input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    color:rgba(53, 63, 77, 0.47);
}

.has-warning .form-control-feedback{
    color:var(--color-bg-warning-dark);
}

.is-invalid .help-block,
.is-invalid .control-label,
.is-invalid .radio,
.is-invalid .checkbox,
.is-invalid .radio-inline,
.is-invalid .checkbox-inline{
    color:var(--color-danger-bg);
}

.is-invalid .form-control{
    border-color:var(--color-danger-bg);
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-invalid .form-control:focus{
    border-color:#ce153c;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.is-invalid .form-control:-webkit-autofill{
    -webkit-box-shadow:0 0 0 1000px var(--color-white-100) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.05) !important;
}

.is-invalid .input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    color:rgba(53, 63, 77, 0.47);
}

.is-invalid .form-control-feedback{
    color:var(--color-danger-bg);
}

label.error{
    font-size:12px;
    color:var(--color-bg-danger-dark);
    display:block;
}

.validation-popover{
    background:var(--color-black-100);
    box-shadow:rgba(0, 0, 0, 0.3) 0 1px 4px;
}

.validation-popover .popover-body{
    padding:4px 8px;
    font-size:12px;
    line-height:1.4;
    color:var(--color-white-100);
}

.validation-popover > .arrow::after{
    border-top-color:var(--color-black-100);
}

.datepicker, .datetimepicker{
    padding:9px;
    border-radius:2px;
    font-size:12px;
}

.datepicker.dropdown-menu, .datetimepicker.dropdown-menu{
    box-shadow:rgba(15, 15, 15, 0.05) 0 0 0 1px, rgba(15, 15, 15, 0.1) 0 3px 6px, rgba(15, 15, 15, 0.2) 0 9px 24px;
}

.datepicker:after, .datetimepicker:after{
    border-bottom-color:var(--color-white-100);
}

.datepicker thead tr .datepicker-switch, .datetimepicker thead tr .datepicker-switch{
    color:var(--color-blue-gray-light);
    font-size:14px;
    font-weight:500;
    letter-spacing:-0.006em;
}

.datepicker thead tr .next,
.datepicker thead tr .prev, .datetimepicker thead tr .next,
.datetimepicker thead tr .prev{
    color:var(--color-bg-primary);
    content:"";
    font-size:0;
}

.datepicker thead tr .next:before,
.datepicker thead tr .prev:before, .datetimepicker thead tr .next:before,
.datetimepicker thead tr .prev:before{
    color:var(--color-bg-primary);
    font-family:"admin-icon";
    font-size:18px;
}

.datepicker thead tr .prev:before, .datetimepicker thead tr .prev:before{
    content:"\e989";
}

.datepicker thead tr .next:before, .datetimepicker thead tr .next:before{
    content:"\e988";
}

.datepicker thead tr .dow, .datetimepicker thead tr .dow{
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    color:var(--color-blue-dark);
    font-size:12px;
    font-weight:500;
    letter-spacing:0em;
    border-bottom:1px solid #d0d0d0;
}

.datepicker thead tr th, .datetimepicker thead tr th{
    width:34px;
    height:29px;
}

.datepicker table, .datetimepicker table{
    height:250px;
}

.datepicker table tr td, .datetimepicker table tr td{
    padding-bottom:14px;
    width:31px;
    height:29px;
}

.datepicker table tr td.day, .datetimepicker table tr td.day{
    position:relative;
    color:var(--color-blue-dark);
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:12px;
}

.datepicker table tr td.disabled, .datetimepicker table tr td.disabled{
    color:var(--color-blue-dark-62);
    font-weight:500;
    position:relative;
    opacity:0.78;
}

.datepicker table tr td.disabled:before, .datetimepicker table tr td.disabled:before{
    display:none !important;
}

.datepicker table tr td.disabled:after, .datetimepicker table tr td.disabled:after{
    content:"";
    display:block;
    width:calc(100% - 2px);
    height:calc(100% - 2px);
    border:2px solid var(--color-white-100);
    position:absolute;
    top:1px;
    left:1px;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAEdwTAAAAAAAAAAAAAAAAAAAAAAAAKkycPQAAAAIdFJOU0AACuuWFpQXdpvuhwAAAFRJREFUCNc1zLEJgEAAQ9GIC9y3sVUQa0ewsdcVBFdwfsNd7D4PEnXwzlA2wXgDvfRTUahzNaIo5Aq5QkwKDbtCy6nQ4ZdGl6vS422l9XKFXCFXCH14sRAYdHQ86wAAAABJRU5ErkJggg==);
    background-repeat:repeat;
    background-size:17px 15px;
    opacity:0.47;
}

.datepicker table tr td.disabled:hover, .datetimepicker table tr td.disabled:hover{
    background-color:transparent;
    cursor:default;
    color:#616161;
}

.datepicker table tr td.old, .datepicker table tr td.new, .datetimepicker table tr td.old, .datetimepicker table tr td.new{
    color:var(--color-blue-gray-light);
    opacity:0.67;
    font-weight:400;
    border-top:1px solid transparent;
    pointer-events:none;
}

.datepicker table tr td.old:after, .datepicker table tr td.new:after, .datetimepicker table tr td.old:after, .datetimepicker table tr td.new:after{
    opacity:0;
}

.datepicker table tr td.old:before, .datepicker table tr td.new:before, .datetimepicker table tr td.old:before, .datetimepicker table tr td.new:before{
    display:none;
}

.datepicker table tr td span{
    border-radius:1px;
    width:48px;
    height:42px;
    line-height:40px;
    font-weight:500;
    font-size:12px;
    border-top:1px solid var(--color-blue-dark-14);
    margin:0;
}

.datetimepicker table tr td span{
    width:54px;
    height:42px;
    line-height:40px;
    font-weight:500;
    font-size:12px;
}

.datepicker table tr td span.active, .datetimepicker table tr td span.active{
    background-color:var(--color-bg-primary) !important;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover{
    background-image:none;
    border:none;
    text-shadow:none;
}

.datepicker table tbody tr td, .datetimepicker table tbody tr td{
    padding-bottom:0;
}

.datepicker table tbody tr .odd, .datetimepicker table tbody tr .odd{
    color:#d0d3d8;
}

.datepicker table tbody tr:first-child td.day, .datetimepicker table tbody tr:first-child td.day{
    padding-top:6px;
    padding-bottom:6px;
}

.datepicker.dropdown-menu, .datetimepicker.dropdown-menu{
    border-color:#dcdee0;
    color:var(--color-blue-gray-dark);
}

.datepicker-inline, .datetimepicker-inline{
    width:auto;
}

.input-daterange .input-group-addon{
    text-shadow:none;
    border:0;
    margin:0;
}

.bootstrap-timepicker-widget table td a i{
    font-size:12px;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget .bootstrap-timepicker-widget input{
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
}

.bootstrap-timepicker-widget.dropdown-menu{
    background:var(--color-white-100);
}

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

.daterangepicker .calendar .calendar-date{
    border:1px solid var(--color-blue-dark-14);
}

.daterangepicker .calendar .prev,
.daterangepicker .calendar .next,
.daterangepicker .calendar th{
    color:var(--color-bg-primary);
    text-transform:uppercase;
    font-size:11px;
}

.daterangepicker .calendar .month{
    color:#6f7b8a;
    font-size:13px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover{
    background-color:var(--color-bg-primary);
    border-color:var(--color-bg-primary);
}

.form-group-default .select2-container .select2-selection,
.select2-container-multi .select2-choices{
    border-color:transparent;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background:transparent;
}

.select2-container--default.select2-container--disabled .select2-selection{
    cursor:not-allowed;
}

.select2-container--default.select2-container--disabled .select2-selection__arrow{
    opacity:0.2;
}

select.full-width + .select2-container{
    width:100% !important;
}

.select2-container *:focus{
    outline:none;
}

.select2-container .select2-selection{
    background-image:none;
    border-radius:2px;
    border:1px solid var(--color-blue-dark-14);
    padding:2px 9px;
    transition:border 0.2s linear 0s;
    min-height:35px;
    display:flex;
    align-items:center;
}

.form-group-default .select2-container .select2-selection{
    min-height:25px;
}

.select2-container .select2-selection .select2-selection__rendered{
    padding:0 30px 0 0;
    /*display: flex;*/
    /*align-items: center;*/
}

.form-group-default .select2-container .select2-selection .select2-selection__rendered{
    line-height:25px;
}

.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear{
    font-weight:normal;
    right:16px;
    width:20px;
    text-align:center;
    color:#888;
    position:absolute;
}

.select2-container .select2-selection .select2-selection__arrow{
    top:auto;
    bottom:5px;
    right:10px !important;
    left:auto;
    background:transparent;
    border-left:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.form-group-default .select2-container .select2-selection .select2-selection__arrow{
    height:14px;
    right:0 !important;
}

.select2-container .select2-selection.select2-selection--single{
    height:35px;
}

.form-group-default .select2-container .select2-selection.select2-selection--single{
    height:14px;
}

.form-group-default .select2-container--default.select2-container--disabled .select2-selection--single{
    background:var(--color-white-100);
    margin-left:1px;
}

.select2-container .select2-selection > .select2-chosen{
    margin-right:26px;
    margin-left:0;
}

.select2-container.select2-drop-above .select2-choice{
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
}

.select2-container--default .select2-results__group{
    color:var(--color-blue-dark);
}

.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b{
    background-image:none !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices{
    background-image:none !important;
    border:1px solid var(--color-blue-dark-14);
    background:#f3f3f4;
}

.select2-dropdown{
    border:1px solid var(--color-blue-dark-14);
    border-bottom:none;
    border-radius:2px;
    padding-top:0;
}

.select2-dropdown.select2-drop-above{
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    box-shadow:none;
}

.select2-container--open .select2-selection{
    box-shadow:none;
    border:1px solid var(--color-bg-primary) !important;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

.form-group-default .select2-container--open .select2-selection{
    border:1px solid transparent !important;
}

.select2-container--open .select2-dropdown{
    top:1px;
}

.select2-search--dropdown{
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
}

.select2-search--dropdown input{
    background:var(--color-white-100) !important;
    vertical-align:baseline;
    line-height:25px;
    border-radius:2px;
    border:none;
    font-size:12px;
    border:1px solid var(--color-blue-dark-14) !important;
}

.select2-results{
    margin:3px 8px 10px 8px;
}

.select2-results li{
    color:var(--color-blue-gray-dark);
}

.select2-results li.select2-result-with-children > .select2-result-label{
    color:var(--color-blue-dark);
}

.select2-results li.select2-result-with-children > .select2-result-label:first-child{
    padding-top:8px;
}

.select2-results .select2-results__option--highlighted{
    background-color:#f3f3f4 !important;
    border-radius:3px;
    color:var(--color-blue-gray-dark) !important;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit{
    background:none;
    color:var(--color-blue-gray-dark);
    font-size:12px;
    padding-left:8px;
    padding-top:0;
    position:relative;
    top:-5px;
}

.select2-dropdown{
    border:1px solid var(--color-blue-dark-14);
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    padding-top:5px;
    z-index:790;
    box-shadow:0 4px 5px rgba(0, 0, 0, 0.15);
}

/*
.select2-container--open
.select2-selection--multiple
.select2-selection__choice {
  background-color: var(--color-white-100) !important;
}*/

.select2-selection--multiple .select2-selection__rendered{
    background-image:none;
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    background-color:#dcdee0;
    background-image:none;
    border:none;
    box-shadow:none;
    color:inherit;
    border-radius:99px;
    margin:2px 6px 2px 0;
    padding:0 8px 2px;
    line-height:21px;
    font-size:0.75rem;
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
    color:#626262;
    font-weight:900;
    margin-right:4px;
    position:relative;
    top:-1px;
}

.select2-selection--multiple.select2-container-active .select2-choices{
    border:1px solid var(--color-blue-dark-14);
    box-shadow:none;
}

.select2-selection--multiple .select2-search-choice-close{
    left:6px;
}

.select2-search-choice-close{
    background:none;
    top:4px;
    right:0;
}

.select2-search-choice-close:hover{
    text-decoration:none;
}

.select2-drop-multi .select2-results .select2-no-results,
.select2-drop-multi .select2-results .select2-searching,
.select2-drop-multi .select2-results .select2-selection-limit{
    top:0;
}

.select2.form-control{
    padding:0;
    box-shadow:none;
    border:0;
}

.select2-drop-mask{
    z-index:700;
}

.ui-select-bootstrap .ui-select-choices-row.active > span{
    background:#f3f3f4;
    border-radius:3px;
    color:var(--color-blue-gray-dark);
}

.ui-select-bootstrap > .ui-select-choices{
    background-color:var(--color-white-100);
}

.ui-select-choices-group-label{
    color:var(--color-blue-dark);
    font-weight:bold;
}

.modal-open .select2-drop-active{
    z-index:1051;
}

.modal-open .select2-container{
    z-index:1040;
}

.modal-open .modal .select2-container, .modal-open .select2-container--open{
    z-index:1051;
}

.modal-open .datepicker.dropdown-menu{
    z-index:1051 !important;
}

.modal-open .datetimepicker.dropdown-menu{
    z-index:1051 !important;
}

.modal-open .select2-drop-mask{
    z-index:1050;
}

.modal-open .cs-skin-slide.cs-active{
    z-index:1050;
}

.dropdown-placeholder{
    display:inline-block;
    vertical-align:middle;
}

.dropdown-mask{
    bottom:0;
    display:none;
    left:0;
    outline:0 none;
    overflow:hidden;
    position:fixed;
    right:0;
    top:0;
    z-index:600;
}

.ui-select-bootstrap *:focus{
    outline:none;
}

.ui-select-bootstrap .ui-select-choices-row > span{
    padding-top:6px;
    padding-bottom:6px;
    line-height:24px;
    font-size:14px;
}

.ui-select-bootstrap .ui-select-match{
    box-shadow:none;
}

.ui-select-bootstrap .ui-select-choices-group-label{
    padding-left:15px;
    line-height:24px;
    font-size:14px;
    font-weight:700;
    color:#626262;
}

.ui-select-bootstrap .ui-select-match.btn-default-focus{
    background-color:transparent;
}

fieldset{
    border:1px solid var(--color-blue-dark-14);
    border-radius:5px;
    padding:revert;
}

fieldset legend{
    font-size:inherit;
    width:auto;
    margin:0;
    max-width:initial;
    padding:0 0.8rem;
}

.form-group-default-select{
    padding-bottom:2px;
}

.form-group-default-select .ui-select-bootstrap .ui-select-dropdown{
    width:calc(100% + 24px) !important;
    margin-left:-12px;
    padding:10px;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match-text{
    width:calc(100% + 24px);
    margin-top:-17px;
    margin-left:-16px;
    padding:16px 16px 0;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match{
    padding-top:2px !important;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match i.caret{
    margin-top:10px;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match.btn-default-focus{
    outline:none;
}

.form-group-default-select .ui-select-bootstrap .ui-select-match > .ui-select-toggle{
    width:calc(100% + 27px);
    height:50px;
    margin-top:-34px;
    margin-left:-16px;
    padding:32px 16px 16px;
}

.form-group-default-select .ui-select-bootstrap .dropdown-menu .divider{
    display:none;
}

.form-group-default-select .ui-select-bootstrap.ui-select-container{
    margin-top:-3px;
    padding-bottom:2px;
}

.form-group-default-select .ui-select-multiple{
    margin-top:-7px;
}

.form-group-default-select .ui-select-multiple .select2-search-field input{
    height:23px !important;
}

.form-group-default-select .ui-select-multiple .select2-search-choice{
    margin-top:2px;
    margin-bottom:0;
}

.form-group-default-select .ui-select-multiple .select2-search-choice:first-child{
    margin-left:0;
}

.form-group-default-select .select2-container-multi .select2-choices{
    background-color:transparent;
}


.form-group-default .tox-tinymce{ border:0; margin-top:5px; }

.form-group-default .croppie-field-container{ border:0; }

.form-group-default .croppie-field-container .custom-file-label{ opacity:1 !important; font-size:14px !important; }

.form-group-default .bootstrap-tagsinput{
    border:0;
    padding-left:0;
    margin-bottom:0;
    padding-top:0;
    vertical-align:top;
    padding-bottom:0;
    padding-left:0;
    margin-top:-3px;
}

.form-group-default .bootstrap-tagsinput .tag{
    padding:2px 9px;
    line-height:18px;
    margin-bottom:2px;
    margin-left:0;
    margin-right:2px;
}

.form-group-default .bootstrap-tagsinput input{
    min-height:20px;
}

.form-group-default .bootstrap-tagsinput input:first-child{
    margin-left:0;
}

.bootstrap-tagsinput{
    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;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -ms-flex-flow:wrap;
    flex-flow:wrap;
    background-color:transparent;
    border:1px solid var(--color-blue-dark-14);
    border-radius:4px;
    padding:0;
    padding-top:5px;
    padding-right:5px;
    -webkit-box-shadow:none;
    box-shadow:none;
    width:100%;
    -webkit-transition:background 0.2s linear 0s;
    transition:background 0.2s linear 0s;
}

.bootstrap-tagsinput.active-element{
    background-color:#dcdee0;
}

.bootstrap-tagsinput input{
    border:none;
    margin:5px;
    margin-top:0;
    margin-right:0;
    min-height:25px;
    min-width:10em !important;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    -webkit-flex-shrink:0;
    -webkit-flex-grow:1;
    -webkit-flex-basis:auto;
}

.bootstrap-tagsinput .tag{
    padding:3px 9px;
    padding-right:6px;
    border-radius:3px;
    line-height:18px;
    display:flex;
    margin:5px;
    margin-top:0;
    margin-right:0;
}

.bootstrap-tagsinput .tag [data-role="remove"]{
    margin-left:4px;
    display:flex;
    align-items:center;
}

.bootstrap-tagsinput .tag[data-role="remove"]:hover:active,
.bootstrap-tagsinput .tag [data-role="remove"]:hover{
    box-shadow:none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after{
    font-family:"admin-icon";
    content:"\e966";
    padding:0;
    font-size:14px;
}

/* SelectFx */
/* Default custom select styles */
div.cs-select{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    text-align:left;
    background:var(--color-white-100);
    width:100%;
    max-width:500px;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

div.cs-select:focus{
    outline:none;
    /* For better accessibility add a style for this in your skin */
}

.cs-select select{
    display:none;
}

.cs-select span{
    display:block;
    position:relative;
    cursor:pointer;
    padding:1em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Placeholder and selected option */
.cs-select > span{
    padding-right:3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after{
    speak:none;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.cs-select > span::after{
    content:"\25BE";
    right:1em;
}

.cs-select .cs-selected span::after{
    content:"\2713";
    margin-left:1em;
}

.cs-select.cs-active > span::after{
    -webkit-transform:translateY(-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg);
}

/* Options */
.cs-select .cs-options{
    position:absolute;
    overflow:hidden;
    width:100%;
    background:var(--color-white-100);
    visibility:hidden;
}

.cs-select.cs-active .cs-options{
    visibility:visible;
}

.cs-select ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
}

.cs-select ul span{
    padding:1em;
}

.cs-select ul li.cs-focus span{
    background-color:#ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul{
    padding-left:1em;
}

.cs-select li.cs-optgroup > span{
    cursor:default;
}

div.cs-skin-slide{
    color:var(--color-white-100);
    /*font-size: 1.5em;*/
    width:300px;
}

@media screen and (max-width:30em){
    div.cs-skin-slide{
        font-size:1em;
        width:250px;
    }
}

div.cs-skin-slide::before{
    content:"";
    background:#282b30;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform 0.3s;
    transition:transform 0.3s;
}

.cs-skin-slide.cs-active::before{
    -webkit-transform:scale3d(1.1, 3.5, 1);
    transform:scale3d(1.1, 3.5, 1);
}

.cs-skin-slide > span{
    height:80px;
    line-height:32px;
    -webkit-transition:text-indent 0.3s, opacity 0.3s;
    transition:text-indent 0.3s, opacity 0.3s;
}

@media screen and (max-width:30em){
    .cs-skin-slide > span{
        height:60px;
        line-height:28px;
    }
}

.cs-skin-slide.cs-active > span{
    text-indent:-290px;
    opacity:0;
}

.cs-skin-slide.cs-active > span::after{
    -webkit-transform:translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0);
}

.cs-skin-slide .cs-options{
    background:transparent;
    width:70%;
    height:400%;
    padding:1.9em 0;
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    -ms-transform:translate(-50%, -50%);
}

@media screen and (max-width:30em){
    .cs-skin-slide .cs-options{
        padding-top:3em;
    }
}

.cs-skin-slide .cs-options li{
    opacity:0;
    -webkit-transform:translate3d(30%, 0, 0);
    transform:translate3d(30%, 0, 0);
    -webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
    transition:transform 0.3s, opacity 0.3s;
}

.cs-skin-slide.cs-active .cs-options li{
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
}

.cs-skin-slide.cs-active .cs-options li:first-child{
    -webkit-transition-delay:0.05s;
    transition-delay:0.05s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(2){
    -webkit-transition-delay:0.1s;
    transition-delay:0.1s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(3){
    -webkit-transition-delay:0.15s;
    transition-delay:0.15s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(4){
    -webkit-transition-delay:0.2s;
    transition-delay:0.2s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(5){
    -webkit-transition-delay:0.25s;
    transition-delay:0.25s;
}

/* more options need more delay declaration */
.cs-skin-slide .cs-options li span{
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:2px;
    font-size:65%;
    padding:0.8em 1em 0.8em 2.5em;
}

.cs-skin-slide .cs-options li span:hover,
.cs-skin-slide .cs-options li.cs-focus span,
.cs-skin-slide .cs-options li.cs-selected span{
    color:#eb7e7f;
    background:transparent;
}

.cs-skin-slide .cs-selected span::after{
    content:"";
}

/* Select  overriding */
.form-group-default .cs-skin-slide > span{
    padding:0 30px 0 0;
    height:22px;
    line-height:21px;
}

.form-group-default .cs-wrapper{
    width:100%;
    height:100%;
    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;
}

.cs-wrapper{
    display:inline-block;
}

.form-control.cs-select:not(.cs-active){
    width:100% !important;
}

.cs-select{
    background-color:transparent;
}

.cs-select span{
    text-overflow:initial;
}

.cs-select .cs-placeholder{
    width:100%;
}

div.cs-skin-slide{
    width:auto;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, sans-serif;
    color:#5e5e5e;
}

div.cs-skin-slide:before{
    background-color:transparent;
}

div.cs-skin-slide.cs-transparent{
    background:none;
}

div.cs-skin-slide.cs-transparent .cs-backdrop{
    border-color:transparent;
    background:none;
}

div.cs-skin-slide.cs-transparent.cs-active .cs-backdrop{
    background:var(--color-white-100);
}

div.cs-skin-slide > span{
    height:35px;
    padding:6px 33px 6px 17px;
    line-height:23px;
    z-index:1;
}

div.cs-skin-slide.cs-active{
    z-index:790;
}

div.cs-skin-slide.cs-active:before{
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1);
}

div.cs-skin-slide.cs-active .cs-backdrop{
    border:transparent;
    background:var(--color-white-100);
    box-shadow:-1px 0 1px #ccc, 1px 0 1px #ccc;
}

div.cs-skin-slide > span:after,
div.cs-skin-slide.cs-active > span:after{
    content:"\e98b";
    font-family:"admin-icon";
    color:#5e5e5e;
    font-size:23px;
    position:absolute;
    right:7px;
}

div.cs-skin-slide .cs-options{
    height:auto;
    width:auto;
    padding:10px;
    max-height:350px;
    overflow:hidden;
    z-index:1;
}

div.cs-skin-slide .cs-options ul{
    width:100%;
    display:table;
}

div.cs-skin-slide .cs-options ul li{
    display:table-row;
}

div.cs-skin-slide .cs-options ul li span{
    display:table-cell;
    font-size:14px;
    font-weight:normal;
    letter-spacing:normal;
    padding:5px 0;
    text-transform:none;
    max-height:350px;
    overflow-y:auto;
}

div.cs-skin-slide .cs-options ul li span:hover,
div.cs-skin-slide .cs-options ul li.cs-focus span,
div.cs-skin-slide .cs-options ul li.cs-selected span{
    color:var(--color-blue-dark);
}

.cs-backdrop{
    background:none repeat scroll 0 0 var(--color-white-100);
    border:1px solid var(--color-blue-dark-14);
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(6){
    transition-delay:0.3s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(7){
    transition-delay:0.35s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(8){
    transition-delay:0.4s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(9){
    transition-delay:0.45s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(10){
    transition-delay:0.5s;
}

.cs-skin-slide.cs-active .cs-options li:nth-child(11){
    transition-delay:0.55s;
}

.cs-input-group-addon{
    background:#f3f3f4;
    border:1px solid var(--color-blue-dark-14);
    padding:6px 10px;
}

.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 for Angular */
.dropzone[dropzone="dropzone"] input[type="file"]{
    visibility:hidden;
}

/* end overrides */
/* Demo specifc classes */
.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;
}

/*------------------------------------------------------------------
[16. Tables and Datatables]
*/
/* Generic Tables
------------------------------------
*/
.table{
    margin-bottom:0;
    margin-top:5px;
}

.table thead tr th{
    text-transform:uppercase;
    font-weight:500;
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:10.5px;
    letter-spacing:0.06em;
    padding-top:14px;
    padding-bottom:14px;
    vertical-align:middle;
    border-bottom:1px solid rgba(220, 222, 224, 0.7);
    color:var(--color-blue-gray-dark);
    border-top:none;
}

.table thead tr th[class*="sorting_"]:not([class="sorting_disabled"]){
    color:var(--color-blue-gray-dark);
}

.table thead tr th:first-child, .table tbody tr td:first-child, .table tfoot tr td:first-child{
    padding-left:22px !important;
}

.table thead tr th .btn{
    margin-top:-20px;
    margin-bottom:-20px;
}

.table tbody tr td{
    background:var(--color-white-100);
    color:var(--color-blue-gray-dark);
    border-bottom:1px solid rgba(220, 222, 224, 0.7);
    border-top:0;
    padding:12px;
    font-size:13.5px;
}

.table tbody tr:last-child td{ border-bottom:none; }

.table tbody tr td .btn-tag{
    margin:5px;
}

.table tbody tr td .btn-tag:hover{
    background:var(--color-blue-dark-15);
}

.table tbody tr td[class*="sorting_"]{
    color:var(--color-blue-gray-dark);
}

.table tbody tr td .checkbox label::after{
    left:0.5px;
}

.table tbody tr.selected td{
    background:var(--color-bg-warning-lighter);
    color:var(--color-blue-gray-dark);
}

.table.table-striped tbody tr td{
    background:#f3f3f4;
}

.table.table-striped tbody tr:nth-child(2n + 1) td{
    background:var(--color-white-100);
}

.table.table-hover tbody tr.selected:hover td{
    background:var(--color-bg-warning-lighter);
    color:var(--color-blue-gray-dark);
}

.table.table-hover tbody tr:hover td{
    background:var(--color-bg-primary-lighter) !important;
    color:var(--color-blue-gray-dark) !important;
}

.table.table-borderless tbody tr td{
    border-top:0;
}

.table.table-condensed{
    table-layout:fixed;
}

.table.table-condensed thead tr th{
    padding-left:12px;
    padding-right:12px;
}

.table.table-condensed tbody tr td{
    padding-top:12px;
    padding-bottom:12px;
}

.table.table-condensed thead tr th,
.table.table-condensed tbody tr td,
.table.table-condensed tbody tr td *:not(.dropdown-default){
    /*white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;*/
}

.table.table-condensed thead tr th.reset-overflow *,
.table.table-condensed tbody tr td.reset-overflow *,
.table.table-condensed tbody tr td *:not(.dropdown-default).reset-overflow *{
    overflow:initial !important;
}

.table.table-condensed.table-detailed > tbody > tr.shown > td{
    background:var(--color-bg-warning-lighter);
}

.table.table-condensed.table-detailed > tbody > tr.shown > td:first-child:before{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

.table.table-condensed.table-detailed > tbody > tr.shown + tr > td{
    background:rgba(243, 243, 244, 0.4);
    padding:0 40px;
}

.table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline{
    margin-top:13px;
    margin-bottom:13px;
    background:transparent;
}

.table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline tr,
.table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline td{
    background:transparent;
    font-weight:600;
}

.table.table-condensed.table-detailed > tbody > tr.row-details > td:first-child:before{
    content:"";
    display:none;
}

.table.table-condensed.table-detailed > tbody > tr > td:hover{
    cursor:pointer;
}

.table.table-condensed.table-detailed > tbody > tr > td:first-child:before{
    content:"\e988";
    display:inline-block;
    font-size:16px;
    top:-1px;
    position:relative;
    margin-right:8px;
    font-family:"admin-icon";
    -webkit-transition:all 0.12s linear;
    transition:all 0.12s linear;
}

.table.table-condensed.table-detailed .table-inline td{
    border:none;
    text-align:left;
}

.table.table-borderless > tbody > tr > td{
    border-bottom:0;
}

.fht-table{
    margin-bottom:0 !important;
}

/* Data-tables
------------------------------------
*/
.table.dataTable.no-footer{
    border:none;
}

.dataTables_scroll:hover .dataTables_scrollBody:before{
    content:"";
    top:0;
    height:0;
}

.dataTables_scrollBody{
    overflow-y:auto;
    border:none !important;
}

.dataTables_scrollBody:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:60px;
    bottom:0;
    background:transparent;
}

.dataTables_wrapper .dataTables_paginate{
    float:right;
}

.dataTables_wrapper .dataTables_paginate ul > li.disabled a{
    opacity:0.5;
}

.dataTables_wrapper .dataTables_paginate ul > li > a{
    padding:5px 10px;
    color:var(--color-blue-gray-dark);
    opacity:0.35;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.dataTables_wrapper .dataTables_paginate ul > li > a:hover{
    opacity:0.65;
}

.dataTables_wrapper .dataTables_paginate ul > li.next > a,
.dataTables_wrapper .dataTables_paginate ul > li.prev > a{
    opacity:1;
}

.dataTables_wrapper .dataTables_paginate ul > li.disabled a{
    opacity:0.35;
}

.dataTables_wrapper .dataTables_paginate ul > li.disabled a:hover{
    opacity:0.35;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate{
    margin-top:25px !important;
}

.dataTables_paginate.paging_bootstrap.pagination{
    padding-top:0;
    padding-right:20px;
}

.dataTables_wrapper .dataTables_info{
    clear:none;
    font-size:12px;
    padding:0 33px;
    color:var(--color-blue-gray-dark);
}

.dataTables_wrapper .dataTables_paginate ul > li{
    display:inline-block;
    padding-left:0;
    font-size:11px;
}

.dataTables_scrollHeadInner{
    padding-right:0 !important;
}

.export-options-container{
    position:relative;
}

.dataTables_wrapper .dataTables_paginate ul > li.active > a{
    font-weight:bold;
    color:var(--color-blue-gray-dark);
    opacity:1;
}

.export-options-container a{
    color:inherit;
    opacity:1;
}

.exportOptions .DTTT.btn-group a{
    display:block !important;
}

table.dataTable thead .sorting_asc:after{
    background-image:url("../../img/icons/sort_asc.png");
}

table.dataTable thead .sorting_desc:after{
    background-image:url("../../img/icons/sort_desc.png");
}

table.dataTable thead .sorting:after{
    background-image:url("../../img/icons/sort_both.png");
}

table.dataTable thead .sorting_asc_disabled:after{
    background-image:url("../../img/icons/sort_asc_disabled.png");
}

table.dataTable thead .sorting_desc_disabled:after{
    background-image:url("../../img/icons/sort_desc_disabled.png");
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after{
    bottom:12px;
    content:"";
    width:19px;
    height:19px;
    background-position:center center;
    opacity:1;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after{
    top:12px;
}

.table-invoice th{
    border-top:0;
}

.dataTables_wrapper .row{
    width:100%;
}

.dataTables_wrapper .row > div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
}

.dataTables_wrapper#tableWithDynamicRows_wrapper > div{
    width:100%;
}

/* Responsive Handlers : Tables */
@media (max-width:991px){
    .dataTables_wrapper .dataTables_info{
        float:left;
    }

    .dataTables_paginate.paging_bootstrap.pagination{
        float:right;
    }
}

@media (max-width:767px){
    .table-responsive{
        border:1px solid #ddd;
    }

    .dataTables_wrapper .row{
        margin:0;
    }

    .dataTables_wrapper .row > div{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
    }

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate{
        margin-top:0 !important;
        padding-left:0;
        padding-right:0;
        margin-bottom:10px;
    }

    .dataTables_wrapper .dataTables_info ul,
    .dataTables_wrapper .dataTables_paginate ul{
        padding:0;
    }
}

@media (max-width:480px){
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate{
        float:none;
        text-align:left;
        clear:both;
        display:block;
    }
}

.caret{
    display:inline-block;
    width:0;
    height:0;
    margin-left:2px;
    vertical-align:middle;
    border-top:0;
    border-right:4px solid transparent;
    border-left:4px solid transparent;
}

/*------------------------------------------------------------------
[18. List]
*/
.list-view-wrapper{
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    position:absolute;
    width:100%;
    -webkit-overflow-scrolling:touch;
}

.list-view-container{
    position:relative;
}

.list-view-container .list-quickscroll ul{
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    right:10px;
    z-index:120;
    padding-top:10px;
    padding-bottom:10px;
}

.list-view-container .list-quickscroll ul li a{
    font-size:0.7em;
    vertical-align:baseline;
}

.list-view-group-container{
    margin:0;
    min-height:1px;
    overflow:hidden;
    padding:26px 0 0 0;
    position:relative;
}

.list-view-group-container:last-child ul{
    border:0;
}

.list-view-group-header,
.list-view-fake-header{
    background:#f3f3f4;
    color:#232830;
    font:normal 11px/14px "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif, "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    text-transform:uppercase;
    margin:0;
    padding:6px 0 5px 15px;
    position:absolute;
    z-index:10;
}

.list-view-group-header{
    bottom:auto;
    min-height:1px;
    top:0;
    width:100%;
    border-top:0;
}

.list-view-fake-header{
    width:100%;
    z-index:100;
    font-size:11px !important;
    line-height:14px !important;
}

.list-view-fake-header.list-view-hidden{
    visibility:hidden;
}

.list-view-group-container.list-view-animated .list-view-group-header{
    bottom:0;
    top:auto;
}

input.list-view-search{
    font-size:15px;
    color:#232830;
}

.no-top-border .list-view-fake-header{
    border-top:0;
}

.list-view ul{
    list-style:none;
    margin:0;
    padding:0;
    border-bottom:1px solid var(--color-blue-dark-14);
}

.list-view li{
    padding-left:15px;
    white-space:nowrap;
    cursor:pointer;
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}

.list-view li:hover{
    background-color:var(--color-bg-primary-lighter);
}

.list-view li.active{
    background-color:var(--color-bg-warning-lighter);
}

.list-view li p{
    margin:0;
    line-height:19px;
}

.list-view li > a{
    margin-right:15px;
    width:100%;
}

.list-view li > *{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
    -webkit-flex-direction:row !important;
    -ms-flex-direction:row !important;
    flex-direction:row !important;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}

.list-view.boreded li > a{
    border-bottom:1px solid rgba(0, 0, 0, 0.07);
}

.list-view.boreded li:last-child > a{
    border-bottom:0;
}

.list-view.boreded li + li{
    border-top:0;
}

[data-ios="true"] .list-view-group-header,
[data-ios="true"] .list-view-fake-header{
    width:288px;
    /*scrollbars aren't visible in iOS devices, so make the headers wider */
}

.list-group-item{
    border:1px solid #f3f3f4;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
    background-color:var(--color-bg-primary-light);
    border-color:var(--color-bg-primary-light);
}

.list-group-item:first-child{
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

.list-group-item:last-child{
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
}

.list-inline > li{
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
}

/* Social Cards
------------------------------------
*/
.social-card{
    padding-bottom:0;
    margin-bottom:0;
    background:var(--color-white-100);
    float:left;
    position:relative;
    border-radius:4px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    margin-bottom:20px;
    width:300px;
    border:1px solid #dcdee0;
}

.social-card .circle{
    position:absolute;
    right:20px;
    top:20px;
    display:block;
    border-radius:50%;
    border:2px solid #f3f3f4;
    width:9px;
    height:9px;
    background:var(--color-info-bg-light);
    z-index:1;
}

.social-card .circle:hover{
    cursor:pointer;
}

.social-card.full-width{
    width:100% !important;
}

.social-card.status{
    background:rgba(210, 240, 255, 0.6);
    border-radius:4px;
    padding:15px 25px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid transparent;
}

.social-card.status:hover, .social-card.status.hover{
    border-color:var(--color-info-bg-lighter) !important;
}

.social-card.status h5{
    font-size:12px;
    margin:0;
    color:var(--color-blue-gray-dark);
}

.social-card.status h5 .time{
    color:var(--color-blue-gray-dark);
}

.social-card.status h2{
    color:var(--color-blue-gray-dark);
    font-size:25px;
    line-height:32px;
    margin:0;
    font-weight:normal;
}

.social-card.status .reactions{
    opacity:0.45;
    font-size:12px;
    padding:0;
    margin:5px 0 0;
    padding:0;
}

.social-card.status .reactions li{
    display:inline-block;
    list-style:none;
    padding:0;
}

.social-card.status .reactions li a{
    color:var(--color-blue-dark);
}

.social-card.status .circle{
    width:9px;
    height:9px;
    border:none;
    background:var(--color-bg-primary);
}

.social-card .card-header,
.social-card .card-footer{
    background-color:var(--color-white-100);
    -webkit-transition:background 0.2s ease;
    transition:background 0.2s ease;
}

.social-card.share .card-header{
    padding:15px 15px 12px;
    border-bottom:1px solid #dcdee0;
    border-top-right-radius:2px;
    border-top-left-radius:2px;
}

.social-card.share a.card-header:hover{
    background:rgba(210, 240, 255, 0.6);
    border-color:var(--color-bg-primary-lighter);
    cursor:pointer;
}

.social-card.share a.card-header:hover h6{
    opacity:0.6;
}

.social-card.share .card-header.last{
    border-bottom:none;
}

.social-card.share .card-header .user-pic{
    float:left;
    border-radius:50%;
    overflow:hidden;
    margin-right:10px;
}

.social-card.share .card-header .user-pic > img{
    width:30px;
    height:30px;
}

.social-card.share .card-header h5{
    font-weight:bold;
    font-size:14px;
    margin:0;
    line-height:22.7px;
    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;
    margin-top:-3px;
}

.social-card.share .card-header h6{
    font-size:12px;
    margin:0;
    opacity:0.45;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    opacity:0.45;
}

.social-card.share .card-description{
    padding:12px 16px 11px;
    font-size:14px;
    line-height:21px;
    margin:0;
}

.social-card.share .card-description p{
    margin-bottom:4px;
}

.social-card.share .card-description .via{
    opacity:0.45;
    display:block;
    font-size:12px;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.social-card.share .card-content{
    position:relative;
}

.social-card.share .card-content .buttons{
    left:17px;
    padding:0;
    position:absolute;
    top:10px;
}

.social-card.share .card-content .buttons li{
    display:inline-block;
    list-style:none;
    margin-right:10px;
}

.social-card.share .card-content .buttons li a{
    color:var(--color-white-100);
}

.social-card.share .card-feed{
    overflow:hidden;
    position:relative;
    max-height:400px;
}

.social-card.share .card-feed:hover .buttons{
    opacity:1;
}

.social-card.share .card-feed .buttons{
    position:absolute;
    top:5px;
    right:0;
    opacity:0;
}

.social-card.share .card-feed .buttons li{
    display:inline-block;
    list-style:none;
}

.social-card.share .card-feed .buttons li a{
    color:var(--color-white-100);
    opacity:0.8;
    padding:5px;
}

.social-card.share .card-feed > *{
    max-width:100%;
}

.social-card.share .card-footer{
    padding:14px 16px 11px;
    font-size:12px !important;
}

.social-card.share a.card-footer:hover{
    background:rgba(210, 240, 255, 0.6);
    cursor:pointer;
}

.social-card.share a.card-footer:hover .reactions,
.social-card.share a.card-footer:hover .time{
    opacity:0.8;
}

.social-card.share .card-footer .time{
    float:left;
    opacity:0.45;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    margin-top:1px;
}

.social-card.share .card-footer .reactions{
    float:right;
    margin:0;
    padding:0;
    opacity:0.45;
}

.social-card.share .card-footer .reactions li{
    display:inline-block;
    list-style:none;
}

.social-card.share .card-footer .reactions li a{
    color:inherit;
}

.social-card.share .card-description,
.social-card.share .card-feed,
.social-card.share .card-footer{
    border-color:transparent;
    border-style:solid;
}

.social-card.share .card-description{
    border-width:1px;
}

.social-card.share .card-feed{
    border-width:0 1px;
    margin-top:-2px;
}

.social-card.share .card-footer{
    border-width:0 1px 1px 1px;
}

.social-card.share.share-other .card-description{
    padding-bottom:0;
}

.social-card.share.share-other .card-footer{
    padding-top:0;
    border-radius:0;
}

.social-card.share.share-other a.card-footer:hover{
    background:var(--color-white-100);
}

.social-card.share.share-other .card-header{
    border-top:1px solid var(--color-blue-dark-14);
}

.social-card.share.share-other .circle{
    background:var(--color-bg-warning);
}

.social-card.col1{
    width:300px;
}

.social-card.col2{
    width:620px;
}

.social-card.col3{
    width:920px;
}

.social-card img{
    width:100%;
}

@media (min-width:991px) and (max-width:1070px){
    .day .card:first-child .col-md-4:first-child{
        width:100%;
        margin-bottom:20px;
    }

    .day .card:first-child .col-md-4:nth-child(2),
    .day .card:first-child .col-md-4:nth-child(3){
        width:50%;
    }
}

body.overflow-hidden{
    overflow:hidden;
}

/*------------------------------------------------------------------
[22. Login]
*/
.login-wrapper{
    background-color:var(--color-bg-primary);
    background:url(https://storage.googleapis.com/kepler-marketing/community_login_cover_c.jpg);
    width:100%;
    height:100%;
    overflow:hidden;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:bottom;
}

.login-wrapper > *{
    height:100%;
}

.login-wrapper .bg-pic{
    position:absolute;
    width:100%;
    overflow:hidden;
}

.login-wrapper .bg-pic > img{
    height:100%;
    opacity:0.6;
}

.login-wrapper .login-container{
    width:496px;
    display:block;
    position:relative;
    float:right;
}

.login-wrapper .bg-caption{
    width:500px;
}

.register-container{
    width:550px;
    margin:auto;
    height:100%;
}

/* Responsive handlers : Login
------------------------------------
*/
@media (max-width:768px){
    .login-wrapper .login-container{
        width:100%;
    }

    .register-container{
        width:100%;
        padding:15px;
    }
}

@media only screen and (max-width:321px){
    .login-wrapper .login-container{
        width:100%;
    }
}

/*------------------------------------------------------------------
[27. Widgets]
*/
.widget{
    position:relative;
}

.widget > div{
    position:relative;
    z-index:1;
}

.widget:after{
    background-size:cover;
    content:" ";
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:absolute;
    z-index:0;
    opacity:0.69;
}

.widget-1:before{
    background-image:url("../../img/linear_gradient.png");
    background-repeat:repeat-x;
    content:" ";
    left:0;
    right:0;
    height:325px;
    bottom:0;
    position:absolute;
    z-index:1;
}

.widget-1 > .card-body .company:nth-child(2) > div{
    display:table;
    margin:0 auto;
    width:127px;
}

.widget-1 > .card-body > *{
    z-index:1;
}

.widget-1 > .card-body > *:not(.pull-bottom){
    position:relative;
}

.widget-1 > .card-body .pull-bottom{
    padding:0 49px 45px 42px;
}

.widget-1 span.label{
    color:var(--color-white-100);
    background:rgba(255, 255, 255, 0.3);
}

.widget-3 a{
    text-decoration:none;
}

.widget-3 .pg-map{
    font-size:42px;
}

.widget-3 .widget-3-fav{
    background:rgba(0, 0, 0, 0.08);
    vertical-align:middle;
    padding:9px 10px;
    display:flex;
}

.widget-4 .row-sm-height:nth-child(1){
    height:30px;
}

.widget-4 .row-sm-height:nth-child(2){
    height:30px;
}

.widget-4-chart{
    height:100%;
    width:100%;
    bottom:0;
    position:absolute;
    right:0;
}

.widget-4-chart .nvtooltip .nv-pointer-events-none thead{
    display:none;
}

.widget-4-chart .nvtooltip .nv-pointer-events-none tbody .nv-pointer-events-none .key{
    display:none;
}

.widget-5-chart-container{
    overflow:hidden;
}

.widget-5-chart{
    height:auto;
    width:auto;
    bottom:20px;
    position:absolute;
    right:20px;
    left:20px;
    top:40px;
}

.widget-6 .label{
    background:rgba(53, 63, 77, 0.3);
    color:var(--color-white-100);
}

.widget-7 .slide-back .row-sm-height:nth-child(1){
    height:60%;
}

.widget-7 .slide-back .row-sm-height:nth-child(2){
    height:40%;
}

.widget-7-chart{
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}

.widget-8{
    height:145px;
}

.widget-8 .row-xs-height:first-child{
    height:41px;
}

.widget-8-chart{
    height:100px;
    width:50%;
    bottom:0;
    position:absolute;
    right:0;
}

.widget-9{
    height:145px;
}

.widget-9 .row-xs-height:first-child{
    height:26px;
}

.widget-9 .progress{
    background:rgba(0, 0, 0, 0.1);
}

.widget-10{
    height:145px;
}

.widget-11 sup{
    margin-right:-4px;
}

.widget-11 .widget-11-table{
    height:100%;
}

.widget-11 .widget-11-table tr td:first-child{
    width:40%;
}

.widget-11-2 sup{
    margin-right:-4px;
}

.widget-11-2 .widget-11-2-table{
    height:273px;
}

.widget-11-3 .widget-11-3-table{
    height:384px;
}

.widget-12 .list-inline a{
    padding:3px 4px;
    border-radius:3px;
    opacity:0.7;
}

.widget-12 .list-inline .active a{
    opacity:1;
}

.widget-12 .widget-12-search{
    margin-top:-3px;
}

@media (max-width:992px){
    .widget-12{
        flex:none;
    }

    .widget-12 .widget-12-footer{
        position:relative !important;
    }
}

@media (max-width:992px){
    .share-other .card-content{
        height:250px;
        min-height:250px;
    }
}

.widget-14 .row-xs-height:nth-child(1){
    height:30px;
}

.widget-14 .row-xs-height:nth-child(2){
    height:120px;
}

.widget-14 .row-xs-height:nth-child(3){
    height:297px;
}

.widget-14-chart_y_axis{
    position:absolute;
    top:0;
    background:rgba(255, 255, 255, 0.8);
    bottom:0;
    width:35px;
    left:0;
    z-index:2;
}

.widget-14-chart_y_axis .rickshaw_graph .y_ticks path,
.widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 path{
    fill:none;
    stroke:none;
}

.widget-14-chart_y_axis .rickshaw_graph .y_ticks text,
.widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 text{
    opacity:0.35;
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:11px;
}

.widget-14-chart_y_axis .y_ticks.plain g:first-child{
    opacity:0 !important;
}

.widget-14-chart-legend .ui-sortable li{
    padding-right:0;
}

.widget-14-chart-legend .ui-sortable li .action{
    display:none;
}

.widget-14-chart-legend .ui-sortable li:last-child{
    margin-top:7px;
}

.widget-15 #widget-15-tab-1 > div{
    height:170px;
}

.widget-15-2 #widget-15-2-tab-1 .full-width{
    height:180px;
}

.widget-16-header .pull-left:last-child{
    width:69%;
}

.widget-16-chart{
    height:138px;
}

.widget-17{
    height:467px;
}

.widget-17 .weather-info .row{
    margin-bottom:12px;
}

.widget-19-post{
    height:220px;
    background:#00a79a;
}

.widget-19-post img{
    top:50%;
    margin-top:-70px;
}

.btn-circle-arrow{
    border:1px solid var(--color-white-100);
    border-radius:100px;
    position:relative;
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-right:4px;
}

.btn-circle-arrow i{
    font-size:20px;
    position:absolute;
    left:0;
    top:0;
    margin-left:-1px;
    margin-top:-1px;
}

.live-tile{
    color:inherit;
}

/*** Large screens ***/
@media only screen and (min-width:1824px){
    .ar-3-2:before{
        padding-top:calc(55% - 5px) !important;
    }

    .ar-2-3:before{
        padding-top:calc(135% - 5px) !important;
    }
}

@media (max-width:991px){
    .card{
        height:auto !important;
    }

    .widget-8,
    .widget-9,
    .widget-10{
        height:180px !important;
    }
}

@media (max-width:480px){
    .widget-1-wrapper{
        height:340px;
    }
}

@media (max-width:420px){
    .widgets-container{
        margin-top:80px;
    }
}

@media (max-width:610px){
    .widget-item,
    .widgets-container{
        width:100% !important;
    }
}

/* Alert List
--------------------------------------------------
*/
.alert-list > a{
    height:45px;
}

/*------------------------------------------------------------------
[28. Misc : Helper Classes]
*/
.custom{
    height:150px;
}

.icon-list .fa-item{
    display:block;
    color:var(--color-blue-dark);
    line-height:32px;
    height:32px;
    padding-left:10px;
}

.icon-list .fa-item > i{
    width:32px;
    font-size:14px;
    display:inline-block;
    text-align:right;
    margin-right:10px;
}

.push-on-sidebar-open{
    -webkit-transition:-webkit-transform 0.25s ease;
    transition:transform 0.25s ease;
    -webkit-backface-visibility:hidden;
}

/* Thumbnail for icons and profile pics
------------------------------------
*/
.thumbnail-wrapper{
    display:inline-block;
    overflow:hidden;
    float:left;
}

.thumbnail-wrapper.circular{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}

.thumbnail-wrapper.bordered{
    border-width:4px;
    border-style:solid;
}

.thumbnail-wrapper.bordered.d16{
    width:20px;
    height:20px;
}

.thumbnail-wrapper.bordered.d16 > *{
    line-height:12px;
}

.thumbnail-wrapper.bordered.d24{
    width:28px;
    height:28px;
}

.thumbnail-wrapper.bordered.d24 > *{
    line-height:24px;
}

.thumbnail-wrapper.bordered.d32{
    width:36px;
    height:36px;
}

.thumbnail-wrapper.bordered.d32 > *{
    line-height:28px;
}

.thumbnail-wrapper.bordered.d48{
    width:40px;
    height:40px;
}

.thumbnail-wrapper.bordered.d48 > *{
    line-height:36px;
}

.thumbnail-wrapper.d16{
    width:16px;
    height:16px;
}

.thumbnail-wrapper.d16 > *{
    line-height:16px;
}

.thumbnail-wrapper.d24{
    width:24px;
    height:24px;
}

.thumbnail-wrapper.d24 > *{
    line-height:24px;
}

.thumbnail-wrapper.d32{
    width:32px;
    height:32px;
}

.thumbnail-wrapper.d32 > *{
    line-height:32px;
}

.thumbnail-wrapper.d39{
    width:39px;
    height:39px;
}

.thumbnail-wrapper.d39 > *{
    line-height:39px;
}

.thumbnail-wrapper.d48{
    width:36px;
    height:36px;
}

.thumbnail-wrapper.d48 > *{
    line-height:36px;
}

.thumbnail-wrapper > *{
    vertical-align:middle;
    width:100%;
    height:100%;
    text-align:center;
}

/* Profile dropdown
------------------------------------
*/
.profile-dropdown, .lang-dropdown{
    background:var(--color-white-100);
}

.profile-dropdown:before, .lang-dropdown:before{
    position:absolute;
    top:-7px;
    right:5px;
    display:inline-block;
    border-right:7px solid transparent;
    border-bottom:7px solid #ccc;
    border-left:7px solid transparent;
    border-bottom-color:rgba(0, 0, 0, 0.2);
    content:"";
}

.profile-dropdown:after, .lang-dropdown:after{
    position:absolute;
    top:-6px;
    right:16px;
    display:inline-block;
    border-right:6px solid transparent;
    border-bottom:6px solid var(--color-white-100);
    border-left:6px solid transparent;
    content:"";
}

.lang-dropdown:after{
    right:6px;
}

.profile-dropdown > a, .lang-dropdown a{
    -webkit-transition:opacity ease 0.3s;
    transition:opacity ease 0.3s;
    padding-left:17px;
    padding-right:37px;
    min-width:180px;
}

.lang-dropdown a{
    min-width:150px;
}

.profile-dropdown > a > i, .lang-dropdown > a > i{
    margin-right:5px;
}

.profile-dropdown > a:hover, .lang-dropdown a:hover{
    opacity:1;
}

.profile-dropdown-toggle, .lang-dropdown-toggle{
    background:transparent;
    border:none;
}

/* Scroll
------------------------------------
*/
.scrollable{
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}

/* Overides
------------------------------------
*/
.no-padding{
    padding:0 !important;
}

.no-margin{
    margin:0 !important;
}

.no-overflow{
    overflow:hidden !important;
}

.auto-overflow{
    overflow:auto;
}

.reset-overflow{
    overflow:initial !important;
}

.center-margin{
    margin-left:auto;
    margin-right:auto;
}

.inherit-size{
    width:inherit;
    height:inherit;
}

.inherit-height{
    height:inherit;
}

.image-responsive-height{
    width:100%;
}

.image-responsive-width{
    height:100%;
}

.overlayer{
    position:absolute;
    display:block;
    z-index:21;
}

.overlayer.fullwidth{
    width:100%;
}

.overlayer-wrapper{
    position:relative;
    display:block;
    z-index:10;
}

.overlay-fixed{
    position:fixed !important;
    top:auto !important;
}

.top-left{
    position:absolute !important;
    top:0;
    left:0;
}

.top-right{
    position:absolute !important;
    top:1px;
    right:0;
}

.bottom-left{
    position:absolute !important;
    bottom:1px;
    left:0;
}

.bottom-right{
    position:absolute !important;
    bottom:0;
    right:0;
}

.pull-bottom{
    position:absolute !important;
    bottom:0;
}

.pull-up{
    position:absolute !important;
    top:0;
}

.pull-center{
    left:0;
}

.pull-right{
    float:right !important;
}

.pull-left{
    float:left !important;
}

.pull-center{
    position:absolute;
    left:0;
    right:0;
    width:100%;
    display:table;
    z-index:1;
}

.cursor{
    cursor:pointer;
}

.scroll-x-hidden{
    overflow-x:hidden !important;
}

/* Generic Padding Helpers
------------------------------------
*/
.p-t-0{
    padding-top:0 !important;
}

.p-r-0{
    padding-right:0 !important;
}

.p-l-0{
    padding-left:0 !important;
}

.p-b-0{
    padding-bottom:0 !important;
}

.padding-0{
    padding:0 !important;
}

.p-t-5{
    padding-top:5px !important;
}

.p-r-5{
    padding-right:5px !important;
}

.p-l-5{
    padding-left:5px !important;
}

.p-b-5{
    padding-bottom:5px !important;
}

.padding-5{
    padding:5px !important;
}

.p-t-10{
    padding-top:10px !important;
}

.p-r-10{
    padding-right:10px !important;
}

.p-l-10{
    padding-left:10px !important;
}

.p-b-10{
    padding-bottom:10px !important;
}

.padding-10{
    padding:10px !important;
}

.p-t-15{
    padding-top:15px !important;
}

.p-r-15{
    padding-right:15px !important;
}

.p-l-15{
    padding-left:15px !important;
}

.p-b-15{
    padding-bottom:15px !important;
}

.padding-15{
    padding:15px !important;
}

.p-t-20{
    padding-top:20px !important;
}

.p-r-20{
    padding-right:20px !important;
}

.p-l-20{
    padding-left:20px !important;
}

.p-b-20{
    padding-bottom:20px !important;
}

.padding-20{
    padding:20px !important;
}

.p-t-25{
    padding-top:25px !important;
}

.p-r-25{
    padding-right:25px !important;
}

.p-l-25{
    padding-left:25px !important;
}

.p-b-25{
    padding-bottom:25px !important;
}

.padding-25{
    padding:25px !important;
}

.p-t-30{
    padding-top:30px !important;
}

.p-r-30{
    padding-right:30px !important;
}

.p-l-30{
    padding-left:30px !important;
}

.p-b-30{
    padding-bottom:30px !important;
}

.padding-30{
    padding:30px !important;
}

.p-t-35{
    padding-top:35px !important;
}

.p-r-35{
    padding-right:35px !important;
}

.p-l-35{
    padding-left:35px !important;
}

.p-b-35{
    padding-bottom:35px !important;
}

.padding-35{
    padding:35px !important;
}

.p-t-40{
    padding-top:40px !important;
}

.p-r-40{
    padding-right:40px !important;
}

.p-l-40{
    padding-left:40px !important;
}

.p-b-40{
    padding-bottom:40px !important;
}

.padding-40{
    padding:40px !important;
}

.p-t-45{
    padding-top:45px !important;
}

.p-r-45{
    padding-right:45px !important;
}

.p-l-45{
    padding-left:45px !important;
}

.p-b-45{
    padding-bottom:45px !important;
}

.padding-45{
    padding:45px !important;
}

.p-t-50{
    padding-top:50px !important;
}

.p-r-50{
    padding-right:50px !important;
}

.p-l-50{
    padding-left:50px !important;
}

.p-b-50{
    padding-bottom:50px !important;
}

.padding-50{
    padding:50px !important;
}

/* Generic Margin Helpers
------------------------------------
 */
.m-t-0{
    margin-top:0;
}

.m-r-0{
    margin-right:0;
}

.m-l-0{
    margin-left:0;
}

.m-b-0{
    margin-bottom:0;
}

.m-t-5{
    margin-top:5px;
}

.m-r-5{
    margin-right:5px;
}

.m-l-5{
    margin-left:5px;
}

.m-b-5{
    margin-bottom:5px;
}

.m-t-10{
    margin-top:10px;
}

.m-r-10{
    margin-right:10px;
}

.m-l-10{
    margin-left:10px;
}

.m-b-10{
    margin-bottom:10px;
}

.m-t-15{
    margin-top:15px;
}

.m-r-15{
    margin-right:15px;
}

.m-l-15{
    margin-left:15px;
}

.m-b-15{
    margin-bottom:15px;
}

.m-t-20{
    margin-top:20px;
}

.m-r-20{
    margin-right:20px;
}

.m-l-20{
    margin-left:20px;
}

.m-b-20{
    margin-bottom:20px;
}

.m-t-25{
    margin-top:25px;
}

.m-r-25{
    margin-right:25px;
}

.m-l-25{
    margin-left:25px;
}

.m-b-25{
    margin-bottom:25px;
}

.m-t-30{
    margin-top:30px;
}

.m-r-30{
    margin-right:30px;
}

.m-l-30{
    margin-left:30px;
}

.m-b-30{
    margin-bottom:30px;
}

.m-t-35{
    margin-top:35px;
}

.m-r-35{
    margin-right:35px;
}

.m-l-35{
    margin-left:35px;
}

.m-b-35{
    margin-bottom:35px;
}

.m-t-40{
    margin-top:40px;
}

.m-r-40{
    margin-right:40px;
}

.m-l-40{
    margin-left:40px;
}

.m-b-40{
    margin-bottom:40px;
}

.m-t-45{
    margin-top:45px;
}

.m-r-45{
    margin-right:45px;
}

.m-l-45{
    margin-left:45px;
}

.m-b-45{
    margin-bottom:45px;
}

.m-t-50{
    margin-top:50px;
}

.m-r-50{
    margin-right:50px;
}

.m-l-50{
    margin-left:50px;
}

.m-b-50{
    margin-bottom:50px;
}

.full-height{
    height:100% !important;
}

.full-width{
    width:100%;
}

.mw-80{
    max-width:80%;
}

.hide{
    display:none !important;
}

.inline{
    display:inline-block !important;
}

.block{
    display:block !important;
}

/* Border Helpers
------------------------------------
*/
.b-a,
.b-r,
.b-l,
.b-t,
.b-b{
    border-style:solid;
    border-width:0;
}

.b-r{
    border-right-width:1px;
}

.b-l{
    border-left-width:1px;
}

.b-t{
    border-top-width:1px;
}

.b-b{
    border-bottom-width:1px;
}

.b-a{
    border-width:1px;
}

.b-dashed{
    border-style:dashed;
}

.b-thick{
    border-width:2px;
}

.b-transparent{
    border-color:transparent;
}

.b-grey{
    border-color:var(--color-blue-dark-14);
}

.b-white{
    border-color:var(--color-white-100);
}

.b-black{
    border-color:var(--color-black-100);
}

.b-primary{
    border-color:var(--color-bg-primary);
}

.b-complete{
    border-color:var(--color-success);
}

.b-success{
    border-color:var(--color-success);
}

.b-info{
    border-color:var(--color-info-bg);
}

.b-danger{
    border-color:var(--color-danger-bg);
}

.b-warning{
    border-color:var(--color-bg-warning);
}

/* Border Radius
------------------------------------
*/
.b-rad-sm{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

.b-rad-md{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.b-rad-lg{
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
}

.no-border{
    border:none !important;
}

/** Profile Wrappers **/
.profile-img-wrapper{
    display:inline-block;
    float:left;
    border-radius:100px 100px 100px 100px;
    display:inline-block;
    height:35px;
    overflow:hidden;
    width:35px;
    -webkit-flex:1;
    -moz-flex:1;
    flex:1;
}

.profile-img-wrapper.big{
    height:68px;
    width:68px;
}

.profile-img-wrapper.with-left-space-custom{
    margin-left:7px;
}

.relative{
    position:relative;
}

.flex-1{
    -webkit-box-flex:1;
    -moz-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    -ms-flex-negative:0;
    flex-shrink:0;
}

[data-admin-bg-image]{
    background-size:cover;
}

/* Demo Purposes */
.icon-set-preview{
    transition:opacity 0.1s linear;
}

#icon-list{
    transition:all 0.1s ease-in-out;
}

.sm-gutter .row > [class^="col-"],
.sm-gutter .row > [class*="col-"]{
    padding-left:5px;
    padding-right:5px;
}

.sm-gutter .row{ margin-left:-5px; margin-right:-5px; }

.sm-gutter .card{
    margin-bottom:10px;
}

.sm-gutter .card .card-header{
    padding:15px 15px 12px;
}

.sm-gutter .card .card-header > .row{
    margin-left:-5px;
    margin-right:-5px;
}

/*
.sm-gutter .row {
  margin-left: -5px;
  margin-right: -5px;
}
*/

/* Aspect ratio */
.ar-1-1 .card,
.ar-2-1 .card,
.ar-1-2 .card,
.ar-3-2 .card,
.ar-2-3 .card{
    margin:0;
}

.ar-1-1{
    position:relative;
    width:100%;
    /* desired width */
    overflow:hidden;
}

.ar-1-1:before{
    content:"";
    display:block;
    padding-top:100%;
    /* initial ratio of 1:1*/
}

.ar-1-1 > div{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.ar-2-1{
    position:relative;
    width:100%;
    /* desired width */
    overflow:hidden;
}

.ar-2-1:before{
    content:"";
    display:block;
    padding-top:calc(50% - 5px);
    /* initial ratio of 1:1*/
}

.ar-2-1 > div{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.ar-1-2{
    position:relative;
    width:100%;
    /* desired width */
    overflow:hidden;
}

.ar-1-2:before{
    content:"";
    display:block;
    padding-top:calc(150% - 5px);
    /* initial ratio of 1:1*/
}

.ar-1-2 > div{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.ar-3-2{
    position:relative;
    width:100%;
    /* desired width */
    overflow:hidden;
}

.ar-3-2:before{
    content:"";
    display:block;
    padding-top:calc(75% - 5px);
    /* initial ratio of 1:1*/
}

.ar-3-2 > div{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.ar-2-3{
    position:relative;
    width:100%;
    /* desired width */
    overflow:hidden;
}

.ar-2-3:before{
    content:"";
    display:block;
    padding-top:calc(125% - 5px);
    /* initial ratio of 1:1*/
}

.ar-2-3 > div{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}

.v-align-bottom{
    vertical-align:bottom !important;
}

.v-align-top{
    vertical-align:top !important;
}

.v-align-middle{
    vertical-align:middle !important;
}

/* vertical alignment styles */
.col-top{
    vertical-align:top !important;
}

.col-middle{
    vertical-align:middle !important;
}

.col-bottom{
    vertical-align:bottom !important;
}

/* columns of same height styles
------------------------------------
*/
.container-xs-height{
    display:table;
    padding-left:0;
    padding-right:0;
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.row-xs-height{
    display:table-row;
}

.col-xs-height{
    display:table-cell;
    float:none;
}

@media (min-width:768px){
    .container-sm-height{
        display:table;
        padding-left:0;
        padding-right:0;
        width:100%;
        border-collapse:collapse;
        table-layout:fixed;
    }
}

@media (min-width:992px){
    .container-md-height{
        display:table;
        padding-left:0;
        padding-right:0;
        width:100%;
        border-collapse:collapse;
        table-layout:fixed;
    }

    .row-md-height{
        display:table-row;
    }

    .col-md-height{
        display:table-cell !important;
        float:none !important;
    }
}

@media (min-width:1200px){
    .container-lg-height{
        display:table;
        padding-left:0;
        padding-right:0;
        width:100%;
        border-collapse:collapse;
        table-layout:fixed;
    }

    .row-lg-height{
        display:table-row;
    }

    .col-lg-height{
        display:table-cell !important;
        float:none !important;
    }
}

.windows .d-flex{
    -ms-flex-wrap:wrap;
}

/*------------------------------------------------------------------
[29. Print]
*/
@media print{
    .header,
    .page-sidebar,
    .overlay{
        display:none;
    }

    .page-container{
        padding-left:0;
    }

    .page-content-wrapper .content{
        border-top:0;
    }

    .page-content-wrapper .content .card{
        border:none;
    }

    .page-content-wrapper .content .card .card-body{
        padding:0;
    }

    [class^="padding-"],
    [class*="padding-"],
    .table tbody tr td{
        padding:10px;
    }
}

/*** Large screens ***/
@media (min-width:1824px){
    .container-fluid.container-fixed-lg{
        width:1700px;
        margin-right:auto;
        margin-left:auto;
    }

    .menu-pin .container-fluid.container-fixed-lg{
        width:1450px;
    }

    .col-xlg-1,
    .col-xlg-2,
    .col-xlg-3,
    .col-xlg-4,
    .col-xlg-5,
    .col-xlg-6,
    .col-xlg-7,
    .col-xlg-8,
    .col-xlg-9,
    .col-xlg-10,
    .col-xlg-11{
        min-height:1px;
        padding-left:15px;
        padding-right:15px;
        position:relative;
    }

    .col-xlg-12{
        min-height:1px;
        padding-left:15px;
        padding-right:15px;
        position:relative;
        flex:0 0 100%;
        max-width:100%;
    }

    .col-xlg-11{
        flex:0 0 91.6667%;
        max-width:91.6667%;
    }

    .col-xlg-10{
        width:83.3333%;
        flex:0 0 83.3333%;
        max-width:83.3333%;
    }

    .col-xlg-9{
        flex:0 0 75%;
        max-width:75%;
    }

    .col-xlg-8{
        flex:0 0 66.6667%;
        max-width:66.6667%;
    }

    .col-xlg-7{
        flex:0 0 58.3333%;
        max-width:58.3333%;
    }

    .col-xlg-6{
        flex:0 0 50%;
        max-width:50%;
    }

    .col-xlg-5{
        flex:0 0 41.6667%;
        max-width:41.6667%;
    }

    .col-xlg-4{
        flex:0 0 33.3333%;
        max-width:33.3333%;
    }

    .col-xlg-3{
        flex:0 0 25%;
        max-width:25%;
    }

    .col-xlg-2{
        flex:0 0 16.6667%;
        max-width:16.6667%;
    }

    .col-xlg-1{
        flex:0 0 8.33333%;
        max-width:8.33333%;
    }

    .col-xlg-pull-12{
        right:100%;
    }

    .col-xlg-pull-11{
        right:91.6667%;
    }

    .col-xlg-pull-10{
        right:83.3333%;
    }

    .col-xlg-pull-9{
        right:75%;
    }

    .col-xlg-pull-8{
        right:66.6667%;
    }

    .col-xlg-pull-7{
        right:58.3333%;
    }

    .col-xlg-pull-6{
        right:50%;
    }

    .col-xlg-pull-5{
        right:41.6667%;
    }

    .col-xlg-pull-4{
        right:33.3333%;
    }

    .col-xlg-pull-3{
        right:25%;
    }

    .col-xlg-pull-2{
        right:16.6667%;
    }

    .col-xlg-pull-1{
        right:8.33333%;
    }

    .col-xlg-pull-0{
        right:0;
    }

    .col-xlg-push-12{
        left:100%;
    }

    .col-xlg-push-11{
        left:91.6667%;
    }

    .col-xlg-push-10{
        left:83.3333%;
    }

    .col-xlg-push-9{
        left:75%;
    }

    .col-xlg-push-8{
        left:66.6667%;
    }

    .col-xlg-push-7{
        left:58.3333%;
    }

    .col-xlg-push-6{
        left:50%;
    }

    .col-xlg-push-5{
        left:41.6667%;
    }

    .col-xlg-push-4{
        left:33.3333%;
    }

    .col-xlg-push-3{
        left:25%;
    }

    .col-xlg-push-2{
        left:16.6667%;
    }

    .col-xlg-push-1{
        left:8.33333%;
    }

    .col-xlg-push-0{
        left:0;
    }

    .col-xlg-offset-12{
        margin-left:100%;
    }

    .col-xlg-offset-11{
        margin-left:91.6667%;
    }

    .col-xlg-offset-10{
        margin-left:83.3333%;
    }

    .col-xlg-offset-9{
        margin-left:75%;
    }

    .col-xlg-offset-8{
        margin-left:66.6667%;
    }

    .col-xlg-offset-7{
        margin-left:58.3333%;
    }

    .col-xlg-offset-6{
        margin-left:50%;
    }

    .col-xlg-offset-5{
        margin-left:41.6667%;
    }

    .col-xlg-offset-4{
        margin-left:33.3333%;
    }

    .col-xlg-offset-3{
        margin-left:25%;
    }

    .col-xlg-offset-2{
        margin-left:16.6667%;
    }

    .col-xlg-offset-1{
        margin-left:8.33333%;
    }

    .col-xlg-offset-0{
        margin-left:0;
    }
}

@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;
    }

    .footer-widget{
        padding:11px 21px !important;
    }
}

@media only screen and (max-width:1199px){
    .visible-xl-down{
        display:block !important;
    }
}

/*** Desktops & Laptops ***/
@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 .header .brand{
        width:var(--sidebar-width, 250px);
    }

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

    body.menu-pin .page-container .page-content-wrapper .content{
        padding-left:var(--sidebar-width, 250px);
    }

    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{
        transform:translateX(21px);
        -webkit-transform:translateX(21px);
    }

    /*body.menu-pin .page-sidebar .menu-items .icon-thumbnail {
    transform: translate3d(-14px, 0, 0);
    -webkit-transform: -webkit-translate3d(-14px, 0, 0);
  }*/
    body.menu-behind .page-sidebar{
        z-index:799;
    }

    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%;
    }

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

    body.box-layout .page-container .page-content-wrapper .footer{
        width:auto;
    }

    .header .brand{
        position:relative;
        padding-left:94px;
        text-align:left;
    }

    .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;
    }

    .notification-panel{
        width:400px;
    }
}

/*** General Small Screen Desktops ***/
/*** General tablets and phones ***/
@media (max-width:991px){
    .hidden-lg-down{
        display:none !important;
    }

    .page-container{
        padding-left:0;
    }

    .d-flex-lg-down{
        display:flex;
    }

    .justify-between-lg-down{
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
    }

    body.sidebar-open .page-container{
        -webkit-transform:translate3d(var(--sidebar-width, 250px), 0, 0);
        transform:translate3d(var(--sidebar-width, 250px), 0, 0);
        -ms-transform:translate(var(--sidebar-width, 250px), 0);
        overflow:hidden;
        position:fixed;
    }

    body.sidebar-open .push-on-sidebar-open{
        -webkit-transform:translate3d(var(--sidebar-width, 250px), 0, 0);
        transform:translate3d(var(--sidebar-width, 250px), 0, 0);
        -ms-transform:translate(var(--sidebar-width, 250px), 0);
        overflow:hidden;
    }

    body.box-layout > .container{
        padding:0;
        height:100%;
    }

    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;
    }

    .sm-action-bar{
        position:absolute;
        top:50%;
        transform:translateY(-50%);
        z-index:10;
    }

    .sm-action-bar > a{
        padding:10px;
        display:inline-block;
    }

    .pace .pace-activity{
        top:60px;
    }

    .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;
    }

    .page-container{
        padding-left:0;
        position:relative;
        transition:transform 0.25s ease;
        -webkit-transition:-webkit-transform 0.25s ease;
    }

    .page-container .page-content-wrapper .content{
        overflow-x:hidden;
        height:auto;
    }

    .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;
    }

    .inner-content,
    .horizontal-app-menu .inner-content{
        margin:0;
    }

    .breadcrumb{
        padding-left:15px;
        padding-right:15px;
    }

    .copyright{
        padding-left:15px;
        padding-right:15px;
    }

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

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

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

    .sm-table{
        display:table;
        width:100%;
    }

    .user-profile-wrapper{
        position:absolute;
        right:50px;
        top:-9px;
    }

    .container{
        width:100%;
    }

    .table-responsive-block table,
    .table-responsive-block thead,
    .table-responsive-block tbody,
    .table-responsive-block th,
    .table-responsive-block td,
    .table-responsive-block tr{
        display:block;
    }

    .table-responsive-block thead tr{
        position:absolute;
        top:-9999px;
        left:-9999px;
    }

    .table-responsive-block tr{
        border:1px solid rgba(230, 230, 230, 0.7);
        margin-bottom:15px;
    }

    .table-responsive-block td{
        /* Behave  like a "row" */
        border:none;
        border-bottom:1px solid #eee;
        position:relative;
        padding-left:50%;
        white-space:normal;
        text-align:left;
    }

    .table-responsive-block td:last-child{
        border-bottom:0;
    }

    .table-responsive-block td:before{
        /* Now like a table header */
        position:absolute;
        /* Top/left values mimic padding */
        top:6px;
        left:6px;
        width:45%;
        padding-right:10px;
        white-space:nowrap;
        text-align:left;
        font-weight:bold;
    }

    .table-responsive-block td:before{
        content:attr(data-title);
    }

    .kill-pull-md-down{
        position:relative;
        display:block;
        width:inherit;
    }

    .nav-tabs-header.nav-tabs-linetriangle{
        height:61px;
    }

    .overlay{
        padding-left:15px;
    }
}

/* Landscape view of all tablet devices */
@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;
    }

    .page-container .page-content-wrapper .content{
        padding-top:60px;
    }

    body.box-layout > .container{
        width:100%;
    }

    .inner-content{
        margin-left:0;
    }

    .mark-email{
        margin-left:25px;
    }

    .split-details{
        margin-left:0;
    }
}

@media (max-width:991px){
    .sm-b-r,
    .sm-b-l,
    .sm-b-t,
    .sm-b-b{
        border-width:0;
    }

    .sm-b-r{
        border-right-width:1px;
    }

    .sm-b-l{
        border-left-width:1px;
    }

    .sm-b-t{
        border-top-width:1px;
    }

    .sm-b-b{
        border-bottom-width:1px;
    }

    .sidebar-menu .icon-thumbnail{
        margin-right:15px;
    }
}

@media (min-width:1200px){
    .row-same-height{
        overflow:hidden;
    }

    .row-same-height > [class*="col-lg"]{
        margin-bottom:-99999px;
        padding-bottom:99999px;
    }
}

@media (max-width:1199px) and (min-width:992px){
    .visible-md{
        display:block !important;
    }
}

@media (min-width:992px){
    .row-same-height{
        overflow:hidden;
    }

    .row-same-height > [class*="col-md"]{
        margin-bottom:-99999px;
        padding-bottom:99999px;
    }
}

@media (min-width:768px){
    .row-same-height{
        overflow:hidden;
    }

    .row-same-height > [class*="col-sm"]{
        margin-bottom:-99999px;
        padding-bottom:99999px;
    }

    .box-layout .container .jumbotron,
    .container-fluid .jumbotron{
        padding:0;
    }

    .d-flex-md-up{
        display:flex;
    }

    .navbar-toggle{
        display:none;
    }

    .navbar-collapse.collapse{
        display:block !important;
        height:auto !important;
        padding-bottom:0;
        overflow:visible !important;
    }

    .dataTables_wrapper.form-inline .checkbox input[type="checkbox"],
    .form-inline .radio input[type="radio"]{
        position:absolute;
    }

    .justify-end-md-up{
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
    }
}

@media (min-width:700px){
    .dd{
        float:none;
    }
}

/* Portrait view of all tablet devices */
@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;
    }

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

@media (max-width:991px) and (min-width:768px){
    .visible-sm{
        display:block;
    }

    .hidden-sm{
        display:none;
    }

    .visible-sm-inline-block{
        display:inline-block !important;
    }

    .md-p-t-0{
        margin-top:0 !important;
    }

    .md-p-r-0{
        margin-right:0 !important;
    }

    .md-p-l-0{
        margin-left:0 !important;
    }

    .md-p-b-0{
        margin-bottom:0 !important;
    }

    .md-p-t-5{
        margin-top:5px !important;
    }

    .md-p-r-5{
        margin-right:5px !important;
    }

    .md-p-l-5{
        margin-left:5px !important;
    }

    .md-p-b-5{
        margin-bottom:5px !important;
    }

    .md-p-t-10{
        margin-top:10px !important;
    }

    .md-p-r-10{
        margin-right:10px !important;
    }

    .md-p-l-10{
        margin-left:10px !important;
    }

    .md-p-b-10{
        margin-bottom:10px !important;
    }

    .md-p-t-15{
        margin-top:15px !important;
    }

    .md-p-r-15{
        margin-right:15px !important;
    }

    .md-p-l-15{
        margin-left:15px !important;
    }

    .md-p-b-15{
        margin-bottom:15px !important;
    }

    .md-p-t-0{
        margin-top:0 !important;
    }

    .md-p-r-0{
        margin-right:0 !important;
    }

    .md-p-l-0{
        margin-left:0 !important;
    }

    .md-p-b-0{
        margin-bottom:0 !important;
    }

    .md-p-t-5{
        margin-top:5px !important;
    }

    .md-p-r-5{
        margin-right:5px !important;
    }

    .md-p-l-5{
        margin-left:5px !important;
    }

    .md-p-b-5{
        margin-bottom:5px !important;
    }

    .md-p-t-10{
        margin-top:10px !important;
    }

    .md-p-r-10{
        margin-right:10px !important;
    }

    .md-p-l-10{
        margin-left:10px !important;
    }

    .md-p-b-10{
        margin-bottom:10px !important;
    }

    .md-p-t-15{
        margin-top:15px !important;
    }

    .md-p-r-15{
        margin-right:15px !important;
    }

    .md-p-l-15{
        margin-left:15px !important;
    }

    .md-p-b-15{
        margin-bottom:15px !important;
    }
}

@media (max-width:767px){
    .jumbotron,
    .container-fluid{
        padding-left:0;
        padding-right:0;
    }

    .page-container .page-content-wrapper .content{
        padding-top:48px;
        padding-bottom:100px;
    }

    .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;
    }

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

    .split-details{
        margin-left:0;
    }

    .email-composer{
        padding-left:30px;
        padding-right:30px;
    }

    .sm-pull-bottom,
    .sm-pull-up{
        position:relative !important;
    }

    .sm-p-t-0{
        margin-top:0 !important;
    }

    .sm-p-r-0{
        margin-right:0 !important;
    }

    .sm-p-l-0{
        margin-left:0 !important;
    }

    .sm-p-b-0{
        margin-bottom:0 !important;
    }

    .sm-p-t-5{
        margin-top:5px !important;
    }

    .sm-p-r-5{
        margin-right:5px !important;
    }

    .sm-p-l-5{
        margin-left:5px !important;
    }

    .sm-p-b-5{
        margin-bottom:5px !important;
    }

    .sm-p-t-10{
        margin-top:10px !important;
    }

    .sm-p-r-10{
        margin-right:10px !important;
    }

    .sm-p-l-10{
        margin-left:10px !important;
    }

    .sm-p-b-10{
        margin-bottom:10px !important;
    }

    .sm-p-t-15{
        margin-top:15px !important;
    }

    .sm-p-r-15{
        margin-right:15px !important;
    }

    .sm-p-l-15{
        margin-left:15px !important;
    }

    .sm-p-b-15{
        margin-bottom:15px !important;
    }

    .sm-p-t-20{
        margin-top:20px !important;
    }

    .sm-p-r-20{
        margin-right:20px !important;
    }

    .sm-p-l-20{
        margin-left:20px !important;
    }

    .sm-p-b-20{
        margin-bottom:20px !important;
    }

    .sm-p-t-25{
        margin-top:25px !important;
    }

    .sm-p-r-25{
        margin-right:25px !important;
    }

    .sm-p-l-25{
        margin-left:25px !important;
    }

    .sm-p-b-25{
        margin-bottom:25px !important;
    }

    .sm-p-t-30{
        margin-top:30px !important;
    }

    .sm-p-r-30{
        margin-right:30px !important;
    }

    .sm-p-l-30{
        margin-left:30px !important;
    }

    .sm-p-b-30{
        margin-bottom:30px !important;
    }

    .sm-p-t-35{
        margin-top:35px !important;
    }

    .sm-p-r-35{
        margin-right:35px !important;
    }

    .sm-p-l-35{
        margin-left:35px !important;
    }

    .sm-p-b-35{
        margin-bottom:35px !important;
    }

    .sm-p-t-40{
        margin-top:40px !important;
    }

    .sm-p-r-40{
        margin-right:40px !important;
    }

    .sm-p-l-40{
        margin-left:40px !important;
    }

    .sm-p-b-40{
        margin-bottom:40px !important;
    }

    .sm-p-t-45{
        margin-top:45px !important;
    }

    .sm-p-r-45{
        margin-right:45px !important;
    }

    .sm-p-l-45{
        margin-left:45px !important;
    }

    .sm-p-b-45{
        margin-bottom:45px !important;
    }

    .sm-p-t-50{
        margin-top:50px !important;
    }

    .sm-p-r-50{
        margin-right:50px !important;
    }

    .sm-p-l-50{
        margin-left:50px !important;
    }

    .sm-p-b-50{
        margin-bottom:50px !important;
    }

    .sm-p-t-0{
        margin-top:0 !important;
    }

    .sm-p-r-0{
        margin-right:0 !important;
    }

    .sm-p-l-0{
        margin-left:0 !important;
    }

    .sm-p-b-0{
        margin-bottom:0 !important;
    }

    .sm-p-t-5{
        margin-top:5px !important;
    }

    .sm-p-r-5{
        margin-right:5px !important;
    }

    .sm-p-l-5{
        margin-left:5px !important;
    }

    .sm-p-b-5{
        margin-bottom:5px !important;
    }

    .sm-p-t-10{
        margin-top:10px !important;
    }

    .sm-p-r-10{
        margin-right:10px !important;
    }

    .sm-p-l-10{
        margin-left:10px !important;
    }

    .sm-p-b-10{
        margin-bottom:10px !important;
    }

    .sm-p-t-15{
        margin-top:15px !important;
    }

    .sm-p-r-15{
        margin-right:15px !important;
    }

    .sm-p-l-15{
        margin-left:15px !important;
    }

    .sm-p-b-15{
        margin-bottom:15px !important;
    }

    .sm-p-t-20{
        margin-top:20px !important;
    }

    .sm-p-r-20{
        margin-right:20px !important;
    }

    .sm-p-l-20{
        margin-left:20px !important;
    }

    .sm-p-b-20{
        margin-bottom:20px !important;
    }

    .sm-p-t-25{
        margin-top:25px !important;
    }

    .sm-p-r-25{
        margin-right:25px !important;
    }

    .sm-p-l-25{
        margin-left:25px !important;
    }

    .sm-p-b-25{
        margin-bottom:25px !important;
    }

    .sm-p-t-30{
        margin-top:30px !important;
    }

    .sm-p-r-30{
        margin-right:30px !important;
    }

    .sm-p-l-30{
        margin-left:30px !important;
    }

    .sm-p-b-30{
        margin-bottom:30px !important;
    }

    .sm-p-t-35{
        margin-top:35px !important;
    }

    .sm-p-r-35{
        margin-right:35px !important;
    }

    .sm-p-l-35{
        margin-left:35px !important;
    }

    .sm-p-b-35{
        margin-bottom:35px !important;
    }

    .sm-p-t-40{
        margin-top:40px !important;
    }

    .sm-p-r-40{
        margin-right:40px !important;
    }

    .sm-p-l-40{
        margin-left:40px !important;
    }

    .sm-p-b-40{
        margin-bottom:40px !important;
    }

    .sm-p-t-45{
        margin-top:45px !important;
    }

    .sm-p-r-45{
        margin-right:45px !important;
    }

    .sm-p-l-45{
        margin-left:45px !important;
    }

    .sm-p-b-45{
        margin-bottom:45px !important;
    }

    .sm-p-t-50{
        margin-top:50px !important;
    }

    .sm-p-r-50{
        margin-right:50px !important;
    }

    .sm-p-l-50{
        margin-left:50px !important;
    }

    .sm-p-b-50{
        margin-bottom:50px !important;
    }

    .sm-no-margin{
        margin:0;
    }

    .sm-no-padding{
        padding:0;
    }

    .sm-text-right{
        text-align:right !important;
    }

    .sm-text-left{
        text-align:left !important;
    }

    .sm-text-center{
        text-align:center !important;
    }

    .sm-pull-right{
        float:right !important;
    }

    .sm-pull-left{
        float:left !important;
    }

    .sm-pull-reset{
        float:none !important;
    }

    .sm-block{
        display:block;
    }

    .sm-image-responsive-height{
        width:100%;
        height:auto;
    }

    .email-composer{
        padding-left:30px;
        padding-right:30px;
    }

    .sm-padding-10{
        padding:10px !important;
    }

    .lock-box{
        align-items:flex-start;
        height:auto;
    }

    .login-box{
        padding-right:15px;
        padding-left:15px;
    }

    .visible-xs-inline-block{
        display:inline-block !important;
    }

    .sm-padding-10{
        padding:10px !important;
    }

    .lock-box{
        align-items:flex-start;
        height:auto;
    }

    .login-box{
        padding-right:15px;
        padding-left:15px;
    }

    .visible-xs-inline-block{
        display:inline-block !important;
    }

    .nav-tabs-linetriangle.nav-cust{
        flex-direction:column;
    }

    .nav-tabs-linetriangle li a.active:after,
    .nav-tabs-linetriangle li a.active:before{
        display:none;
    }

    .sm-vh-25{
        height:25vh;
    }

    .sm-vh-50{
        height:50vh;
    }

    .sm-vh-75{
        height:75vh;
    }

    .sm-vh-100{
        height:100vh;
    }

    .horizontal-app-menu .page-container .page-content-wrapper .content > .container{
        padding-left:0;
        padding-right:0;
    }

    .summernote-wrapper .btn-group{
        -ms-flex-flow:wrap;
        flex-flow:wrap;
    }
}

/*** Phones ***/
@media (max-width:480px){
    body{
        width:100%;
    }

    body #overlay-search{
        font-size:48px;
        height:118px;
        line-height:46px;
    }

    .page-sidebar .sidebar-header{
        height:48px;
        line-height:48px;
    }

    .panel .panel-heading{
        padding-left:15px;
    }

    .panel .panel-body{
        padding:15px;
        padding-top:0;
    }

    .register-container{
        height:auto !important;
    }
}

/*** Retina Display Images **/
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200 / 100), only screen and (min-device-pixel-ratio:2){
    .editor-icon{
        background-image:url("../../img/editor_tray_2x.png");
        background-size:480px 40px;
    }

    .alert .close{
        background:url("../../img/icons/noti-cross-2x.png") no-repeat scroll 0 0 transparent;
        background-position:-9px -10px;
        width:10px;
        height:9px;
        position:relative;
        opacity:0.8;
        background-size:114px 29px;
    }
}

.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);
}

.notification-toggle{
    left:-368px;
}

.page-sidebar{
    border:1px solid #f2f2f2;
}

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; }