body {
	font-size:12px;
	width:100%;
	height:100%;
}

div.row.login {
    margin: 0;
    padding: 0;
}	
header.navbar, div#top {
	padding-left: 30px;
	line-height:40px;
	min-height:28px;
		height: 40px;
		border: 0px;
	border-radius: 0px;
		margin-bottom:5px;
	font-size:18px;
/*		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); */
		}

div.children div#top {
	padding: 0px 5px;
	height:28px;
	min-height:28px;
	line-height:28px;
	margin-bottom:5px;
	font-size:14px;
	border-radius:0px;
}

#filterbar, #sysfilterbar, #toolbar {
	width:100%;
	margin-bottom:0px;
	padding:0px;
	padding:0px 0px 0px 5px;
}

select.tekst {
	height:30px;
	width: auto;}

.opdracht {
	padding:5px;
	font-style: italic;
}
#content {
	padding-top:0px;
	padding: 0 8px;
}
th.sortable > a {
	display:block;
        padding-right: 10px;
}
th.sortable {
    background: url(../img/sorting.png) no-repeat scroll right center rgba(0, 0, 0, 0);
    cursor: pointer;
	padding-right:20px;
}
th.sortable.sorted.order2 {
    background-image: url(../img/sorting_asc.png);
}
th.sortable.sorted.order1 {
    background-image: url(../img/sorting_desc.png);
}

.input-group .form-control { 
width: 114px;
}
.input-group .datum {
width:85px;
}
.input-group-sm > .form-control	
{ padding-left:5px;
padding-right:5px;
}
.btn {
float:left;
margin:0px 5px 0px 0px;
}
.input-group select.tekst.form-control {
width: auto;
}
div.input-group {
width:120px;
float: left;
margin:0px 5px 0px 0px;}
span.label {
float:left;
margin:0px 5px 0px 0px;
font-size:100%;
}

span.input-group-btn .btn  {
margin:0;
}
table#record .table > thead > tr > th, 
table#record.table > tbody > tr > th, 
table#record.table > tfoot > tr > th, 
table#record.table > thead > tr > td, 
table#record.table > tbody > tr > td, 
table#record.table > tfoot > tr > td { 
    padding: 4px 8px;
    vertical-align: middle;
	line-height:normal;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px 8px;
}

table#record tr td {
	cursor:pointer;
	}
	
td.chbox {
	cursor:default;
	width:20px;
	}

/*
div#frame {
	min-width: 580px;
}*/

.frame_right {
	padding: 0 0px;
}

.pull-right {
    float: right !important;
}

.fieldhelp {
display: none;}

.clearfix, .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

ul.submenu {
	display:none;}
ul.submenu.newClass {
	display:block;}
	
td.label {
		text-align:left;
		}
	
.labeltekst {
    cursor: auto;
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 600;
    width: 120px;
}
.pagination li > a {
	cursor:pointer;
}

ul.pagination {
margin:0;}

a:hover, a:focus {
	text-decoration: none;
	}



/*editor*/

td.label {
	vertical-align: top;
}
.fieldhelp {
	display:hidden;
}

.input-sm, .input-group-sm, .input-group-sm.idate, .input-group-sm.idate > .form-control, .input-group-sm .idate > .input-group-btn > .btn {
	padding: 2px 7px;
	height:24px;
}
.input-group-sm > .input-group-addon {
	padding: 2px 5px;
}

div#toolbar .input-group-sm, div#filterbar .input-group-sm, div#sysfilterbar .input-group-sm {
	padding: 0px;
}
td.value {
	padding: 2px 0px;
}
.input-group-sm > .input-group-btn > .btn-xxs {
	padding:2px 5px;
	height:24px;
}
div#paginering2 {
	margin: 0px 0px 0px 10px;
}


#toolbar span .label {
font-size: 100%;}

span.required {
	color:#555555;
	padding:0;
	margin-top:7px;
	font-size:16px;
}
div.select-box {
	width:90px;
}

td.label {
	margin-top: 5px;
    border-radius: 0;    
    display: table-cell;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.42857;
   /* padding: 0;*/
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
}

td input[type="checkbox"] {
	float: left;
	margin-right: 5px;
}

div.buttons .btn {
	float: none;
}

input[type="checkbox"] {
    line-height: normal;
    margin:0px 2px 0px 0 ;
}
.fileinput {
	float: left;
	width: 158px;
	margin-right: 10px;
}


/*
td.sectionheader {
	font-size: 14px;
	margin-top: 8px;
	padding-left:7px;
	padding-top: 6px;
}
	*/
td.sectionheader {
	font-size: 16px;
	margin-top: 8px;
	padding: 20px 0px 5px 7px;
	color: #888888;
	font-style: italic;
}

table.edittable td.label {
	width: 150px;
	background-color: #b1dbe1;
}
table.edittable td.value {
        padding-left: 5px;
}
table.edittable .form-control {
        padding-left: 3px;
}
table.edittable td.label.danger {
	background-color: #F79292;
}
table.edittable td.label.danger div {
}


span.spacer {
	margin-left:5px;
}
		
header.navbar .btn, header.navbar .btn-sm,header.navbar .btn-xs {
    border-radius: 0px;
    padding: 0px 10px;
	border-width:0px;
}


header a.btn {
    padding: 0px 10px  !important;
    text-shadow: none !important;
}
header .btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    display: inline-block;
    font-size: 12px;
	line-height:40px;
    margin: 0;
    text-align: center;
}



.frame_right, body {
	background-color: #e9e9e9;
}
tr.even {
	background-color:#ffffff;
}

th, th.sortable{
	background-color:#cfcfcf;
	font-size:14px;
}
/*datepicker */

