/* ظاهر کلی جدول */
.dx-datagrid {
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border: 1px solid #cfe5f9;
}
.dx-rtl {
    direction: rtl;
    unicode-bidi: embed;
    padding:0;
}

.dx-datagrid-header-panel {
    border-bottom: 1px solid #2e7fff;
    padding: 0 5px;
    background-color: #e8f0fd;
    border: 2px solid #CDD6E6;
    border-top-left-radius: 8px!important;
    border-top-right-radius: 8px!important;
}
.dx-datagrid-headers {
    background-color: #c6daf9 !important;
    border: 2px solid #CDD6E6;

}
.dx-datagrid-filter-panel {
    padding: 18px 16px;
    background-color: #e8f0fd;
}

.dx-datagrid-headers.dx-header-multi-row:not(.dx-datagrid-sticky-columns) .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td {
    border: 1px solid #e8f0fd;
    background: #c6daf9;
}
/* سطرهای یک‌درمیان (alternate rows) */
.dx-datagrid-rowsview .dx-data-row.dx-row-alt {
    background-color: #f9f9f9; /* رنگ سطرهای زوج */
}

/* سطرهای عادی */
.dx-datagrid-rowsview .dx-data-row:not(.dx-row-alt) {
    background-color: #ffffff; /* رنگ سطرهای فرد */
}

/* hover روی همه سطرها */
.dx-datagrid-rowsview .dx-data-row:hover {
    background-color: #d0ebff !important; /* رنگ دلخواه هنگام هاور */
    cursor: pointer;
}
/* سطرهای عادی و alternate row */
.dx-datagrid-rowsview .dx-data-row {
    transition: background-color 0.2s; /* برای انیمیشن ملایم */
}

    /* hover روی همه سطرها حتی با alternate row */
    .dx-datagrid-rowsview .dx-data-row:hover,
    .dx-datagrid-rowsview .dx-data-row.dx-row-hovered {
        background-color: #d0ebff !important; /* رنگ دلخواه هنگام هاور */
        cursor: pointer;
    }
/**********************************************************/
.dx-treelist {
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border: 1px solid #cfe5f9;
    overflow: hidden;
}
.dx-rtl .dx-treelist-header-panel {
    border-bottom: 1px solid #2e7fff;
    padding: 0 5px;
    background-color: #e8f0fd;
    border: 2px solid #CDD6E6;
}

.dx-treelist-headers {
    background-color: #c6daf9 !important;
    border: 2px solid #CDD6E6;
}

/******************************************************/
/* Wrapper اصلی صفحه */
.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* کل ارتفاع صفحه */
}

/* محتوای اصلی فضای باقی مانده را می‌گیرد */
.main-wrapper {
    flex: 1;
}

/* Optional: padding برای محتوا */
.content-wrapper {
    padding: 10px;
}

/* استایل ساده فوتر */
footer {
    padding: 10px;
    text-align: center;
}

.dx-texteditor.dx-editor-filled {
    background-color: #e8f0fd!important; /* رنگ اولیه */
}


/*بک گراند و بوردر زیرش توی صفحه کلی حذف میشه*/
.dx-treelist-table-fixed .dx-cell-focus-disabled .dx-texteditor.dx-editor-filled {
    background-color: unset
}

.dx-tagbox.dx-editor-filled .dx-tag-container, .dx-tagbox.dx-editor-outlined .dx-tag-container{
    -webkit-padding-start: 16px;
    padding-inline-start: 16px;
    background-color: unset!important;
}

.dx-treelist-table-fixed .dx-texteditor .dx-editor-filled {
    background-color: unset !important;
}

    .dx-treelist-table-fixed .dx-texteditor.dx-editor-filled:hover {
        background-color: unset!important; /* رنگ وقتی موس روی آن است */
    }

    .dx-treelist-table-fixed .dx-texteditor.dx-editor-filled {
        background-color: unset !important;
    }

.dx-treelist-table-fixed .dx-texteditor .dx-editor-filled {
    background-color: unset!important;
}

    .dx-texteditor.dx-editor-filled:hover {
        background-color: #c0d4fc; /* رنگ وقتی موس روی آن است */
    }

.dx-texteditor.dx-editor-filled::after {
     border-bottom: unset!important; 
    width: 99%;
    margin: 0 auto;
}

.dx-tag-content{
    align-items:center;
    justify-content:center;
    text-align:center;

}

/*حذف بوردر های زیر اسامی*/
.dx-treelist-table-fixed .dx-tag .dx-tag-content .dx-tag-remove-button {
    display: none
}

.dx-treelist-table-fixed .dx-tag .dx-tag-content {
    position: relative;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-padding-start: unset !important;
    padding-inline-start: unset !important;
    -webkit-padding-end: unset !important;
    padding-inline-end: unset !important;
    min-width: 40px;
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .6);
    border-radius: 2em;
}

.dx-tag-content span {
    text-align: center !important;
    margin: 0 auto !important;
    padding-right: 5px !important;
    padding: 2px 5px;
    max-width: 100%;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.memo {
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: right !important;
}
.dx-tagbox.dx-editor-filled .dx-tag-container, .dx-tagbox.dx-editor-outlined .dx-tag-container {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
    background-color: #e8f0fd;
    max-width: 100%;
    padding: 9px 12px;
}

/*استایل  کلی جدول*/
.dx-toolbar-after .dx-toolbar-item{
    -webkit-padding-start: 5px;
    padding-inline-start: 5px;
}

.dx-datagrid-headers {
    color: #000a45!important;
    opacity:0.8
}

.dx-multiview-item-content {
    width: 100%;
    height: 100%;
/*    padding: 8px;*/
}

/*بوردر ردیف های  جدول*/
.dx-datagrid .dx-row > td {
    border-right: 0.8px solid #c9c7c7 !important;
    text-align: center !important;
    padding: 6px 3px ;
    font-size: 0.86rem !important;
    width: fit-content !important;
    min-width: 0 !important;
}

.dx-datagrid .dx-datagrid-table .dx-header-row > td {
        padding: 10px 2px !important;
}
.dx-datagrid .dx-row > td:nth-of-type(1) {
    border-right: none !important;
}
.dx-datagrid-rowsview .dx-master-detail-row > .dx-master-detail-cell {
    padding: 4px !important;
}
.dx-datagrid-filter-panel .dx-icon-filter {
    color: #000044;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
    color: rgb(0, 10, 69);
    text-decoration: none;
    margin-right: 8px;
}

.dx-button .dx-icon {
    color: #0b4f99f0 !important;
}

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    border-right: 0.5px solid #d9d9d9;
    border-left: 0.5px solid #d9d9d9;
}

