#menu {
	height: 55px;
	min-width: 910px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #283136;
	background-image: url('images/atrea-logo-new.png'), url('images/top-menu-bg.gif');
	background-position: 20px 13px, left center;
	background-repeat: no-repeat, repeat-x;
	z-index: 19999;
}

.main_menu {
	z-index: 9999;
    position: relative;
    top: 25px;
    left: 155px;
    height: 30px;
	width: 835px;
	animation-timing-function:ease-out;
	transition: top 0.1s;
}

#menu.sticky {
	height: 32px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #283136;
	background-image: url('images/atrea-logo-new.png'), url('images/top-menu-bg.gif');
	background-position: 42px 7px, left center;
	background-repeat: no-repeat, repeat-x;
	z-index: 19999;
	background-size: 73px 20px, 1px 32px;
}


#menu.sticky .main_menu {
	z-index: 9999;
    position: relative;
    top: 2px;
    left: 155px;
    height: 30px;
	width: 835px;
	animation-timing-function:ease-out;
	transition: top 0.1s;
}

#menu.sticky .logoff {
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 10000;
    height: 20px;
    line-height: 20px;
    text-align: right;
    color: #fff;
    animation-timing-function:ease-out;
	transition: top 0.1s;
}

@media (max-width:1250px) {
	
	#menu.sticky #MyMP_CompanyName {
		display: none;
	}
}

@media (max-width:1180px) {
	
	#menu.sticky #MyMP_CompanyName {
		display: none;
	}
	
	#menu {
		height: 55px;
		background-color: #283136;
		background-image: url('images/top-menu-bg.gif');
		background-position: left center;
		background-repeat: repeat-x;
		background-size: 1px 54px;
	}
		
	.main_menu {
	    left: 2px;
	}
	
	#menu.sticky {
		height: 32px;
		background-color: #283136;
		background-image: url('images/top-menu-bg.gif');
		background-position: left center;
		background-repeat: repeat-x;
		background-size: 1px 32px;
	}
		
	#menu.sticky .main_menu {
	    left: 2px;
	}

}



.page_content {
	min-width: 1168px;
	min-height: 55px;
	position: absolute;
	left: 15px;
	right: 15px;
	top: 70px;
	bottom: 15px;
}

.logoff {
	position: absolute;
	right: 10px;
	top: 3px;
	z-index: 10000;
	height: 20px;
	line-height: 20px;
	text-align: right;
	color: #fff;
}

.logoff a:link, 
.logoff a:visited,
.logoff a:hover, 
.logoff a:active {
	margin-left: 25px;
	color: #fff;
	text-decoration: underline;
}


#MyMP_Menu1 a.static {
    height: 30px !important;
    line-height: 30px !important;
    font-size: 13px !important;
    padding: 0 15px !important;
    color: #fff !important;
    text-decoration: none !important;
    border: none !important;
    background-color: #4A5962 !important;
	margin-right: 2px !important;
}

#MyMP_Menu1 ul.dynamic {
    background-color: rgba(247, 246, 243, 0.95) !important; 
    padding: 0 !important; 
    z-index: 1;
    margin-left: 0 !important; 
}

#MyMP_Menu1 ul.dynamic li:first-child {
	margin-top: 7px;
}

#MyMP_Menu1 ul.dynamic li:last-child {
	margin-bottom: 7px;
}

#MyMP_Menu1 ul.dynamic li a {
   font-size: 12px !important; 
   line-height: 25px !important; 
   font-weight: normal !important; 
   color: #000 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	transition: all 0.2s;
}

#MyMP_Menu1 ul.dynamic li:hover a,
	#MyMP_Menu1 ul.dynamic li:active a {
	font-size: 12px !important; 
	line-height: 25px !important; 
	font-weight: normal !important; 
	color: #000 !important; 
	background-color: #e7e7e7 !important; 

}


ul.level1 ul.level2 {
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
}

.modal {
	background-color: Gray;
	opacity: 0.7;
}

.skin0 {
	position: absolute;
	width: 271px;
	border: 1px solid #ccc;
	font-family: Verdana;
	cursor: default;
	font-size: 14px;
	z-index: 100;
    display: none;
	background-color: #fff;
	line-height: 24px;
	padding: 5px;
	z-index: 10000;
}

.menu items {
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	color: #000;
}

.LinkButton {
	color: #fff;
}

.BLAUW {
	background-color: #B9D0E8;
}

.ROOD {
	background-color: #F79494;
}

.GROEN {
	background-color: #C5F19A;
	font-weight: bold;
	color: #606060;
}

.MAGENTA {
	background-color: #D6BFD4;
}

.GEEL {
	background-color: #FEF5A8;
}

.CYAAN {
	background-color: #00FFFF;
}

.WIT {
	background-color: #fff;
	color: Black;
}

.ZWART {
	background-color: DarkGray;
	color: #fff;
}

.led {
	background-color: #fff;
}

.led_nomargin {
	padding: 0!important;
}

td.led img {
	height: 100%;
	width: 100%;
}

.Button {
	width: auto!important;
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 2px 15px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin-right: 5px;
}

.new_signup_visitor .Button {
	width: auto!important;
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 1px 6px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin-right: 5px;
}

.headerdiv .Button {
	padding: 1px 15px;
}

#btnSave,
#btnCancel,
#btnAdd,
#btnSync {
	text-transform: capitalize;
}

.Button:hover {
	opacity: 1;
}

.Button:disabled {
	opacity: 0.3;
}

#GroupPlanGrid1_btnMin,

#MyMP_Body_TbC1_TbP8_TimeSheet_btnMin {
	width: auto!important;
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 2px 3px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin-right: 2px;
	margin-left: 5px;
}

#lbDate + input[type="submit"],
#lbDate + input[type="submit"] + input + input + input[type="submit"] {
	width: 22px!important;
	height: 22px!important;
	background-color: #4A5962;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	padding: 2px 3px!important;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin-right: 2px;
	margin-left: 5px;
}

#lbDate + input[type="submit"] + input + input {
	width: 80px!important;
	text-align: center;
}

#GroupPlanGrid1_btnPlus,

#MyMP_Body_TbC1_TbP8_TimeSheet_btnPlus {
	width: auto!important;
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 2px 3px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin-right: 5px;
	margin-left: 2px;
}



#GroupPlanGrid1_btnMin:hover,

#GroupPlanGrid1_btnPlus:hover,

#MyMP_Body_TbC1_TbP8_TimeSheet_btnMin:hover,

#MyMP_Body_TbC1_TbP8_TimeSheet_btnPlus:hover,

#MyMP_Body_TimeSheetGrid_btnMin:hover,

#MyMP_Body_TimeSheetGrid_btnPlus:hover {
	opacity: 1;
}

.tsgridcellcw .Button,

.tsgridcellbc .Button {
	width: auto!important;
	background-color: transparent;
	border-radius: 0;
	line-height: 20px;
	text-align: center;
	padding: 2px 0;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	margin: 0;
}

.DropDown {
	cursor: pointer;
	height: 19px!important;
}

.HRMDropDown {
	cursor: pointer;
}

.HRMCheckList {
	width: 250px;
	cursor: pointer;
}

.RadioButton {
	cursor: pointer;
}

.bookgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 10px;
	border-right-style: none;
	border-left-style: none;
	position: static;
}

.addvisdiv {
	border: 1px solid #ccc;
	height: 500px;
	width: calc(100% - 132px);
	margin: 15px;
    padding: 50px;
	text-align: center;
}


.HRMSigdiv {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	height: 520px;
	width: 98%;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
}

.addgrpmutdiv {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	height: 527px;
	margin: 15px;
	text-align: left;
}

