@charset "utf-8";
/**
 * 	Main style sheet for selection pages
 * 	overwrites Generic CSS for CakePHP
 *  vrachtbrief.kunstrijders.nl
 *  included in: 
 *	version: v0.73 dkr
 */
 
 
/*  @fontface  */
@font-face {
    font-family: 'Nobelle';
    src: url('../fonts/AN Nobelle Regular.eot');
    src: url('../fonts/AN Nobelle Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AN Nobelle Regular.woff') format('woff'),
         url('../fonts/AN Nobelle Regular.ttf') format('truetype'),
         url('../fonts/AN Nobelle Regular.svg#Nobelle Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nobelle';
    src: url('../fonts/AN Nobelle Bold.eot');
    src: url('../fonts/AN Nobelle Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AN Nobelle Bold.woff') format('woff'),
         url('../fonts/AN Nobelle Bold.ttf') format('truetype'),
         url('../fonts/AN Nobelle Bold.svg#Nobelle Bold') format('svg');
    font-weight:bold;
    font-style: normal;
}


/*@font-face {
  font-family: "Nobelle";
  src:  url('../../../fonts/SimpleLLWeb-Regular.woff2') format('woff2'),
        url('../../../fonts/SimpleLLWeb-Regular.woff') format('woff');
  font-weight:normal;
}

@font-face {
  font-family: "Nobelle";
  src: 	url("../../../fonts/SimpleLLWeb-Bold.woff2") format("woff2"),
  		url("../../../fonts/SimpleLLWeb-Bold.woff") format("woff");
  font-weight:bold;
}
*/
 
 body,
button,
input,
select,
textarea,
.cke_editable {
	color:#555;
	font-family: /*"Courier New", Courier, monospace,*/ Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3;
	
}
article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

html{
	overflow-y: scroll;
	overflow-x:none;
}

body {
	/*background: url("images/fx/bg_01.jpg") repeat fixed 0 0 rgba(0, 0, 0, 0);*/
	min-height:100%;
	background-color:transparent;
}

/***** COMMON */
a {
	color:inherit;
	
}

a:focus,
a:hover,
a:active {
	outline: 0;
	text-decoration:underline;
}

a:active,
a:hover {
	/*color:#FF5A00;*/
	/*text-decoration:underline;*/
	text-decoration:none;
}

/* clearfix ( clear floats ) */
.clrfx:before,
.clrfx:after {
    content: "";
    display: table;
}
.clrfx:after {
    clear: both;
}

.fullabs{
	position:absolute;
	top:0; left:0; bottom:0; right:0;	
}

/*** HEADINGS **/
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5{
    font-weight: normal;
    margin-bottom: 0.5em;
	color:inherit;
	background:none;
}

h1,.h1{
	font-size:200%;
	font-weight:bold;
}

h2,.h2{
	font-size:200%;
	font-weight:bold;
}

	

h3,.h3{
	font-size:150%;
	font-weight:bold;
}

h4,.h4{
	font-size:100%;
	font-weight:bold;
}

h5,.h5{
	font-size:90%;	
}

/***** STRUCTURE */

.site {
	position: relative;
	margin:0 auto;
	display:block;
	/*min-width:1024px;*/
	min-height:100%;
}
.site.fixed{
   position: fixed;
   width: 100%;
}

.site-main{
	/*min-width:1024px;*/
	margin:0 auto;
	position:relative;
}


.main-content{
	display:block;
	clear:none;
	max-width:900px;
	min-width:600px;
	/*padding:35px;*/
	position:relative;
	margin:0 auto;
	margin-top:45px;
	padding-bottom:30px;
}

.main-wrapper{
	display:block;
	position:relative;
    /*min-width: 600px;
	font-size:100%;*/
	margin-left:15px;
	margin-right:15px;
	min-height: 241px;/*311*/
	margin-bottom:20px;
}

#overlay, .overlay{
	position:absolute;
	left:0;
	right:0;
	top:0;
	min-height:100%;
	background-color:#fff;
	z-index:100;
}
.overlay-top{
	z-index:101;	
}
#overlay.loading{
	background: url("../img/loader_16.gif") no-repeat scroll center center rgba(255,255,255, 1);
	opacity:0.5;
 	
}
#overlay-wrap,.overlay-wrap{
	display:block;
	clear:none;
	max-width:900px;
	min-width:600px;
	/*padding:35px;*/
	position:relative;
	margin:0 auto;
	min-height:500px;	
}
#overlay-content,.overlay-content{
	display:block;
	position:relative;
    /*min-width: 600px;
	font-size:100%;*/
	margin-left:15px;
	margin-right:15px;
	min-height: 241px;/*311*/
	margin-bottom:20px;	
	margin-top:40px;
}

.tabbed-con{
	position:relative;
}

.tabbed-con div{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
.tabbed-header{
	border:1px solid #000;
	border-bottom:none;
}
.tab{
	float:left;
	width:33.3333333%;
	display:block;
	text-align:center;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
	padding:0.5em 0;
}
.tabs-1 .tab{
	width:100%;
}
.tabs-2 .tab{
	width:50%;
}
.tabs-4 .tab{
	width:25%;
}

.tabbed-header .tab:first-child{
	border-left:none;
}
.tab.active{
	border-bottom:0;
	color:#F37130;
}

.tabbed-content{
	min-height:300px;
	border:1px solid #000;
	border-top:none;
	padding:5px;
}
.tab-content{
	display:none;
	padding-top:20px;
}
.tab-content.active{
	display:block !important;
}
.tab-content .submit{
	float:left;
	clear:none;
}
.submit.fake.cancel,
.submit.fake.skip{
	float:right;	
}

.submit.fake.clear{
	float:none;	
	margin:0 auto;
	width:125px;
}

/* overlay list */
.jsondata.hidden{
	display:none;	
}
.submit-row{
	margin-top:30px;
}
.list-con{
	min-height:300px;
}

.list-con table{
	/*table-layout:fixed;*/
}


.list-con.contacten table td a,
.list-con.contacten table td span{
	hyphens: auto;
    word-break: break-all;
}
.list-con.contacten table tr td:nth-child(1){
	/* width: 20%;*/
}
.list-con.contacten table td a,
.list-con.contacten table td span{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;	
}

.list-select-table tr{
	cursor:pointer;
}
.submit.inactive{
	opacity:0.5;
	pointer-events:none;
}
tr.hidden{
	display:none;
}

/* sizings */
.main-content{
	/*min-width: 600px;*/
}

.anchortop{
	position:relative;
	top:-50px;
}

/* header footer*/
#footer, #header{
	-webkit-transform: translateZ(0);
}
#header{
    position: absolute;
    top: -200px;
	/*min-width:400px;*/
	left:-9999px;
}

