/* 
    Document   : admin
    Created on : 13-ene-2009, 15:35:04
    Author     : plexus
    Description:
        Purpose of the stylesheet follows.
*/


@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/openSans/opensans-semibold-webfont.eot');
    src: url('../fonts/openSans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/openSans/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/openSans/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/openSans/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/openSans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/openSans/opensans-light-webfont.eot');
    src: url('../fonts/openSans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/openSans/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/openSans/opensans-light-webfont.woff') format('woff'),
         url('../fonts/openSans/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/openSans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/openSans/opensans-regular-webfont.eot');
    src: url('../fonts/openSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/openSans/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/openSans/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/openSans/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/openSans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/openSans/opensans-bold-webfont.eot');
    src: url('../fonts/openSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/openSans/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/openSans/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/openSans/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/openSans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*=======================================================*/ 

/* GENERALES
----------------------------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
html, body{
    height: 97%;
    min-height: 100%;
    width:100%;
}
body{
    min-width: 996px;
}

body.codigoQR {
	min-width: auto;
}

.popup {
	min-width: 700px;
}

body{
    font: 75% Arial, Verdana, Helvetica, sans-serif;
    color: #333333;
    background: #E9F6FC;
}

body.responsive-login {
    font-family: open_sansregular, Roboto, sans-serif, regular;
    font-size: 100%;
    background: #ffffff;
}

a{
    text-decoration: none; 
    color: #00F;
    cursor:pointer;
}
a:hover {
    text-decoration: underline;
}
li{
    list-style: none; 
}
img{
    border: none; 
}

h1{
    font-size: 130%;
    color: #48669C;
}

h3{
    font-size: 110%;
}
.txtCentrar,
table tr th.txtCentrar {
	text-align: center;
}
.floatL{
	float: left;
}
.floatR{
	float: right;
}
.posRelative{
	position: relative;
}
.txtAlignR{
	text-align:right;
}
.marginL-5{
	margin-left: 5px;
}
.marginR-5{
	margin-right: 5px;
}

canvas{
	margin: auto;
	display: block;
}

/*********** HEADER ***********/

.header {
  overflow: hidden;
  color: #FFFFFF;
  background: #1B335C 0% 0% no-repeat padding-box;
  padding: 10px 0px;
  position: relative;
}

.header a {
  display: inline;
  float: left;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
}
.header a.logo img {
  width: 150px;
}

.header a.logo.logo-left {
  float: left;
  padding: 5px 20px;
  padding-top: 10px;

}

.header label.version {
  color: #FFFFFF;
  font-size: 10px;
  display: inline;
  cursor: pointer;
}

.header .info-fecha {
    position: absolute;
    width: auto;
    text-align: right;
    color: #ffffff;
    font-size: 0.9em;
    right: 20px;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
}

/* CONTENEDORES
-------------------------------------------------------------------------------------------------- */
#cntGeneral{
    min-height: 98%;
    margin: 0 10px 0 10px;
    background: url("../img/fndCabeceraMosaico.gif") repeat-x #FFF;
    border: 1px solid #547485;
}

body.responsive-login #cntGeneral {
	background-image: none;
    width: 100%;
    border: none;
    margin: 0px;	
}

#cntCabeceraImpresion{
    display: none;
}
#cntCabecera {
    color: #333333;
    text-align: right;
    height: 102px;
    background: url("../img/fndCabecera.jpg") no-repeat;
    overflow:hidden;
}

.cntLogos {
	height: 73px;
	overflow: hidden;
}
*html .cntLogos {
	overflow: visible;
}

#sitioPie{
    height: 70px;
}
#cntPie{
    height:70px;
    margin: -71px 10px 0 10px;
    padding: 0 6px 0 0;
    overflow:hidden;
}

#cntMenu{
    padding: 4px 6px 0 6px;
    height: 28px;
    background: url("../img/fndMenu.gif") repeat-x #FFF;    
}
#cntContenido{
    padding: 20px 6px 10px 6px;
    clear:both;
}
.cntNavegacion{
    clear: both;
    height: 1%;
    overflow: hidden;
    padding: 0 0 1px 0;
    border-bottom: 1px solid #547485;
    height:21px;
    margin: 0 0 6px 0;
}

.cntNavegacion .cntAccionesGenerales span{
    margin: 3px 10px 0 0;
    float:left;
    width:auto;
}
.cntDireccion{
    float: left;
    padding-top: 4px;
}
.cntAccionesGenerales{
    float: right;
}
#cntBuscador{
    overflow:hidden;
    margin: 0 0 5px 0;
}
.cntAcciones{
    clear: both;
    height: 1%;
    overflow: hidden;
    margin: 0 0 8px 0;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

#frmEdicion .cntAcciones, #frmEdicionPop .cntAcciones{
    padding: 3px 0;
}

#frmEdicion ul li.cntAcciones, #frmEdicionPop ul li.cntAcciones, ul#consulta li.cntAcciones{
    background-color: #D5DCD5;
    margin: 10px 0 -10px 0;
    padding: 6px 0 5px 0;    
}
.cntBtnListado{
    float: left;
    padding: 5px 0;
}
.cntPaginacion{
    float: right;
    padding: 5px 0 5px 2px;
}
.cntPaginacion .leyendaPaginacion{
    padding: 5px 10px;
}

#frmEdicion .cntAcciones .cntError, #frmEdicionPop .cntAcciones .cntError{
    font-weight:bold;
    color: #FF0000;
    margin: 0 0 0 50px;
}

div.cntBloque1{
    clear:left;
    float:left;
}
div.cntBloque2{
    background: #F4F6F3;
    border: 1px solid #DFE4E0; 
    padding: 10px 0 10px 10px;
    margin: 5px 0 5px 0;
}

div.cntTexto {
    border: 1px solid #DFE4E0;
    padding:7px;
    margin-bottom:7px;
    clear:both;
    width:214px;
    overflow:hidden;
}

div.cntTexto .cntPendiente {
    float:right;
    font-weight:bold;
    font-size:300%;
}
div.cntTexto .cntHoraActual {
    font-weight:bold;
    font-size:200%;
}

td.cntCalendario{
    width: 200px;
    padding: 0 20px 0 0;
    vertical-align:top;
}
td.cntCalendario .calendar{
    margin: 5px 0 0 0;
}

.cntTraduccion {
	float: left;
}
.cntTraduccion .cntOriginal {
	width: 300px;
	background-color:#E9F6FC;
	border:1px solid #8CA2AD;
	margin-top:3px;
	margin-bottom:3px;
	padding:2px;
}
.fstFiltro {
	float: left;
	padding: 2px 5px;
}

.fstFiltro label {
	float: left !important;
	width: auto !important;
	margin-top: auto !important; 
	margin-right: 15px !important;	
}

div.fstFiltro {
	padding-top: 8px;
}
.fstFiltro input {
	float: left;
}
.fstFiltro label {
	float: left;
	margin-left: 2px;
	margin-right: 10px;
}

#seguimientoAtencionCitas{
	margin: 20px 20px 20px 20px;
}

#seguimientoServicios{
	border: 1px solid #747480;
    margin-top: 15px;
}

#cntBuscadorCuadroDeMandos{
	margin: 0 0 0 20px;
	overflow: hidden;
}

#cntBuscadorCuadroDeMandos ul li{
	float: left;
	margin: 0 5px 0 0;
}

.checkInformes{
	
	width: auto !important;
}

.labelCheckInformes{
	
	float: left !important;
	margin-top: auto !important;
	margin-left: 0px !important;
	width: auto !important;
}

#buttonWrapper{
	position: absolute;
	z-index: 100;
}

.loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(100, 100, 100, .5);
	z-index: 9999;
}

.loading img {
	position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -125px;
}

.loading-text {
	width: 20px;
	height: 20px;
	margin-top: -40px;
	margin-left: -40px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
}

/* TABLAS
 ------------------------------------------------------------------------------------------------- */
.tblListado, .tblConsulta, .tblAtencion, table.estados{
	border-collapse: collapse;
	width:99.9%;
	margin: 0 1px 7px 1px;
}
.tblConsulta{
	width: auto;
	margin: 0 0 10px 0;
	display:block;
	float:left;
	clear:both;
}
.tblListado th, .tblConsulta th{
	text-align: left;
	font-weight: bold;
	padding: 7px 6px 1px 6px;
	background: url("../img/fndCabeceraListadoRegistros.gif");
	border: 1px solid #A5A5A7;
}
.tblListado td, .tblConsulta td{
	border: 1px solid #A5A5A7;
}
.tblListado td.noResultados, .tblConsulta td.noResultados{
	padding: 10px;
}
.tblConsulta tr th.numero, .tblConsulta tr td.numero{
	text-align: right;
	white-space:nowrap;
}
.tblListado th.orden{
	padding-right: 20px;
}
.tblListado th.orden:hover{
	background: #F3F3F3;
	cursor: pointer;
}
.tblListado th.ordenASCSel{
	background: url("../img/fndCabeceraListadoRegistrosAsc.gif") no-repeat bottom right #EFEFEF;
	cursor: pointer;
	padding-right:20px;
}
.tblListado th.ordenDESCSel{
	background: url("../img/fndCabeceraListadoRegistrosDesc.gif") no-repeat bottom right #EFEFEF;
	cursor: pointer;
	padding-right:20px;	
}
.tblListado tr.fndLista1 td, .tblConsulta tr.fndLista1 td{
	padding: 5px 6px 2px 6px;
	background: #E6E6E8;
}
.tblListado tr.fndLista1 td.listaEdicion, .tblConsulta tr.fndLista1 td.listaEdicion,
.tblListado tr.fndLista2 td.listaEdicion, .tblConsulta tr.fndLista2 td.listaEdicion,
.tblListado tr.fndLista3 td.listaEdicion, .tblConsulta tr.fndLista3 td.listaEdicion,
.tblListado tr.fndLista4 td.listaEdicion, .tblConsulta tr.fndLista4 td.listaEdicion{
	padding: 0;
}
.tblListado tr.fndLista2 td, .tblConsulta tr.fndLista2 td{
	padding: 5px 6px 2px 6px;
	background-color: #FFF;
}
.tblListado tr.fndLista3 td, .tblConsulta tr.fndLista3 td{
	padding: 5px 6px 2px 6px;
	background-color: #CCD7EB;
}
.tblListado tr.fndLista4 td, .tblConsulta tr.fndLista4 td{
	padding: 5px 6px 2px 6px;
	background-color: #BCC7D6;
}

.tblListado tr.row-reenvio {
	display: none;
}

.tblListado tr.row-reenvio td {
	background-color: #cdd7ea;
}

.tblListado tr.con-reenvios {
	cursor: pointer;
}

.tblListado tr.con-reenvios:hover td {
    background: #d5d5d5;
}

.tblListado tr.con-reenvios .cnt-id-cita-inicial {
	color: #0000FF;
	font-weight: bold;
}

table tr.detalle{
	color:#547485;
	font-style:italic;
}
.tblListado tr td.cntAccionesRegistro, .tblConsulta tr td.cntAccionesRegistro{
	padding: 1px 1px 0 0px;
	text-align:center;
    vertical-align: middle;
}

#frmListado td.cntMsgNoRegistros{
	padding: 10px 0 10px 10px;
}

.tblConsulta tr td.verde{
	text-align: right;
	background-color: #7AFF7A;
}
.tblConsulta tr td.amarillo{
	text-align: right;
	background-color: #FFFF7F;
}
.tblConsulta tr td.rojo{
	text-align: right;
	background-color: #FF7F7F;
}

