/* DEVEXPRESS CUSTOM CSS GENERAL*/
.dx-widget, .dx-datagrid, .dx-scheduler, .dx-scheduler-header-panel, .dx-field, .dx-overlay-wrapper, label, .dx-calendar-cell {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto';
}
.dx-field-item-label-text {
    color: #656565;
}
.dx-theme-generic-typography h3 {
    font-size: 20px;
}
.dx-viewport {
    background-color: var(--override-background-color-darker);
}
.dx-overlay-shader {
    background-color: rgba(128,128,128,.5);
}
/* DEVEXPRESS DATA GRID */
.dx-datagrid  {
    background-color: var(--override-background-color-darker);
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link {
    width: 28px;
    height: 28px;
    background-position: 0 0;
    background-size: 24px 24px;
    background-color: #eaeef0;
    padding: 0;
    padding-top: 2px;
    text-align: center;
    line-height: 24px;
    margin: 0 2px;
    vertical-align: middle;
    border-style:none;
    border-radius: 3px;
    font-size: 14px;
    color: #3d464d;
}
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-size: 22px 22px;
    background-color: var(--override-background-color-dark);
    padding: 0;
    padding-top: 2px;
    text-align: center;
    line-height: 18px;
    margin: 0 2px;
    vertical-align: middle;
    border-style:none;
    border-radius: 3px;
    font-size: 13px;
    color: var(--override-text-color);
}
.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}
.dx-field-item-required-mark {
    color: var(--override-accent-color);
}
/* DEVEXPRESS TOOLBAR */
.dx-toolbar {
    background-color:transparent;
}

/* DEVEXPRESS FENETRE POPUP */
.dx-popup-title.dx-toolbar {
    background-color: var(--override-accent-color);
    color: var(--override-background-color-darker);
}
.dx-popup-title .dx-closebutton .dx-icon {
    color: var(--override-background-color-dark);
}
.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 16px;
}
.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 6px;
    background-color: var(--container-background-div-color);
}

/* DEVEXPRESS BUTTONS */
.dx-button {
    font-weight: 500;
    font-family: 'Roboto';
}
  
/* DEVEXPRESS EDITORS */
.dx-texteditor-input {
    font-weight: 600;
}
.dx-field-value-static {
    font-weight: 600;
}
.dx-field-item-label-text {
    font-weight: 400;
}
.dx-texteditor.dx-state-readonly {
    border-color: #bbb;
}
/* GANTT */
.dx-gantt .dx-gantt-view {
    background-color: transparent;
}
.dx-gantt .dx-gantt-header {
    background-color: var(--container-background-div-color) !important;
}

/* TABPANEL */
.dx-tabpanel-container {
    background-color: var(--container-background-div-color);
}

/* LIST */
.dx-list .dx-empty-message {
    border-top: none
}
/* CHAT */
#dx-chat .dx-list-item {
    border: none;
}
#dx-chat.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
    background-color: transparent;
}
.dx-datagrid .dx-row > td {
    padding: 5px;
}
.dx-texteditor-input {
    min-height: 30px;
}
.dx-datagrid-rowsview .dx-texteditor-input {
    padding: 5px;
    min-height: 28px;
}
.dx-datagrid-headers {
    font-weight: 500;
}
#dx-menu .dx-menu-item-content {
    padding: 16px 5px 16px 5px;
}
.dx-menu-base .dx-menu-item-content {
    padding: 12px 5px 12px;
}

/* MENU DXMENU CUSTOM */

.container-menu {
    height: 100%;
    min-width: 180px;
    background-color: white;
}
.dx-drawer-shrink .dx-drawer-panel-content {
    box-shadow: 8px 21px 14px -11px rgba(0,0,0,0.1);
    -webkit-box-shadow: 8px 21px 14px -11px rgba(0,0,0,0.19);
}
.dx-menu-item {
    font-weight:500;
    font-size: 14px;
}
.dx-menu-item a {
    color: #383839;
    text-decoration: none;
    font-weight:500;
    font-size: 14px;
}
.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    font-weight: 500;
}
.dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
    font-weight: 400;
    background-color: #eee;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-size: 22px 22px;
    padding: 0;
    line-height: 18px;
    margin: 0 2px;
    vertical-align: middle;
    padding-top: 3px;
    border-radius: 8px;
    font-size: 13px;
    color: #556572;
}
.dx-context-menu .dx-submenu {
    box-shadow: none;
    background-color: #fff;
    border-color: #bbb;
    border-width: 1px;
    border-style: solid;
}
.dx-context-menu-content-delimiter::before {
    background-color: #0e8bc1;
}
.dx-context-menu-content-delimiter {
    border: none;
}
.dx-context-menu-container-border {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.dx-menu-base .dx-menu-items-container {
    min-width: 180px;
}
.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
    color: #252525
}
#dx-toggle-menu {
    position: absolute;
    color: white;
    z-index: 99999;
    top: 10px;
    left: 6px;
}
.menu-avatar {
    border-radius:50%;
    width:72px;
    height: auto;
    border-style:solid;
    border-width:4px;
    border-color: #f1f1f2;
    display: block;
    margin: auto;
    box-shadow: 8px 21px 14px -11px rgba(0,0,0,0.1);
    -webkit-box-shadow: 8px 21px 14px -11px rgba(0,0,0,0.19);
}
.dx-loadindicator {
    width: 80px;
    height: 80px;
}

/* CSS APPLICATION LAFLEUR */

label {
    font-weight:500 !important;
    font-size: 13px !important;
}