#main-header{
	height:auto;/* was 276 */
	position:relative;
	background-color:#fff;
	overflow:hidden;
	min-width:600px;
	/*background: url("images/bg/bg_logs_02.jpg") repeat scroll center center rgba(0, 0, 0, 0);	*/
}


/* bg col */
body,
#main-header,
#nav-bar,
/*.wrap.c-vrachtbrieven .if-title,*/
.if-title, 
table.vb-list tr:nth-child(2n),
table.q-table tr:nth-child(2n),
.contact-table tr td:first-child,
.head-sep h3,
.bottom-bar,
#overlay{
	background-color:#FFFFEC !important;
}

#main-title{
	position:absolute;
	top:-200%;
	visibility:hidden;
}

#footer{
	bottom:0px;
	text-align: center;
	font-size: 10px;
}
#footer.abs{
	position:absolute;
	left:0;
	right:0;
	bottom:0;	
}

#preload{
	display:none;	
}
/* header image */


.logo-con{
	margin:0 15px;
	padding: 20px 0;
	border-bottom:1px solid #000;
}

.logo-con img {
    display: block;
    height: 25px;
    margin: 0 auto;
}

.logo-link{
	display:block;
}
.logo-img{

}


.column{
	float:left;
	width:50%;
}

/* NAVIGATION */

/*#nav-toggle{
	display:none;
	cursor:pointer;
	float:left;
}*/


#nav-bar{
	background-color:#fff;
	margin:0 15px;
    display: block;
    max-width: inherit;
    overflow: hidden;
	height:auto;
	min-height:10px;
	border-bottom:1px solid #000;
}

#menu-con{

}



.mainmenu,
.secmenu{ /* .menu */
	list-style-type: none;
	/*font-size:150%;
	line-height:1.5;
	min-width:200px;
	max-width:150px;*/
	position:relative;
	height:100%;
}
.m-outer{
	margin: 0 30px;
}

.mainmenu{
/*	width:37%;*/
	display:block;
	text-align:center;
}

.mainmenu .menu-item{
	text-transform:uppercase;
	display:inline-block;
}
.menu-item.logout{
	float:right;
	color:#FFF;
	width:24px;
	height:24px;
	padding-top:5px;
}

.mainmenu .menu-spcr{	

}

.mainmenu .menu-item a{
	line-height:34px;
	padding:8px 18px;
}
.mainmenu .menu-item a,
.mainmenu .menu-item a:visited{
	text-decoration:none;
}
.mainmenu .menu-item a:hover,	
.mainmenu .menu-item a:active,
.mainmenu .menu-item.active a{
	text-decoration:none;
	color:#f37130;
}

.mainmenu .menu-item.menu-btn{
	width:45px;
	padding:0;
	margin:0;
}
.mainmenu.mm-left .menu-item.menu-btn{
	left:0;
}
.mainmenu.mm-right .menu-item.menu-btn{
	right:0;
}
.mainmenu .menu-item.menu-btn a{
	display:block;
	height:100%;
}
.mainmenu.mm-left .menu-item.menu-btn a{
	background: url("images/fx/homebutton.png") no-repeat scroll center 4px rgba(0, 0, 0, 0);
}
.mainmenu.mm-right .menu-item.menu-btn a{
	background: url("images/fx/linkedin_2_25.png") no-repeat scroll center 4px rgba(0, 0, 0, 0);
}

.menu-link{
	
}


/*** INPUTS ***/


input, textarea{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	position:relative;
  	resize: none;
	width:100%;
	border: 1px solid #999;
	padding:5px;
	text-align:left;
	color:inherit;
}

input.error{
	border: 1px solid #F00;
}

input:focus, textarea:focus,
input:focus-visible, textarea:focus-visible{
	border: 1px solid #F37130;
	outline:none;
}


.hidden-fields{
	display:none;
}

.input-row, .genrow{
	margin-bottom:1em;	
}
.input-row.contactrow{
	cursor:pointer;
}

select{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
    border: 1px solid #999;
	padding: 5px;
}
table select{
	margin-left: 15px;
}
table tr td {
    position: relative;
	padding:3px;
}
select:focus{
	border: 1px solid #F37130;
}

.input-row .input-subrow.left > label,
.input-row .input-subrow.left > div{
	margin-bottom:0.4em;
}

tr.original{
	background:none !important;
}

