@import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700");

html,body{
	margin:0px 0px;
	padding:0px;
/* 	background-color: #fafafa !important; */
	background-color: #f5f8fa !important;
	}
body{
	font-size: 0.8em;
/*	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;*/
	font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1 {
	font-size: 25px;
}
img { align: left; }

a { color: #008cdd; }
a, button {outline: none !important;}
div, form, input, select, search, button, table, ul, li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label {
	color: #676a6c;
	font-weight: bold;
	margin-bottom: 10px;
}
/*
=common
**********/
.row	{	width: 100%; clear: left; float: left; margin-bottom: 10px; }
.min	{	min-width: 510px;	}
.clear	{	clear:both;			}
.float_l, .float-left {	float:left; }
.float_r, .float-right { float:right; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.overflow-auto { overflow: auto !important; -webkit-overflow-scrolling: touch; }

/* aligns */
.center	{	text-align: center !important;	}
.left	{	text-align: left;	}
.right	{	text-align: right !important;	}
.top	{	vertical-align: top;}

/* colors */
.black	{	color: #000000 !important; }
.red	{	color: #FF0000 !important; }
.green	{	color: #669900 !important; }
.blue	{	color: #008cdd !important; }
.orange {	color: #f0ad4e !important; }
.ccc	{	color: #ccc;		}
.lazur-bg { background-color: #23c6c8; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 2px 3px 0 rgba(0,0,0,.075); }
.light-grey-bg { background-color: #f5f5f5; }

.white-popup-block:before {
	content: '';
	width: 100%;
	height: .22rem;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(to right, #008cdd, #3db8ff);
	background: -webkit-linear-gradient(to right, #008cdd, #3db8ff);
	background: linear-gradient(to right, #008cdd, #3db8ff);
	display: block;
	position: absolute;
}

.input-group input[name="btw[]"] {max-width: 30px; }

/* font-weights */
.light	{	font-weight: 100; margin-bottom: 5px; font-size: 30px; }
.bold	{	font-weight: bold;	}
.italic {	font-style: italic; }
.font-weight-normal { font-weight: normal !important; }

.text-tiny {	font-size: 7px !important; }
.smaller{	font-size: 9px !important; }
.small	{	font-size: 11px !important;	}
.medsm	{	font-size: 13px !important;	}
.medium	{	font-size: 15px !important;	}
.large	{	font-size: 20px !important; padding: 10px 25px;}
.big	{	font-size: 15px; padding: 6px 15px;	margin-top: 10px; }

.h2-seperator{ margin-top: 50px; display:inline-block;}

.iconRowPositioner {
	position: absolute;
	margin: 7px 3px;
	font-size: 1.23em;
}

.iconRowPositioner.first{
	margin: 10px 0 0 3px;
}
.iconRowPositioner.second{
	margin: 10px 0 0 19px;
}

select.select-fixed-xs {
	width: 5rem;
}

#overviewOrders {position: relative; }
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1999;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  background: #fff;
  opacity: 0.95;
  margin: 0 !important;
  padding: 10px;
  z-index: 99999;
   -webkit-box-shadow: 0 10px 6px -6px #ececec;
       -moz-box-shadow: 0 10px 6px -6px #ececec;
            box-shadow: 0 10px 6px -6px #ececec;
  margin-top: 0 !important;
}

.sticky-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100% !important;
  background: #fff;
  opacity: 0.95;
  margin: 0 !important;
  padding: 10px;
  z-index: 999;
   -webkit-box-shadow: 0 -6px 6px -6px #ececec;
       -moz-box-shadow: 0 -6px 6px -6px #ececec;
            box-shadow: 0 -6px 6px -6px #ececec;
  margin: 0 !important;
}

.totalToolBottom {
	font-weight: 900;
	font-size: 1.5em;
	float: right;
	margin: 10px 75px 10px 10px;
	color: #ggg;
	display: none;
}

.sticky-bottom .totalToolBottom {
	display: block;
}

.btnScrollToTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
	border: none;
	outline: none;
	background-color: #6ec7f5;
	background: #6ec7f5;
	color: white;
	cursor: pointer;
	padding: 10px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	opacity: 0.75;
}
.btnScrollToTop:hover { opacity: 1; }


tr.done td { text-decoration: line-through !important; }
.img-sm-thumb {
	width: 45px;
	margin-left: 15px;
}
.padding-top-5 {
	padding-top: 5px;
}

.thumbnail-image {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 20%;
	max-width: 20%;
}

.thumbnail-image-50 {
	width: 50px;
	height: auto;
}
.thumbnail-image-75 {
	width: 75px;
	height: auto;
	vertical-align: middle;
}

.text-nowrap {
    white-space: nowrap;
}

.text-ellipsis {
    text-overflow: ellipsis; /* will make [...] at the end */
*	width: 200px;
    white-space: nowrap; /* paragraph to one line */
    overflow: hidden;
}

.fontUppercase { text-transform: uppercase; }
.pointer { cursor: pointer; }
.full-width { width: 100%; }
.overflow-scroll { overflow: scroll; }

@media 	all and (max-width: 1024px) {
  #uitgaand, .overviewContent {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
  }
  table.overviewActionHeader, .overviewActionHeader {
  	display: table !important;
  }
  span.labels {float:none !important;}
}


.selectize-full-width .selectize-input {
    min-width: calc( 100% - 150px ) !important;
}

.responsive-image { max-width: 100%; }

.textarea-comment {width:auto;font-size:9px;}
tr .hoverVisible { visibility: hidden; }
tr:hover .hoverVisible { visibility: visible; }

tr .cbDelete, tr #cbDelete { visibility: hidden; }
tr:hover .cbDelete, tr:hover #cbDelete  { visibility: visible; }
tr .cbDelete:checked, tr #cbDelete:checked  {visibility: visible; }


.gutter-row-10 {
	margin-top: 10px;
}
.gutter-row-5, .sub-row-gutter {
	margin-top: 5px;
}

ul.no-style, ol.no-style {
    list-style:none;
}
ul.inline li {
	display: inline;
	padding-left: 20px;
}
.sorted_table tr.placeholder {
  display: block;
  background: red;
  border-top: 1px solid red;
  height: 1px;
  position: relative;
  margin: 0;
  padding: 0;
  border: none; }

  .sorted_table tr.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    left: -5px;
    border-right: none; }

.table-insideTable {
	max-width: 90%;
	margin: 15px auto !important;
/* 
	margin-left: auto;
	margin-right: auto;
 */
}

.admin-info {
	position: fixed;
	border: 1px solid #;
	top: -5px;
	right: 125px;
	border-radius: 5px;
	width: 275px;
	height: 45px;
	overflow: scroll;
	background: #3498db;
	color: #fff;
	padding: 8px 5px;
	font-size: 0.7em;
}
.admin-info-full {
	height: auto;
}

.dossier-info {
	position: fixed;
	top: -5px;
	right: 150px;
	border-radius: 5px;
	width: 275px;
	height: 40px;
	color: #fff;
	padding: 8px 5px;
	font-size: 0.7em;
}
.dossier-info h3 {margin: 0 0 3px 0;}
.dossier-info h3 span {text-decoration: uppercase;}
.dossier-ha {
	border: 1px solid #bbb;
	background: #000;
}
.dossier-ah {
	border: 1px solid #D9D9CF;
	background: #D9D9CF;
/* 	color: #515256; */
	color: #000;
}

.dossier-black {
	border: 1px solid #bbb;
	background: #000;
}
.dossier-white {
	background: #fff;
	color: #000;
}

p.alert {
background-color: #E9E9E9;
border: 0;
border-radius: 4px;
box-sizing: border-box;
line-height: 2em;
padding: 15px;
}

.loadTogglerContent {
	font-size: 28px;
	width: 100%;
	color: #ccc;
	text-align: center;
	height: 75px;
	padding-top: 25px;
}

/* .overviewTogglerOpen > div,  */
#tabelProjectenWrapper, #tabelRamingenWrapper {
	overflow: scroll;
}
.search-form {
	margin: 10px 5px 5px 0;
    width: auto;
    min-width: 250px;
	display: inline-block;
}
.search-form input {
	width: 100%;

}
.white-popup-block #ontvanger, .white-popup-block #onderwerp {
	width: 50%;
}

.tablePager {
	width: 100%;
	float: left;
	padding-left: 10px;
}
.search-wrapper {
	float: right;
	text-align: right;
	margin: 10px 0;
	padding-right: 10px;
	width: 50%;
}

.widget {
	border-radius: 5px;
	padding: 15px 20px 0 20px;
	margin: 10px;
	overflow: hidden;
}
.widget .peity { margin-bottom: -4px; }

.btn-widget {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;
}

.btn-widget-sm {
	font-size: 0.85em;
	width: 75px;
	height: 18px;
	padding: 3px;
	margin: 3px 3px 3px 0;
}

.btn-widget-md {
	font-size: 1em;
	font-weight: bold;
	width: 55px;
	height: 25px;
	padding: 5px;
	margin: 5px 5px 5px 0;
}

.btn-widget-lg {
	font-size: 1.2em;
	font-weight: bold;
	width: 75px;
	height: 45px;
	margin: 5px 10px 5px 0;
}

.col-margin-right { margin-right: 30px !important; }

.export	{	margin-top: 3px; line-height: 20px; font-size: 20px; }
.noborder{	border: 0px;		}
.nobackground{	background: transparent; }
.nobackground:hover{	background: transparent; }
.noPadding, .no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-border { border: none !important; }
.comment {color: #bbb; font-size: 11px; }
.hidden, .hide	{	display: none;	}
.visible {	display: block; }
.full label.voldaan { padding: 0; margin: 0; width: 460px; }
.full input.cb, form.white-popup-block input.cb { margin-right: 15px; margin-top: 10px; }
form.white-popup-block input.cb, input.cb.lg { font-size: 1.5em !important;}
input.cb.lg.offset { margin-top: 10px;}
.noborder td{ border: 0px; }
.logo { border: 0; margin: 55px auto; display: block; }

input.error { color: #FF0000; background-color: rgba(222, 67, 67, 0.2) !important; }

.hidden-column-show-hover {
  display: none;
}

.r1.hidden {height: 30px; min-height: 30px;}

tr:hover .hidden-column-show-hover {
  display: table-cell;
}

button:disabled {
	background: #fff;
}


#titelDocument {
	font-size: 2em;
	font-weight: 800;
	margin: 20px 0 0 150px;
}
#docType { margin-right: 10px; }

.comment, .commentInput {
	font-size: 0.9em;
	color:#999;
	margin: 0;
	padding: 0;
}
.commentInput {
	border: 0;
}
.commentInput-normal {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.4em;
}

	.tabs_entry, .row-item {
		border-top:1px solid #eee;
		width:100%;
		float:left;
		clear:left;
		padding:10px 0;
	}
	.tabs_entry p {
		width:170px;
		margin:0;
		padding: 0 !important;
		font-size:12px;
		font-weight: bold;
		float:left;
		color:#444;
		letter-spacing: normal;
	}
	.tabs_entry img {
		max-width: 100%;
	}

	.tabs_entry .set {
		height: auto;
		margin-left:180px;
	}
	.tabs_entry .set p {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
		font-weight: normal;
	}

	.tabs_entry .set p.desc, .desc {
		font-weight: normal;
		color:#999;
		margin: 10px 0 15px 0;
	}
	.tabs_entry label {
	    display: block;
	/*    text-indent: -15px;*/
	/*    padding-left: 15px;*/
	}
	.tabs_entry textarea {
		width: 100%;
	}
	.tabs_entry input[type=text], .tabs_entry input[type="number"], .tabs_entry input[type=password], .tabs_entry textarea, .tabs_entry select {
		font-size: 11px;
	}
	.tabs_entry input[type=text] {
		width:100%;
		margin: 0 0 10px 0;
		padding: 3px;
		font-size: 1.1em;
	}
	.tabs_entry input[type=text][disabled] {
		background: #f5f5f5;
		color: #ccc;
		border-color: #ccc;
	}
	
	.tabs_entry input[type=text].small {
		width:150px;
	}
	.tabs_entry input[type=text].medium {
		width:240px;
	}
	.tabs_entry input[type=text].medium_small {
		width:70px;
	}
	.tabs_entry input[type=text].extra_small {
		width:35px;
	}

input[type="search"] {
	font-size: 16px;
}
input[type="number"] {
   width:75px;
}

/* toggler */

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.cmn-toggle-round + label {
  padding: 2px;
  margin-bottom: 5px;
  width: 40px;
  height: 20px;
  background-color: #dddddd;
  border-radius: 60px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  border-radius: 60px;
  transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
  width: 20px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
  background-color: #8ce196;
}
input.cmn-toggle-round:checked + label:after {
  margin-left: 22px;
}
/* toggler */

/* detail */

.buttonBack {
	width: 27px;
	height: 27px;
	font-size: 16px;
	color: #777;
	margin-top: -6px;
}
.buttonAdd {
	width: 24px;
	height: 24px;
	font-size: 9px;
	color: #777;
}

.prijsafspraken {
	min-width: 500px;
	max-width: 500px;
}
.voorraadBewegingen {
	min-width: 600px;
	max-width: 600px;
}
.prijsafspraken td, .voorraadBewegingen td {
	padding: 1px 5px 2px 5px !important;
}
.detailHeader {
	width: 100%;
	background: #f5f5f5;
	padding: 20px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #ddd
    -webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
	.detailHeader h3 {
		line-height: 1.6em;
	}

	.detailHeader .avatar {
		float: left;
		*background: #ddd;
		color: #19a0a1;
		width: 135px;
		height: 135px;
		font-size: 85px;
		padding: 0px 30px;
		margin: 10px;
	    -webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
	    box-sizing: border-box;
	    border-radius: 100px;
		border: 5px solid #fff;
	}
	.detailHeader .detail-image {
		float: left;
		color: #19a0a1;
		font-size: 85px;
		padding: 0px 30px;
		margin: 5px;
	    -webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
	    box-sizing: border-box;
	    border-radius: 8px;
		border: 5px solid #fff;
	}
	.detailHeader .detail-image.has-image {
		padding: 5px !important;
		overflow: hidden;
		display: inline-block;
position: relative;
*height: 164px;
*width: 164px;
*margin: 5px;
	}
	.detailHeader .detail-image.has-image img {
		display: block;
	}
	.red.accent-4 { background-color: #D50000 !important;
	color: #fff !important }

	.btn-remove-image {
		position: absolute;
		top: 3px;
		right: 3px;
		width: 25px;
		height: 25px;
		border-radius: 5px;
		opacity: .4;
		font-size: 1rem;
		vertical-align: middle;
		text-align: center;
	}
	.btn-remove-image:hover { opacity: 1; }
	.btn-remove-image .fa { position: relative; }

.detailContent {
	border-top: 2px solid #ccc;
	background-color: #fff;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 20px;

}

/* /detail */

#emailVerzenden .row {
	margin: 2px;
}

.kwartalen {
	border: 1px solid #ddd;
	display: inline-block;
	background: #fff;
	margin: 10px;
	padding: 15px;
	width: 44%;
	min-width: 330px;
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3-4 */
	border-radius:5px;
	background-repeat: no-repeat;
	background-position: right top;
}


/* The file upload form */


#upload{
    font-family:'PT Sans Narrow', sans-serif;
*background-color:#373a3d;
*background-image:-webkit-linear-gradient(top, #373a3d, #313437);
*background-image:-moz-linear-gradient(top, #373a3d, #313437);
*background-image:linear-gradient(top, #373a3d, #313437);

*width:250px;
    padding:30px;
    border-radius:3px;

*margin:20px auto 10px;
*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.uploadTransacties {
	*margin: 10px 20px 20px 0px !important;

}

#drop{
    *background-color: #2E3134;
    padding: 60px 50px;
    margin-bottom: 10px;
    border: 7px dashed #aaa;
    border-radius: 7px;
*border-image: url('../images/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 7px;
    line-height:1;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin:0 -30px;
*border-top:1px solid #aaa;
*border-bottom:1px solid #aaa;
}

#upload ul li{

    *background-color:#333639;

*background-image:-webkit-linear-gradient(top, #333639, #303335);
*background-image:-moz-linear-gradient(top, #333639, #303335);
*background-image:linear-gradient(top, #333639, #303335);

*border-top:1px solid #aaa;
*border-bottom:1px solid #aaa;
    padding:15px;
    height: 52px;

    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
*    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: -10px;
    left: 60px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../images/icons.png') no-repeat;
    position: absolute;
*    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    width: 90%;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:white;
    padding:0;
}


.eerste {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100%' width='100%'><text font-family='Arial' x='70%' y='70%' fill='#dddddd' font-size='250'>1</text></svg>");
}
.tweede {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100%' width='100%'><text font-family='Arial' x='70%' y='70%' fill='#dddddd' font-size='250'>2</text></svg>");
}
.derde {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100%' width='100%'><text font-family='Arial' x='70%' y='70%' fill='#dddddd' font-size='250'>3</text></svg>");
}
.vierde {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100%' width='100%'><text font-family='Arial' x='70%' y='70%' fill='#dddddd' font-size='250'>4</text></svg>");
}
.imgDel { width: 15px; height: 15px; }

.overviewToggler {
    -webkit-box-sizing: border-box;
   	-moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
}
.overviewToggler p { font-size: 9px; font-weight: normal; padding: 0; margin: 0; }
.leftToggler, .midToggler, rightToggler { overflow: hidden; }
.leftToggler { width: 50%; float: left; color: #006699; }
.leftToggler a, .leftToggler a:visited { color: #006699; }
.leftToggler a:hover { color: #669900; }
.leftToggler p { color: #6c6c6c; font-size: 10px; }

.midToggler { width: 30%; float: left; color: #006699; }

.rightTotal { font-size: 1.6em; float: right; width: 20%; text-align: right; padding-top: 3px; }
.notification_bubble {
    position:absolute;
    top: -9px;
    right:-9px;
    padding:1px 6px;
    background-color:red;
    color:white;
    font-weight:400;
    font-size:12px;
    border-radius:30px;
    z-index: 3;
}

.icon { font-size: 13px; cursor: pointer; }

.myComment {
	display: none;
}

.overviewToggler {
	position:relative;
	font-size: 1.4em;
	border: 0.5px solid #ccc;
	padding: 13px;
	margin: 10px 0 0 0;
	background: #E6E6E6;
	font-weight: bold;
	height: 30px;
	cursor: pointer;

*	width: 900px;
width: 100%;
*	min-width: 420px;
*	max-width: 95%;

	height: 4em;
	border-radius: 3px;
	transition: all .2s ease-in-out;
}

.overviewToggler:hover {
	background-color: #E0E0E0;
}

.overviewTogglerOpen {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.overviewContent {
	position:relative;
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
*	width: 900px;
width: 100%;
*	min-width: 436px;
*	max-width: 95%;
}
.overviewContent td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px; font-size: 11px; }

.tablePager {
	border-collapse: collapse;
	border: 0px !important;
}

.overviewActionHeader tr {
	background: #F9F9F9 !important;
}
.overviewActionHeader tr:hover {
	background: #F9F9F9;
}

thead.overviewThead {
	font-size: 12px;
	border: 1px solid #ccc;
	background-color: #f9f9f9 !important;
	text-transform: uppercase;
}
thead th {
	border-right: 1px solid #ccc;
	background-color: #f9f9f9;
}
thead tr:hover {
	color: #000;
	background-color: #f9f9f9;
}
tfoot td{
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #f9f9f9 !important;
	padding: 7px !important;
}

div.pager {
    text-align: left;
    margin: 0.5em 0;
}

div.pager span {
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    cursor: pointer;
    background: #ccc;
    color: #fff;
    margin-right: 0.5em;
    font-weight: bold;
}

div.pager span.page-all {
	width: 10em;
}
div.pager span:hover {
	color: #008cdd;
}

div.pager span.active {
    background: #008cdd;
    color: #fff;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .5s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: none;
    cursor: pointer;
    -webkit-filter: grayscale(0%);
}

textarea {
	font-size: 9px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

button > a .fa { color: #fff; }
button.buttonBack > a .fa { color: #777; }
button[disabled] { color: #aaa; cursor: not-allowed; }

.report tr:nth-child(odd) { background-color: #f9f9f9; }
.report tr:nth-child(even) { background-color: #FFF; }

.report tr:hover{ background-color: #f1f1f1; color: #008ccd; }
tr.nohovercolor:hover { background-color: #fff !important; color: #000 !important; }

.message{
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);                                      
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding: 15px;
     position: fixed;
     top: -100px;
     *position: absolute;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     animation: animate-bg 5s linear infinite;
     z-index: 10000;
}

.message > p > a { color: #fff; }

.info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.error{
     background-color: #de4343;
     border-color: #c43d3d;
}
     
.warning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.success{
     background-color: #61b832;
     border-color: #55a12c;
}

.message h3{
     margin: 0 0 5px 0;                                                  
}

.message p{
     margin: 0;                                                  
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
  font-size: 1.25em;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 50px !important;
  height: 50px !important;
  font-size: 10px;
}

.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}


.btn-bootstrap {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius:4px;
    text-decoration:none;
    text-transform: uppercase;
}
.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color:#269abc
}

button {
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 0;
    font-size: 10.5px;
    line-height: 15px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}




/* PEPPOL  */


button:has(> span.btnPeppolText) {
	padding: 3px;
	width: auto;
}

.btnPeppolText {
	font-size: 8px;
}
.btnPeppol {
    background: url('images/peppol-logo.png') no-repeat center;
    background-size: contain;
    border: none;
}
.modalPeppolTitle {
	display: flex;
	align-items: center;
    gap: 5px;
}
.modalPeppolLogo {
	width: 30px;
	height: auto;
}

.mfp-content .popup-block-large {
	height: 85vh;
	overflow-y: scroll;
}

.mfp-ajax-holder .mfp-content:has(> .popup-block-large) {
	width: 75%
}

.alert{
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}

.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-warning {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}

/* Algemene stijl voor de tijdlijn */
.timeline {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0px 0;
    padding-left: 2px;
}

.timeline-item {
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 20px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}
.timeline::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #ccc;
}

.circle {
    width: 27px;
    height: 27px;
    background-color: #007bff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    position: relative;
    z-index: 1;
    margin-right: 10px;
}
.circle.warning {
	background-color: #ffc107;
}
.circle.danger {
	background-color: #FF0000;
}
.circle.success {
	background-color: #28a745;
}
.timeline-content {
	max-width: 90%;
	overflow: scroll;
    background-color: #f9f9f9;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.timeline-content h3 {
    margin: 0 0 12px;
    font-size: 14px;
}

.timeline-content p {
    margin: 0;
    font-size: 12px;
    color: #555;
    padding: 0;
}


/* EINDE PEPPOL */

.button-small {
	padding: 4px 4px !important;
	font-size: 8px !important;
	line-height: 1em;
}

.button-large, .btn-large {
	padding: 8px 8px !important;
	font-size: 11px !important;
	line-height: 1.5em;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn:active, .btn.active {
    background-color: #ccc \9
}

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.btn-info.disabled, .btn-info[disabled] {
    color: #fff;
    background-color: #2f96b4;
}

.btn-info:active, .btn-info.active {
    background-color: #24748c \9
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #51a351;
}

.btn-success.disabled, .btn-success[disabled] {
	background: #ccc;
	color: #f5f5f5;
}

.btn-success:active, .btn-success.active {
    background-color: #408140 \9
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
	color: #fff;
    background-color: #f89406;
}

.btn-danger {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
	color: #fff;
    background-color: #bd362f;
}

.tools {
	display: none;
    top: -6px;
    right:-6px;
}

.ui-button { margin-left: -1px; }
.ui-autocomplete-input { width: 450px; margin: 0; padding: 4px; }
.ui-autocomplete-input:hover { background: #E3EFFF; }

ul.ui-widget-content, #ui-id-1 {
	overflow: auto !important;
	height: auto;
	max-height: 90%;
}

label.disabled {
	color:#a0a4a7;
}
tr.rBlue td {
	background-color: #e1f4fe !important;
}
tr.r0 td {background-color: #fffec9; } /* bootstrap: #fcf8e3, origineel: #fff6be */
tr.r1 td {background-color: #dff0d8; } /* #c9f6c9, #A9F5A9 */
tr.rAlert td {background-color: #f2dede; } /* #f7a9a9 */

.pageTitle {
	padding: 20px 30px 20px;
	border-bottom: 1px solid #DDD;
	box-shadow: 0 1px 0 #fff;
	text-align: left;
	color: #006699;
	background: #EFEFEF;
	background: -webkit-linear-gradient(#EFEFEF, #FFF);
	background: -moz-linear-gradient(#EFEFEF, #FFF);
	background: -ms-linear-gradient(#EFEFEF, #FFF);
	background: -o-linear-gradient(#EFEFEF, #FFF);
	background: linear-gradient(#EFEFEF, #FFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#FFFFFF', GradientType=0);
	background: -ms-linear-gradient(top, #ffffff 0%,#EFEFEF 100%); /* IE10+ */
}
.pageTitle h1 {
	margin: 0;
	width: 35ch;
}
.page {
	float: left;
	width: 100%;
	font-size: 12px;
	padding: 0px 30px 20px;
	height: auto;

}

.page .fa-user-plus:hover {
	color: #008cdd;
}

.boxShadow {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
	*box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

/* -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5); */
/*	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px rgba(0,0,0,0.3),0 3px 5px rgba(0,0,0,0.2);
*/
}

/*
fontAwesome backgroundicon
.inner {
	z-index: 2;
}
.configpage:after {
  content: "\f013"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 400px;
  color: #f1f1f1;
  top: 50%;
  left: 50%;
  margin: -300px 0 0 -200px;
  z-index: 1;
}
*/

table.report {
	border-collapse: collapse;
	overflow:hidden;
	border:1px solid #d3d3d3;
	background:#fefefe;
	margin: 30px 0;
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3-4 */
	border-radius:5px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	}
	th { padding:5px; font-size: 1em; }
	table.report td { padding:5px; font-size: 13px; }
	
	table.report th {padding:10px 17px 10px 10px; text-shadow: 1px 1px 1px #fff; background:#e8eaeb; text-align: left; text-transform: uppercase; }
	
	table.report td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
	table.report tr:nth-child(odd) td {background:#f6f6f6;}
	
	table.report tr:hover { color: #008ccd; }

	table.btw { width: 300px; }
	table.listing { min-width: 400px; }
	table.omzetklant { min-width: 400px; }

/* tables */

.bewegingRow:hover {
	cursor: pointer;
}

	/* bootstrap */



		/* forms */

		.form {
			font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		}

		.textarea {
			border: 1px solid #ddd;
			color: #676a6c;
		}

		/* /forms */

		/* grid */
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
        color: #676a6c;
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }
		/* /grid */

		/* tables */
  thead {
    display: table-header-group;
	text-transform: uppercase;
	font-size: 1.1em;
  }
  tr {
    page-break-inside: avoid;
  }
  .table {
    border-collapse: collapse !important;
    background-color: transparent;
    border-spacing: 0;
    color: #676a6c;
  }
  .table td,
  .table th {
    text-align: left;
  }
  .table th {
    background-color: #fff;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
}
.table .table {
  width: 90%;
  max-width: 850px;
  margin: 2px 0px 5px 20px;
}

.table .table tr td { padding: 2px; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  *vertical-align: top;
  border: 0;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: middle;
  border-top: 1px solid #ddd !important;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}



.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9 !important;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5 !important;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table-small {
	margin-top: 5px;
	margin-bottom: 5px;
}
.table-small > tbody > tr > td {
	padding: 2px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered td {
    border: 1px solid #ddd;
  }

		/* Pagination */
.paginate {
	float: right;
	margin: 0;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination-sm {
	margin: 0;
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus,
.pagination > li > span:focus {
    color: #2a6496;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca
}

.pagination > .disabled > span, .pagination > .disabled > span:hover,
.pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 4px 8px;
    font-size: 10px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
		/* /Pagination */



		/* Form input */
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	float: left;
	width: auto;
	margin-right: 10px;
}
.input-group.input-group-right {
	float: right;
	margin-right: 0;
}

.form-control, .input-group-addon {
	float: left;
	display: table-cell;
	margin: 0;
}

.form-control {
	position: relative;
	z-index: 2;
	float: left;
	margin: 0 0 0 2px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.4em;
	color: #555;
	background-color: #fff;
	background-image: none;

	border: 1px solid #ccc;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-group > .form-control:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group > .input-group-addon:last-of-type {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
	white-space: nowrap;
	vertical-align: middle;
}

.input-group-addon.readonly {
	border: 0;
}

.page select, form.white-popup-block select,
.modal-body select {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	border-color: #ccc;
	color: #555;
}
h4.modal-title {
font-size: 2em;
color: #676a6c;
margin: 0;
line-height: 1.8em;
}

textarea#notities, .with-label {
	max-width: calc(100% - 180px);
}
.border-lg {
	border: 2px solid #ccc;
}

		/* /Form input */

	/* /bootstrap */





table.tablesorter thead tr .header, table.tablesorter thead tr .tablesorter-header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp, table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url(../images/asc.gif) !important;
}
table.tablesorter thead tr .headerSortDown, .tablesorter-headerDesc {
	background-image: url(../images/desc.gif) !important;
}

.childRowSamengesteld {
	display: inline-block;
	width: 100%;
	padding: 0;
}

div.invoiceItemsWrapper {
	clear:both;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	background:#fff;
	border: 0px solid #ccc; /* #99ccff */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.invoiceItemsWrapper table {
	width: 100%;
	border-collapse: collapse;
}
.invoiceItemsTitle td {
	background: #DADADA;
	padding: 5px;
/* 	border-bottom: 1px solid #99ccff; */
	box-shadow: 0 1px 0 #fff;
}
.invoiceItemsTitle.small-rows td { padding: 3px; }

.invoiceItemsTitle { text-transform: uppercase; font-weight: bold; }

.invoiceItemsTitle td:first-child {
	border-top-left-radius: 3px;
}
.invoiceItemsTitle td:last-child {
	border-top-right-radius: 3px;
}

.equalColumn5 { width: 20%; }

.dateColumn { width: 65px; text-align: center; }

#documentItems input:read-only { border: 1px #ccc solid; }

.fixedColumn180 { width: 180px; text-align: center; }
.fixedColumn150 { min-width: 150px; text-align: center; }
.fixedColumn120 { min-width: 120px; text-align: center; }
.fixedColumn110 { min-width: 105px; text-align: center; }
.fixedColumn90 { min-width: 90px; text-align: center; }
.fixedColumn70 { width: 70px; min-width: 70px; text-align: center; }
.fixedColumn40 { width: 42px; min-width: 42px; text-align: center; }
.fixedColumn60 { width: 60px; min-width: 60px; text-align: center; }

.firstColumn	{ width: 80px; min-width: 90px; text-align: center; }
.secondColumn	{ width: 100%; }
.thirdColumn	{ width: 85px; min-width: 85px; text-align: center; }
.fourthColumn	{ width: 85px; min-width: 85px; text-align: center; }
.fifthColumn	{ width: 85px; min-width: 85px; text-align: center; }
.sixthColumn	{ width: 30px; min-width: 30px; text-align: center; }

div.firstColumn, div.secondColumn { display: inline-block; width: auto; vertical-align: top; }

.twoActionsColumn {	width: 65px; min-width: 65px; }
.threeActionsColumn { width: 100px; min-width: 100px; }
.fourActionsColumn { width: 135px; min-width: 135px; }
.fiveActionsColumn { width: 170px; min-width: 170px; }
.sixActionsColumn { width: 190px; min-width: 180px; }
.sevenActionsColumn { width: 210px; min-width: 200px; }
.eightActionsColumn { width: 230px; min-width: 220px; }

.threeActionsColumn button, .fourActionsColumn button, .fiveActionsColumn button, .sixActionsColumn button, .sevenActionsColumn button {
	width: 24px;
	padding: 4px;
	margin-right: 3px;
	font-size: 10px;
}

.invoiceItems.small-rows td {
	padding: 0 2px;
	border-bottom: 0px;
}

.invoiceItems td {
	padding: 5px;
	border-bottom: 1px solid #DADADA;

	background: #fdfdfd;
/* 
	background: -webkit-linear-gradient(#f5f5f5, #FFFFFF);
	background: -moz-linear-gradient(#f5f5f5, #FFFFFF);
	background: -ms-linear-gradient(#f5f5f5, #FFFFFF);
	background: -o-linear-gradient(#f5f5f5, #FFFFFF);
	background: linear-gradient(#f5f5f5, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#FFFFFF');
	background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */
}
.invoiceItems.commentRow td {
	background: #f4f4f4;
}
.invoiceItems td:first-child {
	/*padding-left: 15px;*/
}
.invoiceItems select { font-size: 12px; }

.tDnD_whileDrag {
    position: relative;
    display: block;
    margin: -10px;

    -webkit-box-shadow: 0 15px 10px -10px black, 0 1px 4px black, 0 0 10px darkgray inset;
    -webkit-box-shadow: 0 15px 10px -10px black, 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    z-index: 100;
    opacity: .8;
    filter:Alpha(Opacity=80);
}
.block tr { display: block; width: 100%;}

.page > .full {
	clear: both;
	width: 100%;
	margin: 15px 0px;
}
.fullNomargin {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

.totalLine {
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin-top: 5px;
}

.nolabel {
}

.left50 {
	width: 50%;
	float: left;
	display: inline;
	margin-bottom: 20px;
}
.right50 {
	width: 50%;
	float: right;
	margin-bottom: 20px;
}

.inkomendNotities {
	margin: 10px 20px;
	font-size: 14px;
	padding: 0;
	width: 40%;
}

.klantgegevens {
	float: left;
	line-height: 1.2em;
	font-size: 12px;
	margin-left: 150px;
}

.nudLabel {
	margin-left: 40px;
	margin-right: 5px;
}

.label {
	font-size: 14px;
	width: 140px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	padding: 6px 0 0 0;
}
.label-no-width {
	width: auto;
}
.label-totals {
	font-size: 14px;
	width: 35%;
	float: left;
	text-align: left;
	margin-right: 10px;
	display: block;
	padding: 6px 0 0 0;
}
#header{
	background:#006699;
	padding:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFF;
	font-size:1.2em;
	margin-bottom:10px;
	overflow: auto;
	}

#header_left{
	float: left;
	margin: 0px;
	}

#version{
	float: right;
	text-align: right;
	font-size:0.5em;
	margin:10px 5px 0px 0px;
	}
.notesWrapper, .totals,.notesWrapperRight{
	clear: both;
	border: 0px solid #ccc;
	box-shadow: 0 1px 2px #DADADA;
	background: #fafafa;
	margin: 10px 0 15px 0;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.notesWrapper {
	width: 33%;
	float: left;
	text-align: left;
	font-size: 12px;
}
.notesWrapperRight {
	width: 40%;
	float: right;
	text-align: left;
	font-size: 10px;
	overflow: auto;
	position: absolute;
	right: 45px;
}

.notesTitle { font-weight: bold; }
#notes { padding: 5px 5px 0 10px; }
.totals label {
	padding-top: 10px;

}
.totals { text-align: right; }
.inputTotals {
	font-size: 14px;
	font-weight: bold;
	border: 0px;
	text-align: right;
	border: 1px solid #ccc;
	width: 25%;
	min-width: 120px;
	max-width: 25%;
}

input:read-only {
	border: 0px;
}
input:-moz-read-only {
	border: 0px;
}
.copyright { color: #aaa; font-size: 10px; margin-top: 10px; }

#footer{
	clear:both;
	float: left;
	width: 100%;
	margin-top:15px;
	background:#DDD;
	padding:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:0.8em;
	color:#333;
	overflow:auto;
}

#content_wrapper{
	clear:both;
	background:#fff;
	border: 0px solid #DDD;
	-moz-border-radius: 3px;
	-webkit-border-radiuS: 3px;
	font-size:0.8em;
/* 	overflow: hidden; */
	display: inline-block;
	width: 100%;
}

#footer a{
	color:#006699;
	text-decoration:none;
	}
#footer ul{
	float:left;
	margin-top:4px;
	}
#footer ul li{
	float:left;
	margin-left:8px;
	padding:0px 4px;
	}

.warning ul{
	line-height:24px;
	font-size:1.3em;
	}
.warning ul li{
	text-align:left;
	}
input,textarea, .select{
	font-size: 14px;
	padding:5px;
	margin: 0 2px 10px 2px;
	border:1px solid #ccc; /* #99ccff */
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.4em;
	color: #555;
	background-color: #fff;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	}

.select { font-size: 15px; }
#documentItems .small-rows input, #documentItems .small-rows .input-group-addon,#documentItems .small-rows textarea {
	margin-bottom: 2px;
	font-size: 9.5px;
	padding: 2px 4px;
}

table.table .small-rows td, table.table .small-rows th, table.table .small-rows input, table.table .small-rows .input-group-addon,table.table .small-rows textarea {
	margin-bottom: 2px;
	font-size: 9.5px;
	padding: 2px 4px;
}
.input-sm {
	font-size: 9.5px;
	padding: 2px 4px;
}

table.table .medium-rows th, table.table .medium-rows td , table.table .medium-rows input, table.table .medium-rows .input-group-addon,table.table .medium-rows textarea {
	margin-bottom: 3px;
	font-size: 10.5px;
	padding: 3px 5px;
}

/* #documentItems .small-rows .firstColumn a { top: 2.5px; } */
#documentItems .small-rows span { height: 13px; }
#documentItems .small-rows textarea, #documentItems .small-rows input, #documentItems .small-rows span
{ margin-top: 2px; }

#documentItems .small-rows textarea { margin-top: 6px; }

#documentItems input, #documentItems .input-group-addon {
	margin-bottom: 3px;
	font-size: 11px;
	padding: 3px 6px;
}
input.calendar {
background: url("../images/cal.png") no-repeat 95% #fff;
cursor: pointer;
padding-right: 1px;
}
input:focus, textarea:focus, input:hover, textarea:hover{
	background-color: #f5f5f5; /* #E3EFFF*/
}
input[type=submit],label,select,.pointer    { cursor:pointer; }

input[type=submit] {
	padding: 10px;
	font-size: 16px;
	background: #E3EFFF;
	margin: 15px 0 30px 0;
}
input[type=submit]:hover {
	color: #008cdd;
}

#nieuwDocument #submit {
	margin: 25px 0 45px 0;
}
#nieuwDocument .sticky-bottom #submit {
	margin: 10px 0 10px 10px;
}

/* MENU */

#menu{
	padding: 0px 0px 0 0;
	background: #DDD;
	border:0px solid #CCC;
	height: 44px;

	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	-ms-border-bottom-left-radius: 3px;
	-o-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;

	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	-ms-border-bottom-right-radius: 3px;
	-o-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}

#menuLeft li a.selected {
	color: #008cdd;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background: transparent;
	background: -webkit-linear-gradient(rgba(168, 176, 188, 0.4), rgba(168, 176, 188, 0.15));
	background: -moz-linear-gradient(rgba(168, 176, 188, 0.4), rgba(168, 176, 188, 0.15));
	background: -ms-linear-gradient(rgba(168, 176, 188, 0.4), rgba(168, 176, 188, 0.15));
	background: -o-linear-gradient(rgba(168, 176, 188, 0.4), rgba(168, 176, 188, 0.15));
	background: linear-gradient(rgba(168, 176, 188, 0.4), rgba(168, 176, 188, 0.15));
	box-shadow: inset 1px 0px 1px rgba(114, 125, 150, 0.4),inset 0 1px 0 rgba(114, 125, 150, 0.4),0 1px 0 rgba(255, 255, 255, 0.7);
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: color 150ms ease;
	padding: 5px 10px;
}

#menu li{
	display: inline;
	margin: 0px;
}
#menu a:hover{
	color: #008cdd;
} 

#menu ul li.active{
	background:#ccc;
	}
#menu ul li a{
	color:#111;
	text-decoration:none;
	}
/*
#menu ul li.active a{
	color:#FFF;
	}
*/	
#menuLeft ul, #menuRight ul{
	list-style-type: none;
	padding: 0px;
}
#menuLeft{
	float: left;
	width: 950px;
}
#menuRight{
	font-size: 22px;
	float: right;
	text-align: right;
}
#menuRight ul{
	margin: 9px 20px 0 0;
	float: left;
}

#menuRight li{
	margin: 0 5px;
}

#title{
	padding:4px;
	}
#title h1{
	font-size:1.2em;
	line-height:1.2em;
	padding:6px 0px;
	margin:0px;
	}
#contents{
	margin-top:15px;
	float: left;
	width: 100%;
}
h2{
	font-size:1.6em;
	font-weight: bold;
	margin: 0px;
	*text-shadow: #555 1px 1px 0;
	}

ol { counter-reset: item; margin-top: 20px; display: table; }
ol li.artikel { font-weight: bold; font-size: 16px; margin: 10px; }
ol li { display: block; font-weight: normal; font-size: 12px; margin: 3px; display: table-row; }
ol li:before { content: counters(item, ".") " "; counter-increment: item; display: table-cell; }

ul#list_order{
	clear:both;
	}
ul#list_order li{
	padding:6px 6px 6px 0px;
	border:1px solid #DDD;
	margin-bottom:1px;
	}
ul#list_order li .modified{
	font-size:0.7em;
	color:red;
	}

.icons{
	float:right;
	margin-right:6px;
	}
.new{
	margin:10px;
	}
#ajax_message{
	padding:10px 0px;
	margin-bottom:10px;
	width:100%;
	clear:both;
	margin-left:0px;
	overflow:auto;
	margin-bottom:6px;
	}
#cal_controls{
	margin-bottom:20px;
	}
#cal_controls #ajax_message{
	width:600px;
	clear:none;
	float:left;
	margin-bottom:0px;
	margin-left:6px;
	padding:4px 0px;
	}
#login{
	font-size:1.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	padding:5px;
	}
#login input{
	padding: 8px;
	font-size: 16px;
	margin: 5px;
}
#login > .row {
	margin-bottom: 0;
}
#login button {
	margin: 1rem 0 2rem 5px;
}
.loginIcon{
	width: 25px;
	font-size: 23px;
	margin-left: 1px;
	display: inline-block;
}

#login h2{
	background:#DDD;
	padding:6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#111;
	margin-bottom:20px;
	}
#login .inner{
	padding:20px;
	}
	
#cal_item{
	float:left;
	margin-left:10px;
	font-size:1.2em;
	font-weight:bold;
	padding-top:4px;
	}
#predefined_state{
	float:right;
	}
	
.modified{
	color:red;
	font-size: 0.7em;
	}

table.list{
	width:100%;
	}
table.list td{
	padding:4px;
	}
table.data thead tr td,
table.list thead tr td{
	text-align:center;
	background:#cdedf0;
	border:1px solid #cdedf0;
	color:#666;
	}
td.options{
	width:80px;
	text-align:center;
	}
td.states{
	width:40px;
	}
td.id_item{
	width:20px;
	}
table.list tbody tr td,
td.data{
	border:1px solid #DDD;
	}

table.list thead tr td.spacer{
	border:none;
	background-color:#FFF;
	}
table.list tbody tr.odd td{
	background-color:#EEE;
	}
.note{
	color:green;
	font-style: italic;
	}
.side{
	text-align: center;
	padding:4px;
	background:#3399cc;
	color:#FFF;
	font-size: 25px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	}

/*overwrite "public" calendar.css*/
#wrapper{
	max-width: 95%;
	margin:0px auto 10px auto;
	}
