@font-face {
    font-family: 'Vazir';
    src: url('fonts/vazir/Vazir-Medium-FD-WOL.eot');
    src: url('fonts/vazir/Vazir-Medium-FD-WOL.eot?#iefix') format('embedded-opentype'),
    url('fonts/vazir/Vazir-Medium-FD-WOL.woff2') format('woff2'),
    url('Vfonts/vazir/azir-Medium-FD-WOL.woff') format('woff'),
    url('fonts/vazir/Vazir-Medium-FD-WOL.ttf') format('truetype');
    /*font-weight: 500;*/
    font-style: normal;
    font-display: swap;
}
body{
    font-family: Vazir, sans-serif;
}

.sidebar {
    height: 100vh;
    /*position: fixed;*/
    top: 0;
    right: 0;
    background-color: #343a40;
    z-index: 1000;
    transition: all 0.3s ease;
}

.sidebar .nav-link {
    color:  var(--bs-heading-color);
    /*padding: 10px 15px;*/
    display: flex;
    align-items: center;
    font-size: 1rem;
}


.sidebar .nav-link i {
    /*margin-right: 10px;*/
    font-size: 1.2rem;
}
.sidebar .nav-link span {
    transition: opacity 0.3s ease;
    font-size: 1rem;

}
.sidebar.collapsed {
    width: 60px;
}
.sidebar.collapsed .user-detail {
    display: none;
}
.sidebar.collapsed span {
    /*opacity: 0;*/
    display: none;
}
.sidebar.collapsed .nav-link i {
    /*margin-right:-10px;*/
    font-size: 1.5rem;
}

.nav-item:hover{
    background-color: #4a5568;
    border-radius: 15px;
}
html[data-bs-theme='light'] .nav-item:hover{
    background-color: #e2e2e2;
    border-radius: 15px;
}
html[data-bs-theme='light'] .sidebar {
    background-color: #f8f9fa;  /* رنگ پس‌زمینه در تم لایت */
    color: #3d3d3d;
}

html[data-bs-theme='light'] * {
    color: #3d3d3d;
}

html[data-bs-theme='dark'] .bg-white {
    background-color: #686868 !important;
}


.content {
    /*margin-right: 250px;*/
    /*padding: 20px;*/
    transition: margin-right 0.3s;
}
.content.expanded {
    margin-right: 60px;
}


.accordion-button i{
    font-size: 1.2rem;
}

.accordion-item {
    border: none; /* حذف خط مرزی بین آیتم‌ها */
}

.accordion-header {
    border: none; /* حذف خط مرزی بین هدر و محتوا */
}

/* حذف تغییر رنگ در هنگام کلیک و باز شدن */
.accordion-button:focus {
    box-shadow: none; /* حذف سایه اطراف دکمه */
    outline: none; /* حذف خط دور دکمه هنگام فوكوس */
    color:  var(--bs-heading-color);
}

.accordion-button {
    background-color: #343a40 !important; /* پس‌زمینه شفاف */
    /*color: #000 !important; !* رنگ متن *!*/
    border: none !important; /* حذف خط مرزی */
}



.accordion-item {
    border: none; /* حذف خط مرزی بین آیتم‌ها */
}

.accordion-collapse {
    background-color: #343a40 !important; /* پس‌زمینه شفاف در بخش باز شده */
    border: none; /* حذف خط مرزی در زمان باز بودن */
    color: inherit;
}


/* زمانی که سایدبار جمع می‌شود */

.sidebar.collapsed .nav-link{
    padding-top: 5px;
    padding-bottom: 5px;

}
.sidebar.collapsed .accordion-button {
    display: flex;
    justify-content: center; /* وسط‌چین کردن آیکون */
}
.sidebar.collapsed .acbtn-icon{
    font-size: 1.5rem;
}
/* زمانی که سایدبار جمع می‌شود و تمام محتویات باید مخفی شوند */
.sidebar.collapsed .accordion-body,
.sidebar.collapsed .acbtn-title,
.sidebar.collapsed .accordion-button::after{
    display: none; /* مخفی کردن محتویات در حالت جمع شده */
}

/* نمایش فقط آیکون */
/*.sidebar.collapsed .accordion-button .acbtn-icon {*/
/*    display: inline-block; !* نمایش آیکون *!*/
/*}*/

/* برای اضافه کردن فضای بیشتر */
.sidebar.collapsed .accordion-button {
    padding: 1; /* حذف padding اضافی */
}


html[data-bs-theme='light'] :is(.accordion-collapse, .accordion-button) {
    background-color: #f8f9fa !important;  /* رنگ پس‌زمینه در تم لایت */
    color: #3d3d3d;
}

html[data-bs-theme='dark'] .bg-light {
    background-color: var(--bs-tertiary-color) !important;
}

html[data-bs-theme='dark'] .bg-success {
    background-color: #0D472C !important;
}
html[data-bs-theme='dark'] .bg-danger {
    background-color: #6E1A22 !important;
}

html[data-bs-theme='dark'] .bg-warning{
    background-color: #dbad03 !important;
}

html[data-bs-theme='dark'] .bg-primary{
    background-color: #063273 !important;
}

html[data-bs-theme='dark'] .border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-light) !important;
}

.gs-image{
    filter: grayscale(1000%);
}
.btn-primary, .btn-primary i{
    color:  #ffffff !important;
}
html[data-bs-theme='dark'] .btn-primary{
    background-color: #063273 !important;
}

.pack-box{
    width: 200px;
    max-width: 200px;
}
.bg-loading{
    background-color: rgba(61,61,16,0.25) !important;
}

.mtn-bg{
    background-color: #e5a60d !important;
}

.mci-bg{
    background-color: #54C5D0 !important;
}

.rightel-bg{
    background-color: #941063 !important;
}

.shatel-bg{
    background-color: #002A63 !important;
}

.aptel-bg{
    background-color: #CC0F16 !important;
}