tr.original td{
	border:none;
}
tr.original.top td{
	border:none;
/*	padding-top:0;
	padding-bottom:0;*/
}
tr.original.bottom td{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


tr.tabletext{
	background:none !important;
}

tr.tabletext td{
	border:none;
}
tr.tabletext.top td{
	padding-top:0;
	color:#FFF;
}
tr.tabletext.bottom td{
	border-bottom: 1px solid #000;
}


.input-row.readonly .input-subrow.left{
	font-weight:bold;
}
/*.input-row.readonly .input-subrow.left::before {
    content: ":";
}*/


.input-row table{
	color:inherit;
	width:100%;
	padding:0;
	margin:0;
}
.input-row tr{
	background:none !important;
}
.input-row td{
	border:none;
	padding:0;
}

.input-row tr td{
    width:1%;
    white-space:nowrap;
}
.input-row tr td:first-child{
    width:auto;
    white-space:nowrap;
}

.input-row label, .input-row .label{
	text-transform:lowercase;	
	font-weight: bold;
}

.input-row label::after {
    content: ":";
}

.input-subrow button{
	margin-bottom:2px;
}

/* 2 col layout */

.col2 .input-subrow.left{float:left;}
.col2 .input-subrow.right{margin-left:105px;}
.col2 .input-subrow.right select{max-width:453px;}
.col2 .topcontent .input-subrow.right{text-align:left;}
.col2 .input-subrow.left label{ margin:0;line-height:30px; }
.col2 .topcontent .input-subrow.left label{ line-height:60px; }

.col2.widelabel .input-subrow.right{margin-left:155px;}
.col2.widelabel .input-subrow.right select{max-width:403px;}
.ride-specs{ margin-bottom:3em;}

#contents_table{
	border:1px solid #999;
}
#contents_table tr td{
    width:auto;
    white-space:nowrap;
	border-bottom:1px solid #999;
}
#contents_table tr td:first-child{
    width:1%;
    white-space:nowrap;
	border-right:1px solid #999;
}

#contents_table tr:last-child td{
   border-bottom:none;
}

#contents_table tr:first-child td,
#contents_table.summary tr td{
   padding:5px;
}

#contents_table textarea, #contents_table input{
	border:none;
}

#contents_table textarea{
	resize:none;
	height:28px;
}

#add_contents_row{
	float:right;
/*	padding:5px;*/
}

button{
	cursor:pointer;
}
.slctd-info{
	position:relative;
	margin-bottom:25px;	
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.slctd-info td, .slctd-info tr{
	border:none;
	background:none !important;
}
#selected-display-name{
	font-weight:bold;
}


#filter-table{
	
}
#filter-table tr,
#filter-table td{
	background:none;
	padding:0;
	border:none;
}
#filter-table td{
	padding:0 5px;
}
#filter-table tr td:first-child{
    width:1%;
    white-space:nowrap;
}
#filter-table select{
	margin:0;
}

.submit.inline{
	display:inline-block;
	margin-right:30px;
}
.submit.inline.last{
	margin-right:0;
}

.submit.inline.left{
	margin-right:0px;
	margin-left:30px;	
}

/* ajax submits */
.submit.ajx{
	position:relative;
	display:inline-block;
	padding-right:20px;
}

.submit.ajx.loading{
	background: url("../img/loader_16.gif") no-repeat scroll center right rgba(0, 0, 0, 0);
}
.submit.ajx.loading .msk{
	display:block;
}



/*** MESSAGES ***/

#flashMessage{
	cursor:pointer;
	text-shadow:none;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	font-size:120%;
	background: url("../img/close_w_16.png") no-repeat scroll right 5px transparent;
	background-position: right 5px top 8px;	
}

#flashMessage.success{
	background-color:#1fbd81;
	color:#FFF;	
}
#flashMessage.fail{
	background-color:#F00;
	color:#FFF;		
}

#flashMessage.fixed{
	position:fixed;
	z-index:9999;
	width:100%;
	top:0;
	left:0;
}
/* mail status field */
#mail-status{
	padding-top:0.5em;
	font-weight:bold;	
}
#mail-status ~ .submit{
	margin-top:15px;
}

/* mail response field */

#mail-response{
	padding-top:0.5em;
	font-weight:bold;
	min-height:2em;
}
#mail-response span{
	display:block;
	border:none;
	background:none;
}
#mail-response span.success{color:#1fbd81;}
#mail-response span.fail{color:#FF4F4F;}

/*** SPACER **/

.spacer{
	display:block;
	height:1px;
	padding:1em 0;
}

.head-sep{
	position:relative;
}

.head-sep-line{
	display:block;
	height:1px;
	background-color:#555;
	position:relative;
	top:0.8em;
	margin:0;
}
.head-sep h3{
	display:inline-block;
	background-color:#FFF;
	position:relative;
	padding-left:5px;
	padding-right:5px;
	margin-left:25px;
	margin-bottom: 1em;
}

/*** COLLECTIONBOX ***/

/*** GROUPBOX ***/

.groupbox{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	/*margin-bottom:1em;*/
	background-color:#f5f5f5;
	display:block;
	padding:10px;
	min-height:40px;
}

.input-row.groupbox label::after {
    content: "";
}

.contact-table{
	/*border:1px solid #999;*/
	background-color:#FFF;
}
.contact-table tr{
	/*border:1px solid #999;*/
	background-color:#FFF !important;
}
.contact-table tr td{
    width:auto;
    white-space:nowrap;
	border:none;
}
.contact-table tr td:first-child{
    width:1%;
    white-space:nowrap;
}

.contact-table tr:last-child td{
   border-bottom:none;
}

.contact-table label{
	padding:5px;
	font-weight:normal;
}

.contact-table label::after {
    content: "";
}

.contact-table.non-editable td input{
	pointer-events:none;
}

.contact-table.mail-contact{
	border:1px solid #999;
}
.contact-table.sign-contact select{
	float:right;
}
.contact-table.mail-contact-select select{
	margin-left:0;
}
/*** contact persons ***/
.contact-table.cpersons tr.disabled{
	display:none;
}

.contact-table.cpersons tr td:first-child{
    width:auto;
    white-space:nowrap;
}
.contact-table.cpersons tr td:last-child{
    width:1%;
    white-space:nowrap;
}
.contact-table.cpersons tr td[data-cfield="id"]{
	display:none;
}


/** damaged (sign) ***/
.sign_damaged tr td:first-child{
    width:1%;
    white-space:nowrap;
}
.sign_damaged tr td:last-child{
    width:auto;
    white-space:nowrap;
}

