.container-login{
	background-color: var(--Neutral-50);
	width: 100vw;
	height: 100vh;
	display: flex; 
	position: fixed;
	justify-content: space-between;
}

.text-login{
	width: 523px;
	text-align: center;
	color: var(--Primary-50);
	font-family: var(--Fonte-principal);
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 48px */
	position: relative;
	margin: 0;
	margin-bottom: -6%;
	margin-top: 60px;

}
.text-negrito{
	color: var(--Primary-50);
	font-family: "Heuristica";
	font-size: 48px;
	font-style: italic;
	font-weight: 700;
	line-height: 120%;
margin: 0;
}
.title-login{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.title-login h1{
	color: var( --Primary-950);
	font-family: var(--Fonte-principal);
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	margin: 0;
}
.title-login span{
	color: var(--Primary-950);
	font-family: var(--Fonte-principal);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0;
}

.title-input{
color: var(--Primary-950);
	font-family: var(--Fonte-principal);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
margin: 0;
}

.input-login{
color: var(--Primary-950);
	font-family: var(--Fonte-principal);
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: 400;
	display: flex;
	padding: 16px;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 4px;
	border: 1px solid var(--Primary-100);
	background: var(--Primary-50);
width: -webkit-fill-available;
width: -moz-available;
margin: 0;
}
.input-login::placeholder{
	color: var(--Primary-950);
}

.input-login:focus{
	border: 1px solid var(--Primary-800);
}

#titleButton {
	display: flex;
	align-items: center;
	gap: 8px;
}

.input-login::placeholder {
color: var(--Primary-950-Opacity70);
}
.lado-direito {
	background-image: url('../../../../images/eacNova/bg-login.svg');
	background-size: contain;
	background-size: cover;
	width: 60%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px 0px 0px 8px;
	flex-direction: column;
}
.checkbox-conectado{
	display: flex;
	align-items: center;
	gap: 8px;
}
.manter-conectado{
	display: flex;
	justify-content: space-between;
}
.checkbox-conectado label{
	color: var(--Primary-950-Opacity70);
	font-family: var(--Fonte-principal);
	font-size: 14px;
	font-style: normal;
	font-weight: 400!important;
	margin: 0;
}
.esqueceu-senha{
	color: var(--Primary-800);
	font-family: var(--Fonte-principal);
	font-size: 14px;
	font-weight: 700;
margin: 0;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	cursor: pointer;
}
.lemboru-senha{
	color: var(--Neutral-955);
	font-family: var(--Fonte-principal);
	font-size: 14px;
	font-weight: 400;
margin: 0;
}
.lado-esquerdo {
	background: var(--Neutral-50);
	border-radius: 0px;
	width: 60%;
	height: 100vh;
	display: grid;
	align-items: center;
	justify-content: center;
}

.formulario-login {
	max-width: 346px;
	gap: 80px;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}
.inputs-forms-login{
	display: flex;
	flex-direction: column;
	width: 349px;
	gap: 24px;
}
.button-acessar-login{
	border: none;
	margin-top: 24px;
	width: -webkit-fill-available;
	width: -moz-available;
	display: flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	background:  var(--Secundary-500);
	color: var(--Primary-50);
	text-align: center;
	font-family: var(--Fonte-principal);
	font-size: 16px;
	font-weight: 16px;
	font-weight: 700;
}

.button-acessar-login:not(:disabled):hover{ 
	transition: .5s ease; 
	background: var(--Blue-600); 
	color: var(--Neutral-white); 
} 

.button-acessar-login:not(:disabled):hover img { 
	filter: brightness(100); 
}

.button-acessar-login:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.conteudo-lado {
	display: flex;
	text-align: left;
	color: var(--Neutral-white);
	flex-direction: column;
	align-items: center;
	height: 100vh;
	justify-content: space-between;
}

.conteudo-lado img {
	/* height: 600px; */
	z-index: 99;
}

::placeholder {
	color: var(--GrayBlue-300-Opacity48);
	opacity: 1;
}

::-ms-input-placeholder {
	color: var(--GrayBlue-300-Opacity48);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

.left {
width: 40%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--Blue-Deep-700);
border-radius: 32px 0 0 32px;
}

