/**
* @copyright © 2014 51North, Sittard NL. All rights reserved.
*/

/*font-family:'Corporate A W01 Light';
font-family:'Corporate A W01 Regular';
font-family:'Corporate A W01 Medium';
font-family:'CorporateAW01-CnRegular 885693';
font-family:'CorporateAW01-MediumCn';
font-family:'Corporate A W01 Demi Cn';
font-family:'Corporate S W01 Bold';
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

}

body  {
background: url('../images/bg.jpg') no-repeat 50% 50% #101010;
}

#wrapper {
	position: relative;
	margin: 0 auto !important;
	width: 950px;
}

a {
	cursor: pointer;
}

em {
	font-style: italic;
}

ul.h-menu, ul.v-menu{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.h-menu li, ul.v-menu li {
	position: relative;
	cursor: pointer;
}
ul.h-menu li.active, ul.v-menu li.active {
	cursor: default;
	color: #00ADEF;
}
ul.h-menu li.active span, ul.v-menu li.active span {
	color: #fff;
}
ul.h-menu li {
	display: inline-block;
}
ul.v-menu li {
	display: block;
}

.page {
	display: none;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.disabled {
	opacity: .5;
	cursor: auto;
}

.clear {
	clear: both;
}

.group:after {
	content: "";
	display: table;
	clear: both;
}

.error-holder {
	float: left;
	width: 100%;
}
.error-msg {
	font-size: 10px;
	color: #CC1111;
}
#form-add-leave .error-msg {
	float: left;
	width: 155px;
	margin-top: 2px;
}

.error-holder-remark {
	bottom: 5px;
	display: block;
	float: none;
	left: 10px;
	position: absolute;;
}

#form-add-leave .error-msg.error-msg-remark {
	width: auto;
}

#form-add-leave .error-msg.error-msg-form {
	float: left;
	width: 100%;
	margin-bottom: -10px;
	margin-top: 3px;
}

#JS_templates {
	display: none;
}

/* HIDE ADMIN OPTIONS FOR NON-ADMINS */
html.no_admin .admin {
	display: none !important;
}
html.no_planners .g_planners {
	display: none !important;
}
html.no_employees .g_employees {
	display: none !important;
}

/* DEBUG PLACEHOLDER */
html.placeholder, body.placeholder {
	background: none #000;
	color: #ffffaa;
}

body.placeholder #wrapper {
	-moz-box-shadow: none;
	-webkitbox-shadow: none;
	box-shadow: none;
}

#placeholder {
	text-align: center;
}

/* HEADER */
#header {
	position: relative;
	display: block;
	width: 920px;
	height: 163px;
	margin: 0 15px;
}

#logo_holder {
	position: relative;
	width: 703px;
	height: 138px;
	background: url('../images/header_logo.png') no-repeat left 2px;
}
#search_holder {
	position: absolute;
	width: 200px;
	right: 10px;
	top: 40px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #fff;
}

#search_holder input {
	background: none;
	border: none;
	font-size: 20px;
	color: #fff;
	font-family:'Corporate S W01 Bold';
	margin: 0;
	padding: 0;
	width: 155px;
}

#search_holder ::-webkit-input-placeholder {
   color: #fff;
   opacity: 1;
}

#search_holder :-moz-placeholder { /* Firefox 18- */
   color: #fff;
   opacity: 1;
}

#search_holder ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   opacity: 1;
}

#search_holder :-ms-input-placeholder {
   color: #fff;
   opacity: 1;
}

#search_holder a {
	text-indent: -999999em;
	overflow: hidden;
	width: 37px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: url('../images/search.png') no-repeat 0 0;
	position: absolute;
	bottom: 3px;
	right: 0;
}

.btn_go_logout, .btn_go_profile {
	position: absolute;
	top: 79px;
}

.btn_go_logout {
	right: 163px;
}

.btn_go_profile {
	right: 10px;
}

.btn_go_logout a, .btn_go_profile a {
	color: #00adef;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

#top_menu {
	position: absolute;
	bottom: 0;
	left: 225px;
	width: 695px;
	height: 18px;
	margin: 0;
}

#top_menu ul li {
	float: left;
	display: inline;
	margin-right: 5px;
	margin-bottom: 10px;
}

#top_menu ul li a {
	font-size: 11px;
	color: #333333;
	background-color: #fff;
	height: 16px;
	padding: 2px 8px 0;
	border-radius: 3px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	letter-spacing: 1px;
}

#top_menu ul li.active a, #top_menu ul li a:hover {
	background-color: #00adef;
	color: #fff;
}

/* SIDE MENU */
#side_menu_holder {
	position: relative;
	display: block;
	float: left;
	width: 215px;
	margin-top: 30px;
	margin-left: 15px;
}

#side_menu_holder h2, #content h2 {
	font-size: 19px;
	color: #fff;
	font-family:'Corporate S W01 Bold';
	margin-bottom: 23px;
	font-weight: normal;
}

#side_menu_holder ul {
	margin: 0;
	padding: 0;
}

#side_menu_holder ul li {
	list-style: none;
	height: 50px;
	border-radius: 10px;

	width: 215px;
	margin-bottom: 1px;
	background: url('../images/bg_highlight.png') no-repeat 0 0 #fff;
}