.damage_note.disabled{
	display:none;
}

/*** screen lock **/
#page.screen-locked{ position:fixed;width:100%;}
button.screenlock{ float:right;padding-left:10px;padding-right:10px;}

.locked-text{ visibility:hidden;}
#page.screen-locked .locked-text{ visibility:visible;}

/*** UPLOADBOX NEW **/
#vb_images{ border:1px solid #999;min-height:1em;position:relative;} 
#vb_images img{ display:block; width:100%;height:auto;}
#vb_images > .inr{ position:relative; margin:5px;}
.vbimg-con{  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:5px;float:left;width:50%;position:relative;}
.vbimg-btns{ padding:10px;position:absolute;left:0;bottom:0;background:rgba(255,255,255, 0.6);}

input[type="file"]{border:none !important; padding-left:0 !important;}
#fileupload-con{ padding: 5px;border: 1px solid #999;position:relative;}

#fileupload-msk{ position:absolute;top:0;left:0;right:0;bottom:0;background: url("../img/loader_m.gif") no-repeat scroll center center rgba(255,255,255, 0.5);display:none;}

#fileupload-con.loading #fileupload-msk{ display:block;}
/*** UPLOADBOX **/

.uploadbox-place{
	margin: 10px 0;
}
.ulb{
	border:1px solid #999;	
	width:600px;
	display:none;
	background-color:#FFF;
	font-family:"lucida grande",verdana,helvetica,arial,sans-serif;
}
.ulb .inr{
	
}
.ulb input[type="file"]{
	padding:0;
}
.ulb-head{
	height:20px;
	border-bottom:1px solid #999;		
}
.ulb-close{
	display:block;
	width:20px;
	height:20px;
	float:right;
	background: url("../img/close.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.ulb .tab-con{
	
}
.ulb .tab{
	float:left;
	background-color:#CCC;
	text-align:center;
	height:30px;
	line-height:30px;
	width:299px;
	border-bottom:1px solid #999;
}
.ulb .tab.active{
	background-color:#FFF;
	border-bottom:none;
}
.ulb .tab.active .tab-link{
	text-decoration:none;
	cursor:default;
}
.ulb .tab-left{
	
}
.ulb .tab-right{
	width:300px;
}
.ulb .tab-left.active{
	border-right:1px solid #999;
}
.ulb .tab-right.active{
	border-left:1px solid #999;
}
.ulb .content-con{
	
}
.ulb .tab-content{
	display:none;
	padding:10px;
	padding-top:20px;
}


.ulb .tab-content.loading{
	background: url("../img/loader_m.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.ulb .tab-content.left{
	
}
.ulb .tab-content.right{
	
}
.ulb .tab-content.right > .inr{
	height:370px;
	overflow-y:scroll;
	overflow-x:hidden;
}

.ulb-img-box{
	float:left;
	width:175px;
	height:175px;
	margin:0 5px;
	margin-bottom:10px;
	border:1px solid #FFF;
	cursor:pointer;
}
.ulb-img-box:hover,
.ulb-img-box.selected{
	border:1px solid #F37130;
}
.ulb-img-thumb{
	width:175px;
	height:150px;
	overflow:hidden;
	/*background-color:#CFC;*/
}
.ulb-img-thumb img{
	max-height:100%;
/*	margin:0 auto;*/
}
.ulb-img-name{
	font-size:9px;
	word-break: break-all;
}

.ulb .tab-content.active{
	display:block;
}

#logo-img-con{
	height:200px;
	border:1px solid #999;	
}
#logo-img-con img{
	max-height:100%;
}

/*** FORMS **/
.form.login{
	margin:0 auto;	
}

.form.login,
.form.login .input{
	width:362px;
	height:40px;
}

.form.login label{
	float:left;
	width:150px;	
}
.form.login .input input{
	width:200px;
	float:left;	
	clear:none;
	margin-bottom:10px;
}
.form.login .input input:focus{
	border: 1px solid #f37130;
}

.number-display{
	color:#f37130;
}

.number-display{
	float:right;
}

/*** CREATE NEW: template selection page **/

.slct-template-con{
	text-align:center;
	margin-top:40px;
}
.slct-template-con .row{
	display:inline-block;	
}
.slct-template-con .row-0{
	margin-bottom:15px;
}
.slct-template-con .slct-con{
	width:230px;
	float:left;
	margin:0 15px;
	cursor:pointer;
}
.slct-template-con .slct-con.disabled{
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:default;
	text-decoration:none !important;
}
.slct-template-con .slct-con a,
.slct-template-con .slct-con a:hover{
		
}

.slct-template-con .slct-title{
	
}
.slct-template-con .slct-thumb{
	position:relative;
	width:100%;
	background-color:#999;
	border:1px solid #999;
}
.slct-template-con .slct-con:hover .slct-thumb{
	border:1px solid #F37130;
}

.slct-template-con .slct-thumb img{
	max-width:100%;	
}
.slct-template-con .slct-thumb .inr{
	position: absolute;
	top: 0;bottom: 0;right: 0;left: 0;
	overflow:hidden;
}

.slct-template-con .slct-thumb:after{
	content:"";
	display:block;
	padding-top:71%;
}

h2.cntr{
	text-align:center;
}

/*** SWF / FLASH */
#swf-con{
	width:500px;
	height:400px;
}

