body {
    font-family: 'Poppins', sans-serif;
}
.dashboard-stat.workflow-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 104px;
    padding: 16px;
    white-space: normal;
}
.dashboard-stat.workflow-stat::before,
.dashboard-stat.workflow-stat::after {
    display: none;
}
.dashboard-stat.workflow-stat .visual {
    flex: 0 0 42px;
    width: 42px;
    height: auto;
    float: none;
    margin: 0;
    padding: 0;
}
.dashboard-stat.workflow-stat .visual > i {
    margin: 0;
    font-size: 42px;
    line-height: 1;
}
.dashboard-stat.workflow-stat .details {
    position: static;
    flex: 1;
    min-width: 0;
    padding: 0;
    overflow-wrap: anywhere;
}
.dashboard-stat.workflow-stat .details .number {
    padding-top: 0;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 0;
}
.dashboard-stat.workflow-stat .details .desc {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.5;
}

.margin-top-sub-name-wrapper {
    margin-top: 22px !important;
}

.btn-xs {
    font-size: 12px !important;
    padding: 1.5px 12px 1.4px !important;
    margin: 1px 0 1px 2px !important;
    float: left !important;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}

/***
Dashboard Stats
***/
.dashboard-stat {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .dashboard-stat:before, .dashboard-stat:after {
        content: " ";
        display: table;
    }

    .dashboard-stat:after {
        clear: both;
    }

.portlet .dashboard-stat:last-child {
    margin-bottom: 0;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
}

    .dashboard-stat .visual > i {
        margin-left: -35px;
        font-size: 110px;
        line-height: 110px;
    }

.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px;
}

    .dashboard-stat .details .number {
        padding-top: 25px;
        text-align: right;
        font-size: 34px;
        line-height: 36px;
        letter-spacing: -1px;
        margin-bottom: 0px;
        font-weight: 300;
    }

    .dashboard-stat .details .desc {
        text-align: right;
        font-size: 16px;
        letter-spacing: 0px;
        font-weight: 300;
    }

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .dashboard-stat .more:hover {
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .dashboard-stat .more > i {
        display: inline-block;
        margin-top: 1px;
        float: right;
    }

.dashboard-stat.dashboard-stat-v2 .visual {
    padding-top: 35px;
    margin-bottom: 40px;
}

.dashboard-stat.white {
    background-color: #ffffff;
}

    .dashboard-stat.white.dashboard-stat-light:hover {
        background-color: whitesmoke;
    }

    .dashboard-stat.white .visual > i {
        color: #666;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.white .details .number {
        color: #666;
    }

    .dashboard-stat.white .details .desc {
        color: #666;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.white .more {
        color: #666;
        background-color: whitesmoke;
    }

.dashboard-stat.default {
    background-color: #e1e5ec;
}

    .dashboard-stat.default.dashboard-stat-light:hover {
        background-color: #d5dae4;
    }

    .dashboard-stat.default .visual > i {
        color: #666;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.default .details .number {
        color: #666;
    }

    .dashboard-stat.default .details .desc {
        color: #666;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.default .more {
        color: #666;
        background-color: #d5dae4;
    }

.dashboard-stat.dark {
    background-color: #2f353b;
}

    .dashboard-stat.dark.dashboard-stat-light:hover {
        background-color: #262b30;
    }

    .dashboard-stat.dark .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.dark .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.dark .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.dark .more {
        color: #FFFFFF;
        background-color: #262b30;
    }

.dashboard-stat.blue {
    background-color: #3598dc;
}

    .dashboard-stat.blue.dashboard-stat-light:hover {
        background-color: #258fd7;
    }

    .dashboard-stat.blue .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue .more {
        color: #FFFFFF;
        background-color: #258fd7;
    }

.dashboard-stat.blue-madison {
    background-color: #578ebe;
}

    .dashboard-stat.blue-madison.dashboard-stat-light:hover {
        background-color: #4884b8;
    }

    .dashboard-stat.blue-madison .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-madison .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-madison .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-madison .more {
        color: #FFFFFF;
        background-color: #4884b8;
    }

.dashboard-stat.blue-chambray {
    background-color: #2C3E50;
}

    .dashboard-stat.blue-chambray.dashboard-stat-light:hover {
        background-color: #253443;
    }

    .dashboard-stat.blue-chambray .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-chambray .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-chambray .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-chambray .more {
        color: #FFFFFF;
        background-color: #253443;
    }

.dashboard-stat.blue-ebonyclay {
    background-color: #22313F;
}

    .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {
        background-color: #1b2732;
    }

    .dashboard-stat.blue-ebonyclay .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-ebonyclay .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-ebonyclay .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-ebonyclay .more {
        color: #FFFFFF;
        background-color: #1b2732;
    }

.dashboard-stat.blue-hoki {
    background-color: #67809F;
}

    .dashboard-stat.blue-hoki.dashboard-stat-light:hover {
        background-color: #5e7694;
    }

    .dashboard-stat.blue-hoki .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-hoki .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-hoki .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-hoki .more {
        color: #FFFFFF;
        background-color: #5e7694;
    }

.dashboard-stat.blue-steel {
    background-color: #4B77BE;
}

    .dashboard-stat.blue-steel.dashboard-stat-light:hover {
        background-color: #416db4;
    }

    .dashboard-stat.blue-steel .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-steel .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-steel .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-steel .more {
        color: #FFFFFF;
        background-color: #416db4;
    }

.dashboard-stat.blue-soft {
    background-color: #4c87b9;
}

    .dashboard-stat.blue-soft.dashboard-stat-light:hover {
        background-color: #447dad;
    }

    .dashboard-stat.blue-soft .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-soft .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-soft .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-soft .more {
        color: #FFFFFF;
        background-color: #447dad;
    }

.dashboard-stat.blue-dark {
    background-color: #5e738b;
}

    .dashboard-stat.blue-dark.dashboard-stat-light:hover {
        background-color: #56697f;
    }

    .dashboard-stat.blue-dark .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-dark .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-dark .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-dark .more {
        color: #FFFFFF;
        background-color: #56697f;
    }

.dashboard-stat.blue-sharp {
    background-color: #5C9BD1;
}

    .dashboard-stat.blue-sharp.dashboard-stat-light:hover {
        background-color: #4c91cd;
    }

    .dashboard-stat.blue-sharp .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-sharp .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-sharp .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-sharp .more {
        color: #FFFFFF;
        background-color: #4c91cd;
    }

.dashboard-stat.blue-oleo {
    background-color: #94A0B2;
}

    .dashboard-stat.blue-oleo.dashboard-stat-light:hover {
        background-color: #8895a9;
    }

    .dashboard-stat.blue-oleo .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.blue-oleo .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.blue-oleo .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.blue-oleo .more {
        color: #FFFFFF;
        background-color: #8895a9;
    }

.dashboard-stat.green {
    background-color: #32c5d2;
}

    .dashboard-stat.green.dashboard-stat-light:hover {
        background-color: #2bb8c4;
    }

    .dashboard-stat.green .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green .more {
        color: #FFFFFF;
        background-color: #2bb8c4;
    }

.dashboard-stat.green-meadow {
    background-color: #1BBC9B;
}

    .dashboard-stat.green-meadow.dashboard-stat-light:hover {
        background-color: #18aa8c;
    }

    .dashboard-stat.green-meadow .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-meadow .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-meadow .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-meadow .more {
        color: #FFFFFF;
        background-color: #18aa8c;
    }

.dashboard-stat.green-seagreen {
    background-color: #1BA39C;
}

    .dashboard-stat.green-seagreen.dashboard-stat-light:hover {
        background-color: #18918b;
    }

    .dashboard-stat.green-seagreen .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-seagreen .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-seagreen .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-seagreen .more {
        color: #FFFFFF;
        background-color: #18918b;
    }

.dashboard-stat.green-turquoise {
    background-color: #36D7B7;
}

    .dashboard-stat.green-turquoise.dashboard-stat-light:hover {
        background-color: #29cfae;
    }

    .dashboard-stat.green-turquoise .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-turquoise .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-turquoise .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-turquoise .more {
        color: #FFFFFF;
        background-color: #29cfae;
    }

.dashboard-stat.green-haze {
    background-color: #44b6ae;
}

    .dashboard-stat.green-haze.dashboard-stat-light:hover {
        background-color: #3ea7a0;
    }

    .dashboard-stat.green-haze .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-haze .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-haze .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-haze .more {
        color: #FFFFFF;
        background-color: #3ea7a0;
    }

.dashboard-stat.green-jungle {
    background-color: #26C281;
}

    .dashboard-stat.green-jungle.dashboard-stat-light:hover {
        background-color: #23b176;
    }

    .dashboard-stat.green-jungle .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-jungle .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-jungle .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-jungle .more {
        color: #FFFFFF;
        background-color: #23b176;
    }

.dashboard-stat.green-soft {
    background-color: #3faba4;
}

    .dashboard-stat.green-soft.dashboard-stat-light:hover {
        background-color: #3a9c96;
    }

    .dashboard-stat.green-soft .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-soft .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-soft .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-soft .more {
        color: #FFFFFF;
        background-color: #3a9c96;
    }

.dashboard-stat.green-dark {
    background-color: #4DB3A2;
}

    .dashboard-stat.green-dark.dashboard-stat-light:hover {
        background-color: #46a595;
    }

    .dashboard-stat.green-dark .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-dark .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-dark .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-dark .more {
        color: #FFFFFF;
        background-color: #46a595;
    }

.dashboard-stat.green-sharp {
    background-color: #2ab4c0;
}

    .dashboard-stat.green-sharp.dashboard-stat-light:hover {
        background-color: #26a4af;
    }

    .dashboard-stat.green-sharp .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-sharp .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-sharp .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-sharp .more {
        color: #FFFFFF;
        background-color: #26a4af;
    }

.dashboard-stat.green-steel {
    background-color: #29b4b6;
}

    .dashboard-stat.green-steel.dashboard-stat-light:hover {
        background-color: #25a4a5;
    }

    .dashboard-stat.green-steel .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.green-steel .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.green-steel .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.green-steel .more {
        color: #FFFFFF;
        background-color: #25a4a5;
    }

.dashboard-stat.grey {
    background-color: #E5E5E5;
}

    .dashboard-stat.grey.dashboard-stat-light:hover {
        background-color: #dbdbdb;
    }

    .dashboard-stat.grey .visual > i {
        color: #333333;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey .details .number {
        color: #333333;
    }

    .dashboard-stat.grey .details .desc {
        color: #333333;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey .more {
        color: #333333;
        background-color: #dbdbdb;
    }

.dashboard-stat.grey-steel {
    background-color: #e9edef;
}

    .dashboard-stat.grey-steel.dashboard-stat-light:hover {
        background-color: #dde3e6;
    }

    .dashboard-stat.grey-steel .visual > i {
        color: #80898e;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-steel .details .number {
        color: #80898e;
    }

    .dashboard-stat.grey-steel .details .desc {
        color: #80898e;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-steel .more {
        color: #80898e;
        background-color: #dde3e6;
    }

.dashboard-stat.grey-cararra {
    background-color: #fafafa;
}

    .dashboard-stat.grey-cararra.dashboard-stat-light:hover {
        background-color: #f0f0f0;
    }

    .dashboard-stat.grey-cararra .visual > i {
        color: #333333;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-cararra .details .number {
        color: #333333;
    }

    .dashboard-stat.grey-cararra .details .desc {
        color: #333333;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-cararra .more {
        color: #333333;
        background-color: #f0f0f0;
    }

.dashboard-stat.grey-gallery {
    background-color: #555555;
}

    .dashboard-stat.grey-gallery.dashboard-stat-light:hover {
        background-color: #4b4b4b;
    }

    .dashboard-stat.grey-gallery .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-gallery .details .number {
        color: #ffffff;
    }

    .dashboard-stat.grey-gallery .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-gallery .more {
        color: #ffffff;
        background-color: #4b4b4b;
    }

.dashboard-stat.grey-cascade {
    background-color: #95A5A6;
}

    .dashboard-stat.grey-cascade.dashboard-stat-light:hover {
        background-color: #8a9c9d;
    }

    .dashboard-stat.grey-cascade .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-cascade .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.grey-cascade .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-cascade .more {
        color: #FFFFFF;
        background-color: #8a9c9d;
    }

.dashboard-stat.grey-silver {
    background-color: #BFBFBF;
}

    .dashboard-stat.grey-silver.dashboard-stat-light:hover {
        background-color: #b5b5b5;
    }

    .dashboard-stat.grey-silver .visual > i {
        color: #FAFCFB;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-silver .details .number {
        color: #FAFCFB;
    }

    .dashboard-stat.grey-silver .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-silver .more {
        color: #FAFCFB;
        background-color: #b5b5b5;
    }

.dashboard-stat.grey-salsa {
    background-color: #ACB5C3;
}

    .dashboard-stat.grey-salsa.dashboard-stat-light:hover {
        background-color: #a0aaba;
    }

    .dashboard-stat.grey-salsa .visual > i {
        color: #FAFCFB;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-salsa .details .number {
        color: #FAFCFB;
    }

    .dashboard-stat.grey-salsa .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-salsa .more {
        color: #FAFCFB;
        background-color: #a0aaba;
    }

.dashboard-stat.grey-salt {
    background-color: #bfcad1;
}

    .dashboard-stat.grey-salt.dashboard-stat-light:hover {
        background-color: #b3c0c8;
    }

    .dashboard-stat.grey-salt .visual > i {
        color: #FAFCFB;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-salt .details .number {
        color: #FAFCFB;
    }

    .dashboard-stat.grey-salt .details .desc {
        color: #FAFCFB;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-salt .more {
        color: #FAFCFB;
        background-color: #b3c0c8;
    }

.dashboard-stat.grey-mint {
    background-color: #525e64;
}

    .dashboard-stat.grey-mint.dashboard-stat-light:hover {
        background-color: #495359;
    }

    .dashboard-stat.grey-mint .visual > i {
        color: #FFFFFF;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.grey-mint .details .number {
        color: #FFFFFF;
    }

    .dashboard-stat.grey-mint .details .desc {
        color: #FFFFFF;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.grey-mint .more {
        color: #FFFFFF;
        background-color: #495359;
    }

.dashboard-stat.red {
    background-color: #e7505a;
}

    .dashboard-stat.red.dashboard-stat-light:hover {
        background-color: #e53e49;
    }

    .dashboard-stat.red .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red .more {
        color: #ffffff;
        background-color: #e53e49;
    }

.dashboard-stat.red-pink {
    background-color: #E08283;
}

    .dashboard-stat.red-pink.dashboard-stat-light:hover {
        background-color: #dc7273;
    }

    .dashboard-stat.red-pink .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-pink .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-pink .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-pink .more {
        color: #ffffff;
        background-color: #dc7273;
    }

.dashboard-stat.red-sunglo {
    background-color: #E26A6A;
}

    .dashboard-stat.red-sunglo.dashboard-stat-light:hover {
        background-color: #df5959;
    }

    .dashboard-stat.red-sunglo .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-sunglo .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-sunglo .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-sunglo .more {
        color: #ffffff;
        background-color: #df5959;
    }

.dashboard-stat.red-intense {
    background-color: #e35b5a;
}

    .dashboard-stat.red-intense.dashboard-stat-light:hover {
        background-color: #e04a49;
    }

    .dashboard-stat.red-intense .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-intense .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-intense .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-intense .more {
        color: #ffffff;
        background-color: #e04a49;
    }

.dashboard-stat.red-thunderbird {
    background-color: #D91E18;
}

    .dashboard-stat.red-thunderbird.dashboard-stat-light:hover {
        background-color: #c71b16;
    }

    .dashboard-stat.red-thunderbird .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-thunderbird .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-thunderbird .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-thunderbird .more {
        color: #ffffff;
        background-color: #c71b16;
    }

.dashboard-stat.red-flamingo {
    background-color: #EF4836;
}

    .dashboard-stat.red-flamingo.dashboard-stat-light:hover {
        background-color: #ed3723;
    }

    .dashboard-stat.red-flamingo .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-flamingo .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-flamingo .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-flamingo .more {
        color: #ffffff;
        background-color: #ed3723;
    }

.dashboard-stat.red-soft {
    background-color: #d05454;
}

    .dashboard-stat.red-soft.dashboard-stat-light:hover {
        background-color: #cc4444;
    }

    .dashboard-stat.red-soft .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-soft .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-soft .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-soft .more {
        color: #ffffff;
        background-color: #cc4444;
    }

.dashboard-stat.red-haze {
    background-color: #f36a5a;
}

    .dashboard-stat.red-haze.dashboard-stat-light:hover {
        background-color: #f25947;
    }

    .dashboard-stat.red-haze .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-haze .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-haze .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-haze .more {
        color: #ffffff;
        background-color: #f25947;
    }

.dashboard-stat.red-mint {
    background-color: #e43a45;
}

    .dashboard-stat.red-mint.dashboard-stat-light:hover {
        background-color: #e22834;
    }

    .dashboard-stat.red-mint .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.red-mint .details .number {
        color: #ffffff;
    }

    .dashboard-stat.red-mint .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.red-mint .more {
        color: #ffffff;
        background-color: #e22834;
    }

.dashboard-stat.yellow {
    background-color: #c49f47;
}

    .dashboard-stat.yellow.dashboard-stat-light:hover {
        background-color: #bb953c;
    }

    .dashboard-stat.yellow .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow .more {
        color: #ffffff;
        background-color: #bb953c;
    }

.dashboard-stat.yellow-gold {
    background-color: #E87E04;
}

    .dashboard-stat.yellow-gold.dashboard-stat-light:hover {
        background-color: #d47304;
    }

    .dashboard-stat.yellow-gold .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-gold .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-gold .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-gold .more {
        color: #ffffff;
        background-color: #d47304;
    }

.dashboard-stat.yellow-casablanca {
    background-color: #f2784b;
}

    .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
        background-color: #f16a38;
    }

    .dashboard-stat.yellow-casablanca .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-casablanca .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-casablanca .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-casablanca .more {
        color: #ffffff;
        background-color: #f16a38;
    }

