*  { font-family: calibri, arial; font-size: 16pt}

h1 { font-size: 30pt; color: #009ED6; padding-bottom: 0px; margin-bottom: 0px; margin-block-end: 0; }

.formIdentif, .phone, .cpf { border: 1px solid; border-color: #BBB; color: #111; padding-bottom: 2px; background: #EEE; border-radius: 4px; font-size: 25pt; }

.divExplicacao { background: #ddd; border-radius: 5; font-family: calibri; font-size: 10pt; padding: 7; line-height: 1,2;}

.divMostraOculta { width:800; display: none; padding-bottom: 15;}
.divEspecif { display: none; font-size: 8pt; position: relative; left:22; }
.inputEspecif { font-size: 8pt; width: 400;}

.divTexto { position: relative; left:10; padding-top: 5;}
.txtOpcao { position: relative; left:40; top: -32; }
.titOpcoes { font-size: 20pt; font-weight: bold;  }

table.tabFone { font-family: calibri, arial; font-size: 25pt; border: 0; border-left: 0; border-right: 0; color: 404040 }

table.tabAtivo, table.tabPassivo, table.tabDespesas, table.tabReceitas { font-family: calibri, arial; font-size: 10pt; border: 0; border-left: 0; border-right: 0; color: 404040 }
table.tabAtivo th { background: #8DB4E2; font-weight: normal; color: black;}
table.tabAtivo tr:nth-child(odd) { background: #D4E4F7; }
table.tabAtivo tr:hover { background: #538DD5; color: white }
h1.tabAtivo { font-family: arial; font-size:16pt; color: #2967B0}
table.tabPassivo th { background: #FABF8E; font-weight: normal; color: black; }
table.tabPassivo tr:nth-child(odd) { background: #FDE9D9; }
table.tabPassivo tr:hover { background: #E26B0A; color: white }
h1.tabPassivo { font-family: arial; font-size:16pt; color: #E26B0A}
table.tabDespesas th { background: #DA9694; font-weight: normal; color: black; }
table.tabDespesas tr:nth-child(odd) { background: #F2DCDB; }
table.tabDespesas tr:hover { background: #963634; color: white }
h1.tabDespesas { font-family: arial; font-size:16pt; color: #963634}
table.tabReceitas th { background: #4ECD75; font-weight: normal; color: black; }
table.tabReceitas tr:nth-child(odd) { background: #B8F6CB; }
table.tabReceitas tr:hover { background: #26A14C; color: white }
h1.tabReceitas { font-family: arial; font-size:16pt; color: #26A14C}
a.balanco { font-size: 10pt; }
a.balanco:link, a.balanco:visited { text-decoration : none; color: #404040; }

.tabPrinc{
	background-image: url("topo_juntese.gif");
	background-repeat: no-repeat;
	padding: 10;
	width: 1000px;
	position: absolute;
	left:50%;
	margin-left:-500px;
	height: 100%;
}

input checkbox {
	border:0;
	color: red;
}


/**
 * Start by hiding the checkboxes
 */
input.grande[type=checkbox] {
	visibility: hidden;
}

/**
 * Checkbox Four
 */
.checkboxFour {
	width: 30px;
	height: 30px;
	background: #D7D7D7;
	border-radius: 100%;
	position: relative;
	left: 0;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

/**
 * Create the checkbox button
 */
.checkboxFour label {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 100px;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;

	background: #bbb;

	-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

/**
 * Create the checked state
 */
.checkboxFour input[type=checkbox]:checked + label {
	background: #F58634;
}


body {margin: 0;}

.botao1 {
padding: 4px 11px;

border: 1px solid #DD6D1A;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

background-color: #DD6D1A !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DD6D1A), color-stop(100%,#F58634)) !important;
background: -webkit-linear-gradient(top, #DD6D1A, #F58634) !important;
background: -moz-linear-gradient(top, #DD6D1A, #F58634) !important;
background: -ms-linear-gradient(top, #DD6D1A, #F58634) !important;
background: -o-linear-gradient(top, #DD6D1A, #F58634) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD6D1A', endColorstr='#F58634',GradientType=0 );

font-size: 30pt;
color: #fff;
text-shadow: 1px 0 #666;

box-shadow: inset 0 1px 1px #EEE, 0 2px 3px #666;
cursor:pointer;
position: relative; }

.botao1:hover {
box-shadow: inset 0 2px 5px #555, 0 2px 3px #666;
background: -webkit-gradient(linear, left top, left bottom, from(#DD6D1A), to(#F58634)) !important;
color: #F5BD94; }

.botao1:active {
box-shadow: inset 0 2px 5px #fff, 0 1px 3px #666 !important; }

.botao1 a, .botao1 a:active, .botao1 a:hover, .botao1 a:visited { color: #fff; text-shadow: 0 1px 0 #666; }

.botao1_semvagas {
padding: 4px 11px;

border: 1px solid #7c7c7c;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

background-color: #7c7c7c !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7c7c7c), color-stop(100%,#959595)) !important;
background: -webkit-linear-gradient(top, #7c7c7c, #959595) !important;
background: -moz-linear-gradient(top, #7c7c7c, #959595) !important;
background: -ms-linear-gradient(top, #7c7c7c, #959595) !important;
background: -o-linear-gradient(top, #7c7c7c, #959595) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#959595',GradientType=0 );

font-size: 30pt;
color: #fff;
text-shadow: 1px 0 #666;

box-shadow: inset 0 1px 1px #EEE, 0 2px 3px #666;
cursor:pointer;
position: relative; 
}

/* Estilo básico do botão */
.botao-verde {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  color: #fff;
}

/* Cor de fundo verde */
.botao-verde {
  background-color: #4CAF50; /* Cor verde */
}

/* Efeito de hover para realce */
.botao-verde:hover {
  background-color: #45a049; /* Cor verde mais escura no hover */
}


/* Estilo básico do botão */
.botao-vermelho {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  color: #fff;
}

/* Cor de fundo vermelho */
.botao-vermelho {
  background-color: #e74c3c; /* Cor vermelha */
}

/* Efeito de hover para realce */
.botao-vermelho:hover {
  background-color: #c0392b; /* Cor vermelha mais escura no hover */
}


/* Estilo básico do botão */
.botao-azul {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  color: #fff;
}

/* Cor de fundo azul */
.botao-azul {
  background-color: #3498db; /* Cor azul */
}

/* Efeito de hover para realce */
.botao-azul:hover {
  background-color: #2980b9; /* Cor azul mais escura no hover */
}

/* Estilo básico do botão */
.botao-laranja {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 5px;
  color: #fff;
}

/* Cor de fundo laranja */
.botao-laranja {
  background-color: #e67e22; /* Cor laranja */
}

/* Efeito de hover para realce */
.botao-laranja:hover {
  background-color: #d35400; /* Cor laranja mais escura no hover */
}

.error-message {
    color: #D8000C; /* Vermelho brilhante para chamar a atenção */
    background-color: #FFD2D2; /* Fundo levemente avermelhado para destacar a mensagem */
    border: 1px solid #D8000C; /* Borda da mesma cor do texto */
    padding: 10px; /* Espaçamento interno */
    border-radius: 5px; /* Canto arredondado */
    font-size: 14px; /* Tamanho da fonte */
    font-weight: bold; /* Texto em negrito */
    margin-top: 10px; /* Espaçamento acima da mensagem */
    display: inline-block; /* Exibição inline */
}

.alert-messsage {
    color: #9F6000; /* Laranja escuro para o texto */
    background-color: #FEEFB3; /* Fundo levemente alaranjado */
    border: 1px solid #9F6000; /* Borda da mesma cor do texto */
    padding: 10px; /* Espaçamento interno */
    border-radius: 5px; /* Canto arredondado */
    font-size: 14px; /* Tamanho da fonte */
    font-weight: bold; /* Texto em negrito */
    margin-top: 10px; /* Espaçamento acima da mensagem */
    display: inline-block; /* Exibição inline */
}

div.alert-messsage {
    color: #9F6000; /* Laranja escuro para o texto */
    background-color: #FEEFB3; /* Fundo levemente alaranjado */
    border: 1px solid #9F6000; /* Borda da mesma cor do texto */
    padding: 10px; /* Espaçamento interno */
    border-radius: 5px; /* Canto arredondado */
    font-size: 18px; /* Tamanho da fonte */
    margin-top: 10px; /* Espaçamento acima da mensagem */
    display: inline-block; /* Exibição inline */
}