@charset "utf-8";
/* CSS Document */
.fundo_linha_cabecalho {
	background-color:#CCC;
}

.realcado1 {     /* fundo preto - cor branco */
				background-color:black;
				color:#FFFFFF;
}

.realcado2 {
				/* fundo vermelho - cor branco */
				background-color:#FF3300;
				color:#FFFFFF;
}
.realcado3 {
				/* fundo verde - cor branco */
				background-color:#0C6;
				color:#FFFFFF;
}
.realcado4 {
				/* fundo azul */
				background-color: #0CF;
}
.realcado5 {
				/* fundo amarelo */
				background-color: #FF0;
}
.sublinhado1 {
	text-decoration:underline;
}
.radio_limite {
	border-top: solid 1px;
	border-bottom: solid 1px;
}

.observacoes {
	color:#F00;
}

.bold {
	font-weight:bold;
}

.color_red {
	color:#F00;
}

.dados {
	color: #00F;
}

.sucesso {
	background-color:#090;
	color:#FFF;
	text-align:center;
}

.insucesso {
	background-color:#F00;
	color:#FFF;
	text-align:center;
}

hr.hrstyle1{
	border-top: 1px solid #8c8b8b;
}


hr.hrstyle2 {
	border-top: 3px double #8c8b8b;
}

hr.hrstyle3 {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

hr.hrstyle4 {
	border-top: 1px dotted #8c8b8b;
}

hr.hrstyle5 {
	background-color: #fff;
	border-top: 2px dashed #8c8b8b;
}


hr.hrstyle6 {
	background-color: #fff;
	border-top: 2px dotted #8c8b8b;
}

hr.hrstyle7 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}


hr.hrstyle8 {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
hr.hrstyle8:after {
	content: '';
	display: block;
	margin-top: 2px;
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}

hr.hrstyle9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}

hr.hrstyle10 {
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted #fff;
}


hr.hrstyle11 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
    border: 0;
}


hr.hrstyle12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

hr.hrstyle13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;
}


hr.hrstyle14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.hrstyle15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.hrstyle15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

hr.hrstyle16 { 
  border-top: 1px dashed #8c8b8b; 
} 
hr.hrstyle16:after { 
  content: '\002702'; 
  display: inline-block; 
  position: relative; 
  top: -12px; 
  left: 40px; 
  padding: 0 3px; 
  background: #f0f0f0; 
  color: #8c8b8b; 
  font-size: 18px; 
}


hr.hrstyle17 {
	border-top: 1px solid #8c8b8b;
	text-align: center;
}
hr.hrstyle17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


hr.hrstyle18 { 
  height: 30px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 1px 0 0 0; 
  border-radius: 20px; 
} 
hr.hrstyle18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}


/* -------------------------------------------------TABELAS */


/*** Tabela3 **/

#tabela3 {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
#tabela3 th {
  color:#D5DDE5;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right:1px solid #343a45;
  font-size:23px;
  font-weight:100;
  /*padding:24px;*/
  padding:5px;
  text-align:left;
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

#tabela3 th:first-child {
  border-top-left-radius:3px;
}
 
#tabela3 th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
#tabela3 tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
#tabela3 tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
}
 
#tabela3 tr:first-child {
  border-top:none;
}

#tabela3 tr:last-child {
  border-bottom:none;
}
 
#tabela3 tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
#tabela3 tr:nth-child(odd):hover td {
  background:#4E5066;
}

#tabela3 tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
#tabela3 tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
#tabela3 td {
  background:#FFFFFF;
  /*padding:20px;*/
  padding:5px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right:1px solid #C1C3D1;
}

#tabela3 td:last-child {
  border-right: 0px;
}

#tabela3 th.text-left {
  text-align:left;
}

#tabela3 th.text-center {
  text-align:center;
}

#tabela3 th.text-right {
  text-align: right;
}

#tabela3 td.text-left {
  text-align:left;
}

#tabela3 td.text-center {
  text-align:center;
}

#tabela3 td.text-right {
  text-align:right;
}

#tabela3 tfoot > tr > th {
	/*
	color:#F00;
	color:#30F;
	color:#5DADE2;
	color: #3498DB;
	clor: #6495ED;
	color: #0000FF;
	color: #4169e1;
	color: #007fff;
	color: #0066ff;
	color; #00bfff;
	color: cyan;*/
	color: withe;
	/*font-weight:bold;
	font-size:36px;*/
	background-color: #00008b;
}

/*** Fim Tabela3 **/


/* - Tabala listada automática - o ID da tabela deve ser igual a listadaautomatica*/
#listadaautomatica {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#listadaautomatica td, #listadaautomatica th {
  border: 1px solid #ddd;
  padding: 8px;
}