.datepicker th.dow, .datepicker th {
	background-color: #ffffff;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
 
	background-color:#cfcfcf;
}
div#toolbar span.label {
	line-height:15px;
	padding-top:5px;
	padding-bottom:5px;
}


a ,a:hover, a:focus {
       text-decoration: none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
     cursor: default;
    z-index: 2;
}
header .btn.pul { float: right;}

div#filterbar div.input-group, div#filterbar button, div#sysfilterbar div.input-group, div#sysfilterbar button, div#toolbar div.input-group, div#toolbar button {
	margin-bottom:4px;
	}
	
div#filterbar div.input-group span.input-group-btn button, div#sysfilterbar div.input-group span.input-group-btn button, div#toolbar div.input-group span.input-group-btn button {
	margin-bottom:0px;
	}
div#top  a {
	cursor:pointer;}
div#top {
cursor: default:}
div.children {
	background-color: #ffffff;
	margin-bottom:10px;
}
div#content.popwindow {
	background-color:#ffffff;
}
div.rands table#record{
border: 1px solid #dddddd;

}
table#record {
margin-bottom:2px;
}
div#buttonbar {
	padding:3px 5px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}
div#content {
	padding-bottom: 10px;
	height: 100%;
}
html{
  height: 100%;
  width:100%;
}
body, html, div.frame_right {
  min-height: 100%;
}

div.frame_right {
width:100%
height:100%;

}

div.message {
	padding: 5px; }
	
table.edittable {
	width: 100%;
	margin-bottom:10px;
	}
table.edittable textarea {
	width:100%
	}
	
.fld-code {
	width: 150px; }
	
table.edittable textarea.form-control {
	height: 80px;
}
table.edittable .form-control {
	font-size: 12px;
	height: 30px;
    line-height: 1.5;
	}
	
table.edittable .datum, .fld-end_time, .fld-start_time {
	width: 108px;
}
	
div.chbx_site td.txt {
	padding: 0px 0px 0px 4px;
	}
div.chbx_site {
	margin-top:-1px;
}
table.edittable div.input-group-sm {
	margin-left:0px;
	padding-left:0px;
}

table.edittable td.value div.cke {
	padding-top: 0px;
	margin-top:0px;
	}

table.edittable .input-group .form-control.urlinput {
    width: 400px;
}
div.error {
margin:2px;
width:100%}

.loginpage {
margin: 100px auto 0px auto;
width:275px;
}
.loginpage div.messagetext {

	text-align:center
	}
.loginpage .messagebox {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #AAAAAA;
    margin-top: 100px;
    overflow: hidden;
	padding:20px;	
}
div.messagetext div.login {

text-align:center;
margin:10px auto;

}
.login .btn {
margin-left: 88px;}
.login .input-group.input-group-sm input.form-control {
	width:200px;
}

table.edittable td.value div.mvarea {
 
    margin-top:0px;
  
}
/******** kleuren   ******/

.opdracht {
	color: #555;
	}
.labeltekst, td.label {
	color: #333333;
	}


.frame_right, body {

	background-color: #fbfbfb;
}
tr.even {
	background-color:#ffffff;
}

th, th.sortable{
	background-color:#cfcfcf;
}
/*datepicker */

.datepicker th.dow, .datepicker th {
	background-color: #ffffff;
}

/*table met clickable rijen */
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
 
	background-color:#cfcfcf;
}

div.children, div.wo {
    background-image: none;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	background-color: #ffffff;
	padding: 3px;
}

div.wo {
	margin:4px;
	margin:0;
	border-radius: 0;
	box-shadow: 0;
	transition: none;
	border: 1px solid #dddddd;
	border-top: 0px;
	cursor: pointer; 
	text-align:center;
}
li.formfield {
	cursor: move;
}
div#canvas ul#sortable li {
	background-image: none;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	margin:4px 0px;
}
div#canvas ul#sortable{
	padding: 2px 4px;
	}
td.value th {
	padding: 3px 6px;
	font-size: 12px;

}


div#content.popwindow {
	background-color:#ffffff;
}
div.rands table#record{
border: 1px solid #dddddd;


}
div#buttonbar {
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.messagebox {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #AAAAAA;

}
.input-group-addon {
    background-color: #dddddd;
    border: 1px solid #bbbbbb;
    color: #333333;
    
}
.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #bbbbbb;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333333;

}
#woform .label {
		color:#555;
		}
		
div.messagepage {
	float:left;
	max-width:760px;
	padding:10px;}
	
div.stacktrace, code{
white-space: normal;
}
div.btn-group {
	float:left;
	margin-right:5px;}
div.input-group {
float:left;
}
div.input-group.special {
margin-right:0px;}
div.btn-group .btn {
	margin:0px;
}

.btn-group .btn-special{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
input.invoermasker {
	float:left;
	width: 200px;
	margin-right:10px;
}
input.calendarinput { 
	float:left; 
	margin-right:10px;
}
div.invoermasker {
	float:left;
	padding-top:10px;
	color:#AAAAAA;
}


  div#popupconfiguratie {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #525252;
    color: #000000;
    display: none;
    /*
    position: absolute;
    */
    text-align: center;
    /* top: 50%; */
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 102;
  }

  div.beeldbank {
	  height: 600px;
	  overflow-y: scroll;
  }

  div.beeldbank div.bbimg {
	float:left;
	margin:3px;
	border:1px solid #aaaaaa;
  }
  div.bbpreview {
	float:left;
	width:50px;
  }
  div.bbpreview img {
	width: 35px;
	float:left;
  }
  div.bbpreview i.fa {
	cursor:pointer;
	float: right;
  }

  div#loadingimg {
	  display:none;
  }

td.price {
	text-align: right;
}