﻿

@font-face {
    font-family: "VazirMatn";
    src: url(assets/fonts/Vazirmatn-FD-Regular.woff2) format('woff2');
    font-weight: 400
}
.responsive-grid-with-limits {
    max-height: calc(100vh - 150px);
}


/*.e-edit-dialog .e-footer-content{
    padding:unset !important;
    display:none !important;
}*/
.toast-icons {
    font-family: 'Toast_icons' !important;
    speak: none;
/*    font-size: 55px;*/
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ri-checkbox-circle-line:before, .ri-error-warning-line:before, .ri-close-circle-line:before, .ri-question-line:before {
    font-size: 25px;
}


[data-bs-theme=dark] .e-grid .e-altrow {
    background-color: #222121 !important;
}

.e-grid .e-altrow {
    background-color: #fafafa !important;
}
.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap;
}
    .divider .divider-text {
        position: relative;
        display: inline-block;
        /*font-size: 0.8rem;*/
        padding: 0rem 1rem;
        font-weight:bold;
    }
    .divider.divider.divider-info .divider-text:before, .divider.divider.divider-info .divider-text:after {
        border-color: #00cfdd;
    }
    .divider .divider-text:before {
        right: 100%;
    }
    .divider .divider-text:before, .divider .divider-text:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 100vw;
        border-top: 1px solid #d4d8dd;
    }
    .divider.divider.divider-info .divider-text:before, .divider.divider.divider-info .divider-text:after {
        border-color: #00cfdd;
    }
    .divider .divider-text:after {
        left: 100%;
    }
    .divider .divider-text:before, .divider .divider-text:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 100vw;
        border-top: 1px solid #d4d8dd;
    }
.e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
    text-align: center;
}

.blurred {
    filter: blur(5px);
    pointer-events: none;
    transition: filter 0.5s ease-in-out;
}

/* لایه تیره با لودر */
.content.blurred {
    filter: blur(5px);
    pointer-events: none;
    transition: filter 0.5s ease-in-out;
}

/* نمایش لودر روی Body */
.loading-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    z-index: 1000;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid white;
    border-top: 4px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* ارتفاع حداقل برابر با کل صفحه */
}

.e-removeEditcommand .e-unboundcell .e-unboundcelldiv button.e-Editbutton {
    display: none !important;
} 
  
    /*to remove the specific content button alone*/
.e-removeDeletecommand .e-unboundcell .e-unboundcelldiv button.e-Deletebutton {
    display: none !important;
}
.e-grid .e-headercelldiv {
     font-weight: bold !important;

}
[dir=rtl] .e-pager .e-icon-prev::before, [dir=rtl] .e-grid-menu .e-icon-prev::before {
    content: "\e748" !important;
}

[dir=rtl] .e-pager .e-icon-next::before, [dir=rtl] .e-grid-menu .e-icon-next::before {
    content: "\e765" !important;
}

[dir=rtl] .e-pager .e-icon-first::before, [dir=rtl] .e-grid-menu .e-icon-first::before {
    content: "\e818" !important;
}

[dir=rtl] .e-pager .e-icon-last::before, [dir=rtl] .e-grid-menu .e-icon-last::before {
    content: "\e833" !important;
}

[dir=rtl] .e-pager div.e-parentmsgbar {
    float: left !important;
    padding-left: 0 !important;
}

[dir=rtl] .e-grid .e-grid-icon {
    float: right !important;
}

[dir=rtl] .e-grid .e-groupheadercell span {
    float: right !important;
}

[dir=rtl] .e-grid .e-grouptext {
    margin-right: auto !important;
    margin-left: 0 !important;
}

[dir=rtl] .e-grid .e-groupsort {
    margin-right: auto !important;
    margin-left: -2px !important;
}

[dir=rtl] .e-grid .e-groupsort, [dir=rtl] .e-grid .e-ungroupbutton, [dir=rtl] .e-grid .e-toggleungroup {
    margin-left: auto !important;
    margin-right: -10px !important;
}

[dir=rtl] .e-grid.sf-grid span.e-ungroupbutton.e-icons {
    margin-left: auto !important;
    margin-right: -9px !important;
}

[dir=rtl] .e-grid span.e-ungroupbutton.e-icons {
    margin-left: auto !important;
    margin-right: -8px !important;
    padding-right: 0 !important;
    padding-left: 8px !important;
}

[dir=rtl] .e-popup.e-popup-open.e-dialog {
    float: right;
}

/*[dir=rtl] .e-grid .e-filtermenudiv {
    float: left !important;
    margin: -12px 4px -13px -3px !important;
    text-align: left !important;
}*/

[dir=rtl] .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
    margin: -12px 4px -13px 14px !important;
}

