/* CSS Document */
*{
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:18px;
}

@media only screen and (max-width: 600px)
{
	*{
		font-size:12px;
	}
}

html, body{
	height: 100vh;
  	min-height: 100vh;
}

body{
	margin:0 auto;
	padding:0;
	background-color:#000;
	background-image:url(../fundos/backgroung.png);
	background-position:left top;
	background-repeat:no-repeat;
	color:#FFF;
}

#corpo{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

input[type=checkbox]
{
  transform: scale(2);
}

input::placeholder {
	color: rgb(196, 196, 196)!important;
  }

h1{
	font-size:18px;
	font-weight:bolder;
	text-transform:uppercase;
	text-align:center;
	text-shadow: 2px 2px #999;
}

label{
	font-size: 1.2em;
	padding-bottom: 0.5em;
}

/* -- #Ids -- */
#idE{
	padding-left:5em;
	padding-top: 20px;
	padding-bottom: 20px;
	border:1px solid #999;
	border-radius:25px; 
	width: 75%;
}
#maskTel{
	color:#060;
	font-size: 0.8em;
}

/* -- class -- */
.altura100{
	height: 100vh;
	min-height: 100vh;
}
.alturaAuto{
	height: auto;
}
.ativo{
	border: 2px solid #000000;
}
.bloco{
	clear: both;
	position: relative;
	text-align: center;
	padding: 10px;
	border: none;
}
.blocoEsq{
	position: relative;
	float: left;
	text-align: left;
	padding: 10px;
	border: none;
}
	.blocoEsqCentro{
		text-align: center!important;
	}
.borda_1{
	border: 1px solid gray;
}
.bordaRedonda{
	border-radius: 15px;
}
.botao_1_Azul{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFF;
	background-color:rgb(54, 3, 194);
	border:1px solid rgb(54, 3, 194);
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_1_Verde{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFF;
	background-color:rgb(17, 168, 3);
	border:1px solid rgb(17, 168, 3);
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_1_Vermelho{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFF;
	background-color:red;
	border:1px solid red;
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_1_Desativado{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000000;
	background-color:lightgray;
	border:1px solid lightgray;
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
	.botao_1_Azul:hover, .botao_1_Verde:hover, .botao_1_Vermelho:hover{
		cursor: pointer;
	}
.botao_1_Azul{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFF;
	background-color:rgb(54, 3, 194);
	border:1px solid rgb(54, 3, 194);
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_1_Verde{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFF;
	background-color:rgb(17, 168, 3);
	border:1px solid rgb(17, 168, 3);
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_1_Vermelho{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FFF;
	background-color:red;
	border:1px solid red;
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_1_Desativado{
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000000;
	background-color:lightgray;
	border:1px solid lightgray;
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
	.botao_1_Azul:hover, .botao_1_Verde:hover, .botao_1_Vermelho:hover{
		cursor: pointer;
	}
.botao_2_Azul{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #FFF;
	background-color:rgb(54, 3, 194);
	border:1px solid rgb(54, 3, 194);
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_2_Verde{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #FFF;
	background-color:rgb(17, 168, 3);
	border:1px solid rgb(17, 168, 3);
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_2_Vermelho{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #FFF;
	background-color:red;
	border:1px solid red;
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
.botao_2_Desativado{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #000000;
	background-color:lightgray;
	border:1px solid lightgray;
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	font-weight: bolder;
}
	.botao_2_Azul:hover, .botao_2_Verde:hover, .botao_2_Vermelho:hover{
		cursor: pointer;
	}

.box{
	display: block;
	justify-content: center;
	align-items: center;
	padding:50px;
	color: #000;
	background-color:#FFF;
	border:1px solid #FFF;
	border-radius:25px;
	box-shadow: 5px 5px 10px #999;
	max-width: 85vw;;
}
.inativo{
	border: 2px solid #FFFFFF;
}

@media only screen and (max-width: 600px)
{
	.box{
		padding:10px;
	}
}
.Flex{
	display: flex;
}
.FlexCol
{
	flex-direction: column;
}
.FlexJustify{
	justify-content: center;
}
.FlexRow
{
	flex-direction:row;
}

@media only screen and (max-width: 600px)
{
	.FlexRow
	{
		flex-direction: column;
	}
}

.fonteMaior{
	font-size: 1.5em !important;
}
.fonteMenor{
	font-size: 0.9em !important;
}
.item{
	border: 5px solid white;
}
.itemSel{
	border: 5px solid green;
}
	.item:hover, .itemSel:hover{
		cursor: pointer;
		border: 5px solid red;
	}
	.item:focus, .itemSel:focus{
		border: 5px solid red;
	}
.oculto{
	display: none;
	visibility: hidden;
}
.padding_15{
	padding: 15px;
}
.padding_30{
	padding: 30px;
}
.semBordas{
	border: none;
}
.textBox_1{
	position: relative;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius:1rem;
	font-size: 1.4em;
	font-weight: bolder;
}
.largura_100{
	width: 100%;	 
}
.largura_90{
	width: 90%;
}
.largura_80{
	width: 80%;
}
.largura_70{
	width: 70%;
}
.largura_60{
	width: 60%;
}
.largura_50{
	width: 50%;
}
.largura_40{
	width: 40%;
}
.largura_30{
	width: 30%;
}
.largura_20{
	width: 20%;
}
.largura_10{
	width: 10%;
}
.largura_90_w{
	width: 90vw;
}
.largura_80_w{
	width: 80vw;
}
.largura_70_w{
	width: 70vw;
}
.largura_60_w{
	width: 60vw;
}
.largura_50_w{
	width: 50vw;
}
.largura_40_w{
	width: 40vw;
}
.largura_30_w{
	width: 30vw;
}
.largura_20_w{
	width: 20vw;
}
.largura_10_w{
	width: 10vw;
}