@charset "UTF-8";

.widgetSubtext {
    color:#808080;
    font-size: .6rem;
}
.tooltip {
    z-index: 300000022 !important;
}
#Appearance.offcanvas.show {
    z-index: 1051 !important;
}
#OnboardingOverviewModal.modal { z-index: 10000000;}
#MobileWizardFooter {
    z-index: 9999999;
}
.button-store .custom-btn {
    padding: 10px 25px;
    border: 1px solid #fff;
    font-weight: 500;
    border-radius: 3px;
}
.button-store .custom-btn i {
    font-size: 27px;
    margin-right: 10px;
    color: #fff;
    transition: all .3s;
}
.fa-calendar:before {
    content: "\f133";
}
/*.twoLineBtnTop {*/
/*    font-size: .7rem;*/
/*}*/
.usageWidgets .card-header {
    background-color: #f1f1f1;
}
.usageWidgets .card-title {
    color: var(--dark) !important;
}
/* General */
[data-layout=horizontal].dark-topbar .topbar .brand.v2 .smBrandIcons .logo-sm.logo-light {
    display: none ;
}
[data-layout=horizontal].light-topbar .topbar .brand.v2 .smBrandIcons .logo-sm.logo-light {
    display: none ;
}
.adminBtnImg img {
    opacity: .5;
}
.adminBtnImg img:hover {
    opacity: 1;
}
.selectr-option.selected {
    background-color: var(--primary);
}
.logoToUpdate .after {
    align-items: center;
    /*background-color: var(--secondary);*/
    bottom: 5px;
    display: none;
    font-size: 1.2rem;
    justify-content: center;
    /*left: 5px;*/
    width: 47px;
    position: absolute;
    right: 0px;
    top: 5px;
    /*padding: 15px;*/
    /*z-index: 1000;*/
}
.navigation-menu > li a .menu-icon {
    color: var(--dark);
}

.logoToUpdate:hover>.after {
    background-color: var(--primary);
    filter: opacity(90%);
    border: var(--secondary) 1px solid;
    display: flex;
    cursor: pointer;
}
.logoToUpdate .after .icon {
    color: #ffffff !important;
    margin-right: 0;
}
.logoToUpdate:hover {
    background-color: #f2f2f2;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1.5em;
    overflow: visible;
    vertical-align: -0.125em;
}
.loyalSelect {
    cursor: pointer;
    color: var(--dark);
    font-size: 13px;
}
.nav-link.arrow-none.nav-icon.active i {
    color: var(--primary) !important;
}

.loyalSelect:hover {
    color: var(--success_hover) !important;
}

    .loyalSelect.active i {
        color: var(--success);
    }

.notification-list .alert-badge::after {
    background-color: var(--danger);
}
label.error {
    position: relative;
    color: var(--danger);

}
.dataTables_wrapper {
    min-height: 300px;
}
.closeBadge {
    cursor: pointer;
}
.closeBadge i:hover {
    color:#000000;
}

.account-body.accountbg {
    background: radial-gradient(circle at 39% 47%, rgba(107, 107, 107, 0.08) 0%, rgba(107, 107, 107, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 99.999%), radial-gradient(circle at 53% 74%, rgba(182, 182, 182, 0.08) 0%, rgba(182, 182, 182, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 99.999%), radial-gradient(circle at 14% 98%, rgba(184, 184, 184, 0.08) 0%, rgba(184, 184, 184, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 99.999%), linear-gradient(45deg, var(--primary), var(--primary_hover));
}

.btn-icon-circle.btn-icon-circle-xs {
    width: 22px;
    height: 22px;
    line-height: 1;
    padding: 0;
    font-size: .8rem;
}
.btn-icon-circle.lg {
    width: 47px;
    height: 47px;
    line-height: 1;
    padding: 0;
}

#tlU-Quicklinks .btn-link {
    color: var(--dark);
}
#tlU-Quicklinks .btn-link:hover {
    color: var(--info);
}
a, .btn-link {
    color: var(--info);
}
.chosenFilters .badge .btn-close {
    color: #ffffff;
    background-color: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#ffffff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

a:hover, .btn-link:hover {
    color: var(--info_hover);
}
a.btn-link.showTableModal {
    color: var(--primary);
}
a.btn-link.showTableModal:hover {
    color: var(--primary_hover);
}

.alert-danger .btn-link {
    color: var(--light_hover);
}
.alert-danger .btn-link:hover {
    color: var(--light);
}

a.btn-link.link-warning {
    color: var(--warning);
}
    a.btn-link.link-warning:hover {
        color: var(--warning_hover);
    }

.navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon, body[data-layout=horizontal].dark-topbar .navigation-menu > li.active a .menu-icon {
    color: #ffffff;
}
.navbar-custom-menu .navigation-menu .nav-item.active a {
    color: var(--dark);
}

.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--info);
}

