html,body {
	width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
    background-color: #fff;    
}
body {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: 'Helvetica','Arial',sans-serif;
  margin: 0;
  text-align: center;
  font-size:14px;
  position:relative;
}
* {
    max-width: 1024px;
}
main {
	width:96%;
    display:none;
}
#login {
     position:absolute;
     top:0;
     width:100%;
     height:100%;
     background:#fff;
     display:none;
}
#pantalla, #divBuscador {
    position:relative;
    text-align: left;
    width:100%;
}
#barra, #listaAbonados {
	display:block;
}
#barra {
    position:fixed;
    top:0;
    border-bottom:1px solid #c0c0c0;
    padding-bottom:10px;
    margin-bottom:20px;
    text-align:center;
    padding-top:10px;
    background-color:#fff;
}
#leyenda{
    padding: 0px 10px;
}
#listaAbonados {
    margin:115px auto 50px;
}
#btnBuscar {
	background-image: url("data:image/svg+xml,%3Csvg enable-background='new 3.5 0.5 18 18' height='18' viewBox='3.5 .5 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'%3E%3Ccircle cx='10.5' cy='7.5' r='6'/%3E%3Cpath d='m20.531 17.531-6.031-6.031'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 6px 6px;
    float:right;
    margin-right:5px;    
}
#btnBuscar, .btnCancelar, #anteriorDir, #siguienteDir, #btnSalir {
    width:32px !important;
    height:32px !important;
    padding:0;
}
.btnCancelar, #anteriorDir, #siguienteDir {
    margin:0px 10px 10px;
}
.btnCancelar {
    background-color:#ccc !important;
    color: #000 !important;
}
#anteriorDir {
    float:left;
}
#siguienteDir, .btnCancelar {
    float:right;
}
#btnSalir {
    position:absolute;
    right:5px;
    bottom: 15px;
    display:none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32pt' height='32pt' viewBox='0 0 32 32' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:%23fff;fill-opacity:1;' d='M 31.898438 14.15625 C 31.832031 13.996094 31.734375 13.847656 31.609375 13.722656 L 27.609375 9.722656 C 27.089844 9.203125 26.246094 9.203125 25.726562 9.722656 C 25.203125 10.246094 25.203125 11.089844 25.726562 11.609375 L 27.449219 13.332031 L 20 13.332031 C 19.261719 13.332031 18.667969 13.929688 18.667969 14.667969 C 18.667969 15.402344 19.261719 16 20 16 L 27.449219 16 L 25.726562 17.722656 C 25.203125 18.246094 25.203125 19.089844 25.726562 19.609375 C 25.984375 19.871094 26.324219 20 26.667969 20 C 27.007812 20 27.351562 19.871094 27.609375 19.609375 L 31.609375 15.609375 C 31.734375 15.488281 31.832031 15.339844 31.898438 15.175781 C 32.03125 14.851562 32.03125 14.480469 31.898438 14.15625 Z M 31.898438 14.15625 '/%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:%23fff;fill-opacity:1;' d='M 22.667969 18.667969 C 21.929688 18.667969 21.335938 19.265625 21.335938 20 L 21.335938 26.667969 L 16 26.667969 L 16 5.332031 C 16 4.746094 15.613281 4.226562 15.050781 4.054688 L 10.417969 2.667969 L 21.335938 2.667969 L 21.335938 9.332031 C 21.335938 10.070312 21.929688 10.667969 22.667969 10.667969 C 23.40625 10.667969 24 10.070312 24 9.332031 L 24 1.332031 C 24 0.597656 23.40625 0 22.667969 0 L 1.335938 0 C 1.285156 0 1.242188 0.0195312 1.195312 0.0234375 C 1.132812 0.03125 1.078125 0.0429688 1.015625 0.0585938 C 0.875 0.09375 0.75 0.148438 0.632812 0.222656 C 0.601562 0.242188 0.566406 0.242188 0.539062 0.265625 C 0.527344 0.273438 0.523438 0.285156 0.511719 0.292969 C 0.367188 0.410156 0.246094 0.550781 0.15625 0.714844 C 0.140625 0.753906 0.136719 0.789062 0.121094 0.828125 C 0.078125 0.929688 0.03125 1.027344 0.015625 1.140625 C 0.0078125 1.179688 0.0195312 1.21875 0.0195312 1.257812 C 0.0195312 1.28125 0 1.308594 0 1.332031 L 0 28 C 0 28.636719 0.449219 29.183594 1.074219 29.308594 L 14.40625 31.972656 C 14.492188 31.992188 14.582031 32 14.667969 32 C 14.972656 32 15.273438 31.894531 15.511719 31.699219 C 15.820312 31.445312 16 31.066406 16 30.667969 L 16 29.332031 L 22.667969 29.332031 C 23.40625 29.332031 24 28.734375 24 28 L 24 20 C 24 19.265625 23.40625 18.667969 22.667969 18.667969 Z M 22.667969 18.667969 '/%3E%3C/g%3E%3C/svg%3E%0A");    
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 4px 4px;
    
}
#divBuscador {
    position:relative;
    display:none;
}
footer {
	position: fixed;
    width: 100%;	
    bottom: -15px;
}
label {
	display: inline-block;
	color:#009;
	font-size:0.9em;
	text-align:left;
	width:100%;
}
input, select, textarea {
    width:96%;
    margin-bottom:5px;
    font-size:1.1em;
    border-radius:5px;    
    border:1px solid #c0c0c0;
    background-color: #fff;
    padding:5px;
}
select#listaPoblaciones {
    font-size:1em;
    float:left;
    width: calc(100% - 48px);
}
input[type=number] {
    text-align:center;    
    font-size:1.25em;
}
#frmLogin input {
    width:200px;
    height:40px;
    text-align:center;
} 
#frmLogin input[type=number]{
    -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=button], input[type=submit] {
    background-color:#2196f3;
    color:#fff;
    cursor:pointer;
}
input[type=button]:disabled, input[type=submit]:disabled{
  background: #dddddd;
}
#contrasena {
    -webkit-text-security: disc;
}
input[type=submit] {
    margin-top:20px;
    padding:10px 40px;
}