.soloImprimir{
	display:none;
}
.oculto{
	display:none;
}
.oculto span{
	display:none;
}

.tblListado .cajaMensaje {
	width: 99%;
}

#tblInformeCitasPorServicio{
    border-collapse: collapse;
    margin: 0 auto 30px;
    text-align: center;
    width: 96%;
}

#tblInformeCitasPorServicio tr.par{
  	padding: 5px 6px 2px 6px;
  	border: 1px solid #A5A5A7;
  	background: #E6E6E8;
}

#tblInformeCitasPorServicio tr.impar{
  	padding: 5px 6px 2px 6px;
  	border: 1px solid #A5A5A7;
  	background: #FFF;
}



#tblInformeCitasPorServicio td{
	border: 1px solid #A5A5A7;
	padding: 2px 5px;
}

.fichaDetalles table{
	margin: 0px 0 20px 0;
    padding: 0px 0 5px 10px;
    border-width: 1px;
}

.fichaDetalles table td{
    padding: 6px 0 5px 0;
}

#leyendaTiempos{
	border: 0px;
	margin: 0 auto 30px;
    width: 96%;
    font-weight: bold;
}

#datosTotales td{
	border-left: 1px solid #A5A5A7;
	background-color: #B1B1B3;
	font-weight: bold;
}

#tblTiemposHistoricos{
	margin-top: 0px;
	display: block; 
	width: 100%; 
	float: right; 
	text-align: left;
}
#tblTiemposHistoricos td{
	padding-left: 15px;
}

#tblPuestos {
	margin: 10px 0 15px 0;
}

#tblPuestos label{
	float:left;
	width: 150px;
	margin: 5px 0 0 0;
	border:1px solid #F4F6F3;
}

#tblPuestos input{
	width: 60px;
}

#tblPuestos select{
	width: 306px;
}

#tblPuestos td {
	overflow: hidden;
	margin: 0 25px 5px 0;
	padding: 1px 0 0 0;
	clear: both;
}

.cnt-chk-no-desglosar { 
	width: 138px;
	margin: 0px 5px;
}

.cnt-chk-no-desglosar input {
	float: left;
    margin: 3px;
    width: 16px;
    height: 16px;
}

.cnt-chk-no-desglosar label.etiqueta-no-desglosar {
	float: left;
    margin-top: 5px;
}

/* FORMULARIOS y BOTONES
 ------------------------------------------------------------------------------------------------- */
 input.boton-oculto, button.boton-oculto {
	display: none;
}
form{
	margin:0;
	margin:0;
}
input, select, textarea{
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	padding: 2px;
	background: #F9F9F9;
	border: 1px solid #989898;
}

body.responsive-login input, 
body.responsive-login select, 
body.responsive-login textarea {
    font-family: open_sansregular, Roboto, sans-serif, regular;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-izquierda,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-izquierda {
	float: left;
	width: 48%;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-izquierda input,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-izquierda input {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-derecha,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-derecha {
	float: right;
	width: 48%;
	margin-left: 4%;
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-derecha .boton,
body.responsive-login .cnt-cambio-contrasena .contenido .cnt-boton.a-derecha .boton {
	margin: 0px;
	border-radius: 4px;
}

input.btn-search.btn-search-clear {
	margin: 0px;
	border-radius: 4px;
	width: auto;
	min-width: initial;
	padding: 0px 12px;
}

input.btn-search.btn-search-clear.btn-search-clear-hide {
	display: none;
}

input.btn-search.btn-search-clear,
input.btn-search.btn-search-clear:hover {
	border: 2px solid #335FBB;	
	background-color: #ffffff;
	color: #335FBB; 
}

body.responsive-login #frmLogin .contenido .cnt-boton.a-izquierda input.btn-search.btn-search-clear:focus,
body.responsive-login #frmLogin .contenido .cnt-boton .boton:focus,
.cnt-opciones-login .contenido .cnt-boton .boton:focus {
	line-height: 14px;
	font-size: 14px; 
}

select{
	margin: 0 0 0 0;
	padding: 0;
	height: 20px;
	vertical-align: middle;
}

select.cmbBuscadorGrande {
	width: 260px;
}

select.cmbBuscadorMedio {
	width: 200px;
}

select.cmbBuscadorPequeno {
	width: 150px;
}

.paddingTopLi {
	padding-top: 5px;
}

label{
	display:block;
}
#frmEdicion ul li.columna1 span, #frmEdicion ul li.columna2 span, #frmEdicionPop ul li.columna1 span, #frmEdicionPop ul li.columna2 span{
	display:block;
	margin-top:5px;
}
#frmEdicion label, #frmEdicionPop label{
	float:left;
	width: 140px;
	margin: 5px 0 0 0;
	border:1px solid #F4F6F3;
}

#frmEdicion label.grande, #frmEdicionPop label.grande{
	float:left;
	width: 200px;
	margin: 5px 0 0 0;
	border:1px solid #F4F6F3;
}
#frmEdicion label.grandeXXL, #frmEdicionPop label.grandeXXL{
	float:left;
	width: 320px;
	margin: 5px 0 0 0;
	border:1px solid #F4F6F3;
}
#frmEdicion ul#detalle li label, #frmEdicionPop ul#detalle li label{
}

#frmEdicion ul li input:not([type=radio]), 
#frmEdicionPop ul li input:not([type=radio]){
	width: 300px;
}
#frmEdicion ul li textarea, #frmEdicionPop ul li textarea{
	width: 230px;
	height: 330px;
	float: left;
}

#frmEdicion ul li textarea.fixedsize, #frmEdicionPop ul li textarea.fixedsize {
	width: 230px;
	height: 330px;
	float: left;	
}

#frmEdicion ul li textarea, #frmEdicionPop ul li textarea mensajePanico{
	width:19%;
	height:20%;
}
#frmEdicion ul li textarea#contacto, #frmEdicionPop ul li textarea#contacto{
	width: 300px;
	height: 100px;
	float: left;
}
#frmEdicion ul li textarea#comentarios, #frmEdicionPop ul li textarea#comentarios{
	width: 600px;
	height: auto;
}
#frmEdicion ul li textarea#comentarioAtencion, #frmEdicionPop ul li textarea#comentarioAtencion{
	width: 200px;
	height: auto;
}
#frmEdicion ul li #bodyTicket, #frmEdicionPop ul li #bodyTicket{
	width: 230px;
	float: left;
	margin-left: 30px;
}

#frmEdicion ul li #bodyCreaTicket, #frmEdicionPop ul li #bodyCreaTicket{
	width: 230px;
	margin-left: 30px;
}

#frmEdicion ul li #panelAyuda, #frmEdicionPop ul li #panelAyuda{
	width: 300px;
	float: left;
	margin-left: 30px;
}

#frmEdicion ul li select #frmEdicionPop ul li select{
	width: 306px;
}

#frmEdicion ul li.columna1 input, #frmEdicion ul li.columna1 select, #frmEdicion ul li.columna1 textarea,
#frmEdicion ul li.columna2 input, #frmEdicion ul li.columna2 select, #frmEdicion ul li.columna2 textarea,
#frmEdicionPop ul li.columna1 input, #frmEdicionPop ul li.columna1 select, #frmEdicionPop ul li.columna1 textarea,
#frmEdicionPop ul li.columna2 input, #frmEdicionPop ul li.columna2 select, #frmEdicionPop ul li.columna2 textarea{
	width: 300px;
}

#consultaPestana .tblListado td select {
	width: 100%;
}

#frmEdicion ul li input.codigo, #frmEdicionPop ul li input.codigo{
	width: 100px;
}
#frmEdicion ul li input.codigoXS, #frmEdicionPop ul li input.codigoXS{
	width: 50px;
}

#frmEdicion ul li input.codigoS, #frmEdicionPop ul li input.codigoS{
	width: 150px;
}
#frmEdicion ul li select.tiempo, #frmEdicionPop ul li select.tiempo{
	width: 45px;
}
#frmEdicion ul li input.fecha, #frmEdicionPop ul li input.fecha{
	width: 100px;
}
#frmEdicion ul li input.hora, #frmEdicionPop ul li input.hora{
	margin: 0 0 0 13px;
	width: 100px;
} 
#frmEdicion ul li select.hora, #frmEdicionPop ul li select.hora{
	width: 50px;
} 

#frmEdicion ul li input.rangoDiasMixtos, #frmEdicionPop ul li input.rangoDiasMixtos{
	width: 50px;
}

ul#consulta li span{
	float: left;
	width: 100px;
	margin: 0 0 0 0;
}
ul#consulta li span.txtNormal{
	float:none;
	width:auto;
}
ul#consulta li.cntAcciones span{
	float:none;
	font-weight:bold;
}
ul#consulta li b{
	float:left;
}
.cntNavegacion .cntAccionesGenerales select{
	vertical-align: top;
	width:auto;
	height: 20px;
}

#frmEdicion ul#detalle li input, #frmEdicion ul#detalle li select, #frmEdicion ul#detalle li textarea, #frmEdicion ul#detalle li label, 
#frmEdicion ul#totales li input, #frmEdicion ul#totales li select, #frmEdicion ul#totales li label,
#frmEdicionPop ul#detalle li input, #frmEdicionPop ul#detalle li select, #frmEdicionPop ul#detalle li textarea, #frmEdicionPop ul#detalle li label, 
#frmEdicionPop ul#totales li input, #frmEdicionPop ul#totales li select, #frmEdicionPop ul#totales li label, 
ul#consultaDetalle li span{
	width: 65px;
	padding-left: 0;
	padding-right: 0;
	margin: 5px 5px 0 0;
	float: left;
	text-align: right;
}
#frmEdicion ul#totales li select, #frmEdicionPop ul#totales li select{
	width: 68px;
}
#frmEdicion ul#totales li input, #frmEdicion ul#totales li label, #frmEdicionPop ul#totales li input, #frmEdicionPop ul#totales li label{
	padding-right:1px;	/* para que se vea el cursor en explorer */
}
#frmEdicion ul#detalle li input.boton, #frmEdicionPop ul#detalle li input.boton{
	text-align:center;
	width: 60px;
}
#frmEdicion ul#detalle li select, #frmEdicion ul#totales li select, #frmEdicion ul#detalle li label.combo,
#frmEdicionPop ul#detalle li select, #frmEdicionPop ul#totales li select, #frmEdicionPop ul#detalle li label.combo{
	text-align: left;
}

ul#consultaDetalle li{
	clear: both;
}

#frmEdicion ul#detalle li input.concepto, #frmEdicion ul#detalle li label.concepto,
#frmEdicionPop ul#detalle li input.concepto, #frmEdicionPop ul#detalle li label.concepto, 
ul#consultaDetalle li span.concepto {
	width: 300px;
	text-align: left;
}

#frmEdicion ul#detalle li input.info, #frmEdicionPop ul#detalle li input.info{
	text-align:left;
	font-size:90%;
	border: none;
	background:none;
}
ul#consultaDetalle li span.check {
	width: 20px;
	text-align: left;
}
ul#consultaDetalle li span.codigo {
	width: 110px;
	text-align: left;
}

