@import url(https://fonts.googleapis.com/css?family=Lato:400,700);


body {
	background: #f5f5f5;
	font-family: "Lato",Verdana;
	font-size: 14px;
    line-height: 22px;
    margin:0;
    padding:0;
}

h1{font-size:18px;font-weight: normal;text-transform: uppercase;color:#01919a;}
h2{font-size:16px;font-weight: normal;text-transform: uppercase;margin-top:0;color:#01919a;}
h3{font-size:14px;font-weight: normal;}

.floatl{float:left;}
.floatr{float:right;}

.inline{display: inline;}

.padding0{padding:0;}
.paddingl0{padding-left:0;}
.paddingr0{padding-right:0;}
.paddingt5{padding-top:5px;}
.paddingr10{padding-right:10px;}
.paddingt10{padding-top:10px;}
.paddingt20{padding-top:20px;}
.paddingb20{padding-bottom:20px;}

.margint0{margin-top:0;}
.margint2{margin-top:2px;}
.margint5{margin-top:5px;}
.margint10{margin-top:10px;}
.margint20{margin-top:20px;}
.margint30{margin-top:30px;}
.margint50{margin-top:50px;}
.margint60{margin-top:60px;}
.marginl10{margin-left: 10px;}
.marginl20{margin-left: 20px;}
.marginr10{margin-right: 10px;}
.marginb5{margin-bottom:5px;}
.marginb10{margin-bottom:10px;}
.marginb20{margin-bottom:20px;}

.width200{width:200px;}
.width375{width:375px;}

.width100p{width:100%;}

.fontsize30{font-size: 30px;}

.lineheight22{line-height:22px;}
.lineheight34{line-height:34px;}
.lineheight56{line-height:56px;}

span.large{font-size:16px;}

.bgwhite{background-color: #FFF !important;}

input[type=text], input[type=password], textarea{border:1px solid #eae4d6 !important;}
input[type=radio], input[type=checkbox]{margin:0 8px 0 0;}
input[type=button], input[type=submit], .button{display:inline-block;text-align: center;background-color: #01919a;color:#FFF;border:0;cursor: pointer; margin-bottom:5px;}
input[type=text]::-moz-placeholder{font-family:"Lato",Verdana;}
input[type=text]::-ms-input-placeholder{font-family:"Lato",Verdana;}
input[type=text]::-webkit-input-placeholder{font-family:"Lato",Verdana;}

.likebtn{border:1px solid #eae4d6;}
.likebtn{display:inline-block;text-align: center;background-color: #01919a;color:#FFF;border:0;cursor: pointer; margin-bottom:5px;}
.likebtn::-moz-placeholder{font-family:"Lato",Verdana;}
.likebtn::-ms-input-placeholder{font-family:"Lato",Verdana;}
.likebtn::-webkit-input-placeholder{font-family:"Lato",Verdana;}

.form-control{border-radius:0;}
.btn{border-radius:0;transition: 0.3s ease-in-out all;font-size:15.5px;}
.btn:hover{color:#FFF;background-color: #00828a;}

label{margin-bottom:2px;font-size:12px;}

.caplarge{text-transform: uppercase;font-weight: bold;font-size: 18px;line-height: 22px;}
.alignright{text-align: right;}

a{color:#01919a;text-decoration: none;}

.tabs{height: 40px;background-color: #01919a; margin-left:20px; }
.tabs li{background-color: #01919a;float:left;height:40px;line-height:40px;padding:0 20px;display: block;cursor:pointer;color: #FFF;font-size: 14px;transition: 0.5s ease-in-out all}
.tabs li:hover{background-color: #00828a;}

.table{margin-bottom:0;}

.tab-content{background-color: #fff;padding:20px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}

.nav-pills li a{background-color: #01919a;color:#fff;}
.nav-pills li a:hover, .nav-pills li a:focus{background-color: #017a82;}

.well{background:#fff; border: none;}

.form-group{margin-bottom:8px;}

.rowhead{background-color: #01919a;}
.rowhead td{color:#fff;padding:5px;}

.table.borderless td, .table.borderless th {border: none;}

							/* ----------------------INHOUD EN SIDEBAR POSITIONEREN----------------------- */

.header{padding:20px 20px 20px 20px;margin:0 0 20px 0;background-color: #000;}
.headerLogin{margin:20px 0 0 0;}
.headerLogin img{max-height:100px;}

							/* ----------------------CSS TOEPASSEN AAN FOOTER----------------------- */


.foot {
	height: auto;
	padding: 25px 0px 15px 0px;
	color:#FFFFFF;	
}

/* Inloggen pagina */
.welcome-box{float:left;width:100%;margin:30px 0 10px 0;}
.login-box{float:left;padding:20px;background-color:#FFF;width:510px;}
.login-box input[type=text], .login-box input[type=password]{float:left;margin-bottom:10px;}
.login-box .forgot-password{float:left;margin:0 0 0 20px;}
.weather-box{float:left;padding:20px;background-color:#FFF;margin:0 0 0 20px;width:300px;height:206px;background-image: url(/bureauvervoer/TOL/images/weer.png);background-repeat: no-repeat;background-position: 230px center;}
.link-box{float:left;width:100%;margin:40px 0 0 0;}

.left-column{float:left;width:25%;margin:1% 1% 1% 1%;}
.right-column{float:left;width:72%;margin:1% 1% 1% 0;}
.left-box{float:left;padding:20px;margin-bottom:20px;background-color:#FFF;width: 100%;box-sizing: border-box;}
.right-box{float:left;padding:20px;margin-bottom:20px;background-color: #FFF;width:100%;box-sizing: border-box;}
.full-column{float:left;width:100%;}


/* perspagina_ritten.php */
#tabbladen{height: 40px;background-color: #01919a;}
#tabbladen li{background-color: #01919a;float:left;height:40px;line-height:40px;padding:0 20px;display: block;cursor:pointer;color: #FFF;font-size: 14px;transition: 0.5s ease-in-out all}
#tabbladen li:hover{background-color: #00828a;}

th{padding-right:10px;}


.pagetitle{color:#000;margin:0 0 20px 0;}

#div_geplande_ritten{background-color: #FFF;}

/* structureelbij en nieuwedeelnemer */
.per_week{display: block;}
.per_dag{display: none;}
.onregelmatig{display: none;}

tr.selected{background-color:#017a82 !important;color:#fff;}

@media print {
  a[href]:after {
    content: "" !important;
  }
}

.underline{
	text-decoration:underline;
}

.hidden{
	display:none;
}