#side_menu_holder ul li a {
	color: #00ADEF;
	display: block;
	height: 33px;
	padding: 17px 0 0 35px;
	text-decoration: none;
}

/* CONTENT */
#main {
	position: relative;
	display: block;
	float: left;
	width: 695px;
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/* LOGIN / POPUP */
#login_wrapper, #JS_popups {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
}

#login_bg, #JS_popups_bg {
	position: absolute;
	background-color: #000;
	opacity: .5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
}

#JS_popups_bg, #JS_popups {
	z-index: 988;
}

.login_block, .JS_popup {
	position: absolute;
	width: 400px;
	height: auto;
	margin: -200px 0 0 -200px;
	left: 50%;
	top: 35%;
	background-color: #B8AB91;
	z-index: 999;
}

.login_block, .JS_popup {
	position: absolute;
	width: 400px;
	min-height: 200px;
	margin: -200px 0 0 -172px;
	left: 50%;
	top: 35%;
	background-color: #fff;
	z-index: 999;
}

.JS_popup {
	display: none;
	z-index: 989;
}

.login_block .top, .JS_popup .top, #overview_nav .top {
	background-color: #fff;
	text-align: center;
	height: 58px;
	padding-top: 15px;
	color: #333333;
	font-size: 36px;
	border-bottom: 1px dotted #333333;
	margin: 0 10px;
	font-family:'CorporateAW01-CnRegular 885693';
}

#overview_nav .top {
	width: 600px;
	margin: 0 auto;
}

#overview_nav .sub-top {
	width: 600px;
	margin: 15px auto 5px;
	text-align: center;
}

.login_block #login_error {
	font-size: 12px;
	font-style: italic;
	margin: 15px 0 0 30px;
}

.login_block .login_username_holder {
	margin: 24px 30px 13px 35px;
}

.login_block .login_smscode_holder {
	margin: 24px 30px 13px 35px;
}

.login_password_holder {
	margin: 0 30px 15px 35px;
}

.login_block label{
	font-size: 12px;
	display: block;
	width: 80px;
	margin: 0;
	text-transform: lowercase;
	float: left;
	display: inline;
	padding-top: 3px;
}

.login_block input {
	font-size: 12px;
	height: 20px;
	display: block;
	width: 184px;
	margin: 0 auto;
	border: none;
	padding: 0 8px;
	background-color: #ededed;
	float: left;
	display: inline;
	color: #333333;

}

.login_block .submit {
	color: #fff;
	font-size: 10px;
	border: none;
	cursor: pointer;
	height: 16px;
	display: inline-block;
	background: url('../images/bg_btn.png') no-repeat right top;
	min-width: 47px;
	padding: 1px 0 0 8px;
	margin: 0 0 15px 255px
}

#login_close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
	cursor: pointer;
}


#form-upd-file, #form-upd-folder, .pop_txt_holder, #form-upd-user, #form-upd-menu, #form-upd-employee {
	padding: 20px;
}

#JS_popups .field {
	margin-bottom: 15px;
}

#JS_popups .label_holder {
	width: 75px;
	float: left;
	display: inline;
}

#JS_popups #form-upd-user .label_holder, #JS_popups #form-upd-employee .label_holder {
	width: 135px;
}

#JS_popups .label_holder label {
	padding-top: 3px;
	display: block;
}

#JS_popups .input_holder {
	width: 261px;
	float: left;
	display: inline;
}

#JS_popups #form-upd-user .input_holder, #JS_popups #form-upd-employee .input_holder {
	width: 170px;
}

#JS_popups .input_holder input {
	font-size: 12px;
}

#JS_popups .input_holder input[type='text'], #JS_popups .input_holder input[type='password'], #JS_popups .input_holder input[type='email'], #JS_popups .input_holder input[type='tel'] {
	font-size: 12px;
	height: 20px;
	display: block;
	width: 247px;
	margin: 0 auto;
	border: none;
	padding: 0 8px;
	background-color: #ededed;
	float: left;
	display: inline;
	color: #333333;
}

#JS_popups #form-upd-user .input_holder input[type='text'], #JS_popups #form-upd-user .input_holder input[type='password'], #JS_popups #form-upd-user .input_holder input[type='email'], #JS_popups #form-upd-user .input_holder input[type='tel'], #JS_popups #form-upd-employee .input_holder input[type='email'], #JS_popups #form-upd-employee .input_holder input[type='text'] {
	width: 154px;
}

#JS_popups .button_holder {
	text-align: right;
	margin-right: 5px;
}

#JS_popups .button_holder a {
	color: #fff;
	background-color: #00adef;
	padding: 2px 12px;
}

.pop_txt_holder p {
	margin-bottom: 15px;
}

.pop_txt_holder ul {
	margin-left: 12px;
	margin-bottom: 15px;
}

