/* Extra small devices (phones, less than 768px) MOBILE FIRST! */
/* No media query since this is the default in Bootstrap */

/* Start Font Styling ================================================================================================================= */

/* End Font Styling =================================================================================================================== */

/* Start Typography Styling =========================================================================================================== */
#ui-datepicker-div{z-index:1050 !important}
html {
	position: relative;
	min-height: 100%;
}

body {
	font-family: 'Roboto', sans-serif !important;
	font-size: 15px;
	line-height: 24px;
	overflow-x: hidden !important;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main{
	flex: 1;
}

.display-1{
	font-size: 50px !important;
	margin: 0px;
}

.display-2{
	font-size: 55px !important;
	margin: 0px;
}

.display-3{
	font-size: 60px !important;
	margin: 0px;
}

.display-4{
	font-size: 112px !important;
	margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif !important;
	line-height: 1.6;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: bold;
}

h1 {
	font-size: 30px;
	line-height: 0.975em;
}

h2 {
	font-size: 23px;
	line-height: 1.425em t;
}

p{
	font-family: 'Roboto', sans-serif !important;
	font-size: 1em;
	font-weight: normal;
	line-height: 24px ;
	margin-bottom: 20px;
}

blockquote p{
  line-height: 26px;
  font-size: 17px;
}

/* End Typography Styling ============================================================================================================= */

/* Start Kleuren ====================================================================================================================== */

body {
	color: #5f5f4e;
}

::-moz-selection {
	color: #fff;
	background: #ef9406;
}

::selection {
	color: #fff;
	background: #ef9406;
}

.tw-blue{
  background: #1da1f2 !important;
  position: relative !important;
  z-index: 1 !important;
}

.fb-blue{
  background: #3b5999 !important;
  position: relative !important;
  z-index: 1 !important;
}

.fb-blue:before, .tw-blue:before{
  font-family: "Font Awesome 5 brands";
  font-size: 19px;
  left: 6px;
  position:absolute;
  top: 50%;
  margin-top: -11px;
  content: "\f39e";
  width:17px;
  height:24px;
  color: white;
}

.tw-blue:before{
 content: "\f099";
}

.main-color-1{
	color: #ef9406 !important;
}

.sub-color-1{
	color: #263575 !important;
}

.sub-color-2{
	color: #a1a18c !important;
}

.sub-color-3{
	color: #eeeede !important;
}

.main-bg-1{
	background: #ef9406 !important;
}

.sub-bg-1{
	background: #263575 !important;
}

.sub-bg-2{
	background: #a1a18c !important;
}

.sub-bg-3{
	background: #eeeede !important;
}

.gray-color-1{
	color: #b2b5ac;
}

.gray-color-2{
	color: #f3f3f4;
}

.gray-color-3{
	color: #f9f9fa;
}

.gray-bg-1, .page-item.active .page-link{
	background: #b2b5ac;
}

.gray-bg-2, .list-group-item.active{
	background: #f3f3f4;
}

.list-group-item.active{
  color: initial;
}

.gray-bg-3{
	background: #f9f9fa;
}

a.main-color-1:hover{
	color: #263575 !important;
}

ul.main-color-1 a{
	color: #ef9406 !important;
}

.but-custom, .but-custom:hover, .but-custom:visited, .but-custom:active, .but-custom:focus{
	background: #263575 !important;
	color: white !important;
}

.but-custom:active .ripple-container, .but-custom:focus .ripple-container{
	background: #f19e1e !important;
	z-index: -1;
}

.but-custom a, .but-custom a:hover{
	color: white !important;
	text-decoration: none;
}

.form-control:read-only, .custom-file-control:read-only{
	background-image: linear-gradient(0deg, #ef9406 2px,rgba(63,81,181,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0) !important;
}

.form-control:required{
	background-image: linear-gradient(0deg, #ef9406 2px,rgba(63,81,181,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0) !important;
}

body .is-filled .form-control:required:invalid{
  background-image: linear-gradient(to top, #d50000 2px, rgba(213, 0, 0, 0) 2px), linear-gradient(to top, rgba(0, 0, 0, 0.26) 1px, transparent 1px);
}

.navbar li > a{
	color: #b2b5ac;
}

.navbar li.active > a, .navbar.util-nav li > a{
	color: #ef9406;
}

.nav-item.active>a{
	background: #f9f9fa;
}

.menu-nav li > a:hover{
	background: #f9f9fa;
	color: #ef9406;
}

.nav-tabs .nav-link.active{
  background: none !important;
}

/* End Kleuren ======================================================================================================================== */

.gem-blok, .vandaag-blok{
  bottom: 0px;
}

.gem-blok{
  left: 12.5%;
}

.vandaag-blok{
  left: 50%;
  margin-left: -25% !important;
}

/* Start Inputs, Links & Buttons Styling  =====u======================================================================================== */

.w-50px{
  width: 50px;
}

.w-30{
	width: 30%;
}

.cursor-pointer{
	cursor: pointer !important;
}

a{
  -webkit-transition: color 150ms ease-in-out,background-color 150ms ease-in-out,border-color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out,background-color 150ms ease-in-out,border-color 150ms ease-in-out;
  transition: color 150ms ease-in-out,background-color 150ms ease-in-out,border-color 150ms ease-in-out;
	cursor:pointer;
}

a.main-color-1, ul.main-color-1 a, a.main-color-1:focus, ul.main-color-1 a:focus, a.main-color-1:hover, ul.main-color-1 a:hover{
	text-decoration: underline !important;
}

.btn, .nav-item .nav-link{
	text-transform: none !important;
}

.navbar .fa-chart-bar{
	font-size: 16px !important;
}

.navbar-toggler{
	cursor: pointer;
}

.navbar-brand {
	height: 80px;
	width: 80px;
  display: block;
  top: -24px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.17);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.17);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.17);
	border: 2px solid white;
  padding: 0px !important;
  background: url(../img/logo.png) no-repeat ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.navbar-brand.presentatie-modus{
	top: 20px;
}
.nav-item {
				position: relative;
}
.menuCounter {
    border-radius: 100%;
    background-color: #666;
    width: 22px;
    height: 22px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    top: 3px;
    position: absolute;
    right: -3px;
}
#login-form{
	padding-top: 70px;
	position: relative;
}

#login-form::before{
	position: absolute;
	content: '';
	background: url(../img/uploads/logo_hez.png) no-repeat center center white;
	height: 50px;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	top: 0px;
	background-size: contain;
}