.dashboard-stat.yellow-crusta {
    background-color: #f3c200;
}

    .dashboard-stat.yellow-crusta.dashboard-stat-light:hover {
        background-color: #dfb200;
    }

    .dashboard-stat.yellow-crusta .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-crusta .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-crusta .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-crusta .more {
        color: #ffffff;
        background-color: #dfb200;
    }

.dashboard-stat.yellow-lemon {
    background-color: #F7CA18;
}

    .dashboard-stat.yellow-lemon.dashboard-stat-light:hover {
        background-color: #f2c308;
    }

    .dashboard-stat.yellow-lemon .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-lemon .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-lemon .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-lemon .more {
        color: #ffffff;
        background-color: #f2c308;
    }

.dashboard-stat.yellow-saffron {
    background-color: #F4D03F;
}

    .dashboard-stat.yellow-saffron.dashboard-stat-light:hover {
        background-color: #f3cb2c;
    }

    .dashboard-stat.yellow-saffron .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-saffron .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-saffron .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-saffron .more {
        color: #ffffff;
        background-color: #f3cb2c;
    }

.dashboard-stat.yellow-soft {
    background-color: #c8d046;
}

    .dashboard-stat.yellow-soft.dashboard-stat-light:hover {
        background-color: #c3cc36;
    }

    .dashboard-stat.yellow-soft .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-soft .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-soft .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-soft .more {
        color: #ffffff;
        background-color: #c3cc36;
    }

