.divError{
	display: none;
}
.bgHome{
	background-image:url('../img/bgHome.png');
	background-repeat:no-repeat;
	 background-size: cover;
}
.mt-30{
	margin-top: 30px;
}
.handje{
  cursor: pointer;
}
.txtDanger{
  background-color: #ffc6c6;
}
.txtSuccess{
  background-color: #ccf9c7;
}
.txtWarning{
  background-color: #fbff9b;
}
.trSuccess{
    background-color: #cbffaf !important;
}
.trDanger{
    background-color: #ffcece !important;
}
.select2-container .select2-choice abbr.select2-search-choice-close{
right: 40px !important;
}
.agendaPadding{
	padding-left: 5px;
	padding-right: 5px;
}
.titelAgenda{
	padding: 10px 5px 5px 10px;
	min-height: 0px;
	border-bottom: 1px solid #d6d6d6;
}
.agendaContent{
	padding: 10px;
	background: white;
}
.cursor{
	cursor: pointer;
}
.lichtgroen{
	background-color: #cefff4;
}
.lichtrood{
	background-color: #fccbc4;
}
textarea.form-control{
	display: inline-block;
    height: auto;     
    font-size: 12px;
    resize: none;
    overflow: auto;
}
.label-black{
	background-color: black !important;
	color: white;
}
.btn-secondary.active{
	background-color: #17987E !important;
}
.btn-outline-primary{
	border-color:#002337;
	color:#002337;
	background-color:white;
}
}
.btn-outline-primary:hover{
	background-color:#002337 !important;
}
.btn-outline-primary:not(:disabled):not(.disabled).active{
	background-color:#35E574 !important;
	color:#002337 !important;
}
.btnKeuring:not(:disabled):not(.disabled).active{
	background-color:#35E574 !important;
	color:white !important;
}
.btnArtikel:not(:disabled):not(.disabled).active{
	background-color:#35E574 !important;
	color:white !important;
}
.btn-outline-primary:hover{
    background-color:#35E574 !important;
    border-color:#35E574 !important;
    color:#002337 !important;
}



.btn-outline-primary:not(:disabled):not(.disabled).active{
	border-color:#35E574;
}
.btnOppervlakte{
	padding:15px;
}
.badge-secondary{
    background-color:#35E574 !important;
    color:#002337;
}
h4{
    font-weight:700 !important;
    color:#002337;
}
h5{
    font-weight:600 !important;
    color:white;
}
.ibox-title{
    background:transparent;
    border:none;
   	padding-left:5px;
   	padding-bottom:0px;
   	margin-bottom: 10px;
}
.ibox{
    border-radius:20px;
    border:none;
}
.ibox-content{
    border-radius:20px;
    border:none;
}
.btnKeuring{
    border-radius:10px;
    font-weight:600;
    background-color:white;
    border:#002337;
    min-height:100px;
    padding:60px 10px 60px 10px;
    color:#002337 !important;
}
.tegel{
	border-radius:10px;
    font-weight:600;
    background-color:white;
    border:#002337;
    min-height:100px;
    padding:20px 20px 20px 20px;
    color:#002337 !important;
}
.btnArtikel{
    border-radius:10px;
    font-size:1.2em;
    font-weight:600;
    background-color:#e0f4ff;
    border:dashed 3px #002337 !important;
    min-height:100px;
    padding:15px 10px 20px 10px;
}
.btn{
    border-radius:20px;
}
.navbar-fixed-top, .navbar-static-top{
    background:transparent;
    
}
.top-navigation .navbar .nav > li.active{
	border-radius:20px;
	background: #35ea76;
	color: #002337;
	border-bottom: none !important;
}

.top-navigation .nav > li > a{
	color:white;
	border-radius:20px;
}
.top-navigation .nav > li.active > a{
	color:#002337;
}
.navbar{
	background-color:#002337 !important;
}
.top-navigation .nav > li a:hover{
	color:#002337;
}
.footer{
	font-size:0.9em;
	font-weight:400;
}
.subkaderArtikels{
	font-weight:normal;
}
.listArtikelkeuze{
	background-color:#002337;
	border:none !important;
	border-bottom:1px solid #39FA7E !important;
	border-radius:0px !important;
	margin-top:0px !important;
	color:white;
}
.listArtikelkeuze:first-child {
	border-top-left-radius:20px !important;
	border-top-right-radius:20px !important;
}
.listArtikelkeuze:last-child {
	border-bottom-left-radius:20px !important;
	border-bottom-right-radius:20px !important;
}
.gray-bg{
	background-color:#002337;
}
.border-bottom{
	border-bottom: 2px solid #39FA7E !important;
}
.text-green{
	color:#39FA7E;
}
.text-blauw{
	color:#002337;
}
.progressie li{
	float:left;
	padding:10px 20px 10px 20px;
	color:white;
	font-size:1.2em;
	list-style:none;
	border-radius:20px;
	margin-right:20px;
	font-weight:700;
}
.progressie{
	padding:0px;
}

.progressie li.active{
	background-color:#35E574;
	color:#002337;
}
.progressie li.active > .badgeProgressie{
	background-color:#002337 !important;
	color:#35E574 !important;
}
.btnKeuze{
	padding:10px 40px 10px 40px !important;
}
.btnDropdown{
	background-color:#002337;
	border-color:#002337;
	color:#35E574;
}
strong{
	font-weight:600;
}
.meldingcentrum{
	border-radius:20px !important;
	border-color:#002337;
}
.aanvraagcentrum{
	border-radius:20px !important;
	border-color:#002337;
	background:#002337 !important;
	color:white !important;
}
.badgeProgressie{
	border-radius:50%;
	margin-right:10px;
	font-size:0.8em;
	background-color:#35E574 !important;
	color:#002337 !important;
	font-weight:800 !important;
	padding:7px 10px 7px 10px;
}
.statusDone{
	background-color:#35EA76;
	color:#002337;
}
.statusToDo{
	background-color:#ED5565;
	color:white;
}
.statusProgress{
	background-color:#f7a61b;
	color:white;
}
.progress{
	border-radius:1rem;
}
.progress-bar{
	background-color:#35EA76;
}
.errorAanvraag{
    border: none;
    font-weight: 700;
}
.btn-white{
	color:#002337 !important;
}
.inputAantal{
	min-height:0px !important;
}
.btnAantal{
	font-size:0.8rem !important;
}
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #434346;
  -webkit-text-fill-color: #002337;
  -webkit-box-shadow: 0 0 0px 1000px #35E574 inset;
  transition: background-color 5000s ease-in-out 0s;
};