.dhx_window .dhx_window-header .dhx_toolbar {
    padding: 0 0 0 5px;
    background-color: #3399cc !important;
    height: 32px;
    line-height: 32px;
}

/* Close Button */
.dhx_widget .dhx_button__icon, .dhx_widget .dhx_button__icon::before {
    font-size: 18px;
    line-height: 18px;
    /*cursor: pointer;*/
}

.dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon {
    color: white;
}

.dhx_toolbar__item:last-child button.dhx_button--view_link, .dhx_toolbar__item:not(:last-child) .dhx_form-group, .dhx_toolbar__item:not(:last-child) .dhx_navbar-title, .dhx_toolbar__item:not(:last-child) button:not(.dhx_toolbar-button) {
    margin-right: 0;
}
.dhx_toolbar__item:first-child button.dhx_button--view_link, .dhx_toolbar__item:not(:first-child) .dhx_form-group, .dhx_toolbar__item:not(:first-child) .dhx_navbar-title, .dhx_toolbar__item:not(:first-child) button:not(.dhx_toolbar-button) {
    margin-left: 0;
    background: #3399cc;
}


/* Window Title*/
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full), .dhx_button--circle.dhx_button--size_medium {
    border-radius: unset;
}
.dhx_window-header .dhx_navbar-title {
    color: white;
    font: 14px/30px Arial;
}

/* Window Content */
.dhx_window-content {
    padding: 0;
    display: flex;
}

.dhx_window__inner-html-content{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: auto;
}
.dhx_window-header {
    margin-bottom: 0;
}


/*-----------------*/
/*.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-left > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}
*/