#leftPane {
/*    border: 1px solid #d9d9d9;*/
/*    padding:25px;  */
/*    background-color:#fff*/
}

#TabPageMain .dx-tabs {
    background-color: rgb(232, 240, 253);
    border-bottom:1.5px solid #cccecf;
}

.dx-button.dx-button-success {
    border-radius: 5px;
    color: rgba(32, 135, 38, 1) !important;
    background-color: white !important;
    border: 1px solid rgb(32, 135, 38);
    transition: 300ms;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

    .dx-button.dx-button-success:hover {
        background: #468f36 !important;
        background: linear-gradient(90deg, rgba(70, 143, 54, 1) 23%, rgba(32, 135, 38, 1) 93%) !important;
        color: #ffffff !important;
        border: 1px solid rgba(32, 135, 38, 1) !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.5);
        transform: translateY(-1px);
    }
.dpts-panel-primary {
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-flow: row wrap !important;
    justify-content: space-evenly !important;
    margin: 0;
    gap: 5px;
}

#devextreme46 {
    margin: 0 auto;
    width: auto;
    background: #E8E8E8;
    border: 1.5px solid #a6a6a6;
    border-radius: 20px
}

#devextreme46:hover {
    background: linear-gradient(90deg, rgba(232, 232, 232, 0.88) 30%, rgba(224, 224, 224, 1) 100%);
}

    #devextreme46:active {
        background: linear-gradient(90deg, rgba(232, 232, 232, 0.88) 30%, rgba(224, 224, 224, 1) 100%);
    }

.col-md-3{
    height:100%;
    margin:0 auto;
    position:relative;
    flex-grow:1

}

.dx-texteditor-container {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius:25px
}


#ToDateDiv {
    display: flex;
    gap: 15px;
    padding: 0 !important;
    margin: 0 !important;
}


/*  نامه جدید  */
.dx-popup-title.dx-toolbar .dx-toolbar-before {
    position: absolute;
    width: 100%;
    justify-content: center;
    font-size: 25px;
    color: #090a6e;
    padding: 0 !important;
}


.dx-field-item-label-location-top {
    font-size: 15px;
    color: #0e2447!important;
    margin-bottom:15px
}

.dx-htmleditor.dx-htmleditor-outlined.dx-invalid {
    outline: 2.5px solid rgba(14, 36, 71,0.5);
    border-radius: 6px;
    margin-top: 10px;
    border: unset
}

.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
    border-bottom: 1.5px solid rgba(14, 36, 71,0.8);
}

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    height: auto !important;
}

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    height: 100%;
    margin-top:15px;
    margin-bottom:15px
}

.letter-info {
    border: 2.5px solid rgba(14, 36, 71,0.5);
    padding:8px;
    border-radius:6px;
    margin:8px 18px;
    overflow-x:hidden
}

.dx-radiogroup-horizontal .dx-collection {
    justify-content:space-around;
}

#scheduler .dx-scheduler-container .dx-radiogroup-horizontal .dx-collection {
    justify-content: space-around;
    display:flex;
    flex-flow:row wrap !important;
    gap: 10px;
}

.dx-popup-content{
    padding:0!important
}  /*گیرندگان*/

.dx-htmleditor.dx-invalid {
    border: unset !important;
    border: 0.5px solid #bfbfbf;
}

.dx-radiogroup {
    border-radius: 8px;
    padding: 5px 5px;
    border: 0.5px solid #bfbfbf;
}

.dx-htmleditor.dx-htmleditor-outlined.dx-invalid {
    border-color: transparent;
    box-shadow: unset !important;
    margin: 8px 5px;
    border: 0.5px solid #bfbfbf;
}


.dx-icone{
    border-radius:50%;
    padding:3px
}

.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button-has-icon.dx-button-has-text:hover {
        background-color: rgba(0,0,0,0.08);
 }

.dx-rtl .dx-fileuploader .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-button {
    float: right;
    outline: 3px solid rgba(14, 36, 71,0.5);
    width: 150px;
    border: unset;
} /*  پیوست  */

/*کلاس جدید اضافه شد به ذخیره و ارسال*/
/* Success Button */
.success-button {
    border: 2px solid rgba(49, 133, 45, 0.5);
    color: white;
    transition: 500ms;
    height: 35px;
}

    .success-button .dx-button-content .dx-icon {
        color: #31852d !important;
    }

    .success-button:hover .dx-button-content .dx-icon {
        color: white !important;
    }

/* آمار بازدید کنندگان*/
.StatsView-button {
    border-radius: 5px;
    border: 2px solid rgba(0, 123, 255, 0.7); /* آبی */
    color: #007bff; /* رنگ متن و آیکون */
    transition: 500ms;
    height: 27px;
}

    .StatsView-button:hover {
        background-color: rgba(0, 123, 255, 0.8) !important; /* هاور */
        color: white;
    }

    .StatsView-button .dx-button-content .dx-icon {
        color: #007bff !important;
    }