.editlistTR1 {
	width: 400px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.editlistTR6 {
	width: 400px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.editlistTR2 {
	width: 400px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}

.editlistTR3 {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.editlistTR4 {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.editlistTR5 {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.editlist1 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist2 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist3 {
	width: 400px;
	margin: 15px 5px;
}

.editlist4 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist5 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist6 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist7 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist8 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist9 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist10 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlist11 {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlistHRMPers {
	width: 480px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	position: relative;
    height: 496px;
}

.editlistHRMBEOPers {
	width: 400px;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 5px;
}

.editlistHRMFoto {
	background-color: #F4F4F4;
	left: 600px;
	top: 130px;
}

.fotoBlok {
    max-width: 124px;
    /*max-height: 140px;*/
    max-height: 133px;
    min-height: 82px;
    position: absolute;
    border: 1px;
    border-color: #ccc;
    border-style: solid;
    margin-top: 43px;
    margin-left: 326px;
    z-index: 500;
}

#MyMP_Body_TbC1_TbP2_HRMCom_editlistCommPostAdres_GridView1_ctl02_HRMCustomEditBoolean0_CheckBox1 {
    visibility: hidden !important;
}

.PostAdresknop {
	position: absolute;
	margin-top: 35px;
	margin-left: 158px;
	height: 19px;
	width: 112px;
	z-index: 501;
}

.fotoBlokknop {
	position: absolute;
	margin-top: 49px;
	margin-left: 332px;
	height: 21px;
	width: 34px;
	z-index: 501;
}

.HrmDocumentList {
	background-color: #F4F4F4;
	border: 1px solid #999999;
	margin-top: 3px;
	height: 210px;
	overflow: hidden;
	width: 174px;
}

.bigpictureFormHrm {
	background-color: #F4F4F4;
	width: 700px;
	height: 700px;
}

.bigpictureHrm {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	width: 635px;
	height: 655px;
}

.FotoFormHrm {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	width: 265px;
	height: 340px;
}

.PdfDocumentFormHrm {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	width: 265px;
	height: 340px;
	overflow: hidden;
}

.changeImageHrm {
	background-color: #4A5962;
	width: 100%;
}

.editlistHRMidimage {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	margin-top: 10px;
	margin-left: 6px;
	margin-bottom: 15px;
}

.editlistHRMAktueel {
	width: 430px;
	height: 90px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0;
}

.editlistCommAdres {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlistCommPostAdres {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
    height: 196px;
}

.editlistCommTelefoon {
	width: 400px;
	margin: 5px 5px 15px;
}

.editlistCommAlarm {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.editlistPersGeboorte {
	width: 400px;
	height: 160px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

.editlistPersIdentiteit {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
    height: 436px;
}

.editlistPersRijbewijs {
	width: 400px;
	margin: 5px 0 9px 5px;
}

.editlistPersPartner {
	width: 400px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 5px;
}

.editlistPersMedisch {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0;
}

.editKinderenHead {
	width: 814px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	line-height: 18px;
	margin-top: 10px;
}

.HRMMessageknopok {
	width: 75px;
	height: 22px;
	text-align: center;
	float: left;
	border: 1px solid #7d7d7d;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../img_terminal/gradient_grey_58px_high.gif);
	color: #000;
	cursor: pointer;
	margin-right: 0;
	margin-left: 91px;
	margin-top: -377px;
	position: absolute;
}

.HRMMessageknopokBadge {
	width: 75px;
	height: 22px;
	text-align: center;
	float: left;
	border: 1px solid #7d7d7d;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../img_terminal/gradient_grey_58px_high.gif);
	color: #000;
	cursor: pointer;
	margin-right: 0;
	margin-left: 77px;
	margin-top: -362px;
	position: absolute;
}

.HRMMessageknopcancelBadge {
	width: 75px;
	height: 22px;
	text-align: center;
	float: right;
	border: 1px solid #7d7d7d;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../img_terminal/gradient_grey_58px_high.gif);
	color: #000;
	cursor: pointer;
	margin-right: 0;
	margin-left: 164px;
	margin-top: -362px;
	position: absolute;
}

.HRMSubmitMessage {
	font: 12px/14px Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	text-align: center;
	margin-left: 6px;
	margin-right: 0;
	margin-top: 20px;
	height: 45px;
	width: 338px;
	position: absolute;
	cursor: move;
}

.HRMMessageDiv {
	position: absolute;
	top: 280px;
	left: 550px;
	width: 348px;
	height: 120px;
	z-index: 9999;
	border: 1px solid #000;
	background-color: #e3e3e3;
}

.MessageBoxBG {
	/*background: rgba(0,0,0,0.5)*/;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	/*z-index: 99999; evdb achtergrond zat over de messagebox*/
}


.MessageBoxBGspacer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 9999999;
	background-color: rgba(0,0,0,0.6);
}



.HRMMessageHeaderDiv {
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	padding-left: 9px;
	position: static;
	width: 338px;
	height: 20px;
	background-color: #1D2226;
	z-index: 9999;
	border: 1px solid #1D2226;
	line-height: 20px;
}

.HRMDocgroupEditHeadControl {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #5e809b;
	padding-left: 15px;
	position: relative;
	display: inline-block;
	width: 100%;
	line-height: 30px;
}

.HRMDocindcorrgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 96%;
	top: 20px;
	cursor: default;
}

.HRMDocumentsHead {
	border: 0;
	border-color: transparent;
	margin: 0;
	border-style: solid;
	width: 400px;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	line-height: 18px;
	margin-left: 5px;
    margin-top: 6px;
}

.HRMDocumentScrollDiv {
	border: 1px;
	border-color: #a9a9a9;
	background-color: #fff;
	border-style: solid;
	height: 150px;
	width: 373px;
	overflow: auto;
	margin: 15px 0 15px 15px;
}

.HRMDocuments {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 10px;
	background-color: #F4F4F4;
	height: 231px;
	width: 100%;
}

.HRMDocumentsXL {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 10px;
	background-color: #F4F4F4;
	height: 593px;
	width: 100%;
}

.PTDocumentsXL {
    border: 0;
    border-color: transparent;
    margin-left: 0;
    margin-right: 10px;
    background-color: #F4F4F4;
    height: 593px;
    width: 100%;
}

.HRMAllDocDataGridFixedHeader4 {
	height: 22px;
	position: relative;
	border-top-style: none;
}

.HRMAllDocgroupEditHeadControl {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #5e809b;
	padding-left: 15px;
	position: relative;
	display: inline-block;
	width: 100%;
	line-height: 30px;
}

.HRMAllDocindcorrgrid {
	border: 0 solid #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	top: 20px;
	cursor: default;
}

.HRMAllDocumentsHead {
	width: 819px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 8px;
	margin-left: 8px;
	padding-bottom: 5px;
}

.HRMAllDocumentScrollDiv {
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0;
	margin-bottom: 15px;
	height: 170px;
	width: 777px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
}

.HRMAllDocuments {
	border: 0;
	border-color: transparent;
	background-color: #F4F4F4;
	width: 100%;
	margin: 0;
	padding: 15px;
}

.editKinderen {
	border: 0;
	border-color: transparent;
	margin-right: 10px;
	background-color: #F4F4F4;
	width: 814px;
	padding-bottom: 5px;
    height: 192px;
}

#MyMP_Body_TbC1_TbP4_StamTab3_editKinderendiv {
	margin-left: 8px;
}

.editSalarisOpbouwHead {
	width: 515px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 18px;
}

.editSalarisOpbouw {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 0;
	background-color: #F4F4F4;
	height: 475px;
	width: 515px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.editSalarisOpbouw > div > table {
	width: auto!important;
}

.editSalarisOpbouw > div > table > tbody > tr > td > span {
	width: 140px!important;
}



.editSalarisHistorieHead {
	width: 400px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 18px;
    margin-left: 5px;
}

.editSalarisHistorie {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 0;
	background-color: #F4F4F4;
	height: 298px;
	width: 400px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.editSalarisHistorie > div > table {
	width: auto!important;
}

.editSalarisHistorie > div > table > tbody > tr > td > span {
	width: 140px!important;
}


.editArbeidsOvereeenkomstHead {
	width: 900px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 18px;
    margin-left: 8px;
	margin-top: 8px;
}

.editArbeidsOvereeenkomst {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 0;
	background-color: #F4F4F4;
	height: 606px;
	width: 900px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.editArbeidsOvereeenkomst > table.editpropgrid {
	float: left;
	width: 425px;
	overflow: hidden;
	margin-top: 25px;
}

.editArbeidsOvereeenkomst > .HRMFixedGridHeader1 {
	float: left;
	clear: left;
	width: 800px;
	position: static!important;
	margin-left: 15px;
	margin-top: 15px;
}


.editArbeidsOvereeenkomst > div > table > tbody > tr > td > span {
	width: 140px!important;
}



.xl-time2 .HRMgriddatetime {
  width: 200px!important;
}



.editFreeFieldHead {
	width: 925px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 8px;
	margin-left: 8px;
}

.editFreeField {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 0;
	background-color: #F4F4F4;
	height: 310px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}

.editlistSalaris {
	width: 400px;
	margin: 5px 5px 20px;
}


.editlistBankreknr {
	width: 400px;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 5px;
}

.editlistSalarisOpbouw {
	border-color: #ccc;
	width: 350px;
	height: 200px;
	margin-top: -127px;
	margin-right: 0;
	margin-left: 5px;
}

.editlistSalarisComponenten {
	border-color: #ccc;
	width: 350px;
	height: 200px;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 5px;
}

.editlistContractOrganisatie {
	width: 400px;
	margin: 5px 10px 15px 5px;
}

.editlistContractLokatie {
	width: 400px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0;
}

.editlistContractContract {
	width: 400px;
	margin: 5px 5px 15px 0;
}

.editlistContractUitzend {
	width: 400px;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 5px;
}

.editOpleiding {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	height: 400px;
	width: 820px;
}

.HrmOpleiding {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 10px;
	background-color: #F4F4F4;
	height: 180px;
	width: 822px;
}

.HrmVaardigheid {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 10px;
	background-color: #F4F4F4;
	height: 180px;
	width: 822px;
}

.HrmOpleidingHead {
	width: 819px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 18px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-top: 5px;
}

.HrmVaardigheidHead {
	width: 819px;
	text-align: left;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 18px;
	margin-left: 5px;
}

.corrdialog {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	width: 935px;
	height: 500px;
	margin-top: 0;
	margin-left: 0;
}

.journalDialog .corrdialog {
	border: none!important;
	background-color: #F4F4F4;
	padding: 0;
	margin: 0;
	width: auto!important;
}

.vadialog {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	width: 935px;
	height: 490px;
	margin-top: 0;
	margin-left: 0;
}

.boekdialog {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	width: 935px;
	height: 480px;
	margin-top: 0;
	margin-left: 0;
}


.persdialog {
	border: 1px solid #ccc;
	background-color: #fff;
	height: 550px;
	width: calc(100% - 30px);
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.periodeOverzicht {
	border: 1px solid #ccc;
	background-color: #fff;
	height: 550px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.periodeOverzicht .journal_grid div {
	border: 1px solid #ccc;
	height: 477px;
	width: 100%;
	overflow-x: auto;
	overflow-y: scroll;
	clear: left;
}




.divYr {
	margin-top: 15px;
	margin-left: 30px;
}

.afasexportdialog {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #fff;
	width: 930px;
	height: 485px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: center;
}

.groupplandialog {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #F4F4F4;
	margin-top: 0;
	margin-left: 0;
}

.journaldialog1 {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	width: 256px;
	height: 150px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 0;
}

.journaldialog {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
}

.journaldialog2 {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	width: 356px;
	height: 150px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 0;
}

.updateProgress {
	border-width: 1px;
	border-style: solid;
	background-color: #CCCCCC;
	position: absolute;
	width: 130px;
	height: 50px;
	z-index: 999999;
}


.updateProgressNew {
    position: absolute;
    width: 150px;
    height: 30px;
    box-shadow: 0px 0px 10px 2px rgba(50, 50, 50, 0.5);
    z-index: 999999;
    border: 1px solid #ccc;
    padding-top: 120px;
    background: rgba(255, 255, 255, 0.9) url('images/atrea-loader.gif') no-repeat center 27px;
    text-align: center;
}


.updateProgressAbsenceOverview {
    position: absolute;
    right: 762px;
    top: 200px;
    width: 150px;
    height: 30px;
    box-shadow: 0px 0px 10px 2px rgba(50, 50, 50, 0.5);
    z-index: 999999;
    border: 1px solid #ccc;
    padding-top: 120px;
    background: rgba(255, 255, 255, 0.9) url('images/atrea-loader.gif') no-repeat center 27px;
    text-align: center;
}

.InvalidControl {
	background-color: orange;
}

.ImageTekst {
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
}

.alertdaycell {
	color: red;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.periodcell {
	background-color: #82bf95!important;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #ccc;
	border-style: solid;
}

.negperiodcell {
	color: #ff2323!important;
	background-color: #82bf95!important;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #ccc;
	border-style: solid;
}

.todocell {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #ccc;
	border-style: solid;
}

.todopos {
	font-weight: bold;
	color: Blue;
}

.todoneg {
	font-weight: bold;
	color: Red;
}

.weekcell {
	color: #000!important;
	background-color: #dedede!important;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.negweekcell {
	color: #ff2323!important;
	background-color: #ccc!important;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.tsgridcellbc {
	border: 1px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
}

.tsgridcellbl {
	border: 1px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-left-width: 1px;
	border-right-width: 0;
	padding-left: 4px;
	border-color: #cccccc;
	border-style: solid;
	text-align: left;
}

.tsgridcellcw {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	width: 55px;
}

.tsgridcellc {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	width: 60px;
}

.tsgridcellwc {
	width: 55px;
	background-color: rgba(254,254,229,0.5);
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	padding-left: 4px;
	padding-right: 4px;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
}

.grijssel- .tsgridcellwc {
	background-color: rgba(254,254,229,0.25);
}

.tsgridcelllc {
	border: 1px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	width: 55px;
	background-color: #eeeeee;
}

.tsgridcellll {
	border: 1px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	width: 55px;
	background-color: rgba(171, 246, 255, 0.2);
}

.tsgridcellr {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-right-width: 0;
	padding-left: 4px;
	padding-right: 4px;
	border-color: #cccccc;
	border-style: solid;
	text-align: right;
}

.tsgridcelll {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	padding-left: 4px;
	padding-right: 4px;
	border-color: #cccccc;
	border-style: solid;
	text-align: left;
}

.tstotgridcelll {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	padding-left: 4px;
	padding-right: 4px;
	border-color: #cccccc;
	border-style: solid;
	text-align: left;
	font-weight: bold;
}

.tsgridcelle {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	padding-left: 4px;
	padding-right: 4px;
	border-color: #cccccc;
	border-style: solid;
	text-align: left;
	font-weight: bold;
}

.ordersubtot {
	text-align: right;
	font-weight: bold;
	color: Black;
	background-color: LightYellow;
	height: 19px;
}

tr.totalrow td.ordersubtot {
	text-align: left;
}

.ordersubtotl {
	text-align: left;
	font-weight: bold;
	color: Black;
	background-color: LightYellow;
	height: 19px;
}

.ordertot {
	color: #000;
	border-color: #ccc;
	border-style: solid;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	background: #eee!important;
}

.ordertotl {
	color: #000;
	border-color: #ccc;
	border-style: solid;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	background: #eee!important;
}

.gpmtotgridcell {
	border: 0;
	border-style: none;
	text-align: right;
	padding: 2px;
	width: 34px;
}

.gpmtotgridcellc {
	border: 0;
	border-style: none;
	text-align: center;
	padding: 2px;
	width: 34px;
}

.gpwtotgridcell {
	border: 0;
	border-style: none;
	text-align: right;
	padding-right: 4px;
}

.gpwtotgridcellc {
	border: 0;
	border-style: none;
	text-align: center;
	padding-right: 4px;
}

.gp1wtotgridcell {
	border: 0;
	border-style: none;
	text-align: right;
	padding-right: 24px;
}

.searchextender {
	font-style: italic;
	color: Gray;
}

.ltstextbox {
	background-color: #fbb3bc;
	width: 39px;
	border-width: 0;
	text-align: center;
}

.wtstextbox {
	background-color: LightYellow;
	width: 39px;
	border-width: 0;
	text-align: center;
}

.mutgridcell {
	text-align: left;
}

.ctstextbox {
	border-width: 0;
	text-align: center;
	font-weight: bold;
	width: 39px;
	background-color: LightBlue;
}

.tstextbox {
	background-color: Transparent;
	width: 45px;
	border-width: 0;
	text-align: center;
}

.tserrortextbox {
	background-color: #FFCCCC;
	width: 39px;
	border-width: 0;
	text-align: center;
}

.wtstextbox {
	background-color: #fbfb9f;
	width: 39px;
	border-width: 0;
	text-align: center;
}

.errorInputCell {
	background-color: #FFCCCC;
}

.reqInputCell {
	background-color: #FFFFCC;
}

.editpropgrid {
	border: 0;
	border-style: none;
	color: black;
	border-color: Transparent;
	line-height: 28px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	width: 96%;
}

.editpropgridhalf {
	border: 0;
	border-style: none;
	color: black;
	border-color: Transparent;
	line-height: 28px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	width: 46%;
}

.editpropgridfixed {
	border: 0;
	border-style: none;
	color: black;
	border-color: Transparent;
	line-height: 28px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	width: 350px;
}

.editpropgrid25LineHeight {
	border: 0;
	border-style: none;
	color: black;
	border-color: Transparent;
	line-height: 25px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	width: 96%;
}

.editpropgrid23LineHeight {
	border: 0;
	border-style: none;
	color: black;
	border-color: Transparent;
	line-height: 23px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	width: 96%;
}

.gridcontrol {
	text-align: left;
	color: #fff;
}

.ralign {
	text-align: right;
}

.gridlabelr {
	text-align: left;
	width: 140px!important;
}

.gridlabell {
	text-align: left;
	margin-left: 0;
}

.gridlabelm {
	text-align: center;
	display: inline-block;
	width: 71px;
	margin-right: 5px;
	margin-left: 0;

}

.gridlabel-xs {
	text-align: center;
	display: inline-block;
	width: 30px;
	margin-right: 0;
	margin-left: 0;

}

.gridbutton {
	text-align: left;
	padding-left: 20px;
}

.gridradio {
	text-align: left;
	margin-left: 0;
	cursor: pointer;
}

/*******/

span.gridradio {
	width: auto!important;
	cursor: pointer;
	height: auto!important;
	display: inline-block;
	margin-bottom: -3px;
	margin-right: 20px;
}

span.gridradio input {
	margin: 7px 7px 0 0;
	display: block;
	float: left;
}

td span.gridradio input {
	margin: 7px 7px 0 0;
	display: block;
	float: left;
}

span.gridradio label {
	margin: 0;
	display: block;
	float: left;
}

/***********/

.gridcheck {
	text-align: left;
	margin-left: 0;
	cursor: pointer;
}


.griddropdown {
	text-align: left;
	padding-left: 3px;
	width: 200px!important;
	margin-left: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 16px;
	height: 22px;
}

.griddropdownxl {
	text-align: left;
	padding-left: 3px;
	width: 280px;
	margin-left: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 16px;
	height: 22px;
}

.griddropdownm {
	text-align: left;
	padding-left: 20px;
	width: 120px;
	margin-left: 5px;
}

.griddropdownsmall {
	text-align: left;
	padding-left: 20px;
	width: 20px;
	margin-left: 5px;
}

.griddatetime,
.HRMgriddatetime {
	text-align: left;
	padding-right: 18px;
	width: 98px!important;
	line-height: 16px;
	margin: 0;
}

.xl-time .HRMgriddatetime {
	text-align: left;
	padding: 2px 7px;
	width: 200px!important;
	line-height: 16px;
	margin: 0;
}




.griddatetime-stam1,
.griddatetime-naw {
    text-align: left;
    padding-right: 18px;
    /*width: 70px !important;*/
    width: 85px !important;
    line-height: 16px;
    margin: 0;
}

.griddatetime-stam1-label,
.griddatetime-naw-label {
	text-align: center;
	display: inline-block;
	width: 19px;
	margin-right: 5px;
	margin-left: 0;
}

.griddatetime-sm {
	text-align: left;
	padding-right: 18px;
	width: 83px!important;
	line-height: 16px;
	margin: 0;
}

.gridtextbox-xs {
	text-align: left;
	width: 29px!important;
	margin-left: 0;
	margin-right: 0;
	line-height: 16px;
}

.gridtextbox {
    text-align: left;
    /*width: 184px !important;*/
    width: 200px !important;
    margin-left: 0;
    margin-right: 0;
    line-height: 16px;
}

.gridtextboxn {
    text-align: left;
    /*width: 80px;*/
    width: 200px;
    margin-left: 0;
    margin-right: 0;
}

.gridtextboxn2 {
    text-align: left;
    /*width: 120px;*/
    /*width: 144px;*/
    width: 137px;
    margin-left: 0;
    margin-right: 0;
}

.gridtextboxn3 {
    text-align: left;
    /*width: 82px;*/
    width: 97px;
    margin-left: 0;
    margin-right: 0;
}

.gridtextboxHRM {
    text-align: left;
    /*width: 184px;*/
    width: 200px;
    margin-left: 0;
    margin-right: 0;
    line-height: 16px;
}

.gridtextboxrijb {
	text-align: left;
	width: 200px;
	margin-left: 0;
	margin-right: 0;
}

.gridtextboxAla {
    text-align: left;
    /*width: 184px;*/
    width: 200px;
    line-height: 16px;
    margin-left: 0;
    margin-right: 0;
}

.gridtextboxCom {
	text-align: left;
	width: 200px;
	line-height: 16px;
	margin-left: 0;
	margin-right: 0;
}

.gridtextboxComCheck {
	text-align: left;
	width: 140px;
	margin-left: 0;
	margin-right: 0;
}

.gridtextboxAdres {
	text-align: left;
	width: 200px;
	line-height: 16px;
	margin-left: 0;
	margin-right: 0;
}

.gridtextboxduo {
	text-align: left;
	width: 147px;
	margin-left: 0;
	margin-right: 0;
}

.gridtextboxcb {
	text-align: left;
	width: 180px;
	margin-left: 0;
	margin-right: 0;
}

.gridtextboxml {
	text-align: left;
	width: 125px;
	margin-left: 0;
	margin-right: 0;
	line-height: 16px;
}

.gridtextboxl {
	text-align: left;
	width: 200px;
	margin-left: 0;
	margin-right: 0;
	line-height: 16px;
}

.gridtextboxm {
	text-align: left;
	width: 125px;
	margin-left: 0;
	margin-right: 0;
	line-height: 16px;
}

.gridtextboxm2 {
	text-align: left;
	width: 94px;
	margin-left: 0;
	margin-right: 0;
	line-height: 16px;
}

.gridtextboxm3 {
	text-align: left;
	width: 84px;
	margin-left: 0;
	margin-right: 0;
	line-height: 16px;
}

.gridtextboxs {
    text-align: left;
    /*width: 44px;*/
    /*width: 52px;*/
    width: 60px;
    line-height: 16px;
}

.aanhefddboxs {
	text-align: left;
	width: 55px!important;
	line-height: 16px;
	height: 22px;
    margin-right: 10px;
}

.gridtextbox-xxs {
	text-align: left;
	width: 67px;
	/*margin-left: 3px;*/
	line-height: 16px;
}

select.gridtextbox-xxs {
	text-align: left;
	width: 55px!important;
	line-height: 16px;
	height: 22px;
}

.gridtextbox2s {
	text-align: left;
	width: 141px;
	margin-left: 3px;
	line-height: 16px;
}

.gridtextboxs3 {
	width: 41px;
	line-height: 16px;
	/*margin-right: 6px;*/
	text-align: left;
}

.gridtextboxPcode {
	text-align: left;
	width: 200px;
}

.groupEditScroll {
	border: 0;
	border-color: transparent;
	margin-left: 0;
	margin-right: 0;
	background-color: #F4F4F4;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.groupEditHeadControl {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #5e809b;
	padding-left: 15px;
	position: relative;
	display: inline-block;
	width: 100%;
	line-height: 30px;
}


.groupAOHHeadControl {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #5e809b;
	padding-left: 15px;
	position: relative;
	display: inline-block;
	width: 100%;
	line-height: 30px;
    height: 30px;
}


.groupEditHead {
	border: 0;
	border-color: transparent;
	margin-top: 6px; /*OT11061*/
	border-style: solid;
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	text-align: left;
	line-height: 18px;
}

/*.updateProgressMessage {
	margin: 3px;
	font-family: Trebuchet MS;
	font-size: 12px;
	vertical-align: middle;
}*/

.scrollDiv3 {
	border: 1px;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-style: solid;
	margin-top: 10px;
	width: 100%;
	height: 244px;
	overflow-x: hidden;
	overflow-y: scroll
}

.scrollContainer > div > div {
	/*border: 1px solid #ccc;
	width: 100%;
	height: 259px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0;
	padding: 0;*/
	
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: 100%;
	height: 259px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    overflow: auto;
}

.scrollContainerLower {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: 100%;
	height: 475px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    overflow: auto;
}

.scrollContainerLower2 {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: 100%;
	max-height: 259px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    overflow: auto;
}



.scrollContainerSmall > div > div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: calc(100% - 2px);
    max-height: 250px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    overflow: auto;
}

.scrollContainerSmall div.floatThead-container {
    left: 0 !important;
}


.scrollBoxWebterminalsFKT > div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: calc(100% - 2px);
    max-height: 336px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    overflow: auto;
}

.scrollContainerXL > div > div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: calc(100% - 2px);
	/*max-height: 597px; OT16005 (evdb)*/
    max-height: 716px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    overflow: auto;
}


.scrollContainerXL div.floatThead-container {
    /*left: 0 !important;*/
    border: none;
}

.scrollContainerXL div.floatThead-container th:first-child {
	border-left: 1px solid #dedede;
}

.scrollContainerXL2 > div > div:last-child {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: calc(100% - 2px);
	max-height: 597px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    overflow: auto;
}

.scrollContainerXL2 div.floatThead-container {
    left: 0 !important;
}



.scrollContainer_abs {
    position: relative;
}

.scrollContainer_abs > div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: calc(100% - 2px);
	max-height: 597px;
	background-color: #fff;
    float: left;
    clear: left;
    overflow: auto;
}

.scrollContainer_abs > div.wrapper > div {
	width: 2000px;
	float: left;
	clear: left;
}




.scrollContainer + div {
	top: 1px !important;
}

.floatThead-table th.infoplangrid {
	background-color: #d1dae6;
}

.scrollContainer .infoplangrid {
	background-color: rgba(171,206,251,0.25);
}


.scrollDiv4 {
	border: 1px;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-style: solid;
	margin-top: 10px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: scroll
}

.scrollDiv4_new {
	border: 1px solid #ccc;
	width: 100%;
}

.new_signup_visitor > div {
	position: relative;
}


.scrollDiv5 {
	border: 1px;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-style: solid;
	margin-top: 10px;
	width: 371px;
	overflow-x: hidden;
    overflow-y: auto;
    min-height: 30px;
    max-height: 207px;
}

.scrollDiv {
	border: 1px;
	border-color: #ccc;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	border-style: solid;
	width: 100%;
	height: 525px;
	overflow-x: hidden;
	overflow-y: scroll
}

.KindScrollDiv {
	border: 1px solid #ccc;
	width: 100%;
	height: 171px;
	overflow: auto;
	position: relative;
	background-color: #fff;
}

.HRMOpleidingScrollDiv div {
	margin-top: 9px;
	margin-right: 10px;
	margin-bottom: 0;
	width: 425px;
	height: 145px;
	background-color: #fff;
	border: 1px solid #ccc;
	position: relative;
}

.HRMVaardigheidScrollDiv div {
	border: 1px solid #ccc;
	margin-top: 9px;
	margin-right: 10px;
	margin-bottom: 0;
	width: 425px;
	height: 145px;
	background-color: #fff;
	position: relative;
}

.HRMSignaleringScrollDiv {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	width: 98%;
	height: 300px;
	overflow: auto;
	margin: 0 10px 10px 5px;
}

.HRMSalOpbScrollDiv {
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 0;
	width: 460px;
	height: 160px;
	overflow-x: auto;
	overflow-y: auto;
	border: 1px solid #ccc;
	background-color: #fff;
}


.HRMSalHistoryscrollDiv {
	margin-top: 0;
	margin-left: 27px;
	margin-bottom: 0;
	width: 335px;
	height: 130px;
	overflow-x: auto;
	overflow-y: auto;
	border: 1px solid #a9a9a9;
	background-color: #fff;
}


.HRMArbHistoryscrollDiv {
	margin: 0;

	width: 785px;
	height: 181px;
	
	border: 1px solid #ccc;
	position: relative;
	
	overflow-x: hidden;
	overflow-y: auto;
}

.HRMArbHistoryscrollDiv div + div {
	width: 785px;
	height: 155px;
	overflow-x: auto;
	overflow-y: scroll;
}

.HRMArbHistoryscrollDiv .gridheaderclonewrapper {
	overflow-x: auto;
	overflow-y: scroll;
}

.HRMArbHistoryscrollDiv .gridheaderclone {
	top: -30px;
	width: auto !important;
}

.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(1),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(1) {
	width: 80px !important;
}

.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(2),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(2) {
	width: 80px !important;
}

.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(3),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(3) {
	width: 90px !important;
}

.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(4),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(4) {
	width: 77px !important;
}

.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(4) span {
	width: 77px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}


.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(5),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(5) {
	width: 57px !important;
}

.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(6),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(6) {
	width: 77px !important;
}

.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(7),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(7) {
	width: 160px !important;
}

.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(7) span {
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.HRMArbHistoryscrollDiv .gridheaderclone tr th:nth-child(8),
.HRMArbHistoryscrollDiv .inline_table tr td:nth-child(8) {
	width: 27px !important;
}

.HRMArbHistoryscrollDiv .inline_table tr:last-child td {
	border-bottom: none;
}

.HRMFreeFieldScrollDiv {
	border: 1px solid #ccc;
	background-color: #fff;
	width: 100%;
	height: 270px;
}

.HRMFreeFieldScrollDiv div {
	position: relative;

}

.scrollDivVA {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	width: calc(100% - 37px);
	height: 515px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 10px 0 15px 15px;
}

.scrollDivVA2 {
	border: 1px solid #ccc;
	width: 100%;
	height: 515px;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
}

.scrollDivVAShort {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	width: 1021px;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	float: left;
	clear: left;
	margin: 10px 0 20px 3px;
}


.scrollDivVAShort2 {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	width: calc(100% - 8px);
	/*height: 181px;*/
	overflow: hidden;
	float: left;
	clear: left;
	margin: 20px 0 20px 3px;
}

.scrollDivVAShort2 div {
    position: relative;
}

.scrollDivVAShort2 th {
    text-align: left;
}




.EmpScrollDiv {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	width: 100%;
	height: 386px;
	background-color: #F4F4F4;
    float: left;
    clear: left;
    position: relative;
    
    overflow-x: hidden;
	overflow-y: scroll;
}

.EmpScrollDivNew + div {
    left: 1px !important;
}

.booking-scrolldiv div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	width: 100%;
	height: 580px;
	background-color: #F4F4F4;
    float: left;
    clear: left;
    position: relative;
    
    overflow-x: hidden;
	overflow-y: hidden;
}


.btn_grid, .journal_grid {
    float: left;
    clear: left;
    width: 100%;
}

.btn_grid {
	margin-bottom: 10px;
}

.journal_grid > div > div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: calc(100% - 2px);
	max-height: 597px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    
    overflow: auto;
    
    /*overflow-x: hidden;
	overflow-y: scroll;*/
}

.journal_grid div.floatThead-container {
    left: 0 !important;
}

.jg_kostpl div.floatThead-container {
    left: -1px !important;
    top: -1px !important;
}

.listgenerator_grid > div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	width: 100%;
	min-height: 250px;
	max-height: 597px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    
    overflow-x: hidden;
	overflow-y: scroll;
}


.listgenerator_grid + div {
    left: 1px !important;
}

/*.listgenerator_paging tbody tr:last-child,
.listgenerator_paging tbody tr:last-child td {
   line-height: 0 !important;
   height: 0 !important;
   border: none !important;
}*/


.listgenerator_paging tbody tr td table {
    position: absolute;
    /*top: 615px; OT17250 (evdb) (in IE fout)*/
    top: 742px;
    left: 0px;
}

.listgenerator_paging tbody tr td table.ie-totals {
    position: fixed !important;
    top: 785px !important;
    left: 30px !important;
}

.listgenerator_paging tbody tr td table td {
	border: none;
	background-color: #f4f4f4 !important;
	padding: 0 15px 0 0 !important;
}

.listgenerator_paging tbody tr td table td a {
	color: #000;
}

.listgenerator_paging tbody tr td table td input[type=image] {
    vertical-align: middle;
    margin-top: 0;
}

.listgenerator_paging tr.hideMe {
    height: 0 !important;
    line-height: 0 !important;
    border-bottom: none !important;
    border-top: none !important;
    display: none !important;
}

.listgenerator_paging tr.hideMe:first-child {
    display: table-row !important;
    border: none;
}

.listgenerator_paging tr.hideMe:first-child td {
    border: none;
	padding-top: 0;
	padding-bottom: 0;
}

.listgenerator_paging tr.hideMe td,
.listgenerator_paging tr.hideMe {
    height: 0 !important;
    line-height: 0 !important;
    border-bottom: none !important;
    border-top: none;
}

table.listgenerator_paging tr.hiddenrow td,
table.listgenerator_paging tr.hiddenrow {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	height: 0 !important;
    line-height: 0 !important;
}


table.listgenerator_paging tr.pagerrow td {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border: none !important;
	height: 0 !important;
    line-height: 0 !important;
}



.corrections_grid > div {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	width: 100%;
	height: 586px;
	background-color: #fff;
    float: left;
    clear: left;
    position: relative;
    
    overflow-x: hidden;
	overflow-y: hidden;
}

.EmpScrollDivNew {
	margin-top: 15px;
}

.EmpScrollDivNew > div > div > div {
	border: 1px;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	border-style: solid;
	width: 100%;
	height: 531px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #F4F4F4;
}

.TSScrollDiv > div {
	height: 465px;
	width: 1410px;
	overflow: auto;
	/*background-color: #F4F4F4;*/
	position: relative;
	
	float: left;
	clear: left;
	margin: 0 0 20px;
	
	/*border: 1px solid #ccc;*/
}

.gpscrollDiv {
	max-height: 430px;
}

.TSTotalDiv {
	margin-top: 25px;
    clear: both;
}

.TSTotalDiv > div {
	margin-left: 0;
	margin-right: 0;
	margin-top: 11px;
	width: 1410px;
	background-color: #F4F4F4;
	position: relative;
}


.urentable {
	/*width: 1410px !important;*/
    width: 1252px !important;  /*OT15909 (evdb)*/
	border: 1px solid #ccc;
	margin-bottom: 30px;
}

.urentable td {
	vertical-align: top;
}

table.urentable th {
	border-top:none !important;
}

.urentable th:first-child,
.urentable td:first-child {
	width: 10px;
	border-left: none;
}

.urentable th:nth-child(2),
.urentable th:nth-child(3),
.urentable th:nth-child(4) {
	text-align: left;
}


.table.urentable tr:last-child td {
	border-bottom: 1px solid #ccc;
}


.table.urentable th:last-child, 
.table.urentable td:last-child {
    border-right: 1px solid #ccc;
}

.urentable th:nth-child(2),
.urentable td:nth-child(2) {
    /*width: 150px;*/
    width: 175px;
}

.urentable th:nth-child(2) span,
.urentable td:nth-child(2) span {
	width: 170px;	
	display: block;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.urentable th:nth-child(3),
.urentable td:nth-child(3) {
    /*width: 235px;*/
    width: 156px;
}

.urentable th:nth-child(4),
.urentable td:nth-child(4) {
    /*width: 174px;*/
    width: 165px;
}

.urentable th:nth-child(4) span,
.urentable td:nth-child(4) span {
	width: 100%;	
	display: block;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.urentable th:nth-child(5),
.urentable td:nth-child(5),
.urentable th:nth-child(6),
.urentable td:nth-child(6),
.urentable th:nth-child(7),
.urentable td:nth-child(7),
.urentable th:nth-child(8),
.urentable td:nth-child(8),
.urentable th:nth-child(9),
.urentable td:nth-child(9),
.urentable th:nth-child(10),
.urentable td:nth-child(10),
.urentable th:nth-child(11),
.urentable td:nth-child(11),
.urentable th:nth-child(12),
.urentable td:nth-child(12) {
    width: 69px !important;
}

.urentable tr:last-child td {
	width: auto;	
}


.urentabletotaal {
    width: 1252px !important;
    border: 1px solid #ccc !important;
    border-left: none !important;
    margin-bottom: 15px;
}

.urentabletotaal td {
	padding-top: 0;
	padding-bottom: 0;
}

.urentabletotaal td:nth-child(1) {
    width: 617px;
    border-left: none;
}

.urentabletotaal th:nth-child(1) {
    border-left: none;
}

.urentabletotaal td:nth-child(2),
.urentabletotaal td:nth-child(3),
.urentabletotaal td:nth-child(4),
.urentabletotaal td:nth-child(5),
.urentabletotaal td:nth-child(6),
.urentabletotaal td:nth-child(7),
.urentabletotaal td:nth-child(8),
.urentabletotaal td:nth-child(9) {
	width: 72px !important;	
	text-align: center;	
}

.urenverantwoording-tables {
    float: left;
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
    border: 1px solid #ccc;
}

.urenverantwoording-tables table tbody td:last-child {
	text-align: center;
}

.mainscrolleruren {
	overflow-x: auto;
	overflow-y: hidden;
	float: left;
	clear: left;
	width: 100%;
	border: 1px solid #ccc;
}

.CorrScrollDiv {
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-left: 10px;
	width: 550px;
	height: 206px;
	overflow-x: auto;
	overflow-y: auto
}

.boeking_scroll_div {
	border: 1px solid #ccc;
	margin-top: 11px;
	margin-left: 10px;
	width: 734px;
	height: 57px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.boeking_scroll_div div {
	position: relative;
}

.fixhead_scroll_div {	
	border: 1px solid #ccc;
    width: 729px;
	height: 207px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

.fixhead_scroll_div + div {
	top: 1px !important;
}

.fixhead_scroll_div_wide {	
	border: 1px solid #ccc;
    width: 100%;
	height: 207px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

.fixhead_scroll_div_wide + div {
	top: 1px !important;
}



.fixhead_scroll_xl_div {	
	border: 1px solid #ccc;
    width: 1067px;
	height: 259px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

.fixhead_scroll_xl_div + div {
	top: 1px !important;
}

.persjobcost_scroll_div {
	border: 1px solid #ccc;
	margin-top: 11px;
	margin-left: 10px;
	width: 729px;
	height: 207px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/*.persjobcost_scroll_div div {
	position: relative;
}*/

.TotalCorrScrollDiv {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	margin-top: 10px;
	margin-left: 10px;
	height: 204px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.PresenceViewScrollDiv {
	border: 1px solid #ccc;
	position: fixed;
    top: 90px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    overflow: hidden;
}


.LocationPresenceViewScrollDiv {
	border: 1px solid #ccc;
	position: fixed;
    top: 90px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    overflow: auto;
}

.LocationPresenceViewScrollDiv td {
	white-space: nowrap;
}

/*.PresenceViewScrollDiv > div > div {
	overflow: auto;
	height: 100%;
}*/

/*.PresenceViewScrollDiv table {
	table-layout: fixed;
}*/

.PresenceViewScrollDiv td {
	white-space: nowrap;
}

.PresenceViewScrollDivAuto {
	border: 1px solid #ccc;
	margin-top: 20px;
	overflow-x: auto;
	overflow-y: auto;
	width: 100%;
	max-height: 571px;
}

.OKradio {
	cursor: pointer;
	height: 17px;
}

.NOKradio {
	cursor: pointer;
	height: 17px;
}

.DELradio {
	cursor: pointer;
	height: 17px;
}

.signalgrid {
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	color: #333333;
	margin-left: 0;
	margin-right: 0;
	position: static;
	cursor: default;
	width: 100%;
	top: 20px;
}

.vagrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	color: #333333;
	margin-left: 0;
	margin-right: 0;
	position: static;
	cursor: default;
	width: 100%;
	top: 20px;
}

.vagrid-paging tbody tr td table {
    position: absolute;
    top: 524px;
    left: 0;
}

.submitcorrgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	color: #333333;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	cursor: default;
	width: 100%;
	top: 20px;
}

.TSTotalDiv .submitcorrgrid {
	border: 1px solid #ccc !important;
}

.TSTotalDiv .submitcorrgrid tr:first-child {
	border: none !important;
}

#MyMP_Body_UpdatePanel6 {
    position: relative;
}

.gridheaderclone {
    position: absolute;
    top: 15px;
}

.gridheaderclone th:first-child {
    border-left: 1px solid #ccc!important;
}



.gridheaderclonegroupplan {
    position: absolute;
    top: 0;
}

.gridheaderclonegroupplan th:first-child {
    border-left: 1px solid #ccc!important;
}







.hiddenhead {
	margin-top: -23px;
}
.booking_info_journal_table.hiddenhead,
.bookings_table.hiddenhead {
	margin-top: -26px;
}

.booking_info_journal_table.gridheaderclone,
.bookings_table.gridheaderclone {
	border-bottom: 1px solid #ccc;
}


.gridheaderclonewrapper {
	position: relative;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0 !important;
	background: transparent;
	border-bottom: none !important;
}
.gridheaderclonewrapper .gridheaderclone  {
	position: static;
	top: 0;
	width: 100%;
}

.gridheaderclonewrapper th:first-child {
	border-left: none !important;
}

.gridheaderclonewrapper + div {
	margin-top: 0 !important;
	border-top: none;
}

.gridheaderclone + div > .submitcorrgrid {
    
}

.gridheaderclone th.listheader {
	border-bottom: none;
}


.MutInfoJournal .submitcorrgrid {
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	color: #333333;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	cursor: default;
	width: 100%;
	top: 20px;
}

.yearMonth {
	text-align: left;
}

.yeartelgrid {
	width: 962px;
	border: 1px solid #ccc;
	border-top-style: none;
}

.yeartelgrid td {
	text-align: right!important;
	padding-right: 10px;
	line-height: 22px;
}

.yeartelgrid td:first-child {
	text-align: left!important;
	padding-left: 10px;
	line-height: 22px;
}

.yeartelgrid tr.grijssel- {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.yearteldiv {
	color: #333333;
	margin-left: 30px;
	margin-right: 0;
	position: static;
	overflow-y: auto;
	overflow-x: hidden;
	cursor: default;
	top: 20px;
	margin-top: 20px;
}

.corrgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	color: #333333;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	cursor: pointer;
	width: 100%;
	top: 20px;
}

.presencegridview {
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-top: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	top: 20px;
	cursor: default;
	white-space: nowrap;
}

.presencegrid,
.presencegrid th {
	border: 1px solid #ccc;
	border-top: none;
}

.presencegrid .presenceheader {
	color: #333;
	line-height: 25px;
	text-decoration: none;
	text-align: left;
	padding-left: 4px;
	padding-right: 10px;
	background-color: #dedede;
}


.presencegrid .presenceheader a {
	color: #333;
	line-height: 25px;
	text-decoration: none;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #dedede;
}

.presencegrid tbody td:first-child {
	padding: 0;
}

.presencegrid tbody td:first-child img {
	width: 28px;
    height: 25px;
}

.presencegridview > tbody > tr > td:first-child {
	width: 10px!important;
}

.HRMSignalindcorrgrid {
	border: 0 solid #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	cursor: default;
}

.HRMindcorrgrid {
	margin: 0;
	position: static;
	width: 100%;
	top: 20px;
	cursor: default;
	overflow: auto;
	border: none;
}

.indcorrgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	top: 20px;
	cursor: default;
}

.indcorrgrid td,
.indcorrgrid th {
    text-align: center;
}  


.indcorrgrid td:first-child,
.indcorrgrid th:first-child {
    text-align: left;
    text-indent: 10px;
}  

.indcorrgrid tr:nth-child(even) td:first-child,
.indcorrgrid tr:nth-child(even) th:first-child {
    text-align: center;
    text-indent: 0;
} 


.indcorrgrid tr:last-child td {
    border-bottom: 1px solid #ccc !important;
}
.submitbookgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 10px;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 98%;
	top: 20px;
}

.bookgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 10px;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	top: 20px;
	cursor: pointer;
}

.submitholidaygrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	width: 100%;
	top: 20px;
	cursor: default;
}


.holidaygrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	width: 98%;
	top: 20px;
	cursor: pointer;
}

.submitholidaygrid2 {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	width: 100%;
}

.signonvisitor {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	color: #333333;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	top: 20px;
	cursor: pointer;
	text-align: left;
	cursor: default;
}

.signoffvisitor {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 98%;
	top: 20px;
	cursor: default;
	text-align: left;
}

.newvisitortableframe {
	float: left;
	clear: left;
}

.newvisitortableframe table td {
	padding-right: 20px;
}

.newvisitorNoPadding table td {
    padding-right: 0;
}

.VisitordialogdefinitionDatetime td{
    height: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.MyCalendar .ajax__calendar_hover .ajax__calendar_day {
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}

.MyCalendar .ajax__calendar_container {
	line-height: 10px;
	padding: 4px;
	position: absolute;
	cursor: default;
	width: 170px;
	font-size: 15px;
	text-align: center;
	font-family: Tahoma, Verdana, Helvetica;
    z-index: 9999;
}

.MyCalendar .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: #fff;
	color: #000000;
    z-index: 9999;
}

.ajax__calendar_container {
	padding: 4px;
	position: absolute;
	cursor: default;
	width: 170px;
	font-size: 11px;
	text-align: center;
	font-family: Tahoma, Verdana, Helvetica;
	z-index: 9999;
}

.ajax__calendar_body {
	height: 139px;
	width: 170px;
	position: relative;
	overflow: hidden;
	margin: auto;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
	top: 0;
	left: 0;
	height: 139px;
	width: 170px;
	position: absolute;
	text-align: center;
	margin: auto;
}

.ajax__calendar_container TABLE {
	font-size: 11px;
}

.ajax__calendar_header {
	height: 20px;
	width: 100%;
}

.ajax__calendar_prev {
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90ZvGxZ6SJJh48yx62JKItzQ2&t=633053122925312500');
}

.ajax__calendar_next {
	cursor: pointer;
	width: 15px;
	height: 15px;
	float: right;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90HZemRms4wXOo1BZWTwWtNQ2&t=633053122925312500');
}

.ajax__calendar_title {
	cursor: pointer;
	font-weight: bold;
}

.ajax__calendar_footer {
	height: 15px;
}

.ajax__calendar_today {
	cursor: pointer;
	padding-bottom: 5px;
}

.ajax__calendar_dayname {
	height: 17px;
	width: 17px;
	text-align: right;
	padding: 0 2px;
}

.ajax__calendar_day {
	height: 17px;
	width: 18px;
	text-align: right;
	padding: 0 2px;
	cursor: pointer;
}

.ajax__calendar_month {
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.ajax__calendar_year {
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.ajax__calendar_container {
	background-color: #fff;
	border: 1px solid #ccc;
}

.MyCalendar {
	z-index: 9999;
}

.MyCalendar .ajax__calendar_container {
	border: 1px solid #646464;
	background-color: #fff;
	color: #000;
	z-index: 9999;
}

.MyCalendar .ajax__calendar_footer {
	border-top: 1px solid #f5f5f5;
}

.MyCalendar .ajax__calendar_dayname {
	border-bottom: 1px solid #f5f5f5;
}

.MyCalendar .ajax__calendar_day {
	border: 1px solid #fff;
	line-height: 16px;
}

.MyCalendar .ajax__calendar_month {
	border: 1px solid #fff;
}

.MyCalendar .ajax__calendar_year {
	border: 1px solid #fff;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day {
	background-color: #0066cc!important;
	border-color: #fff!important;
	color: #fff!important;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_month {
	background-color: #e7e7e7;
	border-color: #0066cc;
	color: #0066cc;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_year {
	background-color: #e7e7e7;
	border-color: #0066cc;
	color: #0066cc;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day {
	background-color: #b3c0c7;
	border-color: #fff;
	color: #000;
}

.MyCalendar .ajax__calendar_other .ajax__calendar_year {
	background-color: #b3c0c7;
	border-color: #fff;
	color: #000;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day {
	background-color: #b3c0c7;
	border-color: #daf2fc;
	color: #000;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_month {
	background-color: #b6d4fb;
	border-color: #daf2fc;
	color: #0066cc;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
	background-color: #b6d4fb;
	border-color: #daf2fc;
	color: #0066cc;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_title {
	color: #0066cc;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_today {
	color: #0066cc;
}

/***************************************************/

/*.MyTabs .ajax__tab_header {
	background: url('images/tab-line.gif') repeat-x bottom;
}

.MyTabs .ajax__tab_outer {
	background: url('images/tab-right.gif') no-repeat right;
}

.MyTabs .ajax__tab_inner {
	background: url('images/tab-left.gif') no-repeat;
}

.MyTabs .ajax__tab_tab {
	background: url('images/tab.gif') repeat-x;
}

.MyTabs .ajax__tab_hover .ajax__tab_outer {
	background: url('images/tab-hover-right.gif') no-repeat right;
}

.MyTabs .ajax__tab_hover .ajax__tab_inner {
	background: url('images/tab-hover-left.gif') no-repeat;
}

.MyTabs .ajax__tab_hover .ajax__tab_tab {
	background: url('images/tab-hover.gif') repeat-x;
}

.MyTabs .ajax__tab_active .ajax__tab_outer {
	background: url('images/tab-active-right.gif') no-repeat right;
}

.MyTabs .ajax__tab_active .ajax__tab_inner {
	background: url('images/tab-active-left.gif') no-repeat;
}

.MyTabs .ajax__tab_active .ajax__tab_tab {
	background: url('images/tab-active.gif') repeat-x;
}*/

/* XP IE7 theme - Other Styles */

/*.MyTabs .ajax__tab_header {
	font-family: verdana,tahoma,helvetica;
	font-size: 11px;
}

.MyTabs .ajax__tab_outer {
	height: 29px;
}

.MyTabs .ajax__tab_inner {
	padding-left: 3px;
}

.MyTabs .ajax__tab_tab {
	padding: 8px 15px;
	margin: 0;
}

.MyTabs .ajax__tab_body {
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	font-size: 10pt;
	border-top: 0 none;
	padding: 8px;
	background-color: transparent
}

.ajax__tab_xp .ajax__tab_body {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    border: 1px solid #bfbfbf !important;
    border-top: 0;
    padding: 8px;
    background-color: #fff;
}*/

/*AJAX.NET TAB CONTROL */

/*.MyTab_xp .ajax__tab_header {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	background: url( images/tab-line.gif ) repeat-x bottom;
}

.MyTab_xp .ajax__tab_outer {
	background: url( images/rood.ico ) no-repeat right;
}

.MyTab_xp .ajax__tab_inner {
	padding-left: 3px;
	background: url( images/tab-left.gif ) no-repeat;
}

.MyTab_xp .ajax__tab_tab {
	height: 13px;
	padding: 4px;
	margin: 0;
	background: url( images/tab.gif ) repeat-x;
}

.MyTab_xp .ajax__tab_hover .ajax__tab_outer {
	background: url( images/tab-hover-right.gif ) no-repeat right;
}

.MyTab_xp .ajax__tab_hover .ajax__tab_inner {
	background: url( images/tab-hover-left.gif ) no-repeat;
}

.MyTab_xp .ajax__tab_hover .ajax__tab_tab {
	background: url( images/tab-hover.gif ) repeat-x;
}

.MyTab_xp .ajax__tab_active .ajax__tab_outer {
	background: url( images/tab-active-right.gif ) no-repeat right;
}

.MyTab_xp .ajax__tab_active .ajax__tab_inner {
	background: url( images/tab-active-left.gif ) no-repeat;
}

.MyTab_xp .ajax__tab_active .ajax__tab_tab {
	background: url( images/tab-active.gif ) repeat-x;
}

.MyTab_xp .ajax__tab_body {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 10pt;
	border-top: 0 none;
	padding: 8px;
	background-color: #fff
}*/

/***********************************************************************************/

/*.ajax__tab_header {
	height: 23px;
}

.ajax__tab_header > span {
	margin-right: 3px;
}

.ajax__tab_inner {
	background-image: none!important;
	background-color: #fff!important;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0!important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab,

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
	background-image: none!important;
	background-color: #fff!important;
}

.ajax__tab_xp span .ajax__tab_outer {
	background-image: none!important;
	padding: 0!important;
	
    border-bottom: 1px solid red;
    margin-bottom: 10px;
}

.ajax__tab_xp .ajax__tab_tab {
	background: #f4f4f4 none!important;
	padding-left: 10px!important;
	padding-right: 10px!important;
	border-bottom: 1px solid #bfbfbf;
}

.ajax__tab_active .ajax__tab_tab,
.ajax__tab_hover .ajax__tab_tab {
	border-bottom: none!important;
}*/

/***********************************************************************************/


/* default layout */

/*.ajax__tab_default .ajax__tab_header {
	white-space: nowrap;
}

.ajax__tab_default .ajax__tab_outer {
	display: -moz-inline-box;
	display: inline-block
}

.ajax__tab_default .ajax__tab_inner {
	display: -moz-inline-box;
	display: inline-block
}

.ajax__tab_default .ajax__tab_tab {
	margin-right: 4px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block
}*/

/* xp theme */

/*.ajax__tab_xp .ajax__tab_header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: none !important;
}

.ajax__tab_xp .ajax__tab_outer {
	padding-right: 4px;
	background: none !important;
	height: 21px;
}

.ajax__tab_xp .ajax__tab_inner {
	padding-left: 3px;
	background: none !important;
}

.ajax__tab_xp .ajax__tab_tab {
	height: 13px;
	padding: 4px;
	margin: 0;
	background: none !important;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
	background: none !important;
}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
	background: none !important;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
	background: none !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
	background: none !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
	background: none !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
	background: none !important;
}

.ajax__tab_xp .ajax__tab_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #bfbfbf;
	border-top: 0;
	padding: 8px;
	background-color: #fff;
}*/

/* scrolling */

/*.ajax__scroll_horiz {
	overflow-x: scroll;
}

.ajax__scroll_vert {
	overflow-y: scroll;
}

.ajax__scroll_both {
	overflow: scroll
}

.ajax__scroll_auto {
	overflow: auto
}*/


/***********************************************************************************/


.ajax__tab_header {
	height: 27px !important;
    background: url('images/1x1-bfbfbf.gif') repeat-x bottom !important;
}

.ajax__tab_header > span {
	height: 27px !important;
	margin-right: 5px;
	background-image: none;
	display: inline-block;
}

.ajax__tab_header .ajax__tab_outer {
	padding-right: 10px !important;
	padding-left: 10px !important;
	
	line-height: 25px !important;
	height: 25px !important;
	background: none !important;
	
	background-color: #f4f4f4;
	border: 1px solid #bfbfbf;
}

.ajax__tab_header .ajax__tab_active .ajax__tab_outer{
	line-height: 24px !important;
	height: 24px !important;
	border-bottom: 1px solid #fff !important;
	background-color: #fff !important;
	margin-top: 1px !important;
}


.ajax__tab_xp .ajax__tab_inner {
	line-height: 25px !important;
	height: 25px !important;
    padding: 0 !important;
    background: none !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
	line-height: 24px !important;
	height: 24px !important;
    padding: 0 !important;
    background: none !important;
}

.ajax__tab_xp .ajax__tab_tab {
    line-height: 25px !important;
	height: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    line-height: 24px !important;
	height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}


.ajax__tab_xp .ajax__tab_body {
	font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    border: 1px solid #bfbfbf !important;
    border-top: 0 !important;
    padding: 10px !important;
    background-color: #fff !important;
}


/***********************************************************************************/

.tabpanel {
	background-color: AliceBlue;
	margin-top: 20px;
}

.bezoekersgrid {
	
}

.labelbll {
	font-weight: normal;
	color: Black;
	text-align: left;
	height: 17px;
}

.labelblr {
	font-weight: normal;
	color: Black;
	text-align: right;
	height: 17px;
	padding-right: 5px;
}

.labelblr2 {
	font-weight: normal;
	color: Black;
	text-align: left;
	height: 17px;
	padding-right: 5px;
}

.label {
	font-size: 12px;
	font-weight: normal;
	background-color: Transparent;
	color: #fff;
	text-align: right;
}

.edit {
	font-weight: normal;
	height: 16px;
	vertical-align: middle;
}

.dropdown, .Dropdown, .DropDown {
	text-align: left;
	padding-left: 3px;
	width: 200px;
	margin-left: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 16px;
	height: 22px!important;
}

.DropDown200 {
    width: 184px;
}

.head {
	
}

.labelc {
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
}

.labelc_new {
	width: 100%;
	float: left;
	clear: left;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
}

.labeld_new_top {
	width: 100%;
	float: left;
	clear: left;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	margin-bottom: 5px;
}

.labeld_new_bottom {
	width: 100%;
	float: left;
	clear: left;
	font-size: 12px;
	text-align: left;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 30px;
}

.headleftaligned {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.error {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: Red;
}

td.locked, th.locked {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	cursor: default;

}

th.locked {
	z-index: 99;
}

.SubmitGridHeader1 {
	height: 22px;
	top: 67px;
}

table.removeFirstRow tbody tr:first-child {
	display: none;
}
/***************************/

.DataGridFixedHeader1 {
	height: 22px;
	position: relative;
}

.DataGridFixedHeader2 {
	height: 22px;
	position: relative;
}

.DataGridFixedHeaderplan {
	height: 40px;
	position: relative;
	top: -2px;
}

.DataGridFixedFooter3 {
	height: 22px;
	position: relative;
}

.HeaderFormat {
	height: 22px;
}

.DataGridFixedHeader3 {
	height: 22px;
	position: relative;
	top: -2px;
}

.DoorEventsPagerStyle {
    position: absolute !important;
    top: 616px!important;   
}

.DataGridFixedHeader5 {
	height: 22px;
	top: 158px;
}

.DataGridFixedHeader5 th:first-child {
	text-align: left;
}

.DataGridFixedHeader4 {
	height: 22px;
	position: relative;
}

.HRMDataGridFixedHeader4 {
	height: 22px;
	position: relative;
}


tr.HRMKindGridFixedHeader4 th {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	
	border: 1px solid #ccc;
	border-top: none;
	
	white-space: nowrap;
	line-height: 25px;
	font-size: 11px;
}

/********************************/

table.inline_table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

table.inline_table thead th,
table.inline_table tbody td {
	text-align: left;
	padding-left: 7px;
	padding-right: 7px;
	white-space: nowrap;
	line-height: 25px;
	
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.inline_table thead th {
	background-color: #dedede;
}

table.inline_table thead th:last-child,
table.inline_table tbody td:last-child {
	border-right: none;
}

table.inline_table tr.row_even {
	background-color: #f2f3f4
}

table.inline_table tr.row_odd {
	background-color: #fff
}


table.inline_table thead {
	text-align: left;
	background-color: #f1f1f1;
}
table.inline_table tbody tr:hover {
	background-color: #a8bac9;
}
/********************************/

tr.witsel th,
tr.witsel td,
tr.grijssel th,
tr.grijssel td {
	/*text-align: left; niet gebruiken vanwege automatische styling uit de formaat tabel*/ 
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #ccc;
	white-space: nowrap;
	line-height: 25px;
	font-size: 11px;
}

tr.witsel:last-child td,
tr.grijssel:last-child td {
	border-bottom: none;
}


tr.witsel th:last-child,
tr.witsel td:last-child,
tr.grijssel th:last-child,
tr.grijssel td:last-child,
tr.HRMKindGridFixedHeader4 th:last-child {
	border-right: none;
}

.HRMFreeFieldGridFixedHeader4 {
	height: 22px;
	position: relative;
	border-top-style: none;
}

.HRMOplGridFixedHeader4 {
	height: 20px;
	position: relative;
}

.HRMVaardGridFixedHeader4 {
	height: 22px;
	position: relative;
}

.HRMSigDataGridFixedHeader4 {
	height: 22px;
	position: relative;
}

.HRMDocDataGridFixedHeader4 {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	height: 22px;
}

.HRMFixedGridHeader1 {
	height: 180px;
	width: 400px;
	border: 0;
	position: absolute;
}

.HRMFixedGridHeader2 {
	height: 155px;
	width: 430px;
}

.HRMFixedGridHeader3 {
	height: 270px;
	width: 500px; /*470px;*/
	border: 0;
	margin-top: 9px;
	margin-left: 25px;
	background-color: #fff;
}

.HRMFixedGridHeader4 {
	height: 148px;
	width: 378px;
	border: 0;
	margin-top: 3px;
	margin-left: 9px;
}

.HRMFixedGridHeader5 {
	height: 175px;
	border: 0;
	position: absolute;
}

.HRMdocsgrid {
	border: 0;
	position: relative;
}

.HRMdocsgrid div {
	height: 155px;
	position: absolute;
	top: 15px;
	right: 15px;
	left: 15px;
	border: 1px solid #ccc;
}


.HRMdocsgridXL {
	border: 0;
	position: relative;
}

.HRMdocsgridXL div {
	height: 511px;
	position: absolute;
	top: 15px;
	right: 15px;
	left: 15px;
	border: 1px solid #ccc;
}

.PTdocsgridXL div {
        height: 511px;
        position: absolute;
        top: 85px;
        left: 15px;
        border: 1px solid #ccc;
        width: 788px;
    }

.VisitorsModalPanel
{
    background-color: #B5CCEE;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.VisitorsListBox
{
    height: 300px;
    width: 751px;
    border: solid;
    background-color: White;
    margin: 10px;
    font-size: 14px;
}

body {
	margin: 0;
	background-color: #a2abb4;
	font-family: Arial, Helvetica, sans-serif;
}


body.popupbg {
	background-color: #F4F4F4;
	padding-top: 10px;
	padding-left: 10px;
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.lab {
	width: 100px;
	text-align: right;
	font-weight: bold;
	padding: 1px 8px;
}

td.rowline {
	background-color: #FFF;
	height: 1px;
	padding: 0;
	margin: 0;
	border: 0 none;
}

.rejectedcell {
	color: red;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.remreqcell {
	color: #fff;
	background-color: Red;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.normalbook {
	color: blue;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: none;
}

.releasedcell {
	color: black;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.pendingcell {
	color: Blue;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	white-space: nowrap;
}

.releasedbook {
	color: black;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: none;
}

.pendingbook {
	color: Blue;
	border: 1px;
	font-weight: bold;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: none;
}

.rejectedbook {
	color: red;
	border: 1px;
	font-weight: bold;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: none;
}

.grijssel, tr.grijssel td {
	background-color: #f2f3f4;
	border-left-width: 0;
	border-left-color: Transparent;
	padding-left: 4px;
	padding-right: 4px;
	height: 20px;
	transition: all 0.15s;
}

tr.grijssel:hover td {
	background-color: #a8bac9;
}

.witsel, tr.witsel td {
	background-color: #fff;
	border-left-width: 0;
	border-left-color: Transparent;
	padding-left: 4px;
	padding-right: 4px;
	height: 20px;
	transition: all 0.15s;
}

tr.witsel:hover td {
	background-color: #a8bac9;
}

.groupselgrey {
	background-color: #f2f3f4;
	border-left-width: 0;
	border-left-color: Transparent;
	padding-left: 4px;
	padding-right: 4px;
	transition: all 0.15s;
}

tr.groupselgrey:hover td {
	background-color: #a8bac9;
}

.groupselwhite {
	background-color: #fff;
	border-left-width: 0;
	border-left-color: Transparent;
	padding-left: 3px;
	transition: all 0.15s;
}

tr.groupselwhite:hover td {
	background-color: #a8bac9;
}

.grijssel- {
	background-color: #f2f3f4;
	border-left-width: 0;
	border-left-color: Transparent;
	padding-left: 4px;
	padding-right: 4px;
	height: 20px;
	transition: all 0.15s;
}

.witsel- {
	background-color: #fff;
	border-left-width: 0;
	border-left-color: Transparent;
	padding-left: 4px;
	padding-right: 4px;
	height: 20px;
	transition: all 0.15s;
}

.selectedsel {
	background-color: rgb(94, 128, 155);
	padding-left: 5px;
	color: #fff;
}

.grijs {
	background-color: #f2f3f4;
	border: 0;
	border-left-width: 0;
	border-left-color: #cccccc;
	border-left-style: none;
	height: 20px;
}

.wit {
	background-color: #fff;
	border: 0;
	border-left-width: 0;
	border-left-color: #cccccc;
	border-left-style: none;
	height: 20px;
}

.yrtelgrid {
	border: 1px;
	border-color: #cccccc;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	padding-right: 10px;
}

.yrtelgridl {
	border: 1px;
	border-color: #cccccc;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	padding-right: 25px;
	border-left-width: 0;
}

.negyrtelgrid {
	border: 1px;
	border-color: #cccccc;
	border-top-width: 0;
	border-bottom-width: 0;
	border-style: solid;
	padding-right: 25px;
	color: Red;
}

.gridleft {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	padding-left: 3px;
}

.grid {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.gridDateShift {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	color: Blue;
	border-style: solid;
}

.gridc {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #CCCCCC;
	border-style: solid;
	text-align: left;
}

.plangrid {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	cursor: default;
}

.plangridcell {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	cursor: default;
}

.infoplangrid {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	background-color: #ABCEFB;
	cursor: default;
}

th.infoplangrid {
	border-bottom: 1px solid #ccc;
}

.infoplanweek {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	text-align: center;
	background-color: #BFBFBF;
	cursor: default;
}

.plangridleft {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-color: #cccccc;
	text-align: left;
	cursor: default;
}


.groupplanlistheaderNew:first-child,
.plangridleftNew {
	width: 275px !important;
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-color: #cccccc;
	text-align: left;
	cursor: default;
}

.groupplanlistheaderNew {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-color: #cccccc;
	text-align: center !important;
	cursor: default;
	padding-right: 5px;
	padding-left: 5px;
	white-space: nowrap;
}

.yrgridcell {
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 0;
}

.yrgrpgridcell {
	border: 0;
	border-top: 0;
	border-right: 0;
	border-color: #cccccc;
	border-style: solid;
	padding: 0;
}

td.yrgrpgridcell:last-child {
	border-right: 1px solid #ccc;
}

.yrgrpgridcell input {
	width: 100%!important;
	height: 25px!important;
}

.yrgrpgridinfo {
	border: 0;
	border-style: none;
	padding: 0;
}

.gpcdiv {
	border-bottom-width: 1px;
	border-color: #e0e0e0;
	border-bottom-style: solid;
}

.plantotalgrid {
	border: 0;
	border-style: solid;
	border-color: #ccc;
	color: #333333;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	cursor: default;
	width: 100%;
	top: 20px;
	border-collapse: collapse;
}

.plantotalgrid td {
	white-space: nowrap;
}

.gridright {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-color: #cccccc;
	border-style: solid;
}

.mouseovertextbox {
	border: 0;
	margin-left: 5px;
	border-color: #cccccc;
	border-style: none;
	width: 420px;
}

.gridtextboxxl {
	text-align: left;
	width: 420px;
	margin-left: 5px;
	margin-right: 0;
	background-color: Transparent;
	border-style: none;
	border-width: 0;
	border-color: #cccccc;
}

.celtekst {
	padding-left: 9px;
	padding-right: 4px;
	border-left-width: 0;
	border-left-color: #cccccc;
	border-left-style: solid;
}

.celtekstlinks {
	padding-left: 4px;
	padding-right: 4px;
	height: 20px;
}

.grouprow {
	padding-left: 4px;
	padding-right: 4px;
	font-weight: bold;
	height: 20px;
	background-color: #5e809b!important;
	color: #fff;
	/*border-style: solid;
	border-width: 1px;*/
	border: none;
}

.presenceview {
	background-color: #fff;
}

.locationpresenceview {
	background-color: #F4F4F4;
}

.presencehead {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: Black;
}

.listheader {
	color: #000;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	cursor: default;
	background-color: #dedede;
	border-left: 1px solid #ccc;
	padding-left: 3px;
	padding-right: 3px;
	border-top: none;
}

.listheader {
	color: #000;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	cursor: default;
	background-color: #dedede;
	border: 1px solid #ccc;
	padding-left: 3px;
	padding-right: 3px;
	border-top: none;
}

th.listheader:first-child {
	border-left: none;
}

th.planlistheader:first-child {
	border-left: none;
	text-align: left;
}

.submitholidaygrid2 td:first-child {
	border-right: 1px solid #ccc;
}

.listheader a {
	text-decoration: none;
}

.planlistheader {
	border: 1px;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-color: #cccccc;
	border-style: solid;
	background-color: #dedede;
	height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	cursor: default;
	position: relative;
	z-index: 1;
}


.HRMlistheader {
	background-color: #dedede;
}

.groupplanlistheader {
	border: 0;
	border-bottom-width: 0;
	border-top-width: 0;
	border-color: #cccccc;
	border-style: solid;
	background-color: #dedede;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	cursor: default;
	white-space: nowrap;
}

.lockedlistheader {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-color: #cccccc;
	border-style: solid;
	background-color: #dedede;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.listheaderleft {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-color: #cccccc;
	border-style: solid;
	background-color: #dedede;
	height: 20px;
	padding-left: 4px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.listheaderright {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-color: #cccccc;
	border-style: solid;
	background-color: #dedede;
	height: 20px;
	padding-left: 4px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.header {
	background-color: #dedede;
	height: 25px;
	padding-left: 7px;
	padding-right: 4px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 0
}

.listheader_check {
	border-left: 0 solid #cccccc;
	background-color: #dedede;
	height: 18px;
	padding-left: 8px;
	padding-right: 0;
	padding-top: 4px;
	padding-bottom: 0
}

.selection {
	text-decoration: none;
	background-color: #a8bac9;
	color: #000
}

.header {
	background-image: url( images/main_header.jpg );
	color: #000000
}

.main_header_bg {
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding-left: 4px
}

.main_header_links {
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
}

.main_header_rechts {
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
}

.HRMmain_header_bg {
	background-image: url( images/main_header_bg.jpg );
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding-left: 4px
}

.HRMmain_header_links {
	background-image: url( images/main_header_links.jpg );
	background-repeat: no-repeat
}

.HRMmain_header_rechts {
	background-image: url( images/main_header_rechts.jpg );
	background-repeat: no-repeat;
}

.bordertd {
	border: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #E5E5E5;
}

.koptitle {
	float: left;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	padding: 12px;
	margin: 12px;
}

table.sortable thead {
	cursor: pointer;
}

.topbgleft {
	width: 150px!important;
	background: url(images/atrea-logo-new.png) no-repeat 30px 13px;
}

.topbgright {
	background-image: none;
}

.topbgmiddle {
	background-image: none;
}

.topbgmiddle_u {
	background-image: none;
}

.menu_balk_links {
	background-image: url( images/menu_balk_links.jpg );
	background-repeat: no-repeat;
}

.menu_balk_bg {
	background-image: url( images/menu_balk_bg.jpg );
	background-repeat: repeat-x;
}

.menu_balk_rechts {
	background-image: url( images/menu_balk_rechts.jpg );
	background-repeat: no-repeat;
}

.menu_items {
	margin-bottom: 19px;
	margin-top: 11px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.menu_item_links {
	margin-bottom: 19px;
	margin-top: 11px;
	margin-left: 15px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.menu_item_rechts {
	margin-bottom: 19px;
	margin-top: 11px;
	margin-right: 11px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.menu_afmelden {
	margin-bottom: 9px;
	font-size: 12px;
	color: #000000;
	text-align: right;
	vertical-align: top;
}

.menu_items a:link,
.menu_items a:hover,
.menu_items a:visited,
.menu_items a:active,
.menu_item_links a:link,
.menu_item_links a:hover,
.menu_item_links a:visited,
.menu_item_links a:active,
.menu_item_rechts a:link,
.menu_item_rechts a:hover,
.menu_item_rechts a:visited,
.menu_item_rechts a:active {
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.menu_afmelden a:link,
.menu_afmelden a:hover,
.menu_afmelden a:visited,
.menu_afmelden a:active {
	font-size: 12px;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

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

td.menu_hover {
	background-image: url( images/button_selectie.jpg);
	background-repeat: no-repeat;
}

td.menu_hover_links {
	background-image: url( images/button_selectie_links.jpg );
	background-repeat: no-repeat;
}

td.menu_hover_rechts {
	background-image: url( images/button_selectie_rechts.jpg );
	background-repeat: no-repeat;
}

.VistorsModule_table_overzicht {
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 16px;
	position: absolute;
	top: 60px!important;
	height: 600px;
	width: calc(100% - 29px);
}

.table_overzicht {
	min-width: 1000px;
	min-height: 600px;
	width: 100%;
	/*overflow-x: auto;*/
}

.absenceoverview {
	/*padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	position: absolute;
	top: 0;
	height: 600px;*/
}

.HRMtable_overzicht {
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 16px;
	position: absolute;
	top: 5px;
	height: 600px;
	width: calc(100% - 30px);
}

.fixedheadgridview1 {
	padding-left: 16px;
	padding-right: 16px;
	height: 586px;
}

.fixedheadgridview1_new {
	margin: 15px;
	width: calc(100% - 32px);
	height: 681px;
	border: 1px solid #ccc;
}

.fixedheadgridview1_new2 {
	margin: 0 15px 15px;
	width: calc(100% - 30px);
}

.fixedheadgridview1_new .table tbody tr:last-child table td {
	border: none;
}

.HRMfixedheadgridview1 {
	padding-left: 0;
	padding-right: 0;
	height: 550px;
}

.fixedheadgridview2 {
	padding-left: 16px;
	padding-right: 16px;
	height: 570px;
}

.fixedheadgridview3 {
	padding-left: 16px;
	padding-right: 16px;
}

.fixedheadgridview4 {
	padding-left: 16px;
	padding-right: 16px;
	height: 180px;
}

.fixedheadgridview4_new {
	height: 225px;
	float: left;
	clear: left;
	width: calc(100% - 32px);
	margin-left: 15px;
	margin-right: 15px;
}

.fixedheadgridview5_new {
    /*height: 225px;*/
    height: 397px;
    float: left;
    clear: left;
    width: calc(100% - 2px);
    margin-left: 0;
    margin-right: 0;
}

.griddiv {
	padding-left: 5px;
	padding-right: 5px;
	height: 460px;
	margin-top: 5px;
}

.griddiv2 {
	padding-left: 5px;
	padding-right: 5px;
	height: 223px;
	top: 14px;
	left: 340px;
	position: absolute;
}

.griddiv3 {
	padding-left: 5px;
	padding-right: 5px;
	height: 300px;
	top: 14px;
	left: 340px;
	position: absolute;
}

.griddiv4 {
	padding-left: 5px;
	padding-right: 5px;
	height: 300px;
	top: 60px;
	left: 0;
	position: absolute;
}

.griddiv5 {
	padding-left: 5px;
	padding-right: 5px;
	top: 90px;
	left: 370px;
	position: absolute;
}


.griddiv6 {
	top: 103px;
	left: 383px;
	position: absolute;
}


.presenceviewdiv {
	padding: 0;
	float: left;
	clear: left;
	width: 100%;
	min-width: 575px;
	position: relative;
}

.presenceviewdivAuto {
	padding: 0;
	float: left;
	clear: left;
	width: calc(100% - 10px);
}

.CorrInfoJournal {
	padding-left: 0;
	margin-left: 25px;
	padding-right: 0;
	margin-top: 235px;
	margin-right: 29px;
	height: 82px;
	border: 1px;
	border-color: #AAC2E4;
	border-style: solid;
	overflow-x: hidden;
	overflow-y: auto;
}

.CorrDialog {
	padding-left: 0;
	margin-left: 25px;
	padding-right: 0;
	margin-top: 235px;
	margin-right: 29px;
	height: 155px;
	border: 1px solid #ccc;
	overflow-x: hidden;
	overflow-y: hidden;
}

.BookInfoJournal {
	padding-left: 0;
	margin-left: 25px;
	padding-right: 0;
	margin-top: 200px;
	margin-right: 30px;
	height: 82px;
	border: 1px;
	border-color: #AAC2E4;
	border-style: solid;
	overflow-x: hidden;
	overflow-y: auto;
}

.muttotaldialog {
	border: 1px;
	vertical-align: middle;
	border-color: #ccc;
	border-style: solid;
	background-color: #fff;
	width: 1000px;
	height: 740px;
	text-align: left;
}

.planmaskdialog {
	border: 1px solid #ccc;
	vertical-align: middle;
	background-color: #F4F4F4;
	width: 960px;
	height: 495px;
	text-align: left;
}


.MutInfoJournal {
	padding-left: 0;
	margin-left: 25px;
	padding-right: 0;
	margin-right: 0;
	height: 84px;
	border: 1px;
	border-top: 0;
	border-bottom: 0;
	border-right: 0;
	border-color: #ccc;
	border-style: solid;
	overflow-x: hidden;
	overflow-y: auto;
}

.PersInfoJournal {
	padding-left: 0;
	margin-left: 25px;
	padding-right: 0;
	margin-top: 250px;
	margin-right: 25px;
	height: 203px;
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	overflow-x: hidden;
	overflow-y: scroll;
}

.pers_info_journal {
	position: absolute;
	padding-left: 0;
	margin-left: 29px;
	padding-right: 0;
	top: 370px;
	margin-right: 25px;
	height: 203px;
	width: 1147px;
	border: 1px solid #ccc;
	overflow-x: hidden;
	overflow-y: hidden;
}

.corrections_overview_table {
	position: absolute;
	padding-left: 0;
	margin-left: 29px;
	padding-right: 0;
	top: 350px;
	margin-right: 25px;
	height: 259px;
	width: 1053px;
}

.bookings_overview_table {
	position: absolute;
	padding-left: 0;
	margin-left: 29px;
	padding-right: 0;
	top: 350px;
	margin-right: 25px;
	height: 259px;
	width: 1053px;
}

.pers_order-wide {
	position: absolute;
	padding-left: 0;
	margin-left: 29px;
	padding-right: 0;
	top: 370px;
	height: 203px;
	border: 1px solid #ccc;
	overflow-x: auto;
	overflow-y: hidden;
}

.pers_info_journal table.persorder2 {
	width: 1057px;
}




.pers_info_journal > div + div {
	height: calc(100% - 25px);
	overflow-x: auto;
	overflow-y: auto;
}

.pers_info_journal td {
	white-space: nowrap;
}

.treediv {
	position: relative;
	width: 225px;
	height: 100%;
	background-color: #fff;
	overflow: auto;
	border-right-style: solid;
	border-right-color: #999999;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}

.grpplanWkNrm {
	padding-top: 0!important;
	text-align: center;
	background-color: #fff;
	line-height: 25px;
	height: 25px!important;
	width: 100%!important;
}

.grpplanWkAfw {
	padding-top: 0!important;
	text-align: center;
	background-color: #fff;
	line-height: 25px;
	height: 25px!important;
	width: 100%!important;
}

.yrbtnhalert {
	width: 30px;
	height: 25px;
	background-color: #FED5D7;
	border-style: none;
}

.yrbtnhalertbk {
	width: 30px;
	height: 25px;
	background-color: #FED5D7;
	border-style: none;
}

.yrbtnhalertar {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #FED5D7 url( images/yrbtnalertar.jpg ) no-repeat right bottom;
}

.yrbtnholiday {
	width: 30px;
	height: 25px;
	background-color: #DFEACC;
	border-style: none;
}

.yrgrpbtnholiday {
	width: 30px;
	height: 25px;
	background-color: #DFEACC;
	border-style: none;
    vertical-align: top;
}

.yrbtnholidayar {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #DFEACC url( images/yrbtnholidayar.jpg ) no-repeat right bottom;
}

.yrbtnholidaybk {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #DFEBCB url( images/yrbtnholidaybk.jpg ) no-repeat right bottom;
}

.yrbtnhisday {
	width: 30px;
	height: 25px;
	background-color: #fff;
	border-style: none;
}

.yrbtnroday {
	width: 30px;
	height: 25px;
	background-color: #F0EFF4;
	border-style: none;
    vertical-align: top;
}

.yrbtnroday_nobg {
	width: 30px;
	height: 25px;
	background-color: rgba(255, 255, 255, 0);
	border-style: none;
    vertical-align: top;
}

.yrbtnpreviouscontractday {
	width: 30px;
	height: 25px;
    color: #404040;
	background-color: #dedede;
	border-style: none;
    vertical-align: top;
}

.grid_table .yrbtnroday input {
	width: 100%;
	height: 25px;
	background-color: #F0EFF4;
	border: none;
    vertical-align: top;
}

.grid_table .yrbtnroday select {
	min-width: 100px;
	width: 100%;
	border: none;
	text-align: center;
	overflow: hidden;
}

.yrbtnplanday  {
	
}
.yrbtnrodaybk {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #F0EFF4 url( images/yrbtnrobk.png ) no-repeat right bottom;
}

.yrbtnrodayar {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #F0EFF4 url( images/yrbtnroar.jpg ) no-repeat right bottom;
}

.yrbtnhisdaybk {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #fff url( images/yrbtnbk.png ) no-repeat right bottom;
}

.yrbtnhisdayar {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #fff url( images/yrbtnar.jpg ) no-repeat right bottom;
}

.yrbtnplanday {
	width: 30px;
	height: 25px;
	background-color: #fff;
	border-style: none;
    vertical-align: top;
}

.grid_table .yrbtnplanday input {
	width: 100%;
	height: 25px;
	border: none;
    vertical-align: top;
}

.grid_table .yrbtnplanday select {
	min-width: 100px;
	width: 100%;
	border: none;
	overflow: hidden;
	text-align: center;
} 


.yrbtnhiswk {
	width: 30px;
	height: 25px;
	background-color: #CAD9E9;
	border-style: none;
}

.yrgrpbtnhiswk {
	width: 30px;
	height: 25px;
	background-color: #D3E1EF;
	border-style: none;
    vertical-align: top;
}

.yrgrpbtnhiswk_nobg {
	width: 30px;
	height: 25px;
	background-color: rgba(211,225,239,0.45);
	border-style: none;
    vertical-align: top;
}

.yrgrpbtnplanwk {
	width: 30px;
	height: 25px;
	background-color: #EAF4FF;
	border-style: none;
    vertical-align: top;
}

.grid_table .yrgrpbtnplanwk input {
	width: 100%;
	height: 25px;
	background-color: transparent;
	border: none;
    vertical-align: top;
}

.grid_table .yrgrpbtnplanwk select {
	min-width: 100px;
	width: 100%;
	border: none;
	background-color: transparent;
	overflow: hidden;
	text-align: center;
}

.yrbtnhiswkar {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #eaf4ff url( images/wkdayar.jpg ) no-repeat right bottom;
}

.yrbtnhiswkbk {
	width: 30px;
	height: 25px;
	border-style: none;
	background: #CAD9E9 url(images/wkdaybk.png) no-repeat right bottom;
}

.yrbtnplanwk {
	width: 30px;
	height: 25px;
	background-color: #CAD9E9;
	border-style: none;
}

.yrbtnmaskdown {
	width: 30px;
	height: 25px;
	background-color: #AACDFB;
}

.yrbtnmaskup {
	width: 30px;
	height: 25px;
	border-style: none;
	background-color: #fff;
}

.yrbtnfocus {
	width: 30px;
	height: 25px;
	background-color: #FED5D7;
	cursor: pointer;
	border: none;
}

.yrbtnfocusar {
	width: 30px;
	height: 25px;
	cursor: pointer;
	border: none;
	background: #FED5D7 url( images/yrbtnfocusar.jpg ) no-repeat right bottom;
}

.yrbtnfocusbk {
	width: 30px;
	height: 25px;
	cursor: pointer;
	background: #fed5d7 url(images/yrbtnfocusbk.png) no-repeat right bottom;
	border: none;
}

.yeargridview {
	border-color: #AAC2E4;
	border-style: none;
	border-width: 0;
	padding: 0;
	cursor: pointer;
	margin: 0;
	position: absolute;
}

.jaarkrttablenames {
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-color: #F4F4F4;
}

.headerdiv {
	vertical-align: top;
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #BFBFBF;
	margin-top: 0;
}

.HRMheaderdiv {
	vertical-align: top;
	position: relative;
	width: 100%;
	height: 230px;
	background-color: #BFBFBF;
}

.headerdivctrl {
	padding-top: 2px;
	vertical-align: middle;
	text-align: right;
	margin-right: 20px;
}

.headerdivtext {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left: 15px;
	padding-bottom: 3px;
	vertical-align: middle;
}

.HRMheaderdivtext {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left: 15px;
	padding-bottom: 3px;
	vertical-align: middle;
}

.formlabel {
	text-align: right;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #F4F4F4;
	border-left: 1px solid #ccc;
}

.formcellright {
	background-color: #F4F4F4;
	border-right: 1px solid #ccc;
}

.formcellbottom {
	background-color: #F4F4F4;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.forminput {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.formareatitle {
	padding-right: 15px;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	color: #fff;
	background-color: #4A5962;
	padding-left: 15px;
}

.tabletitle {
	padding-right: 15px;
	font-size: 11px;
	padding-bottom: 3px;
	padding-top: 3px;
	color: #000000;
	padding-left: 15px;
}

.main_table {
	background-color: #999;
}

.inner_table {
	background-color: #DDE0E3;
	padding: 0 0 15px;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}

.inner_table td {
	height: auto!important;
}

.inner_table td:first-child {
	width: 50px!important;
}

.listtable {
	border: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.border_table {
	border: 1px;
	border-color: #000000;
}

.infotablediv {
	margin: 20px;
	width: 712px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.popup {
	background-color: #F4F4F4;
	padding: 20px;
	width: 350px;
}

.WTconfdiv {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	width: calc(100% - 32px);
	margin-left: 15px;
	margin-right: 0;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: left;
	background-color: #fff;
}

.WTMenuconfdiv {
	border: 1px;
	border-color: #ccc;
	border-style: solid;
	height: 520px;
	width: 100%;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 50px;
	margin-bottom: 10px;
	text-align: left;
}

.WTmain_header_bg {
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
	height: 30px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	padding-left: 4px;
}

.WTmain_header_links {
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
}

.WTmain_header_rechts {
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
}

.WTtable_overzicht {
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 16px;
	position: absolute;
	/*top: 60px;*/
	min-height: 650px;
}

.WTMenutable_overzicht {
	width: calc(100% - 30px);
	height: 600px;
	margin: 15px;
}

.WTfixedheadgridview1 {
	padding-left: 0;
	padding-right: 0;
	/*height: 568px;*/
}

.WTheaderdiv {
	vertical-align: top;
	position: relative;
	width: 100%;
	height: 26px;
	background-color: #BFBFBF;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-bottom-width: 1px;
}

.WTheaderdivtext {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left: 15px;
	padding-bottom: 3px;
	vertical-align: middle;
}

.WTWebTerminalScrollDiv {
	border: 1px solid #ccc;
	width: calc(100% - 24px);
	height: 265px;
	overflow: auto;
	margin: 0 10px 12px;
}

.WTTemplateScrollDiv {
	border: 1px;
	border-color: #999;
	border-style: solid;
	margin-top: 0;
	margin-left: 0;
	margin-right: 10px;
	width: 98%;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.WTTemplateMenuScrollDiv {
	border: 1px;
	border-color: #999;
	border-style: solid;
	margin-top: 0;
	margin-left: 0;
	margin-right: 10px;
	width: 98%;
	height: 340px;
}

.WTWebTerminalindcorrgrid {
	border: 0;
	border-style: solid;
	border-color: #999;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	top: 20px;
	cursor: default;
}

.WTTemplateindcorrgrid {
	border: 0;
	border-style: solid;
	border-color: #999;
	margin-left: 0;
	margin-right: 0;
	border-right-style: none;
	border-left-style: none;
	position: static;
	width: 100%;
	top: 20px;
	cursor: default;
}

.WTDataGridFixedHeader4 {
	border: 1px;
	border-color: #999;
	border-style: solid;
	height: 22px;
	position: relative;
}

.WTMenuDataGridFixedHeader4 {
	border: 1px;
	border-color: #999;
	border-style: solid;
	height: 22px;
	position: absolute;
}

.WTMenu2DataGridFixedHeader4 {
	border: 1px;
	border-color: #999;
	border-style: solid;
	height: 22px;
	position: absolute;
}

.WTlistheader {
	border: 1px;
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	color: #000;
	border-color: #cccccc;
	border-style: solid;
	background-image: url(images/listheaderbg.jpg);
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	cursor: default;
}


td.webterminals div.floatThead-wrapper div {
	left: 11px!important;
}

.MyMP_Menu1_1 {
	color: #000;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: none;
}

.MyMP_Menu1_2 {
	color: #000;
	background-color: transparent!important;
	font-family: Verdana;
	font-size: 12px;
	height: 39px;
	border-style: none;
}

.MyMP_Menu1_3 {
	color: #fff;
	border-style: none;
}

.MyMP_Menu1_4 {
	height: 25px!important;
	padding: 2px 10px!important;
	margin-top: 14px;
}

.MyMP_Menu1_8 {
	border-style: none;
}

.MyMP_Menu1_9 {
	background-color: #5D7B9D;
}

.MyMP_Menu1_10 {
	
}

.MyMP_Menu1_11 {
	background-color: #5D7B9D;
}

.MyMP_Menu1_12 {
	color: #fff;
	border-style: none;
}

.MyMP_Menu1_14 {
	color: #000 !important;
	font-weight: normal !important;
	font-style: normal !important;
}

/* start overrides */

#MyMP_LeftMenu, #MyMP_RightMenu {
	display: none;
}

table.Item a.Item {
	font-size: 13px !important;
	font-weight: normal;
	font-style: normal;
}

table.Item a.Item:hover {
	font-size: 13px !important;
	font-weight: normal;
	font-style: normal;
}

td.topbgmiddle_u > table {
	margin-top: -70px;
}

div#MyMP_Menu1n0Items, 
div#MyMP_Menu1n1Items, 
div#MyMP_Menu1n2Items, 
div#MyMP_Menu1n3Items, 
div#MyMP_Menu1n4Items, 
div#MyMP_Menu1n5Items,
div#MyMP_Menu1n6Items, 
div#MyMP_Menu1n7Items, 
div#MyMP_Menu1n8Items, 
div#MyMP_Menu1n9Items, 
div#MyMP_Menu1n10Items, 
div#MyMP_Menu1n11Items {
	/*top: 54px!important;
	margin-left: -10px;
	padding-top: 5px;
	z-index: 10000!important;
	border: 1px solid #CCCCCC;
	border-top: none;*/
}

.MyMP_Menu1_6:hover,
.MyMP_Menu1_15 {
	background-color: #e7e7e7 !important;
}

.MyMP_Menu1_6 {
	background-color: #F7F6F3 !important;
	padding: 4px 5px !important;
	margin: 0 !important;
}

table.Menu > tbody > tr > td > table {
	border-right: 1px solid #2b373c;
}

input[type=text] {
	line-height: 16px;
	height: 22px;
	padding: 2px 7px;
	border: solid 1px #a9a9a9;
}

.grid input[type=text],
.gridright input[type=text] {
	border: none!important;
}

.tstextbox {
	border: none!important;
}

input[type=radio] {
	margin-right: 7px;
}

table.yeargridview {
	margin-right: 5px;
}

table.yeargridview tr {
	height: 26px;
}

.topbgmiddle_u > table {
	float: left;
	margin-left: 0;
}

.grpDiv {
	height: 30px;
	margin-left: 10px; 
	width:300px;
	background-color: #BFBFBF;
}

input#btnRefresh,
input#btnCancel {
	width: auto!important;
}

/*#MyMP_Menu1 {
	top: -1px!important;
	outline: none;
}*/

.select_200 {
	border: 1px solid #ccc;
	height: 22px;
	width: 200px!important;
	text-align: left;
	margin-left: 0;
	line-height: 16px;
	padding: 1px 0 1px 3px;
}




.btn_add_remove {
	margin-top: 5px!important;
	vertical-align: top;
}

#MyMP_Body_TbC1_TbP11_StamTab10_editOpleiding_OplDat {
	width: auto!important;
}

.groupplangrid td,
.groupplangrid th,
.plantotalgrid td,
.plantotalgrid th {
	padding: 0!important;
	margin: 0!important;
	border: 1px solid #ccc!important;
}

#MyMP_Body_CustomTree1_btnNewEmployee {
	margin-top: 15px;
	float: left;
	clear: left;
	margin-bottom: 5px;
	margin-left: 4px;
	width: auto!important;
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 2px 15px;
	border: none;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.25s;
	font-weight: normal;
	font-style: normal;
}

#MyMP_Body_CustomTree1_btnNewEmployee:hover,

#MyMP_Body_CustomTree1_btnNewEmployee:active {
	opacity: 1;
}

#MyMP_Body_CustomTree1_btnNewEmployee + span {
	float: left;
	clear: left;
}

#MyMP_Body_CustomTree1_btnNewEmployee + span input {
	float: left;
	clear: left;
}

#MyMP_Body_CustomTree1_btnNewEmployee + span label {
	margin: 3px 0px 0px 1px;
	float: left;
	white-space: nowrap;
}

#MyMP_Body_CustomTree1_btnNewEmployee + span + input {
	float: left;
	clear: left;
}

#MyMP_Body_CustomTree1_btnNewEmployee + span + input + label {
	float: left;
	margin: 3px 3px 3px 4px;
	white-space: nowrap;
}

#MyMP_Body_CustomTree1_hdnScrollTop {
	background-color: transparent!important;
}

/*#MyMP_Body_TbC1_body {
	height: 670px!important;
}*/

#MyMP_Body_TbC1_TbP8_TimeSheet_btnMin {
	margin-left: 15px;
}

#MyMP_Body_TbC1_TbP8_TimeSheet_btnMin,

#MyMP_Body_TbC1_TbP8_TimeSheet_btnPlus {
	width: 25px!important;
	height: 22px!important;
	text-align: center;
}

#MyMP_Body_TbC1_TbP8_TimeSheet_tbWeek {
	width: 30px!important;
	text-align: center;
	height: 16px;
	margin-right: 5px;
	margin-left: 5px;
}

#MyMP_Body_TbC1_TbP8_TimeSheet_tbYear {
	width: 50px!important;
	text-align: center;
	height: 16px;
	margin-left: 20px;
}

#MyMP_Body_TbC1_TbP9_StamTab8_editlistBankreknrdiv {
	margin-top: 8px;
}

#MyMP_Body_TbC1_TbP13_StamTab12_GroupEditDiv {
	text-align: left!important;
}

#ddFilter1, #ddFilter2 {
	height: 20px;
	width: 175px!important;
}

.HRMmain_header_links, 
.HRMmain_header_bg, 
.HRMmain_header_rechts {
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
}

#ddMatrixCode {
	height: 20px;
}

#ddMatrixOms {
	width: 328px!important;
	top: 12px!important;
	left: 490px!important;
	position: absolute!important;
	height: 22px!important;
}

#ddMatrixCode {
	top: 12px!important;
	line-height: 20px;
}



#tbMatrixOms {
	top: 12px!important;
	left: 490px!important;
	width: 290px!important;
    height: 16px !important;
}

#lbMatrixType {
	left: 100px!important;
}

#GroupPlanGrid1_btnMin,

#GroupPlanGrid1_btnPlus {
	width: 23px!important;
	text-align: center;
}

#gpgriddiv > div label {
	height: 20px;
}