.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item.active {
    color: var(--dark);
}
.navbar-toggle span {
    background-color: var(--primary);
}
.navbar-toggle:hover span {
    background-color: var(--primary_hover);
}
.navbar-toggle.open span:first-child {
    background-color: var(--primary);
}
.dark-topbar .navbar-toggle .lines span {
    background-color: var(--light);
}

.dark-topbar .navbar-toggle:hover span:hover {
    background-color: var(--light_hover);
}

.navbar-custom .notification-list .nav-link.nav-icon {
    background-color: var(--light);
}
.dark-topbar .navbar-custom .notification-list .nav-link.nav-icon {
    background-color: var(--dark);
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand.v2, body[data-layout=horizontal].dark-topbar .topbar .brand.v2 {
    margin-right: 0px;
}
.navbar-custom-menu.sm .navigation-menu .nav-item .nav-link {
    font-size: 13px;
}
.navigation-menu.sm > li a .menu-icon {
    font-size: 18px;
}
.light-topbar .navbar-custom-menu .navigation-menu .nav-item .nav-link.active {
    color: var(--primary);
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link:hover {
    color: var(--primary);
}

/* margins */
.mb-sm-3 {
    margin-bottom: 1rem !important;
}
[data-layout="horizontal"] .navbar-custom {
    margin-left: 80px;
}
.invoice-head {
    border-bottom: 4px double #e6eced;
}

/* buttons */
.button-menu-mobile {
    color: var(--dark) !important;
}
.btn-round {
    border-radius: 30px !important;
}
.btn-stripe, .btn-check:focus + .btn-stripe, .btn-stripe:focus {
    background-color: rgb(83, 58, 253);
    border-color: rgb(83, 58, 253);
    color: #ffffff;
    box-shadow: none;
}

.btn-stripe:hover {
    background-color: rgba(83, 58, 253, .85);
    border-color: rgba(83, 58, 253, .85);
    color: #ffffff;
}
.btn-info {
    background-color: var(--info);
    border-color: var(--info);
    color: #ffffff;
    box-shadow: none;
}

    .btn-info:hover {
        background-color: var(--info_hover);
        border-color: var(--info_hover);
        color: #ffffff;
    }
.btn-primary, .btn-check:focus + .btn-primary, .btn-primary:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    box-shadow: none;
}

    .btn-primary:hover {
        background-color: var(--primary_hover);
        border-color: var(--primary_hover);
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        background-color: var(--primary_hover);
        border-color: var(--primary_hover);
    }

.btn-secondary {
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: none;
}

    .btn-secondary:hover {
        background-color: var(--secondary_hover);
        border-color: var(--secondary_hover);
    }
.btn-warning {
    background-color: var(--warning);
    border-color: var(--warning);
    color: #ffffff;
    box-shadow: none;
}

    .btn-warning:hover {
        background-color: var(--warning_hover);
        border-color: var(--warning_hover);
        color: #fff;
    }
.btn-check:focus+.btn-warning, .btn-warning:focus {
    background-color: var(--warning_hover);
    border-color: var(--warning_hover);
}

.btn-danger {
    background-color: var(--danger);
    border-color: var(--danger);
    box-shadow: none;
}

    .btn-danger:hover {
        background-color: var(--danger_hover);
        border-color: var(--danger_hover);
    }
.btn-success {
    background-color: var(--success);
    border-color: var(--success);
    box-shadow: none;
}

    .btn-success:hover {
        background-color: var(--success_hover);
        border-color: var(--success_hover);
    }
    .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
        background-color: #526d32;
        border-color: #526d32;
    }
    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: var(--success_hover);
        border-color: var(--success_hover);
    }