/* برای دانلود*/
.Download-button {
    border-radius: 5px;
    border: 2px solid rgba(49, 133, 45, 0.5); /* سبز */
    color: #28a745; /* رنگ متن و آیکون */
    transition: 500ms;
    height: 27px;
}

    .Download-button:hover {
        background-color: rgba(40, 167, 69, 0.85) !important; /* هاور */
        color: white;
    }

    .Download-button .dx-button-content .dx-icon {
        color: #28a745 !important;
    }

    .Download-button:hover .dx-button-content .dx-icon {
        color: white !important;
    }


/* ذخیره پیش نویس*/
.savedraft-button {
    border: 2px solid rgba(49, 133, 45, 0.5);
    color: #e6c719;
    transition: 500ms;
    height: 35px
}
    .savedraft-button:hover {
        background-color: rgba(230, 199, 25)!important;
        color:white
    }

    .savedraft-button .dx-button-content .dx-icon {
        color: #e6c719!important;
    }



/*انصراف*/
.cancel-button {
    border: 2px solid rgba(186, 30, 24,0.5);
    color: rgb(255, 255, 255) !important;
    transition: 500ms;
    background-color: rgba(186, 30, 24,0.3) !important;
    height: 35px
}

.cancel-button .dx-button-content .dx-icon {
    color: rgb(255, 255, 255) !important;
}



/*****************پیگیری نامه*/
.dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) {
    padding-top:0
}

.followUpLetter-btn {
    background-color: rgba(255, 175, 94);
    border: 1.2px solid #fc5e03;
    color: #0b4f99f0;
    margin-right: 25px;
}

    .followUpLetter-btn:hover {
        background-color: #ed7c09
    }

.dx-overlay-content .dx-popup-content .dx-button .dx-button-success {
    display:flex;
    flex-flow:row wrap;
    align-items:center
}

/**********پاسخ به نامه*/
.dx-htmleditor.dx-htmleditor-outlined {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .42);
    border-color: transparent;
    border-radius: 4px;
    margin: 12px 15px;
}

.dx-overlay-content .dx-popup-content {
    box-sizing: content-box;
    margin: 10px !important;
}

.dx-dropdowneditor-overlay  .dx-list-items .dx-list-item {
    background-color: #f2f2f2;
    border-radius: 10px;
    margin: 5px 0;
}
.dx-dropdowneditor-overlay .dx-list-items .dx-list-item:hover {
    background-color: #dbd8d8;
}
.dx-dropdowneditor-overlay .dx-list-items .dx-list-item-selected {
    background-color: #e4f1ff;
    font-weight: bold;
}
td {
    object-fit: cover
}

.dx-list-items dx-state-disabled.dx-item.dx-list-item, .dx-context-menu .dx-menu-item .dx-menu-item-content {
    cursor: default !important;
}
/*************گیرندگان نامه*/
#selectedItemsContainer thead tr th {
    text-align: center !important
}

#selectedItemsContainer thead {
    background-color: #ababab;
    text-align:center!important;
    font-weight:400;
}

#TabPageMain .dx-tab.dx-tab-selected {
    color: #ffffff;
    background: #328bd9;
    background: radial-gradient(circle, rgba(50, 139, 217, 0.7) 44%, rgba(30, 104, 214, 0.72) 100%);
    border-color: #0757ad;
    box-shadow: 0 3px 8px rgba(41, 128, 185, 0.5);
}


/*********content*/
.last-content{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between

}

/*اندازه آیکون های نامه جدید*/
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button {
    min-width: 25px;
}

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    height: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}



/*******بوردر های گرید*/

.dx-popup-wrapper > .dx-overlay-content {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
/*    border: 2.5px solid #ddd;*/
    transition: box-shadow 0.3s ease;
    box-sizing: border-box;
/*    padding-bottom: 25px;*/
    border: 2px solid #0b4f99f0;
    box-shadow: 0px 0px 0px -12px rgba(0,0,0,0.96) inset;
    -webkit-box-shadow: 0px 0px 0px -12px rgba(0,0,0,0.96) inset;
    -moz-box-shadow: 0px 0px 0px -12px rgba(0,0,0,0.96) inset;
    min-width: 300px;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    padding: 8px;
    overflow-y:scroll;
    padding-bottom:10px

}

/* محدوده اصلی منوی انتخاب ستون */
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    padding: 8px;
    overflow-y: auto; /* بهتر از scroll برای حذف اسکرول‌بار وقتی لازم نیست */
    max-height: 60vh; /* تا ارتفاع منو زیاد نشه */
}

    /* 🔹 استایل اسکرول در مرورگرهای مبتنی بر WebKit (Chrome, Edge, Safari) */
    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content::-webkit-scrollbar {
        width: 6px; /* ضخامت اسکرول‌بار */
    }

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content::-webkit-scrollbar-thumb {
        background-color: rgba(100, 100, 100, 0.4); /* رنگ قسمت متحرک */
        border-radius: 10px;
        transition: background-color 0.2s;
    }

        .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content::-webkit-scrollbar-thumb:hover {
            background-color: rgba(80, 80, 80, 0.6);
        }

    .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content::-webkit-scrollbar-track {
        background-color: transparent; /* پس‌زمینه مسیر اسکرول */
    }

/* 🔹 برای مرورگرهای جدیدتر (Firefox و بقیه) */
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 100, 100, 0.4) transparent;
}


/*بستن و بایگانی */
#btnCloseAndArchive {
    background-color: #cc393c;
    border-radius: 10px;
    height: 35px;
    padding: 2px 5px
}

    #btnCloseAndArchive:hover {
        background-color: #9e2c2f;
    }

    #btnCloseAndArchive .dx-icon {
        color: #ffffff !important;
    }

.dx-button-content {
    flex: 1 1 auto;
    height: 100%;
    max-height: 100%;
    display: inherit;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 0;
    gap: 5px !important;
}

