body {
	
	font-family: 'Roboto', sans-serif !important;
	background-color: #fff !important;
	position: absolute;    
	width: 100%;
}

.bg-box{
	margin-top: 30px !important;
	background-color: #FFF5;
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border: 2px solid #853769;
	border-radius: 0.375rem;
	box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);;
}

.title-erp{
	font-size: 1.3em;
	color: #87BA33;
	text-align: center;
	font-weight: bold;
}

.bg-card-gradient {
	background-position: center;
	color: #FFF;
}

.bg-card-inputs{
	background-color: #853769;
	color: #FFF !important;

}
.bg-color{
	background-color: #853769 !important;
	height: 0.5px;
	color: #853769 !important;
}

.btn-erp{	
	background: #853769 !important;
	color: #FFF !important;
	font-size: 1.3em !important;
}
.link-senha {
	text-align: right;
}

.link-senha a{
	text-decoration: none;
	color: #853769;
}

.link-senha a:hover{
	text-decoration: none;
	color: #853769 !important;
	font-weight: 700;
	text-decoration: underline;
}

.bg-google {
    background-color: #FFF !important;
    padding: 9px;
    width: 50px;
    display: inline-block;
    height: 50px;
	margin: -1px 19px -1px -1px;
    border: 1px solid #853769;
}

.btn-login {
	background: #853769;
	padding: 0px;
	color: #FFF;
	font-size: 18px;
	margin-top: 2rem !important;
    display: flex;
    align-items: center;
}

.btn-login:hover, .btn-acessar:hover {
    background: #b14d8d !important;
    color: #FFF;
 }

.btn-recuperar-senha {
    background: #853769;                
    color: #FFF;
    font-size: 16px;
}

.btn-recuperar-senha:hover {
    background: #b14d8d !important;
    color: #FFF;
}

label {
    display: inline-block;
    color: #853769;
}

.text-seja-bem{
	font-size: 1.2em;
	font-weight: 700;
}


/*VERTICAL*/

.bg-box-vertical{
	margin-top: 10px;
	background-color: #FFF;
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border: 0px solid #fff;
	border-radius: 0.375rem;
	box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);;
}



.zoom {
	transition: transform .1s; /* Animation */
}

.zoom:hover {
	-ms-transform: scale(1.04); /* IE 9 */
	-webkit-transform: scale(1.04); /* Safari 3-8 */
	transform: scale(1.04);
}

.bg-login{
	background-image: url('../assets/images/bg-login.png');
	height: 85vh;
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.btn-login:hover {    
    color: #FFF;
}


.text-para-acessar{
	font-weight: 300;
}
.text-login-google{
	margin-top: 11px;
	margin-right: 49px;
	margin-bottom: 0 !important;
}

.bg-footer {
	color: #FFF !important;
	background-color: #853769 !important;
}

.bg-roxo {
	color: #FFF !important;
	background-color: #853769 !important;
}

.logo-sieb-footer{
	width: 100%;
}

.align-mudar {
    justify-content: center;
}

.footer {
    display: flex;
    padding: 10px;
    margin-bottom: 0px;
    font-size: 13px;
    color: #FFFFFF;
    justify-content: center;    
    height: 15vh;
}

.footer p {
    text-align: center;
}

/*RESPONSIVO*/
	@media screen and (max-width: 1199px){
	}

	@media screen and (max-width: 991px){
		.logo-sieb-footer {
			width: 149%;
		}
	}

	@media screen and (max-width: 767px){
	}	

	@media screen and (max-width: 321px){
		
	}	

	@media screen and (max-width: 576px){
		.bg-box {
			margin-top: 0vh !important;
		}

		.bg-login {
			height: auto;			
		}

		.logo-sieb-footer {
			width: 28%;
			padding-bottom: 11px;
			margin-right: 18px;
		}

		.align-logo-footer{
			text-align: right;
		}
		.text-login-google {
			font-size: 0.8em !important;
		}

        .footer {

            height: auto;
        }
        
		/*GE*/
		.logo-sieb-faixa{
			width: 100% !important;
			margin-bottom: 23px;
		}
		.bg-instancia {
			background-color: #FFF;
			border-radius: 5px 5px 5px 5px;
			width: 100%;
			font-size: 1em;
			font-weight: bold;
			padding: 7px 5px;
		}

		.align-mudar {
			justify-content: flex-start !important;
			width: 100% !important;
		}

		.form-select {
			font-size: 0.9rem !important;
			text-align: center;
		}
		.text-icones-geral {
			font-size: 0.9em;
		}

		.align-logo-faixa{
			text-align: center;
		}
		.logo-sieb-faixa {
			width: 50% !important;
		}

		.bg-instancia {
			background-color: #FFF;
			border-radius: 5px;
			width: 100%;
			font-size: 1em;
			font-weight: bold;
			padding: 7px 7px;
		}

		.text-acesso {
			font-size: 0.9em !important;
		}
		.text-usuario {
			font-size: 0.9em !important;
		}
		.text-copyright{
			font-size: 0.9em !important;
		}

	}


/*GE*/

.img-logo{
	margin-top: 25px;
	margin-bottom: 20px;
}

.img-logo-sieb{
	align-content: center;
}

.img-logo-sieb-topo{
	align-content: center;
	width: 70px !important;
	margin-bottom: 15px;
}