@import "/../sac/login/login_personalizado.css";

body{
	text-align:center;
	font-family:opensans, arial, sansserif;
	cursor: default;
}

.background {

	background: url(sac_fundo.png);
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.grupologin {
	position: fixed;
	right: calc(20% - 155px);
	top: calc(50% - 275px);
	height: 550px;
	width: 310px;
	background: linear-gradient(-180deg, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.75));
	z-index: 3;
	border-radius: 8px;
	box-shadow: -4px 0px 18px rgba(8,81,120,0.5);
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	animation-duration: 0.8s;
	transition: 0.4s ease-in-out;
}


img.logoimg {
	/* left: calc(50% - 68.5px); */
	position: relative;
	padding: 30px 0px 00px 0;
	width: 310px;
}

.formlogin {
	width:calc(100% - 50px);
	margin:auto;
}

.inputlogin {
	height: 34px;
	width:100%;
	border-radius:2px;
	border: none;
	margin: 12px 0;
	box-shadow: 1px 1px 3px rgba(8,81,120,0.25);
	box-sizing: border-box;
	padding: 2px 2px 2px 10px;
	}

button.inputlogin {
	background: #6AB9D7;
	color:#fff;
}

.inputlogin2 {
	height: 34px;
	width:100%;
	border-radius:2px;
	border: none;
	margin: 12px 0;
	box-shadow: 1px 1px 3px rgba(8,81,120,0.25);
	box-sizing: border-box;
	padding: 2px 2px 2px 10px;
	background: #6AB9D7;
	color:#fff;
	line-height:34px;
		cursor:pointer;
}

button.inputlogin:hover {
	background: #46AED5;
	color:#fff;
		cursor:pointer;
}

.bemvindo {
	font-size: 24px;
	font-weight:600;
}


.span {
	font-size:14px;
	margin: 5px 0;
	color:#666;

}

.facebutton {
	height: 34px;
	width:100%;
	border-radius:2px;
	border: none;
	margin: 15px 0;
	box-sizing: border-box;
	padding: 2px 2px 2px 10px;
	border-radius: 4px;
	}
	
	
button.facebutton {
	border: 2px solid #6AB9D7;
	color:#46AED5;
	background-color:transparent;
}
.sms {
	height: 34px;
	width:100%;
	border-radius:2px;
	border: none;
	margin: 15px 0;
	box-sizing: border-box;
	padding: 2px 2px 2px 10px;
	border-radius: 4px;
	border: 2px solid #6AB9D7;
	color:#46AED5;
	background-color:transparent;
	line-height: 30px;
	cursor:pointer;
}

button.facebutton:hover {
	border: 2px solid #6AB9D7;
	color:#46AED5;
	background-color:white;
	cursor:pointer;
}







.w3-container,.w3-panel{padding: 25px;}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-modal{z-index:3;display:none;/* padding-top:100px; */position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-modal-content{margin:auto;background-color: rgba(255, 255, 255, 0.91);position:relative;padding:0;outline:0;width:600px;top: calc(50% - 130px);border-radius: 4px;}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}




.w3-modal2{display:none;}




@media screen and (max-width: 900px) {
.grupologin {
	top: 20px;
	margin: auto;
	right: inherit;
	position: relative;
	transition: all 0.4s ease-in-out;
}
}