#listadaautomatica tr {page-break-inside:avoid;}

#listadaautomatica tr:nth-child(even){background-color: #f2f2f2;}

#listadaautomatica tr:hover {background-color: #6CF;}

#listadaautomatica th {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  background-color: #d5d5d5;
  color: #000;
}
/* - FIM - Tabela listadaautomática - */

/* - Tabala listada automática1 - o ID da tabela deve ser igual a listadaautomatica1*/
#listadaautomatica1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#listadaautomatica1 td, #listadaautomatica1 th {
  border: 1px solid #ddd;
  padding: 8px;
}

#listadaautomatica1 tr {page-break-inside:avoid;}

#listadaautomatica1 tr:nth-child(even){background-color: #f2f2f2;}

/*#listadaautomatica1 tr:hover {background-color: #6CF;}*/

#listadaautomatica1 th {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  background-color: #d5d5d5;
  color: #000;
}
/* - FIM - Tabela listadaautomática1 - */


/* - Tabala listada automática2 - o ID da tabela deve ser igual a listadaautomatica2*/
#listadaautomatica {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#listadaautomatica td, #listadaautomatica th {
  border: 1px solid #ddd;
  padding: 8px;
}

#listadaautomatica tr {page-break-inside:avoid;}

#listadaautomatica tr:nth-child(even){background-color: #CCC;}

#listadaautomatica tr:hover {background-color: #6CF;}

#listadaautomatica th {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  background-color: #d5d5d5;
  color: #000;
}
/* - FIM - Tabela listadaautomática2 - */


/* Tabela geral */
.ms-subtle1-main {
				border-left-style: none;
				border-right-style: none;
				border-top: .75pt solid black;
				border-bottom: .75pt solid black;
				background-color: #FFF;
}
.ms-subtle1-tl {
				font-weight: normal;
				color: black;
				border-left-style: none;
				border-right: 1.5pt solid black;
				border-top-style: none;
				border-bottom: 1.5pt solid black;
				background-color: white;
}
.ms-subtle1-left {
				color: black;
				border-left-style: none;
				border-right: 1.5pt solid black;
				border-top-style: none;
				border-bottom-style: none;
}
.ms-subtle1-top {
				font-weight: normal;
				color: black;
				border-left-style: none;
				border-right-style: none;
				border-top-style: none;
				border-bottom: 1.5pt solid black;
				background-color: white;
}
.ms-subtle1-even {
				font-weight: normal;
				color: black;
				border-bottom: 1.5pt solid black;
				background-color: white;
}
.ms-subtle1-odd {
				font-weight: normal;
				color: black;
				border-style: none;
				background-color: #CCC;
}
.ms-subtle1-ativo {
				font-weight: normal;
				color: black;
				border-style: none;
				background-color: #0C0;
}
/* FIM - Tabela geral */

/* Tabela inserir */
.form-titulo-seccao {
	text-align:center;
	background-color:#08088A;
	color:#FFF;
	}
.form-inserir-main {
	border-style: none;
	background-color:#ffffe6;
	/* para ficar centrada */
	margin-left:auto; 
    margin-right:auto;
	/* para ficar com cellspacing */
	border-spacing: 10px;
    border-collapse: separate;
}
.form-inserir-tl {
	font-weight: bold;
	color: black;
	border-left-style: none;
	border-right: 1.5pt solid black;
	border-top-style: none;
	border-bottom: 1.5pt solid black;
	background-color: white;
}
.form-inserir-top {
	font-weight: bold;
	color: black;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.5pt solid black;
	background-color: white;
}
.form-inserir-left {
	font-weight: bold;
	color: black;
	border-left-style: none;
	border-right: 1.5pt solid black;
	border-top-style: none;
	border-bottom: 1.5pt solid black;
	background-color: white;
	text-align:right;
	white-space:nowrap;
	/* para ficar com cellpadding */
	padding: 10px;
}
.form-inserir-right {
	font-weight: normal;
	color: black;
	border-bottom: 1.5pt solid black;
	background-color: white;
	/* para ficar com cellpadding */
	padding: 10px;
}
/* FIM - Tabela inserir */

