:root {

	--bs-link-color-rgb: 208, 157, 31;

}

.wrapper {

	display: flex;

	flex-direction: column;

	min-height: 100vh;

	position: relative;

}



#register, #otpSection {

	flex: 1;

}



.logo-zen {

	width:80%;

	max-width: 150px;

}



.alert-top {

	position: fixed;

	margin: 1rem;

	left: 0;

	box-sizing: border-box;

	top: 0;

	right: 0;

}



.message {

	position: absolute;

	top: 10px;

	left: 10px;

	width: calc(100% - 20px);

	min-height: calc(100% - 20px);

	display: flex;

	text-align: center;

	align-items: center;

	justify-content: center;

	font-family: sans-serif;

	flex-direction: column;

	padding: 30px;

	box-sizing: border-box;

}



.message.ok {

	background: green;

	color: white;

}



.message.meh {

	background: orange;

	color: white;

}



.message.ko {

	background: red;

	color: white;

}



.message.unpaid {

	background: blueviolet;

	color: white;

}



.message-inner {

	padding: 20px;

	border: 3px solid white;

	aspect-ratio: 1/1;

	display: flex;

	justify-content: center;

	flex-direction: column

}



.btn-primary {

	--bs-btn-color: #fff;

	--bs-btn-bg: #d09d1f;

	--bs-btn-border-color: #d09d1f;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #ad8318;

	--bs-btn-hover-border-color: #ad8318;

	--bs-btn-focus-shadow-rgb: 49,132,253;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #ad8318;

	--bs-btn-active-border-color: #ad8318;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;

	--bs-btn-disabled-bg: #d09d1f;

	--bs-btn-disabled-border-color: #d09d1f;

}


.form-check-input[type=checkbox]{
	width: 20px !important;
  	height: 20px !important;
}


.form-check-input:checked {

	background-color: #d09d1f;

	border-color: #ad8318;

}



.qr-img {

	width:100%;

	max-width: 400px;

}



#logos-group {

	filter: brightness(0.4);

}



#logos-group img {

	object-fit: contain;

	max-width: 100px;

	max-height: 50px;

	object-position: center center;

	width: 100%;

	aspect-ratio: 1/1;

}



.grecaptcha-badge {

	display: none !important;

}



@media (max-width: 768px) {

	#logos-group img {

		max-height: 35px;

	}

}