html,
body {
	height: 100%;
	margin: 0;
}

.auth-row {
	height: 100%;
}

/*LEFT SIDE*/

.auth-app-left {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: URL('/img/bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.auth-app-form-info {
	width: 90%;
}

.auth-app-welcome {
	font-size: 18px;
	color: #FFB300;
	text-align: left;
}

.auth-app-name {
	font-size: 42px;
	color: #37474F;
	text-shadow: 0.5px 0.5px 2px #37474F;
	text-align: left;
	margin-top: 50px;
}

.auth-app-desc {
	height: 25vh;
	font-size: 12px;
	color: #757575;
	text-align: left;
	line-height: 22px;
}

.auth-app-line {
	margin-top: 20px;
	margin-bottom: 20px;
}

.auth-line-break {
	border-top: 2px solid #BDBDBD;
}

.auth-line-break2 {
	border-top: 2px solid #FFB300;
}

.auth-app-logo {
	padding: 20px;
	text-align: left;
	opacity: 0.8;
}

.auth-logo {
	width: 20%;
	display: inline-block;
}

.auth-app-owner {
	font-size: 12px;
	color: #757575;
}

.auth-app-address {
	font-size: 12px;
	color: #757575;
	margin-top: 5px;
}

.auth-app-phone {
	font-size: 12px;
	color: #757575;
	margin-top: 5px;
}

.auth-app-email {
	font-size: 12px;
	color: #757575;
	margin-top: 5px;
}

.auth-app-version {
	font-size: 12px;
	color: #757575;
}

/*RIGHT SIDE*/

.auth-app-right {
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1e2430;
}

.auth-app-form-logo {
	text-align: center;
	margin-bottom: 30px;
	opacity: 0.8;
}

.auth-form-logo {
	width: 45%;
	display: inline-block;
}

.auth-app-form-login {
	width: 70%;
}

.auth-app-form-label {
	font-size: 18px;
	color: #337ab7;
	text-align: center;
	padding: 0px;
}

.auth-app-form-desc {
	font-size: 12px;
	color: #9E9E9E;
	text-align: center;
	margin-top: 5px;
	padding: 0px;
}

.auth-app-form-foot {
	font-size: 12px;
	color: #9E9E9E;
	text-align: center;
	margin-top: 30px;
	padding: 0px;
}

.auth-app-alert {
	font-size: 12px;
	color: salmon;
	text-align: center;
	margin-top: 10px;
}

.auth-app-form-post {
	margin-top: 50px;
	padding: 0px;
}

.auth-app-remember-label {
	font-size: 12px;
	color: #9E9E9E;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}

.auth-app-forgot-label {
	font-size: 12px;
	float: right;
	margin-left: 10px;
	margin-top: 3px;
	text-decoration: underline;
}

.auth-app-back-label {
	font-size: 12px;
	float: right;
	margin-top: 3px;
	text-decoration: underline;
}

.auth-app-input {
	margin-bottom: 20px;
}

label {
	color: #9E9E9E;
	font-size: 14px;
	font-weight: normal;
}

.form-select {
	height: 33px;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Monospace;
	color: #424242;
	padding-left: 8px;
	border-radius: 0px;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
	border-left: 3px solid #337ab7;
}

.form-text {
	height: 33px;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Monospace;
	color: #424242;
	border-radius: 0px;
	background-color: #FFF;
	border: 1px solid #E0E0E0;
	border-left: 3px solid #337ab7;
}

.form-checkbox {
	height: 15px !important;
	width: 15px !important;
	border-radius: 0px !important;
	float: left;
}

.form-action {
	background: #FFB300;
	color: #FFF;
	padding: 6px 12px 6px 12px;
	margin-left: 5px;
	border-radius: 2px;
	border: 1px solid #FFB300;
	font-size: 14px;
	font-weight: 500;
	text-shadow: 0px 0px 1px gray;
	float: right;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	border-radius: 20px;
}

.form-action:hover {
	background: #FFA000;
}

/* Forgot password */
.form-text-pin {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Monospace;
	color: #9E9E9E;
	border-radius: 0px;
	background-color: #FFF;
	border: 1px solid #337ab7;
	height: 50px;
	width: 50px;
	border-bottom: 3px solid #337ab7;
}

.otp-form {
	display: flex;
	row-gap: 4px;
	width: 100%;
	height: 33px;
}