@charset "utf-8";
/* CSS Document */
@media (min-width: 1200px) {
	.build {
		margin: 0;
		background-color: white;
		/* background-image: url("../images/landing-page.png"); 
		background-repeat: no-repeat; */
	}

	.build-ar {
		margin: 0;
		background-color: white;
		/* background-image: url("../images/landing-page-ar.png"); 
		background-position: right top;
		background-repeat: no-repeat; */
	}
}

.bgwhite {
	background-color: rgba(255, 255, 255, 0.25);
}

.formBg {
	margin: 0;
	background-color: #0c4774;
	/* background-image: url("../images/blueBG.png");
	background-repeat: space; 
	background-size:cover;*/
}

.glass {
	background: rgba( 255, 255, 255, 0.50 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
	border-radius: 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}

/* New styling */
.header {
	background-color: black;
	color: white;
	font-weight: bold;
}

.separator-header {
	width: 2px;
	height: 24px;
	background-color: #4C4C4C;
	margin: 0 12px;
}

.footer {
	height: 60px;
}

.text-black {
	color: black;
}

.starting-checkbox {
	border: #000000 1px solid;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
	align-self: center;
}

.bg-content {
	background-color: rgb(249, 247, 244) !important;
	border-radius: 0.5em;
}

.form-input-my {
	background: rgb(255, 255, 255);
	border: none;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #8A8A89;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	height: 42px;
	box-shadow: none !important;
}

	.form-input-my:focus {
		color: black;
		border: 2px solid black;
		background-color: white !important;
	}

.ng-invalid {
	color: red;
	border: 2px solid red;
}

	.ng-invalid:focus {
		color: red;
		border: 2px solid red;
	}

.form-input-my:disabled {
	background-color: #ECE8E3;
	border-bottom-color: #ECE8E3;
}

.form-label {
	color: #000000;
	font-weight: 400;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0 !important;
	margin-top: 5px;
}

.form-check-input {
	background-color: white;
	border-color: black;
}

	.form-check-input:checked {
		background-color: black;
		border-color: black;
	}

.btn-primary {
	background-color: #000000;
	border-color: black;
	--bs-btn-active-bg: #178DD9;
	--bs-btn-active-border-color: #178DD9;
	--bs-btn-border-color: #000000;
}

	.btn-primary:focus-visible {
		background-color: rgba(0,0,0,0.85);
		border-color: rgba(0,0,0,0.85);
	}

	.btn-primary:hover {
		background-color: rgba(0,0,0,0.9);
		border-color: rgba(0,0,0,0.9);
	}

	.btn-primary:focus {
		background-color: rgba(0,0,0,0.9);
		border-color: rgba(0,0,0,0.9);
	}

.alert-primary {
	color: black;
	border-color: black;
}

.form-select-my {
	border: none;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color: #8A8A89;
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	height: 42px;
	box-shadow: none !important;
}

	.form-select-my:focus {
		color: black;
		border: 2px solid black;
		background-color: white !important;
	}

	.form-select-my:disabled {
		background-color: #f5f5f5;
		border-bottom-color: #a5a5a5;
	}

.text-area-my {
	height: 125px;
}