#login_wrapper{
	width: 95%;
	max-width: 500px;
	min-width: 250px;
	margin: auto;
}
#cal_wrapper{
	width:670px;
}
#the_months{
	width:534px;
	}

/* automatischeTransactiesVoorstellen */
.vkWrapper {
	width: 100%;
	margin: 20px 0 20px 0;
}

.voorstelKoppeling {
	width: 100%;
	padding: 10px;
	margin: 1px 0 0 0;
	border-radius: 3px;
	font-weight: 600;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.vkLinks, .vkRechts {
	width: 40%;
	min-width: 200px;
	float: left;
}
.vkLinks p, .vkRechts p {
	padding: 0;
	margin: 0;
}

.vkMidden {
	width: 20%;
	min-width: 150px;
	font-weight: 800;
	font-size: 15px;
	text-align: center;
	float: left;
}

.vkMidden p {
	margin: 0;
	padding: 0;
}

.groen1 {
	background: #33cc33;
	color: #fff;
}
.groen1:hover { background: #5cd65c; }

.groen2 {
	background: #adebad;
}
.groen2:hover { background: #c2f0c2; }

.oranje1 {
	background: #ffcc66;
}
.oranje1:hover { background: #ffd480; }

.oranje2 {
	background: #ffdd99;
}
.oranje2:hover { background: #ffeecc; }

#overigeTransacties {
	width: 100%;
}

/*installation*/

p{
	line-height:1.6em;
	padding:10px;
	font-size:1.2em;
	}

#page_install #contents ul{
	color:#CCC;
	font-size:1.3em;
	list-style: lower-roman;
	margin:10px 0px 10px 40px;
	}
#page_install #contents ul li{
	line-height:24px;
	list-style-image: url("../icons/white_flag.png");
	}
#page_install #contents ul li.ok{
	text-decoration:line-through;
	color:#666;
	list-style-image: url("../icons/green_flag.png");
	}
#page_install #contents ul li.ko{
	color:red;
	list-style-image: url("../icons/red_flag.png");
	}
