/* TAGS */
body, div, p, td, span, ul, ol, li {
	margin: 0px;
	padding: 0px;
	font-family: 'open sans',Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 14px;
	line-height: 160%;
	color: #231f20;
}
html, body {
	height: 100%;
}
h1,
h2 {
	position: relative;
	display: block;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 30px;
}
h1.counter span {
	position: absolute;
	display: inline-block;
	margin: 0px 0px 0px 10px;
	top: 4px;
	background: #231f20;
	padding: 0px 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
}
h2 {
	font-size: 18px;
	line-height: 20px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
p {
	padding-bottom: 10px;
}
ul li {
	list-style-position: outside;
	list-style-type: square;
}
ol li {
	list-style-position: outside;
	list-style-type: decimal;
}
ul {
	margin-left: 15px;
	margin-bottom: 10px;
}
ol {
	margin-left: 25px;
	margin-bottom: 10px;
}
a {
	text-decoration: none;
	color: #ee1c25;
}
a:hover {
	color: #99aabd;
}
a.next,
a.more {
	position: relative;
	display: inline-block;
	padding-left: 13px;
}
a.next:before,
a.more:before {
	position: absolute;
	top: -2px;
	left: 0px;
	content: "\2219";
	font-size: 30px;
}
a.more {
	float: right;
}
table, table td, table th {
	border-collapse: collapse;
	border: 0px solid #ddd;
	vertical-align: top;
	text-align: left;
}
table td[align="right"] {
	text-align: right;
}
hr {
	display: block;
	margin-bottom: 20px;
	height: 0px;
	min-height: 0px;
	max-height: 0px;
	overflow: hidden;
	background: #fff;
	border-width: 0px;
	border-bottom: 1px solid #d9dde2;
}


/* COLORTABLE */
.colortable {
	width: 100%;
}
	.colortable td {
		border: 1px solid #ddd;
		padding: 5px 10px;
	}
	.colortable th {
		border: 1px solid #333;
		border-right-color: #666;
		background-color: #333;
		padding: 5px 10px;
		color: #fff;
		font-weight: normal;
	}
		.colortable th.sortable {
			cursor: pointer;
			background-image: url(../image/colortable/sortable_bg.png);
			background-position: top right;
			background-repeat: no-repeat;
		}
		.colortable th.sortable:hover {
			background-color: #666;
			border-color: #666;
		}
		.colortable th.sortable.asc {
			background-position: right;
		}
		.colortable th.sortable.desc {
			background-position: bottom right;
		}
	.colortable thead td {
		background-color: #ddd;
		border-right-color: #eee;
	}
		.colortable thead td.searchable select {
			width: 100%;
			border: 1px solid #fff;
			margin: 0px;
			padding: 0px;
		}
		.colortable thead td.searchable input {
			width: 100%;
			margin: 0px;
			border: 1px solid #fff;
			background-image: url(../image/colortable/search_bg.png);
			background-position: right;
			background-repeat: no-repeat;
		}
		.colortable td.label {
			border-bottom: 1px solid #fff;
			background: #eee;
		}
		.colortable td.label,
		.colortable th.label {
			background-color: #eee;
			font-weight: bold;
			min-width: 140px;
			text-shadow: 1px 1px #fff;
		}


/* FORMS */
input,
select,
textarea {
	font-family: inherit;
	line-height: inherit;
	outline: none;
	margin: 0px;
	padding: 0px;
	-wekbit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
input[type="text"],
input[type="file"],
input[type="password"],
select,
textarea {
	width: 240px;
	height: 25px;
	border: 1px solid #d9dde2;
	margin-bottom: 3px;
	padding: 2px 4px;
}
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	border-color: #4c6171;
}
select {
	padding: 2px;
}
textarea {
	height: 80px;
}
button,
button.formbut,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	overflow: visible;
	height: 31px;
	line-height: 31px;
	border: none;
	background: #333;
	color: #fff;
	padding: 0px 12px;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 12px 0px 0px;
	border: 1px solid rgba(0,0,0,0.15);
	text-shadow: -1px -1px #000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1);*/
}
button,
input[type="button"],
input[type="reset"] {
	text-shadow: 1px 1px rgba(255,255,255,0.5);
	background: #eee;
	color: #999;
	font-weight: normal;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	text-shadow: -1px -1px rgba(0,0,0,0.35);
	background: #ee1c25;
	color: #fff;
}
button.formbut {
	font-weight: bold;
	text-shadow: -1px -1px rgba(0,0,0,0.35);
	/*background: #e22882;*/
	background:#ee1c25;
	color: #fff;
}
button.formbut:hover {
	text-shadow: -1px -1px #000;
	background: #333;
	color: #fff;
}
input[type="radio"],
input[type="checkbox"] {
	display: inline-block;
	margin: 2px 3px -2px 2px;
}
label {
	display: inline-block;
	margin-right: 15px;
}
select.full,
input.full,
textarea.full {
	width: 100%;
}
select.large,
input.large,
textarea.large {
	width: 400px;
}
select.larger,
input.larger,
textarea.larger {
	width: 335px;
}
select.small,
input.small,
textarea.small {
	width: 120px;
}
select.tiny,
input.tiny,
textarea.tiny {
	width: 60px;
}
select.date,
input.date,
textarea.date {
	width: 98px;
}
.formtable {
	margin-bottom: 35px;
	border-collapse: separate;
	border-spacing: 3px;
}
.formtable.nomargin {
	margin-bottom: 10px;
}
.formtable.full {
	width: 100%;
}
.formtable.readable {
	width: 100%;
}
	.formtable.readable td,
	.formtable.readable th {
		border-bottom: 1px solid #ddd;
	}
	.formtable.readable td.formlabel,
	.formtable.readable th.formlabel {
		border-bottom: 1px solid #f5f5f5;
	}