/* FORM UPLOAD FIELDS */
.upl_filename {
	display: none;
}
.upl_prg_holder {
	display: none;
	width: 180px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 1px solid #a89b92;
}
.upl_prg {
	background: #aa9d94;
	width: 0;
	height: 100%;
	margin: 0;
	padding: 0;
}
.upl_prg_holder.use_gif .upl_prg {
	display: none;
}
.upl_prg_holder.use_gif {
	background: url('../images/file-progress.gif');
	border: none;
}

/* HOME (login) */
html.html_home #top_menu, html.html_home #header, html.html_home #side_menu_holder {
	display: none;
}

/* DOCUMENTS */
.folder-name, .file-name, #overview_btn_back {
	cursor: pointer;
}

#breadcrumbs_holder, #folder_text, #overview_holder, #overview_nav {
	position: relative;
	display: block;
	margin-top: 10px;
}

#folder_text p {
	color: #FFFFFF;
	font-style: italic;
	left: 0;
	position: relative;
	top: -6px;
}

#breadcrumbs_holder {
	margin-bottom: 23px;
}

#overview_holder {
	margin-bottom: 20px;
}

#overview_holder.overview_users, #overview_holder.overview_highlights, #overview_holder.overview_employees {
	margin-top: 48px;
}

.list-search-holder {
	position: absolute;
	right: 0;
	margin-right: 60px;
	top: -4px;
	color: white;
}

.html_approveleave .list-search-holder,
.html_approveovertime .list-search-holder {
	top: -6px;
}

.html_approveovertime #overview .list,
.html_approveleave #overview .list {
	padding-top: 15px;
}

.list-search-holder .search {
	margin-right: 10px;
	height: 21px;
}

.list-search-holder button {
	background-color: #00adef;
	color: #fff;
	border: none;
	height: 27px;
	cursor: pointer;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
}

#breadcrumbs_holder {
	color: #fff;
	font-size: 12px;
}

#overview_nav ul {
	padding: 0;
	margin: 0;
}

#overview_nav ul li {
	display: inline;
	margin-right: 3px;
}

#overview_nav ul li a {
	text-decoration: none;
	color: #fff;
	font-family:'Corporate S W01 Bold';
	font-size: 14px;
	padding: 3px 10px;
	border: 2px dotted #fff;
}

#overview_nav ul li a span {
	color: #00adef;
}

#overview {
	padding-left: 5px;
	width: 640px;
	overflow: hidden;
}

#overview > div:nth-of-type(even) {
	background: url('../images/trans.png') repeat;
}

#overview_holder table {
	padding: 0;
}

#overview_btn_back {
	height: 100%;
	vertical-align: middle;
	padding: 0;
	background: url('../images/trans.png') repeat;

}

#overview_btn_back .back {
	min-height: 150px;
	width: 46px;
	text-indent: -999999em;
	overflow: hidden;
	background: url('../images/back_arrow.png') no-repeat 50% 50%;

}

.item-row {
	height: 35px;
	width: 640px;
}

.folder-row, .file-row {
	width: 640px;
}
.row-icon, .row-nav, .row-title,  .row-leavekind {
	position: relative;
	display: block;
	float: left;
}
.row-icon {
	width: 33px;
	height: 35px;
	text-indent:-999999em;
	overflow: hidden;
}

.row-icon.folder-icon {
	background: url('../images/icn_folder.png') no-repeat 50% 50%;
}

.row-icon.file-icon {
	background: url('../images/icn_file.png') no-repeat 50% 50%;
}

.row-icon.menu-icon {
	background: url('../images/icn_highlight.png') no-repeat 50% 50%;
}

.row-icon.user-icon {
	background: url('../images/icn_user_01.png') no-repeat 50% 50%;
}

.row-icon.leave-icon, .row-icon.overtime-icon {
	background: url('../images/icn_calendar_blue.png') no-repeat 50% 50%;
}

.leave-icon-gray {
	background: url('../images/icn_calendar_gray.png') no-repeat 50% 50%;
}

.row-icon.leave-btn_go_approve, .row-icon.overtime-btn_go_approve {
	background: url('../images/icn_approve.png') no-repeat 50% 50%;
}

.row-icon.leave-btn_go_reject, .row-icon.overtime-btn_go_reject {
	background: url('../images/icn_reject.png') no-repeat 50% 50%;
}

.row-icon.leave-btn_go_approve.approved,
.row-icon.overtime-btn_go_approve.approved,
.row-icon.leave-btn_go_review.approved,
.row-icon.overtime-btn_go_review.approved,
.row-icon.leave-btn_go_review.rejected,
.row-icon.overtime-btn_go_review.rejected
{
	background: url('../images/icn_unapprove.png') no-repeat 50% 50%;
}

.row-icon.user-icon.admin-icon {
	background: url('../images/icn_user_admin.png') no-repeat 50% 50%;
}

.row-icon.leave-btn_go_review, .row-icon.overtime-btn_go_review {
	background: url('../images/btn_review_leave.png') no-repeat 50% 50%;
}