ul#consultaDetalle li span.textoProyecto {
	width: 200px;
	text-align: left;
}
#frmEdicion ul#detalle li input.texto, #frmEdicion ul#detalle li textarea, #frmEdicion ul#detalle li label.texto,
#frmEdicionPop ul#detalle li input.texto, #frmEdicionPop ul#detalle li textarea, #frmEdicionPop ul#detalle li label.texto, 
ul#consultaDetalle li span.texto, ul#consultaDetalle li span.combo{
	width: 75px;
	text-align: left;
}
#frmEdicion ul li input.numero, #frmEdicion ul li label.numero,
#frmEdicionPop ul li input.numero, #frmEdicionPop ul li label.numero, 
table.tblListado tr th.numero, table.tblListado tr td.numero{
	text-align: right;
}
#frmEdicion ul#detalle li input.numero, #frmEdicion ul#detalle li label.numero,
#frmEdicionPop ul#detalle li input.numero, #frmEdicionPop ul#detalle li label.numero{
	padding-right:1px;	/* para ver el cursor en explorer*/
}
table.tblListado tr th.numero, table.tblListado tr td.numero{
	width:100px;
}
input.chkbox, #frmEdicion ul li input.chkbox, #frmEdicionPop ul li input.chkbox{
	margin: 0 0 0 0;
	border: none;
	width:15px;
	height:15px;
}
#frmEdicion ul li input.chkbox, #frmEdicionPop ul li input.chkbox{
	margin: 6px 0 -1px -1px;
}
#frmEdicion ul li table.tblConsulta tr input.chkbox, #frmEdicionPop ul li table.tblConsulta tr input.chkbox{
	margin: 0;
	background:none;
}

#frmEdicion ul li input.boton, #frmEdicionPop ul li input.boton{
	width: 25px;
}

#frmEdicion ul li input.boton.btnAncho {
	width: auto;
    padding: 5px 20px;
    margin-top: 8px;
}

#frmEdicion ul li input.botonAtencion, #frmEdicionPop ul li input.botonAtencion{
	width: 172.5px;
}

#frmEdicion ul li.cntAcciones input.boton, #frmEdicionPop ul li.cntAcciones input.boton, ul#consulta li.cntAcciones input.boton{
	width: auto;
}

td.cntAccionesRegistro input.chkbox{
	margin: 3px 0 0 0;
}

input:hover, select:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{
	background: #EFEFEF;
}
.boton,
.botonImprimir,
.botonEliminar,
.botonEditar,
.botonDeshabilitado,
.botonActualizar{
	color: #345465;
	padding: 1px 6px;
	background: #D5E7F1;
	border: 1px solid #547485;
	cursor: default;
}
input.boton{
	padding: 0 4px;
	margin: 0;
}
.boton:hover,
.botonImprimir:hover,
.botonEditar:hover,
.botonEliminar:hover{
	background: #345465;
	border: 1px solid #547485;
    color:#FFF;
	cursor: pointer;
}
.botonDeshabilitado{
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.botonRellamadaActivar,
.botonRellamadaDesactivar {
	color: #336633;
	padding: 1px 6px;
	background: #99DD99;
	border: 1px solid #547485;
	cursor: default;
	font-size: 110%;
}
.botonRellamadaActivar:hover,
.botonRellamadaDesactivar:hover {
	color: #FFF;
	background: #336633;
}
.botonRellamadaDesactivar {
	color: #663333;
	background: #DD9999;
}
.botonRellamadaDesactivar:hover {
	color: #FFF;
	background: #663333;
}

.cntNavegacion .boton,
.cntPaginacion .boton,
.cntPaginacion .botonDeshabilitado{
	color: #6E8F74;
	margin-left: 2px;
	background: #FFF;
	padding-left: 4px;
	padding-right:4px;
}
.cntPaginacion .boton,
.cntPaginacion .botonDeshabilitado{
	margin: 0 0 0 -1px;
}
.cntAccionesRegistro .boton{
	padding:0 0 0 0;
}
.disableTd .boton{
	pointer-events:none;
	opacity:0.5;
}
.cntNavegacion .boton:hover,
.cntPaginacion .boton:hover,
.cntPaginacion .Sel{
	border: 1px solid #000;
	background-color: #666666;
	color: #FFFFFF;
}
.tblListado .boton{
	display: block;
	padding: 2px 15px 1px 15px;
}

.tblListado .btnLlamadaManual{
	text-align: center;
	margin-bottom: 5px;
}

/* .tblListado .btnLlamadaManual:hover{
	background: #e50000;
} */
.tblListado .btnCita{
	display: inline;
	padding: 2px 15px 1px 15px;
}

.tblConsulta tr td a.boton{
	display: block;
}
.botonImprimir, .botonImprimir:hover{
	padding-right: 24px;
	background-image: url("../img/btnImprimir.gif");
	background-repeat: no-repeat;
	background-position: right;
}
.botonEditar, .botonEditar:hover{
	padding-right: 24px;
	background-image: url("../img/btnEditar.gif");
	background-repeat: no-repeat;
	background-position: right;
}

.botonEliminar, .botonEliminar:hover{
	padding-right: 25px;
	background-image: url("../img/btnEliminar.gif");
	background-repeat: no-repeat;
	background-position: right;
}

b.datoBloqueado {
	float: left;
	margin-top: 5px;
	width: 300px;
}

input.cajaDerecha {
	text-align: right;
}
#botonera{
	width:900px;
	margin-left: 35px;
}
.botonGrande{
	border-radius:15px;
	position:relative;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	float: left;
	width: auto;
	height: auto;
	color: white;
	padding: 1px 6px;
	background-color:#4285D4;
	border:2px solid rgb(207,223,255);
	cursor: default;
	text-align: center;
	font-size: 1.5em;
	vertical-align: middle;
}

.botonGrandeDisable{
	display: none;
}
.botonGrande:hover{
	border:2px outset #4285D4;
	cursor:pointer;
	color: white;
	background-color:  rgb(55, 106, 171);;
	box-shadow: 10px 10px 5px #888888;
}

#formCliente #comboGruposMaestros{
	margin-right: 30px;
}

textarea[name^='mensaje_']{
	width: 500px;
}

/* IMAGENES
 ------------------------------------------------------------------------------------------------- */
.cntPaginacion img {
	vertical-align:middle;
}

.logoIzquierda {
	float: left;
	margin-top: 6px;
	margin-left: 6px;
}

.logoDerecha{
	float: right;
	margin-top: 6px;
	margin-right: 8px;
}

.logoIzquierda img, .logoDerecha img {
	/*border: 1px solid #8CA2AD;*/
}

.logoDerecha img {
	padding: 1px;
}

.muestraLogoCabecera {
	margin: 10px 0;
	max-height: 55px;
}

#cntBuscador img , #cntBuscadorCuadroDeMandos img{
	margin:0 5px -5px -2px;
}


/* LOGIN
 ------------------------------------------------------------------------------------------------- */
#frmLogin{
	max-width: 238px;
	width: calc(100% - 30px);
	margin: 154px auto 0 auto;
	overflow: hidden;
	border: 1px solid #8CA2AD;
	padding: 5px;
	
}
#frmLogin fieldset{
	padding: 14px 8px 8px 8px;
	border: 1px solid #C2C6C7;
}
#frmLogin legend{
	font-size: 110%;
	padding: 5px;
	font-weight:bold;
}
#frmLogin .boton{
	display: block;
	float: right;
	margin: 5px 0 0 0;
}

#frmLogin input.caja,
#frmLogin select.caja,
.cnt-opciones-login input.caja,
.cnt-opciones-login select.caja {
	float:left;
	width:126px;
	margin-bottom:18px;	
}
#frmLogin label{
	float:left;
	margin-bottom:18px;
	width:88px;
	padding-top:4px;	
	padding-bottom:0px;	
}

#frmLogin label.lblError{
	padding:0;
	margin-bottom:10px;
	display:block;
	width:auto;
}

/* AVISO LEGAL
 ------------------------------------------------------------------------------------------------- */

#linkAvisoSeguridad a{
	margin: 2px 5px 0 0;	
    color: #345465;
}

#popupAvisoSeguridad{
    display: none;
}

.avisoSeguridad span {
   text-align:left;
   display: block;
   font-family: Arial;
   font-size: 15px;
   padding: 10px 5px;
}



/* ALERTAS
 ------------------------------------------------------------------------------------------------- */
#cntAlerta{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #FFF;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#cntMsgAlerta{
	font-weight: bold;
	text-align: center;
	position: absolute;
	z-index: 101;
	top: 40%;
	left: 35%;
	width: 30%;
	padding: 20px;
	background: #E5EAE4;
	border: 1px solid #547485;
}

/* LISTAS
 ------------------------------------------------------------------------------------------------- */
#cntCabecera ul {
	float: right;
	margin: 4px 8px 0 0;
}
#cntPie ul{
	float: right;
}
#frmEdicion ul, #frmEdicionPop ul, ul#consulta, ul#consultaPestana, ul#consultaDetalle, ul.consultaDetalle{
	clear:both;
	overflow:hidden;
	background: #F4F6F3;
	border: 1px solid #DFE4E0; 
	padding: 10px 0 10px 0;
	margin: 5px 0 5px 0;
}
#frmEdicion table ul, #frmEdicionPop table ul{
	background: none;
	border:none;
	margin: 0 0 0 0px;
	padding: 5px 0 0 0;
}
ul#consultaPestana {
	border-top:0;
	margin-top: 0;	
}

ul#consulta{
	
}

#frmEdicion ul#detalle, #frmEdicion ul#totales, #frmEdicionPop ul#detalle, #frmEdicionPop ul#totales{
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float:left;
	width:910px;
}
#frmEdicion ul#permisos, #frmEdicionPop ul#permisos{
	margin: 5px 0 5px 0;
}

#cntCabecera ul li {
	float: left;
	margin: 0 0 0 4px;
}

#cntPie ul li{
	float: left;
	margin: 0 0 0 6px;
}

#cntBuscador ul li{
	float: left;
	margin: 0 5px 2px 0;
}

#frmEdicion ul li, #frmEdicionPop ul li, ul#consulta li, ul#consultaPestana li, ul#consultaDetalle li{
	overflow: hidden;
	margin: 0 25px 3px 0;
	padding: 1px 0 0 10px;
	clear:both;
	text-align: left;
}
#frmEdicion table ul li, #frmEdicionPop table ul li{
	
}

#frmEdicion ul li ul.lstIdiomas, #frmEdicionPop ul li ul.lstIdiomas {
	border: 0;
	width: 300px;	
	/*padding: 0;*/
	margin: 0 0 0 135px;
}

#frmEdicion ul li ul.lstIdiomas li, #frmEdicionPop ul li ul.lstIdiomas li {
	width: 200px;	
	margin: 0;
	/*padding: 0;*/
	float: left;
}

#frmEdicion ul li ul.lstIdiomas li input, #frmEdicionPop ul li ul.lstIdiomas li input {
	float: left;
	margin-right: 2px;
	margin-top: 4px;
}

#frmEdicion ul li.idiomasDispensador, #frmEdicionPop ul li.idiomasDispensador {
	/* clear:both;
    margin-left: 120px !important; */
}

ul.lstPestanas {
	margin:30px 0 0 0;
	padding:0 0 2px 0;
	border-bottom:1px solid #DFE4E0;		
}
ul.lstPestanas li {
	list-style-type:none;
	border-top: 1px solid #DFE4E0;
	border-right: 1px solid #DFE4E0;
	border-left: 1px solid #DFE4E0;
	padding: 4px 10px 4px 10px;
	margin: 0 -4px 0 0;
	display: inline;
	background:#7A8C80;
	text-transform:uppercase;	
	color:#FFFFFF;
	cursor:pointer;
}
ul.lstPestanas li:hover,
ul.lstPestanas li:focus {
	background: #4c6e57;
	text-shadow: 1px 1px 1px #252525;
	margin: -1px -5px -1px -1px;
	padding: 5px 11px 5px 11px;
}

