/*
ALL DHTMLX CSS below
CSS Grid V8
*/
@font-face {
	font-family: Roboto;
	src: url(../../../javascript/dhtmlx/8.3.12/codebase/fonts/roboto-regular-webfont.woff2) format("woff2"), url(../../../javascript/dhtmlx/8.3.12/codebase/fonts/roboto-regular-webfont.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: fallback
}

@font-face {
	font-family: Roboto;
	src: url(../../../javascript/dhtmlx/8.3.12/codebase/fonts/roboto-medium-webfont.woff2) format("woff2"), url(../../../javascript/dhtmlx/8.3.12/codebase/fonts/roboto-medium-webfont.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: fallback
}

@font-face {
	font-family: Roboto;
	src: url(../../../javascript/dhtmlx/8.3.12/codebase/fonts/roboto-bold-webfont.woff2) format("woff2"), url(../../../javascript/dhtmlx/8.3.12/codebase/fonts/roboto-bold-webfont.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: fallback
}

/* use custom class for ov errides if needed */
/*
.ires-dhtmlx {

}
*/

.alternate_row .dhx_grid-row {
	background: #fff;
}

.alternate_row .dhx_grid-row:nth-child(2n) {
	background: #F8F8F8;
}

/**
Generated by script

$text1 = '.ires-dhtmlx-row-bg-000 { background: #000!important; }';
$text2 = '.ires-dhtmlx-row-text-000 .dhx_grid-cell { color: #000!important; }';
$colors = ["#000","#444","#666","#999","#ccc","#eee","#f3f3f3","#fff",
"#f00","#f90","#ff0","#0f0","#0ff","#00f","#90f","#f0f",
"#f4cccc","#fce5cd","#fff2cc","#d9ead3","#d0e0e3","#cfe2f3","#d9d2e9","#ead1dc",
"#ea9999","#f9cb9c","#ffe599","#b6d7a8","#a2c4c9","#9fc5e8","#b4a7d6","#d5a6bd",
"#e06666","#f6b26b","#ffd966","#93c47d","#76a5af","#6fa8dc","#8e7cc3","#c27ba0",
"#c00","#e69138","#f1c232","#6aa84f","#45818e","#3d85c6","#674ea7","#a64d79",
"#900","#b45f06","#bf9000","#38761d","#134f5c","#0b5394","#351c75","#741b47",
"#600","#783f04","#7f6000","#274e13","#0c343d","#073763","#20124d","#4c1130"];

foreach ($colors as $color) {
    $colorcode = str_replace('#', '', $color);
    $o1 = str_replace('000', $colorcode, $text1);
    $o2 = str_replace('000', $colorcode, $text2);
    echo('<pre>');
    echo($o1);
    echo('</pre>');
    echo('<pre>');
    echo($o2);
    echo('</pre>');
}
 */
.ires-dhtmlx-row-bg-000000 { background: #000000!important; }

.ires-dhtmlx-row-text-000000 .dhx_grid-cell { color: #000000!important; }

.ires-dhtmlx-row-bg-444444 { background: #444444!important; }

.ires-dhtmlx-row-text-444444 .dhx_grid-cell { color: #444444!important; }

.ires-dhtmlx-row-bg-666666 { background: #666666!important; }

.ires-dhtmlx-row-text-666666 .dhx_grid-cell { color: #666666!important; }

.ires-dhtmlx-row-bg-999999 { background: #999999!important; }

.ires-dhtmlx-row-text-999999 .dhx_grid-cell { color: #999999!important; }

.ires-dhtmlx-row-bg-cccccc { background: #cccccc!important; }

.ires-dhtmlx-row-text-cccccc .dhx_grid-cell { color: #cccccc!important; }

.ires-dhtmlx-row-bg-eeeeee { background: #eeeeee!important; }

.ires-dhtmlx-row-text-eeeeee .dhx_grid-cell { color: #eeeeee!important; }

.ires-dhtmlx-row-bg-f3f3f3 { background: #f3f3f3!important; }

.ires-dhtmlx-row-text-f3f3f3 .dhx_grid-cell { color: #f3f3f3!important; }

.ires-dhtmlx-row-bg-ffffff { background: #ffffff!important; }

.ires-dhtmlx-row-text-ffffff .dhx_grid-cell { color: #ffffff!important; }

.ires-dhtmlx-row-bg-ff0000 { background: #ff0000!important; }

.ires-dhtmlx-row-text-ff0000 .dhx_grid-cell { color: #ff0000!important; }

.ires-dhtmlx-row-bg-ff9900 { background: #ff9900!important; }

.ires-dhtmlx-row-text-ff9900 .dhx_grid-cell { color: #ff9900!important; }

.ires-dhtmlx-row-bg-ffff00 { background: #ffff00!important; }

.ires-dhtmlx-row-text-ffff00 .dhx_grid-cell { color: #ffff00!important; }

.ires-dhtmlx-row-bg-00ff00 { background: #00ff00!important; }

.ires-dhtmlx-row-text-00ff00 .dhx_grid-cell { color: #00ff00!important; }

.ires-dhtmlx-row-bg-00ffff { background: #00ffff!important; }

.ires-dhtmlx-row-text-00ffff .dhx_grid-cell { color: #00ffff!important; }

.ires-dhtmlx-row-bg-0000ff { background: #0000ff!important; }

.ires-dhtmlx-row-text-0000ff .dhx_grid-cell { color: #0000ff!important; }

.ires-dhtmlx-row-bg-9900ff { background: #9900ff!important; }

.ires-dhtmlx-row-text-9900ff .dhx_grid-cell { color: #9900ff!important; }

.ires-dhtmlx-row-bg-ff00ff { background: #ff00ff!important; }

.ires-dhtmlx-row-text-ff00ff .dhx_grid-cell { color: #ff00ff!important; }

.ires-dhtmlx-row-bg-f4cccc { background: #f4cccc!important; }

.ires-dhtmlx-row-text-f4cccc .dhx_grid-cell { color: #f4cccc!important; }

.ires-dhtmlx-row-bg-fce5cd { background: #fce5cd!important; }

.ires-dhtmlx-row-text-fce5cd .dhx_grid-cell { color: #fce5cd!important; }

.ires-dhtmlx-row-bg-fff2cc { background: #fff2cc!important; }

.ires-dhtmlx-row-text-fff2cc .dhx_grid-cell { color: #fff2cc!important; }

.ires-dhtmlx-row-bg-d9ead3 { background: #d9ead3!important; }

.ires-dhtmlx-row-text-d9ead3 .dhx_grid-cell { color: #d9ead3!important; }

.ires-dhtmlx-row-bg-d0e0e3 { background: #d0e0e3!important; }

.ires-dhtmlx-row-text-d0e0e3 .dhx_grid-cell { color: #d0e0e3!important; }

.ires-dhtmlx-row-bg-cfe2f3 { background: #cfe2f3!important; }

.ires-dhtmlx-row-text-cfe2f3 .dhx_grid-cell { color: #cfe2f3!important; }

.ires-dhtmlx-row-bg-d9d2e9 { background: #d9d2e9!important; }

.ires-dhtmlx-row-text-d9d2e9 .dhx_grid-cell { color: #d9d2e9!important; }

.ires-dhtmlx-row-bg-ead1dc { background: #ead1dc!important; }

.ires-dhtmlx-row-text-ead1dc .dhx_grid-cell { color: #ead1dc!important; }

.ires-dhtmlx-row-bg-ea9999 { background: #ea9999!important; }

.ires-dhtmlx-row-text-ea9999 .dhx_grid-cell { color: #ea9999!important; }

.ires-dhtmlx-row-bg-f9cb9c { background: #f9cb9c!important; }

.ires-dhtmlx-row-text-f9cb9c .dhx_grid-cell { color: #f9cb9c!important; }

.ires-dhtmlx-row-bg-ffe599 { background: #ffe599!important; }

.ires-dhtmlx-row-text-ffe599 .dhx_grid-cell { color: #ffe599!important; }

.ires-dhtmlx-row-bg-b6d7a8 { background: #b6d7a8!important; }

.ires-dhtmlx-row-text-b6d7a8 .dhx_grid-cell { color: #b6d7a8!important; }

.ires-dhtmlx-row-bg-a2c4c9 { background: #a2c4c9!important; }

.ires-dhtmlx-row-text-a2c4c9 .dhx_grid-cell { color: #a2c4c9!important; }

.ires-dhtmlx-row-bg-9fc5e8 { background: #9fc5e8!important; }

.ires-dhtmlx-row-text-9fc5e8 .dhx_grid-cell { color: #9fc5e8!important; }

.ires-dhtmlx-row-bg-b4a7d6 { background: #b4a7d6!important; }

.ires-dhtmlx-row-text-b4a7d6 .dhx_grid-cell { color: #b4a7d6!important; }

.ires-dhtmlx-row-bg-d5a6bd { background: #d5a6bd!important; }

.ires-dhtmlx-row-text-d5a6bd .dhx_grid-cell { color: #d5a6bd!important; }

.ires-dhtmlx-row-bg-e06666 { background: #e06666!important; }

.ires-dhtmlx-row-text-e06666 .dhx_grid-cell { color: #e06666!important; }

.ires-dhtmlx-row-bg-f6b26b { background: #f6b26b!important; }

.ires-dhtmlx-row-text-f6b26b .dhx_grid-cell { color: #f6b26b!important; }

.ires-dhtmlx-row-bg-ffd966 { background: #ffd966!important; }

.ires-dhtmlx-row-text-ffd966 .dhx_grid-cell { color: #ffd966!important; }

.ires-dhtmlx-row-bg-93c47d { background: #93c47d!important; }

.ires-dhtmlx-row-text-93c47d .dhx_grid-cell { color: #93c47d!important; }

.ires-dhtmlx-row-bg-76a5af { background: #76a5af!important; }

.ires-dhtmlx-row-text-76a5af .dhx_grid-cell { color: #76a5af!important; }

.ires-dhtmlx-row-bg-6fa8dc { background: #6fa8dc!important; }

.ires-dhtmlx-row-text-6fa8dc .dhx_grid-cell { color: #6fa8dc!important; }

.ires-dhtmlx-row-bg-8e7cc3 { background: #8e7cc3!important; }

.ires-dhtmlx-row-text-8e7cc3 .dhx_grid-cell { color: #8e7cc3!important; }

.ires-dhtmlx-row-bg-c27ba0 { background: #c27ba0!important; }

.ires-dhtmlx-row-text-c27ba0 .dhx_grid-cell { color: #c27ba0!important; }

.ires-dhtmlx-row-bg-cc0000 { background: #cc0000!important; }

.ires-dhtmlx-row-text-cc0000 .dhx_grid-cell { color: #cc0000!important; }

.ires-dhtmlx-row-bg-e69138 { background: #e69138!important; }

.ires-dhtmlx-row-text-e69138 .dhx_grid-cell { color: #e69138!important; }

.ires-dhtmlx-row-bg-f1c232 { background: #f1c232!important; }

.ires-dhtmlx-row-text-f1c232 .dhx_grid-cell { color: #f1c232!important; }

.ires-dhtmlx-row-bg-6aa84f { background: #6aa84f!important; }

.ires-dhtmlx-row-text-6aa84f .dhx_grid-cell { color: #6aa84f!important; }

.ires-dhtmlx-row-bg-45818e { background: #45818e!important; }

.ires-dhtmlx-row-text-45818e .dhx_grid-cell { color: #45818e!important; }

.ires-dhtmlx-row-bg-3d85c6 { background: #3d85c6!important; }

.ires-dhtmlx-row-text-3d85c6 .dhx_grid-cell { color: #3d85c6!important; }

.ires-dhtmlx-row-bg-674ea7 { background: #674ea7!important; }

.ires-dhtmlx-row-text-674ea7 .dhx_grid-cell { color: #674ea7!important; }

.ires-dhtmlx-row-bg-a64d79 { background: #a64d79!important; }

.ires-dhtmlx-row-text-a64d79 .dhx_grid-cell { color: #a64d79!important; }

.ires-dhtmlx-row-bg-990000 { background: #990000!important; }

.ires-dhtmlx-row-text-990000 .dhx_grid-cell { color: #990000!important; }

.ires-dhtmlx-row-bg-b45f06 { background: #b45f06!important; }

.ires-dhtmlx-row-text-b45f06 .dhx_grid-cell { color: #b45f06!important; }

.ires-dhtmlx-row-bg-bf9000 { background: #bf9000!important; }

.ires-dhtmlx-row-text-bf9000 .dhx_grid-cell { color: #bf9000!important; }

.ires-dhtmlx-row-bg-38761d { background: #38761d!important; }

.ires-dhtmlx-row-text-38761d .dhx_grid-cell { color: #38761d!important; }

.ires-dhtmlx-row-bg-134f5c { background: #134f5c!important; }

.ires-dhtmlx-row-text-134f5c .dhx_grid-cell { color: #134f5c!important; }

.ires-dhtmlx-row-bg-0b5394 { background: #0b5394!important; }

.ires-dhtmlx-row-text-0b5394 .dhx_grid-cell { color: #0b5394!important; }

.ires-dhtmlx-row-bg-351c75 { background: #351c75!important; }

.ires-dhtmlx-row-text-351c75 .dhx_grid-cell { color: #351c75!important; }

.ires-dhtmlx-row-bg-741b47 { background: #741b47!important; }

.ires-dhtmlx-row-text-741b47 .dhx_grid-cell { color: #741b47!important; }

.ires-dhtmlx-row-bg-660000 { background: #660000!important; }

.ires-dhtmlx-row-text-660000 .dhx_grid-cell { color: #660000!important; }

.ires-dhtmlx-row-bg-783f04 { background: #783f04!important; }

.ires-dhtmlx-row-text-783f04 .dhx_grid-cell { color: #783f04!important; }

.ires-dhtmlx-row-bg-7f6000 { background: #7f6000!important; }

.ires-dhtmlx-row-text-7f6000 .dhx_grid-cell { color: #7f6000!important; }

.ires-dhtmlx-row-bg-274e13 { background: #274e13!important; }

.ires-dhtmlx-row-text-274e13 .dhx_grid-cell { color: #274e13!important; }

.ires-dhtmlx-row-bg-0c343d { background: #0c343d!important; }

.ires-dhtmlx-row-text-0c343d .dhx_grid-cell { color: #0c343d!important; }

.ires-dhtmlx-row-bg-073763 { background: #073763!important; }

.ires-dhtmlx-row-text-073763 .dhx_grid-cell { color: #073763!important; }

.ires-dhtmlx-row-bg-20124d { background: #20124d!important; }

.ires-dhtmlx-row-text-20124d .dhx_grid-cell { color: #20124d!important; }

.ires-dhtmlx-row-bg-4c1130 { background: #4c1130!important; }

.ires-dhtmlx-row-text-4c1130 .dhx_grid-cell { color: #4c1130!important; }

/* prevent vertical scrollbar on pageload */
.dhx_grid.dhx_widget.ires-dhtmlx.alternate_row[style],
.dhx_grid-content.dhx_grid-less-height[style],
.dhx_grid-body[style] {
    height:calc(100% + 20px)!important;
}

/* correct display burrons inside grid */
#filter_admin_grid .dhx_grid-cell__content_html-enable {
    white-space: normal;
    }
    #filter_admin_grid .dhx_grid-cell__content_html-enable button {
        font-size:0.9em!important;
        white-space: nowrap;
        }