.reply-card {
    position: relative;
    background: #d9d9d9;
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.5) 35%, rgba(237, 237, 237, 0.5) 100%);
    border: 1px solid #d1d5db;
    border-radius: 10px;
    padding: 15px 15px 15px 25px;
    margin-bottom: 18px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

    .reply-card .reply-header, p, span {
        font-family: "secondary-font", "primary-font", "segoe ui", "tahoma";
    }

    .reply-card .reply-children:nth-of-type(1) .reply-card {
        background: #b0c2d9;
        background: linear-gradient(270deg, rgba(176, 194, 217, 1) 11%, rgba(237, 237, 237, 1) 100%);
        border: 0.7px solid #dbdbdb
    }
    .dx-popup-content{
        padding:0 16px
    }




/*بخش فروش*/

.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs {
    border-bottom: 1px solid #e0e0e0;
    background-color: rgb(232, 240, 253);
}
.dx-tab-content {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

.dx-tabpanel .dx-tabpanel-tab {
    min-width: 72px;
    flex-basis: unset;
    flex-grow: 0;
    flex-shrink: 0;
    background-color: #ffffff!important  ;
    color: #0b6480!important;
    margin-left: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    margin-top:8px;
    transition:400ms!important
}

    .dx-tabpanel .dx-tabpanel-tab:hover {
        background: #5c97d1;
        background: radial-gradient(circle, rgba(92, 151, 209, 0.46) 0%, rgba(24, 97, 171, 0.43) 100%) !important;
        color: #0b6480!important;
    }

    .dx-tabpanel .dx-tabpanel-tab .active {
        background: #2379cf;
        background: radial-gradient(circle, rgba(35, 121, 207, 0.98) 0%, rgba(22, 93, 166, 0.97) 100%)!important;
        color: #0b6480 !important;
    }

.dx-tab.dx-tab-selected, .dx-tab.dx-tab-selected .dx-icon {
    background: #2379cf;
    background: radial-gradient(circle, rgba(35, 121, 207, 0.98) 0%, rgba(22, 93, 166, 0.97) 100%) !important;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    color: #ffffff !important;
}

.formContant {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 25px;
    border: 2px solid #052868a1 !important;
    transition: box-shadow 0.3s ease;
    margin-bottom: 8px;
    width: 100%;
}

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 0.5px solid rgba(97,119,160,0.7);
    border-top-width: 1px;
    border-top-style: solid;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 4px;
}


.dx-rtl .dx-texteditor-input {
    text-align: right;

}

.dx-rtl .dx-texteditor-input {
    text-align: right;
    border-radius:20px!important
}


.dx-texteditor.dx-editor-filled {
    background-color: rgba(195, 208, 247,0.4) !important;
    border-radius: 3% 3% 0% 0% / 21% 23% 0% 0%;
    padding: 2px 2px;
}
 
.dx-responsivebox .dx-collection{
    gap:8px
}

.dx-texteditor.dx-editor-filled::after {
    border-bottom: 1px solid #b8b8b8;
    width: 99%;
    margin: 0 auto;
}

.dx-datagrid-filter-panel {  /*رنگ بخش پایینی جدول ها*/
    padding: 18px 16px;
    background-color: #e8f0fd;
}
.dx-datagrid-headers.dx-header-multi-row
.dx-datagrid-content .dx-datagrid-table
.dx-row.dx-header-row > td {
    vertical-align: m !important;
}
.dx-pager, .dx-pagination {
    overflow: hidden;
    width: 100%;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    padding: 5px 11px;
    background-color: #e8f0fd !important;
}

.dx-last-data-cell .dx-tagbox.dx-editor-filled .dx-tag-container, .dx-tagbox.dx-editor-outlined .dx-tag-container {
    -webkit-padding-start: 16px;
    background-color:unset!important
}

.dx-last-data-cell .dx-texteditor-container {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
    background-color: #e8f0fd
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
    background-color: #fff;
    border: 2px solid #0b4f99f0;
}
.dx-last-data-cell .dx-texteditor.dx-editor-filled {
    background-color: unset!important;
    border-radius: 3% 3% 0% 0% / 21% 23% 0% 0%;
}

.dx-last-data-cell .dx-texteditor.dx-editor-filled {
 background-color: unset!important
}

.dx-last-data-cell .dx-tag-content .dx-tag-remove-button{
    display:none
}

.dx-last-data-cell .dx-tag-content span{
    text-align:center!important;
    margin:0 auto!important;
    padding-right:3px!important;
    padding:2px 5px
}

.dx-last-data-cell .dx-texteditor.dx-editor-filled::after {
    border-bottom: unset !important;
    width: 99%;
    margin: 0 auto;
}

.dx-last-data-cell .dx-tag-content {
    position: relative;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
     -webkit-padding-start: unset!important; 
     padding-inline-start: unset!important; 
     -webkit-padding-end: unset!important; 
     padding-inline-end: unset!important; 
    min-width: 40px;
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .6);
    border-radius: 2em;
}


@media (max-width: 790px) {
    #divDate {
        position: unset
    }
}

/*new css*/
.drawer .dx-drawer-content .with-footer .content .dx-card { /*حذف بک گراند های پایه تمامی گرید ها*/
    overflow: auto;
    box-shadow: unset !important;
    border-radius: 2px;
    background-color: unset !important;
    margin: 0!important;
}

.dx-row-lines .dx-texteditor.dx-editor-filled { /*حذف بک گراند های وضعیت مشتری در وضعیت مشتری*/
    background-color: unset !important;
}

.dx-row-lines .dx-texteditor-input-container .dx-tag-content > .dx-tag-remove-button {
    display: none
}

.dx-row-lines .dx-texteditor-input-container .dx-tag-content {
    text-align: center !important;
    margin: 0 auto !important;
    padding-right: 3px !important;
    padding: 2px 5px;
}






#devextreme52 .dx-toolbar .dx-toolbar-items-container {
    height: unset!important;
    overflow: visible;
}

