/*
    dxForm items
*/
.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 5px;
}

.vascoHeight0 {
    height: 0;
}

.vascoGroup {
    background-color: #efefef;
    padding: 5px;
}

    .vascoGroup:not(.dx-first-row) {
        margin-top: 15px;
    }

.vascoGroupNoCaption {
    background-color: #efefef;
    padding: 5px;
    padding-top: 10px;
}

    .vascoGroupNoCaption:not(.dx-first-row) {
        margin-top: 15px;
    }

.dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item.vascoGroup {
    padding: 5px;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item.vascoGroupNoCaption {
    padding: 5px;
    padding-top: 10px;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-field-item.vascoGroup {
    padding-top: 5px;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-field-item.vascoGroupNoCaption {
    padding-top: 5px;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item.vascoGroup {
    padding-top: 5px;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item.vascoGroupNoCaption {
    padding-top: 5px;
}

.vascoGroup .vascoGroup,
.vascoGroupNoCaption .vascoGroupNoCaption,
.vascoGroupNoCaption .vascoGroup,
.vascoGroup .vascoGroupNoCaption {
    background-color: transparent;
    padding: 0 !important;
    margin: 0;
}

.vascoGroupInternal {
    padding: 0 !important;
    margin: 0 !important;
}

/*
    Splošno ikone, gumbi
*/
.dx-button .dx-icon {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    font-size: 14px;
    line-height: 14px;
}

/*.dx-widget {
    font-size: 14px !important;
}*/

.dx-button-has-text .dx-button-content {
    padding: 3px 11px;
}

.dx-datagrid .dx-row > td {
    padding: 2px 3px;
}

    .dx-datagrid .dx-row > td.dx-command-edit {
        padding: 2px 0;
    }

.dx-datagrid-rowsview .dx-button-has-icon .dx-button-content {
    padding: 2px 5px;
}

/* Skrije gumb za preklic sprememb pri inline editiranju*/
.dx-datagrid-revert-tooltip {
    display: none;
}
/* Skrije zelen okvir okrog spremenjenih celic v kodi */
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline {
    display: none;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
    margin: 0 2px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
    width: 1px;
    min-width: 0;
    white-space: nowrap;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link:not(.dx-icon) {
    margin: auto 2px;
    padding: 1px 3px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 2px;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled:not(.dx-icon) {
    color: #1d4047;
    border-color: #b3b3b3;
    opacity: 0.5;
}

.dx-datagrid-rowsview .dx-data-row .dx-command-edit .dx-link.dx-state-hover:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.20);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link.dx-state-hover:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.40);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.30);
    color: #fff;
}

.dx-datagrid-rowsview .dx-data-row .dx-command-edit .dx-link.dx-state-active:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.50);
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link.dx-state-active:not(.dx-icon) {
    background-color: rgba(179, 179, 179, 0.70);
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link .dx-icon {
    vertical-align: middle;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled .dx-icon,
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link.dx-state-disabled .dx-button-text {
    opacity: 0.6;
}

.dx-datagrid-total-footer td:not(:empty),
.dx-datagrid-group-footer td:not(:empty):not(.dx-command-select):not(.dx-command-expand) {
    background-color: #ff8;
}

.dx-treelist .dx-row > td {
    padding: 2px 5px;
}

.dx-datagrid .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    background-color: #fcfcfc;
}

.dx-treelist .dx-button-has-icon .dx-button-content {
    padding: 2px 5px;
}

/*
    VASCO LAYOUT
*/
.vascoHeader .dx-toolbar {
    background-color: transparent;
}

    .vascoHeader .dx-toolbar .dx-icon.dx-icon-overflow:before {
        content: '\f02d' !important;
    }

.vascoHeaderLeft {
    color: #1d4047;
    position: fixed;
    padding: 4px;
    top: 0;
    width: 250px;
    left: 0px;
    height: 46px;
    line-height: 38px;
    z-index: 0;
    background-color: #a4c8e0;
}

.vascoHeaderLeftNoSidebar {
    width: 35px;
}

.vascoHeaderProgName {
    font-weight: 500;
    font-style: italic;
    font-size: larger;
    flex: 1;
    padding-left: 10px;
}

.vascoHeaderLeftNoSidebar .vascoHeaderProgName {
    display: none;
}

.vascoHeader {
    min-width: 30px;
    color: #1d4047;
    position: fixed;
    padding: 5px;
    top: 0;
    right: 0;
    left: 252px;
    height: 46px;
    line-height: 38px;
    z-index: 0;
    background-color: #a4c8e0;
    display: flex;
    align-items: center;
}

.vascoHeaderNoSidebar {
    left: 37px;
}

.vascoSidebar {
    top: 47px;
    bottom: 0;
    position: fixed;
    width: 250px;
    box-shadow: 2px 4px rgba(136, 136, 136, 0.08);
    overflow: auto;
    background-color: Menu;
}

    .vascoSidebar .dx-treeview-node .dx-treeview-node .vascoMenuIcon {
        font-size: 24px;
        line-height: 24px;
        color: inherit;
    }

        .vascoSidebar .dx-treeview-node .dx-treeview-node .vascoMenuIcon.fa-2x {
            font-size: 20px;
            line-height: 24px;
        }

.vascoContentSidebar {
    top: 47px;
    bottom: 0;
    left: 251px;
    position: fixed;
    right: 0;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
}

.vascoContentNoSidebar {
    top: 47px;
    bottom: 0;
    position: fixed;
    left: 0;
    right: 0;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
    flex-direction: column;
}

.vascoPageBody {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.vascoDetailListview {
    position: absolute;
    left: 0;
}

.vascoDetailListviewFill {
    position: absolute;
    left: 0;
    right: 0;
}

/*
    VASCO MENU TreeView  - expand/collapse na desni strani, manjši padding z leve strani
*/

.vascoSidebarContent {
    padding: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.vascoSidebarMenu {
    flex: 1;
    min-height: 0;
}

.vascoSidebarFooter {
    background-color: #a4c8e0;
    min-height: 48px;
    margin: -5px;
    margin-top: 0px;
    padding: 5px;
}

.vascoSidebarFooterContainer {
    display: table;
    height: 100%;
}

.vascoSidebarFooterContent {
    display: table-cell;
    vertical-align: middle;
}

.vascoSidebar .dx-treeview-toggle-item-visibility,
.vascoSidebar .dx-treeview-expander-icon-stub {
    position: absolute;
    left: unset;
    right: 10px;
}

.vascoSidebar .dx-scrollable-content > .dx-treeview-node-container > .dx-treeview-node {
    padding-left: 4px;
}

.vascoSidebar .dx-scrollable-content > .dx-treeview-node-container > .dx-treeview-node:not(.dx-treeview-node-is-leaf) > .dx-item * {
    font-weight: bold !important;
}

.vascoSidebar .dx-treeview-node .dx-treeview-node {
    padding-left: 10px;
}

.vascoIcon {
    font-size: 26px;
    color: rgb(52, 152, 219);
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.vascoListViewFill {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 100px;
    padding-bottom: 5px;
}

.vascoListViewHalf {
    display: flex;
    flex-direction: column;
    flex: 0.5;
    min-height: 100px;
    padding-bottom: 5px;
}

.vasco-listview-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.vasco-listview {
    position: absolute;
    width: 100%;
    height: 100%;
}

.vascoFormListViewItemButtons {
    flex-basis: 100px;
    flex: 0;
}

.badge,
.redBadge {
    background-color: indianred;
    border-radius: 12px;
}

.blueBadge {
    background-color: skyblue !important;
    border-radius: 12px;
}

.greenBadge {
    background-color: lightgreen !important;
    border-radius: 12px;
}

.yellowBadge {
    background-color: yellow !important;
    border-radius: 12px;
}

.menuButtonBadge {
    position: absolute;
    padding: 3px;
    bottom: 5px;
    right: 4px;
    font-size: 12px;
    border-color: #00000080;
    border-width: 1px;
    border-style: solid;
}

.menuItemBadge {
    position: absolute;
    padding: 3px;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    border-color: #00000080;
    border-width: 1px;
    border-style: solid;
}

.dx-treeview-node-is-leaf
.menuItemBadge {
    right: 4px;
}

/*
    menu, user menu popravki 24.1
*/
.dx-menu-base {
    font-family: "Helvetica Neue","Segoe UI",Helvetica,Verdana,sans-serif;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-content {
    padding: 10px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon, 
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon, 
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
    color: #6d89a1;
}

/*
    dxDataGrid - vertical content alignemnt
*/
.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
}

/*Odstrani kljukico za validacijo*/
.dx-valid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after,
.dx-valid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after {
    display: none;
}

.dx-valid .dx-texteditor-input {
    padding-right: 5px;
}

.dx-texteditor.dx-valid .dx-texteditor-input {
    padding-right: 5px;
}

/*popravek za nevidne gumbe v toolbar meniju*/
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default {
    background-color: #337ab7;
    border-color: transparent;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger {
    background-color: #e89895;
    border-color: transparent;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success {
    background-color: #5cb85c;
    border-color: transparent;
}

.dx-toolbar .dx-toolbar-label {
    font-size: 14px;
}

.dx-toolbar-menu-section .dx-menu,
.dx-toolbar-menu-section .dx-menu .dx-menu-items-container {
    width: 100%;
}

    .dx-toolbar-menu-section .dx-menu .dx-menu-item-content {
        padding: 10px;
    }

        .dx-toolbar-menu-section .dx-menu .dx-menu-item-content .dx-icon {
            margin-right: 4px;
        }

/*Naredi da pod ListView(grid) ni črt (vertical in horizontal)*/
.dx-freespace-row td {
    border-color: transparent !important;
}



/*ŠIRINA EDITOR-JEV*/

.vascoDate {
    max-width: 140px !important;
}

.vascoTime {
    max-width: 140px !important;
}

.vascoDateTime {
    max-width: 140px !important;
}

.vascoSifraInt {
    max-width: 140px !important;
}

.vascoStevilkaLeto {
    max-width: 140px !important;
}

.vascoDecimal {
    max-width: 140px !important;
}

.vascoInt {
    max-width: 140px !important;
}

.bg {
    /* The image used */
    background-image: url("/images/ozadje.png");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dx-list-next-button .dx-button {
    padding: 0;
    width: 100%;
}

/* Popravki za zmanjšanje razmakov in splošno velikosti */
.dx-tab {
    padding: 2px 4px;
}

.dx-form-group-caption {
    font-size: 14px;
}

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

label {
    margin-bottom: 2px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 2px;
}

.dx-texteditor-input {
    padding: 2px;
    min-height: 20px;
}

.dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
    padding: 0;
}

.dx-placeholder:before {
    padding: 1px 5px 1px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 16px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 24px;
}

.dx-popup-bottom.dx-toolbar {
    padding-top: 2px;
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
    margin-top: 3px;
    margin-bottom: 2px;
}


/* Popravki za barve ozadja in padding določenih komponent (prenesene spremembe iz dx.generic.vasco.20.2 - Dodelave.css) */

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
    background-color: #d1e0ed;
}

    .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover {
        background-color: #bbccdd;
    }

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border-color: #e6e6e6;
    background-color: #dadada;
}

.dx-switch.dx-state-readonly .dx-switch-container {
    border-color: #e6e6e6;
    background-color: #dadada;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-input {
    background-color: #dadada;
}

.dx-texteditor-input {
    margin: 0;
    padding: 2px;
    background: #fcfcfc;
    color: #1d4047;
    font-size: 1em;
    border-radius: 2px;
    min-height: 20px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: #bbccdd;
    color: #1d4047;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
    background-color: #bbccdd;
    color: #1d4047;
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: #1d4047;
    background-color: #d1e0ed;
}

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

.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon::before {
    border-color: #e6e6e6;
    background-color: #dadada;
}

.dx-radiogroup.dx-state-readonly .dx-radiobutton-icon::before {
    border-color: #e6e6e6;
    background-color: #dadada;
}

.dx-datagrid-column-chooser-list .dx-empty-message,
.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message {
    color: #92c9e8;
    padding: 0 10px;
}

.dx-treelist-column-chooser-list .dx-empty-message {
    color: #92c9e8;
    padding: 0 10px;
}

/* Popravki barv glede na izgled in primerjanje 24.1.7 teme z zadnjo aktivno dx.generic.vasco.css */

.dx-field {
    color: #333;
    font-family: "Helvetica Neue","Segoe UI",Helvetica,Verdana,sans-serif;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    background-color: #dadada;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #5aacff;
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #c0e0ff;
}

.dx-invalid .dx-checkbox-container .dx-checkbox-icon {
    border: 1px solid rgba(217,83,79,.4);
}

.dx-switch-container {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 2px;
}

.dx-switch.dx-state-readonly .dx-switch-container {
    background-color: #dadada;
}

.dx-list {
    border: none;
}

.dx-toolbar-hidden-button-group {
    margin-top: 5px;
    margin-bottom: 5px;
}

    .dx-toolbar-hidden-button-group .dx-buttongroup-wrapper .dx-buttongroup-item.dx-button .dx-button-content {
        padding: 5px 10px;
    }

.dx-toolbar .dx-tab {
    padding: 4px;
}

.dx-popover-arrow::after {
    border: 1px solid #cfcfcf;
}

.dx-accordion-item-body {
    font-size: 12px;
}

.dx-accordion {
    background-color: #fff;
    color: #333;
}

.dx-datagrid-rowsview .dx-selection > td .dx-link,
.dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
    color: #fff;
}

.dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid #ddd;
}

.dx-datagrid > .dx-datagrid-headers,
.dx-datagrid > .dx-datagrid-rowsview,
.dx-datagrid > .dx-datagrid-total-footer {
    background-color: #fcfcfc;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-datagrid-borders > .dx-datagrid-headers {
    border-top: 1px solid #ddd;
}

.dx-datagrid {
    background-color: #fcfcfc;
}

    .dx-datagrid .dx-link {
        color: #60a0e0;
    }

    .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
        width: auto;
        height: auto;
        margin: 0 1px;
    }

.dx-datagrid-column-chooser-list .dx-empty-message,
{
    color: #92c9e8;
}

.dx-datagrid-columns-separator {
    background-color: rgba(151,203,255,.5);
}

.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}

.dx-datagrid-rowsview .dx-row-removed > td {
    background-color: rgba(92,184,92,.5);
    border-top: 1px solid rgba(92,184,92,.5);
    border-bottom: 1px solid rgba(92,184,92,.5);
    color: #959595;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
    background-color: #5c95c5;
    color: #fff;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid #cce6fe;
    border-bottom: 1px solid #cce6fe;
}

.dx-datagrid-bottom-load-panel {
    border-top: 1px solid #cfcfcf;
    background-color: #fff;
}

.dx-datagrid-pager {
    border-top: 1px solid #ddd;
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
    border-color: #d43f3a;
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
    border-color: #d43f3a;
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
    background-color: #a02622;
    border-color: #d43f3a;
}

.dx-datagrid-group-panel .dx-block-separator {
    padding: 6px;
    background-color: #ebebeb;
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
    padding: 0;
}

.dx-treelist-container {
    background-color: #fcfcfc;
}

.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
    margin: 0 1px;
}

.dx-treelist-column-chooser-list .dx-empty-message {
    color: #92c9e8;
}

.dx-treelist-columns-separator {
    background-color: rgba(151,203,255,.5);
}

.dx-treelist-rowsview .dx-row-removed > td {
    background-color: rgba(92,184,92,.5);
    border-top: 1px solid rgba(92,184,92,.5);
    border-bottom: 1px solid rgba(92,184,92,.5);
    color: #959595;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-top: 1px solid #cce6fe;
    border-bottom: 1px solid #cce6fe;
}

.dx-treelist-bottom-load-panel {
    border-top: 1px solid #cfcfcf;
    background-color: #fff;
}

.dx-treelist-pager {
    border-top: 1px solid #ddd;
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
    border-color: #d43f3a;
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
    border-color: #d43f3a;
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
    border-color: #d43f3a;
}

.dx-fileuploader-dragover .dx-fileuploader-input-label {
    border: 3px dashed #ddd;
}

.dx-form-group-with-caption > .dx-form-group-content {
    border-top: 1px solid #ddd;
}

.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 20px;
}