.dashboard-stat.yellow-haze {
    background-color: #c5bf66;
}

    .dashboard-stat.yellow-haze.dashboard-stat-light:hover {
        background-color: #bfb957;
    }

    .dashboard-stat.yellow-haze .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-haze .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-haze .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-haze .more {
        color: #ffffff;
        background-color: #bfb957;
    }

.dashboard-stat.yellow-mint {
    background-color: #c5b96b;
}

    .dashboard-stat.yellow-mint.dashboard-stat-light:hover {
        background-color: #bfb25c;
    }

    .dashboard-stat.yellow-mint .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.yellow-mint .details .number {
        color: #ffffff;
    }

    .dashboard-stat.yellow-mint .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.yellow-mint .more {
        color: #ffffff;
        background-color: #bfb25c;
    }

.dashboard-stat.purple {
    background-color: #8E44AD;
}

    .dashboard-stat.purple.dashboard-stat-light:hover {
        background-color: #823e9e;
    }

    .dashboard-stat.purple .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple .more {
        color: #ffffff;
        background-color: #823e9e;
    }

.dashboard-stat.purple-plum {
    background-color: #8775a7;
}

    .dashboard-stat.purple-plum.dashboard-stat-light:hover {
        background-color: #7c699f;
    }

    .dashboard-stat.purple-plum .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-plum .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-plum .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-plum .more {
        color: #ffffff;
        background-color: #7c699f;
    }