#GroupPlanGrid1_GridView1 th:first-child,
#GroupPlanGrid1_GridView1 td:first-child,
#GroupPlanGrid1_GridView2 td:first-child {
	padding-left: 5px;
}

#MyMP_Body_GridView2 td.plangridleft {
	padding-left: 5px;
	padding-right: 5px;
}

#MyMP_Body_InlogCode,
#MyMP_Body_Password,
#MyMP_Body_tbPassword,
#MyMP_Body_tbPassword2 {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px 0 0;
	width: 200px!important;
	border-radius: 4px;
	font-size: 13px!important;
}

#MyMP_Body_btnLogin {
	line-height: 25px;
	height: 31px!important;
	font-size: 13px;
}

#MyMP_Body1 > div#menu {
	display: none;
}

#MyMP_Body_TbC1_TbP12_StamTab11_tb1Div > table > tbody > tr > td:first-child,
#MyMP_Body_TbC1_TbP12_StamTab11_tb1Div > table > tbody > tr > td:first-child > div,
#MyMP_Body_TbC1_TbP12_StamTab11_tb1Div > table > tbody > tr > td:first-child > div > table {
	width: auto!important;
	height: auto!important;
}

#MyMP_Body_TbC1_TbP12_StamTab11_tb1Div > table > tbody > tr > td:first-child > div > table > tbody > tr > td:first-child > span {
	width: 140px!important;
}

