/* -------------------------------------------------------------------------------------

Bootstrap 5 override

------------------------------------------------------------------------------------- */

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
	overflow-y:scroll;
}

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

h2 {
	font-size:1.2rem !important;
}

#pagina_inhoud p {
	/*font-size:0.8rem;*/
}

#pagina_inhoud {
	margin-top:6rem !important;
}

input[type=checkbox]:checked + label {
  text-decoration: line-through !important;
}

#feedback {
	position:fixed;
	width:80%;
	left:10%;
	top:2rem;
	font-size:0.8rem;
	z-index:9999 !important;
}

nav .active {
	color:#333 !important;
	font-weight:bold !important;
}

#navigatie {
	/*background-image: linear-gradient(to right, #eee , #aaa) !important;*/
}

#input_hoeveelheid {
	border:2px solid #00BBFF;
	border-radius:4px !important;
}

#pagina_navigatie_mobiel {
	display:none !important;
}


.dropdown-item.active {
	background-color:#333 !important;
	color:#fff !important;
}


.btn-custom {
	color:#333 !important;
	font-weight:bold !important;
	/*background-image: linear-gradient(to top right, #00BBFF , #ff6690) !important;*/
	background-color:#00BBFF !important;
	color:#fff !important;
	/*border:3px solid #444 !important;*/
	/*border-radius:0.64rem;*/
	border:4px solid #00BBFF !important;
}

.btn-custom:hover, .btn-custom:focus {
	background-image: linear-gradient(to top right, ff6690 , #00BBFF) !important;
	/*border-color:#111 !important;*/
	color:#fff !important;
	border:4px solid #99BBFF !important;
}

.bg-custom {
	background-color:#00BBFF !important;
}

.text-custom {
	color:#204080 !important;
}


.bg-custom-2 {
	background-color:#00befa !important;
}

#pagina_navigatie_sluiten_btn,#pagina_navigatie_sluiten_btn * {
	background-color:#00BBFF !important;
}

#pagina_navigatie_btn {
	padding:0.64rem !important;
	background:none !important;
}

#pagina_navigatie_sluiten_btn {
	border:4px solid #fff !important;
}

#pagina_navigatie_sluiten_btn:hover, ##pagina_navigatie_sluiten_btn:focus, #pagina_navigatie_sluiten_btn:hover *, ##pagina_navigatie_sluiten_btn:focus * {
	background-color:#ffffff !important;
	border:4px solid #00BBFF !important;
}

.btn-custom:hover, .btn-custom:focus {
	background-image: linear-gradient(to bottom left, #99BBFF , #206080) !important;
}

.table, .table * {
	font-size:0.8rem !important;
	font-weight:normal !important;
}

.table td, .table th {
	font-weight:bold !important;
}

.col_orange_light td {
	color:#ffc000 !important;
}

.col_orange_dark td {
	color:#ffa200 !important;
}

.col_red_light td {
	color:#FF4400 !important;
}

.col_red_dark td {
	color:#ff0000 !important;
}

.col_transactie, .col_transactie td {
	color:#00BEFA !important;
}

.col_niet_gevonden {
	padding:2rem;
	color:#FF0066 !important;
	border:2px solid #FF0066 !important;
	background-color:#FF6690 !important;
	background-color:pink !important;
}

.col_red_error, .col_red_error {
	background-color:brown !important;
	background:brown !important;
	
	color:orange !important;
}

.col_niet_gevonden{ 
	background-color:blue !important;
	background:blue !important;
}

	

/* kleine schermen */
@media only screen and (max-width: 960px) 
{
	.btn, .btn * {
		font-size:10px !important;
	}
	
	#tabel_overzicht, #tabel_overzicht td {
		font-size:10px !important;
		font-weight:bold !important;
	}
	
	#pagina_inhoud table {
		width:120% !important;
		margin:0 auto !important;
		padding:0rem !important;
		margin-left:-10% !important;
	}

	#pagina_navigatie_mobiel {	
		display:block !important;
		margin:0rem auto !important;
		position:fixed !important;
		bottom:0rem !important;
		left:0rem !important;
		width:100% !important;
		height:4rem !important;
		background-color:#333 !important;
		border-top:4px solid #555 !important;
		z-index:999 !important;
	}
	
	#pagina_navigatie_mobiel, #pagina_navigatie_mobiel * {	
		overflow:hidden !important;
	}
	
	#pagina_navigatie_mobiel .btn, #pagina_navigatie_mobiel .btn * {
		background-color:#00BBFF !important;
		overflow:hidden !important;
	}
	
	#pagina_navigatie_mobiel .btn {
		width:1.6rem !important;
		height:1.6rem !important;
		overflow:hidden !important;
		margin-top:0.4rem;
		border:2px solid #fff !important;
		border-radius:0.32rem !important;
		margin-right:0.32rem !important;
		padding:0.2rem 0 !important;
	}
	
	.btn_navigatie_mobiel {
		width:16px !important;
		height:16px !important;
	}
	
	#pagina_navigatie_mobiel .btn:hover, #pagina_navigatie_mobiel .btn:focus {
		border:3px solid #00BBFF !important;
	}

}

.stock_tube_cover_dark {
	width:2.4rem;
	height:0.8rem;
	background-color:#333 !important;	
}

.stock_tube {
	width:2.4rem;
	height:7.2rem;
	background-color:#fff !important;
	overflow:hidden;
}
.stock_tube_fill {
	width:3.2rem;
	height:80% !important;
	background-color:lightblue !important;
}

.stock_tube_cover_dark, .stock_tube_fill, .stock_tube, .stock_tube * {
	display:block;
	margin:0 auto !important;
}

.col_gevaarlijk, .col_gevaarlijk td {
	color:#FF4400 !important;
	background-color:#ccee000!important;
}