.dashboard-stat.purple-medium {
    background-color: #BF55EC;
}

    .dashboard-stat.purple-medium.dashboard-stat-light:hover {
        background-color: #b843ea;
    }

    .dashboard-stat.purple-medium .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-medium .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-medium .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-medium .more {
        color: #ffffff;
        background-color: #b843ea;
    }

.dashboard-stat.purple-studio {
    background-color: #8E44AD;
}

    .dashboard-stat.purple-studio.dashboard-stat-light:hover {
        background-color: #823e9e;
    }

    .dashboard-stat.purple-studio .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-studio .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-studio .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-studio .more {
        color: #ffffff;
        background-color: #823e9e;
    }

.dashboard-stat.purple-wisteria {
    background-color: #9B59B6;
}

    .dashboard-stat.purple-wisteria.dashboard-stat-light:hover {
        background-color: #924dae;
    }

    .dashboard-stat.purple-wisteria .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-wisteria .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-wisteria .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-wisteria .more {
        color: #ffffff;
        background-color: #924dae;
    }

.dashboard-stat.purple-seance {
    background-color: #9A12B3;
}

    .dashboard-stat.purple-seance.dashboard-stat-light:hover {
        background-color: #8a10a0;
    }

    .dashboard-stat.purple-seance .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-seance .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-seance .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-seance .more {
        color: #ffffff;
        background-color: #8a10a0;
    }

