body {
	font-family: arial;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding: 0px;
}

img {
  border: none;
  }

table {
  margin: 0 auto;
}

tr {
  vertical-align: middle;
  } 

td {
    font-family: arial;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    }

.tableMain{  
  margin-left: 0.2cm;
  padding: 4px;
  width: 98%;
}

.tableMain td{  
  vertical-align: top;
}

.tableSub
{
  background-color: #FFFFFF;
  border: 3px solid #ccc;
  padding: 4px;
  border-radius: 12px;
}

.tableSub td
{
  vertical-align: top;  
}

.tableSub td hr
{
  border: 1px solid #000000;
}

.tdSub
{
  background-color : #FFF;
  border-spacing: 4px;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,1);
  padding: 6px;
}

.tableList {
  border: 3px solid #ccc;
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #fff;
  overflow: hidden;
}

.tableList td,
.tableList th {
  border: 1px solid #eee; /* líneas internas más tenues */
  padding: 8px;
}

.tableList {
  
  overflow: auto;
  position: relative;
}

.tableList thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}

.tableList thead th:first-child {
  left: 0;
  z-index: 1;
}

.tableList tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
}  

th {
  background-color: #000;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	line-height: 1.6;
  	padding: 6px;
}

th a{
  background-color: #000;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.6;
	padding: 6px;
}

td hr
{
  border: 1px solid #000000;
}

hr
{
  border: 1px solid #000000;
}

input.number
{
  text-align: right;
}
  
input, select, textarea 
{
  background-color: #FFF;
  border: 1px solid #13294B;
  color: #6E7B8E;
  font-size: 12px;
  font-family : Arial;
  transition: all 0.5s;
  margin: 2px;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
  padding:4px;
}


input
{
  background-color: #FFF;
  border: 1px solid #13294B;
  color: #6E7B8E;
  font-family : Arial;
	font-size: 14px;  
  transition: all 0.5s;
  margin: 2px;
  border-radius:8px;
  box-shadow:0 1px 8px rgba(0,0,0,0.5);
  padding:4px;
}

textarea{
  resize: none;
}

a {
	font-family: arial;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
	font-style: italic;
	color: #424242;	
}

a:hover {
	color: #c0c0c0;
}

.titulo {
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
  padding: 10px;
}

.subtitulo {
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  padding: 10px;
}

.buttonColor
{
  border-radius: 2px;
  background-color: #585858;
	border: 0px solid #585858;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 8px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 4px;
  font-weight : normal;  
}

.buttonColor:hover
{
  border-radius: 2px;
  background-color: #000000;
	border: 0px solid #000000;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 8px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 4px;
  font-weight : normal;  
}

.buttonColorRed
{
  border-radius: 2px;
  background-color: #F5A9A9;
	border: 0px solid #F5A9A9;
  color: #000;
  text-align: center;
  font-size: 14px;
  padding: 8px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 4px;
  font-weight : normal;  	
}

.buttonColorRed:hover
{
  border-radius: 2px;
  background-color: #B40404;
	border: 0px solid #B40404;
  color: #000;
  text-align: center;
  font-size: 14px;
  padding: 8px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 4px;
  font-weight : normal;  	
}

.espera {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/espera.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
    display: none;
}

.div_tableId
{
  width: 1em;
  height: 1em;
  overflow: auto;
  position: relative;
}

.tableId
{
  visibility: hidden;
}

.tableId th
{
  font-family : arial;
  font-size: 14px;
}

.tableId td
{
  font-family : arial;
  font-size: 14px;
}

.row_gray {
	background-color: #F2F2F2;
}

.row_blank {
	background-color: #FFFFFF;
}

.td_totales
{
  background-color : #EFFBEF;
  font-size: 14px;
  font-weight: bold;
	text-align: right;
	padding: 6px;
}

.td_oc
{
  background-color : #E0F2F7;  
}

.buttonAutorizar {
  border-radius: 4px;
  background-color: #4CAF50;
  border: none;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}
.buttonAutorizar:hover {background-color: #3e8e41}

.buttonRechazar {
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}
.buttonRechazar:hover {background-color: #A41717}