#devextreme52 .dx-toolbar .dx-toolbar-items-container {
    height:unset!important;
    overflow: visible;
}



.toolbar .dx-toolbar .dx-toolbar-items-container {
    height: auto !important;
    min-height: 55px;
    align-self: center;
}


/*.dx-scheduler-header .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item, .dx-scheduler-header .dx-toolbar:not(.dx-toolbar-multiline) {
    height: auto !important;
    display: flex;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-items-container {
    height: auto !important;
    min-height: 50px !important;
}*/
.user-profile {
    align-self: center !important
}

    .user-profile .user-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #e0e0e0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        transition: all 0.3s ease;
        background-color: #fff;
        cursor: pointer;
    }
.dx-toolbar .dx-toolbar-items-container {
    height: 38px;
    overflow: visible
}


/*profile*/
.auth-form {
    margin: auto;
    width: 400px;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}


.brand-logo{
    display:flex;
    flex-flow:row wrap;
    justify-content:center
}

.site-logo {
    margin: 0 auto!important
}

.auth-form-title{
    margin-top:5px;
    margin-bottom:10px
}


#devextreme99 .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(0,0,0,0.3);
    padding: 2px 3px
}



.dashboard-card .card-title{
    text-align:center
}


/*button های ثبت و لغو*/
.dx-button.dx-button-default {
    background-color: #1d68b8 !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    transition: 300ms;
    color: #ffffff !important;
    border-radius: 5px;
    padding: 0 16px;
    cursor: pointer;
    border: 1px solid transparent;
}
.dx-button.dx-button-default:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    transform: translateY(-1px);
    background-color: #ffffff !important;
    border: 1px solid #1d68b8;
    color: #1d68b8 !important;
}
.dx-calendar-navigator .dx-button.dx-button-default {
    padding: 0;
    margin: 0 2px;
}
.dx-calendar-navigator .dx-button.dx-button-default * {
    color: #ffffff !important;
}
.dx-calendar-navigator .dx-button.dx-button-default:hover * {
    color: #1d68b8 !important;
}
.dx-calendar-body table {
    table-layout: auto !important;
}
.dx-button.dx-button-normal {
    background-color: #fff !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
    color: #000;
    border-radius: 5px;
    padding: 0 16px;
    cursor: pointer;
    transition: 300ms;
    border: 1px solid #fff;
}
    .dx-button.dx-button-normal.dx-button-has-text {
        padding: 0 16px !important;
        box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    }
    .dx-button.dx-button-normal.dx-button-has-icon, .dx-datagrid .dx-button.dx-button-normal.dx-button-has-icon, .dx-treelist-container .dx-button.dx-button-normal.dx-button-has-icon {
        padding: 3px !important;
/*        height: auto;*/
        background: none !important;
        background-color: none !important;
        border: 1px solid rgba(0,0,0,0);
    }
        .dx-button.dx-button-normal.dx-button-has-icon:not(.dx-button-has-text), .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button-has-icon.dx-button-has-text {
            height: auto !important;
        }
    .dx-datagrid .dx-button.dx-button-normal.dx-button-has-icon, .dx-treelist-container .dx-button.dx-button-normal.dx-button-has-icon {
        box-shadow: none;
    }
    .dx-button.dx-button-normal:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.5) !important;
        transform: translateY(-1px);
        background-color: #ffffff !important;
        border: 1px solid rgba(0,0,0,0.3);
    }
#devextreme0, #devextreme1 {
    border: 1.5px solid rgb(139 174 249 / 50%);
        border-radius:5px;
}


/*بوردر هدر*/
.dx-datagrid-header-panel {
    border-bottom: 1px solid #2e7fff;
    padding: 0 5px;
    background-color: #e8f0fd;
    border: 2px solid #CDD6E6;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.dx-datagrid-headers {
    background-color: #c6daf9 !important;
/*     border: 2px solid #6f8cbf; */
}


#devextreme27 .dx-icon-search:before {
    content: "\f027";
        color: white!important
}

/*جلسات رزرو شده کلید ثبت اعضای جلسه*/
.align-items-end .btn-primary{
    font-size:12px;
}

.dx-card {
    height: 100%;
    overflow: hidden;
    box-shadow: unset;
    border-radius: 2px;
    background-color: unset;
    margin: 0 !important;
} 

.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs {
    /* border-bottom: 1px solid rgb(224, 224, 224); */
    background-color: #F5F8FE !important;
}


#tabPanel .dx-tabs-expanded .dx-tabs-wrapper{
    position:sticky;
    top:0;
    padding-right:18px
}

ol, ul, dl {
    margin-top: 5px!important;
    margin-bottom: 1rem;
}

dx-toolbar ol, ul, dl {
    margin-top: unset!important;
    margin-bottom: 1rem;
}

.dx-toolbar .dx-toolbar-after {
    padding:0!important
}

.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
   vertical-align:middle
}

.dx-button.dx-button-danger {
    border-radius: 2px;
    background-color: #f44336 !important;
    border: 1px solid #f44336;
    color: #fff;
    border-radius: 5px;
    transition: 300ms;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
    .dx-button.dx-button-danger:hover {
        background-color: #fff !important;
        border: 1px solid #f44336;
        color: #f44336;
        box-shadow: 0 4px 8px rgba(0,0,0,0.5);
        transform: translateY(-1px);
        color: red !important;
    }
.cancel-button:hover .dx-button-content .dx-icon {
    color: red !important;
}
.dx-button .dx-icon {
    color: rgb(0 77 161 / 94%) !important;
}



/************/
.dock-wrapper {
    display: flex;
    flex-flow:row wrap;
    align-items: center;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
    padding: 7px;
    overflow: hidden;
}

.dock-scroll {
    overflow-x: auto;
    white-space: nowrap;
    gap: 8px;
    scroll-behavior: smooth;
}

.dock-scroll {
    white-space: nowrap;
    overflow-x: hidden!important; /* هیچ اسکرولی نشون داده نشه */
    gap: 8px;
}

.dock-item {
    display: inline-flex;
    padding: 6px 10px;
    background: #eee;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    font-size: 14px;
    gap:5px
}

    .dock-item .close {
        margin-right: 6px;
        color: #a00;
        cursor: pointer;
    }

.dock-arrow {
    cursor: pointer;
    padding: 0 10px;
    font-size: 20px;
    user-select: none;
    color: #666;
    user-select: none;
    flex-shrink: 0;
}


    .dock-arrow:hover {
        color: #000;
    }

#dock-left {
    position: absolute;
    left:1px !important;
    color: #38445e;
    margin-left: 0;
}