.dashboard-stat.purple-intense {
    background-color: #8775a7;
}

    .dashboard-stat.purple-intense.dashboard-stat-light:hover {
        background-color: #7c699f;
    }

    .dashboard-stat.purple-intense .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-intense .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-intense .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-intense .more {
        color: #ffffff;
        background-color: #7c699f;
    }

.dashboard-stat.purple-sharp {
    background-color: #796799;
}

    .dashboard-stat.purple-sharp.dashboard-stat-light:hover {
        background-color: #6f5f8d;
    }

    .dashboard-stat.purple-sharp .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-sharp .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-sharp .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-sharp .more {
        color: #ffffff;
        background-color: #6f5f8d;
    }

.dashboard-stat.purple-soft {
    background-color: #8877a9;
}

    .dashboard-stat.purple-soft.dashboard-stat-light:hover {
        background-color: #7d6ba1;
    }

    .dashboard-stat.purple-soft .visual > i {
        color: #ffffff;
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .dashboard-stat.purple-soft .details .number {
        color: #ffffff;
    }

    .dashboard-stat.purple-soft .details .desc {
        color: #ffffff;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dashboard-stat.purple-soft .more {
        color: #ffffff;
        background-color: #7d6ba1;
    }

.dashboard-stat-light {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .dashboard-stat-light .details {
        margin-bottom: 5px;
    }

        .dashboard-stat-light .details .number {
            font-weight: 300;
            margin-bottom: 0px;
        }

/*  Misc */
.m-icon-swapright {
    background-position: -27px -10px;
}

.m-icon-swapdown {
    background-position: -68px -10px;
}

.m-icon-swapleft {
    background-position: -8px -10px;
}

.m-icon-swapup {
    background-position: -46px -10px;
}

.m-icon-big-swapright {
    background-position: -42px -28px;
}

.m-icon-big-swapdown {
    background-position: -115px -28px;
}

.m-icon-big-swapleft {
    background-position: -6px -28px;
}

.m-icon-big-swapup {
    background-position: -78px -28px;
}
/* default icons */
.btn.m-icon {
    padding: 7px 14px 7px 14px;
}

    .btn.m-icon [class^="m-icon-"] {
        margin: 4px 0 0 5px;
    }

    .btn.m-icon.m-icon-only {
        padding: 7px 10px 7px 6px;
    }

/* white icon */
.m-icon-white {
    background-image: url(../img/syncfusion-icons-white.png);
}

.hover01 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .80s ease-in-out;
    transition: .80s ease-in-out;
}

.hover01 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.hover01 .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008CBA;
}

