@import url("root.css?vhgh");

.lkbtn {
	border-radius: 20px;
	border: 1px solid #fff;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	font-weight: 400;
}
.c_red {
	color: var(--red);
}
.b_red {
	background-color: var(--red);
}
.c_green {
	color: var(--green);
}
.b_green {
	background-color: var(--green);
}
.c_blue {
	color: var(--blue);
}
.b_blue {
	background-color: var(--blue);
}
.red {
	border: 1px solid red;
}
.fin_lo,
.login-field {
	padding: 0px;
	border-radius: 10px;
	margin: 0px;
	margin-left: 20px;
}
.login-field,
.fin_lo {
	max-width: 250px;
}
#loginField{
	max-width: 120px;
}
#loginField[type="email"]{
	max-width: 200px;
	padding: 8px;
}
.lo-go {
	width: 100px;
	height: auto;
	border-radius: 40%;
	margin: 30px 0px 30px;
}
.by_cl {
	border: 1px solid transparent;
}
.login-form {
	padding: 10px;
}
.login-form button {
	padding: 10px;
	width: 100%;
	border: none;
}
.login-form .spbtn {
	width: 100%;
	text-align: center;
	margin: 20px 0 20px 0;
}
.login-form input{
	padding: 4px;
	font-size: 90%;
	border: 1px solid #cbd5f3;
	border-radius: 3px;
	min-width:140px;
}
input.nbr {
	padding: 4px;
	font-size: 110%;
	border: 1px solid #cbd5f3;
	border-radius: 3px;
	max-width: 20px !important;
	max-height: 20px !important;
	text-align: center !important;
	margin: 2.5px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.nbero {
	outline: 2px solid red;
	color: red;
}
#otp-container {
	display: none;
}
.login-form input:focus {
	outline: 2px solid #cbd5f3;
}
.flag-h {
	width: 50px;
	height: 30px;
}
.flag-h select {
	width: 100%;
	height: 100%;
	opacity: 0;
}
.flg {
	width: 35px;
	height: 25px;
}
.arw {
	width: 10px;
	margin-left: 5px;
}
.data {
	overflow: auto;
}
.dsbl {
	cursor: not-allowed;
	background-color: rgb(120, 120, 158);
}
.h3 {
	font-size: 130%;
}
.bdfo h1 {
	white-space: nowrap;
	font-size: 120%;
	text-align: center;
	font-weight: 400;
}