/*Custom*/
.icon-amount {
position: relative;
    float: left !important;
    min-width: 40px;
    line-height: 40px;
    text-align: center;
}

.icon-amount i {
z-index: 1;
}

.icon-amount .icon-amount-nr {
position: absolute;
    bottom: 5px;
    right: 5px;
    background: #fff;
    color: #4286f4;
    height: auto;
    line-height: normal;
    font-size: 10px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
    padding: 2px 4px;
    border-radius: 50px;
    z-index: 2;
}
.MP_Checkbox:hover {
	cursor: default;
}
img.full-bg	{
	top: auto;
	bottom: 0;
}

.footer-bottom-snowbird	{
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: auto;
	z-index: 2;
}

.footer-bottom-label	{
	position: fixed;
	bottom: 10px;
	right: 20px;
	width: auto;
	z-index: 2;
}

.footer-bottom-label td	{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

.planningIcons {
	color: #DE815C;
}

.Check_AanwezighedenLocked {
	color: #CCC;
}

#popups .ui-tabs-panel .textlabel.Check_AanwezighedenVerkeerdeKlant {
	font-weight: normal !important;
	background-color: #DE815C !important;
	color: #fff;
	padding: 9px;
	width: 250px;
}

#popups .ui-tabs-panel .textlabel.Check_AanwezighedenVerkeerdeKlant .gi {
	  font-size: 16px;
	  display: block;
	  float: left;
	  padding-top: 8px;
	  margin-right: 10px;
}


.dataGrid TBODY TR.activeUser {
	background-color: #FFE9C2;
}
.dataGrid TBODY TR.vrijPlanning {
	background-color: #EAEAEA;
}
.dataGrid TBODY TR.weekendPlanning {
	background-color: #454e59;
	color: #ACB5BF;
}
.dataGrid TBODY TR.FeestdagenPlanning {
	background-color: #94BFF0;
}
.dataGrid TBODY TR.nextDayPlanning {
	border-top: solid 1px #454e59;
}

DIV.radioLabelDagLocatie {
	width: 150px;
	float: left;
}

/*Overwrites*/



	#menu {
	background-color: #4286f4;
	height: 50px;
	}

	#headerLogo {
	background-color: #4286f4;
	height: 50px;
	background-image: url('../images/holbrecht.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	}
#subMenu a.active {
	background: #EBEEF2;
	color: #515459 !important;
	border-right: 4px solid #4286f4;
}
.aboutSnowBirdlink {
	color: #4286f4;
	font-size: 12px;
	/*line-height: 40px;*/
	text-decoration: underline;
}
INPUT:focus, TEXTAREA:focus, SELECT:focus {
	border-color: #4286f4;
}

#subMenu {
	/*background-color: #454e59;*/
}

FORM INPUT[type=submit] {
	margin-left: 2px;
	border-radius: 0;
	background-color: #4286f4;
	border-color: #4286f4;
	color: #fff;
	height: 30px;
}

 #popups  FORM INPUT[type=submit] {
 margin-left: 5px;
 border-radius: 0;
 background-color: #4286f4;
 border-color: #4286f4;
 color: #fff;
 height:30px;
 }

 #popups  FORM INPUT[type=button]:hover,
 #popups  FORM INPUT[type=button]:focus,
 #popups  FORM INPUT[type=button]:active,
 #popups  FORM INPUT[type=submit]:hover,
 #popups  FORM INPUT[type=submit]:focus,
 #popups  FORM INPUT[type=submit]:active {
 background-color: #4286f4;
 border-color: #4286f4;
 color: #ffffff !important;
 }

 #popups  FORM INPUT[type=button].disabled,
 #popups  FORM INPUT[type=button].disabled:hover,
 #popups  FORM INPUT[type=button].disabled:focus,
 #popups  FORM INPUT[type=button].disabled:active,
 #popups  FORM INPUT[type=submit].disabled,
 #popups  FORM INPUT[type=submit].disabled:hover,
 #popups  FORM INPUT[type=submit].disabled:focus,
 #popups  FORM INPUT[type=submit].disabled:active {
 background-color: #4286f4;
 border-color: #4286f4;
 }

 .dataGrid tbody td.active, .dataGrid tbody tr.switchcolor td.active {
 background-color: #E4C17C;
 color: #fff;
 border-left: 1px solid #DEB25C;
 }