/* Combobox styling */
.content-left-panel .dhxcombo-label {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

.content-left-panel .dhxcombo-label-text{
    color: #D3D3D3;
    overflow: hidden;
    font-size: 12px;
    margin-left: 5px;
}

.combobox-label-icon::before{
    color: #D3D3D3;
    font-size:30px;
    line-height: 14px;
}

.dhx_combobox{
    margin-bottom: 0;
}

.dhx_combobox-input-list-wrapper{
    background: #727272;
    border: #727272 !important;
}

.lp-combobox, .dhx_combobox-input-box{
    background: #727272;
}

.dhx_combobox-input{
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.dxi-menu-down{
    color: #fff;
}

.dhx_frozen-cols-border{

    background-color: #fff; /* !!!! Temporary work around for separator height between fixed and non fixed grid parts dhx bug */
}

.dhx_checkbox__input:checked+.dhx_checkbox__visual-input{
    /*background-color: #3399cc;
    border-color: #3399cc;*/
    background-color: #ffffff;
    border-color: #D9D9D9;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
}

.dhx_checkbox__input:focus+.dhx_checkbox__visual-input{border-color:#7F7F7F;}

/* dhx grid cell with a font icon inside */
.icon-cell{
    font-size: 0;
}
.icon-cell:before{
    font-size: 24px;
}

.dhx_list-item.dhx_list-item--selected{
    background-color: #3299CC;
}

.dhx_list-item.dhx_list-item--selected span.dhx_combobox-options__value{
    color: #FFF;
}

.dhxGrid_selectedRow {
    /*background-color: #feff94;*/
}

.dhx_grid-row.error .dhx_grid-cell {
    color: #F20D0D;
}

.dhx_grid-row.error .dhx_grid-cell.dwm-jobsoptns {
    color: rgba(0,0,0,.7);
}

.dhx_popup--window_modal{
    z-index: 2047483700;
}

.dhx_window__overlay{
    z-index: 2047483500;
}

.dhx_widget.dhx_popup{
    z-index: 2047483800;
}

.dhx_context-menu {
    z-index: 2047483950;
}

.dhx_widget.dhx_menu{
    max-height: 400px;
    overflow-y: auto;
}

.dhx_grid-header-cell--align_right .dhx_grid-header-cell-text {
    padding-left: 15px;
}

.dhx_grid .mrt {
    margin-top: 3px;
}

.dhx_label{
    color: #3d3d3d;
    font-weight: 400;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.dhx_grid-cell{
    border-left: 0;
}

.dwm-grid .dhx_grid-row:nth-child(even){
    background-color: #FAFAF8;
}

.dwm-grid .dhxGrid_selectedRow,
.dwm-grid .dhx_grid_data .dhx_grid-row:hover{
    background-color: #C3DCE9 !important;
}

.cursor-pointer .dhx_grid_data{
    cursor: pointer;
}

.dwm-top-menu--context-menu .dhx_widget.dhx_menu{
    overflow-y: hidden;
}


/*DHTMLX v7 required styles.*/
.dhx_label.dhx_combobox__label{
    display: none;
}

.dhx_window-header {
    padding-bottom: 0;
}

.dhx_grid-less-width .dhx_grid-footer-cell:last-child, .dhx_grid-less-width .dhx_grid-header-cell:last-child, .dhx_grid-less-width .dhx_grid_footer_cell:last-child, .dhx_grid-less-width .dhx_last-column-cell, .dhx_grid-less-width .dhx_span-last-col, .dhx_grid_border .dhx_grid-cell:last-child, .dhx_grid_border .dhx_grid-footer-cell:last-child, .dhx_grid_border .dhx_grid-header-cell:last-child, .dhx_grid_border .dhx_grid_footer_cell:last-child, .dhx_grid_border .dhx_last-column-cell, .dhx_grid_border .dhx_span-last-col{
    border: 0;
}

.dhx_timepicker {
    border-radius: 2px;
    border: 1px solid #fafaf8;
    box-shadow: 0 0 2px 0 #3d3d3d;
}

.dhx_tooltip {
    z-index: 3000000000;
    background-color: #FFF;
    font-weight: normal;
}

.dhx_tooltip__text{
    color: #3D3D3D;
    font-size: 12px;
    font-weight: 400;
}

.dhx_grid .dhx_grid-header-cell select.dhx_grid-filter--select {
    color: rgba(0,0,0,.7);
}

.dhx_grid .dhx_grid-header-cell label.dhx_grid-filter__label {
    margin-bottom: 0;
}

.dhx_tabbar-tab-button {
    transition: none;
}

.dhx_popup--window.inactive .dhx_window .dhx_window-header .dhx_toolbar,
.dhx_popup--window.inactive .dhx_toolbar__item:not(:first-child) button:not(.dhx_toolbar-button) {
    background-color: #dddddd !important;
}

.dhx_popup--window.inactive .dhx_window-header .dhx_navbar-title,
.dhx_popup--window.inactive .dhx_navbar .dhx_button--color_secondary.dhx_button--view_link .dhx_button__icon {
    color: #3d3d3d;
}

.dhx_popup--window.inactive .dhx_button--view_link,
.dhx_popup--window.active .dhx_button--view_link {
    transition: none;
}

.dhx_popup--window.inactive .wkfl-attributes-tabs .dhx_tabbar-header {
    border-bottom-color: #dddddd;
}

.dhx_popup--window.inactive .wkfl-attributes-tabs .dhx_tabbar-tab-button.dhx_tabbar-tab-button--active {
    background-color:  #dddddd;
    color: #3d3d3d;
}

.dhx_menu-item .dhx_menu-button__text {
    min-height: 20px;
}

.dhx_menu-item .dhx_menu-item-empty {
    height: 20px;
    width: 20px;
}

/* tree grid nodes aligning */
.dhx_grid-cell .dhx_tree-cell{
    margin-left: -6px;
}
.dhx_grid-cell.dhx_tree-cell.dhx_grid-expand-cell .dhx_tree-cell{
    margin-left: 0;
}


#componentsTree .dhx_grid-cell.dhx_tree-cell.dhx_grid-expand-cell .dhx_tree-cell,
#components-tree-container .dhx_grid-cell.dhx_tree-cell.dhx_grid-expand-cell .dhx_tree-cell,
#attributes-tree-container .dhx_grid-cell.dhx_tree-cell.dhx_grid-expand-cell .dhx_tree-cell {
    margin-left: -3px;
}