/* Tabela alterar */
.form-alterar-main {
	border-style: none;
	/*background-color:#9999FF;*/
	background-color:#EFF8FB;
	/* para ficar centrada */
	margin-left:auto; 
    margin-right:auto;
	/* para ficar com cellspacing */
	border-spacing: 5px;
    border-collapse: separate;
}
.form-alterar-tl {
	font-weight: bold;
	color: black;
	border-left-style: none;
	border-right: 1.5pt solid black;
	border-top-style: none;
	border-bottom: 1.5pt solid black;
	background-color: white;
}
.form-alterar-top {
	font-weight: bold;
	color: black;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.5pt solid black;
	background-color: white;
}
.form-alterar-left {
	font-weight: bold;
	color: black;
	color:#09C;
	border-left-style: none;
	border-right: 1.5pt solid black;
	border-top-style: none;
	border-bottom: 1.5pt solid black;
	background-color: white;
	text-align:right;
	white-space:nowrap;
	/* para ficar com cellpadding */
	padding: 10px;
}
.form-alterar-right {
	font-weight: normal;
	color: black;
	border-bottom: 1.5pt solid black;
	background-color: white;
	/* para ficar com cellpadding */
	padding: 10px;
}
/* FIM - Tabela alterar */



/* Tabela alterar 1 -> id = tabela-alterar-1 */
#tabela-alterar-1-form {
      /*width: 100%;*/
      padding: 20px;
      background: #fff;
      /*box-shadow: 0px 2px 2px #ccc;*/
	  box-shadow: 0 2px 5px #000; 
      }
#tabela-alterar-1 {
	border-style: none;
	/*background-color:#9999FF;*/
	background-color:#EFF8FB;
	/* para ficar centrada */
	margin-left:auto; 
    margin-right:auto;
	/* para ficar com cellspacing */
	border-spacing: 5px;
    border-collapse: separate;
}
#tabela-alterar-1 th {
	font-weight: bold;
	color: black;
	color:#09C;
	border-left-style: none;
	border-right: 1pt solid black;
	border-top-style: none;
	border-bottom: 1pt solid black;
	background-color: white;
	text-align:right;
	white-space:nowrap;
	/* para ficar com cellpadding */
	padding: 10px;
}
#tabela-alterar-1 td {
	font-weight: normal;
	color: black;
	border-bottom: 1pt solid black;
	background-color: white;
	/* para ficar com cellpadding */
	padding: 10px;
}
#tabela-alterar-1-separar {
      display:block;
      margin-bottom:0px;
  }
#tabela-alterar-1 input {
	  /*border:none;*/
  }  
#tabela-alterar-1 input[type="number"] {
      width: 50px;
      /*height: 30px;
      border: 2px solid green;*/
      }
#tabela-alterar-1 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: red;
      opacity: 1; /* Firefox */
	  }

#tabela-alterar-1 :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: red;
	  }

#tabela-alterar-1 ::-ms-input-placeholder { /* Microsoft Edge */
      color: red;
	  }	      
#tabela-alterar-1-h1 {
	  text-align:center;
      margin: 15px 0;
      font-weight: 100;
      }
#tabela-alterar-1-h2 {
	  text-align:right;
      margin: 15px 0;
      font-weight: 200;
	  line-height: 30px;
      }
#tabela-alterar-1-dados {
	  padding: 0;
      margin: 0;
      outline: none;
      font-family: Roboto, Arial, sans-serif;
      font-size: 20px;
      color: #666;
      line-height: 15px;
	  margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
	  width: calc(100% - 10px);
      padding: 5px;
	  background-color:#fbdac0;
	  text-align:center;
      /*margin: 15px 0;*/
      font-weight: 200;
	  /*line-height: 30px;*/
	  }  
#tabela-alterar-1-botao-gravar {
      width: auto;
      padding: 10px;
      border: none;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      background-color: #095484;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      }
#tabela-alterar-1-botao-gravar:hover {
      background-color: #0666a3;
      }
#tabela-alterar-1-botao-fechar {
      width: auto;
      padding: 10px;
      border: none;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      background-color: #095484;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      }
#tabela-alterar-1-botao-fechar:hover {
      background-color: #0666a3;
      }
#tabela-alterar-1-botao-cancelar {
      width: auto;
      padding: 10px;
      border: none;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      background-color: #095484;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      }
#tabela-alterar-1-botao-cancelar:hover {
      background-color: #0666a3;
      }	  
/* FIM - Tabela alterar 1 -> id = tabela-alterar-1 */

/* Tabela alterar 2 -> id = tabela-alterar-2 */

#tabela-alterar-2-form {
      /*width: 100%;*/
      padding: 20px;
      background: #fff;
      /*box-shadow: 0px 2px 2px #ccc;*/
	  box-shadow: 0 2px 5px #000; 
      }
#tabela-alterar-2 {
	margin:auto;
}
#tabela-alterar-2 th {
	  text-align: right;
	  color:#00F;
	  white-space:nowrap;
	  }
#tabela-alterar-2 td {
      margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
      width: calc(100% - 10px);
      padding: 5px;
	  background-color:#ffebdb;
      }

#tabela-alterar-2-separar {
      display:block;
      margin-bottom:8px;
  }	
#tabela-alterar-2 input {
	  border:none;
  }  
