H2, .page-header {
	font-size:18px;	
	color: #002342;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color:#f6fafd;	
}

.navbar-default {
	background-color:#f6fafd;	
}

.navbar-inverse {
	background-color:#337AB7;	
}



.navbar-inverse .navbar-nav>li>a { 
	color:#FFF;	
}

.nav-sidebar A {
	color:#002342;	
}

.nav-sidebar > li > ul {
	list-style:none;
	padding-left:0;
}

.nav>li>ul>li {
    position: relative;
    display: block;
	padding-left:30px;
}
.nav-sidebar > li > ul > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav>li>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav>li>ul>li:hover {
	color:#FFF;
	background-color:#2C7DDD;
}
.nav>li>ul>li>a:hover {
	color:#FFF;
	background-color:#2C7DDD;
	text-decoration:none;
}

.nav > li > ul > li > ul {
	background-color:#f5f5f5;
}

.nav-sidebar LI {
	/*background-color:#dcdcdc;	*/ 
	border-bottom:1px dotted #FFF;
}
 .navbar-brand IMG{
	position:absolute;
	left:0px;
	top:0px;	
}


.nav-sidebar .nav-customer {
	background-color:#256D9A;
	border-bottom:1px dotted #FFF;
}

.nav-sidebar .subsubnav-customer {
	background-color:#2F88C0;
	border-bottom:1px dotted #FFF;
}



.subsubnav-customer A {
	color:#FFF !important;
}

.subsubnav-customer A:hover {
	color:#333;	
}


.nav-customer A {
	color:#FFF;
}

.nav-customer A:hover {
	color:#333;	
}

.nav-sidebar .documentatie_item {
	padding:0px;
	margin:0px;
	
}

.nav-sidebar .documentatie_item > A{
	padding-left:60px;	
}

.nav-sidebar  .documentatie_item > UL {
	padding:0px;	
	margin:0px;
}

.nav-sidebar  .documentatie_item > UL > LI {
	list-style: none;
	padding: 0px;
	margin:0px;
}

.nav-sidebar  .documentatie_item > UL > LI  A {
	    position: relative;
    display: block;
	padding: 10px 0px 10px 75px;
	color:#000;
}
.nav-sidebar  .documentatie_item:hover {
	
	background-color:#2C7DDD;
}
.nav-sidebar  .documentatie_item LI:hover {
	background-color:#2C7DDD;	
}
.nav-sidebar  .documentatie_item LI:hover A {
	color:#FFF;	
}
.klant_active {
	background-color:#194B6A !important;
	
}
.klant_active A{
	color:#FFF;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background-color:#205E85;

}
.statuslijst li a {
	text-decoration:none;
	color:#FFF;
}

.statuslijst a {
	width:150px;
}

.popover-title {
	min-height:35px;
}

.taakregel td:not(:first-child), .taakregel th, .notitieregel td:not(:first-child), .bezoekitemregel td:not(:first-child), .notitieregel th, thead td, thead th,.bezoekitemregel th, thead td, thead th {
	white-space:nowrap;
}

thead th {
	/*font-size:18px;*/ 
}

.stats_row TD, .stats_row TH {
	text-align: right;	
	white-space:nowrap;
}

/*Statussen*/

.status-openstaand,.status-Openstaand  {
	color:#CCC;
}

.status-bezig, .status-Bezig  {
	color:#000;
}

.status-voltooid, .status-Voltooid, .status-Afgerond {
	color:#00B050;
}

.status-geannuleerd, .status-Geannuleerd {
	color:#F00;
}

.twitter-typeahead {
	width:100%;	
}

.form-horizontal .control-label {
	text-align:left;	
}