.row-title,  .row-leavekind {
	width: 545px;
	height: 24px;
	padding-top: 11px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
.row-nav {
	width: 60px;
	height: 35px;
}

.folder-btn_go_edit, .file-btn_go_edit, .user-btn_go_edit, .menu-btn_go_edit {
	width: 26px;
	height: 35px;
	text-indent:-999999em;
	overflow: hidden;
	display: inline-block;
	background: url('../images/icn_edit.png') no-repeat 50% 50%;
}

.folder-btn_go_rem, .file-btn_go_rem, .user-btn_go_rem, .menu-btn_go_rem, .leave-btn_go_rem, .overtime-btn_go_rem  {
	width: 26px;
	height: 35px;
	text-indent:-999999em;
	overflow: hidden;
	display: inline-block;
	background: url('../images/icn_delete.png') no-repeat 50% 50%;
}


#overview_holder.overview_employees #overview {
	width: 680px;
}

#overview-filter {
	left: 5px;
	position: absolute;
	top: -45px;
}

#overview-filter label {
	color: #fff;
}

#overview-filter #filter-location, #overview-filter #filter-function {
	margin-right: 10px;
}

#overview_holder.overview_employees .item-row {
	height: 56px;
	background-color: #fff;
	overflow: hidden;
	width: 680px;
	margin-bottom: 1px;
}

.employee-row-small {
	height: 40px;
	padding: 8px;
	font-size: 11px;
	cursor: pointer;
	background: url('../images/icn_open.png') no-repeat right top;
}

.employee-row-small .employee-thumb {
	float: left;
	display: inline;
	width: 40px;
	margin-right: 12px;
}

.employee-row-small .employee-thumb img {
	width: 40px;
	height: 40px;
}

.employee-content-small {
	padding-top: 5px;
}

.employee-name-small {
	font-size: 14px;
	font-weight: bold;
}

.employee-location-small {
	display: block;
}

.employee-row-big {
	background-color: #fff;
	padding: 8px;
	position: relative;
	display: none;
}

.employee-image {
	float: left;
	display: inline;
	width: 180px;
	height: 180px;
	margin-right: 8px;
}

.employee-image img {
	width: 180px;
	height: 180px;
}

.employee-content-big {
	float: left;
	display: inline;
	width: 470px;
}

.employee-btn-linkedin {
	position: absolute;
	right: 15px;
	top: 50px;
	width: 15px;
	height: 15px;
}

.employee-btn-linkedin a {
	display: block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -999999em;
	background: url('../images/linkedin.png') no-repeat;

}

.employee-location-big {
	color: #fff;
	display: inline-block;
	height: 14px;
	padding-right: 15px;
	padding-left: 5px;
	background: url('../images/bg_location.png') no-repeat right top;
	margin-bottom: 10px;
	font-size: 11px;
}

.employee-btn-close {
	position: absolute;
	top: 12px;
	right: 16px;
	text-indent:-999999em;
	overflow: hidden;
	background: url('../images/close_user.png') no-repeat;
	width: 10px;
	height: 10px;
	cursor: pointer;
}

.employee-name-big {
	font-family:'CorporateAW01-CnRegular 885693';
	font-size: 36px;
	border-top: 1px dotted #333;
	border-bottom: 1px solid #333;
	margin-bottom: 5px;
}

.employee-function-big {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.employee-leave-big {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

.employee-phone, .employee-mobile, .employee-email {
	font-weight: bold;
	margin-bottom: 3px;
}

.employee-phone span, .employee-mobile span, .employee-email span {
	font-weight: normal;
}

.employee-email a {
	font-weight: normal;
	text-decoration: underline;
	color: #333;
}

.employee-day-off {
	position: absolute;
	top: 90px;
	right: 15px;
	width: 57px;
	height: 88px;

}

.employee-day-off.day-ma {background: url('../images/off_ma.jpg') no-repeat;}
.employee-day-off.day-di {background: url('../images/off_di.jpg') no-repeat;}
.employee-day-off.day-wo {background: url('../images/off_wo.jpg') no-repeat;}
.employee-day-off.day-do {background: url('../images/off_do.jpg') no-repeat;}
.employee-day-off.day-vr {background: url('../images/off_vr.jpg') no-repeat;}
.employee-day-off.day-za {background: url('../images/off_za.jpg') no-repeat;}

.row-leave ul {
	padding: 0;
	margin: 0;
}

.row-leave ul li {
	list-style-type: none;
	margin-right: 3px;
	border-top: 1px dotted #bbb;
	padding: 6px 0;
	color: #333;
}

.row-nav.employee-action {
	display: none;
}

.row-nav.employee-action.admin {
	display: block;
	float:none;
	display: block;
	height: 31px;
	background-color: #e8e8e8;
	margin-top: 0px;
	width: auto;
	position: relative;
}

.row-nav.employee-action.admin span {
	position: relative;
	top: -10px;
	margin-left: 180px;
	margin-top: 5px;
	font-weight: bold;
	font-size: 14px;
}

.employee-btn_go_edit {
/*	position: absolute;
	top: 0px;
	right: 8px;*/
	width: 26px;
	height: 31px;
	text-indent:-999999em;
	overflow: hidden;
	display: inline-block;
	background: url('../images/icn_edit_black.png') no-repeat 50% 50%;
}

.employee-btn_go_rem {
/*	position: absolute;
	top: 0px;
	right: 40px;*/
	width: 26px;
	height: 31px;
	text-indent:-999999em;
	overflow: hidden;
	display: inline-block;
	background: url('../images/icn_delete_black.png') no-repeat 50% 50%;
}

html.html_leave #overview_nav, html.html_leaveof #overview_nav, html.html_garant_form #overview_nav, html.html_editprofile #overview_nav  {
	position: relative;
	display: block;
	background-color: #fff;
	height: auto;
	width: 100%;
}

html.html_leave #overview, html.html_leave .item-row,
html.html_leaveof #overview, html.html_leaveof .item-row,
html.html_reservations #overview, html.html_reservations .item-row,
.html_overtime #overview, .html_overtime .item-row,
.html_overtimeof #overview, .html_overtimeof .item-row  {
	width: 695px;
	padding-left: 0px;
	height: auto;
}

