/* POPUP STYLING */
.dx-overlay-shader {
    pointer-events: auto;
    background-color: rgba(10,10,10,.5);
}

.dx-popup-title {
    border-bottom: none;
}

.dx-popup-wrapper > .dx-overlay-content {
    background: url(../../images/scatter.png), radial-gradient(ellipse at top, #434344 0%, #2C2C2C 100%, transparent);
}

/* CONTROL STYLING */
.dx-datagrid {
    background-color: transparent;
}

.dx-toolbar {
    background-color: transparent;
}

.dx-button-mode-contained .dx-icon {
    color: #FEFEFE;
}

.dx-field-item-label-location-top {
    display: block;
    text-align: left;
    padding: 5px;
}

/* GOOGLE MATERIAL ICONS FOR DX */
/* Customize icons for navbar*/
.dx-icon.material-icons.table_chart:before {
    content: "table_chart";
}

.dx-icon.material-icons.equalizer:before {
    content: "equalizer";
}

.dx-icon.material-icons.vertical_align_center:before {
    content: "vertical_align_center";
}

.dx-icon.material-icons.add_to_photos:before {
    content: "add_to_photos";
}

.dx-icon.material-icons.more_horiz:before {
    content: "more_horiz";
}

.dx-icon.material-icons.functions:before {
    content: "functions";
}

.dx-icon.material-icons.check:before {
    content: "check";
}

.dx-icon.material-icons.add:before {
    content: "add";
}

.dx-icon.material-icons.home:before {
    content: "home";
}

.dx-icon.material-icons.arrow_left:before {
    content: "arrow_left";
}

.dx-icon.material-icons.arrow_right:before {
    content: "arrow_right";
}

.dx-icon.material-icons.arrow_upward:before {
    content: "arrow_upward";
}

.dx-icon.material-icons.arrow_downward:before {
    content: "arrow_downward";
}

.dx-icon.material-icons.videocam:before {
    content: "videocam";
}

.dx-icon.material-icons.account_circle:before {
    content: "account_circle";
}

.dx-icon.material-icons.warning:before {
    content: "warning";
}

.dx-icon.material-icons.info:before {
    content: "info";
}

.dx-icon.material-icons.format_paint:before {
    content: "format_paint";
}

.dx-icon.material-icons.file:before {
    content: "insert_drive_file";
}

.dx-icon.material-icons.directory:before {
    content: "folder";
}

.dx-icon.material-icons.link:before {
    content: "link";
}

.dx-icon.material-icons.sd_storage:before {
    content: "sd_storage";
}

.dx-icon.material-icons.cloud_download:before {
    content: "cloud_download";
}

.dx-icon.material-icons.cloud_upload:before {
    content: "cloud_upload";
}

.dx-icon.material-icons.cancel:before {
    content: "cancel";
}

.dx-icon.material-icons.pending:before {
    content: "pending";
}

.dx-icon.material-icons.file_upload:before {
    content: "file_upload";
}

.dx-icon.material-icons.file_download:before {
    content: "file_download";
}

.dx-icon.material-icons.sync:before {
    content: "sync";
}

.dx-icon.material-icons.settings:before {
    content: "settings";
}

.dx-icon.material-icons.edit:before {
    content: "edit";
}

.dx-tab-text {
    font-size: 14px;
    font-weight: 500;
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-cell-modified::after,
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-datagrid-invalid::after {
    /*background-color: #343434;*/
    border: 2px solid #00bb7e;
    background-color: #a52a2a6e;
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused.dx-cell-modified::after,
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused.dx-datagrid-invalid::after {
    border: 2px solid #00bb7e;
    /*background-color: transparent;*/
    background-color: #a52a2a6e;
}

.dx-datagrid .dx-error-row .dx-error-message {
    background-color: #771818; 
    text-align: left;
}

.dx-treeview-node-container.dx-treeview-node-container-opened {
    text-align: left;
}

.dx-toast-message {
    white-space: pre-line;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}

.dx-tab .dx-tab-text .dx-tab-text-span-pseudo {
    display: none;
}

.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #00bb7e;
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: #dedede;
    background-color: #00bb7e;
}

.dx-treeview-item-without-checkbox.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
    background-color: #00bb7e;
    color: #fcfcfc;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #00bb7e;
    color: #fcfcfc;
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid #4d4d4d;
}

.dx-button.dx-actionsheet-cancel {
    background-color: #00bb7e;
}

.dx-invalid-message > .dx-overlay-content {
    color: #dedede;
}

.dx-texteditor.dx-state-focused .dx-texteditor-label {
    color: #009463;
}

.dx-popup-content {
    padding: 10px 20px 10px 20px;
}

    .dx-popup-content .dx-popup-content-scrollable {
        height: 90%;
    }

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
    border-bottom: 1px solid #484848;
}

.dx-toast-message {
    white-space: pre-line;
}

.dx-field-item-label-text {
    color: #efefef;
}

.dx-texteditor-label {
    color: #BBBBBB;
}

.dx-toolbar-label .dx-toolbar-item-content > div {
    overflow: visible !important;
    text-overflow: ellipsis;
    white-space: normal !important;
}

.dx-actionsheet-popover-wrapper .dx-popup-content .dx-button,
.dx-actionsheet-popup-wrapper .dx-popup-content .dx-button {
    font-weight: 400;
}

.dx-actionsheet-container {
    display: flex;
    flex-direction: column;
    max-height: 80vh !important;
}

.dx-popup-content {
    max-height: 70vh;
}

.dx-actionsheet-container .dx-scrollview-content {
    max-height: 55vh;
    overflow-y: auto;
}

.dark-mode .dx-datagrid-group-closed {
    color: aliceblue;
}

.dx-datagrid-group-opened {
    color: aliceblue;
}

.dx-datagrid-headers {
    color: #e1e1e1;
}