/* ------------ to let drop-down menus appear when they overlay other layouts ------- */
#layout_north {
	z-index: 20 !important;
}

/* ---------- forcing scrollbar -------*/
.ui-layout-unit .ui-layout-unit-content {
	overflow: visible;
}

/* -------------------- autocomplete ----------------*/
.ui-autocomplete-input::-ms-clear {
    display: none;
}


#mainDiv {
 	position: relative;
}

#layout {
	position: static !important;
}

.vd-actioncomponent-in-datatable {
	display: block;
}

.vd-h-panelgrid-in-tabview {
	min-width: 700px;
}

.vd-h-panelgrid-in-grid {
	width: 700px;
}

.vd-short-field-10 {
	width: 10px;
}

.vd-short-field-20 {
	width: 20px;
}

.vd-short-field-30 {
	width: 30px;
}

.vd-short-field-40 {
	width: 40px;
}

.vd-short-field-50 {
	width: 50px;
}

.vd-h-panelgrid-in-tabview .ui-grid-row .ui-grid-col-6:first-child {
	width: 250px;
}

.vd-h-panelgrid-in-tabview .ui-panelgrid-cell div {
	vertical-align: middle;
}

.vd-panel-grid-for-data-container .ui-grid-row .ui-grid-col-6:first-child {
	width: 250px;
}

.ui-datatable.borderless thead th,
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
}

.ui-panelgrid.borderless > div {
    border-style: none;
}

.panelgrid-border.ui-panelgrid tr, .panelgrid-border.ui-panelgrid .ui-panelgrid-cell {
	border-width: 1px;
	border-style: ridge;
}

.no-padding-left .ui-grid-row .ui-grid-col-6:first-child {
	padding-left: 0px;
}

.vd-blockui-hidden + .ui-blockui-content {
	visibility: hidden;
}

/*
 This class can be used on a div to provide
 a floating busy indicator that is always
 visible, no matter which height the blocked
 component (see p:blockUI) has
 */
.vd-blockui-fixed-content {
	position: fixed;
	top: 30%;
	z-index: 1003;
	background: inherit;
	padding: 1em;
	transform: translate(-1em);
	border-radius: 6px;
	visibility: visible;
}

/*
 <p:dataTable styleClass="noHeader" ..> for datatables without column-headers
 */
.noHeader.ui-datatable table thead tr {
    display: none;
}

/* this was an attempt to try out a media selector with min-width for responsive layout (mmt 30-Jan-2018)
input {
	color: blue !important;
}

@media (min-width: 40em) {
	input {
	    color: red !important;
	}
}
*/