#page_install #contents ul li.current{
	color:#000;
	}


	
	
fieldset { 
	border:1px solid #ccc;
	padding:10px;
	margin:10px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	}

legend {
  	padding: 0.2em 0.5em;
  	color: #111;	
  	border:1px solid #ccc;	
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	background:#EEE;
	
  }
form dl{
	font-size:0.7em;
	display: block;
	width: 100%;
	}
form dt{
	clear: left;
	float: left;
	text-align:right;
	padding:2px 6px 2px 2px;
	width:200px;
	background:#99ccff;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	margin-bottom:4px;
	margin-right:6px;
	color:#FFF;
	
	}
form dd{
	float:left;
	margin-left:0px;
	}
form dl .submit{
	clear: left;
	float: left;
	margin-left:214px;
	}
	
table.list tbody tr td.handles{
	background:url("../icons/handle.png") no-repeat;
	background-position: left 50%;
	width:2px;
	border:1px solid #FFF;
	}

/* MENU */

#menuLeft {
  position: relative;
  height: 44px;
  *background: #ddd;
  width: auto;
  margin-left: 6px;
}
#menuLeft ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#menuLeft > ul {
  position: relative;
  display: block;
  background: #ddd;
  height: 44px;
  width: 100%;
}
#menuLeft > ul > li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  *height: 44px;
  border-right: 1px solid #eee;
  background: #ddd;
}
#menuLeft > ul > #menu-button {
  display: none;
}
#menuLeft ul li a {
  display: block;
  font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-decoration: none;
}
#menuLeft > ul > li > a {
  font-size: 12px;
  font-weight: bold;
  padding: 15px 15px;
  color: #000;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#menuLeft > ul > li.has-sub > a {
  padding-right: 32px;
}
#menuLeft > ul > li:hover > a,
#menuLeft > ul > li.active > a {
  color: #008cdd;
}