#dock-right {
    position: absolute;
    right: 1px !important;
    color: #38445e;
}

#dock-wrapper .dock-item .close{
    color:#fff!important
}
/*
#dock{
    width:100%;
    margin:0 auto;
    padding-bottom:5px;
}*/

.scroll-container {
    overflow-x: auto;
    scrollbar-width: thin; /* Firefox: خط نازک */
    scrollbar-color: #aaa transparent; /* رنگ خط اسکرول */
}
.fa-comment-dots {
    color: orange !important
}

.fa-envelope {
    color: red !important
}

.appt-line {
    font-family: "primary-font", "segoe ui", "tahoma" !important
}



/*button های میز کار فروش*/
#crumbs .dx-button-mode-contained{
    box-shadow: 0 1px 3px rgba(0, 0, 0, .24);
    background-color: #ECF3FE;
    color: #1F66AF;
    border: 1px solid #D0DEFB;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-right: 8px
}

    #crumbs .dx-button-mode-contained:hover {
        background-color: #E4EDFE;
        border-color: #B9CDF9
    }

    #crumbs .dx-button-mode-contained:active {
        background-color: #D8E6FE;
        border-color: #A9C2F7
    }

    #crumbs .dx-button-mode-contained:focus {
        outline: none;
        box-shadow: 0 0 0 2px rgba(31,102,175,0.25)
    }




/* 🎯 کانتینر کلی نوار */
#shortcutContainer {
    width: 100%;
/*    background: #fff;*/
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}


    /* ✅ اسکرول بار ظریف برای کروم/سافاری */
    #crumbs::-webkit-scrollbar {
        height: 6px;
    }

    #crumbs::-webkit-scrollbar-thumb {
/*        background-color: #bbb;*/
        border-radius: 3px;
    }

    #crumbs::-webkit-scrollbar-track {
/*        background: transparent;*/
    }

/* 📱 در موبایل فقط padding کمتر بشه */
@media (max-width: 1010px) {
    #shortcutContainer {
        padding: 6px 8px;
    }
}







/* 📱 در موبایل — تعداد محدودتر دکمه */
/*@media (max-width: 900px) {
    #visibleShortcuts > :nth-child(n+4) {
        display: none;
    }

    #mobileMenuButton {
        display: inline-flex !important;
    }
}

@media (max-width: 600px) {
    #visibleShortcuts > :nth-child(n+3) {
        display: none;
    }
}

@media (max-width: 450px) {
    #visibleShortcuts > :nth-child(n+2) {
        display: none;
    }
}


#mobileMenuButton{
    margin-right:8px
}*/


/* 🎯 کانتینر کلی نوار */
#shortcutContainer {
    width: 100%;
/*    background: #fff;*/
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

/* 🎯 دکمه‌ها داخل نوار */
#crumbs {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: thin;
    padding-bottom: 0px;
}

    /* 🚫 دکمه‌ها حق کوچک شدن ندارن */
    #crumbs > * {
        flex: 0 0 auto !important; /* ✅ یعنی grow=0, shrink=0 */
        min-width: max-content; /* ✅ همیشه عرض متن حفظ میشه */
    }

    /* ✅ اسکرول‌بار ظریف برای کروم و سافاری */
    #crumbs::-webkit-scrollbar {
        height: 6px;
    }

    #crumbs::-webkit-scrollbar-thumb {
        background-color: #bbb;
        border-radius: 3px;
    }

    #crumbs::-webkit-scrollbar-track {
        background: transparent;
    }

/* 📱 در موبایل فقط padding کمتر بشه */
@media (max-width: 1010px) {
    #shortcutContainer {
        padding: 6px 8px;
    }
}



/* ظاهر منو */
#mobileMenuList {
    position: absolute;
    top: 40px; /* فاصله از دکمه */
    right: 10px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px;
    z-index: 1000;
}

.hidden {
    display: none !important;
}

#mobileMenuContainer{
    justify-content:flex-start
}



/*mobile menu */
/* تضمین اینکه پانل در بالاترین لایه قرار بگیره و ثابت باشه */
.dx-drawer .dx-drawer-panel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important; /* در صورت position: right */
    left: auto !important;
    height: 100vh !important;
    width: var(--drawer-width, 300px) !important; /* تنظیم عرض دلخواه */
    z-index: 12000 !important; /* بالاتر از محتوای صفحه ولی زیر overlay body::after */
    transform: translateX(100%); /* پیش‌فرض پنهان (از سمت راست) */
    transition: transform 280ms ease;
    box-shadow: -6px 0 18px rgba(0,0,0,0.18);
    background-color: #fff !important;
    will-change: transform;
    pointer-events: auto;
}

/* وقتی کلاس drawer-open روی body هست پنل نمایش داده میشه */
body.drawer-open .dx-drawer .dx-drawer-panel {
    transform: translateX(0);
}

/* محتوای صفحه همیشه زیر پنل باشه (تا تغییر لایه نده) */
.dx-drawer .dx-drawer-content {
    position: relative;
    z-index: 1;
}