#tabela-alterar-2 input[type="number"] {
      width: 50px;
      /*height: 30px;
      border: 2px solid green;*/
      }
#tabela-alterar-2 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: red;
      opacity: 1; /* Firefox */
	  }

#tabela-alterar-2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: red;
	  }

#tabela-alterar-2 ::-ms-input-placeholder { /* Microsoft Edge */
      color: red;
	  }	      
#tabela-alterar-2-h1 {
	  text-align:center;
      margin: 15px 0;
      font-weight: 100;
      }
#tabela-alterar-2-h2 {
	  text-align:right;
      margin: 15px 0;
      font-weight: 200;
	  line-height: 30px;
      }
#tabela-alterar-2-dados {
	  padding: 0;
      margin: 0;
      outline: none;
      font-family: Roboto, Arial, sans-serif;
      font-size: 20px;
      color: #666;
      line-height: 15px;
	  margin-bottom: 10px;
      border: 1px solid #ccc;
      border-radius: 3px;
	  width: calc(100% - 10px);
      padding: 5px;
	  background-color:#fbdac0;
	  text-align:center;
      /*margin: 15px 0;*/
      font-weight: 200;
	  /*line-height: 30px;*/
	  }
#tabela-alterar-2-botao-gravar {
      width: auto;
      padding: 10px;
      border: none;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      background-color: #095484;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      }
#tabela-alterar-2-botao-gravar:hover {
      background-color: #0666a3;
      }
#tabela-alterar-2-botao-fechar {
      width: auto;
      padding: 10px;
      border: none;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      background-color: #095484;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      }
#tabela-alterar-2-botao-fechar:hover {
      background-color: #0666a3;
      }	   	    
#tabela-alterar-2-botao-cancelar {
      width: auto;
      padding: 10px;
      border: none;
      -webkit-border-radius: 5px; 
      -moz-border-radius: 5px; 
      border-radius: 5px; 
      background-color: #095484;
      font-size: 16px;
      color: #fff;
      cursor: pointer;
      }
#tabela-alterar-2-botao-cancelar:hover {
      background-color: #0666a3;
      }
/* FIM - Tabela alterar 2 -> id = tabela-alterar-2 */

/* Tabela listada */
.ms-list1-main {
	border-left: .75pt solid teal;
	border-right: .75pt solid teal;
	border-top: 1.5pt solid teal;
	border-bottom: 1.5pt solid teal;
	background-color: white;
	margin-left:auto;
	margin-right:auto;
	border-spacing: 0px 10px;
}
.ms-list1-tl {
	font-weight: bold;
	color: maroon;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid gray;
	background-color: silver;
}
.ms-list1-left {
	color: black;
	border-style: none;
}
.ms-list1-top {
	font-weight: bold;
	color: maroon;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: .75pt solid gray;
	background-color: #C5E2E2;
}
.ms-list1-even {
	font-weight: normal;
	color: black;
	border-style: none;
	background-color: white;
}
.ms-list1-odd {
	font-weight: normal;
	color: black;
	border-style: none;
	background-color: silver;
}

.ms-list1-yellow {
	font-weight: normal;
	color: black;
	border-style: none;
	background-color: #FF0;
}


/* FIM - Tabela listada */

/* Tabela lista 1 */

#tabela_lista1 {
  font: 100% sans-serif;
  /*background-color: #efe;*/
  border-collapse: collapse;
  empty-cells: show;
  border: 1px solid #7a7;
  }

#tabela_lista1 > caption {
  text-align: left;
  font-weight: bold;
  font-size: 200%;
  border-bottom: .2em solid #4ca;
  margin-bottom: .5em;
  }


/* basic shared rules */
#tabela_lista1 th,
#tabela_lista1 td {
  text-align: right;
  /*padding-right: .5em;*/
   padding-right: .1em;
  }

#tabela_lista1 th {
  font-weight: bold;
  /*padding-left: .5em;*/
  padding-left: .1em;
  }


/* header */
#tabela_lista1 > thead > tr:first-child > th {
  text-align: center;
  color: blue;
  }

#tabela_lista1 > thead > tr + tr > th {
  font-style: italic;
  color: gray;
  }

/* fix size of superscript */
#tabela_lista1 sup {
  font-size: 75%;
  }

/* body */
#tabela_lista1 td {
  /*background-color: #cef;*/
  /*padding:.5em .5em .5em 3em;*/
  padding-top: .5em;
  padding-bottom: .5em
  }

#tabela_lista1 tbody th:after {
  content: ":";
  }


/* footer */
#tabela_lista1 tfoot {
  font-weight: bold;
  }

#tabela_lista1 tfoot th {
  color: blue;
  }

