/*
	 * blauw: #2D61AC
	 * l.blauw: #4193F2
	 *
	 * rood: #EE4136
	 * oranje: #F86D11
	 *
	 */


	html, body {
		background-color: #ececec;
		height: 100%;
	}

	main {
		min-height: 830px;
	}

	.container {
		background-color: #ffffff;
		padding-bottom: 15px;
	}

	.highcharts-container
	{
		width: 100% !important;
		height: 480px;
	}

	/*
	 * Gas- en elektrameters op homepage
	 */

	.gauge_wrapper {
		max-width: 345px;
		/* max-height: 320px; */
		display: block;
		float: left;
		padding: 20px;
		background-color: #ffffff;
		/* margin-bottom: 15px; */
		text-align: center;
	}

	.gauge_wrapper canvas {
		width: 100%;
		/* height: 100%; */
		height: 240px;
		display: table-cell;
	}

	.gauge_wrapper label {
		display: block;
		margin-top:-47px;
		text-align: center;
	}

	.center {
		text-align: center;
	}



	/*
	 * Typografie
	 */

	p {
		margin-bottom: 20px;
		margin-top: 0;
	}

	h2 {
		color: #21469a;
		font-weight: 300;
		font-size: 27px;
	}

	table.profiel td {
		background: #ffffff;
		padding: 10px;
	}

	tr.border_bottom td {
	  border-bottom:1pt solid black;
	}


/* tabs */
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li.active > a:hover {
		background-color: #e7e7e7;
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li.active > a:hover {
		background-color: #e7e7e7;
		outline: 0;
	}

	.nav-tabs {
		border-bottom: 1px solid #fff;
	}

	.tab-pane {
		display: none;
		background-color: #e7e7e7;
		overflow: hidden;
	}

	.tab-pane.is-active {
		display: block;
		-webkit-box-shadow: 3px 6px 15px 3px rgba(0,0,0,0.37);
		-moz-box-shadow: 3px 6px 15px 3px rgba(0,0,0,0.37);
		box-shadow: 3px 6px 15px 3px rgba(0,0,0,0.37);
	}

	.tab-pane {
		padding:  1.5rem;
	}

	.tab-pane .tab-pane {
		padding:  0;
	}


	/*
	 * Tables
	 */

	.thead-inverse th {
		background-color: #445599;
		color: #fff;
	}

	tr.no-background td {
		background: transparent !important;
	}



	.btn-primary {
		background: #445599; /* basis */
		border-color: none !important;
		border: 0px;
		color: #fff;
		margin-bottom: 3px;
	}


	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary.focus,
	.btn-primary.active:focus,
	.btn-primary.active,
	.btn-primary:active,
	.open > .dropdown-toggle.btn-primary {
		background: #1E2F73;
		color: #fff;
	}

	.btn-primary:hover {notify
		background-color: #001157 !important;
	}

	.btn-secondary {
		border: 1px solid #ccc;
	}

	.btn-secondary:hover {
		color: #292b2c;
	}
	.btn-secondary.active,
	.btn-secondary:active, .show >
	.btn-secondary.dropdown-toggle {
		background-color: #e6e6e6;
		background-image: none;
		border-color: #adadad;
		color: #292b2c;
	}


	.bg-white {
		background-color: #ffffff !important;
	}


	colgroup col.success {
		background-color: #dff0d8;
	}
	colgroup col.error{
		background-color: #f2dede;
	}
	colgroup col.warning {
		background-color: #fcf8e3;
	}
	colgroup col.info {
		background-color: #d9edf7;
	}
	colgroup col.danger {
		background-color: #f2dede;
	}
	.table {
		background-color: white !important;
	}

	div.tab-content div.tab-content .tab-pane.active{
		background-color: #ffffff !important;
	}

	dd {margin-bottom: 18px;}


	.highcharts-background {
		width: 1080;
		height: 400;
	}

	/* overrule bootstrap witte tabs  */
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
		background-color: none;
	}

	/* Kleuren */
	.bg-primary {
		background-color: #1E2F73;
	}

	.bg-nherood {
		background-color: #ee4136;
	}

	.bg-nheblauw {
		background-color: #445599;
	}

	.bg-nhelblauw {
		background-color: #CAD5FF;  /* 9CABE9*/
	}

	.bg-nheblauwfoto {
		background-color: #2D61AD; /* foto */
	}

	.bg-nheoranje {
		background-color: #f86d11;
	}


	.bd-callout {
		padding: 1.25rem;
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
		border: 1px solid #eee;
		border-left-width: 1px;
		border-left-width: .50rem;
		border-radius: .50rem;
		/* overflow: auto; */
	}

	.bd-callout-info {
		border-left-color: #5bc0de;
	}

	.bd-callout-nheoranje {
		border-left-color: #f86d11;
	}

	.bd-callout-nherood {
		border-left-color: #ee4136;
	}

	.bd-callout-nhelblauw {
		border-left-color: #CAD5FF;
	}

	.btn-nherood {
		background-color: #ee4136;
		color: #ffffff;
	}

	.btn-nheoranje {
		background-color: #f86d11;
		color: #ffffff;
	}

	.btn-nheoranje.focus, .btn-nheoranje:focus, .btn-nheoranje:hover {
		background-color: #FF5000;
		color: #fff;
		text-decoration: none;
	}

	.list-group-item {
		padding: 5px 10px;
	}

	.disabled {
		color: #aaa;
	}

	span.fa {
		color: #3CACFF;
	}

div.notify {
	background-color: #d9edf7;
	margin-bottom: 10px;
	padding: 7px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}