#capaLectura {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-top:10px;
    background-color:#fff;    
    z-index:999;
    display:none;    
}
#frmLectura {
    width: 97%;
    padding: 5px;
    line-height: 175%;
}
#frmLectura label.dato{
    color:#000;
}
#frmLectura input, #frmLectura select {
    /*height:30px !important;*/
    /*padding:0px !important;*/
}
#frmLectura input {
    /*width:80px !important;*/
    /*margin:0 !important;*/
}
#frmLectura select {
    /*width:120px !important;*/
}
#frmLectura div {
    display:inline-block;
    width: min-content;
    margin-right:10px;
}
.mensaje {
  display: none;
  padding: 15px;
}
#mensaje_error {
	color:#f00;
	font-size:0.8em;
}
#offline {
  background: #FF9800;
}

#online {
  background: #4CAF50;
}
#actualizacion {
  visibility: hidden;
  margin: 10px 40px;
  background-color: #090;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 5px;
  z-index: 999;
  bottom: 60px;
}

#actualizacion.show {
  visibility: visible;
}

.container {
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5px 0 5px 0;
  list-style: none;
}
.container > p {
    text-align: left;
    color:999;
}

.container > table {
    padding-top:20px;
    padding-bottom:100px;
    font-size:0.95em;
}
.container > table th, .container > table td{
    padding: 0px 5px;
    text-align:right;
}
.bloque {
  background-color: #fff;
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12), 0 3px 5px -1px rgba(0,0,0,.2);
  display: flex;
  flex-flow: row wrap;
  margin: 5px 20px;
  padding: 5px;
  width: 90%;
}

.bloque-texto {
  color: #616161;
  flex-grow: 1;
  font-size: 1rem;
  height: auto;
  line-height: 18px;
  overflow: hidden;
  width: 90%;
}

.raised {
  background: rgb(3, 169, 244);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
  color: #fff;
}

table {
    width:100%;
}
tr {
    height: 36px;
}
tr.par {
    background-color: #f0f0f0;
 }
tr.non {
    background-color: #fff;
}
tr.calle {
    background-color: #fff !important;
}
tr.calle td {
    font-weight:700;
    border-top: 2px solid #000;    
    border-bottom: 2px solid #000;    
}
tr.filaEdita {
    display:none;
    padding:10px 0px;
}