.autocomplete{ position: relative;  display: inline-block; }
.autocomplete-items{ position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}
.autocomplete-active {
  background-color: #e88d02 !important; 
  color: #ffffff; 
  text-shadow: 0 1px 0 #47474c !important;
}

.content-input-login .ui-listview div.ui-input-text { display: inline-block; } 

.toggle-password{ margin-left: -30px; position: relative; }

/* ESTILOS NORMALES (para móviles en vertical) */
.ui-page { overflow: auto !important; }

.ui-popup .ui-listview div.ui-input-text { width: 96% !important; } 

.ui-header .ui-title { font-size:0.7em; padding:0.6em 0em; }

.ui-footer .ui-title { text-align:left; }

.ui-navbar .ui-btn-inner, .ui-navbar .ui-mini .ui-btn-inner { font-size:0.7em; }

.ui-dialog-contain .ui-controlgroup .ui-btn-inner, .ui-collapsible-heading .ui-btn-inner, .ui-popup .ui-btn-inner { font-size:0.8em; }
 
.ui-listview label.ui-input-text, .ui-listview .ui-controlgroup-label, 
.ui-listview .ui-field-contain label.ui-input-text, .ui-listview  .ui-li-divider, 
.ui-listview input.ui-input-text, .ui-listview textarea.ui-input-text { font-size:0.9em; }

.ui-popup .ui-content, .ui-listview .ui-btn-inner{ font-size:1em; }

.BT_paq .ui-btn-inner { padding:0.3em 10px !important; }
.BT_paq .ui-btn-inner img{ width:100% !important; }

.ui-btn-icon-notext { padding:5px !important; }
.ui-li-link-alt { height: 80%; }
.ui-li-link-alt .ui-btn { top: 40%; }
.title{ font-size:1em; }

.li_soporte{ padding:0px !important; margin:0 auto !important; text-align:center; }
.li_soporte .ui-btn .ui-btn-inner { padding:0.6em 17px; }
 
