#cont_escalable { display:block; }
@media only screen and (orientation:portrait){
    #cont_escalable {  
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

input[type="checkbox"]{ display: none; }
input[type="radio"]{ display: none; }

label{
  color:#545454;
  font-family: Arial;
  font-size: 14px;
  text-shadow:0 1px 1px #f2f2f2;
}

/*
input[type="checkbox"] + label span{
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../imagenes/check_radio_sheet.png) left top no-repeat;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor:pointer;
}
*/

/*input[type="checkbox"]:checked + label span{
  background: url(../imagenes/check_radio_sheet.png) -19px top no-repeat;
}*/

.ck {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../imagenes/check_radio_sheet.png) left top no-repeat;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor:pointer;
}

.check{
    
    background: url(../imagenes/check_radio_sheet.png) -19px top no-repeat;
}

.nocheck{
    
    background: url(../imagenes/check_radio_sheet.png) left top no-repeat;
}

input[type="radio"] + label span{
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../imagenes/check_radio_sheet.png) -38px top no-repeat;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor:pointer;
}

input[type="radio"]:checked + label span{
  background: url(../imagenes/check_radio_sheet.png) -57px top no-repeat;
}


.formatotabla_azul{

	font-size:12px;
	font-family:Arial;
	border-collapse: collapse;
	width: 100%;
}

.formatotabla_azul tr:nth-of-type(odd) { 
  background: #fff; 
}
.formatotabla_azul th { 
  background: #0071bc; 
  color: white; 
  font-weight: bold; 
}
.formatotabla_azul td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;
  cursor:pointer; 
}

.formatotabla1{

	font-size:12px;
	font-family:Arial;
	border-collapse: collapse;
	width: 100%;
}

.formatotabla1 tr:nth-of-type(odd) { 
  background: #fff; 
}
.formatotabla1 th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.formatotabla1 td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;
  cursor:pointer; 
}

.formatotabla2{

	font-size:12px;
	font-family:Arial;
	border-collapse: collapse;
	width: 100%;
}

.formatotabla2 tr:nth-of-type(odd) { 
  background: #fff; 
}
.formatotabla2 th { 
  background: #e86c24; 
  color: white; 
  font-weight: bold; 
}
.formatotabla2 td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;
  cursor:pointer; 
}

a{
	text-decoration: none;
}

.flotante {
    display:scroll;
    position:fixed;
    top:10px;
    left:10px;
    z-index: 10;
}
.inicio{

   position: relative;
   padding-bottom: 150%;
   overflow: hidden;
}
.inicio iframe
 {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.contenido{

	padding: 10px;
}
.pie{

	position: absolute;

}
#frminicio{

	width: 300px;
	padding: 10px;
}

input{
	
	text-align:center !important;
	text-transform:uppercase;
}

textarea{

	text-transform:uppercase;
}

fieldset{

	width:100%;
	text-align:center;
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #bfbf00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.CSSTableGenerator tr:hover td{
	color:#ffffff;
}
.CSSTableGenerator th { 
	background-color:#0e3300; 
	color:#ffffff;
}
.CSSTableGenerator a{ 
	color:#000000;
}