#menuLeft > ul > li.active > a {
color: #008cdd;
}
#menuLeft > ul > li.active {
  background: #ddd;
}

#menuLeft li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
#menuLeft > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#menuLeft > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#menuLeft ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#menuLeft ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#menuLeft ul ul li {
  position: relative;
  min-width: 200px;
}
#menuLeft > ul > li:hover > ul {
  left: auto;
  top: 41px;
  opacity: 1;
}
#menuLeft ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#menuLeft ul ul li a {
  width: 190px;
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  font-size: 14px;
  color: #000;
  background: #fff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#menuLeft ul ul li:hover > a {
  background: #f6f6f6;
  color: #008cdd;
}
#menuLeft ul ul li.active a {
	color: #008cdd;
}

#menuLeft ul ul li:last-child > a,
#menuLeft ul ul li.last > a {
  border-bottom: 0;
}
.submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
}
#menuLeft ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#menuLeft ul ul li.has-sub:hover::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#menuLeft li.general-search input {
	position: relative;
	margin: 7px;
	z-index: 30;
	background-color: #fff;
	line-height: 1.1em;
}

.labels {
	display: inline;
	padding: .2em .6em .3em;
	margin: 0 5px 0 0;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	text-transform: uppercase;
}
span.labels {
	margin: 1px 5px 1px 0;
	float: left;
}
.searchresults-item span.labels { margin-top: 6px; }