/*** LOADERS **/
.loader{
	/*min-height:40px;*/
}
.loader.loading{
	background: url("../img/loader_m.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.loader.loaded{
	background-image:none;	
}

a.loader{
	padding-right:20px;	
}
a.loader.loading{
	background: url("../img/loader_12.gif") no-repeat scroll center right rgba(0, 0, 0, 0);
}

.submit.generate-pdf,
.submit.ulb-submit{
	display:inline-block;
	padding-right:20px;
}

.submit.generate-pdf.loading,
.submit.ulb-submit.loading{
	background: url("../img/loader_16.gif") no-repeat scroll center right rgba(0, 0, 0, 0);
}

/*** VIEWS **/

.e-sect{
	margin: 10px 0;
	position:relative;
}

.msk,
.delmsk{
	position:absolute;	
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#FFF;
	display:none;
	opacity:0.5;
}
.delmsk{
	display:block;	
}

.msk.active,
.e-sect.disabled > .msk,
.tabbed-con.disabled > .msk{
	display:block;
}


.hidden-fields.dev{
	display:block;
}

.images-index .img-thumb{
	overflow:hidden;
	width:100px;
	height:75px;	
}
.images-index .img-thumb img{
	max-height:100%;	
}

.images-index .img-col{
	
}
.td-date{
	
}

td.actions {
	text-align:left;
	width:1px;	
}

.infographics-index .pdfs{
	border-left:1px solid #666;	
}

.infographics-index td{
	border-bottom: 1px solid #666;
}

.infographics-index td.pdfs{
	padding:0;
	width:280px;
}
.infographics-index td{
	
}

.c-contacts.a-index td.actions{
	/*width:55px;*/
}

.c-contacts.a-index td.actions .cbut{
	width:16px;
	display:block;
	margin-bottom:10px; 
}

.c-vrachtbrieven.a-index td.actions.main{
	width:55px;
}
.vb-list .vb-row td:first-child{
	width:1%;	
	padding-left:0;
	padding-right: 10px;
}


tr.bottomrow > td{
	border-bottom:1px solid #000;
}

.q-con.editable #sortable tr{
	background-color:#FFF !important;
	cursor: move;
}


.ui-sortable-helper{
	border-top:1px solid #000;
}

.inrtable{
	margin:0;
	table-layout:fixed;
	width: 100%;
}
.inrtable tr{
	background-color:transparent !important;
/*	display:block;
	position:relative;*/
}
.inrtable td{
	background-color:transparent;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1px;
    padding-top: 3px;
    vertical-align: middle;
	padding-right: 0;
	
	
}
.inrtable.vertical td{
	padding:6px 3px;
}
.infographics-index .inrtable td{
	width: 189px;
}
.inrtable td.actions{
	width: 85px;
	padding-left: 0;
    padding-right: 0;
}
.pdfs .inrtable td{
	
}
.edtr-pdfs .inrtable td.actions,
.pdfs .inrtable td.actions{
	width: 110px;
	padding-left: 6px;
    padding-right: 6px;
}

td.pdfs{
	border-left: 1px solid #ddd;padding:0;
}
.bottomrow td.pdfs{
	border-left: none;
}

#hidden-sort{
	display:none;
}

.sort-con .sort-wrap{
	margin-bottom:0.5em;
}

/* generate */

#pdf-name{
	width:200px;
}
.gen-sect{
	margin-bottom:30px;
}
.genrow label{
	padding-bottom:5px;
}
#pdf-name-prefix{
	display:inline-block;
}

.wrap.add-workfile select{
    border: 1px solid #999;
    height: 1.615em;
    line-height: 1.615;
    margin-left: 15px;
	padding: 0 3px;
	min-width: 200px;
}
.wrap.add-workfile select:focus{
	border: 1px solid #F37130;
}

.gen-status{
	display:none;
}
.genstat{
	padding-left:35px;
	font-size:18px;
	line-height:1.8;
	position:relative;
}
.genstat.pending{
	color:#CCC;
}
.genstat.active{
	background: url("../img/loader_16.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.genstat .ico{
    height: 20px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 20px;
}

.genstat.error{
	color:#F00;
}
.genstat.error .ico{
	background: url("../img/color_icons.png") no-repeat scroll 0 -24px rgba(0, 0, 0, 0);
}

.genstat.complete{
	color:#0F0;
}
.genstat.complete .ico{
	background: url("../img/color_icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#genstat-gen{
	
}
#genstat-save{
	
}
#genstat-msg{
	
}
.genstat .statlink{
	position:relative;
}
.genstat .statlink .ico{
	width:35px;
	height:16px;
	background-image:url("../img/b_icons.png");
	background-repeat:no-repeat;
	left: -35px;
    top: 4px;
}
.genstat .statlink.sl-v .ico{ background-position:0 -72px;}
.genstat .statlink.sl-d .ico{ background-position:0 -48px;}	
.genstat .statlink.sl-m .ico{ background-position:0 -384px;}	

.gendev{
	height:25px;
	overflow:hidden;
	visibility:hidden;
}
.dev .gendev{
	height:auto;
	visibility:visible;
}
.hidden-links,
.hidden-pdf-form{
	display:none;	
}

.dev .hidden-pdf-form{
	display:block;
}


#gen-debug{
	margin:20px 0;	
}

/** CUSTOM BUTTONS **/

.page-btns.actions a.cbut,
a.button,
table td.actions a.cbut,
.vbimg-btns a.cbut{
	padding:2px;
	display:inline-block;
	margin: 0 3px;
}

.input-subrow.left a.button{
	margin: 0;
}

a.button{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

a.cbut:hover,
a.button:hover{
	box-shadow:none;
	border-color:#F37130 !important;
	color:#F37130 !important;
}

a.button.withtext{
	padding:5px;
	margin:0;
}

.cbut-icon{
	width:16px;
	height:16px;
	display:block;
	background-image:url("../img/b_icons.png");
}
.cbut-icon-edit{}
.cbut-icon-delete{ background-position:0 -24px;}
.cbut-icon-download{ background-position:0 -48px;}
.cbut-icon-view{ background-position:0 -72px;}
.cbut.loading .cbut-icon{
	background-image:url("../img/loader_16.gif");
	background-position:0 0;
}
.cbut-icon-plus{ background-position:0 -312px;}
.cbut-icon-addressbook{ background-position:0 -336px;}
.cbut-icon-sign{ background-position:0 -360px;}
.cbut-icon-mail{ background-position:0 -384px;}
.cbut-icon-generate{ background-position:0 -408px;}
.cbut-icon-addq{ background-position:0 -432px;}
.cbut-icon-removeq{ background-position:0 -456px;}
.cbut-icon-info{ background-position:0 -480px;}
.cbut-icon-calc{ background-position:0 -504px;}
/** info field **/
.info-con{
	margin-top:30px;
	width:100%;
}

#sortable{
	position:relative;
}