.btn-dark {
    background-color: var(--dark);
    border-color: var(--dark);
    box-shadow: none;
}

    .btn-dark:hover {
        background-color: var(--dark_hover);
        border-color: var(--dark_hover);
    }
.btn-white {
    color: var(--dark);
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
}

    .btn-white:hover {
        background-color: var(--light);
        border-color: var(--light);
    }
.btn-light {
    color:var(--dark);
    background-color: var(--light);
    border-color: var(--light);
    box-shadow: none;
}

    .btn-light:hover {
        background-color: var(--light_hover);
        border-color: var(--light_hover);
    }
.btn-de-dashed-danger {
    background-color: transparent !important;
    color: #DF2638 !important;
    border: 1px dashed #DF2638;
}
    .btn-de-dashed-danger:hover {
        background-color: #DF2638 !important;
        color: #fff !important;
        border: 1px solid #DF2638;
    }

.border-primary {
    border-color: var(--primary) !important;
}
.border-danger {
    border-color: var(--danger) !important;
}
.border-info {
    border-color: var(--info) !important;
}
.border-success {
    border-color: var(--success) !important;
}
.border-warning {
    border-color: var(--warning) !important;
}
.border-secondary {
    border-color: var(--secondary) !important;
}
#GiphySearchResults h1 {
    font-size: 1rem;
}

/*    LeftBar */
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:focus, .leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active {
    background-color: #363536;
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link {
    background-color: transparent;
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active i, .leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active {
    color: var(--info);
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .menu-icon {
    color: var(--info);
}
.leftbar-tab-menu .main-menu-inner {
    background-color: #f7f7f7;
    border-right: 1px solid #eceff5;
    border-right: 1px solid #eceff5;
}
    .leftbar-tab-menu .main-menu-inner .topbar-left {
        background-color: #f7f7f7;
    }


/* Sweet Alerts */
.swal2-popup .swal2-styled.swal2-confirm {
    background-color: var(--primary);
}
.swal2-popup .swal2-content {
    color: var(--secondary);
}
.swal2-popup .swal2-title {
    color: var(--dark);
}
.swal2-popup .swal2-styled.swal2-cancel {
    background-color: var(--danger);
}

    /*outline buttons*/
.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}
    .btn-outline-primary:hover {
        background-color: var(--primary);
        border-color: var(--primary);
    }
    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        background-color: var(--primary_hover);
        border-color: var(--primary_hover);
    }
    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: var(--primary_hover);
    }
.btn-outline-secondary {
    color: var(--secondary);
    border-color: var(--secondary);
}

    .btn-outline-secondary:hover {
        background-color: var(--secondary);
        border-color: var(--secondary);
    }
.btn-outline-success {
    color: var(--success);
    border-color: var(--success);
}

    .btn-outline-success:hover {
        background-color: var(--success);
    }
    .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
        background-color: var(--success);
        border-color: var(--success);
    }
    .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
        color: #fff;
        background-color: var(--success);
        border-color: var(--success);
    }
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-outline-warning {
    color: var(--warning);
    border-color: var(--warning);
}

    .btn-outline-warning:hover {
        background-color: var(--warning);
        color: #ffffff;
    }
    .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
        background-color: var(--warning);
        border-color: var(--warning);
    }
.btn-outline-info {
    color: var(--info);
    border-color: var(--info);
}

    .btn-outline-info:hover {
        background-color: var(--info);
        color: #ffffff;
    }
    .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
        color: #ffffff;
        background-color: var(--info_hover);
        border-color: var(--info_hover);
    }
.btn-outline-danger {
    color: var(--danger);
    border-color: var(--danger);
}

    .btn-outline-danger:hover {
        background-color: var(--danger);
    }
    .btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
        color: #fff;
        background-color: var(--danger);
        border-color: var(--danger);
    }
.btn-outline-dark {
    color: var(--dark);
    border-color: var(--dark);
}

    .btn-outline-dark:hover {
        background-color: var(--dark);
    }