.badge {
  background-color: #fff;
  color: #6c6c6c;
  font-size: 11px;
  font-weight: 600;
  text-shadow: none;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10px
}

.label-info,
.badge-info {
*  background-color: #23c6c8;
}

.label-sienna { background-color: #A0522D; }
.label-indianred { background-color: #CD5C5C; }
.label-orangered { background-color: #FF4500; }
.label-darkcyan { background-color: #008B8B; }
.label-darkgoldenrod { background-color: #B8860B; }
.label-limegreen { background-color: #32CD32; }
.label-gold { background-color: #FFD700; }
.label-mediumturquoise { background-color: #48D1CC; }
.label-skyblue { background-color: #87CEEB; }
.label-hotpink { background-color: #FF69B4; }
.label-lightskyblue { background-color: #87CEFA; }
.label-cornflowerblue { background-color: #6495ED; }
.label-crimson { background-color: #DC143C; }
.label-darkorange { background-color: #FF8C00; }
.label-mediumvioletred { background-color: #C71585; }
.label-black { background-color: #000000; }

.archive { color: #ccc; }

.label-default, .label-other {
	background-color: #818a91;
}
.label-primary {
	background-color: #337ab7;
}
.label-success {
	background-color: #5cb85c;
}
.label-warning {
	background-color: #f0ad4e;
}
.label-danger {
	background-color: #d9534f;
}
.curtain {
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.3);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
}

.search-box,.close-icon,.search-wrapper {
	position: relative;
}
.search-box {
	border: 0px solid #ccc;
	font-size: 16px;
    opacity: 0.75;
    z-index: 999;
    background-color: #fff;
    background-image: 	url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjNzc3Nzc3IiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OC02LjY0OS02LjY0OA0KCWMtMy42NjcsMC02LjY0OSwyLjk4MS02LjY0OSw2LjY0N2MwLDMuNjY3LDIuOTgyLDYuNjQ3LDYuNjQ5LDYuNjQ3YzEuMzkxLDAsMi42ODItMC40MzQsMy43NS0xLjE2NGw0LjgzNCw0LjgzNEwxNy42MzIsMTYuOTU1eg0KCSBNMi44MjQsNy42NjZjMC0yLjg2MiwyLjMzLTUuMTkxLDUuMTkyLTUuMTkxYzIuODY0LDAsNS4xOTIsMi4zMjksNS4xOTIsNS4xOTFjMCwyLjg2MS0yLjMyOCw1LjE5MS01LjE5Miw1LjE5MQ0KCUM1LjE1NCwxMi44NTUsMi44MjQsMTAuNTI3LDIuODI0LDcuNjY2eiIvPg0KPC9zdmc+DQo="),
	    				url("data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=");
    background-position: 10px 50%, right -10px center;
    background-repeat: no-repeat, no-repeat;
    background-size: 14px, 7px;
    padding: 5px 5px 5px 30px !important;
    opacity: 1;
}
.clearable {
  border: 0px solid #999;
  padding: 3px 22px 3px 4px; /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
}
.clearable.x  { background-position: 10px 50%, right 5px center; }
.clearable.onX{ cursor: pointer; }


.search-results-container {
	max-height: 400px;
	overflow: scroll;
}

.searchresults {
	position: absolute;
	top: 44px;
	left: 16.66667%;
	width: 66.66667%;
	z-index: 30;
    font-size: 15px;
    line-height: 2;
    font-weight: 400;
    letter-spacing: normal;
    display: none;
    background: #fff;
    border: 1px solid #d6d6d6;
    border-top: none;
    color: #999;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}
.searchresults-section {
	border-top: 1px solid #d6d6d6;
	margin: 0 40px;
	padding: 15px 0;
}
.searchresults-section:first-child {
	border-top: none;
}
.searchresults-header {
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: normal;
	color: #999;
}
.searchresults-list {
	list-style: none;
	padding-top: 5px;
	padding:0;
	margin: 0;
}
li.searchresults-item {
	display: block !important;
	margin:4px -32px !important;
	width:100%;
	padding: 0;
	color: #999;
}
li.searchresults-item a { text-decoration: none; }
.searchresults-link {
	color: #999 !important;
	display: block;
	padding: 0 48px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 300;
}
.search-message, .h-2 {
	line-height: 2em;
	height: 2em;
}
.h-1 {
	line-height: 1em;
	height: 1em;
}
#search-results-content-import .searchresults-link {
	padding: 2px 48px;
}

.searchresults-link:hover {
	color: #008cdd !important;
	background-color: #f2f2f2;
}
.search-box-mobile-wrapper {
	display: none;
}
#search-box-open {
	display: none;
}

.effect-blur {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    -o-filter: blur(7px);
    -ms-filter: blur(7px);
    filter: blur(7px);
    *opacity: 0.95;
}


/* BEGIN MEDIA QUERIES
#
#
#
#
#
 */

@media 	all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
		only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
		only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
		only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
		only screen and (min-resolution: 192dpi) and (max-width: 1024px),
		only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

.textarea-comment { width: 300px; }

.table > tbody > tr > td { padding: 8px 6px !important; }

div.pager span {
    width: 3em;
    height: 3em;
    line-height: 3em;
}

.curtain {
	background: rgba(0,0,0,0.8) !important;
}

#menuLeft li.general-search {
	display: none;
	visibility: hidden;
}
#search-box-mobile-wrapper {
	display: none;
	position: absolute;
	width: 100vw;
	top: 10px;
	margin: 0;
	z-index: 5;
}
.search-box {
    background-size: 20px, 10px;
    padding-left: 35px !important;
}
.clearable.x {
    background-position: 10px 50%, right 20px center;
}
.search-box-mobile {
	display: block;
	position: fixed;
	width: 70%;
	top: 10px;
	left: 0;
	right: 0;
	font-size: 20px;
	border-radius: 0;
	padding: 10px;
	margin: 10px auto;
	z-index: 1003;
}

#search-box-open {
	display: inline;
}

.search-box-close{
  position: fixed;
  top: 30px;
  right: 8%;
  display: inline-block;
  width: 30px;
  height: 30px;
  z-index: 1003;
  overflow: hidden;
}
.search-box-close:hover::before, .search-box-close:hover::after {
  background: #008cdd;
}
.search-box-close::before, .search-box-close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
}
.search-box-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.search-box-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.search-box-close.hairline::before, .search-box-close.hairline::after {
  height: 1px;
}
.searchresults {
	display: none;
	position: fixed;
	width: 95% !important;
	left: 2%;
	top: 72px !important;
	z-index: 1003;
    max-height: 95%;
    overflow-y: scroll !important;
}
.searchresults-link {
	padding: 4px 48px;
}

.search-wrapper input, .search-wrapper search {
	font-size: 1.25em;
	line-height: 1.6em;
	margin: 0;
}


.kwartalen {
	width: 43% !important;
}

#titelDocument {
	font-size: 2.5em;
	margin-left: 0px;
}

.chosen, #documentItems input[type=text]:not(.input-group input) {
	width: 100%;
}

.firstColumn	{ width: 45px; min-width: 45px; }

.page {
	*margin: 10px;
	height: auto;
	*overflow: auto;
}

	.overviewToggler {
		width: 100% !important;
		max-width: 100% !important;
		*min-width: 400px;
		margin-right: 0px !important;
		height: auto;
		float: left;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.last {
		margin-bottom: 20px;
	}
	.overviewContent {
		width: 100% !important;
		max-width: 100% !important;
		*min-width: 400px;
		margin-right: 0px !important;
	}
	.leftToggler { font-size: 18px; }
	.leftToggler p { font-size: 0.6em; }

	.rightTotal { font-size: 1.5em; }

#menu {
	height: 66px;
}

#menuLeft {
  *height: 66px;
  margin-left: 6px;
}
#menuLeft ul {
  padding: 0;
  margin: 0;
  line-height: 2.5;
}
#menuLeft > ul {
  height: 66px;
}
#menuLeft > ul > li {
  margin: 0;
  padding: 0;
  *height: 66px;
}

#menuLeft > ul > li > a {
  font-size: 14px;
}

#menuLeft ul ul {
	top: 66px !important;
}
#menuLeft ul ul li {
	width: 220px;
}
#menuLeft ul ul li a {
	padding-left: 20%;
}

#menuLeft > ul > li.has-sub::after {
	top: 30px;
}

