/*! CSS Used fontfaces */
@font-face {
    font-family: "body-font";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/eot/iranyekanwebregularfanum.eot');
    src: url('../fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/woff/iranyekanwebregularfanum.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}


/**/
.hide-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

    .hide-scrollbar::-webkit-scrollbar {
        display: none; /* Chrome, Safari and Opera */
    }

.cursor-pointer {
    cursor:pointer !important;
}

.verify-icon {
    position: absolute;
    top: -10px; /* کمی بیرون زده از بالا */
    right: -10px; /* کمی بیرون زده از راست */
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}







/*رنگ ها*/
.bg-khoms {
    background-color: #5CB338;
}
.bg-zokat {
    background-color: #F29F58;
}
.text-yellow {
    color: #FFF085
}

/*اسکرول بار
*/
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: darkslategray #ffffff00;
}
    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 5px;
        height:10px;
      
    }

    *::-webkit-scrollbar-track {
        background-color: #f8f9f9;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        border-radius: 3px;
    }

    *::-webkit-scrollbar-thumb {
        background: #dedee7;
        border-radius: 1px;
        border: 3px solid #f8f9f9;
    }

/*----------------------------------*/
/*رنگ تولتیپ
*/
.tooltip {
    font-size: 0.7rem;
}
.tooltip-inner {
    direction: rtl;
    text-align: start;
    background-color: #23213e;
    font-family: "body-font";
    color: azure;
}


/*table Style*/
/*------------------------------------------*/
.styled-table {
    border-collapse: separate !important;
    border-spacing: 0;
    border-style: hidden;
    margin: 25px 0;
    font-size: 0.9rem;
    /*    min-width: 400px;
*/ box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    width: 100%;
    line-height: 1rem;
    /*  white-space: nowrap;*/
}

    .styled-table thead tr {
        background-color: #009879;
        color: #ffffff;
        text-align: center;
    }

    .styled-table th,
    .styled-table td {
        padding: 5px 1px;
        text-align: center;
        vertical-align: central;
        width: auto;
        /*   white-space: nowrap;*/
    }

    .styled-table th {
        padding: 10px 5px;
    }

    .styled-table tbody tr {
        border-bottom: 1px solid #dddddd;
    }

        .styled-table tbody tr:nth-of-type(even) {
            background-color: #9edde5f0;
        }

        .styled-table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }

        .styled-table tbody tr.active-row {
            /* font-weight: bold;*/
            color: #009879;
        }

        .styled-table tbody tr:hover {
            background-color: #FFE7A0;
            /*  font-weight: bolder;*/
            color: #009879;
        }

    .styled-table thead tr th:first-child {
        border-top-right-radius: 10px;
    }

    .styled-table thead tr th:last-child {
        border-top-left-radius: 10px;
    }


/*کلید ها و اینپوت ها*/
a {
    text-decoration: none;
    color: #707070;
}

    a:hover {
        text-decoration: none;
        color: #F7A072;
    }

.accordion-item {
    background-color: transparent;
    border: unset;
    border-bottom: 1px solid #fff;
}

    .accordion-item .accordion-button {
        color: #707070;
        background: transparent;
        font-size: 15px;
    }

        .accordion-item .accordion-button:not(.collapsed) {
            color: #707070;
            background-color: transparent;
            -webkit-box-shadow: unset;
            box-shadow: unset;
        }

            .accordion-item .accordion-button:not(.collapsed)::after {
                background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='minus' class='svg-inline--fa fa-minus fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23F7A072' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E");
                -webkit-transform: unset;
                transform: unset;
            }

        .accordion-item .accordion-button::before {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 250px;
            height: 4px;
            content: "";
            background-color: #F7A072;
            position: absolute;
            bottom: -2px;
            right: 0;
        }

        .accordion-item .accordion-button::after {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
            margin-right: auto;
            margin-left: 0;
            content: "";
            background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='plus' class='svg-inline--fa fa-plus fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23F7A072' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: 1.25rem;
            -webkit-transition: -webkit-transform .2s ease-in-out;
            transition: -webkit-transform .2s ease-in-out;
            transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
        }

        .accordion-item .accordion-button:focus {
            border-color: transparent;
            -webkit-box-shadow: unset;
            box-shadow: unset;
        }

    .accordion-item .card {
        border-color: #E2E2E2;
        background-color: transparent;
        border: 1px solid #D4D4D4;
        -webkit-transition: all 400ms;
        transition: all 400ms;
        border-radius: 25px;
        overflow: hidden;
        min-height: 60px;
        padding: 5px 15px;
    }

        .accordion-item .card .card-text {
            height: 80px;
            overflow: hidden;
            color: #202020;
            font-size: 15px;
            line-height: 1.7;
            text-align: justify;
        }

        .accordion-item .card h3 {
            color: #F7A072;
            font-size: 24px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin-bottom: 20px;
        }

        .accordion-item .card a {
            -webkit-transition: all 400ms;
            transition: all 400ms;
        }

        .accordion-item .card:hover {
            border-color: #F7A072;
        }


.btn-check + .btn {
    background-color: #707070;
    color: #ced4da;
    border: 1px solid #D4D4D4;
    padding: 10px 20px;
    border-radius: 15px;
}

.btn-check:active + .btn, .btn-check:checked + .btn {
    background-color: #03A6A1;
    color: #fff;
    border: 1px solid #F9F7F3;
}

.btn:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
  
}

.btn-check:focus + .btn, .btn:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}
/*select item Btn
*/
.btn-select-item + .btn {
    background-color: #F9F7F3;
    color: #6dcbb8;
    border: 1px solid #D4D4D4;
    padding: 10px 20px;
    border-radius: 15px;
}

