:root {
  --color-blue: #137cc7;
  --color-blue-light: #BFE0F9;
  --color-cam:  #F05423;
  --color-cam-light: #FCD6C9;
  
  --color-sitio:  var(--color-blue);
  --color-sitio-light: #F0F0F0;
  
  --total-row: #137cc700
}

body{
  
  background-color: #F0F0F0;
  /*background-color:linear-gradient(to right, var(--color-sitio) 0%, #80BBff 100%);*/
}

#cargando1{
	position:absolute; display:block; color:white
}

.content-buttom-control{
	margin:auto auto; width:95%; text-align:center
}

.input_file{
	padding: 5px 16px !important;
}

.slector_tabla{
	height:38px;
}

.content-iframe{
	width:95%; height:465px; margin:auto; background-color:gray
}

iframe{
	width:100%; height:100%; display:inline-block; color:white; background-color:gray; box-shadow:1px 1px 5px gray
}

.form-salir{
	 width:100px; display:inline-block;
}

.boton-registrar{
	float: right; margin-right: 15px;
}

.boton-configurar{
	float: right; margin-right: 15px;
}

#div-barra{
	display:none; border-radius: 25px; width: 96%; height: 10px; margin: auto;
}
#barra{
	height:10px;width:0%; border-radius:25px; margin: 0;
}

.color-sitio{
  color:white;
  background-color: var(--color-sitio);
  background-image: linear-gradient(var(--color-sitio), #80BBff); /* Standard syntax (must be last) */
  margin-top:10px;
}



.logo{
  position:absolute; 
  left:1%; 
  margin-top:1%; 
  height:100px; 
  /*box-shadow:3px 3px 10px black;*/
}
.logofenix{
  position:absolute; 
  right:1%; 
  margin-top:1%; 
  height:100px; 
  /*box-shadow:3px 3px 10px black;*/
}

.header{
  background-color: var(--color-sitio);
  box-shadow: 3px 3px 10px black;
  background-image: linear-gradient(var(--color-sitio), #80BBff); /* Standard syntax (must be last) */
}

.header h1{
  color:white;      
}

.footer{
	position:fixed;
	bottom:0;
	width: 100%;
}

.titulo{
  text-align:center;
  background-color: var(--color-sitio);
  color:white;
}
.td-titulo{
  font-weight:bold;
}


/* EFP DataTables */
table.dataTable tr.odd { 
  background-color: #edf1f3; 
}
table.dataTable tr.even { 
  background-color: #dee1e3; 
}
table.dataTable tr.even:hover, table.dataTable tr.odd:hover {
  background-image: linear-gradient(var(--color-sitio), #80BBff); /* Standard syntax (must be last) */
  cursor:pointer;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 4px;
}

.dataTables_scrollHead {
  background-image: linear-gradient(var(--color-sitio), #80BBff); /* Standard syntax (must be last) */
}

button.dt-button, div.dt-button, a.dt-button {
  background-image: linear-gradient(var(--color-sitio), #80BBff); /* Standard syntax (must be last) */
  color:white;
  height: 30px;
  padding: 0px 5px;
}
/* Botones de exportacion hover */
button.dt-button:hover, div.dt-button:hover, a.dt-button:hover {
  color:white;
}



/*!
 * DataTables + Font Awesome integration
 * License: MIT - http://datatables.net/license
 */

/*
 * Sort styling
 */
table.dataTable thead th {
	position: relative;
	background-image: none !important; /* Remove the DataTables bootstrap integration styling */
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	position: absolute;
	top: 12px;
	right: 8px;
	display: block;
	font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
	content: "\f0dc";
	color: #ddd;
	font-size: 0.8em;
	padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
  color: yellow;
	content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
  color: yellow;
	content: "\f0dd";
}

div.dataTables_scrollBody table.dataTable thead th.sorting:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
	content: "";
}

/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
table.table thead th.sorting:after,
table.table thead th.sorting_asc:after,
table.table thead th.sorting_desc:after {
	top: 8px;
}


/*
 * DataTables style pagination controls
 */
div.dataTables_paginate a.paginate_button.first,
div.dataTables_paginate a.paginate_button.previous {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate a.paginate_button.next,
div.dataTables_paginate a.paginate_button.last {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate a.first:before, 
div.dataTables_paginate a.previous:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.next:after,
div.dataTables_paginate a.last:after {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate a.first:before {
	content: "\f100";
}

div.dataTables_paginate a.previous:before {
	content: "\f104";
}

div.dataTables_paginate a.next:after {
	content: "\f105";
}

div.dataTables_paginate a.last:after {
	content: "\f101";
}


/*
 * Bootstrap and foundation style pagination controls
 */
div.dataTables_paginate li.first > a,
div.dataTables_paginate li.previous > a {
	position: relative;
	padding-left: 24px;
}

div.dataTables_paginate li.next > a,
div.dataTables_paginate li.last > a {
	position: relative;
	padding-right: 24px;
}

div.dataTables_paginate li.first a:before, 
div.dataTables_paginate li.previous a:before {
	position: absolute;
	top: 6px;
	left: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.next a:after,
div.dataTables_paginate li.last a:after {
	position: absolute;
	top: 6px;
	right: 10px;
	display: block;
	font-family: FontAwesome;
}

div.dataTables_paginate li.first a:before {
	content: "\f100";
}

div.dataTables_paginate li.previous a:before {
	content: "\f104";
}

div.dataTables_paginate li.next a:after {
	content: "\f105";
}

div.dataTables_paginate li.last a:after {
	content: "\f101";
}

/* In Foundation we don't want the padding like in bootstrap */
div.columns div.dataTables_paginate li.first a:before, 
div.columns div.dataTables_paginate li.previous a:before,
div.columns div.dataTables_paginate li.next a:after,
div.columns div.dataTables_paginate li.last a:after {
	top: 0;
}

/* Botones de paginado */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: linear-gradient(to bottom, var(--color-sitio) 0%, #80BBff 100%);
  color: white!important
}  
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: linear-gradient(to bottom, #80BBff 0%, var(--color-sitio) 100%);
}

/* Botones de exportacion hover*/
button.dt-button:hover:not(.disabled), 
div.dt-button:hover:not(.disabled), 
a.dt-button:hover:not(.disabled) {
  background: linear-gradient(to bottom, #80BBff 0%, var(--color-sitio) 100%);
}