.navbar.util-nav{
}

.navbar.menu-nav{
}

.navbar.menu-nav li > a span.oi{
	font-size: 21px;
	text-align: center;
	clear: both;
	display: block;
}

.navbar li > a {
  text-transform: none !important;
}

label.radio-inline, .checkbox label{
	cursor: pointer;
}

.icon-resize{
	font-size: 16px !important;
}

.icon-resize2{
	font-size: 21px !important;
}

input[type="text"].form-control, input[type="email"].form-control, input[type="password"].form-control{
	/* padding-top: 0.59rem; */
	/* padding-bottom: 0.61rem; */
	padding-top: 9px;
	padding-bottom: 10px;
	height: 38px !important;
}

select.form-control{
	height: 38px !important;
	line-height: 1.2 !important;
	padding-top: 9px !important;
	padding-bottom: 10px !important;
	border-bottom: 0px !important;
}

select.form-control, input#datepicker{
	cursor: pointer !important;
}

.date-group{
	position:relative;
	z-index:49;
}

.date-group span{
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  right: 0px;
  position:absolute;
  top: 50%;
	content: "\f073";
	width:17px;
	height:24px;
}

.date-group label{
	overflow: hidden;
  height: 12px;
}

a.dropdown-item:focus{
	background: transparent;
}

.nav-tabs .nav-item a{
	color: #b2b5ac;
}

.nav-tabs .nav-item a:hover{
	color: #ef9406;
}

.nav-tabs a.nav-link.active{
	color: #ef9406;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	background: #929aba !important;
	border-color: #263575 !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background: #fdf2e1  !important;
	border-color: #ef9406  !important;
	color: #ef9406 !important;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
	cursor: pointer;
}

