@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-300.eot");
    src: url("../fonts/eot/iran-sans-300.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ttf/iran-sans-300.ttf") format("truetype"),
    url("../fonts/woff/iran-sans-300.woff") format("woff"),
    url("../fonts/woff2/iran-sans-300.woff2") format("woff2");
    font-weight: 300;
}
@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-400.eot");
    src: url("../fonts/eot/iran-sans-400.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ttf/iran-sans-400.ttf") format("truetype"),
    url("../fonts/woff/iran-sans-400.woff") format("woff"),
    url("../fonts/woff2/iran-sans-400.woff2") format("woff2");
    font-weight: 400;
}
@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-500.eot");
    src: url("../fonts/eot/iran-sans-500.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ttf/iran-sans-500.ttf") format("truetype"),
    url("../fonts/woff/iran-sans-500.woff") format("woff"),
    url("../fonts/woff2/iran-sans-500.woff2") format("woff2");
    font-weight: 500;
}
@font-face {
    font-family: "iran-sans";
    src: url("../fonts/eot/iran-sans-700.eot");
    src: url("../fonts/eot/iran-sans-700.eot?#iefix") format("embedded-opentype"),
    url("../fonts/ttf/iran-sans-700.ttf") format("truetype"),
    url("../fonts/woff/iran-sans-700.woff") format("woff"),
    url("../fonts/woff2/iran-sans-700.woff2") format("woff2");
    font-weight: 700;
}

body::-webkit-scrollbar, body ::-webkit-scrollbar{
    height: 10px;
    width: 10px;
    border-radius: 20px;
}
body::-webkit-scrollbar-track, body ::-webkit-scrollbar-track{
    background-color: var(--bs-gray-200);
    border-radius: 20px;
}
body::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb{
    background-color: var(--bs-gray-600);
    border-radius: 20px;
}
body::-webkit-scrollbar-thumb:hover, body ::-webkit-scrollbar-thumb:hover{
    background-color: var(--bs-gray-300);
}
html[dir="rtl"] body{
    font-family: "iran-sans", system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
/* Form Control */
.form-group:has(.show-password){
    position: relative;
}
.form-group .show-password{
    position: absolute;
    right: 10px;
    left: unset;
    bottom: 3px;
    font-size: 20px;
    cursor: pointer;
}
html[dir="rtl"] body .form-group .show-password{
    left: 10px;
    right: unset;
}
.form-group:has(.form-control[type="text"]) .show-password{
    color: var(--bs-gray);
}
.form-group:has(.form-control[type="password"]) .show-password{
    color: var(--bs-black);
}
.form-control:focus, .btn:focus{
    box-shadow: none !important;
}
html .form-check.form-switch .form-check-input{
    margin-left: 0;
}
.numeric{
    direction: ltr;
}
/* Pagination */
ul.pagination{
    padding: 0;
    margin: 0;
}
/* Select 2 */
.select2{
    height: 38px;
}
.select2 .select2-selection{
    height: 100%;
    border-color: #ced4da;
}
.select2.select2-container{
    display: block;
}
.select2 .select2-selection:not(.select2-selection--multiple) .select2-selection__rendered{
    padding-top: 5px;
}
.select2 .select2-selection .select2-selection__arrow{
    top: 5px;
}
/* Toast */
.toast-container{
    position: fixed;
    top: 0;
    right: 0;
    padding: 0;
    transition: padding 0.3s;
}
.toast-container:has(.toast.show){
    padding: 15px 10px;
}
.toast-container .toast{
    transition: display 0.3s;
}
/* Modal */
.modal .modal-dialog .modal-content .modal-header .btn-close{
    margin-right: auto;
    margin-left: calc(-.5 * var(--bs-modal-header-padding-x));
}
/* Breadcrumb */
.breadcrumb{
    background-color: var(--bs-gray-100) !important;
    padding: 10px !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--bs-gray-200);
}
.breadcrumb > ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.breadcrumb > ul li{
    display: inline-block;
}
.breadcrumb > ul li:not(:last-child){
    position: relative;
}
.breadcrumb > ul li:not(:last-child)::after{
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    font-family: "bootstrap-icons";
    content: '\F285';
}
.breadcrumb > ul li:last-child span{
    color: #0d6efd;
    font-weight: bold;
}
.breadcrumb > ul li > a{
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--bs-gray-700);
    transition: color 0.2s;
}
.breadcrumb > ul li:not(:last-child) > a{
    margin-right: 20px;
    margin-left: 0;
}
.breadcrumb > ul li > a:hover{
    color: var(--bs-gray-900);
}
html[dir="rtl"] body .bd-main{
    font-size: 14px;
}
html[dir="rtl"] body .alert-dismissible .btn-close{
    right: unset;
    left: 0;
    box-shadow: none !important;
    font-size: 13px;
}
html[dir="rtl"] .sidebar {
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
}
html[dir="rtl"] .sidebar ul.nav{
    padding-right: 0;
}
html[dir="rtl"] .sidebar-sticky {
    height: calc(100vh - 48px);
    overflow-x: hidden;
    overflow-y: auto;
}
html[dir="rtl"] .sidebar .nav-link {
    font-weight: 500;
    color: var(--bs-gray-700);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
html[dir="rtl"] .sidebar .nav-link.active {
    color: #2470dc;
}
html[dir="rtl"] .sidebar .nav-link:not(.active):hover {
    color: var(--bs-black);
}
html[dir="rtl"] .sidebar-heading {
    font-size: .75rem;
}
html[dir="rtl"] .navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .25);
}
html[dir="rtl"] .navbar .navbar-toggler {
    top: .25rem;
    left: 1rem;
    box-shadow: none;
}
html[dir="rtl"] body .breadcrumb > ul li:not(:last-child)::after{
    content: '\F284';
    left: 0;
    right: unset;
}
html[dir="rtl"] body .breadcrumb > ul li:not(:last-child) > a{
    margin-left: 20px;
    margin-right: 0;
}
html[dir="rtl"] body .images .image-item{
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    border: 1px solid var(--bs-gray-200);
    padding: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
html[dir="rtl"] body .images .image-item .image img{
    height: 86px;
    width: 86px;
    object-fit: cover;
    border-radius: 5px;
}
html[dir="rtl"] body .images .image-item .content{
    padding-right: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
html[dir="rtl"] body .images .image-item .content .name{
    font-size: 13px;
    font-weight: bold;
    word-break: break-all;
}
html[dir="rtl"] body .images .image-item .content .delete-image{
    margin-right: auto;
}
@media (max-width: 767.98px) {
    html[dir="rtl"] .sidebar {
        position: fixed;
        top: 5rem;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 100; 
        padding: 48px 0 0; 
        box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
    }
    html[dir="rtl"] .navbar .navbar-nav:last-child{
        margin-left: 75px;
    }
}