.btn-outline-light {
    color: var(--secondary);
    border-color: var(--light);
}
    .btn-outline-light:hover {
        color: var(--dark);
        background-color: var(--light_hover);
        border-color: var(--light_hover);
    }

/* soft buttons  */
.btn-soft-primary {
    background-color: rgba(87, 193, 228, 0.08) !important;
    color: #3E8CA5 !important;
}
    .btn-soft-primary:hover {
        background-color: var(--info) !important;
        color: #ffffff !important;
    }
.btn-soft-secondary {
    background-color: rgba(96, 96, 96, 0.08) !important;
    color: var(--secondary) !important;
}
    .btn-soft-secondary:hover {
        background-color: var(--secondary) !important;
        color: #ffffff !important;
    }
.btn-soft-warning {
    background-color: rgba(232,155,11, 0.08);
    color: #E89C23 !important;
}
    .btn-soft-warning:hover {
        background-color: var(--warning);
        color: #ffffff !important;
    }
.btn-soft-success {
    background-color: rgba(141, 198, 63, 0.08);
    color: #8DC63F !important;
}
    .btn-soft-success:hover {
        background-color: var(--success);
        color: #ffffff !important;
    }
.btn-soft-danger {
    background-color: rgba(223, 38, 56, 0.08);
    color: #DD2528 !important;
}
    .btn-soft-danger:hover {
        background-color: var(--danger);
        color: #ffffff !important;
    }

/*    Switches*/

.form-switch.form-switch-lg .form-check-input[type=checkbox] {
    height: 25px;
    width: 50px;
    margin-right: 8px;
}

.form-switch-md .form-check-input[type=checkbox] {
    height: 15px;
    width: 30px;
    margin-right: 0px;
}

.form-switch-primary .form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