.hover01:hover .overlay {
    opacity: 0.3;
}

.color-pink {
    background-color: #ff61d7 !important;
    color: #ffffff;
}

.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon2, .m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon2 {
    text-align: left;
    width: 20px;
    font-size: 1.4rem
}

.m-aside-menu .m-menu__nav .m-menu__item > .m-menu__heading .m-menu__link-icon2, .m-aside-menu .m-menu__nav .m-menu__item > .m-menu__link .m-menu__link-icon2 {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    line-height: 0
}

.m-list-search .m-list-search__results .m-list-search__result-item {
    display: table;
    width: 100%;
    padding: 5px 0;
    outline: none;
    border-bottom: 0.07rem dashed #ebedf2;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #0b0b14;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #ffffff;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #fffdfd;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.m-menu__item--active {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #0a0808;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link .m-menu__link-text {
    color: #a29de5;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--expanded > .m-menu__link .m-menu__link-icon {
    color: #a29de5;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: #575962;
    background: #ebedf2;
    border: 1px solid #ebedf2
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0.05rem 0.4rem 0.05rem 0.4rem;
    font-size: 1rem;
    margin: 0.1rem 0.4rem 0.1rem 0;
    position: relative;
    float: left /*rtl:right*/
}

.select2-selection__choice {
    background-color: #ebedf2 !important;
    border: 1px solid #ebedf2 !important;
    border-radius: 4px !important;
}

    .select2-selection__choice:hover {
        color: #ffffff !important;
        background-color: #e43a45 !important;
        border: 1px solid #e43a45 !important;
    }