.formtable.readable.rowWithMinHeight td {
        height:18px;
    }
.formlabel {
	vertical-align: top;
	width: 150px;
	line-height: 25px;
	background: #f5f5f5;
	padding: 0px 0px 0px 8px;
}
.formlabel.small {
	width: 95px;
}
.formlabel.large {
	width: 255px;
}

div.formrequired {
	color: #d60000;
	border: 1px dotted #d60000;
	display: inline-block;
	padding: 5px 10px 5px 32px;
	background: 10px 7px  no-repeat url(../image/toolbar/icon_alert.png);
	margin: 10px 0px 10px 0px;
}
td.formrequired {
	color: #fff;
	background: #d60000;
}
.formlabel.required:after {
	content: ' *';
}
.formextra {
	padding-top: 20px;
}
.formextra button,
.formextra input[type="button"],
.formextra input[type="reset"],
.formextra input[type="submit"] {
	float: right;
	margin: 0px 0px 0px 12px;
}
.ui-datepicker-trigger {
	cursor: pointer;
	display: inline-block;
	margin: 3px 0px -3px 3px;
}
.roofbox {
	border: 1px solid #ddd;
	padding: 20px 20px 10px 20px;
	margin: -11px 0px 21px 0px;
}
	.roofbox a.removelinkleft {
		margin-bottom: 5px;
	}