#tabela_lista1 tfoot th:after {
  content: ":";
  }

#tabela_lista1 > tfoot td {
  background-color: #cee;
  }

#tabela_lista1 > tfoot > tr:first-child td {
  border-top: .2em solid #7a7;
  }

/* FIM - Tabela lista 1 */

/* Tabela lista 2 */

#tabela_lista2 {
  font: 100% sans-serif;
  /*background-color: #efe;*/
  border-collapse: collapse;
  empty-cells: show;
  border: 1px solid #7a7;
  }

#tabela_lista2 > caption {
  text-align: left;
  font-weight: bold;
  font-size: 200%;
  border-bottom: .2em solid #4ca;
  margin-bottom: .5em;
  }


/* basic shared rules */
#tabela_lista2 th,
#tabela_lista2 td {
  text-align: right;
  /*padding-right: .5em;*/
   padding-right: .1em;
  }

#tabela_lista2 th {
  font-weight: bold;
  /*padding-left: .5em;*/
  padding-left: .1em;
  }


/* header */
#tabela_lista2 > thead > tr:first-child > th {
  text-align: center;
  color: blue;
  }

#tabela_lista2 > thead > tr + tr > th {
  font-style: italic;
  color: gray;
  }

/* fix size of superscript */
#tabela_lista2 sup {
  font-size: 75%;
  }

/* body */
#tabela_lista2 td {
  /*background-color: #cef;*/
  /*padding:.5em .5em .5em 3em;*/
  padding-top: .5em;
  padding-bottom: .5em
  }

#tabela_lista2 tbody th:after {
  /*content: "+";*/
  content: "";
  }


/* footer */
#tabela_lista2 tfoot {
  font-weight: bold;
  font-size:24px;
  background-color: #00008b;
  /*content: ":";*/
  }

#tabela_lista2 tfoot > tr > td {
  /*color: blue;*/
  color: white;
  }

#tabela_lista2 tfoot th:after {
  /*content: ":";*/
  content: "";
  }

#tabela_lista2 > tfoot td {
  /*background-color: #cee;*/
  background-color: #000;
  }

#tabela_lista2 > tfoot > tr:first-child td {
  border-top: .2em solid #7a7;
  }

/* FIM - Tabela lista 2 */

/*TABELA greyGridTable*/
#greyGridTable {
  border: 2px solid #FFFFFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
#greyGridTable td, #greyGridTable th {
  border: 1px solid #FFFFFF;
  padding: 3px 4px;
}
#greyGridTable tbody td {
  font-size: 16px;
}
#greyGridTable td:nth-child(even) {
  background: #EBEBEB;
}
#greyGridTable thead {
  background: #FFFFFF;
  border-bottom: 4px solid #333333;
}
#greyGridTable thead th {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  border-left: 2px solid #333333;
}
#greyGridTable thead th:first-child {
  border-left: none;
}

#greyGridTable tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  border-top: 4px solid #333333;
}
#greyGridTable tfoot td {
  font-size: 14px;
}
/*---------------------------------*/
/*Tabela - Linha de opções*/

table.linhaOpcoes {
  /*border: 1px solid #1C6EA4;*/
  border: 0px solid #1C6EA4;
  /*background-color: #EEEEEE;*/
  width: 100%;
  text-align: left;
  /*border-collapse: collapse;*/
  
  border-spacing: 3px;
  border-collapse: separate;
}

table.linhaOpcoes td {
  border: 1px solid #AAAAAA;
  padding: 3px 7px;
  
  background-color: #CC9;
  color: #000;
  border-radius: 5px;
  vertical-align:bottom;
}

table.linhaOpcoes td:hover{
    background: #1C6EA4;
	color: #FFFFFF;
}


table.linhaOpcoes tbody td {
  font-size: 13px;
}
table.linhaOpcoes tr:nth-child(even) {
  background: #D0E4F5;
}
table.linhaOpcoes thead {
  background: #A09BA4;
  background: -moz-linear-gradient(top, #b8b4bb 0%, #a9a5ad 66%, #A09BA4 100%);
  background: -webkit-linear-gradient(top, #b8b4bb 0%, #a9a5ad 66%, #A09BA4 100%);
  background: linear-gradient(to bottom, #b8b4bb 0%, #a9a5ad 66%, #A09BA4 100%);
  border-bottom: 2px solid #444444;
}
table.linhaOpcoes thead th {
  font-size: 15px;
  font-weight: bold;
  /*color: #FFFFFF;*/
  border-left: 2px solid #D0E4F5;
}
table.linhaOpcoes thead th:first-child {
  border-left: none;
}

table.linhaOpcoes tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  background: #D0E4F5;
  background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
  border-top: 2px solid #444444;
}
table.linhaOpcoes tfoot td {
  font-size: 14px;
}
table.linhaOpcoes tfoot .links {
  text-align: right;
}
table.linhaOpcoes tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
/* -----------------------------------*/



/* -------------------------------------------------FIM TABELAS */


/*Linha de opções*/
#linhaOpcoes td {
  border: 1px solid #AAAAAA;
  padding: 3px 7px;
  background-color: #CC9;
  background-color: #d1d1d1;
  background-color: #ffffe0;
  background-color: #fafae5;
  background-color: #f0f0f0;
  background-color: #f5f5dc;
  background-color: #e5e5fb;
  color: #000;
  border-radius: 5px;
  vertical-align:bottom;
}

#linhaOpcoes td:hover{
    background: #1C6EA4;
	color: #FFFFFF;
}