@media (min-width: 992px) {
    .modal-full {
        max-width: 90%
    }
}

.m-demo .m-demo__preview {
    background: white;
    border: 1px solid #cacad3;
    padding: 10px;
}

.dividerPlan {
    border-bottom: 1px dashed !important;
    margin: 1px 0;
}

.m-badge {
    background: #eaeaea;
    color: #444;
    font-size: 0.875rem;
    line-height: 30px;
    min-height: 30px;
    min-width: 30px;
    vertical-align: middle;
    text-align: center;
    display: inline-block padding: 0px 3px;
    border-radius: 3px;
}

.bg-red {
    background: #c51b26 !important;
}

.bg-red-soft {
    background: #bd3434 !important;
}
.bg-red-haze {
    background: #f03f2a !important;
}
.bg-terms {
    background: #98b923 !important;
}

.bg-green {
    background: #26a1ab !important;
}

.bg-green-jungle {
    background: #187a51 !important;
}

.bg-green-dark {
    background: #3d9082 !important;
}

.bg-blue {
    background: #1c699f !important;
}

.bg-blue-sharp {
    background: #2f70a7 !important;
}

.bg-blue-dark {
    background: #3b4857 !important;
}

.bg-yellow-casablanca {
    background: #d74510 !important;
}
.bg-yellow-gold {
    background: #935003 !important;
}
.bg-yellow-lemon {
    background: #b28f06 !important;
}