ul.lstPestanas li.sel {
	border-bottom: 1px solid #F4F6F3;
	background:#F4F6F3;			
	color:#333333;
	cursor:default;
}
ul.lstPestanas li.sel:hover,
ul.lstPestanas li.sel:focus {
	background:#F4F6F3;				
	text-shadow: none;
}

ul.lstPestanasPersonalizacion li {
	display: inline-block;
}

ul.lstPestanasHijas {
	margin:30px 0 0 0;
	padding:0 0 2px 0;
	border-bottom:1px solid #DFE4E0;		
}
ul.lstPestanasHijas li {
	list-style-type:none;
	border-top: 1px solid #DFE4E0;
	border-right: 1px solid #DFE4E0;
	border-left: 1px solid #DFE4E0;
	padding: 4px 10px 4px 10px !important;
	margin: 0 -4px 0 0 !important;
	display: inline;
	background:#7A8C80;
	text-transform:uppercase;	
	color:#FFFFFF;
	cursor:pointer;
}
ul.lstPestanasHijas li.sel {
	border-bottom: 1px solid #F4F6F3;
	background:#F4F6F3;			
	color:#333333;
	cursor:default;
}

ul#consulta li{
	margin: 0px 25px 5px 0;
}
#frmEdicion ul#detalle li, #frmEdicion ul#totales li, #frmEdicionPop ul#detalle li, #frmEdicionPop ul#totales li{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
ul#consultaPestana li, ul#consultaDetalle li {
	clear: both;
	padding-right:5px;
}
#consultaDetalleEstadosFinales li {
	padding: 0 !important;
	margin: 0 25px 10px 0 !important;
}
#consultaDetalleEstadosFinales .boton {
	display: inline-block;
    padding: 2px 15px 1px 15px;
}
#consultaDetalleEstadosFinales .boton:nth-of-type(1) {
    vertical-align: middle;
}
#consultaDetalleEstadosFinales .botondisabled {
	pointer-events: none
}

ul#consultaPestana li .cntPaginacion, ul#consultaDetalle li .cntPaginacion {
	padding: 0;
	padding-top:3px;
	padding-bottom:2px;
	padding-left:1px;
	margin: 0;
}
#frmEdicion ul li.columna1, ul#consulta li.columna1{
	clear:left;
	float:left;
	width:450px;
}
#frmEdicionPop ul li.columna1 {
	clear:left;
	float:left;
	width:425px;
}
#frmEdicion ul li.columna2, ul#consulta li.columna2{
	float: left;
	float: none !ie;
	clear: right;
	width: 450px;
	margin: 0px 0px 0px 0;
}

#frmEdicionPop ul li.columna2 {
	float: left;
	float: none !ie;
	clear: right;
	width: 400px;
	margin: 0px 0px 0px 0;
}


li.columnaTotal {
	width: 100%;
}
#frmEdicion ul li.separador, #frmEdicionPop ul li.separador, ul#consulta li.separador{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
	clear:both;
	overflow:hidden;
}
#frmEdicion ul#permisos li.separador, #frmEdicionPop ul#permisos li.separador {
	margin: 0px 0px 0px 0px;
}

#frmEdicion ul li.separador hr, #frmEdicionPop ul li.separador hr, ul#consulta li.separador hr{
	border:none;
	background-color: #DFE4E0;
	color: #DFE4E0;
	height:1px;
	margin: 5px 0 8px 0;
}
#frmEdicion ul#permisos li.separador hr, #frmEdicionPop ul#permisos li.separador hr{
	height: 1px;
	margin: 5px 10px 5px 10px;
	padding: 0px 0 0 0;
	background-color: #DFE4E0;
	color: #DFE4E0;
}

#tblInformeCitasPorServicio ul, #tblTiemposHistoricos ul, #leyendaTiempos ul{
	font-size: 200%;
	line-height: 0.5em;
	padding-left: 21px;
	margin: 0 auto;
	display: block;
	float: none;
}

#tblTiemposHistoricos ul{
	font-size: 350%;
}

.correcta{
	color: green;
}

.moderada{
	color: #FFCC30;
}

.grave{
	color: red;
}


/* TEXTOS
 ------------------------------------------------------------------------------------------------- */
#frmEdicion ul li h1, #frmEdicionPop ul li h1, ul#consulta li h1{
	margin: 0 0 5px 0;
	float:left;
}

#frmEdicion ul li h3, #frmEdicionPop ul li h3, ul#consulta li h3{
	margin: 0 0 5px 0;
	float:left;
}
#cntCabecera p{
	padding: 8px 0 8px 8px;
	float:left;
	clear:left;
}
#cntCabecera p span{
	padding: 0 10px;
}

#frmEdicion ul li.cntAcciones span, #frmEdicionPop ul li.cntAcciones span, ul#consulta li.cntAcciones span{
	padding: 4px 10px 0 10px;
}

#tblInformeCitasPorServicio span, #leyendaTiempos span{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
    color: #333333;
    vertical-align: bottom;
    margin-left: -6px;
}

#leyendaTiempos span{
	font-weight: bold;
}

#seguimientoServicios h2{
	margin: 15px 0 10px 25px;
}

#tblTiemposHistoricos span.tiempo{
	font: 24px Arial, Verdana, Helvetica, sans-serif;
    color: #333333;
    vertical-align: middle;
    margin-left: 0px;
}

#tblTiemposHistoricos span.unidades{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
    color: #333333;
    vertical-align: bottom;
    margin-left: 5px;
}

/* ENLACES
 ------------------------------------------------------------------------------------------------- */
#cntCabecera ul li a{
	display:block;
}

.cntAccionesRegistro a.boton{
	padding-top:2px;
	padding-bottom:0;
    height: 16px;
}

#consultaPestana .cntAccionesRegistro a.boton {
	margin: 2px;
}
	
.cntAccionesRegistro a.boton img {
	margin-top:-2px;
}

#frmEdicion ul li.cntAcciones a, #frmEdicionPop ul li.cntAcciones a, ul#consulta li.cntAcciones a{
	border: 1px solid #A6B8A8;
	padding: 2px 10px;
	margin: 0 -1px 0 0;
	background: #FFF;
	color: #000;
}
div.cntBloque1 ul#consulta li.cntAcciones{
	overflow:hidden;
	height:1%;
}
div.cntBloque1 ul#consulta li.cntAcciones a{
	white-space:nowrap;
	float:left;
	margin: 5px 0 0px 10px;
}

#frmEdicion ul li.cntAcciones a:hover,  #frmEdicionPop ul li.cntAcciones a:hover,  ul#consulta li.cntAcciones a:hover{
	color: #333;
	background-color: #E5ECE5;
	border: 1px solid #A6B8A8;
}


/* PARCHES IE <= 6
 ------------------------------------------------------------------------------------------------- */
* html html, * html body {
    width:99%;
}
 
* html #cntGeneral{
	height: 98%;
}
* html #cntCabecera {
    overflow:visible;
}
* html .cntAcciones{
	height: auto;
	overflow:visible;
}
* html #frmEdicion ul li ul#detalle,
* html #frmEdicion ul li ul#totales,
* html #frmEdicionPop ul li ul#detalle,
* html #frmEdicionPop ul li ul#totales,
* html ul li table.tblConsulta, 
* html #frmEdicion ul li.columna2, 
* html #frmEdicionPop ul li.columna2, 
* html ul#consulta li.columna2,
* html div.cntBloque2 table.tblConsulta{
	float: none;
}

* html #frmEdicion ul#detalle li,
* html #frmEdicion ul#totales li,
* html #frmEdicionPop ul#detalle li,
* html #frmEdicionPop ul#totales li{
	clear:both;
}
*html #frmEdicion ul li input, *html #frmEdicion ul li textarea,
*html #frmEdicionPop ul li input, *html #frmEdicionPop ul li textarea{
	width: 780px;
}



/* COLOR PICKER */
#colorServicio {
	float: left;
}
#colorServicio div {
	width: 28px;
	height: 28px;
	background: url(../img/colorPicker/select2.png) center;
}
#cntSeleccionColorServicio {
	width: 356px;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 175px;
}

#cntSeleccionColorServicio .colorpicker_field input {
	width: auto;
}

.cntImagenServicio {
	overflow: hidden;
}
#frmEdicion ul li .cntImagenServicio img, #frmEdicionPop ul li .cntImagenServicio img {
	float: left;
	height: 42px;
	margin-right: 4px;
}
#frmEdicion ul li .cntImagenServicio div, #frmEdicionPop ul li .cntImagenServicio div {
	float: left;
}
#frmEdicion ul li .cntImagenServicio input, #frmEdicionPop ul li .cntImagenServicio input {
	float: left;
	clear: both;
	width: auto;
}


ul#consultaPestana li ul.lstPermisos li {
	padding-bottom: 10px;
	font-weight: bold;
}

ul#consultaPestana li ul.lstPermisos li ul {
	clear: both;
	padding-left:25px;
}

ul#consultaPestana li ul.lstPermisos li ul li {
	padding-bottom: 3px;
	font-weight: normal;
}
ul#consultaPestana li ul.lstPermisos li ul li label {
	padding-left: 5px;
	cursor: pointer;
	display: inline;
}

/* TICKET */
.contenido-plantilla-ticket {
	height: 330px !important;
}
.ticket {
	margin:6px 0 0;
	padding:45px 6px;
	border:1px solid #535353;
	margin:0 auto;
	text-align:center;
	width:200px;
}

.codigoTicket {
	font-size: 500%;
	font-weight:bold;
	margin-bottom:15px;
}

/* VENTANAS UI
 ------------------------------------------------------------------------------------------------- */
 .ventanaUI label{
 	float:left;
	padding-top:4px;
	width:88px;
 }
 .ventanaUI input{
	
 }
 .ventanaUI {
 	float: left;
 }
 
/* PA : Puesto de Atencion
 ------------------------------------------------------------------------------------------------- */
#cntPA #cntCabeceraPA{
	background-color:#EFEFEF;
}
#cntPA .ficha {
    border: 1px solid #DFE4E0;
    padding: 7px;
    margin-bottom:7px;   
    overflow:hidden;
}
#cntPA #cntCabeceraPA.ficha {
	clear:both;
	width:982px;
	color:#8CA2AD;
}
#cntPA #cntAtendiendo.ficha {
	width:660px;
	float:left;
	height: 390px;
	*height: 405px;
	clear: left;
}

#cntPA #cntReenviarCita{
	clear:both;
	margin-top: 40px;
	width: 300px;
}
#cntPA #cntReenviarCita{
	clear:both;
	margin-top: 15px;
	width: 500px;
}

#cntPA .txtDestacado {
	font-weight:bold;
    font-size:180%;
    line-height:180%;
}

#cntPA .fecha {
	border-right:1px solid #ACB9CA;
	float:left;
	height:40px;
	width:88px;
}
#cntPA .fecha .dia {
	color:#ACB9CA;
	font-size:38px;
	letter-spacing:-5px;
	margin-left:5px;
}
#cntPA .fecha .mes {
	color:#8CA2AD;
	font-size:18px;
	left:44px;
	line-height:12px;
	position:absolute;
	top:8px;
	width:auto;
}
#cntPA .fecha .ano {
	color:#ACB9CA;
	font-size:16px;
	font-weight:bold;
	left:44px;
	line-height:16px;
	position:absolute;
	top:20px;
	width:auto;
}

#cntPA #cntHoraActual {
    float: left;
    margin-left: 5px;
    color:#8CA2AD;
}

#cntPA .bloqueInfoPendiente{
	text-align:right;
}

