nav#menu { background-color: #1074b4; }
header, div#content, .background { background-color: #f1f2f2; }
header .mdi { color: white!important; }

.box > div:not(:last-of-type) { border-bottom: 1px solid #f1f2f2; }

.hd-str-center { text-align: center; }
.hd-str-highlight { color: #de5b5b; }
.hd-str-disabled { color: #CBCBCB; }
.hd-summary-row { background-color: #fafafa; }
.hd-state-success { background-color: #8bc34a; color: #ffffff; }
.hd-state-warning { background-color: #ffc107; color: #ffffff; }
.hd-state-disabled { background-color: rgba(0, 0, 0, 0.04); }
.hd-state-text-success { color: #8bc34a; }
.hd-state-text-warning { color: #ffc107; }
.hd-state-text-disabled { color: rgba(0, 0, 0, 0.3); }
.hd-status-color-1 { color: #2E86C1; }
.hd-status-color-2 { color: #FFA000/*#F39C12*/; }
.hd-status-color-3 { color: #27AE60; }
.hd-status-color-4 { color: #E74C3C; }
.hd-status-color-5 { color: #ABB2B9; }
.hd-status-1 { background-color: #2E86C1; color: white; }
.hd-status-2 { background-color: #FFA000/*#F39C12*/; color: white; }
.hd-status-3 { background-color: #27AE60; color: white; }
.hd-status-4 { background-color: #E74C3C; color: white; }
.hd-status-5 { background-color: #ABB2B9; color: white; }
.hd-state { border-radius: 10px; padding: 2px 10px; }

/*** Devextreme */
.dx-field-item-required-mark, .required { color: #ea4444; }
.dx-data-row.disabled,
.dx-data-row.disabled:hover,
.dx-data-row.disabled td,
.dx-data-row.disabled:hover td { color: dimgray !important; font-style: italic; }
.dx-list-item { border-top-width: 1px; }
.dx-list-item-selected:not(.dx-state-hover) a,
.dx-list-item-selected:not(.dx-state-hover) .dx-item-content div {  }