@charset "utf-8";

.container-index-geral {
	width: 100%;
	height: 100vh;
	text-align: center;	 
	display: inline-flex;
}

.container-index-lateral, .container-index-autenticacao {
	display: flex;
	position: relative;
	padding-left: 1.1rem;
	padding-right: 1.1rem;
}

.container-index-lateral {
	width: 25%;
 	background-color: var(--bg-primary-mast);
}

.index-lateral {
	width: 100%;
	display: block;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.titulo-index-lateral {
	text-align: center;
	color: var(--white);
	font-size: 1.5rem;
	margin-bottom: 0;
}

.subtitulo-index-lateral {
	color: var(--white);
	font-size: 1.3rem;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 300;
}

.login-copyright {
	position: absolute;
	bottom: 0px;
	width: 90%;
	color: var(--white);
	font-size: 14px;
}

.login-copyright a {
	color: var(--white) !important;
}

.login-copyright a:hover {
	color: #72afd2 !important;
}

.login-content {
	width: 50%;
	padding-top: 50px;
}

.login-content-logo {
	text-align: center;
	width: 100%;
}

.login-title {
	font-size: x-large;
    text-align: center!important;
    color: var(--gray-666);
    margin-bottom: 15px;
}

.login-content-box {
	width: 65%;
	margin: 0 auto !important;
}

.login-content-box .input-group-text {
	background-color: var(--white) !important;
}

.login-content-box .form-control {
	border-right: none !important;
}

@media only screen and (min-width: 578px) {
	.login-content-logo-img {
	    margin-bottom: 75px;
	    width: 350px;
	}
}

/* Formatação para tablet */
@media(max-width: 800px) {
	.container-index-geral {
		display: block;
	}

	.container-index-lateral, .login-content {
		width: 100%;
		height: 100%;
	}
}

/* Formatação para celular */
@media(orientation: portrait) {

	.container-index-geral {
		display: block;
	}

	.container-index-lateral, .login-content {
		width: 100%;
		height: 11vh;
	}

	.subtitulo-index-lateral, .login-copyright {
		display: none;
	}

	.index-lateral {
		height: 100%;
	}

	.login-content-logo-img {
		width: 300px !important;
		margin-bottom: 30px;
	}

}