.lijn-selector a{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.lijn-selector .dropdown-menu .dropdown-item{
	min-height: 2.3rem;
}

.navbar-dark .navbar-nav li a.dropdown-item:focus, .navbar-dark .navbar-nav li a.dropdown-item:active {
  background: none !important;
  color: inherit !important;
}

.radio label, .is-focused .radio label, .radio-inline, .is-focused .radio-inline, .checkbox label, .is-focused .checkbox label, .checkbox-inline, .is-focused .checkbox-inline, .switch label, .is-focused .switch label{
	color: inherit !important;
}

form.no-margin{
	margin: 0px;
}

.jsc-holder{
	padding-top: 20px !important;
}

.jsc-holder label{
	margin-bottom: 0px !important;
	top: 0px !important;
}

.jsc-holder input{
	padding-left: 5px !important;
}

.spacePicker{
	display: none;
}

.open .spacePicker{
	display: block;
}

.checkbox label .checkbox-decorator, label.checkbox-inline .checkbox-decorator{
	position: relative;
}

/* End Inputs, Links & Buttons Styling  =============================================================================================== */

/* Start SVG Iconen Styling  ========================================================================================================== */
/* End SVG Iconen Styling  ============================================================================================================ */

/* Start ChartJS ====================================================================================================================== */

/* End ChartJS ======================================================================================================================== */

/* Start General Styling  ============================================================================================================= */

.row-no-gutter .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
				margin-left: 0 !important;
				margin-right: 0 !important;
}

.min-width-100{
	min-width: 100px !important;
}

.min-width-150{
	min-width: 150px !important;
}

.min-width-200{
	min-width: 200px !important;
}

.min-width-250{
	min-width: 250px !important;
}

.box-shadow-0{
	box-shadow: none;
}

.bottom-0{
  bottom: 0px;
}

.left-0{
  left: 0px;
}

.z-index--1{
  z-index: -1 !important;
}

.z-index-1{
	z-index: 1 !important;
}

.z-index-49{
	z-index: 49 !important;
}

.z-index-50{
	z-index: 50 !important;
}

.z-index-51{
  z-index: 50 !important;
}