html.html_leave .row-title, html.html_leaveof .row-title, .overtime-name {
	width: 320px;
}

html.html_leave .row-leavekind, html.html_leaveof .row-leavekind {
	width: 145px;
}

html.html_leave .row-nav, html.html_leaveof .row-nav, .overtime-action {
	width: 197px;
	color: #fff;
	font-weight: bold;
}

.overtime-action {
	width: 340px;
}

 html.html_leaveof .row-nav {
	 width: 340px;
}

.item-row .row-reason {
	display: none;
}

.item-row.hasreason .row-reason {
	clear: both;
	color: #fff;
	display: list-item;
	float: left;
	list-style: none;
	padding-bottom: 5px;
	margin-left: 33px;
}

html.html_leaveof #breadcrumbs li a, html.html_overtimeof #breadcrumbs li a {
	color: #fff;
	text-decoration: none;
}
html.html_leaveof #breadcrumbs li a:hover, html.html_overtimeof #breadcrumbs li a:hover {
	color: #00adef;
	text-decoration: none;
}
#approvable-only {
	background: url('../images/checkbox.png') no-repeat;
	background-position: top left;
	width: 100%;
	height: 14px;
	padding-left: 20px;
	color: #fff;
	cursor: pointer;
}
#approvable-only.checked {
	background-position: bottom left;
}
.leave-approved, .overtime-approved{
	position: relative;
	display: block;
	float: left;
	margin-top: 10px;
}
.leave-approved.approved, .overtime-approved.approved{
	color: #00adef;
}

.leave-approved.rejected, .overtime-approved.rejected {
	color: red;
}

.leave-showdate-date, .leave-showdate-text, .leave-showdate-link, .overtime-showdate-date, .overtime-showdate-text, .overtime-showdate-link {
	position: relative;
	display: block;
	float: left;
}

.leave-icon-gray, .overtime-icon-gray {
	display: block;
	float: none;
	position: absolute;
	right: 0;
	top: 2px;
}

.leave-btn_go_rem, .leave-btn_go_approve, .overtime-btn_go_rem, .overtime-btn_go_approve, .leave-btn_go_review {
	float: right;
	margin-right: 5px;
}

.leave-showdate-date, .leave-showdate-text, .overtime-showdate-date, .overtime-showdate-text {
	margin-top: 12px;
	color: #333;
	font-weight: bold;
}

.leave-showdate-link, .overtime-showdate-link {
	margin-top: 12px;
	color: #fff;
	font-weight: bold;
}

.leave-showdate-text, .overtime-showdate-text {
	width: 25px;
	margin-left: 10px;
}

.leave-showdate-date, .overtime-showdate-date {
	width: 92px;
}

.leave-showdate-link, .overtime-showdate-link {
	margin: 12px auto;
	width: 100%;
	text-align: center;
}

#form-add-leave, #form-add-overtime, #form-add-reserve, #service-product-form-container {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#form-add-leave-submit, #form-add-overtime-submit, #form-add-reserve-submit, #export-reserve-submit {
	background-color: #00adef;
	display: block;
	position: relative;
	float: left;
	margin: 35px 0 0 0;
	width: 80px;
	height: 40px;
}

#form-add-reserve-submit {
	position: absolute;
	margin: 0px;
	left: 0px;
	bottom: 10px;
}

#export-reserve-submit {
	position: absolute;
	width: 139px;
	margin: 0px;
	right: 0px;
	bottom: 10px;
}

#form-add-reserve .reserve-left,
#form-add-reserve .reserve-right {
	position: relative;
	float: left;
	height: 280px;
}

#form-add-reserve .reserve-left.disabled::after,
#form-add-reserve .reserve-right.disabled::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}


#form-add-reserve .reserve-left {
	border-right: dotted;
	border-width: 1px;
	width: 50%;
}

#form-add-reserve .reserve-left .title {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 20px;
}

#form-add-reserve .reserve-left label {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

#form-add-reserve .reserve-left .error-holder {
	margin-top: 5px;
}

#form-add-reserve .reserve-right {
	width: 49%;
}

#form-add-reserve .reserve-right .info {
	margin-left: 20px;
	font-size: 10px;
}

#form-add-reserve .reserve-showdate-link {
	position: absolute;
	color: #fff;
	top: 12px;
	left: 15px;
}

#form-add-reserve #export-reserve-submit .reserve-showdate-link {
	left: 24px;
}

