.form-control-dark {
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle:not(:focus) {
  outline: 0;
}
/* ==========================================================================

   22. COOKIE BANNER & GEN Z MODAL

   ========================================================================== */



.cookie-banner {

	position: fixed;

	top: 90px;

	left: 10%;

  right: 10%;

  width: 80%;

  padding: 5px 14px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background-color: #eee;

  border-radius: 5px;

  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);

  z-index: 99;

}



.close-button {

  height: 24px;

  background-color: #2ba730;

  border: none;

  color: white;

  border-radius: 2px;

  cursor: pointer;

  z-index: 999;

}



.popup {

  margin: 10px;

}



.modalGenz {

	position: fixed;

	top: 90px;

	left: 10%;

  right: 10%;

  width: 80%;

  padding: 5px 14px;

  display: none;

  align-items: center;

  justify-content: space-between;

  background-color: #eee;

  border-radius: 5px;

  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);

  z-index: 100;

}



.close-button-genz {

  color: #aaaaaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close-button-genz:hover,

.close-button-genz:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}


	.table, .th, .td {
		border: 1px solid black;
		border-collapse: collapse;
		text-align: left;
		}
		
		.th {
		background-color: #4BEFF5;
		}

		.th, .td {
		padding: 5px;
		}	

		.tr:hover {
		background-color: lightgray;	
		}

		.tr:nth-child(even) {
		background-color: #bbdefb;	
		}