@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/IRANSansWeb\(FaNum\).woff') format('woff'), url('../fonts/IRANSansWeb\(FaNum\).woff2') format('woff2');
}

/* Starting Theme Setting */
:root {
    --menu-bar-width: 250px;
    --transition-duration: 300ms;
    --transition-timing-function: ease-in-out;
    --text-color: #000000;
    --bg-primary: #0D3D35;
    --text-primary: #0D3D35;
    --text-info: #aeaeae;
    --bg-footer: #f5f4f4;
    --text-reverse: #ffffff;
    --bg-reverse: #ffffff;
    --svg-color-primary: #0D3D35;
    --flex-box-shadow: #11111152;
    --bg-body: #ffffff !important;
}

[data-bs-theme="light"] {
    transition: 300ms !important;
    --text-color: #000000;
    --bg-primary: #0D3D35;
    --text-primary: #0D3D35;
    --text-info: #aeaeae;
    --bg-info: #aeaeae;
    --bg-footer: #f5f4f4;
    --text-reverse: #ffffff;
    --bg-reverse: #ffffff;
    --svg-color-primary: #0D3D35;
    --bs-border-color: #0D3D35 !important;
    --bs-border-shadow: 0 0 0 .25rem #0d3d3530;
    --flex-box-shadow: #11111152;
    --bg-body: #ffffff !important;
    --bg-primary-light: #DEE3E2 !important;
}

[data-bs-theme="dark"] {
    transition: 300ms !important;
    --text-color: #ffffff;
    --bg-primary: #FAC682;
    --text-primary: #FAC682;
    --text-info: #aeaeae;
    --bg-info: #aeaeae;
    --bg-footer: #1e2022;
    --text-reverse: #000000;
    --bg-reverse: #000000;
    --svg-color-primary: #FAC682 !important;
    --bs-border-color: #FAC682 !important;
    --bs-border-shadow: 0 0 0 .25rem #fac6821f;
    --flex-box-shadow: #00000069;
    --bg-body: #1a1c1e !important;
    --bg-primary-light: #35302a !important;
}

.bg-body {
    background: var(--bg-body) !important;
}

.bg-primary {
    background-color: var(--bg-primary) !important;
    transition: background-color var(--transition-duration) var(--transition-timing-function);
}

.bg-primary-light {
    background-color: var(--bg-primary-light) !important;
}

.bg-footer {
    background: var(--bg-footer) !important;
    transition: background-color var(--transition-duration) var(--transition-timing-function);
}

.text-primary {
    color: var(--text-primary) !important;
    transition: color var(--transition-duration) var(--transition-timing-function);
}

.text-info {
    color: var(--text-info) !important;
    transition: color var(--transition-duration) var(--transition-timing-function);
}

.text-reverse {
    color: var(--text-reverse) !important;
    transition: color var(--transition-duration) var(--transition-timing-function);
}

.text-link {
    color: #558BFF !important;
}

.btn:focus-visible {
    color: var(--text-reverse) !important;
    background-color: var(--bs-btn-hover-bg);
    box-shadow: none !important;
}

.btn:hover {
    color: var(--text-reverse) !important;
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-primary {
    --bs-btn-color: var(--text-reverse) !important;
    --bs-btn-bg: var(--bg-primary) !important;
    --bs-btn-border-color: var(--bg-primary) !important;
    --bs-btn-hover-color: var(--bg-info) !important;
    --bs-btn-hover-bg: var(--bg-primary) !important;
    --bs-btn-hover-border-color: var(--bg-primary) !important;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bg-primary) !important;
    --bs-btn-active-border-color: var(--bg-primary) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bg-primary) !important;
    --bs-btn-disabled-border-color: var(--bg-primary) !important;
}


.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
    outline: 0;
    box-shadow: var(--bs-border-shadow);
}

.form-check-input:focus {
    border-color: var(--bs-border-color) !important;
    outline: 0;
    box-shadow: var(--bs-border-shadow);
}

.form-check-input:checked {
    background-color: var(--bg-primary);
    border-color: var(--bs-border-color);
}

.bg-info {
    background: var(--bg-info) !important;
    transition: background-color var(--transition-duration) var(--transition-timing-function);
}

.bg-reverse {
    background-color: var(--bg-reverse) !important;
    transition: background-color var(--transition-duration) var(--transition-timing-function);
}

.box-shadow {
    box-shadow: 0 0 5px var(--flex-box-shadow);
}



[data-bs-theme="light"] .samiyar-logo .logo-light {
    display: block !important;
}

[data-bs-theme="light"] .samiyar-logo .logo-dark {
    display: none !important;
}

[data-bs-theme="dark"] .samiyar-logo .logo-light {
    display: none !important;
}

[data-bs-theme="dark"] .samiyar-logo .logo-dark {
    display: block !important;
}

.theme-icon-dark {
    display: none;
}

.theme-icon-light {
    display: none;
}

