.dhxform_obj_material {
	font-size: 12px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.green .dhxform_obj_material.dhxform_block {
	background-color: #b6f6b6;
	padding: 10px;
	margin-bottom: 3px;
}

.yellow .dhxform_obj_material.dhxform_block {
	background-color: var(--of-gold300);
	padding: 10px;
	margin-bottom: 3px;
}

.red .dhxform_obj_material.dhxform_block {
	background-color: #aa0003;
	padding: 10px;
	margin-bottom: 3px;
}

.dhxform_obj_material table {
	border-spacing: 0px;
	border-right: 1px solid var(--of-grey200);
}

.dhxform_obj_material thead tr{
	background-color: var(--of-grey100);	
	padding: 2px 1px 1px 1px;
	border-bottom: 1px solid var(--of-grey200);
}
.dhxform_obj_material th{
	border-left: 1px solid var(--of-grey200);
	border-right-width: 0px;
	padding: 2px 1px 1px 1px;
	font-size: 11px;
	color: var(--of-grey900);
	font-weight: 500;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhxform_obj_material td{
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 11px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	color: #000000;
	border: 1px solid var(--of-grey200);
	border-right-width: 0px;
}

.dhxform_obj_material table.compartmentInfo td {
	font-size: 14px;
	border-spacing: 0px;
	border: 0px;
	border-bottom: 1px solid var(--of-grey200);
}

.dhxform_obj_material table.compartmentInfo tr:last-child td {
	border-bottom: 0px;
}

.dhxform_obj_material table.compartmentInfo {
	border-right: 0px;
}

div.dhxform_base div.yellowTitle {
	background-color: var(--of-gold300);
	padding: 2px;
	margin-bottom: 3px;
}

.dhx_cal_event .dhx_body,.dhx_cal_event_line,.dhx_cal_today_button,.change_date_button
	{
	font-size: 10px;
}

.dhx_cal_event .dhx_footer  {
	 height :1px;
     border-color: transparent;
     background:transparent;
}

.dhx_scale_hour, .dhx_scale_bar {
    background-color: #F5F8FA;
    font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.change_date_button {
	width: 90px;
	right: 220px;
}

div.dhx_cal_container div.undo_button_enabled:hover,div.dhx_cal_container div.redo_button_enabled:hover {
	background-color: #999;
	cursor: pointer;
}

.dhxtabbar_base_material div.dhxtabbar_tabs {
	background-color: var(--of-grey100);
	font-size: 12px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	color: var(--of-grey100);
	height: 20px;
	line-height: 20px;
}

.optionsBlock .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left, .optionsBlock .dhxtabbar_base_material div.dhxtabbar_tabs {
	background-color: var(--of-grey200);
}

.optionsBlock .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab:last-child
	{
	border-right-style: solid;
    border-width: 1px;
    border-right-color:var(--of-secondary500)
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text
	{
	height: 18px;
	line-height: 20px;
	background-color: var(--of-grey200);
	color: #000000;
	border-left-style: solid;
    border-width: 1px;
    border-left-color:var(--of-secondary500)
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
	color: var(--of-grey100);
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab
	{
	height: 22px;
	line-height: 22px;
	background-color: var(--of-secondary500);
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
	height: 22px;
	background-color: var(--of-accent400);
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab.dhxtabbar_tab_actv {
	
	background-color: var(--of-secondary500);
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
	height: 22px;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_button_base {
	height: 22px;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	line-height: 22px;
	z-index: 4;
	cursor: pointer;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img,.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_button_base div.dhxtabbar_button_img
{
	position: absolute;
	width: 16px;
	height: 16px;
	line-height: 16px;
	left: 10px;
	top: 0px;
	background-image:url('../js/dhtmlxSuite/imgs/dhxlayout_material/dhxlayout_cell_btns.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}

.dhxform_base .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img,.dhxform_base .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_button_base div.dhxtabbar_button_img
{
    background-image: url("../js/dhtmlxSuite/imgs/dhxtabbar_material/dhxtabbar_arrows.png");
	top: 2px;
}

.dhxform_base .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img, .dhxform_base .dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
    background-image: url("../js/dhtmlxSuite/imgs/dhxtabbar_material/dhxtabbar_arrows.png");
	top: 2px;
}

.dhx_cal_tab {
	width: 100px;
}

.dhx_cal_date,.dhx_cal_next_button,.dhx_cal_prev_button,.dhx_cal_tab,.dhx_cal_today_button,.change_date_button,.dhx_cal_today_button,.undo_button,.redo_button
	{
	height: 20px;
	line-height: 20px;
}

.dhx_cal_navline .dhx_cal_date {
	top: 4px;
	font-size: 14px;
}

.dhx_cal_navline div {
	top: 4px
}

.dhx_cal_navline {
	height: 4px !important;
	line-height: 40px !important;
}

.dhtmlxMenu_material_Middle {
	height: 22px;
	line-height: 22px;
	background-color: var(--of-primary500);
	font-size: 12px;
	color: #000000;
	top: 5px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhx_toolbar_material.dhxtoolbar_icons_18,.dhx_toolbar_material.dhxtoolbar_icons_18,.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn,.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_arw,.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_text,.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn div.dhxtoolbar_text
	{
	height: 25px;
	line-height: 24px;
	border-color: var(--of-primary500);
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

div.dhx_toolbar_btn, div.dhxtoolbar_btn_def, .dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_arw {
	color: var(--of-secondary500);
	background-color: var(--of-grey100);
	border-color: var(--of-grey100);
}

.dhx_toolbar_material div.dhx_toolbar_btn input.dhxtoolbar_input {
	margin: 0 2px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	border: 1px solid var(--of-grey100);
	color: var(--of-secondary500);
	line-height: 23px;
}

div.dhx_toolbar_poly_material td {
  font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn img {
	margin-top: 1px;
}

.dhx_toolbar_material div.dhx_toolbar_btn {
	padding: 1px;
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Normal,.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Disabled,.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected
	{
	height: 22px;
	line-height: 22px;
	margin: 0px;
	padding: 0px 4px;
}

.dhx_toolbar_material {
	background-color: var(--of-primary500);
	padding: 0px;
	font-size: 12px;
	color: var(--of-grey100);
	box-shadow: 0;
}

.dhx_toolbar_material.dhx_toolbar_shadow {
	top: 2px;
}

.dhx_toolbar_material.dhx_toolbar_shadow {
	border-width: 0;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.12), 0 0px 0px rgba(0, 0, 0, 0.24);
}

div.dhx_toolbar_poly_material td {
	font-size: 12px;
	color: #000000;
}

div.dhx_toolbar_poly_material td.td_btn_txt div.btn_sel_text {
	height: 22px;
	line-height: 22px;
	padding: 0 12px 0 1px;
}

div.gridbox_material.gridbox {
	border: 1px solid var(--of-grey200);
}

div.gridbox_material.gridbox .xhdr {
    border-bottom: 0px solid var(--of-grey200);
}

div.gridbox_material.gridbox table.obj tr td,.dhx_grid_adjust {
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 11px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	color: #000000
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected
	{
	background-color: var(--of-accent400);
	color: var(--of-grey100);
}

.dhtmlxMenu_material_Middle div.dhtmlxMenu_material_TopLevel_Item_Selected
	{
	background-color: var(--of-accent400);
	color: var(--of-grey100);
}


div.gridbox_material.gridbox table.obj tr td {
	height: 19px;
	line-height: 19px;
	border-bottom: 1px solid var(--of-grey200);
}

div.gridbox_material.gridbox table.obj tr td {
  padding-top: 0;
  padding-bottom: 0;
}

div.gridbox_material.gridbox table.obj tr td img {
  display: block;
}

div.gridbox_material.gridbox table.obj tr td.rowungeocoded {
	background-color: #FFE2E2;
	border-right-color: #FFE2E2;
}

div.gridbox_material.gridbox table.obj tr td:first-child {
	padding-left: 1px;
}

div.gridbox_material.gridbox table.obj tr.rowselected td:first-child {
	padding-left: 1px;
}

div.gridbox_material.gridbox table.obj tr td.rowerror {
	background-color: #F48D8D !important;
	border-right-color: #F48D8D !important;
}

div.gridbox_material.gridbox table.obj tr td.rowerror.rowcompleted {
	background-color: #E4BFBF !important;
	border-right-color: #E4BFBF !important;
}

div.gridbox_material.gridbox table.obj tr td.rowoutofareawarn {
	background-color: #D31414;
	border-right-color: #D31414;
}

div.gridbox_material.gridbox table.obj tr td.rowoutofareaok {
	background-color: #99CCFF;
	border-right-color: #99CCFF;
}

div.gridbox_material.gridbox table.obj tr td.rowdcstop {
	background-color: #e2e2ff;
	border-right-color: #e2e2ff;
}

div.gridbox_material.gridbox table.obj tr td.rowgreen {
	background-color: #b6f6b6;
	border-right-color: #b6f6b6;
}

div.gridbox_material.gridbox table.obj tr td.rowyellow {
	background-color: #f5ff77 !important;
	border-right-color: #f5ff77 !important;
}

div.gridbox_material.gridbox table.obj tr td.rowyellow.rowcompleted {
	background-color: #E5E8B7 !important;
	border-right-color: #E5E8B7 !important;
}

div.gridbox_material.gridbox table.obj tr td.rowblue {
	background-color: #99ccff;
	border-right-color: #99ccff;
}

div.gridbox_material.gridbox table.obj tr td.rowunplanned {
	background-color: #FFA500;
	border-right-color: #cccccc;
}

div.gridbox_material.gridbox table.obj tr td.rowpink {
	background-color: #ffd3e7;
	border-right-color: #ffd3e7;
}

div.gridbox_material.gridbox table.obj tr td.rowlightgreen {
	background-color: #d2f9d2;
	border-right-color: #d2f9d2;
}

div.gridbox_material.gridbox table.obj tr td.rowdullgreen {
	background-color: #b9d2b1;
	border-right-color: #b9d2b1;
}

div.gridbox_material.gridbox table.obj tr td.rowmagentaclair {
	background-color: #fbacbe;
	border-right-color: #fbacbe;
}

div.gridbox_material.gridbox table.obj tr td.rowcompleted {
	color: #545454;
	background-color: #dcdcdc
}


div.gridbox_material.gridbox table.obj tr td.rowcompletedwithred {
	color: #000000 !important;
	background-color: var(--of-red300) !important;
}

div.gridbox_material.gridbox table.obj tr.rowselected td {
	background-color: #d9f2ff;
	color: var(--of-secondary500);
	border-right-color: var(--of-grey200);
}

div.gridbox_material.gridbox table.obj tr.rowselected td.rowcompleted {
	background-color: #dcdcdc;
}

div.gridbox_material.gridbox table.obj.row20px tr.rowselected td {
	background-color: #d9f2ff;
}

div.gridbox_material.gridbox table.obj tr.rowpreselected td {
	font-weight: bold;
}

div.gridbox_material.gridbox table.obj tr.rowHovered td {
	background-color: #ffedf3;
	color: var(--of-secondary500);
	border-right-color: var(--of-grey200);
	cursor:url('../js/dhtmlxSuite/imgs/dhxgrid_material/cursor1.cur'), default !important;
}

div.gridbox_material.gridbox table.obj tr.rowMouseOver td {
	background-color: var(--of-grey200);
}

div.gridbox_material.gridbox table.obj tr.rowHovered {
	background-color: #ffedf3;
	color: var(--of-secondary500);
	border-right-color: var(--of-grey200);
	cursor:url('../js/dhtmlxSuite/imgs/dhxgrid_material/cursor1.cur'), default !important;
}

div.gridbox_material.gridbox table.obj tr.rowrelated td {
	opacity: 0.7;
	color: var(--of-secondary500);
}

div.gridbox_material.gridbox table.hdr td div.hdrcell {
    padding-left: 2px;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col div.hdrcell, div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col div.hdrcell {
    padding-left: 14px;
    padding-right: 0px;
}

div.gridbox div.ftr {
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    overflow: hidden;
    user-select: none;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item td {
	background-color: var(--of-grey200);
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_dis td {
	background-color: var(--of-grey200);
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td {
	background-color: var(--of-grey300);
}

div.dhxcombolist_material {
	background-color: var(--of-grey100);
}

div.dhxcombolist_material div.dhxcombo_option.dhxcombo_option_selected {
	background-color: var(--of-grey200);
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td {
	font-size: 12px;
	color: #000000;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_text div.sub_item_text
	{
	height: 22px;
	line-height: 22px;
	padding: 0px 22px 0px 1px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon {
	border: none;
	padding: 0px 0px;
	overflow-y: hidden;
}

.dhtmlxMenu_material_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
	margin: 0px 0px 0px 0px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon td div.complex_arrow {
	margin: 0px 1px 0px 11px;
	height: 22px;
	line-height: 22px;
	background-image:
		url("../js/dhtmlxSuite/imgs/dhxmenu_material/dhxmenu_subar.png");
	background-position: 0px 5px;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td div.complex_arrow
	{
	background-position: -10px 5px;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_0,div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0
	{
	background-position: -18px 2px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over
	{
	background-color: var(--of-accent400);
	border-color: var(--of-accent400);
}

div.dhx_toolbar_poly_material {
	background-color: var(--of-grey200);
}

div.dhx_toolbar_poly_material .tr_btn_over td,div.dhx_toolbar_poly_material .tr_btn_selected td {
	background-color: var(--of-grey300);
}

.dhtmlx_popup_text {
	font-size: 14px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

input,.dhtmlx_popup_button div {
	font-size: 14px;
	height: 23px;
	line-height: 22px;
}

.dhtmlx_popup_button div {
	text-transform: none;
}
	
.dhxform_obj_material div.dhxform_control div.dhxcombo_material {
	height: 22px;
}

.dhxform_obj_material div.blockInEvent div.dhxform_item_label_left {
	padding-top: 0px;
}

.messageForm .dhxform_obj_material div.dhxform_btn div.dhxform_btn_filler,
.messageForm .dhxform_obj_material div.dhxform_btn div.dhxform_btn_txt {
	min-width: 60px;
}

.dhxform_obj_material .messageForm div.dhxform_txt_label2 {
	text-align: center;
}
	
div.dhxcombolist_material div.dhxcombo_option {
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	overflow: visible;
}

.dhtmlx_popup_button,.dhtmlx_popup_button div,.dhtmlx_popup_button div,.dhtmlx_popup_button
	{
	color: var(--of-grey100);
	background: var(--of-secondary300);;
	box-shadow: none;
}

.dhtmlx_popup_button div:hover {
	background: var(--of-secondary400);
}

.dhtmlx_popup_button div:focus {
	background: #528cc5;
}

.dhxwins_vp_material div.dhxwin_hdr {
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	font-weight: 500;
	background-color: var(--of-primary500);
	color: var(--of-grey100);
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhxlayout_base_material div.dhx_cell_layout {
    background-color: var(--of-grey100);
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr, .dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr {
	height: 18px;
	line-height: 20px;
	background-color: var(--of-accent400);
	font-size: 12px;
	font-weight: normal;
	color: var(--of-grey100);
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
 	font-size: 12px;
	width: 28px;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow
	{
	position: absolute;
	right: 13px;
	top: 1px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
	top: 2px;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text {
	left: -2px;
}
.dhxform_obj_material fieldset.dhxform_fs legend.fs_legend {
	padding: 0 2px 1px 2px;
	margin-left: 3px;
	text-align: left;
	font-size: 12px;
	color: #000000;
}

.dhxform_obj_material div.dhxform_btn {
	font-size: 14px;
	cursor: pointer;
	padding: 0 10px;
}

.dhx_btn_set:hover,.dhx_cancel_btn_set:hover,.form_btn_txt:hover, .dhx_cal_today_button:hover, .change_date_button:hover, .dhx_cal_tab:hover, .dhx_cal_next_button:hover, .dhx_cal_prev_button:hover {
	background-color: var(--of-secondary300);
}

.dhxform_obj_material div.dhxform_btn div.dhxform_btn_txt {
	margin: 0 8px;
	height: 21px;
	line-height: 20px;
}

.dhxform_obj_material div.dhxform_btn {
	background-color: var(--of-secondary400);
	border-radius: 4px;
	border-color: var(--of-secondary400);;
	color: var(--of-grey100);
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhxform_obj_material div.disabled div.dhxform_btn {
	background-color: var(--of-grey200);
	border-color: var(--of-grey200);
	color: #545454;
	cursor: default;
}
	
.dhxform_obj_material div.dhxform_btn.dhxform_btn_over, .dhxform_obj_material div.dhxform_btn_over {
	background-color: var(--of-secondary300);
	border-color: var(--of-secondary300);
}

.dhxform_obj_material div.dhxform_btn.dhxform_btn_pressed, .dhxform_obj_material div.dhxform_btn_pressed {
	background-color: #528cc5;
	border-color: #528cc5;
}

.dhxform_obj_material div.dhxform_btn_selected div.dhxform_btn, .dhxform_obj_material div.dhxform_btn_selected div.dhxform_btn {
	background-color: var(--of-secondary500);
	border-color: var(--of-secondary500);
}

.dhxform_obj_material div.dhxform_btn_highlighted div.dhxform_btn, .dhxform_obj_material div.dhxform_btn_highlighted div.dhxform_btn {
	background-color: var(--of-red300);
	border-color: var(--of-red300);
}

.dhxform_obj_material div.dhxform_btn:focus {
	color: var(--of-grey100);
}

.dhxform_obj_material fieldset.dhxform_fs {
	padding: 0px;
	border: 1px solid #000000;
}

.dhxform_obj_material div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested
	{
	margin-right: 9px;
	margin-left: 2px;
}

.dhxform_obj_material div.singleBlock div.dhxform_base {
    background-color: var(--of-grey200);
}

.dhxwins_vp_material div.dhxwin_brd {
	border-color: var(--of-grey200);
	border-width: 0 2px 2px 2px;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns {
	right: 10px;
	top: 2px;
}

.dhxwins_vp_material div.dhxwin_active {
	background-color: #FFFFFF;
}

.dhxwins_vp_material div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover
	{
	background-color: #999;
}

.dhxform_obj_material input.dhxform_textarea.calendar {
	background-position: right 0px;
	padding: 2px !important;
}

.dhxform_obj_material input.dhxform_textarea,.dhxform_obj_material textarea.dhxform_textarea
	{
	font-size: 12px;
	padding: 0px 2px !important;
}

.dhxform_obj_material .singleBlock input.dhxform_textarea,.dhxform_obj_material .singleBlock textarea.dhxform_textarea {
	height: 18px;
	line-height: 17px;
}

.dhxform_obj_material .singleBlock div.dhxform_control div.dhxcombo_material input.dhxcombo_input {
	height: 18px;
	line-height: 17px;
}

.dhxform_obj_material .singleBlock div.dhxform_control div.dhxcombo_material {
	height: 18px;
	top: 2px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material div.dhxcombo_select_button {
    top:0px;
}

.dhxform_obj_material .singleBlock div.dhxform_img,.dhxform_obj_material .singleBlock div.dhxform_actv_c,.dhxform_obj_material .singleBlock div.dhxform_actv_r {
  width: 18px;
  height: 18px;
  font-size: 1px;
}

.dhxform_obj_material .singleBlock div.dhxform_item_label_right div.dhxform_control {
  margin-right: 2px;
}

.singleBlock .dhxform_obj_material div.dhxform_img.chbx0,.singleBlock .dhxform_obj_material div.dhxform_img.chbx1,.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.chbx0,.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.chbx1,.singleBlock .dhxform_obj_material div.dhxform_img.rdbt0,.singleBlock .dhxform_obj_material div.dhxform_img.rdbt1,.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.rdbt0,.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.rdbt1,.singleBlock .dhxform_obj_material div.dhxform_actv_c.chbx0,.singleBlock .dhxform_obj_material div.dhxform_actv_c.chbx1,.singleBlock .dhxform_obj_material div.dhxform_actv_r.rdbt0,.singleBlock .dhxform_obj_material div.dhxform_actv_r.rdbt1 {
  background-image: url("../js/dhtmlxSuite/imgs/dhxform_material/dhxform_chbxrd18.png");
  background-repeat: no-repeat;
}

.singleBlock .dhxform_obj_material div.dhxform_img.chbx0 {
  background-position: -18px 0;
}

.singleBlock .dhxform_obj_material div.dhxform_img.chbx1 {
  background-position: 0 0;
}

.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.chbx0 {
  background-position: -54px 0;
}

.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.chbx1 {
  background-position: -36px 0;
}

.singleBlock .dhxform_obj_material div.dhxform_img.rdbt0 {
  background-position: -90px 0;
}

.singleBlock .dhxform_obj_material div.dhxform_img.rdbt1 {
  background-position: -72px 0;
}

.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.rdbt0 {
  background-position: -126px 0;
}

.singleBlock .dhxform_obj_material div.disabled div.dhxform_img.rdbt1 {
  background-position: -108px 0;
}

.singleBlock .dhxform_obj_material div.dhxform_actv_c.chbx0 {
  background-position: -162px 0;
}

.singleBlock .dhxform_obj_material div.dhxform_actv_c.chbx1 {
  background-position: -144px 0;
}

.singleBlock .dhxform_obj_material div.dhxform_actv_r.rdbt0 {
  background-position: -198px 0;
}

.singleBlock .dhxform_obj_material div.dhxform_actv_r.rdbt1 {
  background-position: -180px 0;
}

div.dhxcombolist_material {
	overflow-x: auto;
}

div.dhxcombolist_material.dhxcombolist_hdr {
    border-bottom-width: 0;
    height: 3px;
    line-height: 36px;
    box-shadow: none;
}

div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_image.dhxcombo_chbx_1,div.dhxcombolist_material div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1
	{
	background-position: 0 2px;
}

.dhxform_obj_material div.customerholdspot div.dhxform_control div.dhxcombo_material div.dhxcombo_select_button
	{
	display: none;
}

.dhxform_obj_material div.dhxform_btn_tw div.dhxform_btn div.dhxform_btn_txt
	{
	height: 58px;
}

.resultBlock {
	overflow-y: auto;
	overflow-x: hidden;
}

.dhxform_obj_material div.dhxform_btn_manual_geocode div.dhxform_btn div.dhxform_btn_txt
	{
	height: 48px;
	padding-top: 2px;
	line-height: 12px;
	text-align: left;
}

.dhxform_obj_material div.dhxform_btn_geocode div.dhxform_btn div.dhxform_btn_txt
	{
	height: 60px;
	padding-top: 2px;
	line-height: 12px;
	text-align: left;
}

.dhxform_obj_material div.dhxform_item_label_right.schedulerCheckBox div.dhxform_label {
    float: left;
    padding: 2px 0 1px 0;
    margin: 8px 0 2px 6;
    padding-top: 0;
    display: inline-block;
} 

.dhx_cal_ltitle {
    height: 30px;
    line-height: 30px;
    border-bottom: 0px solid var(--of-primary500);
	background-color: var(--of-primary500);
	color: var(--of-grey100)
}

.dhx_cal_light,.dhx_cal_ltext {
	font-size: 14px;
	height: 29px;
	color: #000000;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	border-radius: 0px;
}

.dhx_cal_light input, .dhx_cal_lsection, dhx_cal_light, .dhx_cal_light select {
    font-size: 12px;
    font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhx_cal_light_wide .dhx_cal_lsection, .dhx_cal_light_wide .dhx_cal_lsection .dhx_fullday {
	font-size: 14px;
	font-weight: 400;
	color: #000000;
}

.dhxform_obj_material div.dhxform_label {
	font-size: 14px;
	color: #000000;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhxform_obj_material div.dhxform_label div.dhxform_label_nav_link:focus {
	color: #000000;
}

.dhxform_obj_material div.dhxform_label_nav_link {
  line-height: normal;
}


.dhxform_obj_material div.blueTitle div.dhxform_txt_label2  {
	font-weight: normal;
	font-size: 14px;
	color: var(--of-grey100);
	background-color: var(--of-secondary500);
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	padding: 0px 0;
	margin: 1px 3px;
} 

.dhxform_obj_material div.dhxform_txt_label2 {
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	padding: 0px 0;
	margin: 1px 3px;	
}

.dhxform_obj_material div.infotext div.dhxform_txt_label2 {
	font-weight: normal;
}

.dhxform_obj_material div.errorLabel div.dhxform_txt_label2 {
	font-weight: bold;
	color: #aa0003;
	font-size: 11px;
}

span.errorLabel {
	color: #aa0003;
}

.dhxform_obj_material div.boldLabel div.dhxform_txt_label2 {
	font-weight: bold;
	font-size: 12px;
}

.dhxform_obj_material div.infoLabel div.dhxform_txt_label2 {
	font-size: 12px;
}

.dhxform_obj_material div.boldInfoLabel div.dhxform_txt_label2 {
	font-weight: bold;
	font-size: 14px;
}

.dhxform_obj_material div.infoheader div.dhxform_txt_label2 {
	font-size: 14px;
}

.geocodeCounter div.dhxform_txt_label2 {
	font-size: 16px;
	text-align: right;
}

input.dhxcombo_input {
	font-size: 12px;
}

div.dhxcombo_material input.dhxcombo_input {
	font-size: 12px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

div.dhxcombo_option,div.dhxcombo_option_text {
	font-size: 12px;
}

div.dhxcombolist_material.dhxcombolist_hdr div.dhxcombo_hdrtext {
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	font-size: 12px;
}

.dhxform_obj_material div.dhxform_item_label_right {
	padding-top: 1px;
}

.twError {
	background-color: var(--of-red300);
	font-weight: 400;
	padding: 2px 10px 2px 10px;
	line-height: 16px;
}

.preferenceBold {
	font-weight: bold;
	padding: 1px;
}

.twWarning {
	background-color: var(--of-gold300);
	font-weight: 400;
	padding: 2px 10px 2px 10px;
	line-height: 16px;
}

.dhx_btn_set {
	margin: 6px 0 0;
}

.dhx_btn_set, .dhx_cal_today_button,.change_date_button, .dhx_cal_tab, .dhx_cal_tab.active, .dhx_cal_next_button, .dhx_cal_prev_button {
	font-size: 14px;
	height: 21px;
	font-weight: 400;
	line-height: normal;
	background-color: var(--of-secondary400);
	border-radius: 4px;
	border-color: var(--of-secondary400);;
	color: var(--of-grey100);
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhx_cal_tab.active {
	background-color: var(--of-primary500);
	text-shadow: 0 0px 0 #fff;
}

.dhx_left_btn_set {
	margin-left: 10px
}

.dhx_cal_prev_button {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(-90, 60, 60)' stroke-width='10' stroke='white' fill='none' id='arrowleft'%3E%3Cline y2='10.55' x2='61' y1='110' x1='61.02'%3E%3C/line%3E%3Cpath d='m111,47.86l-48.4,-37.37a2.63,2.63 0 0 0 -3,0l-48.6,37.38'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 2px;
}

.dhx_cal_next_button {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(90, 60, 60)' stroke-width='10' stroke='white' fill='none' id='arrowleft'%3E%3Cline y2='10.55' x2='61' y1='110' x1='61.02'%3E%3C/line%3E%3Cpath d='m111,47.86l-48.4,-37.37a2.63,2.63 0 0 0 -3,0l-48.6,37.38'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.dhx_btn_set,.dhx_btn_set div {
	padding: 0 10px;
	line-height: normal;
}

.dhtmlx-info {
	font-size: 14px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhtmlx-info div {
	padding: 6px 2px 6px 5px;
}

.dhx_now_time {
	width: 6000px;
	left: -3000px;
}

.dhx_second_scale_bar {
	border-left-color: #000;
	border-right-color: #000;
}

.dhx_cal_header {
	border: 1px solid #000;
	border-left: 0px solid #000;
}

.dhx_cal_light {
    border:0px solid #000000;
}

.dhx_cal_light_wide .dhx_wrap_section {
	overflow-y: auto;
}

.dhtmlXTooltip.tooltip {
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	font-size: 10px;
	line-height: 11px;
	padding: 5px;
	background-color: var(--of-grey400);
	color: var(--of-grey100);
	border: none;
	box-shadow: none;
	border-radius: 0px;
}

.dhtmlx_popup_title {
	padding: 4px 0;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

.dhtmlx_popup_button {
	font-size: 14px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	height: 22px;
}

.dhxform_obj_material div.singleBlock div.dhxform_block {
	border: 2px solid #afafaf;
	background-color: var(--of-grey200);
}

.dhxform_obj_material div.noBorderBlock div.dhxform_block {
	border: 0px;
}

.dhxform_obj_material div.singleBlock div.dhxform_block div.dhxform_block
	{
	border: 0px;
}

.dhxform_obj_material div.mlMessage div.dhxform_txt_label2 {
	border: 1px solid var(--of-grey200);
	overflow: auto;
	padding: 2px;
}

.dhxform_obj_material div.conditionButton div.dhxform_btn {
	background-color: var(--of-grey100);
}

.dhxform_obj_material div.conditionButton div.dhxform_btn:hover {
	background-color: var(--of-secondary300);
}

.dhxform_obj_material div.dhxform_item_label_left {
	padding-top: 1px;
}

.dhxform_obj_material div.boldLabel {
	padding-top: 0px;
}

.dhxform_obj_material div.infoLabel {
	padding-top: 0px;
}

.dhxform_obj_material div.dhxform_item_label_left.nonbold div.dhxform_txt_label2
	{
	font-weight: normal;
}

.dhxform_obj_material div.optionsBlock div.dhxform_txt_label2{
	font-size: 12px;
}

.dhxform_obj_material div.optionsBlock div.dhxform_label {
	font-size: 12px;
}

.dhxform_obj_material div.dhxform_label_nav_link {
  line-height: normal;
}

.dhxform_obj_material div.dhxform_item_label_left.custtable {
	padding-top: 1px;
}

.dhxform_obj_material div.dhxform_item_label_left.custtable div.dhxform_txt_label2
	{
	padding: 1px 0;
	margin: 1px 2px;
}

.dhxform_obj_material div.addressLabel div.dhxform_txt_label2 {
	background-color: var(--of-grey200);
	color: black;
	padding: 4px;
	margin: 0px;
}

.dhxform_obj_material div.custlegend fieldset.dhxform_fs legend.fs_legend
	{
	font-weight: bold;
}

.dhxform_obj_material .dhxform_select {
	border-width: 1px 1px 1px 1px;
	font-size: 12px;
	width: 150px;
}

div.dhxcombolist_material div.dhxcombo_option_multiline {
	position: relative;
	font-size: inherit;
	padding: 0px;
	line-height: 16px;
	border-top: 1px solid #dfdfdf;
	vertical-align: middle;
	overflow: hidden;
	cursor: default;
}

div.dhxcombolist_material div.dhxcombo_option_multiline.dhxcombo_option_selected
	{
	background-image: none;
	background-color: var(--of-grey200);
	border-top: 1px solid #dfdfdf;
}

div.dhxcombolist_material div.dhxcombo_option_multiline div.dhxcombo_option_text
	{
	position: relative;
	padding: 0px 4px;
	-moz-user-select: none;
	white-space: nowrap;
	font-size: 12px;
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

div.gridbox_material.gridbox table.hdr td {
	border: 1px solid var(--of-grey200);
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding: 2px 0 1px 0;
	font-size: 11px;
	color: var(--of-grey900);
	font-weight: 500;
	background-color: var(--of-grey100);
	font-family: Segoe UI,Roboto,Arial,Helvetica;
}

div.gridbox_material.gridbox table.hdr tr:nth-child(2) td {
    border-top: 0px solid white;
}

div.gridbox_material.gridbox table.hdr tbody tr td {
    border-right-width: 1px;
    border-left-width: 0px;
} 
div.gridbox_material.gridbox div.objbox table.hdr tbody tr td {
    border-right-width: 0px;
    border-left-width: 1px;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col,div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col
	{
	background-position: 2px 2px;
}

div.gridlevel1 table.obj {
	border-left: 1px solid var(--of-grey200);
	/*   border-right: 3px solid var(--of-grey200); */
}

#columnsGridBlock div.gridbox_material.gridbox .odd_material {
  background-color: var(--of-grey200);
}

div.gridbox div.ftr td {
  border-top: 1px solid var(--of-grey200);
  border-right: 1px solid var(--of-grey100);
  font-size: 11px;
  line-height: 12px;
  font-family: Segoe UI,Roboto,Arial,Helvetica;
  font-weight:700;
  color: #404040;
  padding: 2px 2px 2px 5px;
  overflow: hidden;
}

.leaflet-bar a,.leaflet-bar a:hover {
	background-color: transparent;
}

.leaflet-bar a, .leaflet-bar a:hover {
	border-bottom: 1px solid  rgba(0,0,0,0.5);
	width: 21px;
	height: 21px;
	line-height: 21px;
}

.leaflet-touch .leaflet-bar a {
	width: 21px;
	height: 21px;
	line-height: 21px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
	font: bold 14px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 14px;
}

.leaflet-touch .leaflet-draw-actions a {
	font-size: 10px;
	line-height: 24px;
	height: 24px;
}

.leaflet-touch .leaflet-draw-actions {
	left: 25px;
}

.leaflet-control {
	background: rgba(130, 154, 180, 0.5);
	color: black;
	font-weight: bold;
}

.leaflet-error {
    box-shadow: none;
	background: rgba(227, 227, 227, 0.0);
	color: red;
	font-weight: bold;
	font-size: x-large;
}

.leaflet-popup-pane,.leaflet-control {
	cursor: pointer;
}

.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.5);
}

.leaflet-bar a:last-child:hover {
	border-bottom: none;
}

.leaflet-top .leaflet-control {
	margin-top: 0px;
}
.leaflet-top .leaflet-control:first-child {
	margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
	margin-bottom: 4px;
}

.leaflet-draw-toolbar .leaflet-draw-draw-polygon {
	background-position: -2px -1px;
}

.dhtmlx-message,.dhtmlx-message div {
	background-color: #77bb00;
	color: #000000;
}

.dhtmlx-error,.dhxform_obj_material .message div.dhxform_txt_label2 {
	background-color: var(--of-success);
	color: #000000;
	padding: 3px;
	margin: 0px;
}

.dhtmlx-error,.dhxform_obj_material .success div.dhxform_txt_label2 {
	background-color: var(--of-success);
	color: #000000;
	padding: 3px;
	margin: 0px;
}

.dhtmlx-error,.dhxform_obj_material .informational div.dhxform_txt_label2 {
	background-color: var(--of-info);
	color: #000000;
	padding: 3px;
	margin: 0px;
}

.dhtmlx-error,.dhxform_obj_material .warning div.dhxform_txt_label2 {
	background-color: var(--of-warning);
	color: var(--of-grey100);
	padding: 3px;
	margin: 0px;
}


.dhtmlx_message_area {
    z-index: 1;
    overflow-y: hidden; 
}

.dhtmlx-error,.dhxform_obj_material .error div.dhxform_txt_label2 {
	background-color: var(--of-error);
	color: var(--of-grey100);
	padding: 3px;
	margin: 0px;
}

.dhxform_obj_material div.innerTitle div.dhxform_txt_label2 {
	font-size: 16px;
	padding: 3px;
	margin: 0px;
}

.dhxform_obj_material div.innerTitle {
	padding-top: 0px;
}

body {
	background-color: var(--of-grey100);
	color: black;
}

.dhxtabbar_tab_actv>div {
	background-color: var(--of-secondary500) !important;
	color: var(--of-grey100);
}

.dhxtabbar_base_material div.dhxtabbar_tabs {
	background-color: var(--of-accent400)
}

/* .xhdr td,.xhdr td,.xhdr td,.objbox .xhdr .hdr>tbody>tr>td {
	background-color: var(--of-grey200);
	color: black;
	border-style: thick;
	border-color: var(--of-grey200)
} */

td {
	border-style: thick !important;
	border-color: var(--of-grey200) !important
}

body>div.dhxcelltop_hdr,body>div.dhxcelltop_hdr {
	background-color: var(--of-primary500);
	color: var(--of-grey100)
}

.leaflet-container {
	font: 12px/1.5 "Segoe UI",Roboto,Arial,Helvetica;
}
	
.top_level_text {
	background-color: transparent !important;
	color: var(--of-grey100)
}

.leaflet-container {
	font-family: Segoe UI,Roboto,Arial,Helvetica;
	font-weight: normal;
}

.leaflet-tooltip {
	line-height: 11px;
	font-size: 10px;
	padding: 5px;
	background-color: var(--of-grey400);
	color: var(--of-grey100);
	border: none;
	border-radius: 0px;
	
}

.leaflet-tooltip > div {
	word-wrap: break-word;
    white-space: normal;
    max-width: 300px;
    width: max-content;
    /*font-weight: bold;*/
}

div#comments {
	width: 990px;
	padding: 0px 5px 0px 0px;
}

textarea[name=newComment]{
	width: 930px;
}

#comments > .dhxform_base {
	float: unset;
}

#comments .commentsList .dhxform_fs_nested{
	min-height: 30px;
}

.dhtmlx_button input,
.dhtmlx_popup_button div {
  border: 0px;
  border-radius: 0px;
}

.dhtmlx_modal_box {
  border-radius: 0px; 
}

.btn-dhtmlx {
	background-color: var(--of-secondary400);
    border-radius: 4px;
    border-color: var(--of-secondary400);
    color: var(--of-grey100);
    font-family: Segoe UI,Roboto,Arial,Helvetica;
	font-size: 14px;
    cursor: pointer;
    padding: 0 10px;
}

.responseHistoryMessageIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	line-height: 16px;
	left: 0px;
	top: 5px;
	background-image:url('../js/dhtmlxSuite/imgs/dhxlayout_material/dhxlayout_cell_btns.png');
	background-position: 0 0;
	background-repeat: no-repeat;	
	
}
.expanded{
	transform: rotate(0deg);
}

.collapsed{
	transform: rotate(270deg);
}

.messageType, .successType, .informationalType {
	filter:  invert(1);
}

.responseHistoryMessage {
	padding-left: 15px;
}

#addressBlock .addressLabel {
	word-wrap:break-word;
}

.dhxform_obj_material div.geocodeResponseButton div.dhxform_btn div.dhxform_btn_txt,
.dhxform_obj_material div.geocodeRequestButton div.dhxform_btn div.dhxform_btn_txt {	
	height: 20px;
}

div.geocodeResponseButton .ofIcon, div.geocodeResponseButton .ofIconNoHover,
div.geocodeRequestButton .ofIcon, div.geocodeRequestButton .ofIconNoHover {
  display: inline-block;
  line-height: 1;
  padding: 1px;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-width: 10px;
  stroke-miterlimit: 10;
  border: 1px solid transparent;
}

div.geocodeResponseButton .ofIcon, div.geocodeResponseButton .ofIconNoHover{
	transform: rotate(180deg);
}

.leaflet-draw-actions a {
	background-color: #919187;
	border-left: 1px solid #AAA;
	color: #FFF;
}
/*overwrite postion according OD size*/
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
	background-position: -32px -3px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle {
	background-position: -63px -3px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
	background-position: -93px -3px;
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit {
	background-position: -153px -3px;
}