.font-awesome {
    --rz-icon-font-family: 'Font Awesome 6 Pro'
}

@media (max-width: 767.98px) {
    .BTNResponsive {
        width: 30px;
        height: 30px;
        padding: 0 !important;
        min-width: 0 !important;
        position: relative;
    }

        .BTNResponsive .rz-button-box i {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: block !important;
            padding: 0 !important;
            font-size: 12px;
        }

        .BTNResponsive .rz-button-box {
            font-size: 0;
        }

    .rz-dialog .rz-dialog-content {
        padding: 10px;
    }
}
/*.BTNResponsive .rz-button-box i {
        display: block !important;
        padding: 0 !important;
    }*/


/*CheckBox*/
.rz-form-field .rz-chkbox {
}



/*Grid Overrides*/
.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    font-size: 15px;
}

.rz-datatable-loading-content {
    width: 100%;
    min-height: 150px;
}

.rz-grid-table td, .rz-grid-table th {
    padding: 5px;
}
/*.rz-grid-table .rz-state-highlight.rz-data-row td:first-child {
    box-shadow: rgb(31 43 215) 0 0 6px 0px inset;
    background-color: rgba(255, 255, 255, 1) !important;
}
.rz-grid-table .rz-state-highlight.rz-data-row td:first-child span {
    color: #545bb8 !important;;
}*/




.rz-grid-table tr > .rz-unselectable-text {
    padding: 3px;
}


.rz-data-row.rz-state-highlight td {
    border-top-style: unset !important;
    border-bottom-style: outset !important;
    border-width: 0 !important;
    border-inline-start-style: unset !important;
    border-inline-end-style: unset !important;
    mask-border-width: unset !importantt;
}

.rz-data-row.rz-state-highlight > td:first-child {
    border-inline-start-style: unset !important;
}

.rz-data-row.rz-state-highlight > td:last-child {
    border-inline-end-style: outset !important;
}

.rz-data-row.rz-state-highlight > td:first-child:after {
    content: "" !important;
}

.rz-data-row.rz-state-highlight .rz-cell-data {
    color: white !important;
}
/*.rz-data-row:hover {
    background: var(--c-base-400) !important;
}*/


.rz-data-grid-data tbody tr:not(:has(.rz-state-highlight)) tr:nth-of-type(odd) {
    background: var(--c-secondary-light);
}

.rz-data-grid-data tbody tr:not(:has(.rz-state-highlight)) tr:nth-of-type(2n+1) {
    /*    background: var(--c-secondary-light);*/
}

.rz-data-grid-data tbody tr:not(:has(.rz-state-highlight)) tr:nth-of-type(even) {
    background: var(--c-secondary-lighter);
}

.rz-grid-table .rz-state-highlight.rz-data-row {
    background-color: #666ec7 !important;
    font-weight: 500;
    outline: 2px solid #6d7ae0 !important;
    box-shadow: rgb(46 55 143) 0 0 8px 1px inset, rgb(97 107 181) 0 0 6px 2px inset;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
    background-color: unset !important;
}

.rz-pager {
    background: var(--c-base-200);
}

.rz-data-grid .rz-pager {
    padding: 5px;
}

.rz-pager-element {
    color: var(--c-black);
}

.rz-pager-summary {
    color: var(--c-base-500);
}

.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover,
.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.rz-data-grid .rz-dropdown {
    background: var(--c-base-200);
}
/*Grid Overrides*/

/*جستجوی پیشرفته*/
.DenseExpressionHeader [role="tab"] {
    padding: 12px 10px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/*Radzen Menu open Position for Views*/
.DropDownOptions.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
    left: 0;
}


/*هایلایت تغییرات صورت حساب در ویرایش اسناد*/
.InvoiceByValue.rz-form-field.rz-state-disabled .rz-form-field-content > .rz-form-field-label {
    background: #4b49ac !important;
    color: white !important;
}