/* overlay نیمه شفاف پشت منو (زیر خود Drawer) */
body.drawer-open::after {
    content: "";
    position: fixed;
    inset: 0; /* top:0; right:0; bottom:0; left:0; */
    background: rgba(0,0,0,0.36);
    z-index: 11999; /* کمتر از dx-drawer-panel (12000) */
    pointer-events: auto; /* کلیک روی overlay ممکنه برای بستن استفاده بشه */
    transition: opacity 200ms ease;
    opacity: 1;
}

/* وقتی منو بسته است، مطمئن شو overlay مخفیه */
body:not(.drawer-open)::after {
    opacity: 0;
    pointer-events: none;
}

/* اگر لازم باشه در حالت دسکتاپ رفتار متفاوت باشه */
@media (min-width: 768px) {
    /* مطمئن شو در دسکتاپ حالت shrink بدون interference باشه */
    .dx-drawer .dx-drawer-panel {
        position: relative !important;
        transform: none !important;
        z-index: auto !important;
        box-shadow: none !important;
        width: auto !important;
        height: auto !important;
    }

    body.drawer-open::after {
        display: none;
    }
}



/* فعال کردن اسکرول داخل ColumnChooser */
.dx-datagrid-column-chooser .dx-popup-content {
    overflow-y: auto !important;
    max-height: 70vh; /* محدودیت ارتفاع برای ایجاد اسکرول */
    -webkit-overflow-scrolling: touch; /* برای موبایل */
    touch-action: pan-y !important; /* تاچ و اسکرول آزاد */
    padding: 8px;
    display: flex;
    flex-direction: column;
}
.datagrid-column-chooser .dx-datagrid-column-chooser-list .dx-scrollable {
    height: auto !important;
}

#btnGoBack .dx-icon {
    color: #32496e !important; /* طوسی شیک */
    font-size: 22px;
    z-index:10000
}

.changes-line{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between
}

#bazgasht {
    text-align: left;
    border: 1.5px solid #b8c9e6;
    border-radius: 5px !important;
}

    #bazgasht:hover {
        background-color: #939cab;
        transition: 300ms;
    }

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-inline-start: 50px;
    padding-inline-end: 0px;
}

.dx-cardview-headerpanel-content--with-header-items {
    margin: 0 5px 0 3px;
    padding-right:10px
}


dx-texteditor-input {
    padding: unset!important;
}

.dx-radiogroup {
    border-radius: 8px;
    padding: 0px 5px;
    border: 0.5px solid #bfbfbf;
}

.dx-searchbox.dx-editor-filled .dx-icon-search, .dx-searchbox.dx-editor-outlined .dx-icon-search {
    position: absolute;
    top: 50% 21.5px;
    margin-top: -23px;
    width: 46px;
    height: 46px;
    background-position: 12px 12px;
    background-size: 22px 22px;
    padding-top: 12px;
    font-size: 22px;
    text-align: center;
    line-height: 22px;
    padding-inline-start: 5px;
    padding-inline-end: 8px;
}

.dx-tab {
    gap: 4px;
    background-color: #fff;
    color: rgba(0, 0, 0, .54);
}


/*@media (max-width: 790px) {*/
    /*اتوماسیون*/
    /*#devextreme50 {
        border-radius: 5px;
        color: rgba(32, 135, 38, 1) !important;
        border: 0.8px solid rgba(32, 135, 38, 1) !important;
        background-color: white !important;
        transition: 300ms;
    }

        #devextreme50:hover {
            background: #468f36;
            background: linear-gradient(90deg, rgba(70, 143, 54, 1) 23%, rgba(32, 135, 38, 1) 93%);
            color: #ffffff !important;
        }
}*/


.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget {
    opacity: 0.7 !important;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: default;
}

.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
    color: #000000;
}
.dx-texteditor.dx-editor-filled.dx-state-disabled, .dx-texteditor.dx-editor-filled.dx-state-readonly, .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
    background-color: rgba(153, 169, 186,0.5) !important;
}

/*کارتابل جاری*/
.task-title {
    padding: 3px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-block;
    color: #0d2b4a;
    background: #6388e0;
    background: linear-gradient(273deg, rgba(99, 136, 224, 0.48) 35%, rgba(72, 144, 232, 0.45) 100%);
    margin-right: 15px;
}

#MyTask {
    border: 0.5px solid rgba(59, 121, 184,0.5);
    border-top-left-radius:5px!important
}

    #MyTask .dx-datagrid-search-panel {
        margin: 10px;
        border-radius: 4px;
        margin: 5px;
    }

    #MyTask .dx-texteditor.dx-editor-filled {
        border-right: 0.5px solid rgba(59, 121, 184,0.5);
        border-bottom: 0.5px solid rgba(59, 121, 184,0.5);
        border-radius: 0;
        border-top-left-radius: 5px !important;
        background: #ffffff;
        border-radius: 10px;
/*        padding: 3px 5px;*/
        margin: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.06);
    }

    #MyTask .dx-cardview-header-item-container .dx-cardview-header-item {
        background-color: rgba(59, 121, 184, 0.08);
        border: 1px solid rgba(59, 121, 184, 0.25);
        border-radius: 8px;
        transition: all 0.2s ease;
    }

    /* حالت هاور */
        #MyTask .dx-cardview-header-item-container .dx-cardview-header-item:hover {
            background-color: rgba(59, 121, 184, 0.15);
            border-color: rgba(59, 121, 184, 0.4);
        }

    /* حالت کلیک */
        #MyTask .dx-cardview-header-item-container .dx-cardview-header-item:active {
            background-color: rgba(59, 121, 184, 0.25);
        }


    #GrantTask {
        border: 0.5px solid rgba(59, 121, 184,0.5);
        border-top-left-radius: 5px !important
    }

    #GrantTask .dx-datagrid-search-panel {
        margin: 10px;
        border-radius: 4px;
        margin: 5px;
    }

    #GrantTask .dx-texteditor.dx-editor-filled {
        border-right: 0.5px solid rgba(59, 121, 184,0.5);
        border-bottom: 0.5px solid rgba(59, 121, 184,0.5);
        border-radius: 0;
        border-top-left-radius: 5px !important;
        background: #ffffff;
        border-radius: 10px;