.projectregeltekst {
	text-align:left;
	line-height:150%;	
	padding-top:8px;
}

	.plan_projecregeltekst {
			margin:5px; 
			border-radius:10px; 
			float:left;
			width:98%;
			
			background: #337AB7; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#4f93ce, #337AB7); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#4f93ce, #337AB7); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#4f93ce, #337AB7); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#4f93ce, #337AB7); /* Standard syntax */
			
			padding:10px; 
			color:#FFF;
			box-shadow:0px 0px 3px #999;
	}
	
	.plan_projecregeltekst_klant {
			margin:5px; 
			border-radius:10px; 
			float:left;
			width:98%;
			
			background: #7ab733; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#93ce4f, #7ab733); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#93ce4f, #7ab733); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#93ce4f, #7ab733); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#93ce4f, #7ab733); /* Standard syntax */
			
			padding:10px; 
			color:#FFF;
			box-shadow:0px 0px 3px #999;
	}
	
	.plan_projecregeltekst A {
		color:#FFF;	
		padding:2px;
		margin:5px;
	}
	
	.plan_projecregeltekst_input {
		background-color:#FFF;
		border:1px solid #337AB7;
		margin:5px; 
		border-radius:10px; 
		padding:10px; 	
	}
		
.aandacht {
    background: #7ab733;
    background: -webkit-linear-gradient(#93ce4f, #7ab733);
    background: -o-linear-gradient(#93ce4f, #7ab733);
    background: -moz-linear-gradient(#93ce4f, #7ab733);
    background: linear-gradient(#93ce4f, #7ab733);
}
	
	.plan_datetime {
		text-align:right;	
		color:#FFF;
		font-size:12px;
	}
	
	.itemoverzicht td {
		white-space:nowrap;	
	}
	
	.itemoverzicht td.omschrijving {		
		white-space:normal;		
	}
	
.btn-info {
	background-color:#4C90CC;
	border:1px solid #337ab7;	
}
	.btn-info:hover {
		background-color: #337ab7;
	}
	
#modalPlanning .modal-lg {
	width:90% !important;
}



.modal-xxl {
	width:90% !important;
}



.planning_table {
	font-size:12px;	
}

.planning_table td, .planning_table th {
	padding:3px !important;	
}

.planning_table INPUT, .planning_table SELECT {
	padding:1px;
	font-size:12px;		
}

.archief {
	background-color:#AFAFAF;
}

.internbeheer_nav >li>ul>li {
	padding-left:0px;	
}

.ibitemoverzicht thead tr {
	background-color:#FFF;	
}
/*
#item_affix {
    top:240px;
    position:fixed;
}*/

.ibitemoverzicht {
}
#header_internbeheer_affix {
	z-index:4;	
	background-color:#FFF;
	margin:0px;
	margin-top:-20px;
	padding:20px 0;
	height:160px;
	
	position:fixed;
}

.internbeheer_header {
	
	background-color:#FFF;
}

.floatThead-container {
	margin-top:-10px !important;	
}

.ibitemoverzicht .info td {
	background-color:#337ab7 !important;
	color:#FFF;	
}


.itemoverzicht .info td {
	background-color:#337ab7 !important;
	color:#FFF;	
}

.itemoverzicht .info td SELECT, .itemoverzicht .info td INPUT {

	color:#000;
}


.ibitemoverzicht .info td .nieuwSubItem {
	
	color:#FFF;	
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	
	.navbar-nav>li {
		width:100%;
	}
	
	.navbar {
		max-height:350px;
		overflow-y:auto;	
	}
	
	.navbar-right {
		float:left !important;	
	}
	
}



.datepicker_table {
		
}

.datepicker_table {
	padding:0px;
	height:inherit;	
}
.planning_table .addItem {
	padding:0px 2px;	
}

.planning_table .statusExtern {
	padding: 0px 2px;	
	height:inherit;
}

.planning_table SELECT {
	height:inherit;
	padding: 0px 2px;	
}

.planning_table .ureningepland {
	height:inherit;
	padding: 0px 2px;
}

.info .fa-send-o { color: #FFF; } 



.bezoekregel td {
	background-color:#FFB600;	
}

.planning_huidigedag_regel {
	
}

.planning_table .cursief {
	font-style: italic;
}
.projectregel:hover {
	cursor: pointer;
}


.planregel:hover {
	cursor: pointer;
}

.taakregel:hover {
	cursor: pointer;
}
.klantregel {
	cursor: pointer;
}
.notitieregel {
	cursor: pointer;
}

.bezoekitemregel {
	cursor: pointer;
}

.opportunitieregel {
	cursor: pointer;
}

.ibregel  {
	cursor: pointer;
}
.documentatieregel {
	cursor: pointer;
}

.rapportages_uitklappen A {
	padding-left:35px !important;
}

.mappenstructuur-mapcontainer {
	cursor: pointer;
}

.mappenstructuur-mapcontainer:hover .mappenstructuur-innermapcontainer {
	background-color:#F8F8F8;
}

.mappenstructuur-title {
	white-space:nowrap;
}

.higlightrow {
	background-color:#337AB7 !important;	
}

.item-lijst{
	padding-left:10px;
	padding-right:10px;
}

.item-content {
	padding-left:10px;
	padding-right:15px;
}

.planning-filtermenu {
	position: absolute; 
	z-index: 1000; 
	background-color: #FFF; 
	border-radius:4px; 
	padding:10px;
	border:1px solid #ECECEC;
	display: none;
	
}

.bezoek-filtermenu {
	position: absolute;
	z-index: 1000;
	background-color: #FFF;
	border-radius:4px;
	padding:10px;
	border:1px solid #ECECEC;
	display: none;

}
.klantenoverzicht-filtermenu {
	position: absolute;
	z-index: 1000;
	background-color: #FFF;
	border-radius:4px;
	padding:10px;
	border:1px solid #ECECEC;
	display: none;

}
.statistiek-filtermenu {
	position: absolute;
	z-index: 1000;
	background-color: #FFF;
	border-radius:4px;
	padding:10px;
	border:1px solid #ECECEC;
	display: none;

}


.klant_berichten {
	margin:5px;
	border-radius:10px;
	float:left;
	width:98%;

	background: #337AB7; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#4f93ce, #337AB7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4f93ce, #337AB7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4f93ce, #337AB7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4f93ce, #337AB7); /* Standard syntax */

	padding:10px;
	color:#FFF;
	box-shadow:0px 0px 3px #999;
}

.klant_datetime {
	text-align:right;
	color:#FFF;
	font-size:12px;
}

.agenda_plan_item {
	margin:4px;
	border-radius:3px;
	float:left;
	width:100%;

	background: #FFF; /* For browsers that do not support gradients */
	/*background: -webkit-linear-gradient(#4f93ce, #337AB7); !* For Safari 5.1 to 6.0 *!*/
	/*background: -o-linear-gradient(#4f93ce, #337AB7); !* For Opera 11.1 to 12.0 *!*/
	/*background: -moz-linear-gradient(#4f93ce, #337AB7); !* For Firefox 3.6 to 15 *!*/
	/*background: linear-gradient(#4f93ce, #337AB7); !* Standard syntax *!*/

	padding:10px;
	color:#000;
	box-shadow:0px 0px 3px #999;
	transition: all 0.5s;
}

.agenda_plan_item:hover{
	background-color:#f8f8f8;

}

.droppable-hover {
	border:1px solid blue;

}

.droppable {


}

.tr-inuitvoering {
	background-color: #31bfd2 !important;
}
.tr-inuitvoering>td {
	color:#FFF !important;
}

.tr-inuitvoering>td SELECT, .tr-inuitvoering>td INPUT {
	color:#000 !important;
}

.tab-content>.tab-pane {

	padding: 15px;
}


.tekstblok_content IMG {
	/*float:left;*/
	max-width:100% !important;
}

.text-warning .warning {
	color: orange;
}

.nav-website-tile {
	border:1px solid #FFF;
	float: left;
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#FFF;
	position: relative;

	height: 100px;
	width: 100%;
	text-align: center;
	border-radius:10px;
	overflow: hidden;;
}
.nav-website-tile:hover {
	border: 1px solid #000;
}

.btn-outline-primary {
	border: 1px solid #2e6da4 !important;
}