#menuRight {
	line-height: 2em;
	font-size: 28px;
}

.klantgegevens {
	font-size: 1.5em;
}

table.listing, table.omzetklant {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

th, table.report td {
	font-size: 1em;
	line-height: 1.1em;
}

.inkomendNotities {
	width: 95%;
	float: none;
	margin: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.klantgegevens {
	width: 100%;
	white-space: normal;
}

.left50 {
	width: 100%;
	display: block;
	margin-bottom: 20px;

}
.right50 {
	width: 100%;
	float: left;
	margin-bottom: 20px;

}

.notesWrapper, .totals {
	width: 100%;
	float: left;

}
.totals label {
	width: 48%;
	max-width: 330px;
	min-width: 100px;
}

/* 
.label, .nudLabel {
	max-width: 50%;
	width: 30%;
	min-width: 200px;
	float: left;
	text-align: left;
	margin-left: 8px;
	margin-top: 8px;
	padding-top: 5px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5em;
}
 */


 /* ADDED HELPERS for MOBILE */
h4.modal-title {
	font-size: 1.8em;
}
.modal-header {
	padding: 10px;
}
.modal-body {
	padding: 5px 15px;
}
.big { margin: 3px; }
.label, .nudLabel {
	max-width: 50%;
	width: 30%;
	min-width: 200px;
	float: left;
	text-align: left;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em;
}
.selectize-full-width .selectize-control .selectize-input {
/* 
    min-width: 575px !important;
    width: 70% !important;
    max-width: 50% !important;
 */
*    min-width: 575px !important;
    width: 100% !important;
    max-width: 100% !important;
}

.comment, .commentInput, input[type=text].commentInput {
	line-height: 1.1em;
	font-size: 12px;
	max-width: 100%;
	overflow: scroll;
	margin: 0;
}
input[type=text].form-control {
	*line-height: 1.1em;
	font-size: 13px;
	margin: 0 0 4px 0;
}
.input-group-addon {
	font-size: 13px !important;
}
.gutter-row-5 { margin-top: 1px;}

textarea#notities, .with-label { max-width: 50%; width: 70%; }

.fixedColumn180 { min-width: 90px; }
.fixedColumn90 { min-width: 90px; }
.fixedColumn70 { min-width: 70px; }
.fixedColumn40 { min-width: 42px; }
.fixedColumn60 { min-width: 60px; }


/* END ADDED HELPERS for MOBILE */



textarea#notities {
	max-width: 60%;
}

.klantgegevens {
	margin-left: calc( 30% + 15px );
}

button.ui-button-icon-only {
	*width: 40px !important;
	*height: 40px !important;
	*top: -5px !important;
	height: 28px !important;
	top: -1px !important;
}

.ui-autocomplete-input { height: 28px; }
.select, input, input[type=text], input[type=search], input[type=password], input[type=readonly], .ui-autocomplete-input {
	line-height: 1.4em;
	font-size: 20px;
	margin: 0 0 10px 8px;
	*width: calc(100% - 18px);
}
select {
	margin-left: 8px;
}

.input-group-addon {
	font-size: 20px;
}
.page select { width: 60%; margin-left: calc(30% + 26px); font-size: 18px;}

input[type=checkbox] { width: auto !important; }

.bedrag {
	width: 25%;
	min-width: 100px;
	max-width: 25%;
}

select {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 10px;
}

button {
	padding: 7px 10px;
	margin: 5px 2px;
}

.buttonBack {
	width: 32px;
	height: 32px;
	padding: 0;
*	font-size: 20px;
*	margin-top: -2px;
}
	.buttonBack i { margin: -2px; }


#login input {
	width: 80%;
}