.CSSTableGenerator tr:nth-child(odd){ 
	background-color:#abd69a; 
	color:#ffffff;
}
.CSSTableGenerator tr:nth-child(even)    { 
	background-color:#ffffff; 
	color:#ffffff;
}
.CSSTableGenerator td{
	vertical-align:middle;
	border:1px solid #bfbf00;
	border-width:0px 1px 1px 0px;
	padding:10px;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
	background:-o-linear-gradient(bottom, #ffff00 5%, #e8e800 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff00), color-stop(1, #e8e800) );
	background:-moz-linear-gradient( center top, #ffff00 5%, #e8e800 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#e8e800");	
	background: -o-linear-gradient(top,#ffff00,e8e800);

	background-color:#ffff00;
	border:0px solid #bfbf00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:hover{
	
	background:-o-linear-gradient(bottom, #4db080 5%, #077840 100%);	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4db080), color-stop(1, #077840) );
	background:-moz-linear-gradient( center top, #4db080 5%, #077840 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4db080", endColorstr="#077840");	
	background: -o-linear-gradient(top,#4db080,077840);
	
	background-color:#4db080;
}

.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.enlace{

}
.enlace:hover {
	background-color: #77AADD;
}
.CSSTableGenerator th {
	text-align:left;
}


.CSSTableGenerator2 {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 3px 3px 1px #888888;
	border:1px solid #bfbf00;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator2 table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator2 tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator2 table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator2 table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator2 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator2 tr:hover td{
	
}
.CSSTableGenerator2 tr:nth-child(odd){ background-color:#faa0a0; }
.CSSTableGenerator2 tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator2 td{
	vertical-align:middle;
	
	
	border:1px solid #bfbf00;
	border-width:0px 1px 1px 0px;
	padding:10px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}.CSSTableGenerator2 tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator2 tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator2 tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator2 tr:first-child td{
		background:-o-linear-gradient(bottom, #ffff00 5%, #e8e800 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff00), color-stop(1, #e8e800) );
	background:-moz-linear-gradient( center top, #ffff00 5%, #e8e800 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#e8e800");	background: -o-linear-gradient(top,#ffff00,e8e800);

	background-color:#ffff00;
	border:0px solid #bfbf00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator2 tr:hover{
	background:-o-linear-gradient(bottom, #ffff00 5%, #e8e800 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff00), color-stop(1, #e8e800) );
	background:-moz-linear-gradient( center top, #ffff00 5%, #e8e800 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#e8e800");	background: -o-linear-gradient(top,#ffff00,e8e800);

	background-color:#ffff00;
}
.CSSTableGenerator2 tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator2 tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.container2{
   	      margin:1px;
          height: 35px;
          padding-left:3px;
   	    }
        
        .battery2{
          margin-top: 2vw;
          width: 30px;
          border: 2px solid black;
          height: 7px;
          border-radius: 3px;
          padding: .5vw;
          float: right;
          position: relative;
        }
        
        .status2{
          color: black;
          margin-top: 2vw;
          font-family: Helvetica;
          float: right;
          margin-right:6px;
          margin-left:3px;
        } 
        
        .battery2::before{
            /*content: '';
            width: 2px;
            height: 7px;
            background: black;
            position: absolute;
            top: 160%;
            transform: translateY(-5vw);
            right: -7px;
            border-radius: 1vw;*/
        }
          
        .charge2{
            height: 100%;
            background: black;
            border-radius: .8vw;
        }
        
        .charged2{
             background: green;
        }
              
        .charging2{
             background: orange;
        }    
        .danger2{
            background: red;
        }
        
        .ui-input-search.ui-custom {
            
           border: none;
           box-shadow: none;
           border-radius: 0;
           border-bottom: 1px solid #b1afae;
           background:white;
           
        }
        
        .ui-input-text.ui-custom {
            
           border: none;
           box-shadow: none;
           border-radius: 0;
           border-bottom: 1px solid #b1afae;
           background:white;
           
        }
        
        .input-inicio{
            
            text-align: left !important;
        }
        
        #inicio{
            
            background: white;
        }
        
        #logo_inicio{
            
            border-radius: 10px;
        }
        
        #imensajes{
            
            font-family: Arial;
            font-size:14px;
            padding: 20px;
            text-align: justify;
        }

/* Overlay de Alertify: que tape TODO y quede por encima de jQM/Bootstrap */
.ajs-dimmer {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.75) !important;
  z-index: 999999 !important; /* muy alto */
}

/* Contenedor del modal también con z-index alto */
.ajs-modal {
  z-index: 1000000 !important;
}

/* Caja del diálogo: grande y cómoda */
.ajs-modal .ajs-dialog {
  width: 96vw !important;
  max-width: 640px !important;   /* sube si quieres más ancho en desktop */
  border-radius: 16px !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.5) !important;
}

/* Título y contenido legibles */
.ajs-header {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  padding: 16px 20px !important;
}
.ajs-content {
  font-size: 1.15rem !important;
  line-height: 1.65 !important;
  padding: 20px !important;
}

/* Botón OK grande */
.ajs-footer .ajs-buttons .ajs-button {
  font-size: 1.05rem !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
}

/* Sin botón “X” */
.ajs-commands { display: none !important; }


/* === KPI VISITAS COMPACTO === */
.kpi-mini {
  max-width: 380px;
  margin: 6px auto 5px;
  padding: 6px 10px 8px;
  background: #fff;
  border: 1px solid #dcdcdc;
  font-family: "Nunito Sans", sans-serif;
}

.kpi-mini-header {
  font-weight: 600;
  font-size: 13px;
  text-align: left;
  color: #0A2963;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kpi-mini-header i {
  color: #0A2963;
  margin-right: 6px;
}

.kpi-mini-refresh {
  border: 0;
  background: #f3f6fb;
  padding: 4px 8px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
}

.kpi-mini-refresh[disabled] {
  opacity: .6;
  cursor: not-allowed;
}

.kpi-mini-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kpi-mini-label {
  font-size: 10px;
  color: #555;
}

.kpi-mini-value {
  font-size: 14px;
  font-weight: 700;
  color: #111;
}

.kpi-mini-bar {
  height: 4px;
  margin-top: 4px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}

.kpi-mini-bar div {
  height: 100%;
  background: #0A2963;
  transition: width .3s ease;
}

/* === OPCIONAL: Colores según porcentaje === */
.kpi-bar-verde { background: #16a34a !important; }
.kpi-bar-amarillo { background: #eab308 !important; }
.kpi-bar-rojo { background: #dc2626 !important; }

html, body {
  height: 100%;
  overscroll-behavior-y: contain;
}

.ui-page, .ui-content {
  overscroll-behavior-y: contain;
}