/* ADMIN */
.editicon,
.delicon {
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}
.editicon {
	background-image: url(../image/toolbar/btnEdit.gif);
}
.editicon:hover {
	background-image: url(../image/toolbar/btnEditOver.gif);
}
.delicon {
	background-image: url(../image/toolbar/btnDel.gif);
}
.delicon:hover {
	background-image: url(../image/toolbar/btnDelOver.gif);
}
.addlink {
	position: relative;
	z-index: 100;
	display: inline-block;
	float: right;/*
	padding: 0px 20px 0px 0px;
	background: right no-repeat url(../image/toolbar/btnAdd.gif);*/
	padding: 6px 12px 6px 12px;
    background-color: #e30613;
    color: #ffffff;
    border-radius: 3px;
	font-weight: 600;
}
.addlink:hover {
	/*background-image: url(../image/toolbar/btnAddOver.gif);*/
	background-color:#222222;
	color:#ffffff;

}
.addlinkleft {
	position: relative;
	z-index: 100;
	display: inline-block;
	padding: 0px 0px 0px 20px;
	background: left no-repeat url(../image/toolbar/btnAdd.gif);
}
.addlinkleft:hover {
	background-image: url(../image/toolbar/btnAddOver.gif);
}
.actionlink {
	position: relative;
	z-index: 100;
	display: inline-block;
	float: right;
	clear: right;
	padding: 0px 20px 0px 0px;
}
.removelink {
	position: relative;
	z-index: 100;
	display: inline-block;
	float: right;
	padding: 0px 20px 0px 0px;
	background: right no-repeat url(../image/toolbar/btnRemove.gif);
}
.removelink:hover {
	background-image: url(../image/toolbar/btnRemoveOver.gif);
}
.removelinkleft {
	position: relative;
	z-index: 100;
	display: inline-block;
	padding: 0px 0px 0px 20px;
	background: left no-repeat url(../image/toolbar/btnRemove.gif);
}
.removelinkleft:hover {
	background-image: url(../image/toolbar/btnRemoveOver.gif);
}
.colortable .editicon,
.colortable .delicon,
.colortable .addicon {
	float: left;
}


/* TEMPLATE */
	#body {
		position: relative;
		background: #fff;
		margin: 0px auto;
		width: 1040px;
	}
	.notiniframe #body {
		border: 1px dashed #ddd;
		border-top-width: 0px;
	}
	#logo {
		position: relative;
	}
		#logo h1 {
			position: absolute;
			z-index: 100;
			bottom: 18px;
			left: 190px;
		}
	#companyselector {
		position: absolute;
		z-index: 200;
		top: 63px;
		right: 50px;
	}
	#menu {
		margin: 0px 50px;
		border-bottom: 1px solid #ddd;
	}
	#menu ul,
	#menu li {
		float: left;
		display: block;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#menu ul {
		width: 100%;
	}
	#menu li.logout {
		float: right;
	}
	#menu a {
		position: relative;
		display: block;
		border: 1px solid #ddd;
		line-height: 30px;
		padding: 0px 6px;
		margin: 0px 5px -1px 0px;
		font-size: 13px;
		color: #999;
		text-shadow: 1px 1px #fff;
		background: url(../image/menu/1_bg.png);
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
	}
	#menu a:hover,
	#menu a.selected {
		color: #231f20;
		border-bottom-color: #fff;
		padding-top: 3px;
		line-height: 27px;
		background: #fff;
	}
	#menu a:hover:after,
	#menu a.selected:after {
		display: block;
		content: ' ';
		position: absolute;
		z-index: 100;
		line-height: 3px;
		height: 3px;
		overflow: hidden;
		top: -1px;
		left: -1px;
		right: -1px;
		background: #231f20;
		border-radius: 5px 5px 0px 0px;
	}
	#menu li.logout a {
		margin: 0px 0px -1px 5px;
	}
	#content {
		position: relative;
		margin: 35px 50px;
		min-height: 500px;
	}
	.tpl_spacer {
		height: 35px;
	}

	.tpl_content > .addlink {
		margin-right: 10px;
	}

	.emailicon {
	    background-image: url("../image/icon-mail.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    display: inline-block;
	    height: 15px;
	    margin-right: 1px;
	    overflow: hidden;
	    width: 15px;
	}

	.white-popup-block {
	    background: #fff none repeat scroll 0 0;
	    margin: 40px auto;
	    max-width: 500px;
	    padding: 20px 30px;
	    position: relative;
	    text-align: left;
	}

	.email-form input,.email-form textarea{
		border:1px solid #dddddd;

	}
	.email-form .emailaddress{
		padding: 5px;
		width: 250px;
		margin-bottom: 5px;
	}
	.email-form textarea{
		font-size: 11px;
	    height: 100px;
	    margin-bottom: 8px;
	    width: 100%;
	}

	.email-form label{
		margin-bottom: 5px;
		font-size: 14px;
	}

	.email-form .error{
		border:1px solid #ff0406;
	}

	.sort_price{
		margin-right: 10px;
	}

	.sorting_area{
		position: relative;
	}
	.save_message{
		 bottom: 0;
	    display: none;
	    left: 10px;
	    position: absolute;
	}

	.doc-menu ul{
		margin-left: 0;
	}
	.doc-menu ul li a.main-menu{
		background: #333333 url("../image/arrow.png") no-repeat scroll right 8px center;
	    display: block;
	    padding: 20px 34px 20px 20px;
	}
	.doc-menu ul li{
		list-style: outside none none;
		position: relative;

	}

	.doc-menu ul li ul{
		background: #333333 none repeat scroll 0 0;
	    display: none;
	    margin-left: 0;
	    position: absolute;
	    text-align: left;
	    border: 1px solid #fff;
	    transition:All 1s ease;
		-webkit-transition:All 1s ease;
		-moz-transition:All 1s ease;
		-o-transition:All 1s ease;
	}

	.doc-menu ul li:hover ul{
		display: block;
	}
	.doc-menu ul li ul li a{
		color: #fff;
    	margin-right: 0 !important;
	}

	.doc-menu ul li ul li{
		padding: 5px 10px;
		border-bottom: 1px solid #fff;
	}
	.mt{
		/*margin-top: 15px; origineel */
		margin-top: 30px;
	}
	/* CSS GEERT */
	/* verbergen van aantal bestanden na de titel */
	h1.counter span {visibility:hidden;}

	/** CSS Valentino **/
body, div, p, td, span, ul, ol, li {
	line-height:160%;
}
/*login*/
.loginhide {
	display:none;
}
.loginpage {
	margin:0px !important;
	position: absolute !important;
	right:0;
	width: 50%;
	background: #f6f6f6;
	padding:0 20px;
	top:0;
	height: 100%;
}
#logo {
	position:absolute;
	bottom: 0;
	left:50px;
	bottom:25px;
	width:35%;
}
#logo img {
	width:100%;
}
#login {
	padding-top:150px;
}
#menu {
	border:none;
}
h2 {
	border:none;
}