[dir=rtl] .e-grid .e-sortfilterdiv {
    float: left !important;
    margin: -18px 4px -13px -2px !important;
    padding: 2px 8px 2px 2px !important;
}

[dir=rtl] .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
    margin: 2px 4px 0 0 !important;
}

[dir=rtl] .e-grid .e-sortnumber {
    float: left !important;
}
/*[dir=rtl] .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
    margin: -5px -5px -5px 20px !important;
}*/
.e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
    margin: auto;
}
/*[dir=rtl] .e-grid .e-gridheader .e-sortfilter .e-headercelldiv, [dir=rtl] .e-grid .e-gridheader .e-stackedheadercelldiv {
    padding: 0 5px 0 18px !important;
}*/

[dir=rtl] .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    float: left !important;
    right: 0 !important;
}

[dir=rtl] .custom-label-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    float: right !important;
}

[dir=ltr] .custom-label-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    float: left !important;
}

.custom-label-right label {
    order: 1;
}

.custom-label-right .e-input-group {
    order: 2;
}

[dir=rtl] .e-input-group, [dir=rtl] .e-btn, [dir=rtl] .e-css.e-btn, [dir=rtl] .e-control, [dir=rtl] .e-css, [dir=rtl] .e-error, [dir=rtl] .e-list-item, [dir=rtl] .e-checkbox-wrapper .e-label, [dir=rtl] .e-css.e-checkbox-wrapper .e-label {
    font-family: VazirMatn,Inter, Helvetica, "sans-serif" !important;
}
    [dir=rtl] .e-btn.e-control.e-link.ki-outline {
        font-family: "keenicons-outline" !important;
    }
[dir=rtl] #MyGridId_ccdlg {
    left: 10px !important;
}

[dir=rtl] .e-dialog .e-footer-content {
    text-align: right !important;
}

[dir=rtl] .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, [dir=rtl] .e-contextmenu-container ul .e-menu-item .e-menu-icon {
    margin-left: 8px !important;
}

[dir=rtl] .e-grid .e-columnmenu {
    left: 23px !important;
    float: left !important;
    margin: -13px 4px -13px -18px !important;
}

[dir=rtl] .e-contextmenu-wrapper ul .e-menu-item .e-caret, [dir=rtl] .e-contextmenu-container ul .e-menu-item .e-caret {
    margin-right: 16px !important;
    margin-left: 0 !important;
    left: 7px !important;
}

[dir=rtl] .e-footer-content-custom {
    text-align: left !important;
    padding: 10px 20px 10px 20px !important;
}

.e-footer-content-custom {
    text-align: right !important;
    padding: 10px 20px 10px 20px !important;
}

.e-dialog .e-footer-content-custom .e-btn {
    margin-left: 8px !important;
}

#Grid_dialogEdit_wrapper .e-footer-content {
    display: none !important;
}

[dir=rtl] #Grid_columnChooserDialog #Grid_ccdlg {
    left: 0 !important;
}

[dir=rtl] .e-checkbox-wrapper .e-frame + .e-label, [dir=rtl] .e-css.e-checkbox-wrapper .e-frame + .e-label {
    margin-left: auto !important;
    margin-right: 8px !important;
}

[dir=rtl] .e-toast-container .e-toast .e-toast-icon {
    margin-right: auto !important;
    margin-left: 14px !important;
    left: auto !important;
    right: 16px !important;
}

[dir=rtl] .e-progress-btn.e-progress-active:not(.e-hide-spinner).e-spin-left:not(.e-round) .e-spinner {
    padding-right: unset !important;
    padding-left: 12px !important;
}

.menu-item {
    margin-right: 0.0625rem;
}
.e-icons-Check {
    color: #269b09 !important;
}
.e-icons-Close{
    color:#e90d0d !important;
}
.loader {
    width: 18px;
    height: 18px;
    border-width: 1px;
    border-style: dashed solid solid dotted;
    border-color: #2760d7 #2760d7 transparent #2760d7;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

    .loader::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 4px;
        top: 13px;
        border: 5px solid transparent;
        border-right-color: #2760d7;
        transform: rotate(-40deg);
    }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
[dir=rtl] .required-star {
    color: red;
    margin-right: 4px;
}

html:not([dir=rtl]) .required-star {
    color: red;
    margin-left: 4px;
}
.validation-message {
    color: red;
}


[dir=rtl] .fieldtooltip {
    width:20px;
    float:left;
}

html:not([dir=rtl]) .fieldtooltip {
    width: 20px;
    float: right;
}
.blinking {
    animation: blink 1s infinite;
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}
.e-grid .e-unboundcelldiv > button {
    margin: 0;
}
.e-btn.e-icon-btn, .e-css.e-btn.e-icon-btn {
    padding-right: 8px !important;
    padding-left: 8px !important;
}