#cntPA .bloqueInfoAtendiendo{
	margin-bottom: 15px;
}
#cntPA .bloqueInfoAtendiendo.fondo{
	border: 1px solid #EAEAEB;
	background-color:#F7F7F7;
	padding: 10px;
}

#cntPA h2{
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 140%;
}


#cntPA .numTicket{
	font-size:300%;
	font-weight:bold;
	margin-bottom:0px;
}
#cntPA .nombreServicio{
	font-size:150%;
	font-weight:bold;
	margin-bottom:15px;
}

#citaPreviaAt .horaCitaTitulo, #citaPreviaAt .dniTitulo, #citaPreviaAt .nombreTitulo{
    width: 40%;
    text-align: right;
    display: inline-block;
}

#citaPreviaAt .horaCita, #citaPreviaAt .dni, #citaPreviaAt .nombre{
    margin-left:5%;
    width: 55%;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
}


#cntPendiente.ficha {
	width:300px;
/* 	float:left; */
	margin-left: 10px;
	background: url(../img/fila.gif) no-repeat bottom left;
}

#cntCitaPreviaPendiente.ficha {
	width:300px;
	margin-left: 10px;
}

#cntCitaPreviaPendiente h2 {
	display: inline-block;
}

#cntCitaPreviaPendiente #botonDetalle {
	display: inline-block;
    float: right;
}


#servicios.ficha {
	width:300px;
	margin-left: 10px;
}

#pendientesServicioTodo .servicio{
	font-weight: bold;
}

#pendientesServicioTodo .tipoCita{
	
}

#pendientesServicioTodo li{
	padding-top: 5px;
}

#cntReenviarCita ul {
	clear:both;
	margin:5px 0;
	overflow:hidden;
	padding:0 0 5px 0;
}

#cntReenviarCita ul li label{
	margin-top: 5px;
}

#cntReenviarCita ul li.columna1{
	float:left;
	/*width:200px;*/
	padding-right: 10px;
}
#cntReenviarCita ul li.columna2,
#cntReenviarCita ul li.columna3{
	float:left;
}
#cntReenviarCita ul li.columna3{
	clear:right;
}
#cntAtendiendo .separar{
	border-bottom: 1px solid #DFE4E0;
	padding-bottom: 5px;
	clear:both;
}
#cntAtendiendo p{
	padding-bottom: 15px;
	font-size: 130%;
}

.infoNotificacion{
	font-size: 90%; 
	text-align: right;
	padding-left: 30px;
}

#tiempoRecarga{
	font-weight: bold;
	font-size: 120%;
}



/* FLECHAS PUESTO
 ------------------------------------------------------------------------------------------------- */
#cntFlechasPuesto{
	background-color:#F9F9F9;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 122px;
	
}
* html #cntFlechasPuesto{
	height: 1%;
	padding-bottom: 5px;
}

#cntFlechasPuesto span{
	padding: 2px 0;
	border: 1px solid #989898;
	cursor: pointer;
	
}

#cntFlechasPuesto span.flechaSelec{
	border: 1px solid #FF003B;
}


#cntFlechasPuesto span img{
	vertical-align: middle;
	padding: 2px;
	margin: 0;
}



/* PA : Puesto de Atencion
 ------------------------------------------------------------------------------------------------- */
.cntPAp .cntCabeceraPAp{
	background-color:#EFEFEF;
}
.cntPAp .ficha {
    border: 1px solid #DFE4E0;
    padding: 7px;
    margin-bottom:7px;   
    overflow:hidden;
}
.cntPAp .cntCabeceraPAp.ficha {
	clear:both;
	width:690px;
	color:#8CA2AD;
}
.cntPAp #cntAtendiendo.ficha {
	width:450px;
	float:left;
	height: 199px;
	clear: left;
}

.cntPAp #cntAtendiendo.ficha p {
	font-size: 95%;
}

.cntPAp #cntReenviarCita{
	clear:both;
	margin-top: 15px;
	width: 375px;
}

.cntPAp .txtDestacado {
	font-weight:bold;
    font-size:120%;
    line-height:120%;
}

.cntPAp .fecha {
	border-right:1px solid #ACB9CA;
	float:left;
	height:16px;
	width:58px;
}
.cntPAp .fecha .dia {
	color:#ACB9CA;
	font-size:20px;
	letter-spacing:-5px;
	margin-left:5px;
}
.cntPAp .fecha .mes {
	color:#8CA2AD;
	font-size:12px;
	left:32px;
	line-height:12px;
	position:absolute;
	top:-2px;
	width:auto;
}
.cntPAp .fecha .ano {
	color:#ACB9CA;
	font-size:10px;
	font-weight:bold;
	left:31px;
	line-height:16px;
	position:absolute;
	top:8px;
	width:auto;
}

.cntPAp #cntHoraActual {
    float: left;
    margin-left: 5px;
    color:#8CA2AD;
}

.cntPAp .bloqueInfoPendiente{
	text-align:right;
}

.cntPAp .bloqueInfoAtendiendo{
	margin-bottom: 15px;
}
.cntPAp .bloqueInfoAtendiendo.fondo{
	border: 1px solid #EAEAEB;
	background-color:#F7F7F7;
	padding: 10px;
}

.cntPAp h2{
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 100%;
}


.cntPAp .numTicket{
	font-size:200%;
	font-weight:bold;
	margin-bottom:0px;
}
.cntPAp .nombreServicio{
	font-size:100%;
	font-weight:bold;
	margin-bottom:15px;
}




/* PA : Puesto de Atencion
 ------------------------------------------------------------------------------------------------- */
.cntPA .cntCabeceraPA{
	background-color:#EFEFEF;
}
.cntPA .ficha {
    border: 1px solid #DFE4E0;
    padding: 7px;
    margin-bottom:7px;   
    overflow:hidden;
}
.cntPA .cntCabeceraPA.ficha {
	clear:both;
	width:982px;
	color:#8CA2AD;
}
.cntPA #cntAtendiendo.ficha {
	width:660px;
	float:left;
	min-height: 390px;
	/* height: 390px;
	*height: 405px; */
	clear: left;
	margin-right:5px;
}

.cntPA #cntReenviarCita{
	clear:both;
	margin-top: 0px;
	width: 300px;
}
.cntPA #cntReenviarCita{
	clear:both;
	margin-top: 15px;
	width: 500px;
}

.cntPA .txtDestacado {
	font-weight:bold;
    font-size:180%;
    line-height:180%;
}

.cntPA .fecha {
	border-right:1px solid #ACB9CA;
	float:left;
	height:40px;
	width:88px;
}
.cntPA .fecha .dia {
	color:#ACB9CA;
	font-size:38px;
	letter-spacing:-5px;
	margin-left:5px;
}
.cntPA .fecha .mes {
	color:#8CA2AD;
	font-size:18px;
	left:44px;
	line-height:12px;
	position:absolute;
	top:8px;
	width:auto;
}
.cntPA .fecha .ano {
	color:#ACB9CA;
	font-size:16px;
	font-weight:bold;
	left:44px;
	line-height:16px;
	position:absolute;
	top:20px;
	width:auto;
}

.cntPA #cntHoraActual {
    float: left;
    margin-left: 5px;
    color:#8CA2AD;
}

.cntPA .bloqueInfoPendiente{
	text-align:right;
}

.cntPA .bloqueInfoAtendiendo{
	margin-bottom: 15px;
}
.cntPA .bloqueInfoAtendiendo.fondo{
	border: 1px solid #EAEAEB;
	background-color:#F7F7F7;
	padding: 10px;
}

.cntPA h2{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 140%;
}


.cntPA .numTicket{
	font-size:300%;
	font-weight:bold;
	margin-bottom:0px;
}
.cntPA .nombreServicio{
	font-size:150%;
	font-weight:bold;
	margin-bottom:1px;
}

.cntPA .observacionesTitulo{
    font-weight:bold;
}

.cntPA .observacionesAt{
    padding-top:3px; 
    padding-left:2px;
}

.listaP{
	
}

.listaP li{
	display:inline;
}

.mostrarTotalTiempos {
	background-color: #8BA1AC;
	font-weight: bold;
	color: #FFFFFF;
}

/************************************/
/* Llamada Manual y Atencion Rapida */
/************************************/

fieldset.llamadaManual,
fieldset.atencionRapida {
	border: 1px solid;
}
#frmLlamadaManual,
#frmAtencionRapida {
	margin-bottom: 15px;
}
#frmLlamadaManual ul,
#frmAtencionRapida ul {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
}
#frmLlamadaManual li,
#frmAtencionRapida li {
	margin-bottom: 10px;
	/*display: inline;*/
}
#frmLlamadaManual label,
#frmAtencionRapida label  {
	display: inline-block;
	margin: 5px 5px;
	min-width: 70px;
}
#frmLlamadaManual input[type=text], #frmLlamadaManual select,
#frmAtencionRapida input[type=text], #frmAtencionRapida select {
	width: 120px;
}
#frmLlamadaManual .boton,
#frmAtencionRapida .boton {
	margin-left: 83px;
}

#pOcupado .lineaDatosServicio {
    float: left;
    width: 270px;
}

#pLibre .lineaDatosServicio {
	float: left;
	width: 270px;
}

/*****************************************
Estilos edicion horarios impresion tickets
******************************************/


#frmEdicionCalendario ul, #frmEdicionHorario ul{
	background-color:#F7F7FB;
	border: 1px solid #DFE4E0;
	text-align: left;
}

#frmEdicionCalendario li, #frmEdicionHorario li{
    margin: 10px;
    overflow: hidden;
}

#frmEdicionCalendario li label, #frmEdicionHorario li label{
	float: left;
    width: 120px;
}

#frmEdicionCalendario li span, #frmEdicionHorario li span{
	margin: 5px;
}

#frmEdicionCalendario #leyenda, #frmEdicionHorario #leyenda {
    clear: both;
    color: red;
    font-size: 90%;
    margin: 5px;
    overflow: hidden;
    padding: 5px 0 0;
    text-align: left;
}

#contenedorGrafica{
	padding-top: 10px;
	border:1px solid;
	margin-bottom: 15px;
}

#grafica{
     width:95%;
     height:300px;
	margin-left: 20px;
}
  
#leyenda {
	margin-left: auto ;
  	margin-right: auto ;
  	width:220px;
  	height:40px;
}

#leyendaPeriodos {
	margin-left: auto ;
  	margin-right: auto ;
  	padding-left: 61px;
	padding-right: 47px;
	margin-bottom: 7px;
}

#leyendaPeriodos table{
  	border: 1px solid #BDBDBD;
  	margin:0 auto;
	
}

#leyendaPeriodos tr{
  	float: left;
	
}

#divSelectPeriodos{
	float: left;
}

#divAgrupacionPeriodos{
	margin-left: 15px;
	display: inline-block;
	padding-top: 3px;
	margin-bottom: 4px;
}

#divAgrupacionPeriodos ul{
	display: inline-block;
}

.flotr-grid-label {
    font-size: 20px;
}


/**************************
 ******  TOOLTIP  ********* 
 **************************/

 /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: -2px;
}

.tooltip img {
    max-height: 18px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    position: absolute;
    min-width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    width: 550px;
    word-wrap: break-word;
}

.tooltip-reenvios{
    width: 250px !important;
}

/* Colocado a la izquierda */
.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 95%;
}

/* Direccion de la flecha. Flecha a la derecha del recuadro, en el centro */
.tooltip .tooltip-left::after {
    content: "";
    position: absolute;
    top: 50%; 
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

.inputDni{
	width: 150px !important;
}

#pendientesCitaPrevia{
	font-weight: bold;
}