#popups .popup .head {
	background-color: #4286f4;
	height: 45px;
	padding-left: 15px;
	padding-top: 10px;
	line-height: 25px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	-webkit-border-top-left-radius: 1px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius-topleft: 1px;
	-moz-border-radius-topright: 1px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
	cursor: move;
}

.dataGrid .datagrid_header .item:not(.nosort)
:HOVER {
	color: #4286f4;
	cursor: pointer;
}

.dataGrid .datagrid_pager A.active, .dataGrid .datagrid_pager A:HOVER {
	background-color: #4286f4;
	color: #fff;
}

.dataGrid .datagrid_pager A.active, .dataGrid .datagrid_pager A:HOVER {
	background-color: #4286f4;
	color: #fff;
}

.dataGrid .datagrid_pager A {
	display: inline-block;
	text-align: center;

	height: 27px;
	width: 27px;
	line-height: 27px;

	text-decoration: none;
	color: #4286f4;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: 500;
	border: none !important;
	border-radius: 3px !important;
}

.dataGrid .datagrid_pager span {
	display: inline-block;
	height: 27px;
	width: 27px;
	line-height: 27px;
	padding: 0px 8px;
	text-decoration: none;
	color: #ccc;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: 500;
	border: none !important;
	border-radius: 3px !important;
}

.dataGrid .datagrid_pager A.active, .dataGrid .datagrid_pager A:HOVER {
	background-color: #4286f4;
	color: #fff;
}

.dataGrid .datagrid_pager .spacer {
	text-align: center;
	color: #4286f4;
	cursor: default;
}


#messenger INPUT[type=submit] {
	margin-left: 5px;
	border-radius: 0;
	background-color: #4286f4;
	border-color: #4286f4;
	color: #fff;
	height: 30px;
	float: right;
	min-width: 80px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 13px;
}
.ui-autocomplete LI .ui-state-hover, .ui-autocomplete LI.ui-state-focus {
	color: #fff;
	background-color: #4286f4 !important;
	background-image: none;
	font-weight: normal;
	border: none;
	padding: 8px 6px !important;
	margin: 0px;
}

.progress-bar-primary {
	background-color: #4286f4;
}
 ----

	 /* Import Result Table styling */
 .importResultTable					{ width:100%; }
.importResultTable th				{ font-weight: bold; padding: 5px 10px; border-bottom: 1px dotted #ccc; border-left: 1px dotted #ccc; }
.importResultTable th:first-child	{ border-left: none; }
.importResultTable td				{ font-weight: normal; padding: 5px 10px; border-left: 1px dotted #ccc; }
.importResultTable td:first-child	{ border-left: none; }
.importResultTable tr.even td		{ background: #f5f5f5; }

/*#menu {
 border-bottom: none;
 }
 #topMenu A {
 background-color: #f0f0f0;
 }
 #topMenu A:HOVER {
 background-color: #ccc;
 color: #333;
 }
 #topMenu A.mainMenuButtonSelected {
 background-color: #fedf1a;
 color: #000;
 font-weight: bold;
 }

 #subMenu {
 background-color: #fedf1a;
 }

 #subMenu A {
 text-shadow: #eacd0d 0px 0px 0px;
 }*/

/*#footer {
 background-color: #cdcd01;
 }*/
/*#topMenu A.mainMenuButtonSelected {
 background-color: #ea8000;
 color: #f0f0f0;
 font-weight: bold;
 }*/
/*#popups .popup .head {
 border-style: solid;
 background-color: #ea8000;
 border-top-color: #ea8000;
 border-left-color: #ea8000;
 border-right-color: #ea8000;
 border-top-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 0px;
 color: #fff;
 height: 28px;
 font-size: 13px;
 }*/


.themed-foreColor-red {
	Color: #DC0024 !important;
}

.themed-foreColor-yellow {
	Color: #F3D700 !important;
}

.themed-foreColor-blue {
	Color: #5cafde !important;
}

.themed-foreColor-green {
	Color: #7FB918 !important;
}

.themed-foreColor-yellowgreen {
	Color: #C1D054 !important;
}

.themed-foreColor-lightGrey {
	Color: #f9f9f9 !important;
}

.themed-foreColor-grey {
	Color: #ACB5BF !important;
}

.themed-foreColor-black {
	Color: #090909 !important;
}

.themed-foreColor-orange {
	Color: #FFA453 !important;
}
.themed-foreColor-rose {
	Color: #F47983 !important;
}
.themed-foreColor-violet {
    Color: #B026FF !important;
}