.info-field{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	width:100%;
	position:relative;
	margin-bottom:3em;
}

.button.withtext .cbut-icon{
	float:left;
}
.button.withtext .cbuttext{
	padding:0 5px;
}

.cbut.disabled{
	pointer-events:none;
}
.cbut.disabled .cbut-icon{
	opacity:0.4;
}

.infographics-index .info-field{
	width:auto;
}

.info-field .inr{
	border:1px solid #999;
	padding:15px 0;	
	/*background:#FFF;
	padding-bottom:45px;*/
}

.wrap.generate .info-field .inr{
	padding:15px;
}

.if-title{
	padding: 0 5px;
	position:absolute;
	background-color:#FFF;
	top:-10px;
	font-size:13px;
}

.if-bar{
	position:absolute;
	top:-10px;	
	left:0;
	right:0;
	cursor:pointer;
}
.if-bar .if-title{
	position:relative;
	top:0;
	display:inline-block;
}
.if-bar .if-title.right{
	float:right;
}


.info-field.left{float:left;clear:none;width:49%;}

.info-field.left .if-title{ left:9px; }
.info-field.left .inr{
	min-height: 90px;
}



.info-field.right{float:right;clear:none;width:49%;}
.info-field.right .if-title{ left:9px; }

.info-field .info-content{
	padding:0 5px;
}
.infog-info .lspan{
    display: block;
/*    float:left;
	min-height:21px;
	line-height:1.615em;*/
	font-weight:normal;
	padding:5px 0;
}

.lspan.label{
	/*width: 80px;*/
}
.lspan.val{
	width:250px;
	line-height: 1;
    padding: 0.37em 0;
    width: 250px;
	min-height:1em;
}

.change-fields{
	float:left;
	display:none;
}

.if-buttons{
    bottom: 5px;
    left: 10px;
    padding: 5px;
	margin-top:20px;
}
.if-buttons .submit,
.if-buttons .fake-submit{
	float:left;
	clear:none;
	margin:0;
	margin-right:20px;
}
.edit-topinfo .if-buttons .submit{
	display:none;
}



.if-buttons input[type="submit"]{
	padding:2px 4px;
	cursor:pointer;
}



.infographics-index .input-row{
	margin-bottom:5px;	
}

.infographics-index td{
	padding-top:3px;
	padding-bottom:1px;	
}

/** editor pdf list **/

.edtr-pdfs{
	
}
.edtr-pdfs .inrtable{
	
}

.edtr-pdfs .inrtable td{
	padding:0;
	padding-top:2px;
	vertical-align:middle;
}

/* gear */
.gear-con{
	position:relative;
	width:200px;
	/*height:150px;*/
	float:right;
}
.pageopts.gear-con{
	float:left;
}
.gear-con > .inr{
	border-bottom:1px solid #ccc;
}
.gear-link{
	width:100%;
	height:20px;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
}
.gear-link .ico,
.gear-link .arw{
	width:16px;
	height:16px;	
	background-image:url("../img/b_icons.png")  ;
	position:absolute;
	margin:2px;
}
.gear-link .ico{ background-position: 0 -120px;right:5px; }
.gear-link.active .ico{background-position: 0 -168px; }
.gear-link:hover .ico{ background-position: 0 -144px; }

.pageopts .gear-link .ico{ background-position: 0 -240px; }
.pageopts .gear-link.active .ico{background-position: 0 -288px; }
.pageopts .gear-link:hover .ico{ background-position: 0 -264px; }

.gear-link.bussy{ background: url("../img/loader_16.gif") no-repeat scroll center center rgba(0, 0, 0, 0);}
	
.gear-link .arw{ background-position: 0 -192px;left:5px; }
/*.gear-link:hover .arw{ background-position: 0 -144px; }*/
.gear-link.active .arw{background-position: 0 -216px; }

.gear-field{
	display:none;
	
}
.gear-field ul{
	list-style:none;
	padding: 10px 0;
}
.gear-field ul li{
	padding:2px;
	cursor:pointer;
}
.gear-field ul li:hover,
.gear-field ul li.active{
	background-color:rgba(31, 189,129,0.3);
}

.gear-field ul li a{
	text-decoration:none;
}
.submit.fake input[type=submit],
form .submit input[type=submit] {
	background:#62af56;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	border-color: #2d6324;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	padding: 2px 10px;
}
form .submit input[type=submit]:hover {
	background: #5BA150;
}

input[type=submit].link{
	background:none;
	border:none;
	padding:0;
	margin:0;
	cursor:pointer;
}

span.red{
	color:#F00;
}


/*** SIGNaTUReS ***/

.signature-field{
	width:552px;
	border:1px solid #000;
	background-color:#FFF;
}

.signature-con .submit{
	float:none;
}



.paging-con{
	margin:40px 0;
	display:block;
}

.paging{
	margin-top:0;
}

.paging .current {
    background: #f37130 none repeat scroll 0 0;
}
.paging > span:hover {
	background-color:rgba(243, 113, 48, 0.5);
}
.paging.submit{ background-color: #FFFFEC; }

/** CkE EditoR */

.cke_textarea_inline{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	position:relative;
  	resize: none;
	width:100%;
	border: 1px solid #999;
	padding:5px;
	text-align:left;
	color:inherit;
	overflow-y:scroll;
}
#corr-content-con .cke_textarea_inline{
	background-color:#fff;
	font-family: 'Nobelle', Arial, Helvetica, sans-serif;
	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
	overflow-y:visible;
	height:auto !important;
	line-height:1.2;
	
	width: calc(100% - 12px);
	font-size:16.8px;
	
	min-height:4em;
/*	width:510px;
	font-size:10px;*/
}
#corr-content-con .ck-pageline{
	position: absolute;
	height: 2px;
	background-color: #f00;
	top: calc( (37em * 1.2) + 5px);
	width: 100%;
	left: 0;
	pointer-events:none;
}