#MyMP_Body_TbC1_TbP12_StamTab11_tb1Div > table {
	padding-left: 8px;
}

/** treeview styles **/

.treeViewTable {
	padding-top: 5px;
}

.treeViewTable > table {
	width: 100%;
}

.treeViewTable > table a {
	color: #000;
}

.treeViewTable > table > tbody > tr > td {
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.treeViewTable > table td img {
	opacity: 0.5;
	position: relative;
    top: 3px;
}

.treeViewTable > table td.customtree {
	width: 100%!important;
}

.treeViewTable > table tr td:first-child,
.treeViewTable > table tr td:nth-child(2) {
	width: 15px;
}

.treeViewTable > table tr td:nth-child(2) img {
	opacity: 0.35;
	position: relative;
    top: 3px;
}

.treeViewTable > table td.selectedsel {
	width: 100%!important;
}

.treeViewTable > table td.selectedsel a {
	color: #fff;
}

.treeViewTable > table tbody > tr:hover {
	background-color: #a8bac9;
}



.headerBar {
	width: calc(100% - 30px);
	height: 30px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	background: #283136 url(images/top-menu-bg.gif) repeat-x;
	line-height: 30px;
	/*float: left;*/ /*(evdb) op server verdween de balk naar onderen */  
	padding: 0 15px;
}

.subHeaderBar {
	width: calc(100% - 30px);
	min-height: 30px;
	color: #000;
	background-color: #bfbfbf;
	overflow: visible;
	float: left;
	padding: 0 15px;
}

.subHeaderBarTreeView {
	width: calc(100% - 15px);
	min-height: 30px;
	color: #000;
	background-color: #bfbfbf;
	overflow: visible;
	float: left;
	padding: 0 0 0 15px;
}

.subHeaderBarXL {
	width: calc(100% - 30px);
	min-height: 35px;
	color: #000;
	background-color: #bfbfbf;
	overflow: visible;
	float: left;	
	padding: 0 15px;
}

.bodyHeaderBar {
	width: calc(100% - 30px);
	min-height: 30px;
	color: #000;
	background-color: #f4f4f4;
	overflow: visible;
	float: left;
	padding: 0 15px;
}

.bodyHeaderBarBig {
	width: calc(100% - 30px);
	min-height: 30px;
	color: #000;
	background-color: #f4f4f4;
	overflow: visible;
	float: left;
	padding: 15px 15px 0;
}

.bodyHeaderBarBig {
	width: calc(100% - 30px);
	min-height: 30px;
	color: #000;
	background-color: #f4f4f4;
	overflow: visible;
	float: left;
	padding: 15px 15px 0;
}
.bodyHeaderBarBig.whitebg {
	background-color: #fff;
}
.bodyHeaderBar.whitebg {
	background-color: #fff;
}

.content_body {
	width: calc(100% - 30px);
	min-height: 500px;
	background-color: #f4f4f4;
	padding: 15px;
	float: left;
}

.content_body_white {
	width: calc(100% - 30px);
	min-height: 500px;
	background-color: #fff;
	padding: 15px;
	float: left;
}

.content_body_treeview {
	width: 283px;
	height: 610px;
	float: left;
	background-color: #fff;
	overflow: auto;
	margin: 15px 0 0 15px;
	border: 1px solid #bfbfbf;
}

.content_body_employee_inner {
	width: calc(100% - 30px);
	min-height: 500px;
	background-color: #f4f4f4;
	padding: 15px;
	float: left;
}

.content_body_wide,
.content_body_employee {
	width: 100%;
	min-height: 500px;
	background-color: #f4f4f4;
	float: left;
}

.content_body_noheight_no_top {
	width: calc(100% - 30px);
	background-color: #f4f4f4;
	padding: 0 15px 15px;
	float: left;
}

.content_body_noheight_no_top_bottom {
	width: calc(100% - 30px);
	background-color: #f4f4f4;
	padding: 0 15px;
	float: left;
}

.content_body_noheight {
	width: calc(100% - 30px);
	background-color: #f4f4f4;
	padding: 15px;
	float: left;
}

.content_body_noheight.whitebg {
	background-color: #fff;
}

.content_body_listgenerator {
	height: 600px;
	width: calc(100% - 30px);
	background-color: #f4f4f4;
	padding: 5px 15px 35px;
	float: left;
}

.ie .content_body_listgenerator {
	/*height: 630px !important;OT16005 (evdb)*/
    height: 737px !important;
	width: calc(100% - 30px);
	background-color: #f4f4f4;
	padding: 5px 15px 35px;
	float: left;
}

.bodyHeaderBarXL {
	width: 100%;
	min-height: 35px;
	color: #000;
	background-color: #f4f4f4;
	overflow: visible;
}



.bodyBar {
	width: calc(100% - 40px);
	font-size: 12px;
	float: left;
	background-color: #f4f4f4;
}

.innerBodyBar {
	font-size: 12px;
	float: left;
	line-height: 32px;
    width: calc(100% - 30px);
	margin-right: 15px;
	margin-left: 15px;
}

.innerBodyBar h1 {
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	
}

.innerBodyBar h1 {
	background: url(images/kp-close.png) no-repeat left 11px;
	padding-left: 15px;
	cursor: pointer;
}

.innerBodyBar h1.open {
	background: url(images/kp-open.png) no-repeat left 11px;
	padding-left: 15px;
	cursor: pointer;
}

.innerBodyBar span {
	font-size: 12px;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}

.innerFloatRight {
	float: right;
}

.innerFloatLeft {
	float: left;
}


.scroll_horizontal {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	padding-bottom: 10px;
}

.content_treeview_outer {
	float: left;
	width: 300px;
	/*background-color: greenyellow;*/
}

.content_tabs_outer {
	float: left;
	width: calc(100% - 300px);
	background-color: yellowgreen;
}



@media print {  
  @page {
    size: 297mm 210mm;
    margin: 10mm;
  }
  
  .scroll_horizontal {
		width: 1200px;
}
	
	.content_body {
	  min-height: auto;
	}
  
}



#top_scroll_block {
	float: left;
	clear: left;
}

#top_scroll_block  div {
	margin-bottom: 25px;
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	max-height: 398px;
	clear: left;
}

#top_scroll_block  .gridheaderclonewrapper {
	top:  6px;
}

#bottom_scroll_block {
	float: left;
	clear: left;
}

#bottom_scroll_block div {
	float: left;
	overflow-y: scroll;
	overflow-x: hidden;
	clear: left;
}


.grid_table {
	border: solid 1px #a9a9a9;
}

.grid_table th,
.grid_table td {
	border-right: solid 1px #a9a9a9 !important;
}

.grid_table th:last-child,
.grid_table td:last-child {
	border-right: none !important;
}

.grid_table thead tr {
	border-bottom: solid 1px #a9a9a9 !important;
}

.grid_table tbody tr {
	border-bottom: solid 1px #a9a9a9 !important;
}

.grid_table tbody tr:nth-child(even) {
	background-color: #f2f3f4;
  line-height: 25px;
}

.grid_table tbody tr:nth-child(odd) {
	background-color: #fff;
  line-height: 25px;
}

.grid_table_bottom tbody tr:nth-child(odd) {
	background-color: #f2f3f4;
  	line-height: 25px;
}

.grid_table_bottom tbody tr:nth-child(even) {
	background-color: #fff;
  	line-height: 25px;
}

.grid_table_planning {
	border: solid 1px #a9a9a9;
	width: 100%;
}

.grid_table_planning tbody tr:nth-child(even) {
	background-color: #f2f3f4;
  	line-height: 25px;
}

.grid_table_planning tbody tr:nth-child(odd) {
	background-color: #fff;
  	line-height: 25px;
}

.grid_table_planning tbody tr:last-child {
	background-color: #fff;
  	line-height: 25px;
  	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;
  	border-bottom: 1px solid #fff;
}

.grid_table_planning tbody tr:last-child table td {
	padding-right: 15px;
	padding-left: 15px;
	font-weight: bold;
}

.grid_table_planning th {
	background-color: #bfbfbf;
	line-height: 25px;
}

.grid_table_planning th:first-child {
	text-align: left;
}

.grid_table_planning th,
.grid_table_planning td {
	padding-right: 4px;
	padding-left: 4px;
}

.grid_table_planning .planning_weekend {
	background-color: rgba(206,247,96,0.50);
}

.grid_table_planning tr:nth-child(odd)  .planning_weekend {
	background-color: rgba(206,247,96,0.30);
}









#ddStat {
	width: 200px!important;
	line-height: 16px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 0;
}


#MyMP_Body_TbC1_TbP11_StamTab10_editOpleiding_ceddOpleiding_dd1,
#MyMP_Body_TbC1_TbP11_StamTab10_editVaardigheid_ceddVaardigheid_dd1,
#MyMP_Body_TbC1_TbP12_StamTab11_ceddFreeField_dd1 {
	width: 160px!important;
	line-height: 16px;
}

#MyMP_Body_tbOffset,
#MyMP_Body_tbHerh,
#MyMP_Body_tbInterval,
#MyMP_Body_tbMeldtijd {
	width: 60px!important;
	line-height: 16px!important;
	height: 16px!important;
	padding: 2px 3px!important;
	border: solid 1px #a9a9a9!important;
}

#GroupPlanGrid1_tbOpm {
	margin-top: 2px;
}

#GroupPlanGrid1_ImageButton1 {
	margin-top: 6px;
	margin-left: 15px;
	margin-right: 10px;
}

#MyMP_Body_TbC1_TbP11_StamTab10_editOpleiding_tbStatus,
#MyMP_Body_TbC1_TbP11_StamTab10_editOpleiding_cdtOplDat_tbDate,
#MyMP_Body_TbC1_TbP11_StamTab10_editVaardigheid_tbStatus,
#MyMP_Body_TbC1_TbP11_StamTab10_editVaardigheid_cdtBehaalDat_tbDate,
#MyMP_Body_TbC1_TbP11_StamTab10_editVaardigheid_cdtVerlDat_tbDate,
#MyMP_Body_TbC1_TbP12_StamTab11_tbOmschrijving,
#MyMP_Body_TbC1_TbP12_StamTab11_tbBedrag_tbEdit,
#MyMP_Body_TbC1_TbP12_StamTab11_cdtFFDat_tbDate,
#MyMP_Body_TbC1_TbP11_StamTab10_editOpleiding_ceddOpleiding_tb1,
#MyMP_Body_TbC1_TbP11_StamTab10_editVaardigheid_ceddVaardigheid_tb1,
#MyMP_Body_TbC1_TbP12_StamTab11_ceddFreeField_tb1 {
	width: 160px!important;
	line-height: 16px!important;
	height: 21px!important;
	padding: 2px 3px!important;
	border: solid 1px #a9a9a9!important;
}

#GroupPlanGrid1_ddFilter,
#GroupPlanGrid1_ddDP,
#GroupPlanGrid1_ddStat {
	line-height: 16px!important;
	height: 22px!important;
	padding: 2px 3px!important;
	border: solid 1px #a9a9a9!important;
}

#tbMatrixType {
	line-height: 16px;
	height: auto!important;
	margin-right: 10px;
	width: 132px!important;
}

#MyMP_Body_TbC1_TbP9_OrderGrid_ddDatumSelectie {
	line-height: 16px;
	height: 22px!important;
	margin-left: 10px;
	margin-right: 10px;
}

#ddMatrixCode {
	height: 22px!important;
	margin-left: 0;
	margin-right: 0;
}

#ddZone {
	line-height: 22px!important;
	height: 22px!important;
	top: 26px!important;
}

#ddWeekdag {
	line-height: 22px!important;
	height: 22px!important;
	top: 116px!important;
}

#ddInstelling {
	line-height: 22px!important;
	height: 22px!important;
	top: 184px!important;
	width: 180px!important;
}

#ddToeslagteller {
	line-height: 22px!important;
	height: 22px!important;
	top: 251px!important;
	width: 180px!important;
}

#MyMP_Body_TbC1_TbP13_StamTab12_ddFilter {
	height: 22px;
	width: 280px!important;
}

#MyMP_Body_TbC1_TbP4_StamTab3_editlistPersMedisch_GridView1_ctl06_HRMCustomEditBoolean0_CheckBox1,
#MyMP_Body_TbC1_TbP3_StamTab2_editlistPersIdentiteit_GridView1_ctl12_HRMCustomEditBoolean0_CheckBox1,
#MyMP_Body_TbC1_TbP3_StamTab2_editlistPersRijbewijs_GridView1_ctl06_HRMCustomEditBoolean0_CheckBox1,
#MyMP_Body_TbC1_TbP1_StamTabHRM_EditList20_GridView1_ctl09_Radio0,
#MyMP_Body_TbC1_TbP2_HRMCom_editlistCommPostAdres_GridView1_ctl02_HRMCustomEditBoolean0_CheckBox1,
#MyMP_Body_TbC1_TbP4_StamTab3_editKinderen_rbMale,
#MyMP_Body_TbC1_TbP4_StamTab3_editlistPersPartner_GridView1_ctl05_Radio0,
#MyMP_Body_TbC1_TbP6_StamTab5_editlistContractUitzend_GridView1_ctl02_HRMCustomEditBoolean0_CheckBox1,
#MyMP_Body_TbC1_TbP6_StamTab5_editlistContractContract_GridView1_ctl03_HRMCustomEditBoolean0_CheckBox1,
#MyMP_Body_TbC1_TbP6_StamTab5_editlistContractContract_GridView1_ctl09_HRMCustomEditBoolean0_CheckBox1 {
	margin-left: 0;
}

#MyMP_Body_TbC1_TbP4_StamTab3_editlistPersMedisch_GridView1_ctl06_HRMCustomEditBoolean0_CheckBox1 {
	top: 3px;
	position: relative;
}

#MyMP_Body_JournalGrid1_tbFromDate {
	width: 70px;
	line-height: 16px;
	margin-left: 10px;
	margin-right: 10px;
}

#MyMP_Body_JournalGrid1_tbToDate {
	width: 70px;
	line-height: 16px;
	margin-left: 10px;
	margin-right: 20px;
}

#MyMP_Body_TbC1_TbP6_StamTab5_editlistContractContract_GridView1_ctl04_Label1 {
	width: 60px;
	display: inline-block;
	margin-left: 5px;
}

