@CHARSET "UTF-8";

html, body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	width: 100%;
}
html.defaultHtml {
	min-height: 100%;
	background: url(../images/bg_c.gif) !important;
	background-repeat: repeat;
	background-position: bottom center;
}

.mceWhiteBody { background:#fff !important;padding:5px;width:98%; }  /* tinymce */
.center{ text-align:center;}
img { border: 0px; }

.toolbox { float: right; }
.toolbox a { margin-left: 5px; }
.toolbox .item { float: left; text-align: center; margin-left: 10px; }

.pointer { cursor: pointer; }
.handle-move-up-down { padding: 5px 3px 3px 3px; }
.error { font-style: italic; color: #ff0000; }
.error input[type='text'], input.error { border: 1px solid #f00; }

.note { font-style: italic; font-size: 10px; font-weight: normal; }

fieldset { background-color: #fff; border:1px solid #eaeaea; }
fieldset legend { font-weight: bold; color: #0055ff; background-color: #1f4285; color: #fff; }

.auth-box {
	border: 1px solid #eaeaea;
	width: 300px;
	padding: 5px 25px;
	margin: 20px auto;
}

.wrapper {
	position: relative;
	width: 1210px;
	margin: auto;
}
.footer-spacer {
	clear: both;
	height: 18px;
	margin-top: 50px;
	background: #0e91c9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015e85', endColorstr='#0e91c9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#015e85), to(#0e91c9));
	background: -moz-linear-gradient(top,  #015e85,  #0e91c9);
}

.header {
	position: relative;
	margin-top: 10px;
	height: 66px;
}
.header .header-text { position: absolute; top: 10px; width: 200px; left: 400px; background-color: #0e77ac; color: #fff; font-size: 16px; font-weight: bold; text-align: center; padding: 14px 0px; }
	.xbreadcrumbs{position:relative;z-index:100;clear:both;background:#fff;border:1px solid #eee;margin:0 0 16px;display:block;height:25px;}
		.xbreadcrumbs li ul{position:absolute;background:#fff;border:1px solid #eee;font-size:13px;width:175px;top:26px;left:-7px !important;padding:3px 12px}
		.xbreadcrumbs ul.first {left:-1px !important}
		.xbreadcrumbs li,.xbreadcrumbs ul,.xbreadcrumbs ul li{list-style:none;margin:0;padding:0}
		.xbreadcrumbs li{float:left}
		.xbreadcrumbs ul{}
		.xbreadcrumbs li{height:25px;padding:5px;line-height:25px;}
		.xbreadcrumbs li.parent {background: url("../images/crumbs.gif") no-repeat right center;border-right:none;padding-left: 10px;padding-right: 15px;position:relative}
		.xbreadcrumbs li.current{background:none}
		.xbreadcrumbs li a{font-size:14px}
		.xbreadcrumbs li.current a{color:#222}
		.xbreadcrumbs li ul li{float:left;width:100%;border-right:none;height:auto}
		.xbreadcrumbs li ul li a{text-decoration:none;display:block;border-bottom:1px dotted #ccc;padding:4px}
		.xbreadcrumbs li ul li:last-child a{border-bottom:none}
		.xbreadcrumbs li ul li a:hover{text-decoration:none;background:#f7f7f7}
		.breadcrumbs_sticky {left:0 !important;width:100%;z-index:1200;background:rgba(255,255,255,0.8)}
.header-info { position: absolute; left: 10px; top: 0px;height:66px; }
.division-info { font-size: 25px; font-weight: bold; color: #1d4189; }
.auth-info { margin-top: 5px; }
.time-info { margin-top: 2px; }

	#main_nav {text-align:left;font-size:13px;margin-bottom:-20px;}
		#main_nav .nav_item {position:relative;display:block;margin:10px;text-align:center;float:left;border:1px solid #ccc;background: #f2f2f2;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);-webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;-moz-box-shadow: inset 0px 0px 0px 1px #ffffff;box-shadow: inset 0px 0px 0px 1px #ffffff;border-radius:6px;min-width:45%;}
		#main_nav .nav_item2 {position:relative;display:block;margin:10px;text-align:center;float:right;border:1px solid #ccc;background: #f2f2f2;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);-webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;-moz-box-shadow: inset 0px 0px 0px 1px #ffffff;box-shadow: inset 0px 0px 0px 1px #ffffff;border-radius:6px;min-width:45%;margin-right:6.5%;}
		#main_nav .main_link {text-decoration:none;color:#222;display:block;padding:10px 10px;min-width:52px}
		#main_nav .main_link span {display:block;text-align:center;cursor:pointer}
		#main_nav .main_link .img_holder {height:30px;width:38px;padding-bottom:4px;background-repeat:no-repeat;background-position:center center}
		#main_nav .tick {display:none;position:absolute;bottom:-7px;left:50%;margin-left:-6px}
		#main_nav .nav_item:hover,#main_nav li.active {background:#fff}
		#main_nav .active .tick {display:block}
.errors {
	clear: both;
	margin: 10px 0px 10px;
	background-color: #feb6c0;
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 10px 0px 0px 10px;
	border-radius:6px;
}

.error-label { color: #f00; }
.error-field { border: 1px solid #ff0000; }
a.error-field { border: 1px solid #ff0000 !important; color: #f00 !important; }


table { border-spacing: 0px; }
table th, table td { font-size: 12px; padding-right: 10px; }
table th { text-align: left; font-weight: normal; }
table .td-move-up-down { width: 10px; text-align: center; vertical-align: middle; }

.tbl-td-valign-top td { vertical-align: top; }


h1 {
	color: #001581;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 3px;
}
h2 { color: #ff7f18; margin: 10px 0px 3px; font-size: 16px; }
h2 a { color: #ff7f18; text-decoration:underline; }
h3 { margin: 10px 0px 5px; color: #ff7f18; font-weight: normal; }


a { text-decoration: none; color: #1f4285; }
a:hover, a.active{color:#ff7f18;}

.window-popup >div { padding: 10px 0px 0px 10px; }


.top-menu {
	height: 24px;
	background-color: #e6e6e6;
	margin: 12px 0px;
	line-height: 24px;
	padding-left: 10px;
}


#page-wrapper {
	position: relative;
	width: 1210px;
	margin: auto;
	
}

.page-wrapper-bottom-padding {
	padding-bottom: 115px;
}

.content {
	clear: both;border:1px solid #ccc;background:#fff;padding:16px 16px 10px;height:100%;display: table;border-radius:6px;width: 1190px;
}


.temp-message {
	border: 1px solid #555;
	text-align: center;
	width: 600px;
	font-style: italic;
	padding: 10px 0px;
	margin: 0px auto 20px auto;
	background-color: #FFFFCC;
}


.datepicker {
	background-image: url('../images/icon_calendar-input.png');
	background-repeat: no-repeat;
	background-position: top right;
	width: 95px;
	line-height: 15px;
}


.fieldset-with-toolbox { position: relative; }
.fieldset-with-toolbox .fieldset-toolbox { position: absolute; right: 0px; top: -16px; }




.step-tab-container-3 { padding-left: 26px; }
/*.step-tab-container-3 .step1, .step-tab-container-3 .step2 { margin-right: 25px; }*/
.step-tab-container-3 .step { float: left; width: 179px; border: 1px solid #909090; text-align: center; padding: 10px 0px; background-color: #fdffee; }
.step-tab-container-3 .step { margin-right: 12px; }
.step-tab-container-3 .step:last-child { margin-right: 0px; }
.step-tab-container-3 .step-active { background-color: #fffeb9; }

.step-form-container .step-form { display: none; }
.step-form-container #step-form-1 { display: block; }

.step-container-footer-link { margin: 10px auto 0px; clear: both; }
.step-container-footer-link td { text-align: center; vertical-align: middle; white-space: nowrap; }
.step-container-footer-link .item1 { width: 100px; }
.step-container-footer-link .item2 { width: 126px; padding: 0px 10px; }
.step-container-footer-link .item3 { width: 100px; }




/*** globale css onderdelen ***/
.foot-note { margin-top: 25px; }

.tbl-form th { text-align: left; font-weight: normal; }
.tbl-form textarea { width: 100%; height: 75px;background:#fff;}
.tbl-form input[type='text'] { width: 250px; }


/* uitlijning table */
.tablescroll_head thead th span { position: relative; left: 4px; }
.tablescroll_foot tfoot td input { position: relative; left: -4px; }

.tbl-list {width:99%;margin:0 auto 10px;text-align:left;background:#fff}
		.tbl-list td,.tbl-list th {border:1px solid #eaeaea;padding:3px;}
		
		.tbl-list thead th,.tbl-list thead td{background:#1f4285;padding-top:7px}
		.tbl-list td,.tbl-list th,.tbl-list caption{padding:5px}
		.tbl-list .even td,.tbl-list .even th {background:#f5f5f5}
		.tbl-list tr:nth-child(even) {background: #f5f5f5}
		.chb_col {width:16px !important;vertical-align:middle;text-align:center}
		.tbl-list caption{font-size:13px}

.tbl-list th:first-child, .tbl-list td:first-child { padding-left: 5px; }
.tablescroll_head, .tbl-list { width: 99%; }
.tablescroll_head th, .tbl-list th { text-align: left; vertical-align: top; background:#1f4285;color: #fff;height:20px; }
.tablescroll_head thead th, .tbl-list thead th { border-bottom: 0px solid #ff7f17; }
.tbl-list .row-no-0 td { padding-top: 5px; }

.tbl-list .select-row { background-color: #ff7f17; color: #fff; }
.tbl-list .selected { background-color: #ff7f17 !important; color: #fff; }

.tbl-list td.actions { text-align: right; }
.tbl-list .row1 { background-color: #e1e1e1; }

.tbl-list tr:hover { background-color: #ff7f17; color: #fff; }
.tbl-list tr:hover a { color: #fff; }
.tbl-list thead tr:hover { background-color: inherit; }
.tbl-list tfoot tr:hover { background-color: inherit !important; color: #000; }

.tbl-list tbody.footer td { border-top: 0px solid #eaeaea; }
.tbl-list { line-height: 18px; }


.tbl-rows-clickable tbody tr { cursor: pointer; }


.item-list { clear: both; }
.item-list .item { clear: both; }
.item-list .actions { float: right; }


ul.link-list { margin-left: 5px; padding-left: 0px; }
ul.link-list li { list-style: none; background-image: url('/images/icon_arrow-right.png'); background-repeat: no-repeat; padding-left: 21px; background-position: 0px 1px; }



/*** main menu ***/
ul.mainmenu { padding: 0px; margin: 0px; display:inline-block }
ul.mainmenu li { list-style: none; margin: 10px 10px 10px 10px; border: 1px solid #909090; width: 255px;height:35px;  text-align: center;background: #f2f2f2;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);-webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;-moz-box-shadow: inset 0px 0px 0px 1px #ffffff;box-shadow: inset 0px 0px 0px 1px #ffffff;border-radius:6px;border:1px solid #ccc;}
ul.mainmenu li:hover{background:#fff;}
ul.mainmenu li a { display: block; width: 100%; padding: 10px 0px 10px 0px; }
ul.mainmenu li a:hover { }




.menu-icon-user { background-image: url('../images/menu-icon_user.png'); background-repeat: no-repeat; background-position: 22px 6px; }
.menu-icon-contracts { background-image: url('../images/menu-icon_contracts.png'); background-repeat: no-repeat; background-position: 22px 6px; }
.menu-icon-invoice { background-image: url('../images/menu-icon_wallet.png'); background-repeat: no-repeat; background-position: 17px 6px; }
.menu-icon-invoices-bulk { background-image: url('../images/menu-icon_invoices.png'); background-repeat: no-repeat; background-position: 22px 6px; }
.menu-icon-log { background-image: url('../images/menu-icon_log.png'); background-repeat: no-repeat; background-position: 22px 6px; }
.menu-icon-settings { background-image: url('../images/menu-icon_settings.png'); background-repeat: no-repeat; background-position: 22px 6px; }
.menu-icon-overview { background-image: url('../images/menu-icon_overview.png'); background-repeat: no-repeat; background-position: 20px 6px; }
.menu-icon-floorplan { background-image: url('../images/menu-icon_floorplan.png'); background-repeat: no-repeat; background-position: 22px 6px; }
.menu-icon-mail { background-image: url('../images/menu-icon_mail.png'); background-repeat: no-repeat; background-position: 23px 6px; }
.menu-icon-mail-no-mail { background-image: url('../images/menu-icon_mail-no-mail.png'); background-repeat: no-repeat; background-position: 23px 6px; }
.menu-icon-import-export { background-image: url('../images/menu-icon_import-export.png'); background-repeat: no-repeat; background-position: 21px 6px; }

.menu-icon-calllist { background-image: url('../images/menu-icon_phone.png'); background-repeat: no-repeat; background-position: 22px 6px; }

.menu-icon-access-control { background-image: url('../images/menu-icon_access-control.png'); background-repeat: no-repeat; background-position: 25px 6px; }
.menu-icon-bank { background-image: url('../images/menu-icon_bank.png'); background-repeat: no-repeat; background-position: 22px 6px; }
.menu-icon-manual-collection { background-image: url('../images/menu-icon_manual-collection.png'); background-repeat: no-repeat; background-position: 13px 6px; }
.menu-icon-convert-account-numbers-to-iban { background-image: url('../images/icon_convert-iban.png'); background-repeat: no-repeat; background-position: 23px 6px; }

.menu-icon-courselist { background-image: url('../images/menu-icon_looplijst.png'); background-repeat: no-repeat; background-position: 22px 6px; }


/*** stamgegevens ***/

.frontend-stam-companysettings .fieldset-left  { float: left; width: 400px; }
.frontend-stam-companysettings .fieldset-right { float: left; width: 400px; margin-left: 45px; }
.frontend-stam-companysettings .fieldset-right input[type='text'] { width: 250px; }
.frontend-stam-companysettings .tbl-renewal-term input[type='text'] { width: 35px; }
.frontend-stam-companysettings th { vertical-align: middle; }

.call-list-settings input[type='text'] { width: 30px; }


/*** customer list ***/

#tbody-customers tr {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*** customer-module ***/
form.customer .container-row-1 { float: left; width: 33%; }
form.customer .container-row-1 input[type='text'] { width: 225px; }
form.customer .container-row-1 input[name='birthday'] { width:225px; }

form.customer .container-row-2 { float: left; width: 33% }
form.customer .container-row-2 input[type='text'] { width: 225px; }
form.customer .container-row-2 input[name='keycode'] { width: 225px; }
form.customer .container-row-3 { float: left; width: 33% }
form.customer table th { width: 225px; }

form.customer table.tbl-info { width: 100%; }
form.customer table.tbl-info textarea { width: 100%; height: 75px;background:#fff; }
form.customer #postpone_invoice_reminder_days { width: 50px; }

form.customer .header-address th { text-align: center; }

.customer-type-particulier th { color: #9a9a9a; }

/*** customer type-module ***/
.frontend-stam-customer_type table th { vertical-align: middle; }



.storage-list { margin-bottom: 25px; }


.tbl-edit-storage { width: 400px; }
.tbl-edit-storage textarea { width: 100%; height: 75px;background:#fff; }


/*** floorplan page ***/
.storage-list li.selected { font-weight: bold; }
.icon-list li.selected { font-weight: bold; }

#floorplan { width: 100%; width: 750px; }
.floorplan-storages { float: left; width: 175px; margin-right: 20px; }
.floorplan-toolbar { height: 26px; padding: 8px 0px; margin: 0px; }
.floorplan-toolbar li { float: left; list-style: none; margin: 0px 0px 0px 15px; padding: 0px; }
.floorplan-toolbar li img { cursor: pointer; }

.frontend-stam-floorplan ul.storage-list { height: 200px; overflow-y: auto; }


/*** invoice edit ***/
.tbl-invoice-customer { width: 500px; }
.tbl-invoice-customer th { width: 100px; }
.tbl-invoice-customer textarea { width: 100%; height: 75px;background:#fff; }

.tbl-invoice-lines { width: 1160px; }
.tbl-invoice-lines th, .tbl-invoice-lines td { text-align: right; }
.tbl-invoice-lines .td-invoice_line_debet_credit { text-align: left; }
.tbl-invoice-lines .td-invoice_line_description { text-align: left; }

.tbl-invoice-lines tfoot td { font-weight: bold; font-size: 13px; text-align: right; padding-top: 5px; }

.frontend-invoice-edit .comment-container { clear: both; width: 285px; margin: 10px 0px 0px; }
.frontend-invoice-edit .comment-container #comment { width: 575px; height: 50px; }
.tbl-invoice-customer { float: left; width: 285px; margin-right: 25px; }
.frontend-invoice-edit .payment-failed td.price { text-decoration: line-through; }
.frontend-invoice-edit .price { text-align: right; padding-right: 25px; }


/*** overview invoices (frontend/invoice/list) ***/
.frontend-invoice-list .insufficient-paid { color: #f00; }
.frontend-invoice-list .overpayment { color: #0f0; }


/*** frontend/contract/addController ***/
.frontend-contract-add .tbl-room-storage-list .in-use { background-color: #ffb2b2; cursor: auto !important; }
.frontend-contract-add input[name='invoice_line_number'] { width: 50px; }


/*** edit contract ***/
.tbl-contracts th { white-space: nowrap; }

.fieldset-customer-type { float: left; width: 125px; margin-right: 10px; height: 100px; }

.fieldset-room-types { float: left; width: 125px; margin-right: 10px; min-height: 150px; margin-bottom: 25px; }
.fieldset-room-types .room-type-list .selected { background-color: #B7DCFF; }

.tbl-selected-room-storages .room_storage_discount { width: 45px; }
.tbl-selected-room-storages .room_storage_purpose { width: 350px; }


.step-form-container .left-bar { float: left; width: 130px; margin-right: 25px; padding-right: 15px; }
.step-form-container .left-bar fieldset { width: 100%; }
.tbl-contract-invoice-lines { float: left; width: 825px; }
.tbl-contract-invoice-lines th, .tbl-contract-invoice-lines td { text-align: right; padding-right: 10px; }
.tbl-contract-invoice-lines th:first-child { text-align: left; }
.tbl-contract-invoice-lines th:first-child, .tbl-contract-invoice-lines td:first-child { text-align: left; }
.tbl-contract-invoice-lines tr { cursor: pointer; }
.tbl-contract-invoice-lines tr.selected { background-color: #B7DCFF; }
.tbl-contract-invoice-lines tfoot td { text-align: right !important; font-weight: bold; }
.tbl-contract-invoice-lines tfoot tr:hover { background-color: inherit !important; cursor: auto; }
.tbl-contract-invoice-lines tfoot tr.total-invoice td { color: #ff0000; padding-top: 10px; }

.tbl-payment-overview th, .tbl-payment-overview td { text-align: right; }
.tbl-payment-overview tfoot td { padding-top: 5px; font-weight: bold; }

#advance_payment, #renewal_term { width: 35px; }


.contract-merchandise-container { width: 435px; float: left; }
.tbl-contract-merchandise { width: 200px; }
.tbl-contract-merchandise th, .tbl-contract-merchandise td { padding-right: 10px; }
.tbl-contract-merchandise tr:hover { cursor: pointer; }

#edit_invoice_line-container { float: right; margin-left: 25px; width: 450px; }



.invoice-data tr.selected { background-color: #b7dcff; }
.invoice-data tr.invoice-data-row { cursor: pointer; }

/*** registerController ***/
.frontend-customer-register .customer-settings { float: left; width: 33%;margin-bottom:15px;}
.frontend-customer-register .overview-contracts { float: left; width: 33%; margin-left: 10px; margin-right: 12px;margin-bottom:15px; }

.overview-contracts .contract-list { position: relative; margin: 0px; padding: 0px; height: 90px; overflow-y: auto; overflow-x: hidden; }
.overview-contracts .contract-list .active { background-color: #B7DCFF; }
.overview-contracts .contract-list .inactive-contract { color: #ff0000; }

.frontend-customer-register .overview-contracts .contract-list table td:first-child { text-align: right; padding-right: 10px; }
.frontend-customer-register .btn-container-active-only { position: absolute; top: -7px; right: 0px; }
.frontend-customer-info-customer fieldset { height: 175px; position: relative; }
.frontend-customer-registerinfo-contract fieldset.overview-contract { height: 125px; position: relative; }
.frontend-customer-register .contract-fieldset-head fieldset { height: 175px; position: relative; }


.frontend-customer-register .no-contract { margin-top: 45px; font-style: italic; text-align: center; }


.frontend-customer-register .button-spacer { margin-top: 50px; }

.register-bottom-buttons div, .register-bottom-buttons2 div { float: left; display:block;margin:7px;text-align:center;float:left;border:1px solid #ccc;background: #f2f2f2;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);-webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;-moz-box-shadow: inset 0px 0px 0px 1px #ffffff;box-shadow: inset 0px 0px 0px 1px #ffffff;border-radius:6px;display:inline-block; }
.register-bottom-buttons div.lieve, .register-bottom-buttons2 div .lieve { float: left; display:block;margin:7px;text-align:center;float:left;border:1px solid #ccc;background: #E1E1E1;background: -moz-linear-gradient(top, #f6f6f6 0%, #E1E1E1 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%,#E1E1E1));background: -webkit-linear-gradient(top, #f6f6f6 0%,#E1E1E1 100%);background: -o-linear-gradient(top, #f6f6f6 0%,#E1E1E1 100%);background: linear-gradient(top, #f6f6f6 0%,#E1E1E1 100%);-webkit-box-shadow: inset 0px 0px 0px 1px #f6f6f6;-moz-box-shadow: inset 0px 0px 0px 1px #f6f6f6;box-shadow: inset 0px 0px 0px 1px #f6f6f6;border-radius:6px;display:inline-block; }
.register-bottom-buttons div:hover, .register-bottom-buttons div.active {background:#fff}
.register-bottom-buttons div a, .register-bottom-buttons div span { display: block; width: 70px; height: 50px; line-height: 50px; }
.register-bottom-buttons div.ml a, .register-bottom-buttons div.ml span { line-height: normal; padding-top: 10px; height: 40px; }

.register-bottom-buttons2 div a, .register-bottom-buttons2 div span { display: block; width: 75px; height: 40px; line-height: 40px; }
.register-bottom-buttons2 div.ml a, .register-bottom-buttons2 div.ml span { line-height: normal; padding-top: 5px; height: 35px; }


.note-popup-container textarea { height: 75px; width: 600px;background:#fff; }

/** register scroll-dingen **/

.tbl-register th { padding-right: 0px; }
.tbl-register .tbl-header div { float: left; }
.tbl-register .rows div div { float: left; }

.tbl-register .tbl-header div { line-height: 18px; border-right: 1px solid #eaeaea; padding-right: 2px; background-color: #1f4285; color: #fff; line-height: 20px; }
.tbl-register .tbl-header div:last-child { border-right: 0px; border-right: 0px; }

.tbl-register .rows div { line-height: 18px; border-right: 1px solid #eaeaea; padding-right: 2px; }
.tbl-register .rows .row0 div:last-child, .tbl-register .rows .row1 div:last-child { border-right: 0px; padding-right: 10px; }

.tbl-register .rows .row0 div { background-color: #fff; }
.tbl-register .rows .row1 div { background-color: #e1e1e1; }
.tbl-register .footer div { float: left; line-height: 18px; border-right: 1px solid #eaeaea; padding: 5px 2px 5px 0px; }
.tbl-register .footer div:last-child { border-right: 0px; }

 .note-automatic-collection
, .note-checked-out-on
, .note-blocked { background-color: #c60920; color: #fff; margin: 0px 3px 0px 2px; padding: 2px; font-weight: bold; max-width: 460px; }

.note-checked-out-on{margin-top:14px ;max-width:102% ;display:block ;}





.frontend-customer-register .tbl-contract-overview td, .frontend-customer-register .tbl-contract-overview th { text-align: right; padding-right: 10px; }
.frontend-customer-register .tbl-contract-overview th:first-child, .frontend-customer-register .tbl-contract-overview td:first-child { text-align: left; width: 350px; }

.frontend-customer-register .fieldset-with-toolbox { padding-bottom: 0px; }

.popup-rental th { vertical-align: middle; }
.popup-rental input[type='text'] { width: 100px; }
.popup-rental tbody#rental-discount tr:last-child td { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.popup-rental tbody#discount-vat tr:last-child td { border-bottom: 1px solid #ccc; padding-bottom: 5px; }

.popup-merchandise th { vertical-align: middle; }
.popup-merchandise input[type='text'] { width: 100px; }
.popup-merchandise tbody#rental-discount tr:last-child td { border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.popup-merchandise tbody#discount-vat tr:last-child td { border-bottom: 1px solid #ccc; padding-bottom: 5px; }

.frontend-customer-register .outstanding-amount { color: #f00; }


/*** paymentController ***/
.frontend-customer-payment .customer-settings { float: left; width: 300px; }
.frontend-customer-payment .contract-settings { float: right; width: 450px; }

.frontend-customer-payment .tbl-payment { white-space: nowrap; }
.frontend-customer-payment .tbl-payment input { width: 75px; text-align: right; }
.frontend-customer-payment .tbl-payment input[name='payment_info'] { width: 100%; text-align: left; }

.invoice-foot-note-line { width: 300px; }

/*** floorplan occupation popup ***/
.room-storage-occupation-popup textarea { width: 600px; height: 75px;background:#fff;  }
.room-storage-occupation-popup .metrics td { padding-right: 25px; }

.floorplan-status-overview  { margin: 0px; padding: 0px; }
.floorplan-status-overview li { float: left; display: block; width: 85px; list-style: none; margin-right: 10px; text-align: center; padding: 10px 0px; border: 1px solid #ccc; }
.floorplan-status-overview li:last-child { margin-right: 0px; }



/*** mailboxController ***/
.frontend-email-mailbox .mailboxes { float: left; width: 165px; background-color: #fff; margin-right: 20px; padding: 10px 0px; }
.frontend-email-mailbox .mailboxes ul { list-style: none; padding-left: 0px; }
.frontend-email-mailbox .mailboxes li { padding-left: 18px; font-size: 13px; line-height: 18px; }
.frontend-email-mailbox .mailboxes li.selected { font-weight: bold; background-color: #fef3e6; }

.frontend-email-mailbox .tbl-list { float: left; width: 1160px; }



/*** importexport/bankController ***/



.frontend-importexport-manualcollection #payment_batch_line-info { float: right; width: 400px; margin-top: 25px; }
.frontend-importexport-bank fieldset { margin-left: 0px; margin-right: 0px; }


.iban-validated { border: 1px solid #0f0; }




/*** frontend/stam/accesscontrol ***/
.frontend-stam-accesscontrol #tbody-timezones     tr td:first-child input[type='text'] { width: 35px; }  /* code */
.frontend-stam-accesscontrol #tbody-access_levels tr td:first-child input[type='text'] { width: 35px; }  /* code */




.frontend-email-mailbox table td { padding-right: 0px; }
.frontend-email-mailbox #tbody-email-out td { vertical-align: top; }