/********************
***  DHTMLX GRID  ***
*********************/
/* Grid Pagination */
#dashboard div[id*="pagingArea"] {
	margin-top:5px;
	min-height:34px;
	height:auto!important;
	background-color:transparent;
	margin-bottom:20px;
	}
	#dashboard div[id*="pagingArea"] .dhx_toolbar_text {
		line-height:18px;
		}
		/* total results: bold + add margin right*/
		#dashboard div[id*="pagingArea"] .dhx_toolbar_text:nth-of-type(1) {
			font-weight:bold;
			margin-right:5px;
			}
		/* adjust width setting for text 'row x till x' */
		#dashboard div[id*="pagingArea"] .dhx_toolbar_text:nth-of-type(4)[style] {
			width:auto!important;
			min-width:50px!important;
			}
	#dashboard div[id*="pagingArea"] .dhx_toolbar_btn,
	#dashboard div[id*="pagingArea"] .dhx_toolbar_arw {
		height:30px!important;
		border:0 none;
		padding:3px 6px;
		}
		#dashboard div[id*="pagingArea"] .dhx_toolbar_btn {
			margin-left:1px;
			}
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn.dhxtoolbar_btn_over,
			#dashboard div[id*="pagingArea"] .dhx_toolbar_arw.dhxtoolbar_btn_over,
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn.dhxtoolbar_btn_pres,
			#dashboard div[id*="pagingArea"] .dhx_toolbar_arw.dhxtoolbar_btn_pres {
				box-shadow:none;
				-moz-box-shadow:none;
				-webkit-box-shadow:none;
				}
		#dashboard div[id*="pagingArea"] .dhx_toolbar_btn.dhxtoolbar_btn_dis,
		#dashboard div[id*="pagingArea"] .dhx_toolbar_arw.dhxtoolbar_btn_dis {
			opacity:0.5;
			}
		/* no images but fa icons for .dhx_toolbar_btn (navigation etc) in paging toolbar */
		#dashboard div[id*="pagingArea"] .dhx_toolbar_btn img {
			display:none;
			}
			/* fa-fast-backward */
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn:nth-of-type(2):after {
				font-family:'FontAwesome';
				content: '\f049';
				position:relative;
				top:4px;
				padding: 0 2.5px;
				}
			/* fa-carret-left */
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn:nth-of-type(3):after {
				font-family:'FontAwesome';
				content: '\f0d9';				
				font-size: 18px;
				position:relative;
				top: 2px;
				padding: 0 6px;
				}
			/* fa-carret-right */
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn:nth-of-type(5):after {
				font-family:'FontAwesome';
				content: '\f0da';
				font-size: 18px;
				position:relative;
				top: 2px;
				padding: 0 6px;
				}
			/* fa-fast-forward */
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn:nth-of-type(6):after {
				font-family:'FontAwesome';
				content: '\f050';
				position:relative;
				top:4px;
				padding: 0 2.5px;
				}
			/* fa-files-o */
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn:nth-of-type(8) .dhxtoolbar_text:before {
				font-family:'FontAwesome';
				content: '\f0c5';
				font-size: 14px;
				position:relative;
				top:1px;
				padding: 0 4px 0 0;
				}
			/* fa-th-list */
			#dashboard div[id*="pagingArea"] .dhx_toolbar_btn:nth-of-type(11) .dhxtoolbar_text:before {
				font-family:'FontAwesome';
				content: '\f00b';
				font-size: 14px;
				position:relative;
				top:1px;
				padding: 0 4px 0 0;
				}
		/* fa icon instead of the caret background-image for .dhx_toolbar_arw (select buttons) */
		#dashboard div[id*="pagingArea"] .dhx_toolbar_arw .arwimg {
			background-image:none;
			}
			#dashboard div[id*="pagingArea"] .dhx_toolbar_arw .arwimg:after {
				font-family:'FontAwesome';
				content: '\f0d7';
				}
		/* no images in de select / dropdown */
		div.dhx_toolbar_poly_dhx_terrace .buttons_cont .tr_btn .td_btn_img {
			display:none;
			}
		div.dhx_toolbar_poly_dhx_terrace .buttons_cont .tr_btn .td_btn_txt {
			padding:0 5px 0 8px;
			}
			div.dhx_toolbar_poly_dhx_terrace .buttons_cont .tr_btn .td_btn_txt div.btn_sel_text:before {
				font-family:'FontAwesome';
				content: '\f046';
				padding:0px 5px 0 3px;
				}
			div.dhx_toolbar_poly_dhx_terrace .buttons_cont .tr_btn .td_btn_txt div.btn_sel_text {
				padding:0px 16px 0 0;
				}
				div.dhx_toolbar_poly_dhx_terrace .buttons_cont .tr_btn .td_btn_txt div.btn_sel_text span[style] {
					padding:0!important;
					}
					
/* Grid (header + body) */
#dashboard .gridbox[style] {
	width:100%!important;
	}
	/* set min-width for all columns (eq to smallest width setting in Booking/EventResultFormatter.class.php) */	
	#dashboard .gridbox_dhx_terrace.gridbox table.hdr th,
	#dashboard .gridbox_dhx_terrace.gridbox table.obj th,
	#dashboard .gridbox_dhx_terrace.gridbox table.hdr td .hdrcell,
	#dashboard .gridbox_dhx_terrace.gridbox table.obj td {
		min-width:85px;
		}
	/* add move icon to header cell so it's clear for the user he can resize this cell */
	#dashboard .gridbox_dhx_terrace.gridbox table.hdr td {
		vertical-align:bottom;
		overflow-x:hidden;
		}
		#dashboard .gridbox_dhx_terrace.gridbox table.hdr td:after {
			content:'';
			font-family:'FontAwesome';
			position:absolute;
			right:2px;
			bottom:9px;
			}
			#dashboard .gridbox_dhx_terrace.gridbox table.hdr td:hover:after {
				content:'\f07e';
				}
			#dashboard .gridbox_dhx_terrace.gridbox table.hdr td:focus:after {
				content:''!important;
				}
		#dashboard .gridbox_dhx_terrace.gridbox table.hdr td .hdrcell {
			/*border-right:1px dotted rgba(0,0,0,0.25);*/
			padding:8px 15px 8px 20px;
			white-space:normal;
			line-height:1.4em;
			vertical-align:middle;
			}
	
	/* adjust grid cell settings (add wrapping text functionality, improve alignment etc) */
	#dashboard .gridbox_dhx_terrace.gridbox table.obj td {
		line-height:1.4em;
		white-space:normal;
		vertical-align:middle;
		padding:2px 20px;
		}
	/* use fa icon instead image for sort icon */
	#dashboard .gridbox .xhdr .dhxgrid_sort_asc,
	#dashboard .gridbox .xhdr .dhxgrid_sort_desc {
		z-index:9;
		background-image:none;
		}
		#dashboard .gridbox .xhdr .dhxgrid_sort_asc:after,
		#dashboard .gridbox .xhdr .dhxgrid_sort_desc:after {
			font-family:'FontAwesome';
			position:relative;
			top:-8px;
			}
			#dashboard .gridbox .xhdr .dhxgrid_sort_asc:after {
				content: '\f0d8';
				}
			#dashboard .gridbox .xhdr .dhxgrid_sort_desc:after {
				content: '\f0d7';
				}

/*
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
}

/* 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;
}

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