#MyMP_Body_TbC1_TbP6_StamTab5_editlistContractContract_GridView1_ctl04_CustomDateTime2_tbDate {
	width: 65px!important;
}

#MyMP_Body_TbC1_TbP9_StamTab8_editHRMSalarisOpbouw_tbAantekening {
	width: 200px!important;
}

#MyMP_Body_TbC1_TbP9_StamTab8_editHRMSalarisOpbouw_fixedheader {
	position: relative;
	margin-top: 20px;
	margin-left: 15px;
}

#MyMP_Body_TbC1_TbP9_StamTab8_editHRMSalarisOpbouw_tb1Div > div {
	height: 180px!important;
	margin-left: 15px!important;
	width: 480px!important;
    border: 1px solid #ccc;
}

#MyMP_Body_TbC1_TbP13_StamTab12_btnAdd {
	width: auto!important;
}

#MyMP_Body_TbC1_TbP13_StamTijdreg_EditList2_GroupEditDiv {
	margin-top: 13px;
}

#MyMP_Body_TbC1_TbP4 {
	margin-top: 5px;
}

#MyMP_Body_Label6 {
	width: 88px!important;
}

span.CheckBox {
	width: auto!important;
	cursor: pointer;
	height: auto!important;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: -3px;
}

span.CheckBox input {
	margin: 0 7px 0 0;
	display: block;
	float: left;
}

td span.CheckBox input {
	margin: 0 7px 0 0;
	display: block;
	float: left;
}

td span.CheckBox input#MyMP_Body_cbShowPlanned {
	margin: 7px 7px 0 0;
}

span.CheckBox label {
	margin: 0;
	display: block;
	float: left;
}

#GroupPlanGrid1_lbName {
	float: left;
	display: block;
	line-height: 26px;
	margin-right: 10px;
	margin-left: 25px;
}

#GroupPlanGrid1_ddFilter {
	float: left;
	display: block;
	margin-top: 2px;
}

#GroupPlanGrid1_ImageButton1 {
	margin-top: 2px;
}

.headerdiv table,
.headerdiv table tr,
.headerdiv table td,
.headerdiv table th {
	height: 26px!important;
	margin: 0!important;
	padding: 0!important;
}

#MyMP_Body_tbLinesPP {
	margin-left: 10px;
	margin-right: 10px;
}

#MyMP_Body_WTdiv input[type=text] {
	width: 190px!important;
	line-height: 16px;
	height: auto!important;
	padding-left: 3px;
	padding-right: 3px;
}

#MyMP_Body_WTdiv select {
	width: 200px!important;
	line-height: 16px;
	height: 22px;
}


#fixhead #MyMP_Body_Label1 {
	display: inline-block;
}

.zoneterminaldialog div {
	width: auto!important;
	
}

.zonetemplatedialog,
.zoneterminaldialog {
    width: 590px;
    height: 400px;
}

#MyMP_Body_tbMeldtxt {
	background-color: #fff!important;
	margin-top: 10px;
	height: 125px!important;
	border: 1px solid #ccc;
}

.HRMSignaleringScrollDiv {
	background-color: #fff!important;
}

#MyMP_Body_rbNewAlert + label + span {
	float: left;
	clear: left;
	margin-top: 10px;
}

/************************/

#F1 {
	top: 250px!important;
	left: 114px!important;
	outline: 0;
}

#F2 {
	top: 250px!important;
	left: 168px!important;
	outline: 0;
}

#F3 {
	top: 250px!important;
	left: 223px!important;
	outline: 0;
}

#F4 {
	top: 250px!important;
	left: 277px!important;
	outline: 0;
}

/************************/

#F5 {
	top: 305px!important;
	left: 114px!important;
	outline: 0;
}

#F6 {
	top: 305px!important;
	left: 168px!important;
	outline: 0;
}

#F7 {
	top: 305px!important;
	left: 223px!important;
	outline: 0;
}

#F8 {
	top: 305px!important;
	left: 277px!important;
	outline: 0;
}

/************************/

#KG {
	top: 359px!important;
	left: 114px!important;
	outline: 0;
}

#DR {
	top: 359px!important;
	left: 168px!important;
	outline: 0;
}

#SLD {
	top: 359px!important;
	left: 223px!important;
	outline: 0;
}

#I {
	top: 359px!important;
	left: 277px!important;
	outline: 0;
}

/************************/

#lblTijd,
#lblBookType,
#lblDD,
#lblDg,
#lblMsg {
	color: #000!important;
}

#lblTijd {
	top: 92px!important;
}

#lblBookType {
	top: 170px!important;
}

#lblDD {
	top: 110px!important;
}

#lblDg {
	top: 91px!important;
}

#lblMsg {
	top: 130px!important;
}

#MyMP_Body_YearSchedule1_m1 + br + table tr:first-child td {
	width: auto!important;
}

#MyMP_Body_YearSchedule1_m1 + br + table tr:first-child td div {
	text-align: left!important;
}

div.headerdiv table tr {
	text-align: right;
}

div.headerdiv table td:first-child {
	float: left;
}

div.headerdiv table td:last-child a {
	margin-top: 2px;
}

div.headerdiv table td {
	width: auto!important;
	text-align: left;
	height: 26px;
	display: inline-block;
}



#MyMP_Body_TbC1_TbP13_StamTab12_tb1Div table + table {
	width: 882px;
}

#GroupPlanGrid1_RefreshBtn,
#GroupPlanGrid1_iBtnExcel {
	margin-bottom: -5px;
}

.HRMIndividueelCheckbox {
	float: left;
	clear: left;
}

#MyMP_Body_CustomTree1_CheckBox1 {
	float: left;
}

#MyMP_Body_CustomTree1_CheckBox1 + label {
	margin: 3px 3px 3px 4px;
	float: left;
}

.skin0 #MyMP_Body_CustomTree1_lbNewEmp,
.skin0 #MyMP_Body_CustomTree1_lbCopyEmp {
	width: auto!important;
	background-color: #4A5962!important;
	border-radius: 2px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	border: none;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.25s;
	float: left;
	padding: 7px 3px;
	width: 100px!important;
	margin: 10px 3px 10px 15px;
}

.skin0 #MyMP_Body_CustomTree1_lbNewEmp:hover,
.skin0 #MyMP_Body_CustomTree1_lbCopyEmp:hover {
	background-color: #4A5962!important;
	opacity: 1;
}

/*#MyMP_Body_TbC1_TbP8_TimeSheet_GridView2 {
	border: 1px solid #ccc!important;
}*/

#fixhead1 {
	clear: left;
}

#fixhead1 {
	clear: left;
}

#lbPeriode {
	top: 47px!important;
}

#ddPeriode {
	left: 491px!important;
	width: 327px!important;
	line-height: 16px;
	height: 22px;
}

#lbSignalOms + span {
	display: block;
	left: 822px;
	top: 30px;
	position: absolute;
}

#doubleScrollTurboTableViewKlapperaarMaster1 {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top: 20px;
}

.groupplangrid {
	border: 1px solid #ccc!important;
	background-color: #fff!important;
	display: block;
	float: left;
	max-height: 450px;
	clear: left;
	padding: 0;
	margin: 0 0 25px;
}

.plantotalgrid {
	border: 1px solid #ccc!important;
	background-color: #fff!important;
}

.plantotalgrid {
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0 0 15px;
}

.groupplangrid tr {
	display: block;
	float: left;
	height: 50px;
	clear: left;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc!important;
}

.plantotalgrid tr {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	clear: left;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ccc!important;
}

.groupplangrid tr:last-child,
.plantotalgrid tr:last-child {
	border-bottom: none!important;
}

.groupplangrid tr:first-child,
.plantotalgrid tr:first-child {
	display: block;
	float: left;
	height: 25px;
	clear: left;
	padding: 0;
	margin: 0;
}

.groupplangrid tr th,
.plantotalgrid tr th {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px!important;
	width: 79px!important;
	padding: 0;
	margin: 0;
	border: none!important;
	border-right: 1px solid #ccc!important;
}

.groupplangrid tr td {
	display: block;
	float: left;
	height: 50px;
	width: 79px!important;
	padding: 0;
	margin: 0;
	border: none!important;
	border-right: 1px solid #ccc!important;
}

.plantotalgrid tr td {
	display: block;
	float: left;
	height: 25px;
	width: 69px!important;
	padding: 0 10px 0 0!important;
	margin: 0;
	border: none!important;
	border-right: 1px solid #ccc!important;
}

.groupplangrid tr th:last-child,
.groupplangrid tr td:last-child {
	width: 78px!important;
	border-right: none!important;
}

.plantotalgrid tr th:last-child,
.plantotalgrid tr td:last-child {
	width: 68px!important;
	border-right: none!important;
}

.groupplangrid tr th:first-child,
.plantotalgrid tr th:first-child {
	display: block;
	float: left;
	height: 25px;
	width: 259px!important;
	padding-left: 10px!important;
	padding-right: 0!important;
}

.groupplangrid tr td:first-child {
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	width: 259px!important;
	padding-left: 10px!important;
}

.plantotalgrid tr td:first-child {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	width: 259px!important;
	padding-left: 10px!important;
	padding-right: 0!important;
}

/***************************************************/



table.groupplangrid_abs {
	border: 1px solid #ccc;
	border-collapse: collapse;
	table-layout: auto;
}

table.groupplangrid_abs,
table.groupplangrid_abs tr:first-child,
table.groupplangrid_abs tr:first-child th {
	border-top: none;
}

table.groupplangrid_abs {
	border-left: none;
}

table.groupplangrid_abs tr,
table.groupplangrid_abs th:first-child,
table.groupplangrid_abs td:first-child {
	border-left: none;
	width: 225px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
    height: 25px;
}

body.edge table.groupplangrid_abs td,
body.ie table.groupplangrid_abs td {
    border-top: none;
    height: 25px;
}


table.groupplangrid_abs td:first-child span.ellipsis {
	width: 225px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

table.groupplangrid_abs td,
table.groupplangrid_abs th {
	border: 1px solid #ccc;
	width: 60px;
	text-align: center;
}

table.groupplangrid_abs td,
table.groupplangrid_abs th {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.groupplangrid_abs td input {
	width: 100%!important;
	height: 25px!important;
	font-style: normal!important;
	display: block;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, 'Helvetica Neue', Helvetica, Geneva, sans-serif;
}

table.groupplangrid_abs td span {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

table.groupplangrid_abs td.infoplanweek {
	background-color: rgba(90, 166, 243, 0.2);
}

table.groupplangrid_abs,
table.groupplangrid_abs th:last-child,
table.groupplangrid_abs td:last-child {
	border-right: none;
}



table.groupplangrid_abs table.pagingtable_abs {
	border: none;
    margin: 0;
    padding: 0;
    /*position: absolute;*/
    left: 20px;
    top: 660px;
    width: 100px;
}

table.groupplangrid_abs table.pagingtable_abs td {
	border: none;
	padding: 0;
	margin-right: 20px;
	margin-left: 0;
	padding-right: 15px;
    width: auto;
    position: relative !important;
}

table.groupplangrid_abs table.pagingtable_abs tr td:nth-child(2) {
    padding-left: 0;
    border: none !important;
}

table.groupplangrid_abs table.pagingtable_abs td input {
	display: none;
}


/*table.groupplangrid_abs.abs_v2 tr {
    position: relative;
}*/

table.groupplangrid_abs.abs_v2 tr th:first-child,
table.groupplangrid_abs.abs_v2 tr td:first-child {
    position: absolute;
}

table.groupplangrid_abs.abs_v2 tr th:nth-child(2),
table.groupplangrid_abs.abs_v2 tr td:nth-child(2) {
    padding-left: 250px;
    border-left: 0;
}

table.groupplangrid_abs.abs_v2 tbody tr:nth-child(odd) td:nth-child(1) {
    background-color: #fff;
}

table.groupplangrid_abs.abs_v2 thead tr th:nth-child(1),
table.groupplangrid_abs.abs_v2 tbody tr:nth-child(even) td:nth-child(1) {
    background-color: #f2f3f4;
}

/***************************************************/

table.groupplangridnew {
    border: none;
    border-collapse: collapse;
    table-layout: auto;
}

table.persagenda th:first-child {
	border-left: 1px solid #ccc;
}

table.groupplangridnew2 {
	border: 1px solid #ccc;
	border-bottom: none;
	border-collapse: collapse;
	table-layout: auto;
}


table.groupplangridnew td,
table.groupplangridnew th {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.groupplangridnew td input {
	width: 100%!important;
	height: 25px!important;
	font-style: normal!important;
	display: block;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, 'Helvetica Neue', Helvetica, Geneva, sans-serif;
}

table.groupplangridnew td span {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

table.groupplangridnew tr.pagertable {
	border: none;
}

table.groupplangridnew tr.pagertable td {
	border: none;
	padding-right: 15px;
	padding-left: 0;
}

table.groupplangridnew tr.pagertable td table {
	position: absolute;
	left: 20px;
	margin-top: -15px;
}


#planning_scroll_block_new {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
    

#planning_scroll_block_new .table_headers th {
	text-align: center;
}

#planning_scroll_block_new tr.table_headers th.groupplanlistheader:first-child,
#planning_scroll_block_new td.plangridleft {
	width: 225px!important;
}

#planning_scroll_block_new td.plangridleft span.ellipsis {
	width: 215px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

#planning_scroll_block_new td.plangridleft span.status {
	width: 205px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	line-height: 15px;
	padding-bottom: 10px;
}

#planning_scroll_block_new .table_headers th:first-child,
#planning_scroll_block_new .row_even td:first-child,
#planning_scroll_block_new .row_odd td:first-child {
	text-align: left;
	padding-left: 10px;
	width: 225px!important;
}


/********************************/


#agenda_scroll_block {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
	position: relative;
}

.agenda_scroll_pager {
	height: 30px;
	width: 400px;
}

.agenda_scroll_pager td a,
.agenda_scroll_pager td span {
	color: #000;
	line-height: 30px;
	padding-right: 10px;
	margin-bottom: 5px;
}

.agenda_scroll_pager td span {
	font-weight: bold;
}

#agenda_scroll_block .table_headers th {
	text-align: center;
}

#agenda_scroll_block tr.table_headers th.groupplanlistheader:first-child,
#agenda_scroll_block td.plangridleft {
	width: 225px!important;
}

#agenda_scroll_block td.plangridleft span.ellipsis {
	width: 215px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

#agenda_scroll_block td.plangridleft span.status {
	width: 205px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	line-height: 15px;
	padding-bottom: 10px;
}

#agenda_scroll_block .table_headers th:first-child,
#agenda_scroll_block .row_even td:first-child,
#agenda_scroll_block .row_odd td:first-child {
	text-align: left;
	padding-left: 10px;
	width: 225px!important;
}


#agenda_scroll_block tr.row_even td,
#agenda_scroll_block tr.row_odd td {
	border-top: none;
	border-left: 1px solid #ccc;
}


.overview-grid_new div {
	/*overflow-x: hidden;
	overflow-y: scroll;
	border: 1px solid #ccc;
    position: absolute;*/    
    float: left;
}

.overview-grid_new {
	margin-bottom: 0;
	margin-top: 19px;
}


/**************************************************/

#tbDg {
	width: 24px!important;
	height: 20px!important;
	margin-right: 5px;
	margin-left: 5px;
}

#lbReden {
	top: 183px!important;
}


.Button_HardCSS {
	width: 75px!important;
	background-color: #4A5962!important;
	border-radius: 2px!important;
	line-height: 20px!important;
	color: #fff!important;
	text-align: center!important;
	padding: 2px 15px!important;
	border: none!important;
	cursor: pointer!important;
	opacity: 0.8!important;
	transition: all 0.15s!important;
	margin-right: 5px!important;
	top: 580px!important;
	left: 412px!important;
}

.Button_HardCSS:hover{
	opacity: 1!important;
}

.Button_HardCSS:disabled {
	opacity: 0.3!important;
}

/* form defaults */

table.table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

table.table.border {
	border: 1px solid #ccc;
}