.form-switch-secondary .form-check-input:checked {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.form-switch-success .form-check-input:checked {
    background-color: var(--success);
    border-color: var(--success);
}

.form-switch-info .form-check-input:checked {
    background-color: #3E8CA5;
    border-color: #3E8CA5;
}

.form-switch-warning .form-check-input:checked {
    background-color: var(--warning);
    border-color: var(--warning);
}

.form-switch-danger .form-check-input:checked {
    background-color: #DF2638;
    border-color: #DF2638;
}

.form-switch-dark .form-check-input:checked {
    background-color: var(--dark);
    border-color: var(--dark);
}


/* Files */

/*.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background: linear-gradient(14deg, var(--dark); 0%, rgba(96, 96, 96, 0.6));
}*/

.nav-pills a.nav-link i.mdi, .nav-item i.mdi {
    font-size: 25px;
}
.nav-item.has-megamenu i.mdi {
    font-size: 12px;
}
.files-nav .nav .nav-link.active {
    background-color: rgba(65, 64, 66, 0.08);
}
.file-box-content .file-box .download-icon-link {
    color: #d9d9d9;
}
    .file-box-content .file-box .download-icon-link:hover {
        color: var(--info);
    }
.files-nav .nav-pills .nav-link.active {
    background: linear-gradient(14deg, var(--dark) 0%, rgba(65, 64, 66, 0.6));
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    -webkit-box-shadow: 0 7px 14px 0 rgba(80, 110, 228, 0.5);
    box-shadow: 0 3px 10px 0 rgba(66, 64, 66, 0.5);
    border-radius: 0;
}

.filterSection .nav-pills .nav-item.show .nav-link, .filterSection .nav-pills .nav-link.active {
    background: linear-gradient(14deg, #ad762a 0%, rgba(232, 156, 35, 0.6));
    color: #ffffff;
    -webkit-box-shadow: 0 7px 14px 0 rgba(80, 110, 228, 0.5);
    box-shadow: 0 7px 14px 0 rgba(80, 110, 228, 0.5);
    border-radius: 0;
}

.nav-pills a.nav-link {
    color: var(--primary);
}
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background: var(--primary_hover);
}
.nav-tabs-custom .nav.nav-tabs .nav-link.active {
    background-color: #fafbfb;
    color: var(--dark);
}
    .nav-tabs-custom .nav.nav-tabs .nav-link.active i {
        color: var(--primary);
    }
.nav-tabs-custom .nav.nav-tabs .nav-link i {
    color: var(--dark);
}
.nav.nav-tabs .nav-item.show, .nav.nav-tabs .nav-link {
    color: var(--dark);
}
    .nav.nav-tabs .nav-item.show:focus, .nav.nav-tabs .nav-item.show.active, .nav.nav-tabs .nav-link:focus, .nav.nav-tabs .nav-link.active {
        color: var(--info);
        background-color: #ffffff;
        border-color: transparent transparent var(--info);
    }
    
    /*nav-pills-light*/
.nav.nav-pills-light {
    display: block;
}
.nav.nav-pills.nav-pills-light {
    background-color: #ffffff;
}
.nav-pills.nav-pills-light .nav-link {
    color: var(--secondary);
    background: none;
}
.nav-pills.nav-pills-light .nav-item.show .nav-link, .nav-pills .nav-link.active {
    font-weight: bold;
    color:var(--primary);
    background: none;
}
.nav-link:focus, .nav-link:hover {
    color: var(--secondary);
}

/*nav-pills-light*/



    /* Text Colors */
.text-primary { color: var(--primary)!important; }
.text-secondary {
    color: var(--secondary) !important;
}
.text-success {
    color: var(--success) !important;
}
.text-warning {
    color: var(--warning) !important;
}
.text-dark {
    color: var(--dark) !important;
}
.text-info {
    color: var(--info) !important;
}
.text-danger {
    color: var(--danger) !important;
}
.text-light {
    color: var(--light) !important;
}
.text-muted {
    color: #8d8c8e !important;
}

/* alerts */
.alert-info {
    color: var(--light);
    background-color: var(--info);
    border-color: var(--info);
}
.alert-warning {
    color: #ffffff;
    background-color: var(--warning);
    border-color: var(--warning);
}
.alert-primary {
    color: #ffffff;
    background-color: var(--primary);
    border-color: var(--primary);
}
.alert-secondary {
    color: var(--dark);
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.alert-static {
    color: #000000;
    background-color: #DBDBDB;
    border-color: #DBDBDB;
}
.alert-danger {
    color: #ffffff;
    background-color: var(--danger);
    border-color: var(--danger);
}
.alert.alert-outline-dark {
    border: 1px solid var(--dark);
    background-color: transparent;
    color: var(--dark);
}
.alert.alert-outline-success {
    border: 1px solid var(--success);
    background-color: transparent;
    color: var(--success);
}
.alert.alert-outline-danger {
    border: 1px solid var(--danger);
    background-color: transparent;
    color: var(--danger);
}
.alert.alert-outline-warning {
    border: 1px solid var(--warning);
    background-color: transparent;
    color: var(--warning);
}
.alert.alert-outline-info {
    border: 1px solid var(--info);
    background-color: transparent;
    color: var(--info) !important;
}
.alert.alert-outline-secondary {
    border: 1px solid var(--secondary);
    background-color: transparent;
    color: var(--secondary) !important;
}
.alert.info {
    border: 1px solid var(--info);
    background-color: transparent;
    color: var(--info) !important;
}
/* backgrounds */

.bg-dark, .badge-dark {
    background-color: var(--dark)!important;
}
.bg-primary, .badge-primary {
    background-color: var(--primary) !important;
}
.bg-success, .badge-success {
    background-color: var(--success) !important;
}
.bg-info, .badge-info {
    background-color: var(--info) !important;
}
.bg-warning {
    background-color: var(--warning) !important;
}
.bg-secondary, .badge-secondary {
    background-color: var(--secondary)!important;
}
.bg-danger, .badge-danger {
    background-color: var(--danger) !important;
}
.bg-light {
    background-color: var(--light)!important;
}
.bg-alt {
    background-color: #bbe6f4 !important;
}
.bg-soft-success {
    background-color: var(--success_hover) !important;
    color: #ffffff !important;
}
    .bg-soft-success:hover {
        background-color: var(--success) !important;
    }
.bg-soft-danger {
    background-color: var(--danger_hover) !important;
    color: #ffffff !important;
}
.bg-soft-warning {
    background-color: var(--warning_hover) !important;
    color: #ffffff !important;
}
    .bg-soft-warning:hover {
        background-color: var(--warning) !important;
    }
.bg-soft-secondary {
    background-color: var(--secondary_hover) !important;
    color: #ffffff !important;
}
.bg-soft-primary {
    background-color: var(--primary_hover) !important;
    color: #ffffff !important;
}
    .bg-soft-primary:hover {
        background-color: var(--primary) !important;
    }

/* badges */
.badge-warning {
    color: #ffffff;
    background-color: var(--warning);
}
.badge-alt {
    color: var(--dark);
    background-color: #bbe6f4;
}
.badge.badge-soft-success {
    background-color: rgba(141, 198, 63, 0.15) !important;
    color: var(--success_hover); !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(141, 198, 63, 0.05);
    box-shadow: 0px 0px 13px 0px rgba(141, 198, 63, 0.05);
}
.badge.badge-soft-danger {
    background-color: rgba(223, 38, 56, 0.15) !important;
    color: #df2638 !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(223, 38, 56, 0.05);
    box-shadow: 0px 0px 13px 0px rgba(223, 38, 56, 0.05);
}
.badge.badge-soft-warning {
    background-color: rgba(232, 156, 35, 0.15) !important;
    color: #ad762a !important;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(232, 156, 35, 0.05);
    box-shadow: 0px 0px 13px 0px rgba(232, 156, 35, 0.05);
}
.badge.badge-outline-primary {
    color: var(--primary);
    border: 1px solid var(--primary);
}
.badge.badge-outline-secondary {
    color: var(--secondary);
    border: 1px solid var(--secondary);
}
.badge.badge-outline-success {
    color: var(--success);
    border: 1px solid var(--success);
}
.badge.badge-outline-dark {
    color: var(--dark);
    border: 1px solid var(--dark);
}
.badge.badge-outline-danger {
    color: var(--danger);
    border: 1px solid var(--danger);
}
.badge.badge-outline-warning {
    color: var(--warning);
    border: 1px solid var(--warning);
}

/* pagination */
.page-item.active .page-link {
    background-color: var(--info);
    border-color: var(--info);
}

/* pagination */

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

.progress-bar.progress-bar-success {
    background-color: var(--success);
}
.nav-border .nav-item a.nav-link {
    color: var(--dark);
}
    .nav-border .nav-item a.nav-link.active {
        color: var(--primary);
        border-bottom: 3px solid var(--primary);
    }
/*.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active {
    background: linear-gradient(14deg, #4191ab 0%, rgba(86, 193, 228, 0.6));
    -webkit-box-shadow: 0 7px 14px 0 rgba(86, 193, 228, 0.5);
    box-shadow: 0 7px 14px 0 rgba(86, 193, 228, 0.5);
}*/
/* Modals */
.modal-content .modal-header .modal-title, .modal-content .modal-footer .modal-title {
    color: var(--dark);
}
    .modal-content .modal-header, .modal-content .modal-footer {
        border-color: #e1e1e1;
        background-color: #f1f1f1;
    }
.modal-content .modal-body p, .modal-content h4 {
    color: #515151;
}

/* tables */
.table.table-bordered thead {
    background-color: #f1f1f1;
}
.table th {
    color: var(--dark);
}
.table .thead-light th {
    color: var(--dark);
    background-color: var(--light);
    border-color: var(--light_hover);
}
.table .thead-dark th {
    color: #fff;
    background-color: var(--dark);
    border-color: var(--dark_hover);
}
.table-primary, .table-primary > td, .table-primary > th {
    background-color: var(--primary);
}
.table-success, .table-success > td, .table-success > th {
    background-color: var(--success);
}
.table-warning, .table-warning > td, .table-warning > th {
    background-color: var(--warning);
}
.table-info, .table-info > td, .table-info > th {
    background-color: var(--info);
}

/* Forms */
.form-select-xs {
    padding-top: .15rem;
    padding-bottom: .15rem;
    padding-left: .25rem;
    font-size: .575rem;
}
.form-control:focus {
    border-color: var(--info);
}
.has-warning .form-control {
    border-color: var(--warning);
}
.has-success .form-control {
    border-color: var(--success);
}
.has-danger .form-control {
    border-color: var(--danger);
}
.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}
.form-check-input:checked.form-check-input-warning {
    background-color: var(--warning);
    border-color: var(--warning);
}
.form-check-input:checked.form-check-input-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}
.form-check-input:checked.form-check-input-success {
    background-color: var(--success);
    border-color: var(--success);
}
.form-check-input:checked.form-check-input-info {
    background-color: var(--info);
    border-color: var(--info);
}
.form-check-input:checked.form-check-input-danger {
    background-color: var(--danger);
    border-color: var(--danger);
}
.radio label::after {
    background-color: var(--dark);
}
    .radio-primary input[type="radio"]:checked + label::before {
    border-color: var(--primary);
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: var(--primary);
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: var(--success);
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: var(--success);
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: var(--info);
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: var(--info);
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: var(--warning);
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: var(--warning);
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: var(--danger);
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: var(--danger);
}
.radio-purple input[type="radio"]:checked + label::before {
    border-color: #624fa1;
}
.radio-purple input[type="radio"]:checked + label::after {
    background-color: #624fa1;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--info);
    background-color: var(--info);
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(141,140,142,.5);
}
label {
    color: #8d8c8e;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: var(--danger);
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: var(--success);
    background-color: var(--success);
}
.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: var(--success);
}
.custom-select.is-invalid, .was-validated .custom-select:invalid {
    border-color: var(--danger);
}
    .invalid-feedback, .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
        color: var(--danger);
    }