.numero, .monto{ color:#4F0503; font-size:2.8em; font-weight:700; text-shadow:0 1px 0 #194B7E; }

#numero{ font-size:1.1em; font-weight:bold; }

.PaqueteNumero{ font-size:1.6em; }

table tr th{ font-size:0.7em; text-align:center !important; }

table{ margin:auto; font-size:0.9em; text-align:center; max-width:920px !important; }

.content-input, .content-input-login { width:90%; max-width:600px; margin:0px auto !important; padding:0.5em; }
.content-input-frame { width:98%; max-width:840px; margin:0px auto !important; padding:0em; }
.content-input div.ui-input-text, .content-input-login div.ui-input-text { margin: 3px 0px; width: 95%; }

.ICld { top:-7px; float:right; margin:0px 0px 0px 10px; }


.ui-grid-c li{ width: 25% !important; clear: none !important; }
.ui-grid-c img, .ui-grid-b img{ width:100%; height:auto; max-width:120px; }

#SinLimite, #Internet, #Servicios, #RedCompartida, #Productos{ overflow: hidden; }
#SinLimite a, #Internet a, #Servicios a, #RedCompartida a, #Productos a { float: left; width: 32%; margin: 0px; }
#SinLimite a .ui-btn-inner, #Internet a .ui-btn-inner, #Servicios a .ui-btn-inner, #RedCompartida a .ui-btn-inner, #Productos a .ui-btn-inner{ padding: 0.5em 0.5em 0.2em; }
#SinLimite img, #Internet img{ width:100%; height:auto; max-width:240px; }
#Servicios img, #RedCompartida img, #Productos img{ width:100%; height:auto; max-width:160px; }

#DN_content iframe { width: 100%; margin: 5px; min-height: 620px; }

.ui-content { padding:8px; }

.content-input{ margin: 2px auto; }

.ui-panel{ width:13em; }
.ui-panel-dismiss-open.ui-panel-dismiss-position-left{ left:13em; }

.ui-field-contain, fieldset.ui-field-contain { padding:0px; }

.ui-collapsible-content,.ui-collapsible-content .ui-listview-inset { padding:0px; margin:0em; border-top-right-radius:0em; border-top-left-radius:0em; -webkit-border-top-right-radius:0em; -webkit-border-top-left-radius:0em; border-bottom-right-radius:inherit; border-bottom-left-radius:inherit; -webkit-border-bottom-right-radius:inherit; -webkit-border-bottom-left-radius:inherit; }

.ui-content .ui-listview-inset { margin:0px 0px; }

.ui-collapsible-content .ui-listview-inset { margin:0px; }

#DivImg div.ui-input-text { width:95% !important; }

.Recarga_li div.ui-input-text, .Recarga_li .ui-field-contain div.ui-input-text, .lineas div.ui-input-text, .lineas .ui-field-contain div.ui-input-text { width:95% !important; }

.ui-li-static.ui-li { padding: 0.7em 4px 0.4em;  }

.Recarga_li{ padding: 0.1em 6px 0.1em !important;  }

#Recarga_img{ max-width: 94%; margin:auto; }

.banner{ padding:4px; }

.ui-dialog-contain > .ui-content { padding:0px;}
.ui-dialog-contain .ui-listview {  margin:0em; border-top-right-radius:0em; border-top-left-radius:0em; -webkit-border-top-right-radius:0em; -webkit-border-top-left-radius:0em; border-bottom-right-radius:inherit;
border-bottom-left-radius:inherit; -webkit-border-bottom-right-radius:inherit; -webkit-border-bottom-left-radius:inherit; }

.ui-content .ui-collapsible-set{ margin:0px; }
.ui-dialog-contain .ui-collapsible-set { margin:0px; border-top-right-radius:0em; border-top-left-radius:0em; -webkit-border-top-right-radius:0em; -webkit-border-top-left-radius:0em; border-bottom-right-radius:inherit; border-bottom-left-radius:inherit; -webkit-border-bottom-right-radius:inherit; -webkit-border-bottom-left-radius:inherit; }

.ui-dialog-contain { width:95%; max-width:800px; margin:1.5em auto 15px auto; position:relative; }

.Bold{ font-weight:bold; }
.rojo{ color:#9b2600; }

.ExpFil{ display:none; max-width:400px;}
.ExpFil div.ui-input-text input.ui-input-text{ padding:0.2em 0px;}

.ui-navbar div.ui-input-text input.ui-input-text{  padding:1.3em 0px;}
.ui-navbar div.ui-input-text { margin:0px; }
.ui-navbar { padding:5px !important; }

.footer-div .ssl_img{ z-index:999; position:absolute; right:0px; bottom:0px; max-width:50px; }
.footer-div .footer-tool{ position:absolute; left:0px; bottom:0px; }

.footer_menu .ui-navbar{ padding:0px !important; }

.ui-footer-fixed{ z-index:1002 !important; }

.texto_banner { width: 95%;  padding:0.2em 0.7em; font-weight:bold; background-color: rgba(255, 255, 255, 0.9); display:none;}
.texto_banner strong { color: #9B2600; font-size: 110%; display: block;}

.texto_img{ position:absolute; bottom:0px; padding:0.2em 0.7em; font-weight:bold; background-color: rgba(255, 255, 255, 0.9); left:0px; margin:0.3em;}

iframe { overflow:auto; }
tr:hover td{ background-color:rgba(73,123,174,0.3); }
.tabla_p { max-width: 100%; }
.tabla_p td{ padding:0px;}
.tabla_p tr:nth-child(even){ background-color:#DCDCDC;}
.transp{ background:rgba(255, 255, 255, 0.4); border-radius:0.6em; -webkit-border-radius:0.6em; }
.ui-slider-switch, div.ui-slider-switch { width:100%; }
.dtp-y, .dtp-m, .dtp-d, .dtp-h, .dtp-i{text-align:center; }
.picker input.ui-input-text { font-size:0.9em; }
.picker .ui-block-a, .picker .ui-block-b, .picker .ui-block-c, .picker .ui-block-d, .picker .ui-block-e, .picker .ui-block-f{ float: left; }
.picker .ui-block-a{ width:25% !important; }
.picker .ui-block-d{ width:5% !important; }
.picker .ui-block-b, .picker .ui-block-c, .picker .ui-block-e, .picker .ui-block-f{ width:17.5% !important; }
.clptxt{ padding:2px 0.5em; margin:0px 10px; border:1px solid #f7c942; background:#fadb4e; color:#333; font-weight:700; text-shadow:0 1px 0 #fff; background-image:-webkit-gradient(linear,left top,left bottom,from(#fceda7),to(#fbef7e)); background-image:-webkit-linear-gradient(#fceda7,#fbef7e); background-image:-moz-linear-gradient(#fceda7,#fbef7e); background-image:-ms-linear-gradient(#fceda7,#fbef7e); background-image:-o-linear-gradient(#fceda7,#fbef7e); background-image:linear-gradient(#fceda7,#fbef7e);}
.ui-responsive .ui-block-a, .ui-responsive .ui-block-b{ padding-top:0.5em; }
.pend{ background:#fadb4e; padding:2px 0.5em; color:#333; text-shadow:0 -1px 0 #eee; }
.rech{ background:#B40404; padding:2px 0.5em; color:#ffffff; text-shadow:0 -1px 0 #000; }
.ImCtas { display:none; }
.ui-li-static.ui-li-has-thumb, .ui-listview .ui-li-static { padding-left:8px; }
.Ctrl-Reportes{ max-width:720px; margin:8px auto; }
.Ctrl-Reportes .ui-navbar{ padding:0px !important; }
.BGrid img{ width: 100% !important; max-width: 120px !important; }
.ui-listview-filter .ui-input-search { margin: 18px; }
input.ui-input-text.ui-slider-input { width: 50px; }

.tabla-responsiva tfoot td .ui-table-cell-label{ display: none; }


/* Tabla cambio de modo */
@media screen and (min-width:440px) {

.li_soporte .ui-btn .ui-btn-inner { padding:0.6em 20px; }

.Recarga_li{ padding: 0.2em 8px !important;  }

         table, th, td { border: 1px solid #fff; }
	.tabla-responsiva td,
	.tabla-responsiva th,
	.tabla-responsiva tbody th,
	.tabla-responsiva tbody td,
	.tabla-responsiva thead td,
	.tabla-responsiva thead th {
		display: table-cell;
		margin: 0;
	}
	.tabla-responsiva td .ui-table-cell-label,
	.tabla-responsiva th .ui-table-cell-label { 
		display: none;
	}
#T_Edocta td:first-child, #T_Edocta td:nth-child(4), #T_Edocta td:nth-child(5), #T_Edocta td:nth-child(6) { max-width:5.2em; width:5.2em;}
#T_Edocta td:nth-child(4), #T_Edocta td:nth-child(5), #T_Edocta td:nth-child(6) { text-align:right; }
}



/* Móviles en horizontal o tablets en vertical */
@media screen and (min-width:470px) { 

/*.ui-content .ui-listview-inset { margin:0.5em 0.1em; }*/

.ui-header .ui-title { font-size:0.8em; }

.ui-navbar .ui-btn-inner, .ui-navbar .ui-mini .ui-btn-inner { font-size:0.7em; }

.ui-collapsible-heading .ui-btn-inner { font-size:0.8em; }

.ui-dialog-contain .ui-controlgroup .ui-btn-inner, .ui-popup .ui-btn-inner { font-size:0.9em; }
 
.ui-listview label.ui-input-text, .ui-listview .ui-controlgroup-label, 
.ui-listview .ui-field-contain label.ui-input-text, .ui-listview  .ui-li-divider, 
.ui-listview input.ui-input-text, .ui-listview textarea.ui-input-text { font-size:1em; }

.ui-popup .ui-content, .ui-listview .ui-btn-inner{ font-size:1.1em; }

.title{ font-size:1.2em; }

.numero, .monto{ font-size:3em; }

#numero{ font-size:1.4em; }

.ui-li-desc { font-size: 0.9em; }

.ui-content { padding:0.5em; }

.content-input div.ui-input-text, .content-input-login div.ui-input-text { width: 100%; }
.content-input input.ui-input-text, .content-input-login input.ui-input-text{ font-size:1em; }

.ui-popup .ui-content{ padding:0.5em !important; }

.ICld { width:auto; height:auto; margin:0px 0px 0px 10px; top:-8px; }
.ICld .ui-btn-inner{ padding:0.3em 11px 0.3em 30px; padding-left:30px; font-size:0.8em !important; }
.ICld .ui-btn-inner .ui-btn-text{ position:relative; float:left; left:0px; }
.ICld .ui-btn-inner .ui-icon { position:absolute; margin:0px; left:5px; }

.ui-header .ui-title { padding:0.1em 0em; }
.ui-header .ui-btn-icon-notext { width:auto; height:auto; top:3px; padding:0px !important; }
.ui-header .ui-btn-icon-notext .ui-btn-inner { padding:0.5em 25px 0.5em 0.5px; }
.ui-header .ui-btn-icon-notext .ui-btn-text { position:relative; float:left; left:0px; padding-left:20px; }
.ui-header .ui-btn-icon-notext > .ui-btn-inner > .ui-icon { position:absolute; margin:0px; }
.ui-header .ui-btn-icon-notext .ui-icon{ left:5px; }

.ui-panel{ width:15em; }
.ui-panel-dismiss-open.ui-panel-dismiss-position-left{ left:15em; }

.ui-listview label.ui-input-text, .ui-listview .ui-field-contain label.ui-input-text{ width:32%; }
.ui-listview div.ui-input-text, .ui-listview .ui-field-contain div.ui-input-text, .ui-listview textarea.ui-input-text { width:66%;}

#DivImg div.ui-input-text { width:100% !important; }

.Recarga_li { padding:0.4em 10px !important; }
.Recarga_li div.ui-input-text { width: 98% !important; }

.ui-li-static.ui-li { padding: 0.6em 8px; }

#Recarga_img{ max-width: 98%;  }

.banner{ padding:10px; }

.tabla_p td{ padding:2px;}

.transp{ padding-left:20px; padding-right:20px; }
.ui-navbar { padding:0.5em !important; }
.ImCtas { display:block; }
.ui-listview .ui-li-static { padding-left:15px; }
.ui-li-static.ui-li-has-thumb { padding-left:95px; }
.footer-div .ssl_img{ max-width:70px; }

.picker input.ui-input-text { font-size:1em; }

}


/* Móviles en horizontal o tablets en vertical */
@media screen and (min-width:590px) { 

.ui-popup .ui-listview div.ui-input-text { width: 100% !important; } 

.Recarga_li { padding:0.6em 12px !important; }

.ui-header .ui-title { font-size:1.2em; }
.ui-header .ui-btn-inner { font-size:1.2em; }
.ui-footer .ui-title { text-align:center; }

.ui-navbar .ui-btn-inner, .ui-navbar .ui-mini .ui-btn-inner { font-size:1em; }

.ui-collapsible-heading .ui-btn-inner { font-size:1em; }

.ui-dialog-contain .ui-controlgroup .ui-btn-inner, .ui-popup .ui-btn-inner { font-size:1em; }
 
.ui-listview label.ui-input-text, .ui-listview .ui-controlgroup-label, 
.ui-listview .ui-field-contain label.ui-input-text, .ui-listview  .ui-li-divider, 
.ui-listview input.ui-input-text, .ui-listview textarea.ui-input-text { font-size:1.1em; }

.ui-popup .ui-content, .ui-listview .ui-btn-inner{ font-size:1.2em; }

.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner { padding: 1em 11px 0.5em; }

.numero, .monto{ font-size:3.5em; }

#numero{ font-size:1.6em; }

.ui-li-desc { font-size: 1em; }

table tr th{ font-size:0.8em; }

table{ font-size:1em; }

.ui-btn-inner {  padding:0.6em 20px; }

.ICld .ui-btn-inner .ui-icon { margin: 4px 1px 2px 3px; }

.ui-panel{ width:16em; }
.ui-panel-dismiss-open.ui-panel-dismiss-position-left{ left:16em; }

.ui-header .ui-btn-left, .ui-header .ui-btn-right { top:6px; }

.ui-collapsible-content { padding:10px 15px; }
.ui-collapsible-content .ui-listview-inset { border-radius:0.6em; -webkit-border-radius:0.6em;  }
.footer-div .ssl_img{ max-width:90px; }

.picker input.ui-input-text { font-size:1.2em; }
.content-input input.ui-input-text, .content-input-login input.ui-input-text { font-size:1.2em; }
}


/* Móviles en horizontal o tablets en vertical */
@media screen and (min-width:700px) { 
.numero, .monto{ color:#4F0503; font-size:4em; }

#T_Edocta td:first-child { max-width:9.75em; width: 9.75em; }

.footer-div .ssl_img{ max-width:120px; }

#SinLimite a, #Internet a, #Servicios a, #RedCompartida a, #Productos a { width: 24%; }

}


/* Tablets en horizonal y escritorios normales */
@media screen and (min-width:860px) { 
.numero, .monto{ color:#4F0503; font-size:4.5em; }
#numero{ font-size:1.8em; }

.ui-header .menu{ display:none; }
.ui-header .nc { margin-left:1em; text-align:left; }

.ui-panel{ width:16em; }
.ui-panel-dismiss-open.ui-panel-dismiss-position-left{ left:-16em; right:16em; display:none; }

.menu-panel { width:16em; visibility:visible; position:absolute; clip:initial; float:left; background:none; -webkit-transition:none !important; -moz-transition:none !important; transition:none !important; 
-webkit-transform:none !important; -moz-transform:none !important; transform:none !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

.ui-panel-page .menu-panel { display:none; }
.menu-panel.ui-panel-page-nav { display:block; }
.menu-panel .ui-panel-inner { margin-top:3.6em; }
.ui-content { padding-top:0.5em; padding-left:16.5em; padding-right:0.5em; }
.content-input-login { width:90%; max-width:600px; margin:8px auto; padding:0.5em; }
.footer-div .ssl_img{ max-width:140px; }

#T_Edocta td:first-child { max-width:5.2em; width:5.2em; }

}

@media screen and (min-width:900px) { 
.content-input-frame { width:90%; }
#T_Edocta td:first-child { max-width:9.75em; width:9.75em; }
}

@media screen and (min-width:920px) {
	select option {
		padding: 12px;
		font-weight:bold;
	}
}