table.table th,
table.table td {
	line-height: 25px;
	height:  25px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: none;
	border-top: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


table.table.table_left_xl th,
table.table.table_left_xl td {
	padding-left: 10px;
	padding-right: 10px;
	/*text-align: left; niet gebruiken!! de formaat tabel regelt de uitlijning OT13133 (evdb)*/
	white-space: nowrap;
}

table.table.table_left th,
table.table.table_left td {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

table.table.table_right_xl th,
table.table.table_right_xl td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}

table.table.table_right th,
table.table.table_right td {
	padding-left: 5px;
	padding-right: 5px;
	text-align: right;
}

table.table th {
	background-color: #dedede;
}

table.table th a {
	color: #000;
	text-decoration: none;
}

table.table th a:hover {
	color: #000;
	text-decoration: underline;
}

table.table th:last-child,
table.table td:last-child {
	border-right: none;
}

table.table tr:last-child td {
	border-bottom: none;
}

table.table th img,
table.table td img {
	vertical-align: middle;
}

    table.table td input[type=image] {
        vertical-align: middle;
        /*margin-top: -4px;*/
        margin-top: 8px;
    }

table.table.persjobcost td input[type=image],
table.table.jobcostdialog td input[type=image] {
	vertical-align: middle;
	margin-top: 0;
}

table.table.persjobcost td:nth-child(6) span {
    width: 220px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.header-fix thead tr th {
	line-height: 15px;
}


.table_headers,
.table_headers_center {
	background-color: #f2f3f4;
	height: 25px;
	line-height: 25px;
}

.table_headers th {
	text-align: left;
}

.table_headers_center th {
	text-align: center;
}

.table_headers_center th:first-child,
.approve-plan-bottom td:first-child {
	text-align: left;
    padding-left: 10px !important;
    padding-right: 10px !important;
}


table.presenceTable th,
table.presenceTable td {
	white-space: nowrap;
}

table.presenceTable th a {
	color: #404040;
	text-decoration: none;
}

table.presenceTable th:first-child,
table.presenceTable td:first-child {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

table.persorder1 td,
table.persorder2 td {
	font-weight: normal;
	text-align: left;
}

.table tr:nth-child(even),
.row_even {
	background-color: #f2f3f4;
	line-height: 25px;
}

.table tr:nth-child(odd),
.row_odd {
	background-color: #fff;
	line-height: 25px;
}

.table_bezoek_def td input[type=text],
.table_bezoek_def td select {
	margin: 2px 15px 2px 0;
}

.booking_info_journal_table td {
	white-space: nowrap;
}

.pull_left {
	float: left;
	margin-left: 10px;
}

.pull_right {
	float: right;
	margin-right: 10px;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.txt_left {
	text-align: left;
}

.txt_center {
	text-align: center;
	margin-right: 0;
}

.txt_right {
	text-align: right;
}


.form_label {
	line-height: 22px!important;
	height: 22px!important;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 6px;
}

.form_select2 {
	line-height: 22px!important;
	height: 22px!important;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


.form_select {
	line-height: 22px!important;
	height: 22px!important;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #ccc;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.form_input {
	line-height: 20px!important;
	height: 20px!important;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #ccc!important;
	padding: 0 5px!important;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.form_button {
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	padding: 1px 10px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin: 5px 10px 0 0;
	display: block;
	float: left;
}

.form_button_cancel {
	background-color: #4A5962;
	opacity: 0.5;
}

.form_button:hover {
	opacity: 1;
}

.form_button:disabled {
	opacity: 0.3;
	cursor: default;
}

.form_image {
	display: block;
	float: left;
	padding-top: 8px;
}

.form_editimage {
	display: block;
	float: left;
	padding-top: 8px;
    margin-left: 13px;
}


.extra_padding_right {
	margin-right: 25px;
}


.error_msg {
	color: red;
	visibility: visible;
	position: absolute;
	width: 100px;
	left: 152px;
	top: 10px;
}


/************* form headers row *************/


.form_label_row {
	line-height: 22px;
	height: 22px;
	display: block;
	float: left;
	margin: 4px 10px 4px 0;
}

.form_select_row {
	line-height: 22px!important;
	height: 22px!important;
	display: block;
	float: left;
	border: 1px solid #ccc;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 4px 10px 4px 0;
}

.form_input_row {
	line-height: 20px!important;
	height: 20px!important;
	display: block;
	float: left;
	border: 1px solid #ccc!important;
	padding: 0 5px!important;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 4px 10px 4px 0;
}

.form_buttonclear_row {
	padding: 2px;
	cursor: pointer;
	margin: 5px 0 0 -34px;
	display: block;
	float: left;
	background: url(images/clear-input.png) no-repeat center center;
	width: 18px;
	height: 18px;
	opacity: 0.5;
	transition: all 0.2s;
	z-index: 5000;
}

.form_buttonclear_row:hover {
	opacity: 1;
}

.form_button_row {
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	padding: 1px 10px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin: 4px 10px 4px 0;
	display: block;
	float: left;
}

.form_button_row_cancel {
	background-color: #4A5962;
	opacity: 0.5;
}

.form_button_row:hover {
	opacity: 1;
}

.form_button_row:disabled {
	opacity: 0.3;
	cursor: default;
}

.form_image_row {
	display: block;
	float: left;
	padding-top: 4px;
	cursor: pointer;
}

.form_checkbox_row,
.form_radio_row {
	line-height: 22px;
	height: 22px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.form_checkbox_row label,
.form_radio_row label {
	line-height: 22px;
	height: 22px;
	display: block;
	float: left;
	/*margin-right: 10px; OT14680 (evdb)*/
}

.form_checkbox_row input,
.form_radio_row input {
	display: block;
	float: left;
	padding: 0;
	margin: 4px 5px 0 0;
	width: 14px;
	height: 14px;
}



/*****/


.form_label3 {
	line-height: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
}

.form_select3 {
	line-height: 22px;
	height: 22px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #ccc;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.form_input3 {
	line-height: 20px;
	height: 20px;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	border: 1px solid #ccc;
	padding: 0 5px;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.form_button2 {
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	padding: 1px 10px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin: 0 10px;
}

.form_button3 {
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	padding: 1px 10px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin: 5px 10px 0 0;
	display: block;
	float: left;
}

.form_button4 {
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	padding: 1px 10px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	margin: 2px 10px 0 0;
	display: block;
	float: left;
}

.form_button:hover {
	opacity: 1;
}

.form_button:disabled {
	opacity: 0.3;
	cursor: default;
}

.extra_margin_right {
	margin-right: 25px;
}

.margin_left {
	margin-left: 20px;
}

.margin_right {
	margin-right: 20px;
}

.padding_left {
	padding-left: 20px;
}

.padding_right {
	padding-right: 20px;
}

/* checkboxes and radios */

span.checkbox_margin {
	margin-top: 5px;
}


.form_checkbox,
.form_checkbox label,
.form_radio,
.form_radio label {
	line-height: 25px;
	height: 25px;
	display: block;
	float: left;
	margin-right: 10px;
}

.form_checkbox input,
.form_radio input {
	display: block;
	float: left;
	padding: 0;
	margin: 6px 5px 0 0;
	width: 14px;
	height: 14px;
}


.form_checkbox2,
.form_checkbox2 label,
.form_radio2,
.form_radio2 label {
	line-height: 22px;
	height: 22px;
	display: block;
	float: left;
	margin-right: 5px;
}

.form_checkbox2 input,
.form_radio2 input {
	display: block;
	float: left;
	padding: 0;
	margin: 4px 5px 0 0;
	width: 14px;
	height: 14px;
}


.form_checkbox3,
.form_checkbox3 label,
.form_radio3,
.form_radio3 label {
	line-height: 32px;
	height: 32px;
	display: block;
	float: left;
	margin-right: 10px;
}

.form_checkbox3 input,
.form_radio3 input {
	display: block;
	float: left;
	padding: 0;
	margin: 9px 5px 0 0;
	width: 14px;
	height: 14px;
}

.form_button_print,
.form_button_refresh,
.form_button_excel {
	margin-top: 5px;
	margin-right: 10px;
}

.form_image2 {
	display: block;
	float: left;
	padding-top: 3px;
}

.form_image_xl {
	display: block;
	float: left;
	padding-top: 2px;
}

.week_input {
	width: 25px;
	text-align: center;
}

/**** inputs *****/
.input_xs {
	width: 38px;
}

.input_sm {
	width: 100px;
}

.input_sm2 {
	width: 103px;
}

.input_smd {
	width: 138px;
}

.input_md {
	width: 188px;
}

.input_xl {
	width: 238px;
}

.input_xxl {
	width: 248px;
}

/**** selects & labels ****/

.select_xs, .label_xs {
	width: 50px;
}

.select_sm, .label_sm {
	width: 100px;
}

.select_sm2, .label_sm2 {
	width: 115px;
}

.select_smd, .label_smd {
	width: 150px;
}

.select_md, .label_md {
	width: 200px;
}

.select_xl, .label_xl {
	width: 250px;
}

.select_xxl, .label_xxl {
	width: 300px;
}


/********************/

.generator_header_top {
	width: 100%;
	float: right;
	clear: both;
	padding-bottom: 5px;
	margin-left: -10px;
	padding-top: 0;
}

.inner_float_left,
.float_left {
	float: left;
}

.inner_float_right,
.float_right {
	float: right;
}

.text_center {
	text-align: center;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.generator_header {
	width: 100%;
	float: left;
	clear: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	margin-left: -10px;
}

.generator_table,
.generator_table td,
.generator_table th,
.generator_table tr {
	margin: 0;
	padding: 0;
	border-spacing: 0;
}

.keuzevelden {
	width: 325px;
	height: 320px;
	float: left;
	clear: left;
    margin-left: 15px;
}

.keuzeinputs {
	width: 710px;
	height: 320px;
	float: left;
}

.form_listbox {
	margin-top: 5px;
	border: solid 1px #a9a9a9;
}

.form_listbox option {
	padding: 5px 3px;
}

.button_bar_groep_mut {
	float: left;
	clear: left;
	margin-left: 3px;
	width: 950px;
	z-index: 99;
	margin-top: 10px;
}


/*** override fix ***/

/* htm individueel > contact | km blok achter afstand */
#MyMP_Body_TbC1_TbP2_HRMCom_editlistCommAdres_GridView1_ctl08_Label1 {
	width: auto!important;
}
#MyMP_Body_TbC1_TbP1_StamTabHRM_EditList20_GridView1_ctl10_CustomDateTime0_tbDate {
	width: 264px!important;
}

/* stam 1 */ 
/* achternaam */


/***************************/

table.visitors {
	float: left;
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
}

table.visitors:last-child {
	border-left: 1px solid #ccc;
	padding-left: 50px;
	margin-left: 40px;
}

table.visitors td {
	line-height: 30px;
	margin: 0;
	padding: 0;
}

.kplgridcell  {
	width: 100%!important;
    line-height: 120%;
	vertical-align: top;
    border: 1px solid #a2abb4;
    font-size:10px;
    background-color: lemonchiffon;
}

td.kplgridcell  {
	width: auto !important;
}

table.kostenplaatsen-overview td.kplgridcell  {
	width: 100%!important;
}


/*OT10159*/
p.kp-hours {
    margin: 0!important;
    padding: 0!important;
    padding-right: 20px!important;
    font-weight: bold!important;
    display:inline!important;
    clear: left;
    float: left;
}
/*OT10159*/
p.kp-time {
    margin: 0!important;
    padding: 0!important;
    display: inline!important;
    float: left;
}

.kplHistoricgridcell  {
	width: 100%!important;
    line-height: 120%;
	vertical-align: top;
    border: 1px solid #a2abb4;
    font-size:10px;
    background-color: khaki;
}

td.kplHistoricgridcell  {
	width: auto !important;
}

table.kostenplaatsen-overview td.kplHistoricgridcell  {
	width: 100%!important;
}

.kplStandardgridcell  {
	width: calc(100% - 10px)!important;
    line-height: 120%;
	vertical-align: top;
    border: 1px solid #a2abb4;
    font-size:10px;
    background-color: lightcyan;
    
	padding-right: 5px!important;
	/*padding-left: 5px!important;*/
}

.kplStandardgridcell p:first-child  {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

td.kplStandardgridcell  {
	width: auto !important;
}

table.kostenplaatsen-overview td.kplStandardgridcell  {
	width: 100%!important;
}


.kplgridcellUnselected  {
	width: 100%!important;
	line-height: 120%;
    vertical-align: top;
    border: none;
    font-style: italic; 
    font-size: 10px; 
    background-color: rgba(204,204,204,0.5);
	border-top: 1px solid #ccc;
}

td.kplgridcellUnselected  {
	width: auto !important;
}

table.kostenplaatsen-overview td.kplgridcellUnselected  {
	width: 100%!important;
}

.grid_col_start {
	text-align: left;
	padding-left: 10px;
	width: 250px;
}

.yrbtnroday_new, 
.yrbtnplanday_new, 
.yrgrpbtnplanwk_new,
.yrgrpbtnholiday_new,
.yrgrpbtnhiswk_new {
	width: 50px;
    vertical-align: top;
}

tr.wide_week_table .yrbtnroday_new, 
tr.wide_week_table .yrbtnplanday_new, 
tr.wide_week_table .yrgrpbtnplanwk_new,
tr.wide_week_table .yrgrpbtnholiday_new,
tr.wide_week_table .yrgrpbtnhiswk_new {
	width: 107px;
    vertical-align: top;
}



.yrbtnroday_new {
	background-color: #F0EFF4;
}

.yrbtnroday_new input {
	width: 100%;
	height: 25px;
	background-color: #F0EFF4;
	border: none;
    vertical-align: top;
}

.yrbtnplanday_new {
    background-color: #fff;
}

.yrbtnplanday_total_new {
	text-align: right;
	width: 91px;
	padding-right: 10px;
}

.yrbtnplanday_new input {
	width: 100%;
	height: 25px;
	border: none;
    vertical-align: top;
}

.yrgrpbtnplanwk_new {
	background-color: #EAF4FF;
}

.yrgrpbtnplanwk_new input {
	background-color: #EAF4FF;
	width: 100%;
	height: 25px;
	border: none;
    vertical-align: top;
}

.yrgrpbtnholiday_new {
	background-color: #DFEACC;
}

.yrgrpbtnholiday_new input {
	width: 100%;
	background-color: #DFEACC;
	height: 25px;
	border: none;
    vertical-align: top;
}

.yrgrpbtnhiswk_new {
	background-color: #D3E1EF;
}

.yrgrpbtnhiswk_new input {
	height: 25px;
	border: none;
	width: 100%;
	background-color: #D3E1EF;
    vertical-align: top;
}



/* bottom table */

.gpmtotgridcell_new {
	text-align: right;
	width: 41px;
	padding-right: 10px;
}

.gpmtotgridcellc_new {
	text-align: center;
	width: 50px;
}


.gpwtotgridcell_new {
	text-align: right;
	width: 41px;
	padding-right: 10px;
}

.gpwtotgridcellc_new {
	text-align: center;
	width: 50px;
}

.gp1wtotgridcell_new {
	text-align: right;
	width: 41px;
	padding-right: 10px;
}

.gp1wtotgridcell_total_new {
	text-align: right;
	width: 91px;
	padding-right: 10px;
}


/*VisitorsModuleVisitorInfo* -begin*/


.VisitorInfoDiv {
    background-color: #e3e3e3;
    padding: 0;
    width: 882px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin-top: 200px;
    overflow: visible;
    border-radius: 3px;
}

.mini-header {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.mini-header + table {
    width: auto;
	margin: 15px 0 15px 30px;
}

.VisitorInfoDiv table .startdatum {
	width: 188px;
	line-height: 20px!important;
    height: 20px!important;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid #ccc!important;
    padding: 0 5px!important;
    font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.VisitorInfoDiv table td:nth-child(2) input[type='radio'] {
    display: block;
    float: left;
    padding: 0;
    margin: 4px 5px 0 0;
    width: 14px;
    height: 14px;
}

.VisitorInfoDiv table td:nth-child(2) label {
    line-height: 22px;
    height: 22px;
    display: block;
    float: left;
    margin-right: 20px;
}

.VisitorInfoDiv table td:nth-child(2) input + span {
    display: block;
    float: left;
    padding: 0;
    width: 14px;
    height: 14px;
    margin-left: 0 !important;
    margin-top: 4px !important;
}

#buttondiv {
    height: 45px;
    width: calc(100% - 90px);
	margin-left: 30px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}

#buttondivFavorieten {
    height: 45px;
    width: calc(100% - 46px);
	margin-left: 21px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}

#buttondivFavorieten input:first-child {
	margin-right: 0;
}

#buttondiv input:first-child {
	margin-right: 0;
}

.VisitorInfoMessageknopsave {
	width: 75px;
	height: 19px;
	text-align: center;
	float: left;
	border: 1px solid #7d7d7d;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../img_terminal/gradient_grey_58px_high.gif);
	color: #000;
	cursor: pointer;
	margin-right: 0;
	margin-left: 120px;
	margin-top: 13px;
	position: relative;
}


.VisitorInfoMessageknopcancel {
	width: 75px;
	height: 19px;
	text-align: center;
	float: left;
	border: 1px solid #7d7d7d;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../img_terminal/gradient_grey_58px_high.gif);
	color: #000;
	cursor: pointer;
	margin-right: 0;
	margin-left: 8px;
	margin-top: 13px;
	position: relative;
}

/*VisitorsModuleVisitorInfo -einde*/

/*FavorietenModulefavorietenInfo* -begin*/


.FavorietenInfoDiv {
    background-color: #e3e3e3;
    padding: 0;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    margin-top: 200px;
    border-radius: 3px;
}

.mini-header {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.mini-header + table {
    width: auto;
	margin: 15px 0 15px 30px;
}

.FavorietenInfoDiv table .startdatum {
	width: 188px;
	line-height: 20px!important;
    height: 20px!important;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    border: 1px solid #ccc!important;
    padding: 0 5px!important;
    font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.FavorietenInfoDiv table td:nth-child(2) input[type='radio'] {
    display: block;
    float: left;
    padding: 0;
    margin: 4px 5px 0 0;
    width: 14px;
    height: 14px;
}

.FavorietenInfoDiv table td:nth-child(2) label {
    line-height: 22px;
    height: 22px;
    display: block;
    float: left;
    margin-right: 20px;
}

.FavorietenInfoDiv table td:nth-child(2) input + span {
    display: block;
    float: left;
    padding: 0;
    width: 14px;
    height: 14px;
    margin-left: 0 !important;
    margin-top: 4px !important;
}

#buttondiv {
    height: 45px;
    width: calc(100% - 90px);
	margin-left: 30px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
}

#buttondiv input:first-child {
	margin-right: 0;
}

.FavorietenInfoMessageknopsave {
	width: 75px;
	height: 19px;
	text-align: center;
	float: left;
	border: 1px solid #7d7d7d;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../img_terminal/gradient_grey_58px_high.gif);
	color: #000;
	cursor: pointer;
	margin-right: 0;
	margin-left: 120px;
	margin-top: 13px;
	position: relative;
}


.FavorietenInfoMessageknopcancel {
	width: 75px;
	height: 19px;
	text-align: center;
	float: left;
	border: 1px solid #7d7d7d;
	font: normal 12px/17px Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../img_terminal/gradient_grey_58px_high.gif);
	color: #000;
	cursor: pointer;
	margin-right: 0;
	margin-left: 8px;
	margin-top: 13px;
	position: relative;
}

/*VisitorsModuleVisitorInfo -einde*/



tr.wide_week_table .gpmtotgridcellc_new,
tr.wide_week_table .gpwtotgridcellc_new {
	width: 107px;
}

tr.wide_week_table .gpwtotgridcell_new,
tr.wide_week_table .gpmtotgridcell_new, 
tr.wide_week_table .gp1wtotgridcell_new {
	width: 98px;
	padding-right: 10px;
}




.visitorsearchextender {
	overflow: hidden !important;
	display: block;
	float: left;
	position: static !important;
	left: 0 !important;
	top: 0 !important;
	margin-top: 10px;
}

.assignvisitortable {
	width: calc(100% - 30px);
	margin-left: 15px;
	margin-top: 15px;
}



/********************************************/


table.table-timesheet {
	width: 100%;
	min-width: 1100px;
}

table.table-timesheet thead {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #dedede;
	display: block;
	right: 0;
	overflow-y: scroll;
	overflow-x: hidden;
}

table.table-timesheet tbody {
	position: absolute;
	left: 0;
	top: 26px;
	display: block;
	height: 361px;
	overflow-y: scroll;
	overflow-x: hidden;
	right: 0;
}

table.table-timesheet thead tr,
table.table-timesheet tbody tr {
	width: 100%;
	display: inline-block;
	float: left;
	text-align: left;
}

table.table-timesheet tbody tr:nth-child(odd) {
	background-color: #f2f3f4;
}
table.table-timesheet tbody tr:nth-child(even) {
	background-color: #fff;
}


table.table-timesheet thead tr th,
table.table-timesheet tbody tr td {
	padding: 0;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	text-align: left;
	
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.table-timesheet thead tr th:nth-child(1),
table.table-timesheet tbody tr td:nth-child(1) {
	width: 27px;	
}

table.table-timesheet tbody tr td:nth-child(1) .Button {
	width: 27px;
	padding: 9px 0 0 8px;
}

table.table-timesheet thead tr th:nth-child(2),
table.table-timesheet thead tr th:nth-child(3),
table.table-timesheet thead tr th:nth-child(4),

table.table-timesheet tbody tr td:nth-child(2),
table.table-timesheet tbody tr td:nth-child(3),
table.table-timesheet tbody tr td:nth-child(4) {
	padding-left: 5px;
	width: calc(33.333333333% - 231px);
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    min-width: 125px;
}

table.table-timesheet thead tr th:nth-child(5),
table.table-timesheet thead tr th:nth-child(6),
table.table-timesheet thead tr th:nth-child(7),
table.table-timesheet thead tr th:nth-child(8),
table.table-timesheet thead tr th:nth-child(9),
table.table-timesheet thead tr th:nth-child(10),
table.table-timesheet thead tr th:nth-child(11),
table.table-timesheet thead tr th:nth-child(12),

table.table-timesheet tbody tr td:nth-child(5),
table.table-timesheet tbody tr td:nth-child(6),
table.table-timesheet tbody tr td:nth-child(7),
table.table-timesheet tbody tr td:nth-child(8),
table.table-timesheet tbody tr td:nth-child(9),
table.table-timesheet tbody tr td:nth-child(10),
table.table-timesheet tbody tr td:nth-child(11),
table.table-timesheet tbody tr td:nth-child(12) {
	text-align: center;
	width: 80px;
}



table.table-timesheet thead tr th:nth-child(12),
table.table-timesheet tbody tr td:nth-child(12) {
	border-right: none;
}

table.table-timesheet tbody tr:last-child td:nth-child(2) {
	padding-left: 5px;
	width: calc(100% - 114px);
}

table.table-timesheet tbody tr:last-child td:nth-child(3) {
	text-align: center;
	width: 80px;
	min-width: 80px;
	border-right: none;
	padding-left: 0;
}


/***********************************/


table.table-timesheet-overview {
	width: 100%;
	min-width: 1100px;
}


table.table-timesheet-overview tbody {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 103px;
	overflow-y: scroll;
	overflow-x: hidden;
	right: 0;
}

table.table-timesheet-overview tbody tr {
	width: 100%;
	display: inline-block;
	float: left;
	text-align: left;
}

table.table-timesheet-overview tbody tr:nth-child(odd) {
	background-color: #f2f3f4;
}

table.table-timesheet-overview tbody tr:nth-child(even) {
	background-color: #fff;
}

table.table-timesheet-overview tbody tr td {
	padding: 0;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	text-align: left;
	
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.table-timesheet-overview tbody tr:last-child td {
	border-bottom: none
}



table.table-timesheet-overview tbody tr td:nth-child(1) {
	padding-left: 5px;
	width: calc(100% - 653px);
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    min-width: 125px;
}


table.table-timesheet-overview tbody tr td:nth-child(2),
table.table-timesheet-overview tbody tr td:nth-child(3),
table.table-timesheet-overview tbody tr td:nth-child(4),
table.table-timesheet-overview tbody tr td:nth-child(5),
table.table-timesheet-overview tbody tr td:nth-child(6),
table.table-timesheet-overview tbody tr td:nth-child(7),
table.table-timesheet-overview tbody tr td:nth-child(8),
table.table-timesheet-overview tbody tr td:nth-child(9) {
	text-align: center;
	width: 80px;
}

table.table-timesheet-overview tbody tr td:nth-child(9) {
	border-right: none;
}


/*******************/
/*******************/
/*********   DEFAULT TABLE w/ FIXED HEADERS   **********/



table.table-fixedheaders {
	width: 100%;
}

table.table-fixedheaders thead {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #dedede;
	display: block;
	right: 0;
	/*overflow-y: scroll;*/
	overflow-x: hidden;
}

table.table-fixedheaders tbody {
	position: absolute;
	left: 0;
	top: 26px;
	display: block;
	height: 361px;
	overflow-y: scroll;
	overflow-x: hidden;
	right: 0;
}

table.table-fixedheaders thead tr,
table.table-fixedheaders tbody tr {
	width: 100%;
	display: inline-block;
	float: left;
	text-align: left;
}

table.table-fixedheaders tbody tr:nth-child(odd) {
	background-color: #f2f3f4;
}
table.table-fixedheaders tbody tr:nth-child(even) {
	background-color: #fff;
}

table.table-fixedheaders thead tr th,
table.table-fixedheaders tbody tr td {
	padding: 0;
	display: inline-block;
	line-height: 25px;
	height: 25px;
	text-align: left;
	padding-left: 5px;
	
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*******************/
/*******************/
/*******************/


table.table-corrections-grid {
	width: 100%;
	min-width: 1100px;
}

table.table-corrections-grid tbody {
	height: 560px;
}


table.table-corrections-grid thead tr th,
table.table-corrections-grid tbody tr td {
	padding-left: 5px;
}

table.table-corrections-grid thead tr th:nth-child(1),
table.table-corrections-grid tbody tr td:nth-child(1) {
	width: 30px;
}

table.table-corrections-grid thead tr th:nth-child(2),
table.table-corrections-grid tbody tr td:nth-child(2) {
	width: 70px;
}

table.table-corrections-grid thead tr th:nth-child(3),
table.table-corrections-grid tbody tr td:nth-child(3) {
	width: 150px;	
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
}

table.table-corrections-grid thead tr th:nth-child(4),
table.table-corrections-grid tbody tr td:nth-child(4) {
	width: 70px;
}

table.table-corrections-grid thead tr th:nth-child(5),
table.table-corrections-grid tbody tr td:nth-child(5) {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
}

table.table-corrections-grid thead tr th:nth-child(6),
table.table-corrections-grid tbody tr td:nth-child(6) {
	width: 120px;
}

table.table-corrections-grid thead tr th:nth-child(7),
table.table-corrections-grid tbody tr td:nth-child(7) {
	 width: 200px; 
	 
	 white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
}

table.table-corrections-grid thead tr th:last-child,
table.table-corrections-grid tbody tr td:last-child {
	border-right: none;
}

table.table-corrections-grid tbody tr:last-child td {
	border-bottom: none;
}



/*********************************/


table.table-visitor-list {
	width: 100%;
	min-width: 1297px;
}

table.table-visitor-list tbody {
	height: 199px;
	right: 0;
	bottom: 0;
}

table.table-visitor-list thead tr th,
table.table-visitor-list tbody tr td {
	padding-left: 5px;
}

table.table-visitor-list tbody tr td span {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-visitor-list thead tr th:nth-child(1),
table.table-visitor-list tbody tr td:nth-child(1),
table.table-visitor-list tbody tr td:nth-child(1) span {
	width: 79px;
}

table.table-visitor-list thead tr th:nth-child(2),
table.table-visitor-list tbody tr td:nth-child(2),
table.table-visitor-list tbody tr td:nth-child(2) span {
	width: 150px;
}

table.table-visitor-list thead tr th:nth-child(3),
table.table-visitor-list tbody tr td:nth-child(3),
table.table-visitor-list tbody tr td:nth-child(3) span {
	width: 70px;
}

table.table-visitor-list thead tr th:nth-child(4),
table.table-visitor-list tbody tr td:nth-child(4),
table.table-visitor-list tbody tr td:nth-child(4) span {
	width: 75px;
}


table.table-visitor-list thead tr th:nth-child(5),
table.table-visitor-list tbody tr td:nth-child(5),
table.table-visitor-list tbody tr td:nth-child(5) span {
	width: 70px;
}

table.table-visitor-list thead tr th:nth-child(6),
table.table-visitor-list tbody tr td:nth-child(6),
table.table-visitor-list tbody tr td:nth-child(6) span {
	width: 67px;
}

table.table-visitor-list thead tr th:nth-child(7),
table.table-visitor-list tbody tr td:nth-child(7),
table.table-visitor-list tbody tr td:nth-child(7) span {
	width: 88px;
}

table.table-visitor-list thead tr th:nth-child(8),
table.table-visitor-list tbody tr td:nth-child(8),
table.table-visitor-list tbody tr td:nth-child(8) span {
	width: 130px;
}

table.table-visitor-list tbody tr td:nth-child(8) select {
	width: 100px;
}

table.table-visitor-list thead tr th:nth-child(9),
table.table-visitor-list tbody tr td:nth-child(9),
table.table-visitor-list tbody tr td:nth-child(9) span {
	width: 199px;
}

table.table-visitor-list tbody tr td:nth-child(9) select {
	width: 199px;
}

table.table-visitor-list thead tr th:nth-child(10),
table.table-visitor-list tbody tr td:nth-child(10),
table.table-visitor-list tbody tr td:nth-child(10) span {
	width: 229px;
}

table.table-visitor-list thead tr th:nth-child(11),
table.table-visitor-list tbody tr td:nth-child(11),
table.table-visitor-list tbody tr td:nth-child(11) span {
	width: 84px;
}



table.table-visitor-list thead tr th:nth-child(12),
table.table-visitor-list tbody tr td:nth-child(12),
table.table-visitor-list tbody tr td:nth-child(1) span {
	width: 80px;
	text-align: center;
}







/*********************************/


table.table-visitor-list-new {
	width: 100%;
	min-width: 1345px;
}

table.table-visitor-list-new tbody {
	height: 199px;
	right: 0;
	bottom: 0;
}

table.table-visitor-list-new thead tr th,
table.table-visitor-list-new tbody tr td {
	padding-left: 5px;
}

table.table-visitor-list-new tbody tr td span {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-visitor-list-new thead tr th:nth-child(1),
table.table-visitor-list-new tbody tr td:nth-child(1),
table.table-visitor-list-new tbody tr td:nth-child(1) span {
	width: 97px;
}

table.table-visitor-list-new thead tr th:nth-child(2),
table.table-visitor-list-new tbody tr td:nth-child(2),
table.table-visitor-list-new tbody tr td:nth-child(2) span {
	width: 180px;
}

table.table-visitor-list-new thead tr th:nth-child(3),
table.table-visitor-list-new tbody tr td:nth-child(3),
table.table-visitor-list-new tbody tr td:nth-child(3) span {
	width: 70px;
}

table.table-visitor-list-new thead tr th:nth-child(4),
table.table-visitor-list-new tbody tr td:nth-child(4),
table.table-visitor-list-new tbody tr td:nth-child(4) span {
	width: 65px;
}

table.table-visitor-list-new thead tr th:nth-child(5),
table.table-visitor-list-new tbody tr td:nth-child(5),
table.table-visitor-list-new tbody tr td:nth-child(5) span {
	width: 75px;
}

table.table-visitor-list-new thead tr th:nth-child(6),
table.table-visitor-list-new tbody tr td:nth-child(6),
table.table-visitor-list-new tbody tr td:nth-child(6) span {
	width: 75px;
}

table.table-visitor-list-new thead tr th:nth-child(7),
table.table-visitor-list-new tbody tr td:nth-child(7),
table.table-visitor-list-new tbody tr td:nth-child(7) span {
	width: 75px;
}


table.table-visitor-list-new thead tr th:nth-child(8),
table.table-visitor-list-new tbody tr td:nth-child(8),
table.table-visitor-list-new tbody tr td:nth-child(8) span {
	width: 75px;
}


table.table-visitor-list-new thead tr th:nth-child(9),
table.table-visitor-list-new tbody tr td:nth-child(9),
table.table-visitor-list-new tbody tr td:nth-child(9) span {
	width: 120px;
}
table.table-visitor-list-new tbody tr td:nth-child(9) select {
	width: 100px;
}


table.table-visitor-list-new thead tr th:nth-child(10),
table.table-visitor-list-new tbody tr td:nth-child(10),
table.table-visitor-list-new tbody tr td:nth-child(10) span {
	width: 150px;
}

table.table-visitor-list-new tbody tr td:nth-child(10) select {
	width: 120px;
}

table.table-visitor-list-new thead tr th:nth-child(11),
table.table-visitor-list-new tbody tr td:nth-child(11),
table.table-visitor-list-new tbody tr td:nth-child(11) span {
	width: 99px;
}


table.table-visitor-list-new thead tr th:nth-child(12),
table.table-visitor-list-new tbody tr td:nth-child(12),
table.table-visitor-list-new tbody tr td:nth-child(12) span {
	width: 146px;
}


table.table-visitor-list-new thead tr th:nth-child(13),
table.table-visitor-list-new tbody tr td:nth-child(13) {
	border-right:  none;
}

table.table-visitor-list-new tbody tr td.hidden-btn:nth-child(13) input {
	display: none;
}

/*********************************/


table.table-booking {
	width: 100%;
	min-width: 1056px;
}

table.table-booking tbody {
	height: 554px;
	right: 0;
	bottom: 0;
}

table.table-booking thead tr,
table.table-booking tbody tr {
	width: auto;
}

table.table-booking thead tr th,
table.table-booking tbody tr td {
	padding-left: 5px;
}

table.table-booking tbody tr td span {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-booking thead tr th:nth-child(1),
table.table-booking tbody tr td:nth-child(1) {
	width: 35px !important;
}

table.table-booking thead tr th:nth-child(2),
table.table-booking tbody tr td:nth-child(2) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(3),
table.table-booking tbody tr td:nth-child(3) {
	width: 20px !important;
}

table.table-booking thead tr th:nth-child(4),
table.table-booking tbody tr td:nth-child(4) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(5),
table.table-booking tbody tr td:nth-child(5) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(6),
table.table-booking tbody tr td:nth-child(6) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(7),
table.table-booking tbody tr td:nth-child(7) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(8),
table.table-booking tbody tr td:nth-child(8) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(9),
table.table-booking tbody tr td:nth-child(9) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(10),
table.table-booking tbody tr td:nth-child(10) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(11),
table.table-booking tbody tr td:nth-child(11) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(12),
table.table-booking tbody tr td:nth-child(12) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(13),
table.table-booking tbody tr td:nth-child(13) {
	width: 75px;
}

table.table-booking thead tr th:nth-child(14),
table.table-booking tbody tr td:nth-child(14) {
	width: 75px;
}


table.table-booking tbody tr:last-child td {
	border-bottom: none;
}


/****************************/

table.table-arbeidsov {
    width: 100%;
}

table.table-arbeidsov tbody {
    height: 154px;
    right: 0;
    bottom: 0;
}

table.table-arbeidsov thead {
    overflow-y: hidden;
}

table.table-arbeidsov thead tr,
table.table-arbeidsov tbody tr {
    width: auto;
}

table.table-arbeidsov thead tr th,
table.table-arbeidsov tbody tr td {
padding-left: 5px;
}

table.table-arbeidsov tbody tr td {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}

table.table-arbeidsov thead tr th:nth-child(1),
table.table-arbeidsov tbody tr td:nth-child(1) {
    width: 218px !important;
}

table.table-arbeidsov thead tr th:nth-child(2),
table.table-arbeidsov tbody tr td:nth-child(2) {
    width: 120px !important;
}

table.table-arbeidsov thead tr th:nth-child(3),
table.table-arbeidsov tbody tr td:nth-child(3) {
    width: 80px !important;
}

table.table-arbeidsov thead tr th:nth-child(4),
table.table-arbeidsov tbody tr td:nth-child(4) {
    width: 20px !important;
    border-right: none;
}

table.table-arbeidsov tbody tr td:nth-child(4) input {
    padding-top: 5px;
}

table.table-arbeidsov tbody tr:last-child td {
    /*border-bottom: none;*/
}


/****************************/

table.table-kids-small {
    width: 100%;
    /*min-width: 373px;*/
}

table.table-kids-small tbody {
    height: 145px;
    right: 0;
    bottom: 0;
}

table.table-kids-small thead {
    overflow-y: hidden;
}

table.table-kids-small thead tr,
table.table-kids-small tbody tr {
    width: auto;
}

table.table-kids-small thead tr th,
table.table-kids-small tbody tr td {
    padding-left: 5px;
}

table.table-kids-small tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

table.table-kids-small thead tr th:nth-child(1),
table.table-kids-small tbody tr td:nth-child(1) {
    width: 137px !important;
}

table.table-kids-small thead tr th:nth-child(2),
table.table-kids-small tbody tr td:nth-child(2) {
    width: 136px !important;
}

table.table-kids-small thead tr th:nth-child(3),
table.table-kids-small tbody tr td:nth-child(3) {
    width: 45px !important;
}

table.table-kids-small thead tr th:nth-child(4),
table.table-kids-small tbody tr td:nth-child(4) {
    width: 20px !important;
    border-right: none;
}

table.table-kids-small tbody tr td:nth-child(4) input {
    padding-top: 5px;
}

table.table-kids-small tbody tr:last-child td {
    /*border-bottom: none;*/
}




/****************************/

table.table-contract {
    width: 100%;
    /*min-width: 373px;*/
}

table.table-contract tbody {
    height: 155px;
    right: 0;
    bottom: 0;
}

table.table-contract thead {
    overflow-y: hidden;
}

table.table-contract thead tr,
table.table-contract tbody tr {
    width: auto;
}

table.table-contract thead tr th,
table.table-contract tbody tr td {
    padding-left: 5px;
}

table.table-contract tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

table.table-contract thead tr th:nth-child(1),
table.table-contract tbody tr td:nth-child(1) {
    width: 90px !important;
}

table.table-contract thead tr th:nth-child(2),
table.table-contract tbody tr td:nth-child(2) {
    width: 90px !important;
}

table.table-contract thead tr th:nth-child(3),
table.table-contract tbody tr td:nth-child(3) {
    width: 100px !important;
}

table.table-contract thead tr th:nth-child(4),
table.table-contract tbody tr td:nth-child(4) {
    width: 87px !important;
}

table.table-contract thead tr th:nth-child(5),
table.table-contract tbody tr td:nth-child(5) {
    width: 67px !important;
}

table.table-contract thead tr th:nth-child(6),
table.table-contract tbody tr td:nth-child(6) {
    width: 87px !important;
}

table.table-contract thead tr th:nth-child(7),
table.table-contract tbody tr td:nth-child(7) {
    width: 180px !important;
}

table.table-contract thead tr th:nth-child(8),
table.table-contract tbody tr td:nth-child(8) {
    width: 20px !important;
    border-right: none;
}

table.table-contract tbody tr td:nth-child(8) input {
    padding-top: 5px;
}

table.table-contract tbody tr:last-child td {
    /*border-bottom: none;*/
}

/****************************/



table.table-docs-small {
	width: 100%;
	/*min-width: 373px;*/
}

table.table-docs-small tbody {
	height: 129px;
	right: 0;
	bottom: 0;
}

table.table-docs-small thead {
    overflow-y: hidden;
}

table.table-docs-small thead tr,
table.table-docs-small tbody tr {
    width: auto;
}

table.table-docs-small thead tr th,
table.table-docs-small tbody tr td {
	padding-left: 5px;
}

table.table-docs-small tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-docs-small thead tr th:nth-child(1),
table.table-docs-small tbody tr td:nth-child(1) {
	display: none;
}

table.table-docs-small thead tr th:nth-child(2),
table.table-docs-small tbody tr td:nth-child(2) {
	width: 155px !important;
}

table.table-docs-small thead tr th:nth-child(3),
table.table-docs-small tbody tr td:nth-child(3) {
	width: 158px !important;
}

table.table-docs-small thead tr th:nth-child(4),
table.table-docs-small tbody tr td:nth-child(4) {
	width: 20px !important;
	border-right: none;
}

table.table-docs-small tbody tr td:nth-child(4) input {
	padding-top: 5px;
}

table.table-docs-small tbody tr:last-child td {
	/*border-bottom: none;*/
}

.docs-btn {
	position: absolute;
 	top: 186px;
	left: 15px;
}




/****************************/



table.table-docs-large {
	width: 100%;
	min-width: 373px;
}

table.table-docs-large tbody {
	height: 485px;
	right: 0;
	bottom: 0;
}

table.table-docs-large thead tr,
table.table-docs-large tbody tr {
	width: auto;
}

table.table-docs-large thead tr th,
table.table-docs-large tbody tr td {
	padding-left: 5px;
}

table.table-docs-large tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-docs-large thead tr th:nth-child(1),
table.table-docs-large tbody tr td:nth-child(1) {
	display: none;
}

table.table-docs-large thead tr th:nth-child(2),
table.table-docs-large tbody tr td:nth-child(2) {
	width: 230px !important;
}

table.table-docs-large thead tr th:nth-child(3),
table.table-docs-large tbody tr td:nth-child(3) {
	width: 230px !important;
	text-decoration: none;
}

table.table-docs-large thead tr th:nth-child(4),
table.table-docs-large tbody tr td:nth-child(4) {
	width: 150px !important;
	text-decoration: none;
}

table.table-docs-large thead tr th:nth-child(5),
table.table-docs-large tbody tr td:nth-child(5) {
	width: 111px !important;
	text-decoration: none;
}

table.table-docs-large thead tr th:nth-child(6),
table.table-docs-large tbody tr td:nth-child(6) {
	width: 20px !important;
	border-right: none;
}

table.table-docs-large tbody tr td:nth-child(6) input {
	padding-top: 5px;
}

table.table-docs-large thead tr th:nth-child(2) a,
table.table-docs-large thead tr th:nth-child(3) a,
table.table-docs-large thead tr th:nth-child(4) a,
table.table-docs-large thead tr th:nth-child(5) a {
	text-decoration: none;
	padding-right: 15px;
	background: url(images/sort-all.png) no-repeat right center;
}

.docs-btn-xl {
	position: absolute;
  	right: 25px;
}



.HRMdocsgridXL + .selects {
	position: relative;
	top: 548px;
	left: 15px;
}


/****************************/



table.table-freefields {
	width: 100%;
	min-width: 396px;
}

table.table-freefields tbody {
	height: 243px;
	right: 0;
	bottom: 0;
}

table.table-freefields thead tr,
table.table-freefields tbody tr {
	width: auto;
}

table.table-freefields thead tr th,
table.table-freefields tbody tr td {
	padding-left: 5px;
}

table.table-freefields tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-freefields thead tr th:nth-child(1),
table.table-freefields tbody tr td:nth-child(1) {
	width: 110px !important;
}

table.table-freefields thead tr th:nth-child(2),
table.table-freefields tbody tr td:nth-child(2){
        width: 180px !important;
}

table.table-freefields thead tr th:nth-child(3),
table.table-freefields tbody tr td:nth-child(3) {
	width: 60px !important;
}

table.table-freefields thead tr th:nth-child(4),
table.table-freefields tbody tr td:nth-child(4) {
	width: 79px !important;
}

table.table-freefields thead tr th:nth-child(5),
table.table-freefields tbody tr td:nth-child(5) {
	width: 25px !important;
	border-right: none;
}

table.table-freefields tbody tr td:nth-child(5) input {
	padding-top: 4px;
}






/****************************/



table.table-education {
	width: 100%;
	min-width: 425px;
}

table.table-education tbody {
	height: 119px;
	right: 0;
	bottom: 0;
}

table.table-education thead tr,
table.table-education tbody tr {
	width: auto;
}

table.table-education thead tr th,
table.table-education tbody tr td {
	padding-left: 5px;
}

table.table-education tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-education thead tr th:nth-child(1),
table.table-education tbody tr td:nth-child(1) {
	width: 140px !important;
}

table.table-education thead tr th:nth-child(2),
table.table-education tbody tr td:nth-child(2) {
	width: 140px !important;
}

table.table-education thead tr th:nth-child(3),
table.table-education tbody tr td:nth-child(3) {
	width: 80px !important;
}

table.table-education thead tr th:nth-child(4),
table.table-education tbody tr td:nth-child(4) {
	width: 25px !important;
	border-right: none;
}

table.table-education tbody tr td:nth-child(4) input {
	padding-top: 4px;
}


/****************************/



table.table-vaardigheid {
	width: 100%;
	min-width: 425px;
}

table.table-vaardigheid tbody {
	height: 119px;
	right: 0;
	bottom: 0;
}

table.table-vaardigheid thead tr,
table.table-vaardigheid tbody tr {
	width: auto;
}

table.table-vaardigheid thead tr th,
table.table-vaardigheid tbody tr td {
	padding-left: 5px;
}

table.table-vaardigheid tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-vaardigheid thead tr th:nth-child(1),
table.table-vaardigheid tbody tr td:nth-child(1) {
	width: 99px !important;
}

table.table-vaardigheid thead tr th:nth-child(2),
table.table-vaardigheid tbody tr td:nth-child(2) {
	width: 60px !important;
}

table.table-vaardigheid thead tr th:nth-child(3),
table.table-vaardigheid tbody tr td:nth-child(3) {
	width: 95px !important;
}

table.table-vaardigheid thead tr th:nth-child(4),
table.table-vaardigheid tbody tr td:nth-child(4) {
	width: 100px !important;
}

table.table-vaardigheid thead tr th:nth-child(5),
table.table-vaardigheid tbody tr td:nth-child(5) {
	width: 25px !important;
	border-right: none;
}

table.table-vaardigheid tbody tr td:nth-child(5) input {
	padding-top: 4px;
}






/****************************/



table.table-orderreg {
	width: 100%;
	min-width: 425px;
}

table.table-orderreg tbody {
	height: 177px;
	right: 0;
	bottom: 0;
}

table.table-orderreg thead tr,
table.table-orderreg tbody tr {
	width: auto;
}

table.table-orderreg thead tr th,
table.table-orderreg tbody tr td {
	padding-left: 5px;
}

table.table-orderreg tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-orderreg thead tr th:nth-child(1),
table.table-orderreg tbody tr td:nth-child(1) {
	width: 45px !important;
}

table.table-orderreg tbody tr td:nth-child(1) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-orderreg thead tr th:nth-child(2),
table.table-orderreg tbody tr td:nth-child(2) {
	width: 25px !important;
}

table.table-orderreg thead tr th:nth-child(3),
table.table-orderreg tbody tr td:nth-child(3) {
	width: 75px !important;
}

table.table-orderreg thead tr th:nth-child(4),
table.table-orderreg tbody tr td:nth-child(4) {
	width: 60px !important;
}

table.table-orderreg thead tr th:nth-child(5),
table.table-orderreg tbody tr td:nth-child(5) {
	width: 125px !important;
}

table.table-orderreg tbody tr td:nth-child(5) select {
	width: 119px;
	line-height: 18px!important;
	height: 21px!important;
	display: block;
	float: left;
	border: solid 1px #a9a9a9;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 2px 10px 4px 0;
}


table.table-orderreg thead tr th:nth-child(6),
table.table-orderreg tbody tr td:nth-child(6) {
	width: 120px !important;
}

table.table-orderreg tbody tr td:nth-child(6) select {
	width: 114px;
	line-height: 18px!important;
	height: 21px!important;
	display: block;
	float: left;
	border: solid 1px #a9a9a9;
	font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 2px 10px 4px 0;
}

table.table-orderreg thead tr th:nth-child(7),
table.table-orderreg tbody tr td:nth-child(7) {
	width: 190px !important;
}

table.table-orderreg tbody tr td:nth-child(7) input {
	width: 169px;
	margin-top: 2px;
	height: 15px;
}

table.table-orderreg thead tr th:nth-child(8),
table.table-orderreg tbody tr td:nth-child(8) {
	width: 25px !important;
	border-right: none;
}

table.table-orderreg tbody tr td:nth-child(8) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-orderreg tbody tr:last-child td {
	border-bottom: none;
}



/****************************/



table.table-orderreg-wide {
	width: 100%;
	min-width: 425px;
}

table.table-orderreg-wide tbody {
	height: 177px;
	right: 0;
	bottom: 0;
}

table.table-orderreg-wide thead tr,
table.table-orderreg-wide tbody tr {
	width: auto;
}

table.table-orderreg thead tr th,
table.table-orderreg tbody tr td {
	padding-left: 5px;
}

table.table-orderreg-wide tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-orderreg-wide thead tr th:nth-child(1),
table.table-orderreg-wide tbody tr td:nth-child(1) {
	/*width: 35px !important;*/
    width: 124px !important;
}

table.table-orderreg-wide thead tr th:nth-child(2),
table.table-orderreg-wide tbody tr td:nth-child(2) {
	width: 75px !important;
}

table.table-orderreg-wide thead tr th:nth-child(3),
table.table-orderreg-wide tbody tr td:nth-child(3) {
	width: 60px !important;
}

table.table-orderreg-wide thead tr th:nth-child(4),
table.table-orderreg-wide tbody tr td:nth-child(4) {
	width: 60px !important;
}

table.table-orderreg-wide thead tr th:nth-child(5),
table.table-orderreg-wide tbody tr td:nth-child(5) {
	width: 80px !important;
}

table.table-orderreg-wide thead tr th:nth-child(6),
table.table-orderreg-wide tbody tr td:nth-child(6) {
	width: 80px !important;
}

table.table-orderreg-wide thead tr th:nth-child(7),
table.table-orderreg-wide tbody tr td:nth-child(7) {
	width: 140px !important;
}

table.table-orderreg-wide thead tr th:nth-child(8),
table.table-orderreg-wide tbody tr td:nth-child(8) {
	width: 153px !important;
}

table.table-orderreg-wide thead tr th:nth-child(9),
table.table-orderreg-wide tbody tr td:nth-child(9) {
	width: 300px !important;
	border-right: none;
}

table.table-orderreg-wide tbody tr:last-child td {
	border-bottom: none;
}

/****************************/



table.table-bookings {
	width: 100%;
	min-width: 425px;
}

table.table-bookings tbody {
	height: 181px;
	right: 0;
	bottom: 0;
}

table.table-bookings thead tr,
table.table-bookings tbody tr {
	width: auto;
}

table.table-bookings thead tr th,
table.table-bookings tbody tr td {
	padding-left: 5px;
}

table.table-bookings tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-bookings thead tr th:nth-child(1),
table.table-bookings tbody tr td:nth-child(1) {
	width: 45px !important;
}

table.table-bookings tbody tr td:nth-child(1) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-bookings thead tr th:nth-child(2),
table.table-bookings tbody tr td:nth-child(2) {
	width: 35px !important;
}

table.table-bookings thead tr th:nth-child(3),
table.table-bookings tbody tr td:nth-child(3) {
	width: 70px !important;
}

table.table-bookings thead tr th:nth-child(4),
table.table-bookings tbody tr td:nth-child(4) {
	width: 50px !important;
}

table.table-bookings thead tr th:nth-child(5),
table.table-bookings tbody tr td:nth-child(5) {
	width: 35px !important;
}

table.table-bookings tbody tr td:nth-child(5) select {
	width: 20px;
	margin-top: 4px;
	margin-left: 2px;
}

table.table-bookings thead tr th:nth-child(6),
table.table-bookings tbody tr td:nth-child(6) {
	width: 45px !important;
}

table.table-bookings thead tr th:nth-child(7),
table.table-bookings tbody tr td:nth-child(7) {
	width: 360px !important;
}

table.table-bookings tbody tr td:nth-child(7) input {
	width: 94%;
	margin-top: 2px;
	margin-left: 2px;
	line-height: 15px;
	height: 15px;
	padding: 2px 5px;
}

table.table-bookings thead tr th:nth-child(8),
table.table-bookings tbody tr td:nth-child(8) {
	width: 25px !important;
	border-right: none;
}

table.table-bookings tbody tr td:nth-child(8) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-bookings tbody tr:last-child td {
	border-bottom: none;
}


/****************************/



table.table-corrections {
	width: 100%;
	min-width: 425px;
}

table.table-corrections tbody {
	height: 181px;
	right: 0;
	bottom: 0;
}

table.table-corrections thead tr,
table.table-corrections tbody tr {
	width: auto;
}

table.table-corrections thead tr th,
table.table-corrections tbody tr td {
	padding-left: 5px;
}

table.table-corrections tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-corrections thead tr th:nth-child(1),
table.table-corrections tbody tr td:nth-child(1) {
	width: 35px !important;
}

table.table-corrections tbody tr td:nth-child(1) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-corrections thead tr th:nth-child(2),
table.table-corrections tbody tr td:nth-child(2) {
	width: 75px !important;
}

table.table-corrections thead tr th:nth-child(3),
table.table-corrections tbody tr td:nth-child(3) {
	width: 65px !important;
}

table.table-corrections thead tr th:nth-child(4),
table.table-corrections tbody tr td:nth-child(4) {
	width: 35px !important;
}

table.table-corrections thead tr th:nth-child(5),
table.table-corrections tbody tr td:nth-child(5) {
	width: 365px !important;
}


table.table-corrections thead tr th:nth-child(6),
table.table-corrections tbody tr td:nth-child(6) {
	width: 71px !important;
}

table.table-corrections thead tr th:nth-child(7),
table.table-corrections tbody tr td:nth-child(7) {
	width: 25px !important;
	border-right: none;
}

table.table-corrections tbody tr td:nth-child(7) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-corrections tbody tr:last-child td {
	border-bottom: none;
}








/****************************/
/*    not  CorrDialog.aspx        */


table.table-corrections-bookings-xl-grid {
	width: 100%;
	min-width: 425px;
	position: relative;
}

table.table-corrections-bookings-xl-grid tbody {
	height: 233px;
	right: 0;
	bottom: 0;
}

table.table-corrections-bookings-xl-grid thead tr,
table.table-corrections-bookings-xl-grid tbody tr {
	width: auto;
}

table.table-corrections-bookings-xl-grid thead tr th,
table.table-corrections-bookings-xl-grid tbody tr td {
	padding-left: 5px;
}

table.table-corrections-bookings-xl-grid tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-corrections-bookings-xl-grid thead tr th:nth-child(1),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(1) {
	width: 25px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(2),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(2) {
	width: 65px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(3),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(3) {
	width: 20px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(4),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(4) {
	width: 50px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(5),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(5) {
	width: 50px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(6),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(6) {
	width: 50px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(7),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(7) {
	width: 50px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(8),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(8) {
	width: 55px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(9),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(9) {
	width: 55px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(10),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(10) {
	width: 75px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(11),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(11) {
	width: 100px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(12),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(12) {
	width: 90px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(13),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(13) {
	width: 85px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(14),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(14) {
	width: 100px !important;
}

table.table-corrections-bookings-xl-grid thead tr th:nth-child(15),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(15) {
	width: 35px !important;
}


table.table-corrections-bookings-xl-grid thead tr th:nth-child(16),
table.table-corrections-bookings-xl-grid tbody tr td:nth-child(16) {
	width: 35px !important;
	border-right: none;
}

table.table-corrections-bookings-xl-grid tbody tr td:nth-child(16) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-corrections-bookings-xl-grid tbody tr:last-child td {
	border-bottom: none;
}


/****************************/
/*      CorrDialog.aspx        */


.CorrDialogPopup table.table-corrections-bookings-xl-grid {
	width: 100%;
	min-width: 425px;
	position: relative;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody {
	height: 129px;
	right: 0;
	bottom: 0;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr,
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr {
	width: auto;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th,
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td {
	padding-left: 5px;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(1),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(1) {
	width: 25px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(2),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(2) {
	width: 60px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(3),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(3) {
	width: 20px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(4),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(4) {
	width: 45px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(5),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(5) {
	width: 45px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(6),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(6) {
	width: 45px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(7),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(7) {
	width: 45px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(8),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(8) {
	width: 45px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(9),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(9) {
	width: 35px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(10),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(10) {
	width: 75px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(11),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(11) {
	width: 55px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(12),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(12) {
	width: 55px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(13),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(13) {
	width: 55px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(14),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(14) {
	width: 85px !important;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(15),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(15) {
	width: 35px !important;
}


.CorrDialogPopup table.table-corrections-bookings-xl-grid thead tr th:nth-child(16),
.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(16) {
	width: 35px !important;
	border-right: none;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr td:nth-child(16) input {
	margin-top: 4px;
	margin-left: 2px;
}

.CorrDialogPopup table.table-corrections-bookings-xl-grid tbody tr:last-child td {
	border-bottom: none;
}


/****************************/



table.table-groepmut {
	width: 100%;
	min-width: 425px;
}

table.table-groepmut tbody {
	height: 155px;
	right: 0;
	bottom: 0;
}

table.table-groepmut thead tr,
table.table-groepmut tbody tr {
	width: auto;
}

table.table-groepmut thead tr th,
table.table-groepmut tbody tr td {
	padding-left: 5px;
}

table.table-groepmut tbody tr td {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis; 
    display: inline-block;
}


table.table-groepmut thead tr th:nth-child(1),
table.table-groepmut tbody tr td:nth-child(1) {
	width: 130px !important;
}

table.table-groepmut thead tr th:nth-child(2),
table.table-groepmut tbody tr td:nth-child(2) {
	width: 70px !important;
}

table.table-groepmut thead tr th:nth-child(3),
table.table-groepmut tbody tr td:nth-child(3) {
	width: 70px !important;
}

table.table-groepmut thead tr th:nth-child(4),
table.table-groepmut tbody tr td:nth-child(4) {
	width: 55px !important;
}

table.table-groepmut thead tr th:nth-child(5),
table.table-groepmut tbody tr td:nth-child(5) {
	width:70px !important;
}


table.table-groepmut thead tr th:nth-child(6),
table.table-groepmut tbody tr td:nth-child(6) {
	width: 65px !important;
}

table.table-groepmut thead tr th:nth-child(7),
table.table-groepmut tbody tr td:nth-child(7) {
	width: 60px !important;
}

table.table-groepmut thead tr th:nth-child(8),
table.table-groepmut tbody tr td:nth-child(8) {
	width: 280px !important;
}

table.table-groepmut thead tr th:nth-child(9),
table.table-groepmut tbody tr td:nth-child(9) {
	width: 120px !important;
}

table.table-groepmut thead tr th:nth-child(10),
table.table-groepmut tbody tr td:nth-child(10) {
	width: 25px !important;
	border-right: none;
}


table.table-groepmut tbody tr td:nth-child(10) input {
	margin-top: 4px;
	margin-left: 2px;
}

table.table-groepmut tbody tr:last-child td {
	border-bottom: none;
}


.timesheet-scroller td.tsgridcellll div + div {
	width: 200px!important;
	visibility: visible;
}

.urenverantwoording-tables td.tsgridcellll div + div {
	width: 200px!important;
	visibility: visible;
}

.cell-ellipsis tbody td span {
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	
}
/*
#MyMP_Body_TbC1_TbP8 .content_body_white{
    position: relative;
}

.uvw-table-top-left,
.uvw-table-top-right,
.uvw-table-bottom-left,
.uvw-table-bottom-right {
    width: 1px;
    height: 57px;
    background-color: red;
    position: absolute;
    z-index: 100;
}

.uvw-table-top-left {
    height: 57px;
    left: 15px;
    top: 15px;
}

.uvw-table-top-right {
    height: 57px;
    right: 15px;
    top: 15px;
}

.uvw-table-bottom-left {
    height: 57px;
    left: 15px;
    top: 100px;
}

.uvw-table-bottom-right {
    height: 57px;
    right: 15px;
    top: 100px;
}*/

/*************************************/
.favorietenBackGround {
    display: block;
    position: fixed;
    background-color: blanchedalmond;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 55555;
}



.kostenplaats_content_blocks {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 25px;
}

.kostenplaats_content {
	float: left;
	clear: left;
	width: 100%;
	background-color: #fff;
	margin-bottom: 16px;
	padding-bottom: 25px;
}



#planning_scroll_block,
.planning_scroll_block {
	background-color: #fff;
	width: calc(100% - 30px);
	overflow-x: auto;
	margin: 15px;
}

#planning_scroll_block > div,
.planning_scroll_block > div {
	background-color: #fff;
}

table.kostenplaatsen {
    border: 1px solid #ccc;
	padding: 0;
    margin: 0 0 25px;
}

table.kostenplaatsen-overview {
    margin: 0;
}

table.kostenplaatsen-overview td:first-child {
	text-align: left;
}

table.kostenplaatsen-overview td {
    margin: 0;
    background: none !important;
	cursor: default !important;
	text-align: center;
	padding: 0;
}



table.kostenplaatsen tbody td.yrbtnroday,
table.kostenplaatsen tbody td.yrbtnplanday,
table.kostenplaatsen tbody td.yrgrpbtnplanwk,
table.kostenplaatsen tbody td.yrgrpbtnhiswk  {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

table.kostenplaatsen tbody td.yrbtnroday_new,
table.kostenplaatsen tbody td.yrbtnplanday_new,
table.kostenplaatsen tbody td.yrgrpbtnplanwk_new,
table.kostenplaatsen tbody td.yrgrpbtnhiswk_new  {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

table.kostenplaatsen tbody td.yrbtnroday {
	background-color: rgba(240,240,240,0.45);
}

table.kostenplaatsen tbody td.yrbtnroday input.yrbtnroday {
	background-color: transparent;
}

table.kostenplaatsen tbody td.yrbtnroday span.yrbtnroday {
	background-color: transparent;
}

table.kostenplaatsen tbody td.yrbtnplanday {
	background-color: rgba(255,255,255,0.45);
}

table.kostenplaatsen tbody td.yrbtnplanday input.yrbtnplanday {
	background-color: transparent;
}

table.kostenplaatsen tbody td.yrgrpbtnplanwk {
	background-color: rgba(234,244,255,0.45);
}

table.kostenplaatsen tbody td.yrgrpbtnplanwk input.yrgrpbtnplanwk {
	background-color: transparent;
}


table.kostenplaatsen tbody td.yrgrpbtnhiswk {
	background-color: rgba(211,225,239,0.45);
}

table.kostenplaatsen tbody td.yrgrpbtnhiswk input.yrgrpbtnhiswk {
	background-color: transparent;
}


/************************************/

table.kostenplaatsen tbody td div.kplgridcell {
	width: auto;
	border: none;
	margin: 0;
	padding: 3px 0;
	text-align: center;
	line-height: 19px;
	background-color: rgba(247, 233, 111, 0.5);
}

table.kostenplaatsen tbody td div.kplgridcell p:first-child,
table.kostenplaatsen tbody td div.kplgridcell p:last-child {
	display: none;
}

table.kostenplaatsen tbody tr.tr-open td div.kplgridcell {
	line-height: 16px;
}

table.kostenplaatsen tbody tr.tr-open td div.kplgridcell p:first-child,
table.kostenplaatsen tbody tr.tr-open td div.kplgridcell p:last-child {
	display: block;
}

/************************************/
table.kostenplaatsen tbody td div.kplgridcellUnselected {
	width: auto;
	border: none;
	margin: 0;
	padding: 3px 0;
	text-align: center;
	line-height: 19px;
}

table.kostenplaatsen tbody td div.kplgridcellUnselected p:first-child,
table.kostenplaatsen tbody td div.kplgridcellUnselected p:last-child {
	display: none;
}

table.kostenplaatsen tbody tr.tr-open td div.kplgridcellUnselected {
	line-height: 16px;
}

table.kostenplaatsen tbody tr.tr-open td div.kplgridcellUnselected p:first-child,
table.kostenplaatsen tbody tr.tr-open td div.kplgridcellUnselected p:last-child {
	display: block;
}

/************************************/


table.kostenplaatsen tbody td div.kplHistoricgridcell {
	width: auto;
	border: none;
	margin: 0;
	padding: 3px 0;
	text-align: center;
	line-height: 19px;
}

table.kostenplaatsen tbody td div.kplHistoricgridcell p:first-child,
table.kostenplaatsen tbody td div.kplHistoricgridcell p:last-child {
	display: none;
}

table.kostenplaatsen tbody tr.tr-open td div.kplHistoricgridcell {
	line-height: 16px;
}

table.kostenplaatsen tbody tr.tr-open td div.kplHistoricgridcell p:first-child,
table.kostenplaatsen tbody tr.tr-open td div.kplHistoricgridcell p:last-child {
	display: block;
}

/************************************/
table.kostenplaatsen tbody td div.kplStandardgridcell {
	width: auto;
	border: none;
	margin: 0;
	padding: 3px 5px;
	text-align: center;
	line-height: 19px;
	background-color: rgba(102, 234, 234, 0.15);
}

table.kostenplaatsen tbody td div.kplStandardgridcell p:first-child,
table.kostenplaatsen tbody td div.kplStandardgridcell p:last-child {
	display: none;
}

table.kostenplaatsen tbody tr.tr-open td div.kplStandardgridcell {
	line-height: 16px;
}

table.kostenplaatsen tbody tr.tr-open td div.kplStandardgridcell p:first-child,
table.kostenplaatsen tbody tr.tr-open td div.kplStandardgridcell p:last-child {
	display: block;
	white-space: nowrap;
}
/************************************/

table.kostenplaatsen tbody td div p {
	margin: 0;
	padding: 0;
}



/************************************/

table.kostenplaatsen thead th {
	border: 1px solid #ccc;
	background-color: #f2f3f4;
	line-height: 24px;
	margin: 0;
	padding: 0 10px;
	width: 99px;
}

table.kostenplaatsen tbody td {
	border: 1px solid #ccc;
	line-height: 24px;
	margin: 0;
	padding: 0 10px;
	width: 99px;
}

table.kostenplaatsen thead th:first-child,
table.kostenplaatsen tbody td:first-child {
	text-align: left;
	/*width: 279px;*/
	width: 215px;
}

table.kostenplaatsen tbody tr {
	background-color: #fff;
	transition: all 0.1s;
}

table.kostenplaatsen tbody tr:nth-child(even) {
	background-color: #f2f3f4;
}

table.kostenplaatsen-multidayview tbody tr:hover,
table.kostenplaatsen-dayview tbody tr:hover {
	background-color: rgba(43,111,171,0.15);
}

table.kostenplaatsen tbody td {
	border: 1px solid #ccc;
}

table.kostenplaatsen tbody td:first-child {
	/*width: 279px;*/
	width: 215px;
	margin: 0;
	padding: 0 10px;
	vertical-align: top;
    line-height: 24px;
	background: url(images/icon-closed.png) no-repeat right top;
	cursor: pointer;
}



table.kostenplaatsen tbody tr.tr-open td:first-child {
	background: url(images/icon-opened.png) no-repeat right top;
}


table.notexpandable.top thead tr th:first-child {	
	position: absolute;
    top: 15px;
    left: 15px;
    width: 238px;
}

table.notexpandable.top tbody tr td:first-child {
	background-image: none !important;
	cursor: default;
	background-color: #fff;
	position: absolute;
    top: 40px;
    left: 15px;
    width: 238px;
}

table.notexpandable.bottom tbody tr:first-child td:first-child {
	border-top: none;
}

table.notexpandable.bottom tbody tr td:first-child {
	background-image: none !important;
	cursor: default;
	position: absolute;
    left: 15px;
    width: 238px;
}

table.notexpandable.bottom tbody tr:nth-child(odd) td {
	background-color: #fff;
}

table.notexpandable.bottom tbody tr:nth-child(even) td {
	background-color: #f2f3f4;
}

table.notexpandable.bottom tbody tr:last-child {
	display: none;
}

table.notexpandable.bottom tbody tr:last-child {
	display: none;
}

table.notexpandable.bottom tr.wide_week_table .gp1wtotgridcell_new {
	width: 99px;
}

table.notexpandable.bottom tr td.gpmtotgridcell_new {
	text-align: center;}

.ie table.notexpandable.bottom tr td:first-child {
	border-top: none;
}



/*table.notexpandable {
	width: auto !important;
}

table.notexpandable tbody tr td:first-child {
	background-image: none !important;
	cursor: default;
}

table.notexpandable tbody tr td.yrbtnplanday_total_new {
    text-align: center;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

table.notexpandable tbody tr td.yrbtnplanday_total_new span {
   display: block;
   line-height: 25px;
}*/

/*table.notexpandable tbody,
table.notexpandable thead {
    position: relative;
}*/

/*table.notexpandable th:first-child {
    position: absolute;
    left: 15px;
    border-right: 1px solid #ccc;
    border-top: none;
    height: 24px;
}

table.notexpandable thead th,
table.notexpandable tbody td {
    width: 99px !important;
}

table.notexpandable td:first-child {
    position: absolute;
    left: 15px;
    border-right: 1px solid #ccc;
    padding-top: 1px !important;
    height: 24px;
}*/





table.kostenplaatsen.kostenplaatsen-dayview tbody td.kplgridcellUnselected:first-child {
	background-color: rgba(204,204,204,0.5);
}

table.kostenplaatsen.kostenplaatsen-dayview tbody td.kplgridcell:first-child {
	background-color: lemonchiffon;
}

table.kostenplaatsen.kostenplaatsen-dayview tbody td.kplStandardgridcell:first-child {
	background-color: rgba(229,254,255,0.75);
}

table.kostenplaatsen.kostenplaatsen-dayview tbody td.kostenplaats-dayviewname {
	background: transparent;
}





/**********************************************/

table.kostenplaatsen-multidayview tbody td span,
table.kostenplaatsen-multidayview tbody td input {
	display: none !important;
}

table.kostenplaatsen-multidayview tbody td input:nth-child(2) {
    display: block !important;
}

table.kostenplaatsen-multidayview tbody tr.tr-open td span {
	display: block !important;
}

tr.tr-open td.departmentSelection span.grpplanWkNrm + span,
tr.tr-open td.jobcostsSelection span.grpplanWkNrm + span {
	background-color: transparent !important;
	margin-bottom: 5px;
}

tr.tr-open td.departmentSelection span.grpplanWkNrm + span.grpplanWkAfw,
tr.tr-open td.jobcostsSelection span.grpplanWkNrm + span.grpplanWkAfw {
	margin-bottom: 0;
}

tr.tr-open td.departmentSelection span:nth-child(4),
tr.tr-open td.jobcostsSelection span:nth-child(4) {
	line-height: 55px !important;
	height: 55px !important;
}

tr.tr-open td.randtijdenunselected span:nth-child(3),
tr.tr-open td.randtijdenunselected span:nth-child(3) {
	line-height: 55px !important;
	height: 55px !important;
}



table.kostenplaatsen-multidayview tbody tr.tr-open td input{
	display: inline-block !important;
}

table.kostenplaatsen-multidayview tbody tr.tr-open td span {
	display: inline;
}


table.kostenplaatsen-multidayview tbody tr.tr-open td div {
	display: block !important;
}


table.kostenplaatsen-multidayview tbody td div:first-child {
	display: block !important;
}


table.kostenplaatsen-multidayview tbody td.departmentSelection.randtijdenunselected span:nth-child(3) {
	display: block !important;
}

table.kostenplaatsen-multidayview tbody td.departmentSelection.randtijdenselected span:nth-child(4) {
	display: block !important;
}




table.kostenplaatsen-multidayview tbody td.jobcostsSelection.randtijdenunselected span:nth-child(3) {
	display: block !important;
}

table.kostenplaatsen-multidayview tbody td.jobcostsSelection.randtijdenselected span:nth-child(4) {
	display: block !important;
}




table.kostenplaatsen-multidayview tbody td.yrbtnplanday span.grpplanWkNrm,
table.kostenplaatsen-multidayview tbody td.yrbtnplanday span.grpplanWkAfw {
	display: block;
	width: 100%;
	line-height: 24px;
	background-color: transparent;
}


table.kostenplaatsen-multidayview tbody td input {
	width: 100%;
	padding: 0;
	margin: 0;
}


table.kostenplaatsen-multidayview td.gp1wtotgridcell,
table.kostenplaatsen-multidayview td.gpmtotgridcell,
table.kostenplaatsen-multidayview td.gpwtotgridcell {
	text-align: center !important;
	margin: 0 !important;
}

table.kostenplaatsen-multidayview td.gp1wtotgridcell span,
table.kostenplaatsen-multidayview td.gpmtotgridcell span,
table.kostenplaatsen-multidayview td.gpwtotgridcell span {
	width: 100% !important;
	display: inline-block !important;
	line-height: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
}




.overview-grid_new .gp1wtotgridcell span,
.overview-grid_new .gpmtotgridcell span,
.overview-grid_new .gpwtotgridcell span {
	width: 100%;
	text-align: center;
	padding-right: 0;
}

.overview-grid_new .gp1wtotgridcell,
.overview-grid_new .gpwtotgridcell,
.overview-grid_new .gpmtotgridcell,
.overview-grid_new .gpmtotgridcell {
	text-align: center;
	padding-right: 0;
}




/************************************/


table.kostenplaatsen tbody tr td div {
	border-bottom: 1px solid #ccc !important;
	margin-bottom: -1px !important;
}

table.kostenplaatsen tbody tr.tr-open td div {
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	margin-bottom: -1px !important;
}


/************************************/




table.kostenplaatsen-dayview td:nth-child(1) {
	cursor: default !important;
	background-image: none !important;
}

table.kostenplaatsen-dayview td:nth-child(2),
table.kostenplaatsen-dayview td:nth-child(4),
table.kostenplaatsen-dayview td:nth-child(5),

table.kostenplaatsen-dayview th:nth-child(2),
table.kostenplaatsen-dayview th:nth-child(3),
table.kostenplaatsen-dayview th:nth-child(4),
table.kostenplaatsen-dayview th:nth-child(5) {
	width: 150px !important;
}

table.kostenplaatsen-dayview td:nth-child(3) {
	width: 214px !important;
}

table.kostenplaatsen-dayview td:nth-child(3) span {
	width: 214px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}



table.kostenplaatsen-dayview td:nth-child(6),
table.kostenplaatsen-dayview th:nth-child(6) {
	width: 250px !important;
}


table.kostenplaatsen-dayview td:nth-child(2) span,
table.kostenplaatsen-dayview td:nth-child(3) span,
table.kostenplaatsen-dayview td:nth-child(4) span,
table.kostenplaatsen-dayview td:nth-child(5) span,
table.kostenplaatsen-dayview td:nth-child(6) span,
table.kostenplaatsen-dayview th:nth-child(2) span,
table.kostenplaatsen-dayview th:nth-child(3) span,
table.kostenplaatsen-dayview th:nth-child(4) span,
table.kostenplaatsen-dayview th:nth-child(5) span, 
table.kostenplaatsen-dayview th:nth-child(6) span {
	/*margin-left: 10px;*/
	line-height: 24px;
}

table.kostenplaatsen-dayview td.kplStandardgridcell {
	background-color: rgba(229,254,255,0.75);
}



/* vastzetten eerste kolom in kostenplaatsplanning */

table.kostenplaatsen-multidayview td:first-child {
    position: absolute;
    left: 15px;
    background-color: #fff !important;
    border-right: 1px solid #ccc;
	padding-top: 1px !important;
	height: 24px;
}

table.kostenplaatsen-multidayview tbody tr:nth-child(even) td:first-child {
    background-color: #f8f9f9 !important;
}

table.kostenplaatsen-multidayview tbody tr td:nth-child(2) {
    height: 25px !important;
}

.ie table.kostenplaatsen-multidayview thead tr th:nth-child(1) {
    border-top: none;
}

.ie table.kostenplaatsen-multidayview thead tr:first-child th:nth-child(1) {
    height: 23px;
}

.ie table.kostenplaatsen-multidayview tbody tr td:nth-child(1) {
    border-top: none;
    border-bottom: none;
}

.ie table.kostenplaatsen-multidayview thead tr th:nth-child(2),
.ie table.kostenplaatsen-multidayview tbody tr td:nth-child(2),

.ie table.kostenplaatsen-overview tbody tr td:nth-child(2) {
    padding-left: 247px;
}

.ie table.kostenplaatsen-overview.daygrid tbody tr td:nth-child(2) {
    padding-left: 10px;
}

.ie table.kostenplaatsen-overview tr:nth-child(2) td:first-child {
	border-top: none;
}


table.kostenplaatsen-multidayview th:first-child {
    position: absolute;
    left: 15px;
    background-color: #f2f3f4 !important;
    border-right: 1px solid #ccc;
	padding-top: 1px !important;
	border-top: none;
	height: 24px;
}

table.kostenplaatsen-overview tr:nth-child(odd) td:first-child {
    position: absolute;
    left: 15px;
    background-color: #fff !important;
    border-right: 1px solid #ccc;
	height: 24px;
}

table.kostenplaatsen-overview tr:nth-child(even) td:first-child {
    position: absolute;
    left: 15px;
    background-color: #f2f3f4 !important;
    border-right: 1px solid #ccc;
	height: 24px;
}

table.kostenplaatsen-overview tr:first-child td:first-child {
    position: absolute;
    left: 15px;
    background-color: #fff !important;
    border-right: 1px solid #ccc;
	border-top: none;
	height: 24px;
}


table.kostenplaatsen-overview.daygrid td:first-child {
    position: static;
    left: auto;
    border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

/****************************/


table.daygrid {
	width: auto !important;
}

table.daygrid td:nth-child(1) {
	width: 218px !important;
	position: static !important;
}

table.daygrid td:nth-child(2) {
	width: 152px !important;
	text-align: center;
	position: static !important;
}

.kp_btn {
	background-color: #929ba1;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	padding: 1px 10px;
	border: none;
	cursor: pointer;
	transition: all 0.15s;
	margin: 0 15px 15px 0;
	display: block;
	float: right;
}

.kp_btn:hover {
	background-color: #6b6b6b;
	cursor: pointer;
}

.kp_btn:disabled {
	opacity: 0.3;
	cursor: default;
}

.kp-selectmenu {
	float: left;
	height: 32px;
	margin-left: 10px;
	position: relative;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.kp-selectmenu .kp-title {
	line-height: 32px;
	padding-right: 15px;
	padding-left: 15px;
	cursor: pointer;
}

.kp-selectmenu .kp-title.active {
	background-color: #fff;
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
}


.kp-selectmenu .kp-title span {
	background: url(images/open-sub.png) no-repeat right center;
	padding-right: 20px;
}

.kp-selectmenu .kp-selectgroep {
	display: none;
	width: 430px;
}

.kp-selectmenu .kp-selectgroep.active {
	display: block;
}

.kp-selectmenu .kp-selectall {
	width: 100%;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 15px;
	float: left;
}

.kp-selectmenu .kp-selectgroep {
	background-color: #fff;
	position: absolute;
	z-index: 10010;
	list-style-type: none;
	padding: 10px 0 10px 15px;
	margin: 0;
	box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
}

.kp-selectmenu .kp-selectgroep span {
	display: block;
	clear: left;
	float: left;
}

.kp-selectmenu .kp-selectgroep table.kp-selecttable {
	display: block;
	clear: left;
	float: left;
	border: none;
	padding: 0;
	margin: 0;
}

.kp-selectmenu .kp-selectgroep table.kp-selecttable td {
	padding-right: 15px;
	width: 200px;
}

.kp-selectmenu .kp-selectgroep table.kp-selecttable td input {
    margin: 9px 5px 0 0;
    padding: 0;
    display: block;
	float: left;
}

.kp-selectmenu .kp-selectgroep table.kp-selecttable td label {
	white-space: nowrap;
    overflow: hidden;
    width: 150px;
    text-overflow: ellipsis;
    margin-right: 0;
    display: block;
	line-height: 30px;
	float: left;
}

.kp-selectmenu .kp-selectgroep .kp-checkboxcol {
	float: left;
}

.kp-selectmenu .kp-checkbox {
	cursor: pointer;
}

.kp-selectmenu .kp-label-select-all {
	white-space: nowrap;
    overflow: hidden;
    width: 100px;
    text-overflow: ellipsis;
    margin-right: 0;
}

.kp-bgblock {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.kp-bgblock.active {
	display: block;
	z-index: 10000;
}

/****  START AUTOCOMPLETE CCS  ****/

.ui-widget-content {
    border: 1px solid #aaa;
    color: #222222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-autocomplete {
    position: absolute;
    cursor: default;
    background-color: #fff;
}
.ui-front {
    z-index: 9999;
}

/****/

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    cursor: pointer;
    min-height: 0;
	padding: 5px;
}

.ui-menu .ui-menu-item:hover {
    background-color: #ccc;
}

.ui-widget-content {

    color: #222;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-menu {
    list-style: none;
}

.ui-autocomplete {

    cursor: default;
}

.ui-helper-hidden-accessible { 
	display:none; 
}

/****  END AUTOCOMPLETE CCS  ****/


table.ContactInfoTable {
	/*width: 650px;*/ /*OT17357 evdb*/ 
}

table.ContactInfoTable td {
	margin: 0;
	padding: 0;
}

table.ContactInfoTable td input[type=text] {
	width: 250px;
}

table.ContactInfoTable td:first-child {
	width: 250px;
}


table.ContactInfoTable td input[type=radio],
table.ContactInfoTable td label {
	line-height: 25px;
	height: 25px;
	display: block;
	float: left;
	margin-right: 10px;
}


table.ContactInfoTable td input[type=radio] {
	display: block;
	float: left;
	padding: 0;
	margin: 6px 5px 0 0;
	width: 14px;
	height: 14px;
}


.verplichtveld {
	line-height: 22px;
    height: 22px!important;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
	font-weight: bold;
	font-size: 12px;
}


.verplichtveldOnzichtbaar {
	line-height: 22px;
    height: 22px!important;
    display: none;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
	font-weight: bold;
	font-size: 12px;
}

.select_block_left {
    margin-top: 15px;
    width: 460px;
    float: left;
    clear: left;
    margin-right: 50px;
}

.select_block_right {
    margin-top: 15px;
    width: 460px;
    float: left;
}

.select_block_wide {
    margin-top: 20px;
    width: 970px;
    float: left;
    clear: left;
}

.select_block_left span,
.select_block_right span {
   margin-bottom: 15px;
   float: left;
   clear: left;
}

.select_block_wide span {
   margin-bottom: 15px;
   width: 100%;
   float: left;
   clear: left;
}

.select_block_wide input {
   margin-bottom: 5px;
   margin-right: 5px;
   float: left;
}

.select_block_left select,
.select_block_right select {
   float: left;
   clear: left;
}


.scrollDiv4_new.new_signup_visitor.wrapper {
    /*height: 225px !important;*/
    height: 387px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollDiv4_new.new_signup_visitor.wrapper + div {
    top: 1px !important;
}

.scrollDiv4_new.new_signup_visitor.wrapper table.table tr:last-child td {
    border-bottom: 1px solid #ccc;
}


.new_signup_visitor.top table tbody td:nth-child(3) {
	cursor: pointer;
}

.new_signup_visitor.bot table tbody td:nth-child(2) {
	cursor: pointer;
}

.new_signup_visitor tr.size-row {
	display: table-row !important;
}


.title-td {
    padding-left: 25px;
    white-space: nowrap;
}

.row1-td > input,
.row2-td > input {
    width: 62px !important;
}

.row1-td > input.form_input + span.form_label_row,
.row2-td > input.form_input + span.form_label_row {
    width: 32px !important;
    text-align: center !important;
}

.row1-td > input.form_input + span.form_label_row + input.form_input_row,
.row2-td > input.form_input + span.form_label_row + input.form_input {
    width: 62px !important;
}


div.bodyBlock {
	float: left;
	padding: 15px;
	width: calc(100% - 30px);
}

div.holidayblock div {
	border: 1px solid #ccc;
}

.holiday-header {
	line-height: 30px;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
}

.block1 table tr:last-child td,
.block2 table tr:last-child td,
.block3 table tr:last-child td {
	font-weight: bold;
}

.block1 table tr td,
.block2 table tr td,
.block3 table tr td,
.block5 table tr td,

.block1 table tr th,
.block2 table tr th,
.block3 table tr th,
.block5 table tr th {
	text-align: right;
}


.block1 table tr td:first-child,
.block2 table tr td:first-child,
.block3 table tr td:first-child,
.block5 table tr td:first-child,

.block1 table tr th:first-child,
.block2 table tr th:first-child,
.block3 table tr th:first-child,
.block5 table tr th:first-child {
	text-align: left;
}

.block2 {
	margin-left: 30px;
}

.block3 {
	margin-top: 20px;
}

.block4 {
	margin-top: 50px;
	margin-left: 30px;
	width: 480px;
	line-height: 18px;
}

.block5 {
	margin-top: 20px;
	line-height: 18px;
}

.block6 {
	margin-top: 20px;
	width: 840px;
    padding: 10px 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    line-height: 18px;
}

.block6 p {
	padding: 0;
	margin: 0;
}


table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}


table.tablesorter th.tablesorter-header {
    background-image: url(images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}


table.tablesorter th.sorter-false {
    background-image: none;
}

table.tablesorter th.tablesorter-headerDesc {
    background-image: url(images/desc.gif);
}

table.tablesorter th.tablesorter-headerAsc {
    background-image: url(images/asc.gif);
}



.checked-statement {
    width: 20px;
    cursor: pointer;
    color: #ccc;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    margin-top: 5px;
	margin-right: 12px;
}

.checked-statement.checked {
	color: #000;
}

.hidden-checkbox + label.checked-statement {
	width: 20px;
	cursor: pointer;
	color: #ccc;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin-top: 5px;
	margin-right: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}

.hidden-checkbox:checked + label.checked-statement {
    color: #000;
}


td.input-width > input:first-child {
	width: 150px !important;
}

td.input-width > select:first-child {
	width: 162px !important;
}

table.table-ordertijd thead tr th, 
table.table-ordertijd tbody tr td {
   text-align: left;
}

table.table-ordertijd thead tr th:nth-child(1), 
table.table-ordertijd tbody tr td:nth-child(1) {
    width: 36px !important;
    white-space: nowrap;
}

table.table-ordertijd thead tr th:nth-child(2), 
table.table-ordertijd tbody tr td:nth-child(2),
table.table-ordertijd thead tr th:nth-child(3), 
table.table-ordertijd tbody tr td:nth-child(3) {
    white-space: nowrap;
}

table.table-ordertijd thead tr th:nth-child(5) span, 
table.table-ordertijd tbody tr td:nth-child(5) span,
table.table-ordertijd thead tr th:nth-child(6) span, 
table.table-ordertijd tbody tr td:nth-child(6) span,
table.table-ordertijd thead tr th:nth-child(7) span, 
table.table-ordertijd tbody tr td:nth-child(7) span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




.webterminalfk {
	width: 100%;
	margin-bottom: 20px;
}

.webterminalsmenu {
	width: 65%;
	margin-bottom: 20px;
}

table.absence tbody td.infoplanweek {
	background-color: #EAF4FF;
}

table.absence thead th.planlistheader {
	border-left: 1px solid #ccc;
}



.boekingsoverzicht .kostenplaatsen td {
	white-space: nowrap;
	text-align: center;
}

.boekingsoverzicht .kostenplaatsen th {
	padding-right: 25px;
	text-align: center;
}

/***  fixed first 2 columns ***/

.boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(1),
.boekingsoverzicht .kostenplaatsen > tbody > tr > td:nth-child(1) {
	width: 22px !important;
	padding-right: 2px;
	padding-left: 2px;
    position: absolute;
    left: 15px;
    border-right: 1px solid #ccc;
    padding-top: 1px !important;
    height: 23px;
}

.boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(2),
.boekingsoverzicht .kostenplaatsen > tbody > tr > td:nth-child(2) {
	width: 200px !important;
	line-height: 22px;
	text-align: left;

    position: absolute;
    left: 42px;
    border-right: 1px solid #ccc;
    padding-top: 1px !important;
    height: 23px;
	padding-right: 10px;
}

/******************/
.ie .boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(1),
.ie .boekingsoverzicht .kostenplaatsen > tbody > tr > td:nth-child(1) {
	width: 22px !important;
	padding-right: 2px;
	padding-left: 2px;
    position: absolute;
    left: 15px;
    border: none;
    border-left: 1px solid #ccc;
    height: 23px;
}

.ie .boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(2),
.ie .boekingsoverzicht .kostenplaatsen > tbody > tr > td:nth-child(2) {
	width: 200px !important;
	line-height: 22px;
	text-align: left;
    position: absolute;
    left: 42px;
    height: 23px;
	padding-right: 10px;
	border: none;
	border-left: 1px solid #ccc;
}


.ie .boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(1),
.ie .boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(2){
	height: 22px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/******************/

.boekingsoverzicht .kostenplaatsen > tbody > tr:nth-child(odd) > td:nth-child(1),
.boekingsoverzicht .kostenplaatsen > tbody > tr:nth-child(odd) > td:nth-child(2) {
    background-color: #fff !important;
    border-right: 1px solid #ccc;
}

.boekingsoverzicht .kostenplaatsen > tbody > tr:nth-child(even) > td:nth-child(1),
.boekingsoverzicht .kostenplaatsen > tbody > tr:nth-child(even) > td:nth-child(2) {
    background-color: #f2f3f4 !important;
    border-right: 1px solid #ccc;
}

.boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(1),
.boekingsoverzicht .kostenplaatsen > thead > tr > th:nth-child(2) {
    border-top: none;
}

.boekingsoverzicht .kostenplaatsen th:nth-child(1) {
    border-right: none;
    border-left: 1px solid #ccc;
}


.boekingsoverzicht .kostenplaatsen th:nth-child(1) input {
    height: 12px !important;
    width: 12px !important;
    display: block;
    padding: 0;
    margin: 0;
    margin-left: 4px;
    margin-top: 3px;
}

.boekingsoverzicht .kostenplaatsen > tbody > tr > td.minimizecell,
.ie .boekingsoverzicht .kostenplaatsen > tbody > tr > td.minimizecell {
	width: 95% !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0px !important;
    border: none !important;
}

.boekingsoverzicht .kostenplaatsen tr:nth-child(2n) td.minimizecell td {
	background-color: transparent !important;
	border: none !important;
}




.boekingsoverzicht .kostenplaatsen th:nth-child(1) div {
	margin-top: 2px;
    line-height: normal;
}

.boekingsoverzicht .kostenplaatsen td:nth-child(1) input {
	margin-bottom: 0;
	margin-top: 5px;
    line-height: normal;
}


.boekingsoverzicht .kostenplaatsen th:nth-child(3),
.boekingsoverzicht .kostenplaatsen td:nth-child(3) {
	text-align: left;
	padding-left: 255px;
}



.boekingsoverzicht .kostenplaatsen th:nth-child(4),
.boekingsoverzicht .kostenplaatsen td:nth-child(4),

.boekingsoverzicht .kostenplaatsen th:nth-child(5),
.boekingsoverzicht .kostenplaatsen td:nth-child(5),

.boekingsoverzicht .kostenplaatsen th:nth-child(6),
.boekingsoverzicht .kostenplaatsen td:nth-child(6) {
	text-align: left;
}

.boekingsoverzicht .kostenplaatsen div.tablesorter-header-inner span {
	display: block;
	float: left;
}

.boekingsoverzicht .kostenplaatsen div.tablesorter-header-inner img {
	margin-left: 4px;
    display: block;
    margin-top: 5px;
	float: left;
}

.boekingsoverzicht .kostenplaatsen tbody tr:last-child table td {
	float: left;
	/*background-color: #AEB5B9;*/
	color: #fff;
	line-height: 22px;
	padding: 0;
	display: block;
	border-radius: 2px;
	text-align: center;
	margin-right: 5px;
	width: auto !important;
	border: none;
}

.boekingsoverzicht .kostenplaatsen tbody tr:last-child table td span {
	background-color: #6C787F;
	color: #fff;
	line-height: 22px;
	padding: 0 5px;
	display: block;
	border-radius: 2px;
	text-align: center;
	width: 12px !important;
	border: none;
}

.boekingsoverzicht .kostenplaatsen tbody tr:last-child table td a {
	color: #fff;
	text-decoration: none;
	background-color: #AEB5B9;
	border: none;
	line-height: 22px;
	padding: 0 5px;
	width: 12px;
	display: block;
}

.boekingsoverzicht .planning_scroll_block {
	margin-bottom: 45px;
}

.boekingsoverzicht .kostenplaatsen {
	margin: 0;
	padding: 0;
}

.boekingsoverzicht .kostenplaatsen tbody tr:last-child {
	border-bottom: none;
}

.boekingsoverzicht .kostenplaatsen tbody tr:last-child table {
	margin-top: 32px;
	position: absolute;
	width: calc(100% - 33px);
}

.boekingsoverzicht .kostenplaatsen tbody tr:last-child table tr:hover {
	background-color: transparent;
}

.boekingsoverzicht .start-stop {
	width: 50px;
	display: inline-block;
}

.boekingsoverzicht .afdeling {
	width: 69px;
	display: inline-block;
}

.boekingsoverzicht .tablesorter-header-inner {
	height: 23px;
}

.edit-time-dialog {
	position: fixed;
	background-color: rgba(102,102,102,0.30);
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 50000;
}

.inner-dialog {
	background-color: #fff;
	color: #000;	
	width: 350px;
	height: 209px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 150px;
}

.dialog-header {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	width: 100%;
	line-height: 30px;
	text-align: center;
}



.dialog-cancel {
	background-color: #fff;
    border-radius: 2px;
    line-height: 20px;
    color: #4A5962;
    padding: 1px 10px;
    border: 1px solid rgba(74,89,98,0.8);
    cursor: pointer;
    opacity: 1;
    transition: all 0.15s;
    margin: 4px 10px 4px 0;
	width: 100px;
}

.dialog-save {
	border: 1px solid #4A5962;
	background-color: #4A5962;
    border-radius: 2px;
    line-height: 20px;
    color: #fff;
    padding: 1px 10px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    transition: all 0.15s;
 	width: 100px;
	margin: 4px 10px;
}

.dialog-row {
	float: left;
    clear: left;
    width: 100%;
    text-align: center;
	margin: 10px 0 0;
}


.dialog-row .form_label_row {
	float: none;
	display: inline-block;
}

.dialog-row .form_input_row_dialog {
	line-height: 20px!important;
    height: 20px!important;
    border: 1px solid #ccc!important;
    padding: 0 5px!important;
    font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.badgeInput {
	float: left;
	margin-left: 50px;
}

.badgeList {
	float: left;
    width: 371px;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 30px;
    max-height: 480px;
	border: 1px solid #ccc;
	margin: 10px 0 0;
}


.bezoekTable table td:nth-child(2) label {
	line-height: 22px;
    height: 22px;
    display: block;
    float: left;
	margin-right: 20px;
}

.bezoekTable table td:nth-child(2) input[type='radio'] {
	display: block;
    float: left;
    padding: 0;
    margin: 4px 5px 0 0;
    width: 14px;
    height: 14px;
}

.bezoekTable table td:nth-child(2) input + span {
	display: block;
    float: left;
    padding: 0;
    width: 14px;
    height: 14px;
    margin-left: 0 !important;
    margin-top: 4px !important;
}


.table_bezoek_def td:nth-child(3) label {
	line-height: 22px;
    height: 22px;
    display: block;
    float: left;
	margin-right: 20px;
}

.table_bezoek_def td:nth-child(3) input[type='radio'] {
	display: block;
    float: left;
    padding: 0;
    margin: 4px 5px 0 0;
    width: 14px;
    height: 14px;
}

.table_bezoek_def td:nth-child(3) input + span {
	display: block;
    float: left;
    padding: 0;
    width: 14px;
    height: 14px;
    margin-left: -6px !important;
    margin-top: -4px !important;
}

/*.ie thead tr.size-row {
    display: none;
}*/


table.visitor_table {
	border-collapse: collapse;
}

table.visitor_table td {
	border-collapse: collapse;
	border: none;
}

table.visitor_table td.visitor_label {
	margin: 0;
	padding: 0 0 10px;
	/*background-color: yellowgreen;*/
	vertical-align: top;
	width: 140px;
}

table.visitor_table td.visitor_label .form_label {
	margin: 0;
	padding: 3px 20px 3px 0;
	line-height: 16px !important;
	height: auto !important;
	
}

table.visitor_table td.visitor_content {
	margin: 0;
	padding: 0 0 10px;
	/*background-color: greenyellow;*/
	vertical-align: top;
	width: 260px;
}

table.visitor_table td.visitor_content .select_md,
table.visitor_table td.visitor_content .input_md,
table.visitor_table td.visitor_content .startdatum {
	margin: 0;
	padding: 0;
}

table.table_bezoek_def td:nth-child(3) input[type='image'],
table.visitor_table td.visitor_content input[type='image'] {
	width: 15px !important;
    border-width: 0 !important;
    margin-left: 5px !important;
    margin-top: 4px !important;
}

table.visitor_table td.visitor_content input[type='radio'] {
	line-height: 22px !important;
	margin-top: 5px;
	float: left;
}

table.visitor_table td.visitor_content label {
	line-height: 22px !important;
	float: left;
	margin-right: 20px;
}


.updateVisitorField {
	width: 100%;
	margin-top: 15px; 
	border: 1px solid #ccc;
}

.updateVisitorField .bodyBar {
    width: calc(100% - 42px);
    font-size: 12px;
    float: left;
    background-color: #f4f4f4;
	padding: 0 20px 20px;
	border: 1px solid #ccc;
}


table.table_bezoek_def td:nth-child(3) input[type='image'],
table.table_bezoek_def td:nth-child(7) input[type='image']  {
	width: 15px !important;
    border-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
    margin-top: 6px !important;
    float: left;
}

.selectedVisitor {    
    font-weight: bold;
    font-size: 18px;
}

.t-selectvisitortable {
    border: 1px solid black;
    height: 200px !important;
    width:350px !important;
    border-collapse: collapse;
    font-size: 16px;
}

    .t-selectvisitortable td {
        border: 1px solid black;
        line-height: 30px !important;
    }

        .t-selectvisitortable td:empty {
            border-left: 0;
            border-right: 0;
        }

.login-box {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	border: 1px solid #283136;
    background-color: #DDE0E3;
}

.login-box .login-box-header {
	background-color: #283136;
	color: #fff;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	text-indent: 10px;
}

.login-messageBox .login-box .login-box-header {
	text-align: center;
}

.login-box .login-box-label span {
	color: #000;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	display: block;
	margin-left: 65px;
}

/*OT15304 (evdb) usersettings checkbox*/
.login-box .login-box-checkbox span {
	color: #000;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	display: block;
	margin-left: 65px;
}

.login-box .login-box-msg span {
	color: #000;
	line-height: 20px;
	font-size: 12px;
	margin-top: 20px;
	display: block;
	width: calc(100% - 30px);
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
}

.login-box .login-box-input input {
	border: 1px solid #ccc;
    padding: 10px;
    margin: 5px 0 0 65px !important;
    width: 200px;
    border-radius: 4px;
    font-size: 13px;
	display: block;
}

.login-box .login-box-buttons  {
	display: block;
	text-align: center;
}

.login-box .login-box-buttons input {
	/*margin-left: 65px;*/
	margin-top: 20px;
	margin-bottom: 30px;
}



.normal_button {
	width: auto!important;
	background-color: transparent;
	border-radius: 2px;
	line-height: 20px;
	color: #0f0f0f;
	text-align: center;
	padding: 2px 10px;
	border: 1px solid #4A5962;
	cursor: pointer;
	opacity: 1;
	display: inline-block;
	margin: 0 5px;
}


.primary_button {
	border: 1px solid #4A5962;
	background-color: #4A5962;
	border-radius: 2px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	padding: 2px 15px;
	cursor: pointer;
	opacity: 0.8;
	transition: all 0.15s;
	display: inline-block;
	margin: 0 5px;
}

.primary_button:hover {
	opacity: 1;
}



.login-messageBox .login-box {
	margin-top: 185px;
	width: 400px;
}

.login-messageBox .login-box .login-box-buttons input {

	margin-top: 20px;
    margin-bottom: 20px;
	font-size: 13px;
}

.login-messageBox  {
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
    background-color: rgba(40,49,54,0.75);
}

/*******************************/

table.persagenda  {
	border: 1px solid #ccc;
	border-collapse: collapse;
	table-layout: fixed;
}

table.persagenda tr {
	background-color: #fff;
}

table.persagenda thead tr {
	border-bottom: none;
}

table.persagenda tr:nth-child(even) {
	background-color: #f2f3f4;
}

table.persagenda th {
	background-color: #dedede;
	white-space: nowrap;
	padding: 0 10px;
	line-height: 25px;
	border: 1px solid #ccc;
	width: 100px !important;
	border-bottom: none;
}

table.persagenda td {
	padding: 0;
	line-height: 25px;
	border: 1px solid #ccc;
	width: 100px !important;
}

table.persagenda td:first-child {
	padding: 0 10px;
	line-height: 25px;
}

table.persagenda th:first-child,
table.persagenda td:first-child {
	width: 225px !important;
	text-align: left;
}

table.persagenda td:first-child span {
	width: 205px !important;
	display: block;
	line-height: 20px;
}

table.persagenda thead th.sorting_asc:first-child {
	background: #dedede url(images/sort_down.png) no-repeat 225px center;
	cursor: pointer;
}

table.persagenda thead th.sorting_desc:first-child {
	background: #dedede url(images/sort_up.png) no-repeat 225px center;
	cursor: pointer;
}

table.persagenda td.yrgrpgridcell input {
	font-style: normal !important;
}


.dataTables_filter label {
	line-height: 22px;
    height: 22px;
    display: block;
    float: left;
    margin: 14px 10px 9px 0;
}

.dataTables_filter label input {
	line-height: 20px!important;
    height: 20px!important;
    display: block;
    float: right;
    border: 1px solid #ccc!important;
    padding: 0 5px!important;
    font: 11px Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
    margin-left: 10px;
}

table.presenceview  {
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-top: none;
	width: 100%;
}

table.presenceview tr:nth-child(even) {
	background-color: #f2f3f4;
}

table.presenceview th {
	background-color: #dedede;
	white-space: nowrap;
	padding: 0 10px;
	line-height: 25px;
	border: 1px solid #ccc;
}

table.presenceview td {
	padding: 0 10px;
	line-height: 25px;
	border: 1px solid #ccc;
}

table.presenceview td .presenceviewimg {
	float: left;
}

table.presenceview td:first-child {
	padding: 0;
	border-left: none;
}

.presenceviewpage .dataTables_filter {
	padding-left: 20px;
}

.presenceviewpage .dataTables_empty {
	padding-left: 39px !important;
}