.dx-field-item-label-location-left {
    padding-right: 10px;
}

.dx-field-item-label-location-right {
    padding-left: 10px;
}

.dx-field-item-optional-mark {
    color: #afafaf;
}

.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
    color: #6d89a1;
}

.dx-htmleditor-content code {
    color: rgba(51,51,51,.8);
}

.dx-htmleditor {
    border-color: #ddd;
}

    .dx-htmleditor.dx-state-readonly .dx-htmleditor-toolbar-wrapper::before {
        background-color: rgba(255,255,255,.2);
    }

    .dx-htmleditor.dx-htmleditor-outlined.dx-state-active,
    .dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
        border-color: #337ab7;
    }

    .dx-htmleditor.dx-htmleditor-filled {
        background: rgba(51,51,51,.05);
        border-radius: 4px;
    }

        .dx-htmleditor.dx-htmleditor-filled.dx-state-readonly.dx-state-active,
        .dx-htmleditor.dx-htmleditor-filled.dx-state-readonly.dx-state-focused {
            background-color: rgba(51,51,51,.03);
        }

        .dx-htmleditor.dx-htmleditor-filled.dx-state-hover,
        .dx-htmleditor.dx-htmleditor-filled.dx-state-hover.dx-invalid.dx-state-readonly:not(.dx-state-focused) {
            background-color: rgba(51,122,183,.07);
        }

        .dx-htmleditor.dx-htmleditor-filled.dx-state-active,
        .dx-htmleditor.dx-htmleditor-filled.dx-state-focused {
            border-color: #337ab7;
        }

    .dx-htmleditor.dx-htmleditor-underlined {
        border-color: transparent transparent #ddd;
    }

        .dx-htmleditor.dx-htmleditor-underlined .dx-htmleditor-content {
            padding-left: 0;
        }

        .dx-htmleditor.dx-htmleditor-underlined.dx-state-hover {
            border-bottom-color: rgba(51,122,183,.4);
        }

        .dx-htmleditor.dx-htmleditor-underlined.dx-state-active,
        .dx-htmleditor.dx-htmleditor-underlined.dx-state-focused {
            border-bottom-color: #337ab7;
        }