.top-left {
width: 450px;
text-align: end;
color: var(--Neutral-white);
margin: 30px auto;
}

.top-left p {
text-transform: uppercase;
font-family: var(--Fonte-ibm-plex);
font-size: 30.7px;
font-weight: bold;
height: 10px;
}

.top-left .um {
margin-right: 150px;
}

.top-left .dois {
margin-right: 180px;
}

.top-left .footer-text {
display: flex;
align-items: end;
justify-content: center;
gap: 20px;
margin-top: -30px;
}

.top-left .footer-text p {
font-family: "Merriweather", serif;
font-style: italic;
text-transform: lowercase;
font-size: 41px;
}

.top-left .footer-text span {
height: 2px;
width: 100px;
background-color: var(--Neutral-white);
}


.people {
width: 340px;
}

.people img {
width: 100%;
}

.dowm {
margin-top: 50px;
text-align: center;
}

.dowm a {
color: var(--Neutral-white);
text-decoration: none;
font-family: var(--Fonte-principal) !important;
font-size: 18px;
}

.footer-side {
font-family: var(--Fonte-principal) !important;
text-align: center;
margin-top: 20px;
font-weight: 500;
}

.forget-pass {
color: var(--blue-light);
font-weight: 700;
font-family: var(--Fonte-principal) !important;
display: flex;
justify-content: center;
margin: 20px 0 10px 0;
}

.footer-side a {
flex-direction: column;
color: var(--blue-light);
text-decoration: none;
font-weight: 500 !important;
margin: 0 5px;
}
.img-diferenciais{
 position: absolute;
 top: 63%;
 z-index: 9998 !important;
 animation: floatUpDown 4.5s ease-in-out infinite;
}

#password {
	position: relative;
  	width: 100%;
}

#password .input-login { 
	width: 100%;
	padding: 0.75rem 2.5rem 0.75rem 0.75rem; 
	box-sizing: border-box;
	height: 3.5rem;            
	line-height: 1.5rem;
}

#password .input-group-addon {
	position: absolute;   
	right: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

#password .input-group-addon img {
    width: 1rem;  
    height: auto;
}

.img-url {
	position: absolute;
    margin-top: 50rem;
    z-index: 99;
	color: var(--Neutral-white);
}

.img-url span {
	text-align: center;
	font-family: var(--Fonte-principal);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 94.113px; 
	text-decoration: none;
}

.message-error{
	color: red;
	font-size: 14px;
	margin-top: -10px;
	font-family: var(--Fonte-principal);
}

@keyframes floatUpDown {
0%, 100% {
	transform: translateY(0);
	filter: blur(0);
}
50% {
	transform: translateY(-20px);
	filter: blur(2px);
}
}


@media (max-width: 1070px) {
	.text-negrito {
		font-size: 40px;
	}
	.text-login {
		font-size: 32px;
	}
}

@media (max-width: 1023px) {
	.lado-direito {
			display: none;
	}
	.lado-esquerdo {
		width: 100%;
	}
}

@media (max-width: 1220px) {
	.conteudo-lado img {
	width: 478px;
	height: auto;
}
.formulario{
	width: auto;
	min-width: auto;
}
.text-login{
	width: 460px;
	font-size: 40px;
}
}
@media (max-height: 750px) {
	.conteudo-lado img {
	width: 395px;
	height: auto;
}
.formulario{
	width: auto;
	min-width: auto;
	gap: 44px;
}

.img-url{
	margin-top: 40rem;
}

}
@media (max-width: 615px) {
	.formulario {
		min-width: 50vh;
	}
}
@media (max-width: 480px) {
	.formulario {
		min-width: 40vh;
	}
}
@media (max-width: 380px) {
	.formulario {
		min-width: 30vh;
	}
}

@media (max-width: 768px){
	.inputs-forms-login{
		box-sizing: border-box;
		width: 100%;
		max-width: 349px;
		padding: 0 10px;
		margin: 0 auto;
	}

	.title-login {
		gap: 0;
		text-align: center;
		align-items: center;
	}

	.title-login h1{
		font-size: 24px;
	}

	.formulario-login {
		gap: 40px;
	}

	.logo-barkeley-login{
		width: 203px;
	}
	

}