/*        padding: 3px 5px;*/
        margin: 5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.06);
    }

        #GrantTask .dx-cardview-header-item-container .dx-cardview-header-item {
            background-color: rgba(59, 121, 184, 0.08);
            border: 1px solid rgba(59, 121, 184, 0.25);
            border-radius: 8px;
            transition: all 0.2s ease;
        }

    /* حالت هاور */
            #GrantTask .dx-cardview-header-item-container .dx-cardview-header-item:hover {
                background-color: rgba(59, 121, 184, 0.15);
                border-color: rgba(59, 121, 184, 0.4);
            }

    /* حالت کلیک */
            #GrantTask .dx-cardview-header-item-container .dx-cardview-header-item:active {
                background-color: rgba(59, 121, 184, 0.25);
            }
             


#StartTask {
    border: 0.5px solid rgba(59, 121, 184,0.5);
    border-top-left-radius: 5px !important
}

#StartTask .dx-datagrid-search-panel {
    margin: 10px;
    border-radius: 4px;
    margin: 5px;
}

#StartTask .dx-texteditor.dx-editor-filled {
    border-right: 0.5px solid rgba(59, 121, 184,0.5);
    border-bottom: 0.5px solid rgba(59, 121, 184,0.5);
    border-radius: 0;
    border-top-left-radius: 5px !important;
    background: #ffffff;
    border-radius: 10px;
    padding: 3px 5px;
    margin: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.06);
}

#StartTask .dx-cardview-header-item-container .dx-cardview-header-item {
    background-color: rgba(59, 121, 184, 0.08);
    border: 1px solid rgba(59, 121, 184, 0.25);
    border-radius: 8px;
    transition: all 0.2s ease;
}

    /* حالت هاور */
    #StartTask .dx-cardview-header-item-container .dx-cardview-header-item:hover {
        background-color: rgba(59, 121, 184, 0.15);
        border-color: rgba(59, 121, 184, 0.4);
    }

    /* حالت کلیک */
    #StartTask .dx-cardview-header-item-container .dx-cardview-header-item:active {
        background-color: rgba(59, 121, 184, 0.25);
    }


/*new*/
/*.dx-popup-fullscreen .dx-popup-content {
    height: calc(100vh - 110px) !important;
    overflow-y: auto;
}*/

.dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
    float: none !important;
}

.toolbar-button-container .dx-button-text{
    display:none;
}
.dx-toolbar-menu-section .dx-button-text {
    display: block;
}
.toolbar-button-container.:has() {
    min-width: 0 !important;
    border-radius: 50% !important;
}
.dx-button-content:has(.dx-button-text[style*="display: none"]) {
    padding-block: 5px !important;
    padding-inline-start: 5px !important;
    padding-inline-end: 5px !important;
}
.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    border-left: 0;
    border-right: 1px solid #e0e0e0;
    text-align: center;
}



/*grid style*/
#ToDateDiv{
    margin-bottom:25px!important
}


#pivotToolbar {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top:10px
}

.dx-pivotgrid {
    width: 100%;
    margin-bottom: 15px;
    border-left: 0.3px solid rgba(77, 145, 255,0.5);
    border-right: 0.3px solid rgba(77, 145, 255,0.5);
    border-radius: 5px
}

    .dx-pivotgrid .dx-pivotgrid-container .dx-area-description-cell {
        background-color: rgba(215, 228, 250,0.5);
        /*        border-top: 0.5px solid rgba(77, 145, 255,0.5) !important;*/
        text-align: center;
    }


    .dx-pivotgrid .dx-pivotgrid-container .dx-area-column-cell {
        background-color: rgb(207,224,250);
        border-bottom: 0.5px solid rgba(77, 145, 255,0.5) !important;
    }


    .dx-pivotgrid .dx-pivotgrid-container .dx-bottom-row .dx-area-row-cell {
        background-color: rgb(207,224,250);
    }

        .dx-pivotgrid .dx-pivotgrid-container .dx-bottom-row .dx-area-row-cell td {
            text-align: center
        }

        .dx-pivotgrid .dx-pivotgrid-container .dx-bottom-row .dx-area-row-cell .dx-pivotgrid-vertical-headers tr {
            border-bottom: 0.5px solid rgba(77, 145, 255,0.5) !important;
            border-left: 0.5px solid rgba(77, 145, 255,0.5) !important
        }


    .dx-pivotgrid .dx-pivotgrid-container .dx-bottom-row .dx-area-data-cell {
        background-color: rgba(255, 196, 138,0.2);
    }

    .dx-pivotgrid .dx-pivotgrid-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total {
        color: rgba(0, 0, 0, .87);
        background-color: rgba(41, 94, 150,0.3) !important;
    }


    .dx-pivotgrid .dx-pivotgrid-container.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total, .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        background-color: rgb(255, 196, 138) !important;
    }


    /*بوردر های افقی*/
    .dx-pivotgrid .dx-pivotgrid-container .dx-word-wrap td {
        border-bottom: 0.5px solid rgba(77, 145, 255,0.3)
    }


    .dx-pivotgrid .dx-pivotgrid-container .dx-pivotgrid-vertical-headers .dx-pivotgrid-expanded {
        border-left: 0.5px solid rgba(77, 145, 255,0.5)
    }

    #chart{
        margin-bottom:10px;
        margin-top:10px;
        width:98%
    }





.dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-total{
    background-color: rgba(221, 221, 221, .5);

}
/*.dx-scrollable-container {
    overflow: auto !important;
}*/
.dx-button.dx-button-normal.Gridtitle {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
    cursor:default;
}