#form-add-reserve .reserve-showdate-text {
	position: absolute;
	top: 12px;
	left: 20px;
}

#form-add-reserve .reserve-showdate-date {
	position: absolute;
	top: 12px;
	left: 20px;
	background-color: #ededed;
}

.overview_reserve #overview .row {
	position: relative;
	float: left;
	height: 24px;
	padding-top: 11px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	width: 100px;
}

.overview_reserve #overview .row-icon {
	width: 50px;
	background: url('../images/icn_calendar_blue.png') no-repeat 10px 9px;
}

.overview_reserve #overview .reserve-name {
	width: 140px;
}

.overview_reserve #overview .reserve-type {
	width: 170px;
}

.overview_reserve #overview .reserve-action {
	width: 20px;
}

.overview_reserve #overview .reserve-btn_go_rem {
	text-indent: -999999em;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/icn_delete.png') no-repeat 50% 50%;
	background-size: 12px auto;
}

.reserve-top {
	border-bottom: dotted;
	border-width: 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.reserve-top .select-title {
	display: inline-block;
	float: left;
	padding-top: 38px;
	margin-right: 80px;
	font-size: 10px;
	font-weight: bold;
}

.reserve-top label {
	display: block;
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: bold;
}

.reserve-location-select, .reserve-objecttype-select {
	display: block;
	position: relative;
	float: left;
	margin-top: 8px;
	padding: 0;
	font-weight: normal;
}

.reserve-location-select {
	margin-right: 50px;
}

.reserve-location-select select, .reserve-objecttype-select select {
	background-color: #ededed;
	border: none;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	padding: 10px;
	width: 156px;
}

.reserve-start-time input, .reserve-end-time input {
	width: 20px;
}

.leave-showdate, .overtime-showdate, .reserve-showdate {
	background-color: #ededed;
	display: block;
	position: relative;
	float: left;
	margin: 35px 13px 0 0;
	width: 140px;
	height: 40px;
	cursor: pointer;
}

.reserve-left .reserve-showdate {
	float: none;
	width: 150px;
	margin-top: 0;
	margin-bottom: 20px;
}

.reserve-start-time, .reserve-end-time {
	position: relative;
	float: left;
	width: 100px;
	margin: 0;
}

.reserve-end-time {
	margin-left: 17px;
}

.reserve-showdate .row-icon {
	position: absolute;
	top: 12px;
	right: 5px;
	background: url('../images/icn_calendar_gray.png') no-repeat 0 0;
}

.middle-left label {
	position: relative;
	float: left;
	width: 120px;
	margin-top: 20px;
}

.time-holder {
	position: relative;
	float: left;
	background-color: #ededed;
	padding: 10px;
}

.hours_check .label,
.leave-showdate .label, .leave-type-holder .label,
.overtime-showdate .label, .overtime-type-holder .label {
	position: absolute;
	top: -20px;
	left: 0;
	color: #000000;
	font-size: 10px;
}

.reserve-submit-success,
.leave-submit-success,
.overtime-submit-success {
	display: none;
	color: red;
	float: right;
	margin:8px 5px 0 0;
}

.hours_check {
	display: block;
	position: relative;
	float: left;
	margin: 35px 13px 0 5px;
	width: 37px;
	height: 40px;
}

.hours_check .box_holder {
	width: 18px;
	height: 19px;
	background: url('../images/bg_checkbox.png') no-repeat bottom left;
	display: block;
	cursor: pointer;
	margin-top: 9px;
	margin-left: 6px;
}

.hours_check .box_holder.active {
	background: url('../images/bg_checkbox.png') no-repeat top left;
}

.leave-type-holder {
	display: block;
	position: relative;
	float: left;
	margin: 35px 13px 0 0px;
	width: 140px;
	height: 40px;
	background-color: #ededed;
}

.leave-type-holder select {
	margin-top: 10px;
	margin-left: 10px;
	background-color: #ededed;
	border: none;
	font-weight: bold;
	color: #333;
	font-size: 12px;
}

.start-time, .end-time {
	background-color: #ededed;
	display: none;
	float: left;
	height: 24px;
	margin: 5px 13px 0 0;
	position: relative;
	width: 140px;
}

.leave-showtime-text {
	display: block;
	float: left;
	position: relative;
	color: #333;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 10px;
	width: 25px;
	margin-right: 20px;
}

.start-time input, .end-time input {
	width: 20px;
	border: none;
	margin: 3px 0 0 0;
	text-align: center;

}

.leave-remark-holder {
	display: none;
	margin-top: 13px;
	border: 1px solid #dddddd;
	padding: 10px;
	position: relative;
}

.overtime-remark-holder {
	margin-top: 13px;
	border: 1px solid #dddddd;
	padding: 10px;
	position: relative;
}

.leave-remark-holder textarea, .overtime-remark-holder textarea {
	border: none;
	width: 99%;
}

.ui-datepicker-current {
	display: none;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
	width: 100%;
}



html.html_overtime #overview_nav, html.html_overtimeof #overview_nav, html.html_reservations #overview_nav {
	background-color: #fff;
	display: block;
	height: auto;
	position: relative;
	width: 100%;
}

