:root, [data-bs-theme="light"] {
    --rs-body: #e6e6e6;
    --rs-dark-warning: #ae8c25;
    --rs-light-warning: #ddfa7942;
}

[data-bs-theme="dark"] {
    --bs-body-bg: #3b2075;

}

body {
    font-family: IRANSans, IRANSansWebFaNum !important;
    direction: rtl !important;
    background-color: var(--rs-body) !important;
}

.sidebar {
    width: 60px;
    transition: width 0.5s;
    background: #fff;
    border-radius: 1rem;
    height: 80vh;
    overflow-y: auto;
}

.text-dark-warning {
    color: var(--rs-dark-warning);
}

.sidebar::-webkit-scrollbar {
    width: 1px; /* عرض اسکرول‌بار */
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: #d1d6d1; /* رنگ Thumb */
    border-radius: 3px; /* گوشه‌های گرد */
}

.sidebar.open {
    width: 13rem;
    transition: .5s opacity, width .5s;

}

.sidebar .sidebar-toggle {
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
    color: #388E3C;
}

.sidebar ul, .navbar-mobile {
    list-style: none;
    margin-top: .5rem;
    padding: 0;
}

.sidebar ul li, .navbar-mobile li {
    text-align: center;
    padding: 4px 0;
    width: 100%;
    display: flex;
    color: #212832;
}

.sidebar ul li a, .navbar-mobile li a {
    width: 100%;
    display: flex;
    padding: .5rem 1rem .5rem .25rem;
    transition: 0.3s ease;
    font-size: .85rem;
    align-items: center;
}

.sidebar ul li a, .navbar-mobile li a {
    color: #212832;
    /*margin-right: 0.5rem;*/
}


.navbar-mobile li a span {
    margin-right: .5rem;
}

.active {
    color: var(--rs-dark-warning) !important;
    background-color: var(--rs-light-warning);
    font-weight: bold;
}

.sidebar ul li span {
    display: none;
    margin-right: 10px;
    /*font-weight: bold;*/
    transition: 3s text-indent;
}

.sidebar.open ul li span {
    display: inline;
    transition: 3s text-indent;
}

.sidebar.open ~ #content {
    margin-right: 66px;
}

.sidebar.open ~ #header {
    margin-right: 200px;
}

.sidebar ul li a:hover {
    color: var(--rs-dark-warning) !important;
    background-color: var(--rs-light-warning);
    font-weight: bold; /* ضخیم کردن فونت */
}

.sidebar.open ul li a span {
    opacity: 1; /* مخفی کردن متن‌ها */
    transition: opacity 1.5s ease, transform .5s ease-in; /* ایجاد انتقال نرم */
}

/*//// svg styles */
.svg-icons-normal {
    width: 1.75rem;
    height: 1.75rem;

}

.svg-big {
    width: 2.5rem;
    height: 2.5rem;
}

.svg-btn {
    width: 3rem;
    height: 3rem;
}

.shadow-box {
    box-shadow: 2px 5px 18px 2px #c5c5c5;
}

.svg-icons-normal path {
    transition: fill 0.3s ease;

}

.sidebar ul li a:hover .svg-icons-normal {
    animation: rotateSVG 0.5s ease-in-out;
}

.path-1 {
    fill: var(--bs-yellow);
}



/* انیمیشن چرخش */

@keyframes rotateSVG {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*style end svgs*/
#content {
    transition: margin-right 0.1s;
}

#content.open {
    margin-right: 8rem;
}

.menu {
    display: none;
}


.toggle-icon {
    width: 2rem;
    height: 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: transform 1s ease;
}

.toggle-icon span {
    background-color: var(--bs-yellow);
    height: 3px;
    border-radius: 3px;
    transition: all .3s ease;
    display: block;
    position: absolute;
    width: 100%;
}

/* خطوط اولیه برای حالت ضربدر */
.toggle-icon span:nth-child(1) {
    top: 10px;
    transform: rotate(-45deg) translate(-3px, -3px);
    transform-origin: center;
}

.toggle-icon span:nth-child(2) {
    top: 10px;
    opacity: 0;
}

.toggle-icon span:nth-child(3) {
    top: 10px;
    transform: rotate(45deg) translate(-3px, 3px);
    transform-origin: center;
}

/* حالت همبرگر با کلیک */
.sidebar-toggle.active .toggle-icon span:nth-child(1) {
    top: 0;
    transform: rotate(0deg) translate(0, 0);
}

.sidebar-toggle.active .toggle-icon span:nth-child(2) {
    top: 10px;
    opacity: 1;
}

.sidebar-toggle.active .toggle-icon span:nth-child(3) {
    top: 20px;
    transform: rotate(0deg) translate(0, 0);
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-top: 1rem;
    background-color: #ffffff !important; /* رنگ پس‌زمینه سفید */
    color: #000000 !important; /* رنگ متن سیاه */
    border-radius: .5rem;
    padding: .5rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    margin-top: 1rem;
    background-color: #ffffff !important; /* رنگ پس‌زمینه سفید */
    color: #000000 !important; /* رنگ متن سیاه */
    border: 2px solid darkgray; /* حاشیه سبز */
    border-radius: .25rem;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▲";
    content: "▲" / "";
    display: none;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    opacity: .6;
    display: none;

}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    top: 50%;
    content: "▼";
    content: "▼" / "";
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    margin-top: 1rem;
    background-color: #ffffff !important;
    color: #a6a6a6 !important;
    border: 0;
    border-radius: .25rem;
}

/* این کد باعث می‌شود که جدول در سایزهای کوچک‌تر نوار پیمایش افقی داشته باشد */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* برای بهبود پیمایش لمسی در دستگاه‌های موبایل */
}

/* برای ثابت نگه‌داشتن عرض ستون‌ها */
.table th, .table td {
    white-space: nowrap; /* جلوگیری از شکستن متن درون سلول‌ها */
}

/* تنظیم عرض ثابت برای هر ستون */
@media only screen and (max-width: 991.5px) {
    .Content {
        padding-right: 0rem;
    }

    .sidebar {
        display: none;
    }

    header {
        padding: 0;
    }

    #content.open {
        margin: 0;
    }
}
.mb-6{
    margin-bottom: 4.5rem;
}