.full {
	font-size: 11.5x;
}

#omschrijving {
	*width: 50% !important;
}

#beroepskost {
	width: auto;
	max-width: 200px;
	min-width: 30px;
}

} /* END media only screen */


/*
#
#
#
*/


@media 	only screen and (min-device-width : 320px) and (max-device-width : 480px),
		only screen and (min-device-width : 320px) and (max-device-width : 568px),
		all and (max-width: 843px) {

#wrapper {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0 5px;
}

.kwartalen {
	width: 90% !important;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	float: none;
	display: block;
}

.page {
	*margin: 10px;
	padding: 8px;
	height: auto;
	overflow: hidden;
}

.logo {
	margin: 15px auto;
}
#login_wrapper{
	width: 95%;
	max-width: 100%;
	min-width: 250px;
	margin: auto;
}

#login {
	padding: 0;
}
#login input {
	max-width: 88%;
}

.big {
	font-size: 1.3em;
	padding: 10px 35px;
	margin: 10px 0;
	width: 100%;
}
.overviewToggler {
	height: auto;
	min-width: 94%;
	width: 100%;
	max-width: 100% !important;
	float: left;
	display: block;
	padding: 10px;
	margin: 10px 10px 0px 0;

}
.leftToggler {
	width: 100%;
	float: left;
	min-width: 100%;
	display: block;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 10px;
}
.midToggler { width: 100%; }
.rightTotal {
	width: 100%;
	min-width: 100% !important;
	float: left !important;
	text-align: center;
	font-size: 2em;
}