.InvoiceByValue.rz-textbox {
    box-shadow: 0 0 10px #4b49ac !important;
    border: 2px solid #4b49ac !important;
    color: var(--c-black) !important;
}


/* 5. جهت اطمینان برای کامپوننت‌های Radzen */
.rz-root, .rz-text-body, .rz-button, .rz-textbox {
    font-family: 'CustomFont', sans-serif !important;
}


.rz-notification {
    /*     inset-block-start: 100px; 
*/ inset-inline-start: 1rem;
    inset-block-start: 15px;
    margin: auto;
    display: flex;
    justify-content: center;
}

/*.rz-form-field-content .bit-dtp-foc .bit-dtp-icn {
    height:unset;
    border: unset;
}
    .rz-form-field-content .bit-dtp-foc .bit-dtp-icn::after {
        border: unset;
        height: unset;
    }*/
/*.rz-form-field-content .bit-dtp {
    padding-block: var(--rz-input-padding-block);
    padding-inline: var(--rz-input-padding-inline);
}*/


/*radzen class inside body would add an extra layer of position, which caused offsetTop of BitDateTimePicker to */
/*anchor to top of rz-body instead of top of the document, therefor by removing transformZ this behaviorfixed*/
/*and BitDateTimePicker began to calculate its position correctly*/
/*probably the Main reason of using it at the beginningto use the GPU and create a GPU layer for rendering*/
/*body which it now achieved by backface-visibility without consequences mentioned*/
.rz-layout .rz-body {
    transform: unset !important;
    backface-visibility: hidden !important;
}

/*Disable Border for GraveInputs*/
.GraveInputs .rz-form-field-content:has(.rz-state-disabled) {
    border-color: #a6a6a6 !important;
}

/*TopBar Profile menu adjusments for DarkMode*/
.ProfileMenu .rz-navigation-menu {
    background: var(--c-base-200) !important;
}

    .ProfileMenu .rz-navigation-menu .rz-navigation-item-text,
    .ProfileMenu .rz-navigation-menu .rz-navigation-item-icon {
        color: var(--c-black) !important;
    }


/*جهت جلوگیری از فشرده شدن ستون گرید در مرورگر فایرفاکس اضافه شد*/
.rz-grid-table {
    width: unset;
    min-width: 100%;
}


main::-webkit-scrollbar-thumb, span::-webkit-scrollbar-thumb, ol::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
    background-color: #c8c8c8 !important;
    scrollbar-width: thin;
    border-radius: 10px !important;
}

main:hover::-webkit-scrollbar-thumb, span:hover::-webkit-scrollbar-thumb, ol:hover::-webkit-scrollbar-thumb, ul:hover::-webkit-scrollbar-thumb, pre:hover::-webkit-scrollbar-thumb, div:hover::-webkit-scrollbar-thumb {
    background-color: #9e9e9e !important;
}

main::-webkit-scrollbar, span::-webkit-scrollbar, ol::-webkit-scrollbar, ul::-webkit-scrollbar, pre::-webkit-scrollbar, div::-webkit-scrollbar {
    height: 1rem !important;
}

.rz-notification-item-wrapper {
    width: unset;
    min-width: 250px;
    max-width: 90vw;
}

/*عمودی شدن Alerts*/
.rz-notification {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    pointer-events: none;
}

.rz-notification-item-wrapper {
    margin: 5px 0;
}

.rz-notification-item {
    pointer-events: auto;
}


/*جستجوی پیشرفته*/
.DenseExpressionHeader button {
    padding: 12px 10px !important;
    width: 100%;
}

.crz-dialog-content-wrapper .crz-dialog-content {
    max-height: calc(var(--vh) - calc(var(--rz-dialog-title-line-height) + 1.5rem + 68px + var(--rz-dialog-content-padding) + var(--rz-dialog-content-padding)));
}

.rz-data-grid-data {
    scrollbar-width: thin;
}

.rz-tooltip div {
    font-size: 12px;
}

.rz-dropdown-filter {
    color: var(--c-black);
}