.overtime-showdate {
	background-color: #ededed;
	cursor: pointer;
	display: block;
	float: left;
	height: 40px;
	margin: 35px 13px 0 0;
	position: relative;
	width: 140px;
}

.overtime-showdate .label, .overtime-start-time .label, .overtime-end-time .label, .overtime-total-time .label {
	color: #000000;
	font-size: 10px;
	left: 0;
	position: absolute;
	top: -20px;
}

.overtime-showdate .overtime-showdate-text, .overtime-start-time .overtime-showtime-text, .overtime-end-time .overtime-showtime-text, .overtime-total-time .total{
	display: block;
	float: left;
	position: relative;
	color: #333;
	font-weight: bold;
	margin-top: 12px;
	margin-left: 10px;
	width: 25px;
}

.overtime-start-time .overtime-showtime-text, .overtime-end-time .overtime-showtime-text{
	margin-right: 5px;
}

.overtime-start-time, .overtime-end-time {
	background-color: #ededed;
	cursor: pointer;
	display: block;
	float: left;
	height: 40px;
	margin: 35px 13px 0 0;
	position: relative;
	width: 100px;
}

.overtime-start-time input, .overtime-end-time input {
	border: medium none;
	margin: 11px 0 0;
	text-align: center;
	width: 20px;
}

.service-type-holder select:disabled {
	display: none;
}

.overtime-total-time {
	background-color: #333333;
	color: #fff;
	display: block;
	float: left;
	height: 40px;
	margin: 35px 13px 0 0;
	position: relative;
	width: 100px;
}

.overtime-total-time .total {
	color: #fff;
	width: 100%;
	margin-left: 0;
	text-align: center;
}

.export-txt {
	color: white;
}

#maintenance_form, #garant_form, #no_service_form, #lease_input, #stack_input, #stack_input_action {
	display: none;
}

.service-type-holder {
	display: block;
	position: relative;
	float: left;
	margin: 35px 13px 0px 0px;
	width: 285px;
	height: 40px;
	background-color: #EDEDED;
}

.service-type-holder .label {
	position: absolute;
	top: -20px;
	left: 0px;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}
.service-type-holder select,
.service-type-holder input[type=text] {
	margin-top: 10px;
	margin-left: 10px;
	background-color: #EDEDED;
	border: medium none;
	font-weight: bold;
	color: #333;
	font-size: 12px;
	width: 265px;
}

#service-remark,
#service-remark textarea {
	height: 100px;
	width: 410px;
	float: right;
	display: inline;
}

#service-remark textarea {
	background: transparent none repeat scroll 0% 0%;
	width: 390px;
	height: 80px;
	border: medium none;
	position: relative;
	top: 10px;
	left: -10px;
}

#service-submit {
	width: 100%;
	background: none;
	margin-bottom: 15px;
	margin-top: 15px;
}

#form-maintenance .error-msg {
	float: left;
	width: 155px;
	margin-top: 13px;
}



.html_improvements #content {
	background-color: #fff;
}

#improvements_holder #improvements_form {
    margin-top: 10px;
}

#improvements_holder h1 {
    position: relative;
    width: 600px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding-top: 15px;
    color: #333333;
    font-size: 36px;
    font-family: 'CorporateAW01-CnRegular 885693';
}

#improvements_holder h2 {
    position: relative;
    width: 600px;
    margin: 0 auto 10px;
    background-color: #fff;
    text-align: center;
    height: 35px;
    padding-top: 10px;
    color: #333333;
    font-size: 14px;
    border-bottom: 1px dotted #333333;
    font-family: Arial, Helvetica, sans-serif;
}

#improvements_holder #form-improvements {
    width: 600px;
    margin: 0 auto;
}

#improvements_holder #form-improvements .input-holder {
    background-color: #ededed;
    display: block;
    float: left;
    height: 40px;
    margin: 35px 14px 0 0;
    position: relative;
    width: calc(50% - 7px);
}

#improvements_holder #form-improvements .input-holder:nth-child(2n) {
    margin-right: 0;
}

#improvements_holder #form-improvements .input-remark {
    width: 100%;
    height: auto;
    position: relative;
    background: transparent;
}

#improvements_holder #form-improvements .input-remark .error-holder {
    bottom: -12px;
    left: 0;
}

#improvements_holder #form-improvements .input-remark textarea {
    width: 100%;
    max-width: 600px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
}

#improvements_holder #form-improvements .input-holder .label {
    color: #000000;
    font-size: 10px;
    left: 0;
    position: absolute;
    top: -20px;
}

#improvements_holder #form-improvements .input-holder textarea:focus,
#improvements_holder #form-improvements .input-holder input:focus,
#improvements_holder #form-improvements .input-holder select:focus{
    outline: none !important;
}

#improvements_holder #form-improvements .input-holder input[type=text] {
    margin-top: 12px;
    margin-left: 10px;
    background-color: #EDEDED;
    border: medium none;
    font-weight: bold;
    color: #333;
    font-size: 12px;
    width: 265px;
}