#pendientesCitaPrevia .datos{
	float: right;
	text-align: left;
  	width:30px;
}


/**************CITA PREVIA****************/
#leyendaCalendario {
  	margin-right: auto ;
	padding-right: 47px;
	margin-bottom: 7px;
	width: 845px;
}

#leyendaCalendario table{
  	border: 1px solid #BDBDBD;
  	margin:0 auto;
  	background-color: #ffffff;
	
}
td.cntCalendario{
    width: 200px;
    padding: 0 20px 0 0;
    vertical-align:top;
}
td.cntCalendario .calendar{
    margin: 5px 0 0 0;
}
#frmActivaFechas label {
    display: inline;
}

#dialogDashboard{
	text-align: left;
}
#dialogDashboard form{
	padding: 10px;
} 
#dialogDashboard form input{
	margin: 10px 0;
	vertical-align: middle;
}
#dialogDashboard form label{
	display: inline-block;
	margin: 0 0 0 10px;
	vertical-align: middle;
}
.opcion-dashboard{
	display: block;
}
.btn-guardar-dashboard{
	text-align: right;
}

.special{
	color:green;
}

#frmEdicion input[readonly] { 
	color: #aaa; 
	cursor: default;
}

#frmEdicion textarea[readonly] { 
	color: #aaa; 
	cursor: default;
}

.detallesMotivo{
	width: 350px !important;
	height: 100px !important;
}
.ctnVersion {
	margin-bottom : 1rem;
	margin-right: 1rem;
}

.marginLeftLow{
	margin-left : 0.5rem;
	margin-bottom : 0.2rem;
	font-size : 110%;
	  border-bottom: 2px solid #333333;
}
.captcha {
	display: table;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

#captchaInsercion #recaptcha_logo,
#captchaInsercion #recaptcha_whatsthis_btn{
	display: none;
}

#captchaInsercion #recaptcha_table{
	background: none;
}
#captchaInsercion #recaptcha_table tr td{
	padding: 0;
}
#captchaInsercion #recaptcha_response_field{
	border: 1px solid #d2d2d2 !important;
	width: 296px !important;
}
#captchaInsercion #recaptcha_image{
	border: 1px solid #d2d2d2 !important;
	border-radius: 2px;
	width: 100%;
}
#captchaInsercion{
	margin-left: 70px;
}
#recaptcha_area .recaptchatable{
	border: none !important;
}

.imageUser{
	width : 15px;
	height: 15px;
}

.ltlPaddingTop{
	padding-top: 5px;
}

.grisRocaClaro {
	color: #434343;
	background-color: #e3e3e3;
	cursor: no-drop;
	pointer-events: none;
}
.grisRoca {
	color: #ffffff;
	background-color: #bfbfbf;
	cursor: no-drop;
	pointer-events: none;
}
.rojoFuego {
	color: #fb946c;
	background-color: #fedcce;
	cursor: no-drop;
	pointer-events: none;
}
.verdeHoja {
	color: #3a5f0b;
	background-color: #c9ee99;
}

.progreso{
	height :auto;
	width : 70%;
	background-color : white;
	border-radius : 10px;
	overflow: auto;
	text-align : center;
	font-weight : bold;
	border-style : solid;
	border-width: 1px;
	float : left; 
}

.progreso .bajaDemanda{
	height :20px;
	background-color : #4df068;
	border-radius : 10px;
	overflow: auto;
}

.progreso .normalDemanda{
	height :20px;
	background-color : #edf54e;
	border-radius : 10px;
}

.progreso .mediaDemanda{
	height :20px;
	background-color : #f7a240;
	border-radius : 10px;
}

.progreso .altaDemanda{
	height :20px;
	background-color : #f73e3e;
	border-radius : 10px;
}

.porcentaje{
	text-align : center;
	font-weight : bold;
	float:right;
	width : 20%;
	margin-right: 2%;
}

.separadorPersona{
	text-align: center;
	margin: 5px 0px 5px 0px;
	font-style: italic;
}

.tblAtencion th{
	text-align: left;
	font-weight: bold;
	padding: 7px 6px 1px 6px;
}

.tblAtencion td{
	border-top: 1px solid #A5A5A7;
	margin: 5px 0px 5px 0px;
	padding: 5px;
}

.plantillaAviso, .plantillaPiePagina, .plantillaAvisoLegal, .plantillaAvisoPrivacidad{
	width:70%; 
	margin-top:30px;
}

fieldset.puestoBloqueado{
	margin-top: 20px;
	padding: 14px 8px 8px 8px;
	border: 1px solid #C2C6C7;
	width: 660px;
}

fieldset.puestoBloqueado li {
	margin-bottom: 5px;
}
.div-combo-oficinas {
	margin-bottom: 10px;
	margin-top: 70px;
}
.div-elegir-opcion {
	margin-bottom: 10px;
	margin-top: 50px;
}
.div-title-opcion {
	margin-bottom: 10px;
}

body.responsive-login {
  min-width: 0;
}
body.responsive-login #cntGeneral {
  min-width: 0;
}

body.responsive-login #frmLogin,
.cnt-opciones-login,
.cnt-cambio-contrasena {
	margin: 32px auto 0px auto;	
	max-width: 620px;
	padding: 0;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	box-shadow: 0px 0px 6px #c5c5c5;
	box-shadow: 0px 0px 6px #0000001A;
}

.cnt-cambio-contrasena {
	display: none;
}

body.responsive-login .cnt-cambio-contrasena .contenido .cnt-pass {
	margin-bottom: 8px;
}

body.responsive-login .cnt-cambio-contrasena .contenido .mensaje-info-alertas {
	margin-top: 0px;
}

body.responsive-login #frmLogin h2,
.cnt-cambio-contrasena h2 {
	margin-bottom: 10px;
	width: 96%;
	padding: 8px 2%;
	background: transparent linear-gradient(90deg, #335FBB 0%, #1B335C 100%) 0% 0% no-repeat padding-box;
	color: #ffffff;
	border: none;
}

body.responsive-login #frmLogin .contenido,
.cnt-opciones-login .contenido,
.cnt-cambio-contrasena .contenido {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20%;
  align-items: center;
}

.cnt-captcha .contenido,
body.responsive-login #frmLogin .cnt-captcha .contenido {
	padding: 0px 20px;
    margin-bottom: 12px;
}

.cnt-opciones-login .contenido > div {
	width: 100%;
}

.cnt-opciones-login .contenido .cnt-oficina,
.cnt-opciones-login .contenido .cnt-puesto {
	display: none;
}

body.responsive-login #frmLogin .contenido label,
.cnt-opciones-login .contenido label {
    width: 100%;
    text-align: left;
    color: #335FBB;
    margin-bottom: 2px;
}

@media (max-width: 600px) {
  body.responsive-login #frmLogin .contenido label,
  .cnt-opciones-login .contenido label {
    margin-bottom: 5px;
    text-align: left;
  }
}

body.responsive-login #frmLogin .contenido input,
body.responsive-login #frmLogin .contenido select,
.cnt-opciones-login .contenido input,
.cnt-opciones-login .contenido select,
.cnt-cambio-contrasena .contenido input {
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding: 0px 2%;
  background-color: #ffffff;
  font-size: 14px;
  border-radius: 3px;
}

.cnt-cambio-contrasena .contenido input {
  width: 96%;
}

.cnt-cambio-contrasena .contenido form {
	width: 100%;
}

.cnt-ventana-opciones .ui-dialog-content {
	position: relative;
}

.cnt-ventana-opciones .ui-dialog-content .cnt-botones {
	position: absolute;
	width: 92%;
	bottom: 12px;
}

.cnt-ventana-opciones .ui-dialog-content .cnt-botones #btnWarning,
.cnt-ventana-opciones .ui-dialog-content .cnt-botones .boton-ok {
  height: 36px;
  line-height: 36px;
  padding: 0px 2%;
  font-size: 14px;
  width: 48%;
  border: none;
  font-weight: bold;
  font-size: 13px;
  border-radius: 5px;
  background-color: #335FBB;
  color: #ffffff;
  text-transform: uppercase;
}

.cnt-ventana-opciones .ui-dialog-content .cnt-botones #btnWarning {
  float: left;
}

.cnt-ventana-opciones .ui-dialog-content .cnt-botones .boton-ok {
  float: right;
}

@media (max-width: 600px) {
  body.responsive-login #frmLogin .contenido input {
    width: 100%;
  }
}

body.responsive-login #frmLogin .contenido .cnt-boton,
.cnt-opciones-login .contenido .cnt-boton {
  width: 100%;
}

body.responsive-login #frmLogin .contenido .cnt-boton .boton,
.cnt-opciones-login .contenido .cnt-boton .boton,
.cnt-cambio-contrasena .contenido .cnt-boton .boton {
  border: none;
  font-weight: bold;
  font-size: 13px;
  border-radius: 5px;
  background-color: #335FBB;
  color: #ffffff;
  width: 100%;
  text-transform: uppercase;
}

.ui-dialog .icon-warning {
	background-image: url(../img/common/icons/i-alert-white.png);
    width: 24px;
    height: 24px;
    margin: 0px 8px -4px 0px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
}



body.responsive-login #frmLogin .contenido .cnt-boton .boton:disabled,
body.responsive-login #frmLogin .contenido .cnt-boton .boton[disabled],
.cnt-opciones-login .contenido .cnt-boton .boton:disabled,
.cnt-opciones-login .contenido .cnt-boton .boton[disabled] {
	background-color: #90add9;
	cursor: auto;
}

body.responsive-login #frmLogin .contenido .cnt-boton .boton:hover,
.cnt-opciones-login .contenido .cnt-boton .boton:hover {
  border: none;
}

#leyendaSMS {
	text-align: left;
	width: 450px;
	float: left;
	margin-left: 30px;
}
#leyendaSMS > ul {
	margin: 0px;
}
#leyendaSMS > ul > li {
	margin: 5px;
}
.dialog-no-close .ui-dialog-titlebar-close {
	display: none; 
}

.smallMarginLeft{
	margin-left: 20px;
}

.btnErrorVideollamada{
	color: white;
	background-color: #e50000;
}

.btnErrorVideollamada:hover{
	background-color: #cc0000;
}

.contentErrorVideo{
	background-color: #ffe8ea;
	border-radius: 10px;
}

.contentErrorVideo > svg{
	width: 5%;
	fill: #a8777b;
	float: left;
}

.contentErrorVideo > p{
	color: #a8777b;
	text-align: center;
    font-weight: bold;
    padding-bottom: 0px !important;
}

#mensajeVersion{
	background-color: white;
    border-radius: 10px;
    width: 52%;
    text-align: center;
    margin-left: 28%;
    height: 22px;
    padding-right: 13px;
    padding-left: 13px;
    padding-top: 9px;
    padding-bottom: 21px;
    margin-top: -20px;
    position: absolute;
    
	
}
#dialogInformeActualizacionVersion{
	text-align:left;
}
#encabezado{
	text-align:center;
}

#lista {
	margin-left:40px;
	list-style:disc;
	}

.inputPersonalizacion70 {
	width: 70%;
}

.inputPersonalizacion80 {
	width: 80%;
}

.center {
	text-align: center !important;
}

.distanciaPimMovil {
	margin: 15px 0 15px 0;
}

.inputDistanciPimMovil {
	margin-left: 15px;
}

.inputApiKeyPimMovil {
	margin-left: 15px;
}


.fieldSetConfigPimMovil {
	border: none;
	padding: 10px;
}

