@charset "utf-8";


@import url//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);



/*div.main{
    background: #0264d6; 
background: -moz-radial-gradient(center, ellipse cover,  #0264d6 1%, #1c2b5a 100%); 
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#0264d6), color-stop(100%,#1c2b5a)); 
background: -webkit-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); 
background: -o-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); 
background: -ms-radial-gradient(center, ellipse cover,  #0264d6 1%,#1c2b5a 100%); 
background: radial-gradient(ellipse at center,  #0264d6 1%,#1c2b5a 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0264d6', endColorstr='#1c2b5a',GradientType=1 ); 
height:calc(100vh);
width:100%;
}*/

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* ---------- GENERAL ---------- */

* {
  box-sizing: border-box;
    margin:auto;

  &:before,
  &:after {
    box-sizing: border-box;
  }

}

body {
   
  /*color: #606468;*/
  font: 87.5%/1.5em 'Open Sans', sans-serif;
  margin: 0;
  background-image: url("https://servicos.assefaz.org.br/preInscricao/public/img/preinscricao.png");
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center;
}

a {
	color: #eee;
	text-decoration: none;
}

a:hover {
  color: #eee;
  font-weight: bolder;
  text-decoration: none;
}

a.links:hover {
  color: #0264d6;
  font-weight: bolder;
  text-decoration: none;
}

input {
	border: none;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	padding: 0;
	-webkit-appearance: none;
}

p {
	line-height: 1.5em;
}


.container-login {
  left: 50%;
  position: fixed;
  top: 40%;
  transform: translate(-50%, -50%);
}

/*---------- LOGIN ----------*/

#login form{

  width: 250px;
}
#login, .logo{
    display:inline-block;
    /*width:30%;*/
}

#login{
margin-top: 10px;
/*border-right:1px solid #fff;*/
  padding: 0px 22px;
  width: 59%;
}
.logo{
color:#fff;
font-size:50px;
line-height: 125px;
}

#logotipo{
  margin-top: 50px;
  /*margin-bottom: 50px;*/  
  width: 180px;
  height: 180px;
}

#logotipomin{
  margin-top: 20px;
  margin-bottom: 20px;  
  width: 100px;
  height: 100px;
}

#login form span.fa {
  background-color: #fff;
  border-radius: 3px 0px 0px 3px;
  color: #000;
  display: block;
  float: left;
  height: 50px;
  font-size:18px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

#login form input {
	height: 50px;
}


#usuario, #senha {
	background-color: #fff;
	border-radius: 0px 3px 3px 0px;
	color: #000;
	margin-bottom: 1em;
	width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
}

.middle {
  display: flex;
  width: 600px;
}

.mensagem-erro {
  left: 50%;
  top: 80%;
  position: fixed;
  transform: translate(-50%, -50%);
}

#loginmobile form span.fa {
  background-color: #fff;
  border-radius: 3px 0px 0px 3px;
  color: #000;
  display: block;
  float: left;
  height: 50px;
  font-size:16px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}

#loginmobile form input {
  height: 50px;
}

#logotipomobile{
  margin-top: 20px;
  margin-bottom: 20px;  
  width: 125px;
  height: 125px;
}

#loginmobile{
margin-top: 40px;
padding: 0px 22px;
width: 49%;
}

#loginmobile form{

  width: 250px;
}