body{
    margin: 0;
    font-family: verdana;
    font-size: 14px;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
html,body{
	width:100%;
	height:100%;
}
*{
    box-sizing: border-box;
}
*:focus {
    outline: none;
}

a{
  color: #000000;
}
a:hover{
  color: #b37f30;
  text-decoration: none;
}
img{
    border:0;
}

.geral{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.middle-center{
	max-width: 620px;
    width:100%;
    opacity: 0.95;
}

.modulos{
    float:left;
    width: 100%;
}

.modulos .modulos-wrapper{
    float:left;
    width:100%;
    padding: 30px;
    border:1px solid #c7c7c7;
    border-radius: 15px;
    background:white;
}

/* modulos */
.module{
    float:left;
    width:100%;
    margin-bottom: 30px;
}
.module .title{
    float:left;
    width: 100%;
    font-size:  24px;
    text-transform: uppercase;
    color: #363636;
}
.module .title img{
	max-height: 30px;
}

.module .module_content{
    float:left;
    width: 100%;
}

.module .module_content label{
	display:none;
}

.rodape{
    float:left;
    width: 100%;
    margin: 5px 0;
}
.rodape .rodape-wrapper{
    float:left;
    width:100%;    
    padding: 5px 0;   
}
.rodape .logo{
    float:left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight:bold;
    color: #e63009;
    
}
.rodape .logo span.versao{
    font-size: 11px;
    font-weight:normal;
    color: white;
}

/* mensagem de sucesso, aviso e erro */
.confirmMessage{
    float: left;
    width: 100%;
    padding: 12px;
    background: #4bbf99;
    color: white;
    border-radius: 5px;
    margin: 3px 0;
}
.warningMessage{
    float: left;
    width: 100%;
    padding: 12px;
    background: #dbac65;
    color: white;
    border-radius: 5px;
    margin: 3px 0;
}
.errorMessage{
    float: left;
    width: 100%;
    padding: 12px;
    background: #db4620;
    color: white;
    border-radius: 5px;
    margin: 3px 0;
}