html {
    --bg: #F7F9FD;
    --fbg: #fbfafe;
    --txt-side: #3f4254;
    --txt-header: #777E90;
    --txt-title: #191B21;
    --txt-card: #007bff;
    --link-light: #17a2b8;
    --link-dark: #003e85;
    --highlight-side: #E0E9FD;
    --bga: rgba(247,249,253,0.92);
    --border: rgba(31,33,40,0.08);
    --bg-light: #F9FBFF;
    --head-hov: #20242b;
    --gray0: #4d473c;
    --gray1: #555;
    --gray2: #777;
    --gray3: #999;
    --gray4: #CCC;
    --black: #000;
    --white: #FFF;
    --grn: #c7fbb0;
    --pnk: #fadf93;
    --light-b: #a1b0f1;
    --light: #DBDBDB;
    --dark-b: #33517a;
    --input-bg: #fff;
    --input-txt: #495057;
    
}

html.dark {
    --bg: #1F2128;
    --fbg: #191C1F;
    --txt-side: #afb2c4;
    --txt-header: #777E90;
    --txt-title: #FFF;
    --txt-card: #70dbff;
    --link-light: #006288;
    --link-dark: #99E2FF;
    --highlight-side: #242731;
    --bga: rgba(31,33,40,0.92);
    --border: rgba(228,228,228,0.08);
    --bg-light: #2F3138;
    --head-hov: #A7AEC0;
    --gray0: #ada79c;
    --gray1: #999;
    --gray2: #777;
    --gray3: #555;
    --gray4: #333;
    --black: #FFF;
    --white: #000;
    --grn: #002610;
    --pnk: #361600;
    --light-b: #012061;
    --light: #2A2A2A;
    --dark-b: #73A1Ca;
    --input-bg: #333;
    --input-txt: #fff;
}

body {
    background: var(--bg);
    color: #212529;
}

.dark body {
    color: #878Ea0;
}

.dark svg {
    filter: invert(1);
}

.dropdown-menu {
    background: #f8f9fa!important;
}
.dark .dropdown-menu {
    background: #292929 !important;
}

.pagecontainer, .page-content {
    background: transparent !important;
}

.mainheader #navbarTogglerDemo02 {
    background: transparent !important;
    margin-right: 0 !important;
    padding-bottom: 0 !important;
    position: static;
}

#mainheader.mainheader {
     background: var(--bga) !important;
	
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i {
    background: transparent;
    color: var(--txt-side) !important;
    margin-left: 20px;
    flex-shrink: 0;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#lang-toggle {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--txt-title);
}


.chiller-theme .sidebar-wrapper .sidebar-menu ul li a:hover span, .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active span{
    color: #3772FF !important;
    font-weight: 600;
}

.dark .chiller-theme .sidebar-wrapper .sidebar-menu ul li a:hover span, .dark .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active span{
    color: #FFF !important;
}


.chiller-theme .sidebar-wrapper .sidebar-menu ul li a:hover i, .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active i {
    background: #3772FF !important;
    color: var(--highlight-side) !important;
}

.page-wrapper.chiller-theme .sidebar-wrapper {
    background: var(--bg) !important;
    border-left: 1px solid var(--border);
    box-shadow: none;
}

.container222#container2 {
    background: transparent;
}

.sidebar-wrapper #UserMenu #sidebar-top, .logo-img {
    transition: all 0.25s ease-out;
    overflow: hidden;
}