.widget-bg-color-red {
    background: #c54c4c !important;
    /*    color: white;
*/
}
a {
    text-shadow: none;
    color: #0d4474;
}

    a:hover {
        color: #96bcde;
    }
.toast-center-screen {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
    margin: 0 auto;
    z-index: 99999;
}

    .toast-center-screen .toast {
        box-shadow: 0 0 25px rgba(0,0,0,0.3);
        border-radius: 12px;
        min-width: 300px;
        text-align: center;
    }

.toast-middle-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
    margin: 0 auto !important;
    z-index: 99999 !important;
    width: auto !important;
    min-width: 300px;
    max-width: 600px;
}

    .toast-middle-center .toast {
        text-align: center;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    }

/* Arka plan overlay */
.toast-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* 🔹 kararma derecesi */
    z-index: 99998;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    .toast-overlay.active {
        opacity: 1;
    }

/* Ortadaki full toastr ayarları */
.toast-middle-full {
    position: fixed !important;
    top: 50% !important;
    left: 0 !important;
    width: 100% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    display: flex !important;
    justify-content: center !important;
    pointer-events: none !important;
}

    .toast-middle-full .toast {
        opacity: 1 !important;
        pointer-events: all !important;
        min-width: 60%;
        max-width: 90%;
        border-radius: 10px;
        box-shadow: 0 6px 30px rgba(0, 0, 0, 0.4);
        text-align: center;
        transition: opacity 0.3s ease-in-out;
    }

.sweet-overlay {
    background-color: rgba(0, 0, 0, 0.45) !important;
    transition: background-color 0.3s ease;
}

/* Modal içindeki loading gif’i ortalamak için */
.swal-modal .swal-icon img,
.swal2-container img {
    max-width: 80px !important;
    margin: 15px auto !important;
    display: block;
}

.toast-success {
    background-color: #3d9082 !important;
}

.toast-error {
    background-color: #c62828 !important;
}

.toast-info {
    background-color: #2f70a7 !important;
}

.toast-warning {
    background-color: #d98c32 !important;
}
.table.table-bordered thead > tr {
    background-color: #e1dcdc !important;
    color: #000000 !important;
}

/* Compact institution-wide budget metrics. */
.corporate-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}
.corporate-summary-card {
    --summary-accent: #386da8;
    --summary-tint: #edf4fc;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
    background: linear-gradient(115deg, var(--summary-tint), #fff 85%);
    box-shadow: 0 2px 6px rgba(31, 49, 75, .035);
}
.corporate-summary-card--violet { --summary-accent: #7955a9; --summary-tint: #f4eefb; }
.corporate-summary-card--indigo { --summary-accent: #505faf; --summary-tint: #eef0fb; }
.corporate-summary-card--teal { --summary-accent: #267b80; --summary-tint: #eaf7f6; }
.corporate-summary-card--amber { --summary-accent: #996318; --summary-tint: #fff6e6; }
.corporate-summary-card--green { --summary-accent: #317752; --summary-tint: #edf8f0; }
.corporate-summary-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    height: 38px;
    border-radius: 10px;
    color: var(--summary-accent);
    background: #fff;
}
.corporate-summary-card__icon .la { font-size: 23px; }
.corporate-summary-card__content { min-width: 0; }
.corporate-summary-card__label { color: #536174; font-size: 12px; line-height: 1.4; margin-bottom: 5px; }
.corporate-summary-card__value { display: block; color: #23354b; font-size: 19px; line-height: 1.25; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
@media (max-width: 991.98px) {
    .corporate-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .corporate-summary-grid { grid-template-columns: minmax(0, 1fr); gap: 9px; }
    .corporate-summary-card { padding: 12px 14px; }
}