[data-bs-theme="dark"] .theme-icon-dark {
    display: block;
}

[data-bs-theme="light"] .theme-icon-light {
    display: block;
}


/* Ending Theme Setting*/
a {
    text-decoration: none !important;
    color: var(--text-color);
}

a:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

body {
    font-family: iransans;
    direction: rtl;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.title-text {
    font-size: calc(15px + 0.75vmin);
}

.main-text {
    font-size: calc(12px + 0.75vmin);
}

.info-text {
    font-size: calc(10px + 0.75vmin);
}

.pattern-bg {
    background: url(../../assets/img/Abstract-bg.png);
    background-position: center;
    background-size: 100% auto;
    /* Width covers the entire width, height scales proportionally */
    background-repeat: repeat-y;
    /* Repeat vertically */
}

.bg-green {
    background: #0D3D35;
}

.text-success-custom {
    color: #15BD82;
}

.text-danger-custom {
    color: #FF5656;
}

.text-warning-custom {
    color: #FF9A27;
}

.bg-success-custom {
    background-color: #15BD82;
}

.bg-danger-custom {
    background-color: #FF5656;
}

.border-success-custom {
    border: 1px solid #15BD82;
}

.border-danger-custom {
    border: 1px solid #FF5656;
}



/* Footer */
#footer {
    height: 72px;
    position: fixed;
    width: 100%;
    bottom: 0;
    border-radius: 18px 18px 0 0;
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 0 20px 0px #11111111;
}

#home-bottom {
    width: 65px;
    height: 65px;
    margin-top: -48px;
    /* box-shadow: 0 0 0 5px var(--bs-body-bg); */
}

#home-bottom:hover .plus-icon-containter img {
    rotate: 135deg;
    transition: 500ms;
}

/* .i-icon {
    position: absolute;
    inset: 0;
}

.i-icon::before {
    content: '';
    position: absolute;
    top: 5.5px;
    left: -40px;
    border-radius: 0 14px 0 0;
    width: 20px !important;
    height: 20px !important;
    box-shadow: 4px -8px var(--bs-body-bg);
}

.i-icon::after {
    content: '';
    position: absolute;
    top: 5.5px;
    right: -40px;
    border-radius: 14px 0 0 0;
    width: 20px !important;
    height: 20px !important;
    box-shadow: -4px -8px var(--bs-body-bg);
} */
.footer-item.active {
    background: var(--bg-footer) !important;
}
.footer-item.active .footer-item-text {
    color: var(--text-primary) !important;
}

.footer-item.active .footer-item-icon {
    display: none;
}

.footer-item.active .footer-item-icon-active {
    display: block !important;
}






/* header */
.header {
    z-index: 1000 !important;
    top: 0 !important;
    border-radius: 0 0 13px 13px;
}

.notif-counter {
    top: 5px;
    margin-right: -17px;
    padding-top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 12px;
    direction: ltr;
    background: #B21717;
    color: #ffffff;
}

.requests-counter {
    top: 7px;
    margin-right: -30px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    height: 12px;
    border-radius: 50rem;
    font-size: 9px;
    direction: ltr;
    background: #B21717;
    color: #ffffff;
}
.requests-counter-desktop {
    top: 3px;
    margin-right: -16px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    height: 12px;
    border-radius: 50rem;
    font-size: 9px;
    direction: ltr;
    background: #B21717;
    color: #ffffff;
}