.cke_textarea_inline:focus{
	border: 1px solid #F37130;
}

.cke_textarea_inline a{
	color: #F37130;
	text-decoration:none;
}
.cke_textarea_inline a:hover{
	color: inherit;
	text-decoration:underline;
}

.toolbar-ph{
	height:43px;
	background-color:#dfe0df;
}

#VrachtbriefId.hidden{
	display:none;
}

.cbut.add-to-queue{
	margin:0;
}

#csv-display{
	table-layout:fixed;
}

#csv-display td.status{
	width:30px;
}

#csv-display tr.added,
#csv-display tr.existing,
#csv-display tr.skipped{
	display:none;
}

#csv-display .loading td.status{
	background: url("../img/loader_16.gif") no-repeat scroll center 5px rgba(0, 0, 0, 0);
}

#csv-add-forms-con{
	display:none;
}

#csv-status-con{
	margin: 20px 0;
	margin-bottom:40px;
}

#csv-import-handle,
#csv-import-start{ display:none; }

#csv-bussy{ visibility:hidden;}
#csv-bussy > span{font-weight:bold;}
#csv-bussy td, #csv-bussy tr{ background:none !important;border:none !important;}
#csv-bussy td:first-child{width:1%;font-weight:normal;}

#csv-idle{position:absolute;top:0;}

#csv-status-con.bussy #csv-idle{display:none;}
#csv-status-con.bussy #csv-bussy{visibility:visible;}	

#csv-display tr.failed{
	background-color:rgba(255,0,0,0.2);
}
#csv-display tr.pending{
	background-color:rgba(243, 113, 48,0.2);
}

#pending-status{
	display:none;
	height:16px;
	line-height:16px;
	padding-left:20px;
	background: url("../img/loader_16.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
}

#pending-status.finished{
	padding:0;
	background:none;
}

.submit.ajx.ajaxadjust{
	margin-top:0;
}

.bottom-bar{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	border-top:1px solid #999;
	z-index:9;
}
.bottom-con{
	max-width: 900px;
	min-width: 600px;
	position:relative;
	margin:0 auto;
}
.bottom-con > .inr{
	display: block;
	position: relative;
/*	margin: 0 20px;*/
	padding: 15px 0;
	padding-bottom:10px;
	text-align:center;
}

.bottom-bar .submit.inline{
	margin-top:0;
}
.bottom-bar .last-saved{
	margin-top:0.5em;margin-bottom:0;
	display:inline-block;
}

.wrap.c-vrachtbrieven.a-edit{
	margin-bottom:100px;
}

.bottom-bar.contacts{
	border:none;
}

.bottom-bar.contacts .submit-row{
	margin:0;
	padding:0 10px;
}

.bottom-bar.contacts .bottom-con > .inr{
	margin: 0 15px;
	border:1px solid #000;
}

#VrachbriefFilterForm{
	display:none;
}
.vb-filters .inr{
	min-height:0 !important;
}
#filter-show{
	right:9px;
	left:auto;
	cursor:pointer;
}
.info-field.left.vb-filters{width:550px;}
.info-field.left.vb-filters .if-title{ cursor:pointer;}

#logged-in-user{
	position:absolute;top:0;right:0;padding:5px;
}

.deftable tr, .deftable td{ background:none !important; border:none !important;}