.formtable input[type="text"],.formtable input[type="file"],.formtable input[type="password"],.formtable select,.formtable textarea {
	padding: 0px 10px;
	margin-bottom: 0px;
	width:230px;
}

.formtable input[type="text"].tiny {width:85px;}
.formtable input[type="text"]#signdate1, .formtable input[type="text"]#signdate2 {width:200px;}

.formtable select.formline, .formtable select{
	padding: 0!important;
}

input[type="text"], input[type="file"], input[type="password"], select, textarea {
	padding: 20px 10px;
	margin-bottom: 10px;
	width:230px;
}
button, button.formbut, input[type="button"], input[type="reset"], input[type="submit"] {
	line-height: 160%;
	border-radius: 0px;
	height:auto;
	padding:10px 40px;;
	display: block;
}

#secondpart input[type="submit"] {color:#282828;}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	/* text-shadow: -1px -1px rgba(0,0,0,0.35); */
	text-shadow: none;
    background: #e30613;
    color: #fff;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	text-shadow: -1px -1px rgba(0,0,0,0.35);
    background: #99aabd;
    color: #fff;
}
#login h2, #login p {
	color:#000;
}
#firstpart {
	border-bottom:2px solid #fff;
	padding-bottom:10px;
}
#secondpart {
	margin-top:40px;
}
a.next:before, a.more:before {
	content:"\2192";
}
.loginpage a.next, a.more {
	padding-left:35px;
}
.loginpage a {
	 color: #333333;
}
.loginpage a:hover {
	color: #e30613;
}
.aanvraag {
	background:#c6c6c6 !important;
	text-shadow:none !important;
	}
