/*--- FONTS ---*/

/*
font-family:'Proxima N W01 Bold';
font-family:'Proxima N W01 Black';
font-family:'Proxima N W01 Light';
font-family:'Proxima N W01 Reg';
*/

/*--- END FONTS ---*/


/*--- MEDIA QUERIES ---*/

@media (max-width: 767px) {
	.side-nav, .navbar-collapse {
		background-color: #fff;
	}

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

	.navbar-inverse .navbar-nav > li > a:hover {
		color: #fff;
		background-color: #000;
	}
}

@media (max-width: 991px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
	.col-lg-20-procent {
		width: 20%;
		float: left;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}
}

/*--- END MEDIA QUERIES ---*/

a {
	outline: none;
	color: #00adef;
}

h1 {
	font-family:Arial;
	font-size: 2em;
}

h2 {
	font-family:Arial;
	font-size: 1.2em;
}

.btn-primary {
	background: #00adef;
	border: none;
}

.btn-primary:hover {
	background: #323232;
}

.col-tight {
	padding: 0px;
}

.navbar-inverse {
	background-color: #00adef;
	border-color: #00adef;
}

.navbar-brand, .navbar-brand a {
	font-family:Arial;
	font-size: 22px;
	color: #fff !important;
	text-transform: uppercase;
}

.word-brand {
	font-size: 1.15em;
	margin-left: 20px;
	position: relative;
	top: 3px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 100%;
}

.page-header {
	border-bottom: 2px solid #eee;
}

.dashboard a {
	text-decoration: none;
	outline: none;
}

.panel {
	background: #323232;
	border: none !important;
	border-radius: 10px;
	box-shadow: none;
	color: #fff;
	font-family:Arial;
	font-size: 1.1em;
	line-height: 40px;
	min-height: 144px;
}

.panel:hover {
	background: #000;
}

.panel-ico {
	background: none repeat scroll 0 0 #00adef;
	border: 1px solid #00adef;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	min-height: 100px;
	padding-top: 20px;
}
.toevoegen a {
	 color: #000;
 }

.toevoegen a:hover {
	text-decoration: none;
	color: #449d44;
}

.fa-plus-circle {
	color: #449d44;
	font-size: 1.75em !important;
	margin-bottom: 30px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}

.pagination > li > a, .pagination > li > span {
	color: #00adef;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: #00adef;
	border-color: #00adef;
}

.form-control:focus {
	box-shadow: none !important;
}

form .break + form .break:nth-child(odd) {
	clear: both;
}

.col-lg-6.break .col-lg-6.break {
	width: 100%;
	padding: 0px;
}

#domainregistration div:first-child, #domainregistration div:nth-child(2) {
	width: 100%;
}

.alert-info {
	background-color: #d9edf7 !important;
	border-color: #bce8f1 !important;
}

.alert-info:hover {
	background-color: #E7F6FD !important
}

.table-responsive a {
	color: inherit;
}

.planning .table-responsive a {
	display: block;
	margin: -8px;
	padding: 8px;
	text-decoration: none;
}

.bootstrap-date select {
	display: inline-block;
	width: auto;
	margin-right: 10px;
}

.icon-chevron-down, .icon-chevron-up {
	width: 32px;
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-chevron-down:before {
	content: "\f078";
}

.icon-chevron-up:before {
	content: "\f077";
}

.bootstrap-timepicker-widget table td input
{
	border: 1px solid #cbcbcb;
}

.navbar-inverse .side-nav li a:focus {
	color: #9d9d9d;
	background-color: transparent;
}
.current_ancestor .collapse
{
	display: block;
}

.navbar-inverse .navbar-nav li.active a, .navbar-inverse .side-nav li a:hover {
	color: #fff;
	background-color: #080808;
}

.table>tbody>tr.black>td, .table>tbody>tr.black>th, .table>tbody>tr>td.black, .table>tbody>tr>th.black, .table>tfoot>tr.black>td, .table>tfoot>tr.black>th, .table>tfoot>tr>td.black, .table>tfoot>tr>th.black, .table>thead>tr.black>td, .table>thead>tr.black>th, .table>thead>tr>td.black, .table>thead>tr>th.black {
	background-color: #535353;
	color: #fff;
}

.datepicker-dropdown.datepicker-orient-top {
	margin-top: 60px;
}

input.datepicker.form-control[readonly] {
	background-color: #fff;
	border: 1px solid #ccc;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled]
{
	background: #00acee !important;
	color: #fff !important;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover
{
	background: #E8E8E8 !important;
	color: #4E4E4E !important;
	font-weight: bold;
}