.login-body{
  min-height: 100%;
  margin-bottom: 0px;
  padding-bottom: 224px;
  height: 100%;
  background: url(../img/spread_bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.border-top-1 {
	border-top: 1px solid;
}

.pt-5px {
	padding-top: 5px;
}

.scaleDown {
	transform: scale(0.85);
}

.border-color-grey {
	border-color: rgb(240, 240, 240);
}

main.container{
	padding-bottom: 200px;
	flex: 1 0 auto;
}

ul.power-quality span{
	display: block;
	width: 100%;
	margin-bottom: 5px;
}

ul.power-quality .fa-square{
	color: #c9ccdc;
	margin-right: 2px;
}

.list-group-item.position-relative .position-absolute{
	right: 0px;
	top: 15px;
	font-size: 18px;
}

	.list-group-item .loader{
		left:0%;
		margin-right:2rem;
		position:relative;
		margin-left:0px;
		width: 2rem;
	}

.pixel-bar{
	width: 1px;
	height: 700px;
}

.pixel-icon{
	height: 150px;
	width: 150px;
}

.number-holder{
	height: 225px;
	width: 225px;
}

	.number-holder .display-2{
		position: absolute;
		top: 80px;
	}

.bg-item{
	min-height: 90%;
  height: 90%;
  background: url(../img/panels.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
.half-doughnut-holder~.card-body, .half-doughnut-holder~.col-xl-6, .card-header{
	z-index: 10;
}

.half-doughnut-holder{
	z-index: 5;
}
*/

	.half-doughnut-holder canvas{
		z-index: 4;
		margin-bottom: -25%;
		margin-top: -25%;
	}

	.chart-text.position-absolute{
		text-align: center;
		z-index: 39;
		color: #333;
		height: 40px;
		margin-top: -20px;
		top: 50%;
		left: 0;
		line-height:19px;
	}

	.half-doughnut-holder .chart-text.position-absolute{
		top: 75%;
		width: 50% !important;
		display: block;
		left: 50%;
		margin-left: -25%;
	}

	.half-doughnut-holder .fa-exclamation-triangle.position-absolute{
		left: 50%;
		margin-left: -50px;
		top: 20%;    
	}

.verbruik-wrapper{
	height: 100%;
}

footer{
	bottom: 0px;
}

.overflow-hidden{
	overflow: hidden;
}

.custom-dropdown{
	top: 68px;
	left: 0px;
	background:  #f9f9fa;
	min-height: 100px;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
	display: none;
}

.form-control:focus ~ .custom-dropdown,
.custom-dropdown:focus,
.custom-dropdown:active,
.custom-dropdown:hover,
.custom-dropdown-holder input:active ~ .custom-dropdown{
	display: block;
}

.nav-link.py-0.pl-4.mb-3.multi-collapse{
  padding-left: 5px !important;
}

.w-100.z-index-50.accordion-wrapper.gray-bg-3{
  max-height: 300px;
  overflow-y: scroll;
  padding-left: 34px !important;
}

.nav.flex-column.sub-accordion.position-relative, .nav.flex-column.sub-accordion.position-relative ul{
  margin-left: 27px !important;
}

.main-accordion .nav-link{
	text-transform: none;
}

.main-accordion>li>div>ul:before, .main-accordion>li>div>ul>li>div>ul:before{
	content: '';
	width: 1px;
	height: 100%;
	border-left: 1px dotted #f7c982;
	left: -45px;
	top: 2px;
	position: absolute;
}

.main-accordion>li>a, .main-accordion>li>div>ul>li>a{
	position: relative;
  padding-left: 5px !important;
}

.main-accordion>li>a.has-child:before, .main-accordion>li>div>ul>li>a.has-child:before, .main-accordion>li>div>ul>li>div>ul>li:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: -47px;
  font-size: 12px;
  position:absolute;
  top:0;
	content: "\f068";
}

.main-accordion li a.has-child.collapsed:before/*, .sub-accordion>li>a.collapsed:before */{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  left: -47px;
  font-size: 12px;
  position:absolute;
  top:0;
	content: "\f067";
}

.main-accordion>li>a, .main-accordion>li>div>ul>li>a, .main-accordion>li>a.collapsed.current{
	background: #fdf2e1;
}

.main-accordion>li>div>ul>li>a.current{
	background: #f0f3f6;
}

.main-accordion>li>a.collapsed, .main-accordion>li>div>ul>li>a.collapsed{
	background: none;
}

.main-accordion>li>div>ul>li>div>ul>li:before{
	content: "";
	left: -25px;
	font-size: 14px;
}

.main-accordion .checkbox.position-absolute{
	left: -27px;
	top: 1px;
}

.main-accordion .checkbox label{
  padding-left: 0px !important;
}

.input-group-addon{
	right: 0px;
	bottom: 10px;
}

.input-group-addon i{
	height: 20px !important;
	width: 20px !important;
}

#croppie-item, #croppie-item2{
	width: auto !important;
	height: auto !important;
}

.d-flex.d-none{
	display: none !important;
}

.zeroUsage .d-flex.d-none, .noMeters .d-flex.d-none{
	display: flex !important;
	margin-bottom: -60px;
}

.flexer{
	min-height: 100vh;
	flex-direction: column;
}

.flexer2{
	min-height: 90vh;
	flex-direction: column;
}

.flex-1{
	flex: 1;
}

.carousel-control-prev{
	justify-content: flex-start !important;
}

.carousel-control-next{
	justify-content: flex-end !important;
}

.jstree-default .jstree-search{
  color: green !important;
  font-style: normal !important;
  font-weight: normal !important;
}

input.comboTreeInputBox{
	cursor: pointer;
}

.mainInput~.comboTreeArrowBtn:after{
	color: blue;
}

.compareInput~.comboTreeArrowBtn:after{
	color: blue;
}

.mainInput2, .compareInput2{
  background-color: initial !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.comboTreeArrowBtn, .inputButton{
	position: absolute;
	right: 0px;
	bottom: 2px;
	border: none;
	background-color: #e9e9e9 !important;
	width: 35px;
  height: 35px;
	cursor: pointer;
}

.inputButton:hover, .comboTreeArrowBtn:hover{
	background-color: #d5d5d5 !important;
}

.comboTreeArrowBtn:after, .inputButton:after{
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  left: 50%;
  margin-left: -7px;
  font-size: 17px;
  position:absolute;
  top: 50%;
  margin-top: -12px;
	content: "\f078";
}

.font-17{
	font-size: 17px !important;
}

.comboTreeArrowBtnImg{
	display: none;
}

.comboTreeDropDownContainer{
	z-index: 50;
}

.modal-backdrop{
}

.page-item.active .page-link{
	color: white !important;
}

.gradient-bg{
	background: rgba(249,249,250,1);
	background: -moz-linear-gradient(top, rgba(249,249,250,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,249,250,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(249,249,250,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(249,249,250,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(249,249,250,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(249,249,250,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9fa', endColorstr='#ffffff', GradientType=0 );
}
main.gradient-bg {
		background: #fff !important;
}

.list-group.ranking-list .list-group-item{
	line-height: 2 !important;
}

.round-avatar{
	border-radius: 50%;
}

.has-shadow{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.badge-primary.date{
  min-width: 115px;
}

.elek-bg, .gas-bg{
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 9em;
  top: 17.5%;
}

.opaque {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;
  filter: alpha(opacity=40) !important;
  opacity: 0.4 !important;
}

.opaque2 {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;
  filter: alpha(opacity=40) !important;
  opacity: ;city: 0.4 !important;
}

ul.pagination{
/*
  display: block;
  float: right;
*/
}

.paginate_button.page-item{
  float: left;
}

.recent-status{
  bottom: 0px;
}

.min-height-256{
  min-height: 256px;
}

.flex-grow-1{
  flex-grow: 1;
}

.border.border-gray{
  border-color: #cfcecd !important;
}

.nav-item.has-counter::before{
  content: "3";
  color: white;
  position: absolute;
  height: 20px;
  width: 20px;
  line-height: 20px;
  background: #ff8214;
  text-align: center;
  border-radius: 20px;
  border-radius: 50%;
  right: 10px;
  top: 10px;
}

#page-content-wrapper{
	min-width: inherit !important;
}

.posted-img-thumb{
  max-width: 200px !important;
  max-height: 100px !important;
}

.posted-img-lightbox{
  max-width: 700px !important;
  max-height: 600px !important;
}

#questionnaires_admin_table_paginate{
  margin-top: 20px;
}

#questionnaire_table td a{
  color: #ef9406;
}

.error-span{
  color: #f44336!important
}

/* End General Styling  =============================================================================================================== */

/* Start DataTables Styling  ========================================================================================================== */

.dataTables_paginate .page-link{
	min-width: auto;
	border-radius: 2px;
}

.mt-5px {
	margin-top:5px;
}

.page-link:focus, .page-link:hover{
	background-color: #e9ebf1;
}

.dataTables_paginate .page-item a{
	color: inherit;
	text-decoration: underline;
  font-size: 13px;
}

.dataTables_paginate .page-item.active a{
	background: #ef9406;
	border: none;
	text-decoration: none;
}

.page-item.first .page-link:hover, .page-item.previous .page-link:hover, .page-item.next .page-link:hover, .page-item.last .page-link:hover,
.page-item.first .page-link:focus, .page-item.previous .page-link:focus, .page-item.next .page-link:focus, .page-item.last .page-link:focus{
	background-color: transparent !important;
}

.page-item.disabled, .page-item.first, .page-item.previous, .page-item.next, .page-item.last,
.page-item.disabled a, .page-item.first a, .page-item.previous a, .page-item.next a, .page-item.last a{
	margin-left: 0em;
	margin-right: 0em;
}

.page-item.next{
	margin-left: -0.5em;
}

.dataTables_paginate .page-item.disabled a{
	text-decoration: none;
}

/* End DataTables Styling  ============================================================================================================ */

/* Start loader Styling  ============================================================================================================== */

.energyDonut{
	position:relative;
}

.loader{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-16px;
	margin-top:-16px;
}

/* Start loader Styling  ============================================================================================================== */

.progress > .progress-step span{
    font-family: 'Roboto', sans-serif !important;; 
}

.progress > .progress-step.is-active{
	color: #5f5f4e !important;
}

.progress > .progress-step.is-active:before {
    border: 10px solid #5f5f4e !important;
}

/* Start Error Styling  =============================================================================================================== */
/* End Error Styling  ================================================================================================================= */

/* ==================================================================================================================================== */
/* ==================================================================================================================================== */
/* ==================================================================================================================================== */
/* Start Media Queries ================================================================================================================ */
/* ==================================================================================================================================== */
/* ==================================================================================================================================== */
/* ==================================================================================================================================== */

/* ************************************************************************************************************************************ */
/* Small devices (tablets, 767px and down) ******************************************************************************************** */
/* ************************************************************************************************************************************ */

@media (min-width: 1100px) {

	.mw-1000 {
		max-width:1000px !important;
	}
}

@media (max-width: 1099px) {
	.mw-1000 {
		max-width:90% !important;
	}
}

@media (max-width: 767px) {

#navbarCollapse{
  padding-left: 0px !important;
}

}

/* ************************************************************************************************************************************ */
/* Small devices (tablets, 570px and up) ********************************************************************************************** */
/* ************************************************************************************************************************************ */

@media (min-width: 570px) {

main.container{
	padding-bottom: 150px;
}

.modal-dialog {
	max-width: 700px;
}

}

/* ************************************************************************************************************************************ */
/* Small devices (tablets, 768px and up) ********************************************************************************************** */
/* ************************************************************************************************************************************ */

@media (min-width: 768px) {

#navbarCollapse{
	padding-left: 170px;
}

.navbar.menu-nav li > a {
  height: 75px;
  padding-top: 15px !important;
  display: block;
  padding-left: 5px !important;
  padding-right: 5px !important;
  min-width: 102px;
}

.navbar-brand.presentatie-modus{
	height: 80px;
	width: 80px;
}

}

/* ************************************************************************************************************************************ */
/* Medium devices (desktops, 991px and down) ****************************************************************************************** */
/* ************************************************************************************************************************************ */

@media (max-width: 991px) {

}

/* ************************************************************************************************************************************ */
/* Medium devices (desktops, 992px and up) ******************************************************************************************** */
/* ************************************************************************************************************************************ */

@media (min-width: 992px) {

#login-form{
  padding-top: 108px;
}

#login-form::before{
  height: 100px;
  width: 100px;
  margin-left: -50px;
}

.navbar-brand {
  height: 150px;
  width: 150px;
}

}

/* ************************************************************************************************************************************ */
/* Large devices  (large desktops, 1199px and down) *********************************************************************************** */
/* ************************************************************************************************************************************ */

@media (max-width: 1199px) {

#navbarCollapse {
  padding-left: 151px;
}

}

/* ************************************************************************************************************************************ */
/* Large devices (large desktops, 1200px and up) ************************************************************************************** */
/* ************************************************************************************************************************************ */

@media (min-width: 1200px) {

.navbar.menu-nav li > a {
  min-width: 140px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.navbar li > a {
  font-size: 16px !important;
}

}

/* ************************************************************************************************************************************ */
/* Custom Large devices  (large desktops, 1299px and down) **************************************************************************** */
/* ************************************************************************************************************************************ */

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

/* ************************************************************************************************************************************ */
/* Custom Large devices (large desktops, 1300px and up) ******************************************************************************* */
/* ************************************************************************************************************************************ */

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

/* ************************************************************************************************************************************ */
/* Custom Large devices (large desktops, 1430px and up) ******************************************************************************* */
/* ************************************************************************************************************************************ */

@media (min-width: 1430px) {

.container {
	max-width: 1400px;
}

}

/* ************************************************************************************************************************************ */
/* Custom Large devices (large desktops, 1500px and up) ******************************************************************************* */
/* ************************************************************************************************************************************ */

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

/* ==================================================================================================================================== */
/* End Media Queries ================================================================================================================== */
/* ==================================================================================================================================== */

._jw-tpk-body ol{
  margin-bottom: 0 !important;
}

.input-error{
  border: 2px solid red !important;
}

.switch.compareSwitch label input:checked + .bmd-switch-track::after{
  background:#333333 !important;
}