/* Facturen */
table.contact-group-invoice{ background-color:#FFFFEC !important;cursor:default;}
table.contact-group-invoice tr td:last-child{ background-color:#fff !important;}
table.contact-group-invoice .cgr-to_country{ /*display:none;*/}
table.contact-group-invoice .cgr-to_empty{ visibility:hidden;}

/* opdrachtnummer */
#opdrachtnums-table{ margin-bottom:5px;}
#opdrachtnums-table tr{ background: none;}
#opdrachtnums-table td{ border:none;}
#opdrachtnums-table select{ margin-left:0;}
#opdrachtnums-table th:last-child,
#opdrachtnums-table td:last-child{ padding-left:25px;}

#add_opdrachtnum_row{}

/* factuur content */	/
	* disable number spinners */
#ft-content-con input::-webkit-outer-spin-button,
#ft-content-con input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
#ft-content-con input[type=number] { -moz-appearance:textfield; /* Firefox */}
#ft-content-con input[readonly]{ cursor:default;}

#ft-content-con{ }

#ft-content-table{ margin-bottom:5px;}
table.clean tr{ background: none;}
table.clean td{ border:none;vertical-align:bottom;}
table.clean td.td-num{ width:70px;}
table.clean td.td-num.last{ width:80px;}
	/* inputs */
table.clean td.td-num.last input{text-align:right;}
#ft-content-table select{ margin:0;display:block;}
#ft-content-table .dd-choose{ max-width:70px;}

#ft_add_content_row{ margin-left:3px;}
	/* costs table */
#ft-costs-table{ margin:15px 0;}
#ft-costs-table td{ text-align:right;}
#ft-costs-table td.td-num{ width:80px;}
#ft-costs-table td.td-num input{ width:80px; text-align:right;}
#ft-costs-table .input-row{ margin:0;display:inline-block; }
/* status */
.status span,
span.status-red{color:#F93E42;font-size:150%;}
span.status-green,
span.status-sent,
span.status-paid { color:#1fbd81;}
tr.row-sent{background-color:rgb(31, 189, 129,0.3) !important;}

.factuur-list th.actions, .factuur-list td.actions{
	width:110px; text-align: right;
}
.pdfbtw-list td.actions, .pdfbtw-list th.actions{
	width:40px; text-align: right;
}
.td-date{
	width:76px;
}
td.td-date {	
}
.inrtable.vertical td.td-date {
    padding: 6px 0px;
}
.factuur-list td.actions {
   
}

.factuur-list .inrtable.vertical{
	font-size:12px;
}

.factuur-list .pdfs .inrtable td {
	padding-top:2px !important;
	padding-bottom:2px !important;
}

.edtr-mails .inrtable td{
    padding: 6px 4px;
}
.edtr-mails .inrtable td.actions{
    width: 50px;
}
.edtr-mails .inrtable td.td-datetime{
	width:125px;
}

.mail-list .td-datetime{
	width:125px !important;
}

table.mail-contact-select, table.mail-contact-select tr{background-color:transparent !important;}

/*** FACTUUR CALCULATION  new totals page */

.vb-list.totals-list tr th:first-child{
	width:1%;	
	padding-left:0;
	padding-right: 10px;
}

.totals-list tr th{	
	padding-left:3px;
	padding-left:3px;
}
.totals-list tr th a{padding:0;}
.totals-list td.td-num{ width:70px;padding:1px;}
.totals-list td.td-num input{ width:70px; text-align:right;padding: 5px 3px;}

/* disable buttos in input */
.totals-list input::-webkit-outer-spin-button,
.totals-list input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.totals-list input[type=number] { -moz-appearance:textfield; /* Firefox */}
.totals-list input[readonly]{ cursor:default;}

/* factuur info */
.totals-list tr.toprow td:first-child { border-bottom: none;}
tr.bottomrow{}
.totals-list tr.bottomrow > td{ padding:0;}
.totals-list tr.bottomrow > td > .inr{ height:0;overflow:hidden;position:relative}
.totals-list .info-table{ margin-bottom:30px;}
.totals-list .info-table td{ border:none;padding-left:0;}

.totals-list tr.bottomrow .edit-factuur-link,
.totals-list tr.bottomrow .info-collapse{position:absolute;bottom:0px;right:0;padding:8px;}
.totals-list tr.bottomrow .edit-factuur-link{ right:auto;left:0;padding-left:0;}
/* checked */
.vb-list.totals-list tr.toprow:not(.checked), .vb-list.totals-list tr.toprow:not(.checked) + tr.bottomrow{ opacity:0.6;}

/* total amounts */
.vb-list.totals-list tr.noborder td{ border:none;padding-top:30px;}
.vb-list.totals-list td.totalen{ vertical-align:bottom;text-align:right;padding-right:20px; }



/* factuur totals filter (ftf ) */
#ftf-con label{ font-weight:bold;font-size:120%;}
#ftf-con > form > label{ margin:10px 0;}
/*#ftf-con .ftf-row,*/
#ftf-con .ftf-buttons{ padding:0.5em 0;}
#ftf-con input[type="radio"]{ margin-top:3px;margin-right:5px;}

.ftf-group{ padding-left:3px;}
.ftf-row table, .ftf-row tr, .ftf-row td,
.ftf-table, .ftf-table td, .ftf-table tr{ border:none;background:none!important;}
.ftf-row{border-bottom:1px solid #ddd !important;}

.ftf-table{ margin-left:15px;}
.ftf-table td, .ftf-table select{ vertical-align:middle;}
.ftf-table .td-first{ width:75px;}

#ftf-status table{ table-layout: fixed;max-width: 420px;}
#ftf-status table label{ font-size:100%;font-weight:normal;}
.ftf-table select{ margin-left:0;}
.ftf-buttons .submit{ margin: 0;margin-right: 20px;}

#tft-date-table.inactive .date-row{ opacity:0.5;}

.totals-list > tbody > tr > td{ vertical-align:middle;}
/* search */
.submit.nomargin{ margin-top:5px;}

/* centered menu */
.m-outer{ text-align:center; }
.mainmenu{ max-width:430px;display:inline-block;}

@media screen and (min-width: 1200px) {
	.mainmenu{ max-width:530px; }
}
/* print cbut (was view) */
a.cbut-view.printing{
    box-shadow: none;
    border-color: #F37130 !important;
    color: #F37130 !important;
	pointer-events:none;
}
body.print-enabled .cbut-view:not(.forceview) .cbut-icon-view {
    background-position: 0 -168px;
}

/* v0.70: correspondentie module */
#corr-content-con{ overflow:hidden;}
.c-pdfcorrfiles.a-mail .cke_editable{ background-color:#fff; }
.c-pdfcorrfiles.a-mail .ck-auto .cke_editable{ height:auto !important;min-height:250px;overflow:hidden;}

.input.textarea.fake{ /* Mails/view_corrmail.ctp */
	box-sizing: border-box;
	position: relative;
	resize: none;
	width: 100%;
	border: 1px solid #999;
	padding: 5px;
	text-align: left;
	color: inherit;
	background-color:#fff;
	min-height:6.5em;
}
.input.textarea.fake a {
    color: #F37130;
    text-decoration: none;
}

/* contenteditable */
div.form-contenteditable{
	border: 1px solid #999;
	background-color:#fff;
	min-height:5em;
	position:relative;
	overflow: auto;
	max-height:40em;
}

#OgMailDiv{ display:none;}

/* reset css for tables in */
.no-css table,
.no-css th,
.no-css th a,
.no-css table tr td,
.no-css table tr:nth-child(even){
	border:0;
	clear: none;
	color:inherit;
	margin: 0;
	padding:0;
	width: auto;
	vertical-align:auto;
	background:none;
}

/* checkbox (og_mail)*/
.input-row.cb-row{ display:inline-block;}
.input-row.cb-row .input-subrow.left{ float:right;}
.input-row.cb-row .input-subrow.right{ float:left;}

.input-row.cb-row label::after{ content:""; }