#linhaOpcoes1 td {
  border: 1px solid #AAAAAA;
  padding: 3px 7px;
  background-color: #000;
  color: #FFF;
  border-radius: 5px;
  vertical-align:bottom;
  font-size:18px;
}


/* -----------------------------------*/


/* -------------------------------------------------BOTÕES */
        .atualizar,
        .sair,
        .inicio,
        .cancelar,
		.alterar,
		.inserir,
		.imprimir,
		.eliminar {
            color: #FFF;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }
        .atualizar {
            background: #090; /* verde  */
        }
        .sair {
            background: rgb(202, 60, 60); /* this is a maroon */
        }
        .inicio {
            background: rgb(223, 117, 20); /* this is an orange */
        }
        .cancelar {
            background: rgb(66, 184, 221); /* azul */
        }
		 .alterar {
			color:#000;
            background: #FC3; /* laranja */
        }
		 .inserir {
            background: #090; /* verde  */
        }
		 .imprimir {
            background: rgb(223, 117, 20); /* this is an orange */
			font-size: 100%; /* large button */
        }
		 .eliminar {
            background: #F00; /* vermelho */
			font-size: 110%; /* large button */
        }



.botao {
border:1px solid #25692A;
border-radius:4px;
display:inline-block;
cursor:pointer;
font-family:Verdana;
font-weight:bold;
font-size:13px;
padding:6px 10px;
text-decoration:none;
}

.botao1 {
border:1px solid #25692A;
border-radius:4px;
display:inline-block;
cursor:pointer;
font-family:Verdana;
font-weight:bold;
font-size:13px;
color:#FFF;
padding:6px 10px;
text-decoration:none;
background-color:#09F;
}

.botao_ver_detalhes {
border:1px solid #25692A;
border-radius:4px;
display:inline-block;
cursor:pointer;
font-family:Verdana;
font-weight:bold;
font-size:13px;
color: white;
padding:6px 10px;
text-decoration:none;
background-color:#008CBA;
}

.botao_atualizar_valor_efetivo {
border:1px solid #25692A;
border-radius:4px;
display:inline-block;
cursor:pointer;
font-family:Verdana;
font-weight:bold;
font-size:13px;
color: white;
padding:6px 10px;
text-decoration:none;
background-color: #e7e7e7; color: black;
} 



.acessar {
border-color:#eb9b48;
background:linear-gradient(to bottom, #f7d6b3 5%, #eb9b48 100%);
box-shadow:inset 0px 1px 0px 0px #fdf7f0;
color:#333;
text-shadow:0px 1px 0px #ffee66;
}

.submeter {
border-color:#46a7f5;
background:linear-gradient(to bottom, #86c6f8 5%, #46a7f5 100%);
box-shadow:inset 0px 1px 0px 0px #d7ecfd;
color:#fff;
text-shadow:0px 1px 0px #528009;  
}

.inserir {
border-color:#68b465;
background:linear-gradient(to bottom, #abd5aa 5%, #68b465 100%);
box-shadow:inset 0px 1px 0px 0px #e3f1e3;
color:#fff;
text-shadow:0px 1px 0px #528009;
}

.alterar {
border-color: #09f;
background:linear-gradient(to bottom, #09F 5%, #09F 100%);
box-shadow:inset 0px 1px 0px 0px #e3f1e3;
color:#fff;
text-shadow:0px 1px 0px #528009;
}

.atualizar {
border-color:#68b465;
background:linear-gradient(to bottom, #abd5aa 5%, #68b465 100%);
box-shadow:inset 0px 1px 0px 0px #e3f1e3;
color:#fff;
text-shadow:0px 1px 0px #528009;
}

.eliminar {
border-color:#f61f0e;
background:linear-gradient(to bottom, #fca8a1 5%, #f61f0e 100%);
box-shadow:inset 0px 1px 0px 0px #fff4f3;
color:#fff;
text-shadow:0px 1px 0px #528009; 
}

.acessar:hover {
background:linear-gradient(to bottom, #eb9b48 5%, #f7d6b3 100%);
}

.submeter:hover {
background:linear-gradient(to bottom, #46a7f5 5%, #86c6f8 100%);
}

.inserir:hover {
background:linear-gradient(to bottom, #68b465 5%, #abd5aa 100%);
}

.alterar:hover {
background:linear-gradient(to bottom, #FC0 5%, #abd5aa 100%);
}

.atualizar:hover {
background:linear-gradient(to bottom, #68b465 5%, #abd5aa 100%);
}

.eliminar:hover {
background:linear-gradient(to bottom, #f61f0e 5%, #fca8a1 100%);
}

.botao:active {
position:relative;
top:2px;}

/* botão inserir   - https://css-tricks.com/examples/ButtonMaker/# -*/

.botao_inserir {
   border-top: 1px solid #96d1f8;
   background: #65d683;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e9c62), to(#65d683));
   background: -webkit-linear-gradient(top, #3e9c62, #65d683);
   background: -moz-linear-gradient(top, #3e9c62, #65d683);
   background: -ms-linear-gradient(top, #3e9c62, #65d683);
   background: -o-linear-gradient(top, #3e9c62, #65d683);
   padding: 5px 10px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.botao_inserir:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.botao_inserir:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
/* botão alterar  -  https://css-tricks.com/examples/ButtonMaker/#  -*/
.botao_alterar {
   border-top: 1px solid #96d1f8;
   background: #d0d465;
   background: -webkit-gradient(linear, left top, left bottom, from(#969c3e), to(#d0d465));
   background: -webkit-linear-gradient(top, #969c3e, #d0d465);
   background: -moz-linear-gradient(top, #969c3e, #d0d465);
   background: -ms-linear-gradient(top, #969c3e, #d0d465);
   background: -o-linear-gradient(top, #969c3e, #d0d465);
   padding: 5px 10px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.botao_alterar:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.botao_alterar:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   /* botão alterar-1  -  https://css-tricks.com/examples/ButtonMaker/#  -*/
.botao_alterar-1 {
   border-top: 1px solid #96d1f8;
   background: #d0d465;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#969c3e), to(#d0d465));
   background: -webkit-linear-gradient(top, #969c3e, #d0d465);
   background: -moz-linear-gradient(top, #969c3e, #d0d465);
   background: -ms-linear-gradient(top, #969c3e, #d0d465);
   background: -o-linear-gradient(top, #969c3e, #d0d465);
   
   background: #090;
   
   padding: 5px 10px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.botao_alterar-1:hover {
   border-top-color: #28597a;
   background: #693;
   color: #ccc;
   }
.botao_alterar-1:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
      /* botão cancelar-1  -  https://css-tricks.com/examples/ButtonMaker/#  -*/
.botao_cancelar-1 {
   border-top: 1px solid #96d1f8;
   background: #d0d465;
   
   background: -webkit-gradient(linear, left top, left bottom, from(#969c3e), to(#d0d465));
   background: -webkit-linear-gradient(top, #969c3e, #d0d465);
   background: -moz-linear-gradient(top, #969c3e, #d0d465);
   background: -ms-linear-gradient(top, #969c3e, #d0d465);
   background: -o-linear-gradient(top, #969c3e, #d0d465);
   
   background: #C66;
   
   padding: 5px 10px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.botao_cancelar-1:hover {
   border-top-color: #28597a;
   background: #C00;
   color: #ccc;
   }
.botao_cancelar-1:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   /* botão submeter  -  https://css-tricks.com/examples/ButtonMaker/#  -*/
.botao_submeter {
   border-top: 1px solid #96d1f8;
   background: #6d65d4;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e409c), to(#6d65d4));
   background: -webkit-linear-gradient(top, #3e409c, #6d65d4);
   background: -moz-linear-gradient(top, #3e409c, #6d65d4);
   background: -ms-linear-gradient(top, #3e409c, #6d65d4);
   background: -o-linear-gradient(top, #3e409c, #6d65d4);
   padding: 5px 10px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.botao_submeter:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.botao_submeter:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
/* botão imprimir  -  https://css-tricks.com/examples/ButtonMaker/#  -*/

.botao_imprimir {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   padding: 5px 10px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.botao_imprimir:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.botao_imprimir:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
  /* ------------------------------------------------- modern-button --------------- botão do chat gpt */ 
/* =====================================================
   🧊 MODERN BUTTON - GLASSMORPHISM STYLE
===================================================== */

/* =====================================================
   🧊 BOTÕES MODERNOS - BASE ÚNICA
===================================================== */

:root {
  /* Cores base */
  --color-success: rgba(76, 175, 80, 0.25);
  --color-success-border: rgba(76, 175, 80, 0.6);

  --color-danger: rgba(244, 67, 54, 0.25);
  --color-danger-border: rgba(244, 67, 54, 0.6);

  --color-text-light: #ffffff;
  --color-text-dark: #000000;

  /* Botão padrão */
  --btn-width: 350px;
  --btn-height: 50px;
  --btn-radius: 12px;
  --btn-font-size: 16px;
  --btn-shadow: 0 8px 20px rgba(0,0,0,0.15);

  /* Botão pequeno */
  --btn-small-width: 200px;
  --btn-small-height: 25px;
  --btn-small-radius: 8px;
}

/* =====================================================
   🔘 BOTÃO BASE
===================================================== */
.modern-button {
  display: inline-block;
  width: var(--btn-width);
  height: var(--btn-height);
  font-size: var(--btn-font-size);
  color: var(--color-text-dark);
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0,0,0,0.35);

  border-radius: var(--btn-radius);
  border: 1px solid rgba(255, 255, 255, 0.3);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: var(--btn-shadow);
}

/* Hover e Active comuns */
.modern-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.25);
}

.modern-button:active {
  transform: translateY(1px);
}

/* =====================================================
   🟢 / 🔴 VARIAÇÕES POR COR
===================================================== */
.modern-button.gravar {
  background: var(--color-success);
  border-color: var(--color-success-border);
}

.modern-button.gravar:hover {
  background: rgba(76, 175, 80, 0.35);
}

.modern-button.cancelar {
  background: var(--color-danger);
  border-color: var(--color-danger-border);
}

.modern-button.cancelar:hover {
  background: rgba(244, 67, 54, 0.35);
}

/* =====================================================
   🔹 SUBCLASSE PEQUENO
===================================================== */
.modern-button.pequeno {
  width: var(--btn-small-width);
  height: var(--btn-small-height);
  border-radius: var(--btn-small-radius);
}
/* ------------------------------------------------- BOTÕES tipo submit  */
.botao_submit {
   display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 10px 25px;
  font-size: 16px;
  font-weight: bold;
  color: white;

  background-color: var(--botao-cor);  /* Cor base do botão */
  border: none;
  border-radius: 25px;

  box-shadow:
    0 0 0 6px white,                   /* Moldura branca */
    0 0 0 9px var(--botao-cor);        /* Contorno externo da cor do botão */

  cursor: pointer;
  min-width: 140px;
  transition: all 0.2s ease;
}

/* Variações por ação */
.inserir_submit  { --botao-cor: #007bff; }
.alterar_submit  { --botao-cor: #17a2b8; }
.eliminar_submit { --botao-cor: #dc3545; }
.cancelar_submit { --botao-cor: #6c757d; } 

.botao_submit:hover {
  opacity: 0.9;
  filter: brightness(1.1);
} 
/* ------------------------------------------------- FIM BOTÕES tipo submit  */

/* ------------------------------------------------- FIM BOTÕES */

/* estilos frames */

.body_menu {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}
.sidebar1 {
	float: left;
	width: 200px;
	background-color: #EADCAE;
	padding-bottom: 10px;
}

/* ESTILOS PARA PÁGINAS */

/* PÁGINA ATUALIZAR */
      #pagina_atualizar {
		  padding: 20px;
		  background: #fff;
		  box-shadow: 0 2px 5px #000; 
		  }
	  #pagina_atualizar {
	      border: 0px #000 solid;
          font-family: Arial, Helvetica, sans-serif;
          border-spacing: 10px;
          border-collapse: separate;
		  margin-left: auto;
          margin-right: auto;
          width: 100%;
          }

      #pagina_atualizar input {
		  margin-top: 10px;
		  margin-bottom: 10px;
		  border: 1px solid #ccc;
		  border-radius: 3px;
		  width: calc(100% - 10px);
		  padding: 5px;
		  background-color:#ffebdb;
		  }
	  #pagina_atualizar input[type=submit] {
		  background-color: #4CAF50;
		  border: none;
		  -webkit-border-radius: 5px;
		  color: white;
		  padding: 5px 10px;
		  text-decoration: none;
		  font-size:20px;
		  margin: 4px 2px;
		  cursor: pointer;
		  }
	  #pagina_atualizar input[type=submit]:hover {
          background-color:  #45a049;;
          color: black;
          }
      #pagina_atualizar tr {
          height: 40px;
          }
	  #pagina_atualizar tr td:first-child {
		  text-align:right;
	      }
	  #pagina_atualizar tr td:last-child {
		  border-bottom:#000 solid 1px;
		  border-left:#000 solid 1px;
		  padding: 5px;
	      }
/* FIM PÁGINA ATUALIZAR */