.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;
        }
}
/*.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-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-dropdown:have(:not(.rz-dropdown)),
.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;
}

/*dark mode*/
.rz-sidebar .rz-navigation-item .rz-navigation-item-wrapper {
    background-color: var(--c-base-200);
}
.ScrollLayer > .rz-panel-menu > .rz-navigation-item:not(:has(.rz-navigation-item-link-active)) > .rz-navigation-item-wrapper div > span {
/*.ScrollLayer > .rz-panel-menu > .rz-navigation-item > .rz-navigation-item-wrapper div > span {*/
    color: var(--c-black) !important;
}

/*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;
}


/* 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;
}