@font-face {
font-family: 'Sansation Regular';
src: url(../fonts/Sansation_Regular.ttf);
}
@font-face {
font-family: 'Sansation Light';
src: url(../fonts/Sansation_Light.ttf);
}
@font-face {
font-family: 'Sansation Light Italic';
src: url(../fonts/Sansation_Light_Italic.ttf);
}
@font-face {
font-family: 'Sansation Italic';
src: url(../fonts/Sansation_Italic.ttf);
}
@font-face {
font-family: 'Sansation Bold Italic';
src: url(../fonts/Sansation_Bold_Italic.ttf);
}
@font-face {
font-family: 'Sansation Bold';
src: url(../fonts/Sansation_Bold.ttf);
}

:root {
	--base: #000;
	--primary: #141414;
	--light: #F3F3F3;
	--dark: #495057;
	--basico: #8976ff;
	--intermediario: #03d8d8;
	--avancado: #eea039;
	--branco: #fff;
	--azul-a: #1556a6;
	--verde: green;
	--vermelho: red;
  }

body {
	margin: 0px;
	font-family: 'Sansation Regular';
}

.telalogin {
	width: 100vw;
	height: 100vh;
	display: flex;
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
}

.telalogin .telaloginform {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#logoempresa {
	width: 300px;
	height: fit-content;
}

#login {
	display: flex;
	flex-direction: column;
	padding: 60px 20px;
	text-align: center;
}

#login .form-login-campos {
	border-radius: 0.25rem;
	border: 0.5px solid #ced4da;
	background: var(--branco);
	display: flex;
	padding: 3px 0px;
	margin-bottom: 20px;
	width: 370px;
}

#login .form-login-campos .form-login-email {
	background-color: transparent;
    border: none;
    height: 100%;
    outline: none;
    font-family: 'Sansation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    color: var(--dark);
    padding: 8px 16px 8px 16px;
    width: 100%;
    text-align: left;
}

#login .form-login-campos .form-login-senha {
	background-color: transparent;
    border: none;
    height: 100%;
    outline: none;
    font-family: 'Sansation Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    color: var(--dark);
    padding: 8px 16px 8px 16px;
    width: 100%;
    text-align: left;
	margin-bottom: 0;
}

#login .form-login-senha {
	border-radius: 0.25rem;
	margin-bottom: 20px;
}

#login .form-login-campos .form-login-senha::placeholder,
#login .form-login-campos .form-login-email::placeholder {
	color: var(--dark);
}


#login .form-login-esqueceusenha {
	font-family: 'Sansation Regular';
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	padding: 0px 0px 0px 15px;
	margin-bottom: 20px;
}

#login .form-login-esqueceusenha a {
	color: var(--branco) !important;
	text-decoration: none;
}

#login .btn-login {
	border-radius: 0.25rem;
	background: var(--azul-a, #306EB8);
	padding: 10px 25px;
	color: var(--branco, #FFF);
	text-align: center;
	font-family: 'Sansation Regular';
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 1.2px;
	border: none;
	cursor: pointer;
}

#login .form-login-mensagem {
	padding: 3px 0px;
	margin-bottom: 20px;
	width: 370px;
	display: flex;
	align-items: center;
	color: var(--vermelho);
	font-size: 16px;
	font-weight: 300;
	font-family: 'Sansation Regular';
	text-align: left;
}

#login .form-login-mensagem .form-login-mensagem-text {
	width: 85%;
	padding: 0 10px 0 10px;
}

/* reset login*/
.text-done {
	width: 100%;

}

.text-done>p {
	margin: 6px;


}

.text-reset {
	width: 100%;
	margin: auto 15%;

}

.text-reset>p {
	margin: 15px;
	text-align: center;


}

.text-reset a {
	color: var(--azul-a);
	text-decoration: none;
}

a {
	color: var(--azul-a);
	text-decoration: none;
}

.text-reset-success {
	color: var(--verde);
}

.form-login-mensagem-reset {
	color: #306EB8;
}