:root {
    --tz-leftbar-width: 320px;
    --tz-logo-sm-height: 48px;
    --tz-menu-item-font-size: 1.25rem;
    --tz-topbar-height: 80px;
    --tz-menu-item-icon-size: 1.75rem;
    --tz-menu-item-icon-width: 60px;
    --tz-menu-item-padding-x: 5px;
    --tz-menu-item-padding-y: 12px;
    --tz-dropdown-font-size: 1.1rem;

}

html[data-bs-theme="light"], html[data-bs-theme="light"] .pagination {
    --tz-primary: #dd9407;
    --tz-primary-text-emphasis: rgba(221, 148, 7, .9);
    --tz-menu-item-hover-color: #dd9407;
    --tz-menu-item-active-color: #dd9407;
    --tz-menu-item-active-bg: rgba(221, 148, 7, 0.07);
    --tz-link-color-rgb: 221, 148, 7;
    --tz-link-hover-color-rgb: 221, 148, 7;
    --tz-topbar-item-hover-color: #dd9407;
    --tz-link-color: #dd9407;
    --tz-link-hover-color: #dd9407;
    --tz-pagination-active-bg: #dd9407;
    --tz-pagination-active-border-color: #dd9407;
    --tz-pagination-focus-color: #dd9407;
    --tz-pagination-hover-color: #dd9407;
    --tz-primary-rgb: 221, 148, 7;
    --tz-primary-bg-subtle: rgba(46, 49, 146, 0.07);
    --tz-success-bg-subtle: rgba(221, 148, 7, 0.08);
}
.border-success {
    --tz-success-rgb: 221, 148, 7;
    --tz-border-opacity: 1;
    border-color: rgba(var(--tz-success-rgb), var(--tz-border-opacity)) !important;
}

html[data-bs-theme="dark"], html[data-bs-theme="dark"] .pagination {
    --tz-primary: rgb(221, 148, 7);
    --tz-primary-text-emphasis: rgba(221, 148, 7, .9);
    --tz-menu-item-hover-color: rgb(221, 148, 7);
    --tz-menu-item-active-color: rgb(221, 148, 7);
    --tz-menu-item-active-bg: rgba(221, 148, 7, 0.07);
    --tz-link-color-rgb: 221, 148, 7;
    --tz-link-hover-color-rgb: 221, 148, 7;
    --tz-topbar-item-hover-color: rgb(221, 148, 7);
    --tz-link-color: rgb(221, 148, 7);
    --tz-link-hover-color: rgb(221, 148, 7);
    --tz-pagination-active-bg: rgb(221, 148, 7);
    --tz-pagination-active-border-color: rgb(221, 148, 7);
    --tz-pagination-focus-color: rgb(221, 148, 7);
    --tz-pagination-hover-color: rgb(221, 148, 7);
    --tz-primary-rgb: 221, 148, 7;
    --tz-primary-bg-subtle: rgba(221, 148, 7, 0.07);
    --tz-light: #667486;
}

html[data-bs-theme=dark] {
    --tz-dark-rgb: 255, 255, 255;
}

html[data-bs-theme=dark] .bg-success-subtle {
    --tz-success-bg-subtle: rgba(221, 148, 7, 0.21)
}

html[data-bs-theme="light"] .form-check-input:checked {
    background-color: #2e3192;
    border-color: #2e3192;
}

html[data-bs-theme="dark"] .form-check-input:checked {
    background-color: rgb(221, 148, 7) !important;
    border-color: rgb(221, 148, 7) !important;
}


html[data-bs-theme="light"] .profile-content .nav-underline .nav-item .nav-link.active,
html[data-bs-theme="light"] .profile-content .nav-underline .nav-item .nav-link:hover {
    color: #dd9407 !important;
    border-bottom-color: #dd9407 !important;
}

html[data-bs-theme="dark"] .profile-content .nav-underline .nav-item .nav-link.active,
html[data-bs-theme="dark"] .profile-content .nav-underline .nav-item .nav-link:hover {
    color: #dd9407 !important;
    border-bottom-color: #dd9407 !important;
}

html[data-bs-theme="light"] .text-primary {
    --tz-text-opacity: 1;
    color: #dd9407 !important;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item .side-nav-link i {
    font-size: 1.75rem;
}

.button-toggle-menu, .fs-22 {
    font-size: 1.75rem !important;
}

[data-bs-theme=dark] {
    --tz-body-color: #fff;
}

html[data-bs-theme="dark"] .widget-icon {
    background-color: #262c35;
}

html[data-bs-theme="dark"] .card.widget-flat.text-bg-success {
    background-color: #292f38 !important;
}

.side-nav .side-nav-link span { /*,.side-nav-second-level li a*/
    font-weight: 700;
}

/*.side-nav-item:hover {*/
/*    background-color: var(--tz-menu-item-active-color);*/
/*}*/

/*.side-nav-item:hover span,*/
/*.side-nav-item:hover i,*/
/*.side-nav-item:hover *{*/
/*    color: #fff;*/
/*}*/


.logo span.logo-lg,
.logo span.logo-sm {
    background-color: #fff;
}

@media (min-width: 992px) {

    body {
        font-size: 20px !important;
        font-weight: bold;
    }

    .profile-user-box .btn-lg {
        --tz-btn-padding-y: 0.75rem;
        --tz-btn-padding-x: 1.5rem;
        --tz-btn-font-size: 1.75rem;
        font-weight: bold;
    }

    .profile-user-box .fs-24 {
        font-size: 34px !important;
    }

    .profile-content .nav-link,
    .profile-desk h5,
    .user-profile-content h5 {
        font-weight: bold !important;
        font-size: 32px !important;
    }

    .btn {
        --tz-btn-padding-x: 1.4rem;
        --tz-btn-padding-y: 0.75rem;
        --tz-btn-font-size: 1.25rem;
        --tz-btn-font-weight: bold;
    }

    .input-group-text {
        font-size: 1.25rem;
        font-weight: bold !important;
        min-width: 200px;
    }

    :root {
        --tz-leftbar-width: 380px;
        --tz-menu-item-font-size: 1.5rem;
    }

    .btn-soft-primary, .btn-outline-primary  {
        background-color: var(--tz-primary);
        color: #fff;
    }

    .btn-soft-primary:hover, .btn-outline-primary:hover  {
        background-color: #fff;
        color: var(--tz-primary);
        border-color: var(--tz-primary);
    }

    .form-select , .form-control{
        font-size: 1.25rem !important;
        font-weight: bold !important;
    }

    .side-nav .menuitem-active .menuitem-active .active {
        font-weight: bold !important;
    }

    h4 {
        font-size: 1.3rem;
        font-weight: bold;
    }

    .home-section a {
        font-size: 1.2em !important;
        font-weight: bold !important;
    }
    .card .header-title {
        font-size: inherit;
    }

    i {
        font-weight: normal !important;
    }

    .dropdown-menu{
        --tz-dropdown-font-size: 1.1rem;
    }

    .dropdown-item {
        font-weight: bold;
    }

    p {
        font-size: 0.8em;
    }
}