.searchresults-section, .searchresults-item {
	margin: 3px;
	padding: 0;

}

.search-box-mobile {
	width: 70%;
	left: 10px;
	right: auto;
}
.search-box-close {
	top: 27px;
	right: 10px;
}

.search-form, .search-form input {
	width: 100%;
	margin: 5px;
}

textarea#notities {
	max-width: calc(100% - 20px);
	margin-left: 10px;
}


/* Input */

.input-group {
	width: 70%;
}

/* /Input */

/* MENU */

#menu {
	float: left;
	width: 100%;
}
  #menuLeft {
	width: 40%;
	padding: 0;
	margin: 0;
	z-index: 4;
  }
  #menuLeft ul {
    width: 100%;
	*height: 75px;
  }
  #menuLeft .submenuArrow,
  #menuLeft #indicatorContainer {
    display: none;
  }
  #menuLeft > ul {
    display: block;
	*height: 75px;
	background: transparent;
  }
  #menuLeft > ul > li {
    float: none;
  }
  #menuLeft li,
  #menuLeft > ul > li {
    display: none;
  }
  #menuLeft ul ul {
	top: 0px !important;
}
  #menuLeft ul ul,
  #menuLeft ul ul ul,
  #menuLeft ul > li:hover > ul,
  #menuLeft ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #menuLeft ul .has-sub::after {
    display: none;
  }
  #menuLeft ul li a {
    font-size: 15px;
    padding: 12px 20px;
  }
  #menuLeft ul.open li a {
	width: 100vw;
	background: #ddd;
  }
  #menuLeft ul.open ul li a {
	background: #fff;
  }
  #menuLeft ul ul li a, {
    border: 0;
    *background: none;
    width: auto;
    padding: 8px 35px !important;
  }
  #menuLeft ul ul li span, {
    font-size: 25px;
    background: #ccc;
}
  #menuLeft ul ul li:hover > a {
    *background: none;
    color: #008cdd;
  }
  #menuLeft ul ul ul a {
    padding: 8px 50px;
  }
  #menuLeft ul ul ul ul a {
    padding: 8px 65px;
  }
  #menuLeft ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #menuLeft ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #menuLeft > ul > #menu-button {
    display: block;
    *height: 75px;
	width: 100%;
    max-width: calc(100% - 150px) !important;
    margin: 0;
    cursor: pointer;
    border: 0;
    background: transparent;
  }
  #menuLeft #menu-button > a {
    padding: 14px 60px 14px 22px;
    font-size: 1.7em;
    line-height: 1.7em;
  }
  #menuLeft ul.open li,
  #menuLeft > ul.open > li {
    display: block;
*	border-top: 1px solid #ccc;
  }
  #menuLeft > ul.open > li#menu-button > a {
    color: #000;
    border-bottom: 1px solid #ccc;
  }

#menuRight {
	width: 60%;
	float: right;
	padding: 0;
	overflow: hidden;
}
#menuRight ul {
	width: 100%;
	padding: 0;
	margin: 5px auto 0 auto;
}
/* /MENU */

		/* grid */

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
        color: #676a6c;
        width: 100%;
    }

.col-gutter-10 {
	margin-right: 10px !important;
}

.col-gutter-20 {
	margin-right: 20px;
}

.col-gutter-30 {
	margin-right: 30px;
}
		/* /grid */
		
		/* responsive tables */

	.table th, .table td { display: none; }
	/*.table th .responsive-show, .table tr td */
	.responsive-show, .table.responsive-show tr td {
		display: table-cell !important;
	}

		/* /responsive tables */

.paginate, .tablePager {
	width: 100%;
	text-align: center;
	margin: 0;
}

.pagination > li > a, .pagination > li > span {
    padding: 12px 24px;
    margin-left: -1px;
}

.search-wrapper {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
.search-wrapper input, .search-wrapper search {
	font-size: 1.6em;
	line-height: 2em;
	width: 90%;
	margin: 0 !important;
}

}

@media all and (max-width: 768px) {

	.input-group {
		width: 50%;
	}
	#toolButtons button {
		margin-bottom: 5px;
		margin-right: 5px;
	}
	#toolButtons button.btn.float-right {
		float: none;
	}
}

@media all and (max-width: 415px) {

	.input-group {
		width: 50%;
	}

	.label-totals { margin-right: 0; }
	.min {min-width: 100%;}
	.page select.select-fixed-xs { margin-right: 10px; width:48%; }

	.firstColumn	{ width: 100%; }
	.secondColumn	{ width: 100%; }
	.thirdColumn	{ width: 100%; }
	.fourthColumn	{ width: 100%; }
	.fifthColumn	{ width: 100%; }
	.sixthColumn	{ width: 100%; }

}


@media only screen and (min-width : 480px) and (max-width: 1024px) {

.no-label-nid {
	margin-left: -webkit-calc(30% + 18px) !important;
	margin-left: -moz-calc(30% + 18px) !important;
	margin-left: -o-calc(30% + 18px) !important;
	padding: 0 !important;
}

.no-label {
	margin-left: -webkit-calc(20% + 18px) !important;
	margin-left: -moz-calc(20% + 18px) !important;
	margin-left: -o-calc(20% + 18px) !important;
}

}

@media only screen and (max-width: 480px) {
	.page select { margin-left: 2px; }
	label, .label { width: 100%; }
	.no-label { margin-left: 0; !important }
	.selectize-input {
	  max-width: 320px;
	}

textarea#notities, .with-label { max-width: 100%; }
.notesWrapperRight {
	width: 100%;
	position: relative;
	right: initial;
}

}