.control-section .dual-list-wrapper {
    width: 60%;
    margin: 0 auto 10px;
    display: flex;
}

.dual-list-groupa,
.dual-list-groupb {
    width: 50%;
}

    .dual-list-groupb .e-listbox-container,
    .dual-list-groupb h4 {
        width: 87%;
        margin-left: 15px;
    }


#listbox-control {
    margin: auto;
}

.e-listbox-tool .e-movefrom::before {
    content: "\e748" !important;
}
.e-listbox-tool .e-moveto::before {
    content: "\e765" !important;
}
.e-listbox-tool .e-moveallto::before {
    content: "\e744" !important;
}
.e-listbox-tool .e-moveallfrom::before {
    content: "\e7a9" !important;
}

.MainCard{
    padding:30px;
/*    margin-top:20px;*/
}
.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    left: 16px !important;
    right:unset !important;
}
.e-icons, .ki-outline {
    vertical-align: middle !important;
}
.e-multi-column {
    font-family: unset !important;
    text-align: right !important;
}
.e-card:hover {
    background-color: unset !important;
    
}
.frame-position-zo {
    position: fixed !important;
   
}
.frame .btn-list button {
    width: 90px !important;

}
.datepicker-plot-area .datepicker-time-view .divider {

    height: 0 !important;

}
.PersainDatePicker .e-input-group-icon.e-date-icon.e-icons {
    display: none;
}
.e-input-group-icon.e-time-icon.e-icons {
    display: none;
}
.e-control.e-timepicker.e-lib.e-input{
    text-align:right;
}
.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
    float: left !important;
}
.e-upload .e-file-select-wrap {
    padding: 12px 12px 12px 0 !important;
}
.e-upload .e-upload-files .e-upload-file-list .e-file-container {
    margin-left: 90px !important;
    margin-right: 12px !important;
}
    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
        float: right !important;
    }
.e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons {
    left: 0 !important;
    right: unset !important;
}
.fr-webreport-toolbar div div a {
    text-align: right !important;
}
.fr-webreport-toolbar div div {
    left:unset !important;
    right:0 !important;
}
#print-area {
    direction: rtl;
    font-family: VazirMatn,Inter, Helvetica, "sans-serif" !important;
    color: #000;
/*    font-size: 14px;*/
}
@media print {
    body {
        font-family: VazirMatn, Tahoma, sans-serif !important;
        direction: rtl;
        margin: 0;
        background: white;
    }
    .a4-container {
        box-shadow: none;
    }
    @page {
        size: A4;
        margin: 0;
    }
}
text {
    font-family: VazirMatn,Inter, Helvetica, "sans-serif" !important;
}

.dxbrv-toolbar .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar {
    direction: ltr !important;
    font-family: VazirMatn,Inter, Helvetica, "sans-serif" !important;
}
.dxbrv-tabs {
    left: 0 !important;
    right: unset !important;
}
.dxbrv-wrapper .dxbrv-tab-panel {
    left: 3.50rem !important;
    right: unset !important;
}
.dxbl-treeview .dxbl-treeview-items-container {
    direction: ltr !important;
}
.dxbrv-wrapper {
    height: 100% !important;
}
.ltrDirection{
    direction:ltr !important;
}
.app-header {
    background-color: unset !important;
}
[data-kt-app-header-minimize=on] .app-header {
    background-color: unset !important;
}
body, .app-default {
    background-color: unset !important;
    background-size: cover;

    
    min-height: 100vh;
}

/*
    .e-rowcell .e-icon-btn .e-icons {
    font-size: 16px !important;
}

.e-rowcell .e-icon-btn .e-icons {
    font-size: 16px !important;
}
*/
.e-grid .e-unboundcelldiv > button {
    margin: unset !important;
}
.font-cerebri {
    font-family: VazirMatn, sans-serif;
}

.detached .detached-content {

    padding-top: 20px !important;
}
[data-mode=dark] .e-grid .e-altrow {
    background-color: #222121 !important;
}
a:hover {
  
    text-decoration: none;
}

.wrapper {
    min-height: 90%;
    display: flex;
    flex-direction: column;
}
.offcanvas {

    z-index: 10000 !important;

}
.dxbl-popup-cell{
    z-index:10000 !important;
}
.e-centeralign {
    text-align: center !important;
}

.showTimer .e-input-group-icon.e-time-icon.e-icons {
    display: unset !important;
}
.e-badge {
    font-family: VazirMatn,Inter, Helvetica, "sans-serif" !important;
    font-size: unset !important;
    font-weight: unset !important;
    display: unset !important;
}
/*.e-grid .e-headercelldiv {
    font-size: 14px !important;
}*/
.e-icons.e-large {
    font-size: 24px !important;
}
.row {

    align-items: center;
}

.e-vertical.e-rtl.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-content {
    padding-top: 10px;
}