.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a {
    padding: 16px;
    overflow: hidden;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a {
    background: var(--highlight-side);
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    position: static;
}

.sidebar-wrapper .sidebar-content {
    overflow-x: hidden;
    padding: 0 20px;
}

.footer {
    background: transparent;
    border-top: 1px solid var(--border);
}

.footer h4 {
    color: var(--txt-title);
}

.footer .links li a, .footer .links a, .footer .links span, .footer .location {
    color: #777E90;
}

.toggle-sidebar {
    height: 48px;
    width: 55px;
    padding:0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12H3' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 4H13' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.301406' d='M22 20H13' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7L2 12L7 17' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

.toggled .toggle-sidebar {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12H21' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 4H11' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.301406' d='M2 20H11' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 7L22 12L17 17' stroke='%233772FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.list-group-item {
    background: transparent;
}

a {
    color: #003bbf;
}

.dark a {
    color: #90Fbff
}

@media screen and (min-width: 1144px) {
    #mainheader .sidebar-header {
        display: none;
    }
    .container222#container2 {
        padding-top: 100px;
    }

    nav.sidebar-wrapper .sidebar-header {
        padding: 24px 0;
    }

    .sidebar-content {
        padding-top: 0;
    }

    .page-wrapper:not(.toggled) nav.sidebar-wrapper {
        right: 0;
        width: 95px;
        overflow: hidden;
    }
     .page-wrapper:not(.toggled) {
        padding-right: 95px;
    }
    .page-wrapper:not(.toggled) .sidebar-footer {
        display: none;
    }

    .page-wrapper nav.sidebar-wrapper .user-info {
        white-space: nowrap;
    }

    .page-wrapper:not(.toggled) nav.sidebar-wrapper .user-info span:not(:has(span)) {
        
        visibility: hidden;
    }











.page-wrapper:not(.toggled) .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu {
    display: none;
    position: fixed;
    right: 95px; /* فاصله از لبه سمت راست */
    background-color: var(--bg); /* رنگ پس‌زمینه زیرمنو */
    width: 200px; /* عرض زیرمنو */
    z-index: 103; /* بالاتر از سایدبار اصلی */
    padding: 10px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* سایه برای بهتر دیده شدن */
}

.page-wrapper:not(.toggled) .sidebar-wrapper .sidebar-menu .sidebar-dropdown:hover .sidebar-submenu {
    display: block;
}

.page-wrapper:not(.toggled) .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.page-wrapper:not(.toggled) #sidebar .sidebar-background, #sidebar .sidebar-submenu {
    background: var(--bg);
}

.page-wrapper:(.toggled) #sidebar .sidebar-background, #sidebar .sidebar-submenu {
    background: transparent !important;
}























    .page-wrapper .logo-img {
        width: 100%;
        flex-shrink: 1;
    }


    #mainheader.mainheader {
        padding: 24px 0;
    }

    #mainheader:not(.toggled) ~ .footer, #mainheader:not(.toggled) {
        margin-right: 95px !important;
        width: calc(100% - 95px);
    }
    #mainheader.toggled ~ .footer, #mainheader.toggled  {
        margin-right: 260px !important;
        width: calc(100% - 260px);
    }
}


@media screen and (max-width: 767px) {
/*     #mainheader ul.navbar-nav {
        display: none;
    } */

    .container222#container2 {
        padding-top: 0;
    }

    .sidebar-content {
        padding-top: 60px;
    }
    .sidebar-content > .sidebar-header {
        display: none;
    }

    .logo-img {
        width: 200px;
        height: 36px;
    }

    .page-wrapper.toggled .page-content, .page-wrapper:not(.toggled) .page-content {
        padding-right: 0;
    }
    .page-wrapper.toggled .page-content:before {
        position: fixed;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(25,27,33,0.64);
        z-index: 1;
    }
}

.invalid-feedback{
	text-align: center;
}

@media screen and (max-width:767px) {
    #navProductsToggler{
        position: absolute;
        background: white;
        top: 52px;
        right: 0;
        width: 100%;
        padding-bottom: 10px;
    }
}

input.form-control:not([type="button"]):not([type="submit"]):not(:disabled),
select.form-control:not(:disabled),
textarea.form-control:not(:disabled) {
    background-color: var(--input-bg);
    color: var(--input-txt);
}


.navbar-toggler {
    font-size: 1rem;
    font-weight: bold;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}

b, strong {
    font-weight: bold !important;
}

.form-control {
	font-size: 1.2rem !important;
}