.lowerLabel > div {
	margin-top: 5px;
}

.muisDateTime{
	margin-right: 5px;
	margin-top: 1px;
	color: rgb(204, 204, 204);
}

.dateTimeNoBorder{
	border-left: 0px;
	border-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.mainForm{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.selectItemTextHintFocused {
    border-right-width: 0px;
}

.selectItemTextHint {
    border-right-width: 0px;
}

.textItemHint,
.selectItemTextHint {
	color: rgb(51,51,51);
}

/* Explanations */
.explain{
	display: inline;
	position: relative;
	border-bottom: 1px black dotted;
}

.explain:hover:after{
    background: rgb(51,60,77);
    color: white;
    border-radius: 5px;
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 5px 15px;
    content: attr(data-title);
    white-space: nowrap;
}

.explain:hover:before{
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid rgb(51,60,77);
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -6px;
    content: "";
}

/* Remove dotted focus outline */
:focus { outline: none; }

/*  */
.menuHeader{
    margin-top: 0px;
}

/* Lost fout op in css waarbij listgrid items resizen bij hover/select events */
.cell,
.cellDark,
.cellOver,
.cellOverDark,
.cellSelected,
.cellSelectedDark,
.cellSelectedOver,
.cellSelectedOverDark,
.cellDisabled,
.cellDisabledDark,
.tallCell,
.tallCellDark,
.tallCellOver,
.tallCellOverDark,
.tallCellSelected,
.tallCellSelectedDark,
.tallCellSelectedOver,
.tallCellSelectedOverDark,
.tallCellDisabled,
.tallCellDisabledDark,
.gridSummaryCell,
.gridSummaryCellDisabled,
.groupSummaryCell,
.groupSummaryCellDisabled,
.recordSummaryCell,
.recordSummaryCellDark,
.recordSummaryCellOver,
.recordSummaryCellOverDark,
.recordSummaryCellSelected,
.recordSummaryCellSelectedDark,
.recordSummaryCellSelectedOver,
.recordSummaryCellSelectedOverDark,
.recordSummaryCellDisabled,
.recordSummaryCellDisabledDark,
.expansionCellCell,
.expansionCellCellDark,
.expansionCellCellOver,
.expansionCellCellOverDark,
.expansionCellCellSelected,
.expansionCellCellSelectedDark,
.expansionCellCellSelectedOver,
.expansionCellCellSelectedOverDark,
.expansionCellCellDisabled,
.expansionCellCellDisabledDark,
.specialCol,
.specialColOver,
.specialColSelected,
.specialColSelectedOver,
.specialColDisabled,
.groupNode {
    border-top: 0;
    border-bottom: 0;
}

.spacerStyle{
	font-size: 0px;
}

/* Login form */
.loginSeperator {
	display: flex;
	height: 100%;
}

.loginSeperatorBlock {
	flex: auto;
}

.loginSubtext {
	display: block;
	margin-left: 7px;
	margin-right: 7px;
	color: rgb(101, 101, 101);
}

.loginSubtext a {
	text-decoration: none;
	color: rgb(101, 101, 101);
}

.loginSubtext a:hover {
	text-decoration: underline;
}

.loginSubtext a:visited {
	
}

.loginForgotPassword {
	text-decoration: none;
	color: rgb(1, 74, 145);
}

.loginForgotPassword:hover {
	text-decoration: underline;
}

/* Error window */
.errorText a {
	text-decoration: none;
	color: rgb(51, 51, 51);
}

.errorText a:hover {
	text-decoration: underline;
}

.errorText a:visited {
	
}

.formTitle{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: rgb(51, 51, 51);
}


/** DASHBOARD CSS */
.dashboardRood,
.dashboardRoodDark,
.dashboardRoodOver,
.dashboardRoodOverDark,
.dashboardRoodSelected,
.dashboardRoodSelectedDark,
.dashboardRoodSelectedOver,
.dashboardRoodSelectedOverDark,
.dashboardRoodDisabled,
.dashboardRoodDisabledDark, 
.dashboardOranje,
.dashboardOranjeDark,
.dashboardOranjeOver,
.dashboardOranjeOverDark,
.dashboardOranjeSelected,
.dashboardOranjeSelectedDark,
.dashboardOranjeSelectedOver,
.dashboardOranjeSelectedOverDark,
.dashboardOranjeDisabled,
.dashboardOranjeDisabledDark,
.dashboardGroen,
.dashboardGroenDark,
.dashboardGroenOver,
.dashboardGroenOverDark,
.dashboardGroenSelected,
.dashboardGroenSelectedDark,
.dashboardGroenSelectedOver,
.dashboardGroenSelectedOverDark,
.dashboardGroenDisabled,
.dashboardGroenDisabledDark, 
.dashboardGeel,
.dashboardGeelDark,
.dashboardGeelOver,
.dashboardGeelOverDark,
.dashboardGeelSelected,
.dashboardGeelSelectedDark,
.dashboardGeelSelectedOver,
.dashboardGeelSelectedOverDark,
.dashboardGeelDisabled,
.dashboardGeelDisabledDark {
	font-family:Arial,Verdana,sans-serif; font-size:11px; text-overflow:ellipsis;
	color: #002753;
}
.dashboardRood,
.dashboardRoodDark,
.dashboardRoodOver,
.dashboardRoodOverDark,
.dashboardRoodSelected,
.dashboardRoodSelectedDark,
.dashboardRoodSelectedOver,
.dashboardRoodSelectedOverDark {
	background-color: #FF7F7F;
}
.dashboardOranje,
.dashboardOranjeDark,
.dashboardOranjeOver,
.dashboardOranjeOverDark,
.dashboardOranjeSelected,
.dashboardOranjeSelectedDark,
.dashboardOranjeSelectedOver,
.dashboardOranjeSelectedOverDark {
	background-color: #FFC87F;
}
.dashboardGroen,
.dashboardGroenDark,
.dashboardGroenOver,
.dashboardGroenOverDark,
.dashboardGroenSelected,
.dashboardGroenSelectedDark,
.dashboardGroenSelectedOver,
.dashboardGroenSelectedOverDark {
	background-color: #7FFF7F;
}
.dashboardGeel,
.dashboardGeelDark,
.dashboardGeelOver,
.dashboardGeelOverDark,
.dashboardGeelSelected,
.dashboardGeelSelectedDark,
.dashboardGeelSelectedOver,
.dashboardGeelSelectedOverDark {
	background-color: #FFFF7F;
}
.dashboardRoodDark
.dashboardOranjeDark
.dashboardGroenDark
.dashboardGeelDark {
    background: url(./images/ListGrid/rowa.png) repeat-x bottom left scroll;
}
.dashboardRoodOver,
.dashboardRoodOverDark,
.dashboardRoodSelected,
.dashboardRoodSelectedDark,
.dashboardRoodSelectedOver,
.dashboardRoodSelectedOverDark  {
	color: #532700;
}
.dashboardOranjeOver,
.dashboardOranjeOverDark,
.dashboardOranjeSelected,
.dashboardOranjeSelectedDark,
.dashboardOranjeSelectedOver,
.dashboardOranjeSelectedOverDark  {
	color: #AF5200;
}
.dashboardGroenOver,
.dashboardGroenOverDark,
.dashboardGroenSelected,
.dashboardGroenSelectedDark,
.dashboardGroenSelectedOver,
.dashboardGroenSelectedOverDark  {
	color: #275300;
}
.dashboardGeelOver,
.dashboardGeelOverDark,
.dashboardGeelSelected,
.dashboardGeelSelectedDark,
.dashboardGeelSelectedOver,
.dashboardGeelSelectedOverDark  {
	color: #999900;
}

.dashboardRoodOver,
.dashboardRoodOverDark,
.dashboardOranjeOver,
.dashboardOranjeOverDark, 
.dashboardGroenOver,
.dashboardGroenOverDark, 
.dashboardGeelOver,
.dashboardGeelOverDark {
    background:#FFFFFF url(../sc/skins/Enterprise/images/ListGrid/row_Over.png) repeat-x bottom left scroll;
}

.dashboardRoodSelected,
.dashboardRoodSelectedDark,
.dashboardRoodSelectedOver,
.dashboardRoodSelectedOverDark,
.dashboardOranjeSelected,
.dashboardOranjeSelectedDark,
.dashboardOranjeSelectedOver,
.dashboardOranjeSelectedOverDark,
.dashboardGroenSelected,
.dashboardGroenSelectedDark,
.dashboardGroenSelectedOver,
.dashboardGroenSelectedOverDark,
.dashboardGeelSelected,
.dashboardGeelSelectedDark,
.dashboardGeelSelectedOver,
.dashboardGeelSelectedOverDark {
    border-top: 1px dotted #9fb7e9;
    border-bottom: 1px dotted #9fb7e9;
}
.dashboardRoodSelected,
.dashboardRoodSelectedDark,
.dashboardOranjeSelected,
.dashboardOranjeSelectedDark,
.dashboardGroenSelected,
.dashboardGroenSelectedDark,
.dashboardGeelSelected,
.dashboardGeelSelectedDark {
    background:#d9e4f6;
}
.dashboardRoodSelectedOver,
.dashboardRoodSelectedOverDark,
.dashboardOranjeSelectedOver,
.dashboardOranjeSelectedOverDark,
.dashboardGroenSelectedOver,
.dashboardGroenSelectedOverDark,
.dashboardGeelSelectedOver,
.dashboardGeelSelectedOverDark {
    background:#d0dff6 url(../sc/skins/Enterprise/images/ListGrid/row_Over_Selected.png) repeat-x bottom left scroll;
}

.dashboardRoodDisabled,
.dashboardRoodDisabledDark,
.dashboardOranjeDisabled,
.dashboardOranjeDisabledDark,
.dashboardGroenDisabled,
.dashboardGroenDisabledDark,
.dashboardGeelDisabled,
.dashboardGeelDisabledDark {
	color:#AAAAAA;
	background-color:#FFFFFF;
}


/* MenuItemSeparator */
td.menuSeparator {
    height: 1px !important;
    padding-bottom:0px;
    padding-top:0px;
    border-bottom:0px;
    border-top:0px;
}
td.menuSeparator > div > hr, td.menuSeparator > nobr > hr {
    border-color: rgb(208, 208, 208) currentcolor currentcolor;
	border-style: solid none none;
	border-width: 1px 0px 0px;
	border-image: none 100% / 1 / 0 stretch;
	margin: 0px;
}


/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.muisDateTime{
	color:#FFFF80;
	font-weight:bold;
	font-size:18px;
}

.datePickerDate{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	color:rgb(51, 51, 51);
	cursor: pointer;
}
.datePickerDateAndereMaand{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	color:#676767;
	cursor: pointer;
}

.datePickerLabel {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	color:rgb(51, 51, 51);
	font-weight: bold;
}
.datePickerWeekendLabel {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	color:#0070ec;
	font-weight: bold;
}
.datePickerWkLabel {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:11px;
	color:#cc0000;
	font-weight: bold;
}

.serverResponseLabelError {
	color: red;
}

.mainForm{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 1px;
	margin-bottom: 29px;
}

.invoerForm{
	color: rgb(51, 51, 51);
	background-color: #FCFCFC;
	background-image: none;
}

body{
	background-color: white;
}

.menuTree{
	background-color: #FCFCFC;
	background-image: none;
	color: #FFFFFF;
}

.menuTreeNodes{
	color: #FFFFFF;
}

.menuHeader{
	margin-top: 23px;
}
.fileUploadCell{
	margin:  0px;
	padding: 0px;
}

.infoBar{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #000000;
}
.infoBar_hover{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.cellTest{
	border: solid 1px red;
}
.cellBladerKnopLinks{
	/*border: solid 1px blue;*/
	width: 1%;
	overflow: hidden;
}
.cellKlein, .cellKleinDisabled, .cellKleinFocused {
	/*border: solid 1px blue;*/
	width: 1%;
	overflow: hidden;
}
/**
* rechtermuisknop menu
*/
table.menu tr:hover, table.menu tr.hover {
	background: #0A246A;
	color: #FFFFFF;
	cursor: default;
}
table.menu tr{
	background: #D4D0C8;
	color: #000000;
	cursor: default;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.textItemDisabled{
	color: #000;
	background-color: #FFFFB0;
}
textarea {
	resize: none;
	overflow: auto;
}

.formTitleError{
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px;
	color:rgb(51, 51, 51);
	font-weight:normal;
}
.formTitle{
	font-weight:normal;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:11px;
	color:rgb(51, 51, 51);
}
label{
	font-weight:normal;
}

.fieldVerplicht, .fieldVerplichtFocused {
	background-image: url(./images/verplicht.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.fieldGevuld, .fieldGevuldFocused {
	background-color: #e6988a;
}
.checkGevuld {
	background-color: #e6988a;
}
.textItemError{
	background-image: url(./images/verplicht.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.formTitle b, .formTitleError b, .formTitleFocused b, .formTitleDisabled b{
	font-weight: normal;
}

.selectItemLiteTextDisabled, .selectItemLiteTextHintDisabled{
	color: #000;
	background-color: #FFFFB0;
}

/** Busy indicator */
html.busy, html.busy * {
	cursor: wait !important;
}

/* Base bar */
.PlanningprogressBarBase {
	background-color: #e0e0e0;
	border-radius: 4px;
	overflow: hidden;
}

/* Weak password = red */
.PlanningprogressBarRed {
	background-color: #d32f2f;
	height: 100%;
	transition: width 0.3s ease;
}

/* Strong password = green */
.PlanningprogressBarGreen {
	background-color: #388e3c;
	height: 100%;
	transition: width 0.3s ease;
}
.error{
	background-color: rgba(255, 165, 0, 0.62);
}