.fieldSetConfigPimMovil label {
	margin: 10px;	
}

.fieldSetConfigPimMovil textarea {
	margin: 10px;
}

.fieldSetPlantillaAvisoLegal {
	padding: 10px;
}

.fieldSetPlantillaAvisoLegal label {
	margin: 10px;	
}

.fieldSetPlantillaAvisoLegal textarea {
	margin: 10px;
}

#frmEdicion ul li ul.lstComPantalla, #frmEdicionPop ul li ul.lstComPantalla {
	border: 0;
	width: 450px;	
	display: inline-flex;
	padding: 0px;
}

#frmEdicion ul li ul.lstComPantalla li input{
	float: left;
	width: auto;
}

#frmEdicion ul li ul.lstComPantalla li label{
	float: left;
	width: auto;
	margin: 0 0 0 10px;
}

#frmEdicion ul li ul.lstComPantalla li{
	padding: 0px;
}

.btn-ico-check-green {
  background-image: url(../img/i-check-green.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  width: 100%;
}

.btn-ico-checkin{
  background-image: url(../img/icono_checkin.png);
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  width: 100%;
}

.cntPA .txtDestacadoTitulo {
	font-weight:bold;
    font-size:150%;
    line-height:140%;
}

.tablaCheckin {
	margin-top: 10px;
	padding: 8px;
	width: 60%;
}

.tablaCheckin td {
	padding: 8px;
}

.error {
	display: none;
	color: red;
}

.mensaje-info-alertas {
	display: none;
	float: left;
    width: 96%;
    padding: 5px 2%;
    border-radius: 3px;
    color: #808080;
    margin-top: -12px;
    margin-bottom: 8px;
}

#frmLogin .mensaje-info-alertas {
    width: 96%;
    margin: 0px 0px 8px 0px;
}

#frmLogin #mensajeInfoAlertaUsuarioBloqueado.mensaje-info-alertas {
    width: 92%;
    margin-left: 2%;
}

.centrado{	
	text-align: center;
}

.mensaje-info-alertas.error {
	background-color: #efbdbd;
    background-color: #d6535361;
    border: 1px solid #d65353;
}

.mensaje-info-alertas.info {
	background-color: #bdefd7;
    background-color: #53d69761;
    border: 1px solid #53d697;
}

.mensaje-info-alertas.warning {
	background-color: #f2e365;
    background-color: #f2e365;
    border: 1px solid #f2e365;
}

/* Estilos de botones para sobreescribir los botones de jQuery-UI*/
body .ui-widget-header {
    background: transparent linear-gradient(90deg, #335FBB 0%, #1B335C 100%) 0% 0% no-repeat padding-box;
    color: #ffffff;	
}

body .ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png);
}

.btn-enviar-sms, .btn-cancelar-sms,
.btn-aceptar-borrar-citas, .btn-cancelar-borrar-citas {
    font: 100% Arial, Verdana, Helvetica, sans-serif !important;
    font-size: 1em !important;
    text-align: center !important;
    color: #345465 !important;
    background: #D5E7F1 !important;
    border: 1px solid #547485 !important;
    width: 65px !important;
    margin: 0 5px !important;
    padding: 0 4px !important;
    cursor: default !important;
}
.btn-enviar-sms:hover, .btn-cancelar-sms:hover,
.btn-aceptar-borrar-citas:hover, .btn-cancelar-borrar-citas:hover {
    color: #FFF !important;
    background: #345465 !important;
    border: 1px solid #547485 !important;
    cursor: pointer !important;
}

.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
    color: #212529 !important;
}

.width99{
	width: 99%;
}

.filtroCitaPreviaPersonalizaciones{
	padding-top: 20px;
}

#labelMensajePersonalizadoTramite{
	max-width:400px;
	float:left;
}

#mensajePersonalizadoTramite{
	margin-top:10px;
}

#labelMensajePersonalizadoTramite{
	max-width:400px;
	float:left;
}

#mensajePersonalizadoTramite{
	margin-top:10px;
}

#labelMensajePersonalizadoTramite{
	max-width:400px;
	float:left;
}

#mensajePersonalizadoTramite{
	margin-top:10px;
}

#labelMensajePersonalizadoTramite{
	max-width:400px;
	float:left;
}

#mensajePersonalizadoTramite{
	margin-top:10px;
}

/* Estilos arbol de niveles de servicio */
.arbol-jerarquia-nivel-servicio li label {
	display: inline;
}
.arbol-jerarquia-nivel-servicio .contenedor {
	background: #fff;
	padding: 10px;
}
.chevron {
    position: relative;
    display: block;
    height: 16px; /*height should be double border*/
    margin-right: 25px;
}
.chevron:before, .chevron:after {
    position: absolute;
    display: block;
    content: "";
    border: 8px solid transparent; /*adjust size*/
}
/* Replace all text `top` below with left/right/bottom to rotate the chevron */
.chevron-up:before {
    bottom: 0;
    border-bottom-color: #5B87DA; /*Chevron Color*/
}
.chevron-up:after {
    bottom: -3px; /*adjust thickness*/
    border-bottom-color: #fff; /*Match background colour*/
}
.chevron-down:before {
    top: 0;
    border-top-color: #5B87DA; /*Chevron Color*/
}
.chevron-down:after {
    top: -3px; /*adjust thickness*/
    border-top-color: #fff; /*Match background colour*/
}
.cbox {
	width: auto;
	float: left;
	margin-right: 10px;
}

.ajuste-select-prefijo {
	width: 75px !important;
	margin-top: -1px;
}

.ajuste-input-telefono {
	width: 220px !important;
    margin-left: 5px;
}

.tablaLimiteCitaPrevia {
	width:25%;
}
.tablaLimiteCitaPrevia td {
	padding:8px;
}


/*********** ALERTS ***********/

.alert {
  font-size: 13px;
  color: #FFFFFF;
  box-shadow: 0px 0px 6px #c5c5c5;
  box-shadow: 0px 0px 10px #0000001A;
  border-radius: 5px;
  position: fixed;
  right: 0;
  bottom: 0;
  right: 0;
  width: 40%;
  margin: 20px;
  padding: 15px 20px;
  background: #777777;
  background: -ms-linear-gradient(#555555, #777777);
  background: transparent linear-gradient(270deg, #555555 0%, #666666 82%, #777777 100%) 0% 0% no-repeat padding-box;
}
.alert.alert-info {
  color: #FFFFFF;
/*   background-image: url(../img/common/gradient-blue.png); */
/*   background-repeat: no-repeat; */
/*   background-size: cover; */
  background: #335FBB;
  background: -ms-linear-gradient(#81005e, #335FBB);
  background: transparent linear-gradient(90deg, #335FBB 0%, #1B335C 1000%, #335FBB 100%) 0% 0% no-repeat padding-box;

}
.alert.alert-success {
  color: #FFFFFF;
/*   background-image: url(../img/common/gradient-green.png); */
/*   background-repeat: no-repeat; */
/*   background-size: cover; */
  background: #51BC34;
  background: -ms-linear-gradient(#2E5C1B, #51BC34);
  background: transparent linear-gradient(270deg, #2E5C1B 0%, #59AA2F 82%, #51BC34 100%) 0% 0% no-repeat padding-box;
}
.alert.alert-error {
  color: #FFFFFF;
/*   background-image: url(../img/common/gradient-red.png); */
/*   background-repeat: no-repeat; */
/*   background-size: cover; */
  background: #BB3333;
  background: -ms-linear-gradient(#5C1B1B, #BB3333);
  background: transparent linear-gradient(270deg, #5C1B1B 0%, #aa2f2f 82%, #BB3333 100%) 0% 0% no-repeat padding-box;
}

.botonPanico {
  font-size: 15px;
  font-weight: bold;
  background-color: #D55860;
  border-color: #D55860;
  border-radius: 3px;
  display: inline;
  float: left;
  margin: 0 10px 0 0;
  padding-left: 15px;
  padding-right: 15px;
  color : white;
}
.botonPanico:hover {
  background-color: #A12830;
}

.informeOpciones li{
	margin-bottom: 5px !important;
}
.informeOpciones label, .informeOpciones input {
	display: inline-block;
}
.informeOpciones label {
	float: none !important;
}
.informeOpciones input[type=checkbox] {
    margin-right: 90px !important;
}
.informeOpciones table td {
    vertical-align: top;
}

.boxEstadoAlertaRojo{
  padding: 4px 8px;
  color: white;
  height :15px;
  margin-right:20px;
  z-index: 20;
  white-space: pre;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
/*   background-image: url(../img/common/gradient-red.png); */
/*   background-repeat: no-repeat; */
/*   background-size: cover; */
  background: #BB3333;
  background: -ms-linear-gradient(#5C1B1B, #BB3333);
  background: transparent linear-gradient(270deg, #5C1B1B 0%, #aa2f2f 82%, #BB3333 100%) 0% 0% no-repeat padding-box;
      -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}



.boxEstadoAlertaGris{
  padding: 4px 8px;
  color: white;
  height :15px;
/*   z-index: 20; */
  white-space: pre;
  margin-right:20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
/*   background-image: url(../img/common/gradient-gray.png); */
/*   background-repeat: no-repeat; */
/*   background-size: cover; */
  background: #777777;
  background: -ms-linear-gradient(#555555, #777777);
  background: transparent linear-gradient(270deg, #555555 0%, #666666 82%, #777777 100%) 0% 0% no-repeat padding-box;
      -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.boxEstadoAlertaVerde{
  padding: 4px 8px;
  color: white;
  height :15px;
  white-space: pre;
  margin-right:20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #51BC34;
  background: -ms-linear-gradient(#2E5C1B, #51BC34);
  background: transparent linear-gradient(270deg, #2E5C1B 0%, #59AA2F 82%, #51BC34 100%) 0% 0% no-repeat padding-box;
      -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.frmEdicionPersonalizacion label{
	width: 300px !important;
}

.numeroIntentosValidacion{
	
	width: 75px !important;
}

/* POP UP OFICINA PUESTO */
.cnt-oficina-puestos .div-combo-oficinas,
.cnt-oficina-puestos .div-combo-puestos {
	margin-bottom: 10px;
    margin-top: 25px;
    text-align: left;
}

.cnt-oficina-puestos select {
	width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	text-align: left;
}

.cnt-oculto {
	display: none;
}

/* CAPTCHA */
.cnt-captcha .contenido {
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
	align-items: center;
}

.cnt-captcha .imagenCaptcha, .cnt-captcha .inputCaptcha {
	width: 80%;
}

.cnt-captcha .imagenCaptcha img {
	width: 100%;
}

.cnt-captcha .logosAudioCaptcha {
	width: 15%;
	margin-left: 5%;
	text-align: right;
}

.cnt-captcha .logosAudioCaptcha img {
	display: block;
}

body.responsive-login #frmLogin .cnt-captcha .inputCaptcha .recaptcha_response_field_datos {
	width: 96%;
	padding: 2px 2%;
	margin: 0px -1px 8px -1px;
}

body.responsive-login #frmLogin .cnt-captcha .audioCaptcha {
	width: 80%;
}

body.responsive-login #frmLogin .cnt-captcha .audioCaptcha audio {
	width: 100%;
}

/* Firefox */
@-moz-document url-prefix() {
    select.caja,
    select.caja:hover,
    select.caja:focus {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
		background-repeat: no-repeat;
		background-position: right 10px center;
		padding-right: 25px;
    }
}

/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
    select.caja,
    select.caja:hover,
    select.caja:focus {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
		background-repeat: no-repeat;
		background-position: right 10px center;
		padding-right: 25px;
    }

	select.caja::-ms-expand {
	    display: none;
	}
}

#frmBloquePantalla li {
	margin: 10px;
	overflow: hidden;
}
#frmBloquePantalla input.mini {
	width: 50px;
}
#frmBloquePantalla ul {
	background-color:#F7F7FB;
	border: 1px solid #DFE4E0;
	text-align: left;
}
#frmBloquePantalla li label {
    float: left;
    width: 120px;
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png")
		50% top repeat-x;
	color: #333
}

.ui-dialog .ui-dialog-titlebar-close {
background: none;
border: none;
}

.ui-widget-header .ui-state-default.ui-dialog-titlebar-close {
	border: none;
    background: none;
}
.ui-dialog .ui-dialog-content {
	text-align: center;
	min-height: 50px !important;
}
body .ui-corner-all {
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}
.ui-dialog .ui-dialog-content {
	text-align: center;
	min-height: 50px !important;	
	border: 0;
    padding: .5em 1em;
    overflow: auto;
    zoom: 1;
}

body .ui-widget-overlay {
    background: #eeeeee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
    opacity: .8 ;
 }

/* DESBLOLQUEO USUARIO */

#frmEdicion .cnt-desbloquear-usuario fieldset {
    width: auto;
    padding: 8px;
    float: left;
    margin-right: 20px;
}

#frmEdicion .cnt-desbloquear-usuario .boton{
	float: left;
    width: 180px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;	
}

#frmEdicion .cnt-desbloquear-usuario .info-desbloqueo-usuario {
    float: left;
    font-size: 16px;
    color: #808080;
    padding: 8px;
    display: none;
	width: 478px;
    text-align: center;
}

#frmEdicion .cnt-desbloquear-usuario .info-desbloqueo-usuario.info-success {
    border: 1px solid #148856;
    background-color: #d8e9e0;
    display: initial;
}

#frmEdicion .cnt-desbloquear-usuario .info-desbloqueo-usuario.info-error {
    border: 1px solid #8e0e0e;
    background-color: #e9dedb;
    display: initial;
}

/* FIN DESBLOLQUEO USUARIO */

/* CAMBIO CONTRASENA */

.cnt-cambio-contrasena .cnt-pass {
	position: relative;
	width: 100%;
}

.cnt-cambio-contrasena input[type=password]::-ms-reveal,
.cnt-cambio-contrasena input[type=password]::-ms-clear {
    display: none;
}

.password-icon {
	background: url(../img/common/icons/i-eye.png);
	position: absolute;
    width: 20px;
    height: 20px;
    right: 8px;
    bottom: 10px;
}

.password-icon.eye-close {
	background: url(../img/common/icons/i-eye-off.png);
}

/* FIN CAMBIO CONTRASENA */

.numMaxCitasAntifraude{
	width: 75px !important;
}

.cntBotonQR label,
.cntBotonQR input {
	float: left;
	margin-right: 5px;
}

#frmEdicion ul li.cntBotonQR input.boton {
    width: 220px;
    height: 24px;
    margin-top: 8px;
    margin-left: -1px;
}

input.boton.botonQR {
	padding: 3px 8px;
}

/* Mensajes de aviso */
.mensaje-aviso-url-qr label {
	float: left;
	margin-top: 3px;
	margin-right: 1em;
}
.mensaje-aviso-url-qr input {
	width: 50%;
}

.width_30{
	width: 30%;
}

.width_100{
	width: 100%;
}
.cntInformeOpciones,
.cntIntegracionDWH {
	clear: both;
    overflow: hidden;
    background: #F4F6F3;
    border: 1px solid #DFE4E0;
    padding: 12px;
    margin: 8px 0px;
	box-shadow: 3px 3px 3px #cccccc;
}

.cntInformeOpciones input[type=checkbox],
.cntIntegracionDWH input[type=checkbox] {
	width: auto !important;
    margin-right: 2px !important;
    float: left;
}

.cntRow {
	clear: both;
	float: left;
	width: 100%;
	padding: 3px 0px;
}

.cntCol {
	display: inline-block;
	margin-right: 20px;
}

.cntRow.cntCol4 {
	width: 25%;
	clear: initial;
}

.cntInformeOpciones .tituloInforme,
.cntIntegracionDWH .tituloInforme {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

.cntInformeOpciones fieldset {
	display: inline-block;
    margin: 8px 12px 8px 0px;
    padding: 8px 12px;
    border: 1px solid #c5c5c5;
}

.cntIntegracionDWH fieldset {
	display: inline-block;
    margin: 8px 1% 8px 1%;
    padding: 8px 1%;
    border: 1px solid #c5c5c5;
    width: 96%;
}


.cntInformeOpciones fieldset legend,
.cntIntegracionDWH fieldset legend {
	margin-left: 12px;
    font-size: 13px;
    padding: 0px 5px;
}

#frmEdicion .cntInformeOpciones label
#frmEdicion .cntIntegracionDWH label {
	width: 152px;
}

#frmEdicion .cntInformeOpciones .left,
#frmEdicion .cntIntegracionDWH .left {
	float: left;
}

#frmEdicion .cntInformeOpciones .right,
#frmEdicion .cntIntegracionDWH .right {
	float: left;
    text-align: right;
    margin-right: 8px;
}