/* text */
a.text-primary:focus, a.text-primary:hover {
    color: var(--primary_hover) !important;
}

.screen .from-them, .screen .from-us {
    white-space: pre-line !important;
}

/* Calendar */
.fc-button-primary {
    background-color: #bebdbd !important;
    border-color: #999999 !important;
}
    .fc-button-primary:disabled, .fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active {
        background: linear-gradient(14deg, var(--info) 0%, rgba(65, 145, 171, 0.6));
        color: #ffffff;
        border-color: #ffffff;
        opacity: 1;
    }
    .fc-button-primary:hover {
        background-color: #1e2b37;
        border-color: #1a252f;
    }
.fc-button:hover, .fc-state-default:hover {
    background: linear-gradient(14deg, var(--info) 0%, rgba(65, 145, 171, 0.6));
    color: #ffffff;
    border-color: #ffffff;
}

/* Gallery */
.container-filter li a {
    color: #4191ab !important;
    border: 1px solid var(--info);
}
    .container-filter li a:hover {
        background: linear-gradient(14deg, #4191ab 0%, rgba(43, 97, 114, 0.6)) !important;
        color: #ffffff !important;
    }
    .container-filter li a.active {
        background: linear-gradient(14deg, #4191ab 0%, rgba(43, 97, 114, 0.8));
        color: #ffffff !important;
        -webkit-box-shadow: 0 3px 9px 0 rgba(43, 97, 114, 0.5);
        box-shadow: 0 3px 8px 0 rgba(43, 97, 114, 0.5)
    }
.gallerySubmenu .container-filter li a {
    color: var(--dark) !important;
    border: 1px solid var(--dark);
    padding: 0px 6px;
    margin: 5px 2px;
    font-size: 10px;
    line-height: 20px;
}
    .gallerySubmenu .container-filter li a:hover {
        background: linear-gradient(14deg, #2d2d2d 0%, rgba(45, 45, 45, 0.6)) !important;
        color: #ffffff !important;
    }
    .gallerySubmenu .container-filter li a.active {
        background: linear-gradient(14deg, var(--dark) 0%, rgba(45, 45, 45, 0.8));
        color: #ffffff !important;
    }
    /* List group items */

.list-group-item.active {
    z-index: 2;
    color: var(--dark);
    background-color: #f1f1f1;
    border-color: #e1e1e1;
}
.releaseNotes .list-group-item.active {
    color: var(--light);
    background-color: var(--primary);
    border-color: var(--primary);
}
.monthBTN i {
    color: var(--primary);
}
.monthBTN.active i {
    color: var(--light);
}

/*Accordion*/
.accordion > .card .card-header {
    background-color: #f1f1f1;
}
.accordion .list-group-item {
    padding: .1rem .1rem;
}
.accordion-button:not(.collapsed) {
    color: var(--dark);
    background-color: var(--light);
}
.accordion-button:not(.intAcademy .accordion-button) {
    color: var(--warning);
}

/*picture grid*/
.lightbox img {
    opacity: .5;
}
    .lightbox img:hover {
        opacity: 1;
    }

/* Cards */
.card-title {
    color: var(--info);
}
.dataAmt span:hover {
    color: var(--primary);
}

/* Wizard  */
.taFilter {
    background-color: #EFEFEF;
    border: 1px solid #E8E8E8;
    cursor: pointer;
}
.taFilter:hover {
    background-color: #E3E3E3;
}
.taFilter.active {
    background-color: var(--dark);
    color:var(--light);
}
.taFilter.active:hover {
    background-color: var(--dark_hover);
}
    .taFilter i.filterCheck {
        visibility: hidden;
    }
    .taFilter.active i.filterCheck {
        visibility: visible;
    }
    div.miniBtn {
        border-color: var(--secondary) !important;
    }

    div.miniBtn:hover {
        color: var(--dark);
    }

        div.miniBtn:hover i {
            color: var(--primary);
            /*font-size: 1.2rem;*/
        }

    div.miniBtn.active {
        background-color: #e1e1e1;
        border-color: var(--primary) !important;
    }

        div.miniBtn.active i {
            color: var(--primary);
        }

@media (min-width: 768px) {
    .mb-sm-3 {
        margin-bottom: 0 !important;
    }
    [data-layout="horizontal"] .navbar-custom {
        margin-left: 160px;
    }
    .nav-pills a.nav-link i.mdi {
        font-size:inherit;
    }
    .accordion .list-group-item {
        padding: .75rem 1.25rem;
    }
}

@media (max-width: 991px) {
    .navbar-custom-menu .navigation-menu > li > a {
        color: var(--info);
    }

    .navbar-custom-menu .navigation-menu > li.has-submenu.open > a {
        color: var(--info_hover);
    }

    .navbar-custom-menu .navigation-menu > li .submenu li a {
        color: var(--info_hover);
    }

        .navbar-custom-menu .navigation-menu > li .submenu li a:hover {
            color: var(--warning);
        }

    .navbar-custom-menu .navigation-menu > li > a:hover {
        color: var(--primary);
    }
}
@media (min-width: 992px) {
    .topbar .navigation-menu > li > a {
        color: var(--dark);
    }
    .dark-navbar .navbar-custom-menu .navigation-menu > li > a {
        color: var(--light);
    }
    .navbar-custom-menu .navigation-menu > li:hover a {
        color: var(--warning);
    }
    .navbar-custom-menu .navigation-menu > li > a .icon-dual-hori-nav {
        color: #9bdaef;
        fill: rgba(155, 218, 239, 0.12);
    }
    .navbar-custom-menu .navigation-menu > li:hover a {
        color: var(--dark);
    }
        .navbar-custom-menu .navigation-menu > li:hover a .icon-dual-hori-nav {
            color: var(--primary);
            fill: rgba(86, 193, 228, 0.12);
        }
    .navbar-custom-menu .navigation-menu > li .submenu-tab li a, .navbar-custom-menu .navigation-menu > li .submenu li a {
        color: var(--dark);
    }
        .navbar-custom-menu .navigation-menu > li .submenu-tab li a:hover, .navbar-custom-menu .navigation-menu > li .submenu li a:hover {
            color: var(--primary);
        }
        .navbar-custom-menu .navigation-menu > li .submenu-tab li a i, .navbar-custom-menu .navigation-menu > li .submenu li a i {
            color: var(--dark);
        }
    [data-layout="horizontal"] .dark-topbar .navbar-custom .nav-link {
        color: #e1e1e1;
    }
    .navbar-custom .nav-link {
        color: var(--dark);
    }
    .topbar .sm .navigation-menu > li > a span {
        padding: 1px;
    }
    .topbar .navigation-menu > li:hover a i {
        color: var(--primary);
    }
}
@media (min-width: 1200px) {
    .smBrandIcons .logo-sm {
        display: none;
    }
    .display-6 {
        font-size: 1.9rem;
    }
}
@media (max-width: 1200px) {
body[data-layout=horizontal] .topbar .navigation-menu {
        margin-left: 40px;
    }
   
}