.connection-status {
    white-space: nowrap !important;
    top: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.offline {
    /*background: #bbbbbb;*/
    background: #FF5656 !important;
}

.online {
    background: #0ee398;
}


.user-name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

/* menu bar */
.offcanvas.offcanvas-end {
    width: 275px !important;
    border-radius: 25px 0 0 25px;
    z-index: 10001;
}
.header-items-mobile{
    color: var(--text-info);
}
.header-items-mobile.active {
    background: var(--bg-primary-light);
    color: var(--text-primary);
}

.header-items-mobile.active .menu-bar-item-icon {
    display: none;
}

.menu-bar-item-icon-active {
    display: block !important;
}

.menu-bar-item-icon-active-light,
.menu-bar-item-icon-active-dark {
    display: none;
}

[data-bs-theme="light"] .header-items-mobile.active .menu-bar-item-icon {
    display: none;
}

[data-bs-theme="light"] .header-items-mobile.active .menu-bar-item-icon-active-light {
    display: block;
}

[data-bs-theme="dark"] .header-items-mobile.active .menu-bar-item-icon {
    display: none;
}

[data-bs-theme="dark"] .header-items-mobile.active .menu-bar-item-icon-active-dark {
    display: block;
}




/* main */
.main-container {
    min-height: 100svh;
}

.menu-bar-width {
    width: var(--menu-bar-width) !important;
}

.select2-container--open .select2-dropdown--below {
    position: static !important;
}



@media (max-width: 992px) {
    .page-content {
        min-height: 100svh !important;
        padding-top: 110px !important;
        padding-bottom: 100px !important;
    }
    .page-content.admin {
       
        padding-top: 70px !important;
        padding-bottom: 100px !important;
    }
    .toast-custom-class{
        /* margin-top: 110px !important; */
    }
    
}

/* Apply height: 100svh for large screens (lg and up) */
@media (min-width: 992px) {
    .main-container {
        height: 100svh;
        min-height: unset;
        /* Unset the min-height if necessary */
    }

    .menu-bar-width-margin {
        margin-right: calc(var(--menu-bar-width)) !important;
    }

    .page-content {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .desktop-flex-shadow {
        box-shadow: 0 0 15px var(--flex-box-shadow);
    }

    .header {
        background: var(--bs-body-bg) !important;
    }
    .toast-custom-class{
        margin-top: 30px !important;
    }
}


.card-item {
    box-shadow: 0 0 15px 0 #0000000f;
}

.badge-success {
    background: #15bd8218;
    color: #15BD82;
    border: 1px solid #15BD82;
    border-radius: 5px;
}

.badge-danger {
    background: #ff565610;
    color: #FF5656;
    border: 1px solid #FF5656;
    border-radius: 5px;
}

.badge-warning {
    background: #ffc7a41f;
    border: 1px solid #FFC7A4;
    border-radius: 5px;
}

.mobile.badge-danger {
    background: #ff565632 !important;
}

.mobile.badge-success {
    background: #15bd821f !important;
}

.select2-container--default .select2-selection--single {
    background-color: var(--bg-background);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text-info);
}

.select2-results__option--selectable {
    cursor: pointer;
    background-color: var(--bg-reverse);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--bg-info);
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
    /* display: none; */
}


/* scrollBars */

/* for menu bar ==>  */

/* Customize the scrollbar for Firefox */
.menu-scroll {
    /* scrollbar-width: thin; 
    scrollbar-color: #888 #f1f1f1;  */
}

/* Customize the scrollbar for WebKit browsers */
.menu-scroll::-webkit-scrollbar {
    width: 3px !important;
    /* Width of the scrollbar */
}

.menu-scroll::-webkit-scrollbar-track {
    /* background: var(--bg-info); */
    /* Background of the scrollbar track */
    border-radius: 10px;
    /* Roundness of the scrollbar track */
}

.menu-scroll::-webkit-scrollbar-thumb {
    background: var(--bg-info);
    /* Color of the scrollbar handle */
    border-radius: 15px;
    /* Roundness of the scrollbar handle */
}

.menu-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--bg-info);
    /* Color of the scrollbar handle when hovered */
}





        /* customizing persian date picker */
        jdp-container {

            background: var(--bg-body) !important;

        }

        jdp-container .jdp-icon-minus,
        jdp-container .jdp-icon-plus {
            background: var(--bg-info) !important;
        }

        jdp-container .jdp-month,
        jdp-container .jdp-month input,
        jdp-container .jdp-month select,
        jdp-container .jdp-time,
        jdp-container .jdp-time input,
        jdp-container .jdp-time select,
        jdp-container .jdp-year,
        jdp-container .jdp-year input,
        jdp-container .jdp-year select {
            background: var(--bg-footer) !important;
            color: var(--text-color) !important;
        }

        jdp-container .jdp-day,
        jdp-container .jdp-day-name {
            background: none;
            border: 1px solid transparent;
            color: var(--text-color) !important;
        }

        jdp-container .jdp-btn-close,
        jdp-container .jdp-btn-empty,
        jdp-container .jdp-btn-today {
            background: var(--bg-primary) !important;
            color: var(--text-reverse) !important;
        }

        jdp-container,
        jdp-container *,
        jdp-container :after,
        jdp-container :before {
            border-radius: 1rem;
        }


        /* intro js customization */
        .introjs-tooltiptext{
            font-family: iransans;
        }
        .introjs-tooltip {
            background-color: var(--bg-body);
        }
        .introjs-button{
            font-family: iransans;
            background: var(--bg-primary);
            color: var(--text-reverse);
            text-shadow: none;
            border: none;
        }
        .introjs-button:hover{
            font-family: iransans;
            background: var(--bg-primary);
            color: var(--text-reverse);
            text-shadow: none;
            border: none;
        }
        .introjs-button:focus {
            background-color: var(--bg-primary);
            color: var(--text-reverse);
        }

        .introjs-bullets ul li a.active {
            width: 15px;
            background: var(--bg-primary-light);
        }

       
        [data-bs-theme="light"] .introjs-helperLayer {
            box-shadow:  rgb(13, 61, 53) 0px 0px 1px 2px, rgba(0, 0, 0, 0.75) 0px 0px 0px 5000px !important;
        }
        [data-bs-theme="dark"] .introjs-helperLayer {
            box-shadow: rgb(250 198 130) 0px 0px 1px 2px, rgb(102 102 102 / 73%) 0px 0px 0px 5000px !important;
        }