.cntInformeOpciones fieldset input[type=text],
.cntIntegracionDWH fieldset input[type=text],
input[type=text].ancho {
	width: 300px;
}


.loader {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(249,249,249);
    opacity: .8;
}


/* REPROGRAMACION */
.cntReprogramacion {
	float: left;
    width: 90%;
    margin: 24px 5% 0px 5%;
    text-align: left;
}

.cntReprogramacion .subcnt {
	float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.cntReprogramacion .subcnt .titulo {
	float: left;
    width: 100%;
    margin: 0px 0px 3px 0px;
}

.cntReprogramacion .subcnt select {
	width: 100%;
}

.cntReprogramacion .subcnt .fecha {
    width: 82px !important;
    text-align: center;
}

/* Selector columnas informes */
.checkbox-columnas-informes {
	text-align: left;
}

.checkbox-columnas-informes span {
	display: inline-block;
	width: 25%;
	width: 24%;
    padding: 5px 0.5% 3px 0.5%;
}

.checkbox-columnas-informes input {
	margin-right: 3px;
}

.checkbox-columnas-informes input:focus {
    outline: none !important;
}

.botones-todos-ninguno input[type=button] {
	padding: 2px 12px;
	margin: 3px;
	border-radius: 5px;
}

.texto-nombre-columnas {
	text-overflow: ellipsis;
    overflow: hidden;
    width: 210px;
    white-space: nowrap;
    cursor: pointer;
}

.checkbox-columnas-informes span:hover,
.checkbox-columnas-informes span:focus {
	font-weight: bold;
	background: #f0f0f0;
}

.footer-modal-exportar {
	margin-top: 5px;
    margin-left: 8px;
}

#mantener-columnas {
	margin-left: 2px;
}

#texto-limite {
	color: #fec501;
}

#btn-confirmar-exportar:active, #btn-limpiar-exportar:active {
	color: #0073ea;
	background-color: white;
}

/* JERARQUIA DE TRAMITES */

.dialogJerarquiaTramites {
	width: 500px;
}

.dialogJerarquiaTramites .select2-container {
	max-width: 97%;
	min-width: 97%;	
}

.dialogJerarquiaTramites input.text {
	padding: 5px 1%;
}

.dialogJerarquiaTramites .select2-container--default .select2-selection--single {
	padding: 3px 0px;
    height: 28px;
}

.dialogJerarquiaTramites .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 8px 7px 0 7px;
    margin-left: -10px;
    margin-top: 0px;	
}

.dialogJerarquiaTramites .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 0px 7px 8px 7px;
}

.dialogJerarquiaTramites li label {
	margin-bottom: 2px;
}

.dialogJerarquiaTramites #formEditarNivel .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: block;
}

.dialogJerarquiaTramites #formEditarNivel .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	margin: 0px;
}

.dialogJerarquiaTramites #formEditarNivel .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
	margin: 3px;
	padding: 2px 8px;
}

.dialogJerarquiaTramites #formEditarNivel select {
	width: 97%;
    height: 30px;	
}

.columnaIdioma{
	width: 25%;
}

.btnIntegracionDWH {
	border-radius: 3px;
    padding: 3px 8px;
    float: revert;
    margin-left: 3px;
    margin-top: -3px;
    cursor: pointer;
}

/* LIBERACION DE HUECOS */

#fieldsetLiberacion {
	width: 250px;
}

.liberacionAgenda {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

.liberacionAgenda label, .liberacionAgenda input[type="number"] {
	margin-right: 10px;
}

#liberacionUnicaDatosValor, #liberacionContinuaDatosValor {
	height: 15px;
}

#fieldsetLiberacion legend {
    padding: 0px 5px;
    margin-left: 5px;
}

#fieldsetLiberacion ul {
	border: none;
    margin: 0px;
    padding: 5px;
}

.number3Digits,
#frmEdicion #fieldsetLiberacion ul li input.number3Digits {
	width: 36px;
}

#frmEdicion #fieldsetLiberacion ul li label {
	width: 182px;
}

#frmEdicion #fieldsetLiberacion ul li.subcnt-liberacion label {
	width: 160px;
	margin-left: 22px;
}
/* FIN LIBERACION DE HUECOS */

.no-ancho,
fieldset input[type=text].no-ancho {
	width: auto;
}

li.atributo-citasSimultaneasAgendas label {
    padding-left: 5px; 
}

li.atributo-citasSimultaneasAgendas input {
    margin-left: 5px; 
}

.cnt-respuestas { 
    padding: 1% 12px;
    width: 98%;	
}

.subcnt-respuesta {
	padding: 8px 1%;
    width: 95%;
}

.subcnt-respuesta legend {
	font-weight: bold;
    font-size: 14px;
    padding: 0px 5px;
}

#frmEdicion ul li .subcnt-respuesta input[type=radio], 
#frmEdicion ul li .subcnt-respuesta input[type=radio],
#frmEdicion ul li .subcnt-respuesta input[type=checkbox], 
#frmEdicion ul li .subcnt-respuesta input[type=checkbox]{
	width: 20px;
	margin: 5px 8px;
}

#frmEdicion ul li .cnt-respuestas ul {
	border: none;
	padding: 0px;
	margin: 0px;
}

#frmEdicion ul li .cnt-respuestas h2 {
    margin-bottom: 5px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
}

#frmEdicion .cntRespuestas {
	padding: 12px;
}

#frmEdicion .cntRespuestas legend {
	font-size: 14px;
    font-weight: bold;
    padding: 0px 5px;
}

#frmEdicion .cntRespuestas h4 {
	margin-left: 0.5%;
}

#frmEdicion .cntRespuestas label.informeEncuesta {
	margin-left: 1%;
	width: 98%;
}

.centerV {
	vertical-align: middle;
}

.tblListado tr.fndLista1 td.colorFila-0,
.tblListado tr.fndLista2 td.colorFila-0,
.tblConsulta tr.fndLista1 td.colorFila-0,
.tblConsulta tr.fndLista2 td.colorFila-0 {
	background-color: #b5b5b5;	
}

.tblListado tr.fndLista1 td.colorFila-1,
.tblListado tr.fndLista2 td.colorFila-1,
.tblConsulta tr.fndLista1 td.colorFila-1,
.tblConsulta tr.fndLista2 td.colorFila-1 {
	background-color: #e5e5e5;	
}

.campo-bloqueado {
	color: #cc0c0c;
}