.aanvraag:hover {
	background:#99aabd !important;
	text-shadow:none !important;
}
/*menu*/
#menu {
	background:#f6f6f6;
	margin:0;
	width:100%;
}
#menu a {
	position: relative;
    display: block;
    border: none;
    line-height: 30px;
	padding: 20px 12px;
    margin: 0px;
    font-size: 13px;
    color: #000;
    text-shadow: none;
    border-radius:0px;
	background:none;
	font-weight: 600;
}
#menu a:hover, #menu a.selected {
	line-height:30px;
	padding: 20px 12px;
	margin:0;
	background:#c6c6c6;
}
#menu li.logout {
	float:left;
	background:#e30613;

}
#menu li.logout a {
	margin:0px;
	color:#ffffff;
}
#menu a:hover:after, #menu a.selected:after {
	height:0px;
}
#menulogo {
	float:left;
	background:#fff;
	padding:10px 15px;
}
#menulogo img {
	height:50px;
}
/*footer fix*/
body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.container {
  /*flex: 1;*/
}

/*footer css*/
#main-wrapper {
	box-sizing:border-box;
	min-height:100%;
    padding: 0 0 117px 0;
    position: relative;
}

footer {
    bottom: 0;
    height: 117px;
    left: 0;
    /*position: absolute;*/
    width: 100%;
	border-top: 5px solid #e30613;
}

#homebottompicture {margin:10px;}


/*einde footer css*/



#login input[type="text"],#login input[type="password"]{
    padding: 10px 10px;
	height:auto;
}

.formtable td label {height:40px;}

input[type="text"], input[type="file"], input[type="password"], select{
    height: 40px;
    padding: 6px 10px;
}
/*aanpassing grootte van invulvelden*/
input.formline.full, input.formline.larger, input.formline.large {width:350px;}
select.formline.large {width:350px;}
.formtable select.paddinglr {padding-left:6px!important; padding-right:6px!important;}

/*loginpage*//*
.loginpage {color:#ffffff; font-size:14px;}
.loginpage p {color:#ffffff; font-size:14px;}
.body.backgr{/*background-image: url(../image/backgr-image-slider.jpg);
    background-repeat: no-repeat;
    background-position: left top;}

.loginpage td label{color:#ffffff !important;}*/

/*Forget Page Style*/

form.forget_form_bi {
  margin-top: 50px;
}
.forget_form_bi p {
  color: #fff;
  font-size: 20px;
}
.forget_form_bi input {
  margin-bottom: 15px;
}
.forget_form_bi input[type="text"] {
  width: 100%;
}

.forget2_design {
  color: #8dc63f;
  font-size: 15px;
  margin-top: 50px;
  text-align: center;
}
.clear{
	clear: both;
}

.type-choose {
	position: absolute;
	right: 0;
	top: 20px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	background: white;
	padding: 10px;
}

  /* alert area */
  .alert-area {
    padding: 8px 15px;
    box-sizing: border-box;
    color: white;
    line-height:normal;
    margin-bottom: 30px;
  }
  .alert-area > * {
    margin:0;
  }

.weather-widget {
    margin-bottom: 23px !important;
    background-color: #ffffff !important;
}

  .alert-area > h3 {
    font-size: 14px;
    font-weight: 400;
  }
  .alert-area.success {
    background: #439943;
  }

/*lay out aanmaak/edit pagina garantie*/
#warranty_edit:not(.edit_part) h2 {background: #333333;
    color: #ffffff;
    padding: 5px 3px 5px 5px;}

.loginpage h1 {color:#000000; margin:15px 0;}
.loginpage td label {color:#000000;}
.loginpage p {color:#000000;}

textarea#reason {width:460px;}

.small {font-size:11px; color:#e30613;}

button.formbut.sendmail-button {text-shadow: none;}

/* Status history table */
.status-history {
  max-width:875px;
}
.status-history tr:nth-child(odd) {
  background-color:#fafafa;
}
.status-history tr:first-child {
  background-color:#f5f5f5;
}
.status-history th, .status-history td {
  padding: 1px 8px;
  border: 1px solid #d9dde2
}

tbody.ellipsis td {white-space: normal;}