* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
        font-family:arial;
}
.error,.error2,.error3 {
	color:red;	
}
html {
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
}
html,body {
    margin:0;
    padding:0;
}
body {
        background-color:#3f9e46;
}
img {
	border:0;
	}
br {
    clear:left;
}
label {
		width:150px;
		float:left;
	}
	
	
	
	
.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #3f9e46;
    color: #ffffff;
    text-align: left;
}	
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #3f9e46;
}	
	
	
	
	
	
.planner {
		width:100%;
		border-left:solid 1px #555;
		border-top:solid 1px #555;
	}
.planner th {
	border-bottom:solid 1px #555;
	border-right:solid 1px #555;
	background-color:#555;
	color:white;
	width:160px;
	padding:5px;
	font-size:14px;
	vertical-align:middle;
	}
.planner td {
	border-bottom:solid 1px #eee;
	border-right: solid 1px #eee;
	height:22px;
	vertical-align:top;
	vertical-align:middle;
}
.reminder {
		background-color:#E0841B;
		border-bottom:solid 2px #9C5E17;
		padding:2px;
		cursor:pointer;
				cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
	}
.afspraak {
		background-color:#3f9e46;
		border-bottom:solid 2px #006E25;
		padding:2px;
		color:white;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
	}



.status_all {
		background-color:#E8E115;
		padding:2px;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
		color:black;
		word-break: break-all;
		line-height:11px;
		xtransition: all .2s ease-in-out;
		xtransition-delay: 250ms;
}

.status_all:hoverx {
	xheight:auto;
	min-height:22px;
	overflow:all;
	position:absolute;
	float:none;
	max-width:300px;
	margin:0;
	margin-top:-11px;
	z-index:90;
	min-height:22px;
	xborder:solid 3px black;
	xmargin-left:20px;
	xtransform: scale(2);
}

.status_selected {
	outline:solid 2px red;
}

.status_optie {
		background-color:#E8E115;
		border-bottom:solid 2px #A39E0D;
		padding:2px;
		cursor:pointer;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
		color:white;
}

.status_werkplaats {
		background-color: #44ecf9;
		border-bottom: solid 2px #30afb9;
		padding:2px;
		cursor:pointer;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
		color:white;
}

.status_oplocatie {
		background-color: #5588dd;
		border-bottom: solid 2px #3c5e97;
		padding:2px;
		cursor:pointer;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
		color:white;
}

.status_opdrachtklaar {
		background-color: #3f9e46;
		border-bottom: solid 2px #097410;
		padding:2px;
		cursor:pointer;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
		color:white;
}

.status_rood {
		background-color: #c91d1d;
		border-bottom: solid 2px #640e0e;
		padding:2px;
		cursor:pointer;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
		color:white;
}

.status_oranje {
		background-color: #E0841B;
		border-bottom: solid 2px #70420d;
		padding:2px;
		cursor:pointer;
		cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
		color:white;
}







.rapport {
		background-color:#3f9e46;
		border-bottom:solid 2px #00adef;
		padding:2px;
		cursor:pointer;
		color:white;
				cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
	}
.inspectie {
		background-color:#3f9e46;
		border-bottom:solid 2px #f36d24;
		padding:2px;
		cursor:pointer;
		color:white;
				cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
	}
.vrij {
		background-color:#E8E115;
		border-bottom:solid 2px #A39E0D;
		padding:2px;
		cursor:pointer;		
				cursor:pointer;
		overflow:hidden;
		width:100%;
		height:21px;
	}	
	
	
	
.openen {
	overflow:visible;
	height:auto;
}

.wrap {
	width:calc(100% - 100px);
    max-width:1800px;
    margin-left:auto;
    margin-right:auto;
	margin-top:60px;
}
.header {
    display:block;
	position:fixed;
	top:0;
	background-color:#3f9e46;
	width:100%;
}
.header ul {
        padding:0;
        margin:0;
        list-style:none;
}
.header ul li {
        float:left;
        margin:0px;
        margin-right:0;
        margin-bottom:0;
}
.header ul a {
        height:53px;
        background-color:white;
        color:#3f9e46;
        text-align:center;
        vertical-align:middle;
        text-decoration:none;
        display:block;
        margin:5px;
        margin-right:0;
        margin-bottom:0;
        padding:0 10px;
        padding-top:16px;
        font-size:18px;
		font-weight:bold;
		text-transform:uppercase;
 
}
.header ul a:hover {
    background-image:none;
}
.content {
	width:100%;
    background-color:white;
    padding:20px;
    
}

form {
    padding:20px;
    
    border:solid 1px #fff;
}

.form label {
    width:130px;
    float:left;
    font-size:14px;
    padding-top:3px;
}
.form  input,.form  select,.form  textarea {
    width:200px;
    font-size:16px;
}
.tabel input {
    width:90px;
}

.block {
    float:left;
    margin-right:40px;
}
.fout {
    padding:20px;
    color:red;
    font-weight:bold;
    font-size:16px;
    background-color:#fff;
    border:solid 4px #3f9e46;
    margin-bottom:20px;
}
.goed {
    padding:20px;
    color:#3f9e46;
    font-weight:bold;
    font-size:16px;
    background-color:#fff;
    border:solid 4px #3f9e46;
    margin-bottom:20px;
}
.black {
    text-decoration:none;
    text-transform:uppercase;
    display: inline-block;
    border-radius: 3px;
    
    
    background-color:#3f9e46;
    
    color: #fff;
    
    font: normal 13px Helvetica, Sans-serif;
    padding: 2px 5px;
}
.red {
	
	background-color:red;
	}
.tabel tr td input {
    width:140px;
}

.items {
    border-radius:10px;
    border:solid 1px;
    padding: 0;
    width:100%;
    background-color:white;
}
.items th {
    text-align:left;
    padding:8px;
}
.items td {
    padding:8px;
}
.items td a {
    text-decoration:none;
    color:black;
}
#urlDisable {
	background-image:none;
	background-color:#ccc;
	color:white;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}




#passwordStrength
{
        height:10px;
        display:block;
        float:left;
}

.strength0
{
        width:330px;
        background:#cccccc;
}

.strength1
{
        width:50px;
        background:#ff0000;
}

.strength2
{
        width:130px;    
        background:#ff5f5f;
}

.strength3
{
        width:200px;
        background:#56e500;
}

.strength4
{
        background:#4dcd00;
        width:330px;
}

.strength5
{
        background:#399800;
        width:400px;
}