.btn-select-item:active + .btn, .btn-select-item:checked + .btn {
    background-color: #03A6A1;
    color: #fff;
    border: 1px solid #03A6A1;
}
/*end select item
*/




@media only screen and (max-width: 600px) {
    .accordion-button {
        font-size: 15px !important;
    }

    .form-label {
        font-size: 14px !important;
        color: darkgrey !important;
    }
}

@media only screen and (min-width: 600px) {
    .accordion-button {
        font-size: 15px !important;
    }

    .form-label {
        font-size: 16px !important;
        color: darkgrey !important;
    }
}

@media only screen and (min-width: 768px) {
    .accordion-button {
        font-size: 18px !important;
    }

    .form-label {
        font-size: 16px !important;
        color: darkgrey !important;
    }
}

@media only screen and (min-width: 992px) {
    .form-label {
        font-size: 18px !important;
        color: darkgrey !important;
    }
}

@media only screen and (min-width: 1200px) {
    .accordion-button {
        font-size: 20px !important;
    }

    .form-label {
        font-size: 17px !important;
        color: darkgrey !important;
    }
}


.vaj-form form-label {
  
}

.vaj-form h6 {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 10px;
    position: relative;
}

    .vaj-form h6::before {
        height: 2px;
        width: 80px;
        background-color: #F7A072;
        content: "";
        position: absolute;
        bottom: -1px;
    }

.vaj-form .btn {
    padding: 10px 5px;
    border-radius: 20px;
}

    .vaj-form .btn.btn-success {
        background-color: #0FA3B1;
        border-color: #F9F7F3;
    }

        .vaj-form .btn.btn-success:hover {
            background-color: #F7A072;
            color: #333 !important;
            border: 1px solid #aaa;
            transition: .3s;
        }

.vaj-form .form-control {
    background-color: #fff;
    border: 1px solid #D69833;
    border-radius: 5px;
    resize: none;
    padding: 10px 15px;
    -webkit-transition: all 400ms;
    transition: all 500ms;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vaj-form .form-select {
    background-color: #fff;
    border: 1px solid #D69833;
    border-radius: 5px;
    resize: none;
    padding: 12.5px 2px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: 20px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

    .vaj-form .form-control:focus, .vaj-form .form-select:focus {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        border-color: #F7A072;
        outline: 1px solid #F7A072;
    }


.vaj-form .vaj-form-item {
    background-color: #F1F1F1;
    border-radius: 15px;
    position: relative;
}

    .vaj-form .vaj-form-item .delete-payitem {
        position: absolute;
        top: 0;
        right: -65px;
        color: #A2A2A2;
        fill: #A2A2A2;
        padding: 0 10px;
    }

        .vaj-form .vaj-form-item .delete-payitem span {
            display: block;
        }

.vaj-form .form-select {
    -moz-padding-start: 30px;
}

.vaj-form .btn-new {
    color: #707070;
    background-color: #fff;
    border-radius: 25px;
}

    .vaj-form .btn-new svg {
        fill: #F7A072;
    }

.collapse-btn-container .btn {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' viewBox='0 0 384 512'%3E%3Cpath d='M192 160c1.1 0 3.969 .7344 5.531 2.219l151.1 144c3.187 3.047 3.312 8.125 .25 11.31c-3.094 3.188-8.156 3.281-11.31 .25L192 179.1L45.53 317.8c-3.219 3.031-8.281 2.938-11.31-.25c-3.062-3.188-2.937-8.266 .25-11.31l151.1-144C188 160.7 190 160 192 160z'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 600px) {
    .vaj-form .form-control {
        padding: 12px 18px;
    }

    .vaj-form .btn {
        padding: 12px 18px;
    }
}




/*مربوط به لیبل با قابلیت رفتن سمت راست هنگام فکوکس*/
.form-floating-label {
    position: relative;

}

    .form-floating-label label.voj-label-flow {
        position: absolute;
        top: 8px;
        right: 10px;
        font-size: 16px;
        color: #999;
        transition: all 0.2s ease;
        pointer-events: none;
    }

    .form-floating-label input:focus + label,
    .form-floating-label input:not(:placeholder-shown) + label,
    .form-floating-label textarea:focus + label,
    .form-floating-label textarea:not(:placeholder-shown) + label
    {
        top: -13px;
        right: 10px;
        font-size: 12px;
        font-weight: 600;
        color: #007bff;
    }

   /* رنگ placeholder */
        .form-floating-label select option[disabled] {
            color: #999;
        }

/*پایان فکوکس روی اینتپوت*/
.validation-message {
    color:red;
    font-size:0.8rem;
    margin-right:10px;
}

/*تنظیمات حروفی مربوط به مبالغ
*/
.numeric-display {
    font-size: 0.8em;
    color: coral;
    padding-top: 5px;
    padding-bottom: 5px;
}
.icon-size-lg {
    font-size: 1.5rem;
}


.virtualize-item {
    border-radius: 10px;
    transition: all 0.25s ease;
}

    .virtualize-item:nth-child(even) {
        background: linear-gradient(135deg, #f8fbff, #eef6ff);
    }

    .virtualize-item:nth-child(odd) {
        background: linear-gradient(135deg, #fdfaf6, #fff3e6);
    }

    /* Hover effect */
    .virtualize-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 14px rgba(0,0,0,0.08);
    }

.arrow {
    transition: transform 0.3s ease;
    color:#03A6A1;
}

[aria-expanded="true"] .arrow {
    transform: rotate(-90deg);
    color:#03A6A1;
}



.loading-overlay {
    position: absolute; /* یا absolute اگر داخل یک container خاص می‌خواهی */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-spinner {
    width: 4rem;
    height: 4rem;
}