#improvements_holder #form-improvements .input-holder input[type=file] {
    margin-top: 10px;
    margin-left: 10px;
}
#improvements_holder #form-improvements .input-holder span.upl_filename {
    margin-top: 14px;
    margin-left: 10px;
}

#improvements_holder #improvements_success {
	display: none;
}

#improvements_holder select {
    width: calc(100% - 20px);
	margin-top: 12px;
	margin-left: 10px;
	background-color: #ededed;
	border: none;
	font-weight: bold;
	color: #333;
	font-size: 12px;
}

#improvements_holder,
#improvements_holder textarea {
	height: 100px;
	width: 410px;
	display: inline;
}

#improvements_holder textarea {
	background: transparent none repeat scroll 0% 0%;
	height: 80px;
	border: medium none;
	position: relative;
}

#improvements_holder #form-improvements .submit-holder {
    width: 100%;
    margin-top: 10px;
    height: auto;
    background-color: transparent;
}

#improvements_holder .submit{
    display: inline-block;
	background: #00ADEF;
	padding: 15px;
	color: white;
	margin-bottom: 20px;
    float: right;
}

#improvements_holder .input-remark span.label{
	display: inline-block;
	width: 100%;
}

#improvements_holder .error-msg {
	float: left;
	width: 155px;
	margin-top: 13px;
}

#improvements_holder #improvements_success h1 {
    position: relative;
    width: 600px;
    height: 85px;
    border-bottom: 1px dotted #333333;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding-top: 15px;
    color: #333333;
    font-size: 36px;
    font-family: 'CorporateAW01-CnRegular 885693';
}

#improvements_holder #improvements_success p {
    position: relative;
    width: 600px;
    margin: 0 auto;
    padding: 15px 0 20px;
}

#improvements_holder p.required-message {
    position: absolute;
    font-size: 10px;
}

.btn_go_edit {
	position: absolute;
	right: 10px;
	top: 79px;
}

#required-label {
	position: absolute;
	color: #000;
	top: 36px;
	right: 50px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.btn_go_edit a {
	color: #00adef;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

.btn_exportLeave, .btn_exportOvertime, .btn_exportNewOvertime, .btn_exportNewLeave {
	background: rgb(0, 173, 239) none repeat scroll 0% 0%;
	border: 0px none;
	padding: 8px;
	color: white;
	font-weight: bold;
	margin-left: 10px;
}

#twofa_wrapper {
	display: none;
}

#forgot_password_wrapper {
	display: none;
}

#forget-password-button, #forget-password-back {
	margin-left: 35px;
	position: absolute;
	font-size: 10px;
	font-weight: bold;
	color: #00adef;
}

#forgot-password-explain {
	margin: 0 35px;
	font-size: 10px;
	margin-top: 20px;
}

#fpw-loader {
	display: none;
}

#fpw-loader img {
	margin: 0px auto;
	display: block;
	padding: 25px 0;
}

/*EDIT PROFILE CURRENT USER*/
#form-upd-user-succes-msg {
	display: none;
	padding: 50px;
	font-size: 10px;
	font-weight: bold;
}

#form-upd-user-submit {
	float: right;
	background: #00ADEF;
	padding: 15px;
	color: white;
	margin-bottom: 15px;
}

#form-upd-user-cancel {
	float: right;
	margin-left: 5px;
}

#form-upd-user .label_holder.single_page {
	width: 200px;
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: bold;
}

#form-upd-user .input_holder.single_page {
	background: #ececec;
	width: 200px;
}

 #form-upd-user .input_holder.single_page input[type="password"] {
	background: transparent;
	border:none;
	padding: 8px;
	width: 184px;
 }

#forget-pw-error {
	text-align: center;
	color: red;
	padding-top: 15px;
}


/* INFO/MANUAL BUTTON */
#btn_leave_info {
	background: url("../images/btn_info_overuren.png") no-repeat scroll 0px 0px;
	height: 25px;
	width: 25px;
	display: inline-block;
	text-indent: -999999em;
	float: right;
	margin-top: 10px;
}

#btn_leave_info:hover {
	background-position: left bottom;
}


/* REVIEW-REJECT LOGIC */
#JS_popup_review_leave .button_holder {
	margin-bottom: 12px;
	margin-right: 0px;
}

#JS_popup_review_leave {
	max-height: 90%;
	overflow: auto;
}

#JS_popup_review_leave .item-row {
	width: 356px;
	margin-bottom: 5px;
}

#overlap-overview-inreview .item-row {
	background: #e6e6e6;
}

#JS_popup_review_leave .employee-row-small {
	background: none;
}

#JS_popup_review_leave .employee-row-small .employee-thumb img {
	padding-top: 5px;
}

#leave-overlap-approved,
#leave-overlap-inreview {
	display:none;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.pop_reject_holder {
	display: none;
	padding: 20px;
}

.item-row.hasreason .row-reason-rejected {
	clear: both;
	color: #FFF;
	list-style: none;
	float: left;
	padding-bottom: 5px;
	font-weight: normal;
	margin-left: 33px;
	display: list-item;
	text-decoration: underline;
}

.employee-thumb.no-employee-image {
	background: url('../images/icn_user_admin.png') no-repeat;
	background-position: center;
	height: 40px;
}