

html, body 
{
	/*padding-top: 4em;*/
	/*left: -5px;*/
	/*height: 100vh; /* Try removing this.. */
	height: 100%;
	position: relative;
	background-color: #d9d9d9;

	background-image: url( '../img/background.jpg' );
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	
	/*background: url("../img/fundo.jpg");
    background-position: center center fixed;
    background-repeat: repeat;*/
	/*background-size: contain;*/
	
}


.body
{
	padding-top: 4em;
	position: relative;
	height: 100%;
	/*color: #3366cc;*/
	color: #003366;
	font-size: 95%;
	/*font-weight: bold;*/

	
	/*
	background-image: url( '../img/fila.png' );
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	*/

	/*
	background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)), url( '../img/fila.jpg' );
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	*/
	
	
}
	

.divForm
{
	position: fixed; 
	overflow: auto; 
	top: 5em; 
	bottom: 1em; 
	left: 1em; 
	right: 1em;

	/*
	background-color: teal;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-image: url( 'img/fila.jpg' );
	*/

	

}

.spc_table
{
	border-collapse: separate; 
	border-spacing: 0 10px; 
	margin-top: -10px;
}


.input03
{
	font-size: 90%;
	background-color: transparent;
	border: none;
}

input:focus 
{ 
    outline: none !important;
    border-color: #719ECE;
	box-shadow: 0 0 10px #719ECE;
}

.input04
{
	font-size: 90%;
	background-color: transparent;
	border-color: #5c85d6;
	/*box-shadow: 0 0 10px #e6e6e6;*/
}


.input02, .label02
{
	/*font-weight: bold;*/
	font-size: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e6e6ff;
	text-transform:uppercase; 
	width: 100%;
	outline: none;
	/*min-width: 100%;*/

	/*border-bottom: none;*/
	/*box-sizing: border-box;*/
	/*box-sizing: none;*/

	/*
	&:focus 
	{
		border: none;
		outline: none;    
		border: none;
	}
	*/
}

.label02
{
	border-bottom: none; 
	color: black; 
}


.titulo
{
	color: #cc3300;
	text-align: center; 
	width: 100%;
}

.titulo_imagem
{
	min-height: 2em;
	max-height: 2em;
	width: auto;
}

.imagem
{
	max-height: 30px;
	width: auto;
}


.tdInput
{
	/*border-bottom: 1px solid #e6e6ff;*/
	background-color:#f0f0f5;
}




.balao2
{
	margin: 0 auto; 
	/*background:#f2f2f2;*/
	background:#e6e6e6;
	font-size: 0.85em;
	/*line-height: 1.6em; */
	border-radius: 15px;
	/*width: 300px;*/
	width: 96%;
	height: auto;
	/*color: #fff;*/
	padding: 5px;
	position: relative;
	/*margin-top: 30px;*/

	color: #3366cc;
}


.balao3
{
	border-radius: 5px;
}


.balaoTab
{
	margin: 0 auto; 
	/*background:#f2f2f2;*/
	/*background:#e6e6e6;*/
	background: white;
	font-size: 0.85em;
	border-radius: 10px;
	width: 100%;
	height: auto;
	padding: 3px;
	position: relative;

	color: #3366cc;
}



.btn-em
{
	min-width: 100px;
}


/* ******************************************************************************************/
/* ************ 	Mensagem de alerta no html com botao para fechar..!		-	Inicio 	*****/
/*
.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
*/
/* ************ 	Mensagem de alerta no html com botao para fechar..!		-	Fim 	*****/
/* ******************************************************************************************/








.btn01 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7) );
	background:-moz-linear-gradient( center top, #007dc1 5%, #0061a7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7');
	background-color:#007dc1;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #124d77;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:36px;
	line-height:36px;
	min-width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 1px 0px #154682;
	padding-right: 10px;
	padding-left: 10px;
}.btn01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1) );
	background:-moz-linear-gradient( center top, #0061a7 5%, #007dc1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1');
	background-color:#0061a7;
}.btn01:active {
	position:relative;
	top:1px;
}





.btn02 {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2) );
	background:-moz-linear-gradient( center top, #33bdef 5%, #019ad2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2');
	background-color:#33bdef;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
text-indent:0;
	border:1px solid #057fd0;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
height:36px;
	line-height:36px;
	min-width:140px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px -1px 0px #5b6178;
	padding-right: 10px;
	padding-left: 10px;
}.btn02:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef) );
	background:-moz-linear-gradient( center top, #019ad2 5%, #33bdef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef');
	background-color:#019ad2;
}.btn02:active {
	position:relative;
	top:1px;
}