body {
	margin: 0px;
	background-color:#001233;
	background-position: left top;
	background-size: cover;
	background-attachment:fixed;
	background-image:url('../img/bg.jpg');
}
*{
	font-family: Arial;
	color:#fff;
}
input {
	color: #000;
	padding: 8px;
	border-radius:4px;
	border: 0px;
}
option {
	color:#000;
}
.mae {

	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	overflow: auto;
	min-height: 600px;
}
.grafico {
	width:400px;
    margin:50px;
    float:left;
    position:relative;
    height:400px;
    background-color: rgba(0,0,0,0.5);
}
@media only screen and (max-width: 600px) {
	.grafico {
		margin:15px;
		width:90%;
	}
}
.logo {
	position: relative;
	float: left;
	margin-left: 50px;
	margin-top:50px;
	height:50px;
}
@media only screen and (max-width: 600px) {
	.logo {
	    position: relative;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, 0%); 
    	margin: 0px;
    	margin-top:50px;
    	margin-bottom:-50px;
	}
}
.titulo {
	font-family: Arial;
	font-size:35pt;
	color:#fff;
}
.campo
{
	position: relative;
	float: left;
	margin-top:120px;
	margin-left: 50px;
	clear: left;
	max-width:650px;
}
@media only screen and (max-width: 600px) {
	.campo {
		margin-left:30px;
		max-width:300px;
	}
}
.divisoria {
	height: 4px;
	width:100%;
	background-color: #70e000;
	position:relative;
	margin-top:6px;
}
.senha {
	border-radius:8px;
	background: transparent; border:1px solid #FFFFFF;
	padding-left: 20px;
	margin-top:20px;
	height:60px;
	width:100%;
	font-size: 14pt;
	color:#fff;
}
.botao {
	width:100%;
	border:0px;
	height:50px;
	color:#fff;
	font-weight: 900;
	font-family: Arial;
	font-size:11pt;
	text-shadow: 5px 5px 5px rbga(0,0,0,0.5);
	margin-top: 10px;
	/*background: rgb(248,205,162);
    background: linear-gradient(5deg, #315b00 0%, #70e000 100%);*/
	background-color:#4e9b01;
	border-radius:10px;
}
.botao:hover{
	cursor: pointer;
	/*background: rgb(195,162,128);
    background: linear-gradient(5deg, #315b00 0%, #70e000 100%);*/
	background-color:#70e000;
}
a {
	color:#70e000;
	text-decoration: none;
	font-family: Arial;
	font-size:10pt;
}
a:hover{
	color:#fff;
}
.centralizado 
{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%); 
	margin: 0px;
}
.fundo 
{
	width: 100%;
	height: 100%;
	position: fixed;
	left:0px;
	top: 0px;
	background-color: rgba(0,0,0,0.5);
	z-index:99;
}
.modelo {
    height: 70%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display:none;
}
@media only screen and (orientation: landscape) {
      .modelo  {
       display: block;
      }
}

.mensagem {
	max-width:300px;
	background-color:#001233;
	border-radius:20px;
	padding:70px;
	z-index: 100;
}
.usuario
{
	position: relative;
	float:right;
	max-width: 300px;
	margin-right:50px;
	text-align: right;
	margin-top: 50px;
	overflow: auto;
	max-height:300px;
	padding:20px;
}
.unidade {
 float:right;   
 position:relative;
 margin:4px;
 width:auto;
}
.swal2-confirm.swal2-styled {
	background-color: #4e9b01!important;
}
.swal2-confirm.swal2-styled:hover {
	background-color: #70e000!important;
}
#swal2-content {
	color: #666!important;
}