/* Datagrid
-------------------------------------------------- */

.dx-header-row {
    background-color: #f5f5f5;
}

.dx-datagrid-filter-row {
    background-color: #f5f5f5;
}

.dx-datagrid-total-footer {
    background-color: #f5f5f5;
}

.dx-datagrid-headers .dx-datagrid-table .dx-datagrid-filter-row > td {
    border-bottom: 3px solid #b4b6bf;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td{
    font-size: 14px;
}

.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty), .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
    background-color: #00aaa7;
    color: white;
}

.dx-datagrid .wrapped-column {
    white-space: normal;
    word-wrap: break-word;
}

.dx-datagrid .dx-command-select.dx-editor-cell {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.dx-datagrid .row-max-150 {
    max-height: 150px;
    overflow-y: auto !important;
    /*display: block;*/
}

.dx-floating-header-panel .dx-datagrid .dx-datagrid-header-panel {
    position: absolute;
    right: -2px;
    top: -8px;
    z-index: 1;
    background: initial;
}

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: inline-block !important;
}

/* Form
-------------------------------------------------- */
.dx-form .dx-item.dx-box-item {
    line-height: 1.5;
}

dx-form .dx-layout-manager .dx-field-item {
    /*should fix the label styling issue with dx-forms, however, devextreme is calculating a label width, which doesn't work with a different font-size.*/
    /*font-size: initial;*/
}

.dx-form .dx-layout-manager .dx-field-item-label-text {
    color: var(--au-color-grey-plus9) !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: 20px;
}

.dx-form .dx-layout-manager .dx-field-item {
    padding-top: 0;
    padding-bottom: 0;
}

.dx-selectbox-popup-wrapper .is-insert-item {
    color: #0A7396;
}

.dx-selectbox-popup-wrapper .is-insert-item .info {
    font-weight: bold;
}

.dx-lookup.dx-editor-underlined .dx-lookup-field {
    padding-left: 6px;
}

.dx-texteditor-input-container.dx-tag-container {
    display: -webkit-box;
}
/* Dx Slider
-------------------------------------------------- */
.dx-slider-tooltip-position-top {
    padding-top: 0;
}
/* Material design icons
-------------------------------------------------- */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('../fonts/MaterialIcons-Regular.woff2') format('woff2'), url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

/*Unicode https://github.com/Angelmmiguel/material_icons/blob/master/app/assets/stylesheets/material_icons.css.erb */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.dx-link-icon
.dx-command-edit .dx-command-edit-with-icons .dx-link, .dx-command-edit .dx-command-edit-with-icons .dx-link:before,
.dx-toolbar-button .dx-button .dx-icon:not(.dx-icon-export-excel-button):before, /*:not(.dx-icon-export-excel-button),*/
.dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon-filter-operation-default:before,
.dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default:before,
.dx-link-icon:before {
    display: inline-block !important;
    font-family: "Material Icons" !important;
    /* commenting and splitting in multple parts, see: https://github.com/angular/angular-cli/issues/11679#issuecomment-409727121 */
    /* font: normal normal normal 24px/1 "Material Design Icons"!important; */
    font-size: inherit !important;
    text-rendering: auto !important;
    line-height: inherit !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}


.dx-icon-zoom-in,
.dx-icon-zoom-out {
    /*$icons not known in devextreme*/
    font: 14px/1 DXIcons;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-icon-edit:before {
    content: "\e3c9" !important;
}

.dx-icon-trash:before {
    content: "\e872" !important;
}

.dx-icon-save:before,
.dx-icon-edit-button-save::before {
    content: "\e161" !important;
}

.dx-icon-revert:before,
.dx-icon-edit-button-cancel::before {
    content: "\e166" !important;
}

.dx-icon-filter-operation-default:before {
    content: "\e8b6" !important;
}

.dx-icon-edit-button-addrow:before {
    content: "\e145" !important;
}

.dx-icon-list:before {
    content: "\e896" !important;
}

.dx-icon-search:before {
    content: "\e8b6" !important;
}

.dx-icon-print:before {
    content: "\e8ad" !important;
}

.dx-icon-doc:before {
    content: "\e873" !important;
}

.dx-icon-filter:before {
    content: "\e152" !important
}

.dx-icon-qrcode:before {
    content: "\e00a" !important;
}

.dx-icon-close:before {
    content: "\e5cd" !important;
}

.dx-icon-reopen:before {
    content: "\e040" !important;
}

.dx-icon-map:before {
    content: "\f00f" !important;
}

.dx-icon-createorder:before {
    content: "\ef5f" !important;
}

.dx-icon-globe:before {
    content: "\e80b" !important;
}

.dx-icon-locate:before {
    content: "\e762" !important;
}

.dx-icon-zoom-in:before {
    content: "\e8ff" !important;
}

.dx-icon-zoom-out:before {
    content: "\e900" !important;
}

.dx-icon-upload:before {
    content: "\e2c6" !important;
}

.dx-icon-download:before {
    content: "\e2c4" !important;
}

.dx-icon-paper-map:before {
    content: "\e55b" !important;
}

.dx-icon-chevrondown:before {
    content: "\e5cf" !important;
}

.dx-icon-chevronup:before {
    content: "\e5ce" !important;
}


.dx-icon-signature:before {
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    content: "\f5b7" !important;
}