@charset "utf-8";
/* CSS Document */

body{font-size:12px}

/*	alineacion	*/
.aL{text-align:left !important}
.aR{text-align:right !important}
.aC{text-align:center !important}
.aJ{text-align:justify !important}

/*	anchos definidos	*/

.wS0{width:30px !important}
.wS{width:50px !important}
.wS1{width:75px !important}
.wM{width:100px !important}
.wM1{width:125px !important}
.wL{width:150px !important}
.wL1{width:200px !important}
.wXL{width:250px !important}
.wXL1{width:350px !important}
.wAuto{width:auto !important}
.wScroll{width:9px !important}

.oculto{ display:none}
img{border:none}

/*	flotante	*/
.fL{float:left}
.fR{float:right}

span.dv_error{ color:#900; padding-left:10px; position:absolute; z-index:100; top:5px; right:8px}


.clr{clear:both}

a:hover{ text-decoration:underline}

body{padding:0; margin:0}

#contenedor{ width:100%; font:normal 12px/1.5em Arial, Helvetica, sans-serif; border:0px solid #003399; padding:1px; color:#3c3c3c}

/*
.header{background:#335c91; color:#a4c5ee}
.header .header_logo{padding:5px 0; background:url(../imgs/header-bg.jpg); min-height:90px}
.header .right { position:absolute; top:12px; right:0; padding-right:36px}
.header .right a{ color:#fff}
.header .dark{background:#295287}
.header img.logo{}
.header h1{padding:0; margin:0}
.header .right ul{margin:5px 0 5px 0; padding:3px 4px; list-style:none; float:right}
.header .right li{padding:0 12px; border-left: 1px solid #a4c5ee; float:left}
.header .right li.first{border-left: 0px solid #a4c5ee}
*/

.contenedor > .cuerpo{background:url(../imgs/content_bg.gif) repeat-x; padding:20px}

#navbar ul{margin:0; padding:0; list-style:none}
#navbar ul > li{display:inline; margin:0; padding:0}
#navbar ul > li > a{ display:inline-block; padding:10px}
#navbar ul > li > a.activo{background-color:#069; font-weight:bold}
#navbar ul > li > a:hover{background-color:#069; font-weight:bold}

fieldset.formulario {border:1px solid #999; border-top:none; border-right:none; margin-bottom:10px; padding:0}
fieldset.formulario legend {padding:4px 10px; margin-bottom:2px; border:1px solid #999; background:#DDD}
fieldset.formulario table{ border-collapse:collapse; width:100%}
fieldset.formulario table td{ border:1px solid #999; padding:4px }
fieldset.formulario table td:first-child{border-left:none}
fieldset.formulario table td.label{background:#EEE; text-align:right}
fieldset.formulario table td.datos{background:#DDD; padding-right:18px; position:relative}
fieldset.formulario table td.datos***{padding-right:18px}
fieldset.formulario table td.datos input{ width:100%; padding:3px 6px}
fieldset.formulario table td.datos textarea{ width:100%; padding:3px 6px}


.clientes-master { float:left; width:300px }
.cliente-master { margin-left:310px; clear:both; position:absolute; width: calc(100% - 310px); }
.clientes-master  .clts-tb{border-left:1px solid #ddd; padding:6px}
.clientes-master  .clts-buscador{padding:6px}
.clientes-master  .clts-listado{border:1px solid #ddd; min-height:400px}
.clientes-master  .cltsList{border-top:1px solid #ddd; }
.clientes-master  .cltsList ul {padding:0 14px 0 10px; margin:0; background:#F8F8F8}
.clientes-master  .cltsList ul li.empresa{ background:#F8F8F8}
.clientes-master  .cltsList ul li.cliente{ background:#F8F8F8}
.clientes-master  .cltsList ul li{ list-style-type:none; position:relative; overflow:hidden}
.clientes-master  .cltsList ul li:hover{ background-color:#DADADA; border:1px solid #ccc;; margin-top:-1px; border-left:none; border-right:none; margin-left:-10px; padding-left:10px; margin-right:-14px; padding-right:14px}
.clientes-master  .cltsList ul li.activo{background-color:#069; border:1px solid #ccc; margin-top:-1px !important; margin-left:-10px; padding-left:10px; margin-right:-14px; padding-right:14px}
.clientes-master  .cltsList ul li.activo a{ color:#FFF; border-bottom:0px solid #ccc}
.clientes-master  .cltsList ul li a{display:block; border-bottom:1px solid #ccc; text-decoration:none; color:#2e6e9e}
.clientes-master  .cltsList ul li div.borrar{display:none; position:absolute; top:5px; right:5px}
.clientes-master  .cltsList ul li.activo div.borrar{display: inherit; background:#e17009; color:#FFF; padding:1px 4px; border-radius:5px}
.clientes-master  .cltsList ul li a .pvs{ padding-top:5px; padding-bottom:5px; clear:both}
.clientes-master  .cltsList ul li a .listImagen{height:48px; width:48px; margin-right:10px}
.clientes-master  .cltsList ul li a .datos{*padding-top:5px; *padding-bottom:5px; white-space:nowrap; overflow:hidden}
.clientes-master  .cltsList ul li a:hover{border:0px solid #ccc}
.clientes-master  .cltsList ul li{}

.clt-msgs {height:200px; overflow:auto; border:1px solid #ccc; padding:4px; border-bottom:none}
.clt-msgs-ctrl {background:#ECF5FE; border:1px solid #ccc; padding:15px 19px 30px}
.clt-msgs-ctrl > div { background:#fff; border:1px solid #ccc; margin:0px 0 5px; padding:5px}
.clt-msgs-ctrl > div > textarea{width:100%; height:60px; border:none; resize:none}
.clt-msgs-ctrl > div > textarea:focus{outline:0px;}
.clt-msgs-ctrl > div > input{width:100%; border:none}
.clt-msgs-ctrl > div > input:focus{outline:0px;}
.clt-msgs-ctrl .msg-btn{text-align:right; border-top:1px solid #ccc; padding:5px; margin-top:1px}
.clt-msgs-ctrl .msg-btn button{padding:5px}

.clt-msg {margin-bottom:0px; padding:4px 20px 10px; border:1px solid #d6d6d6; border-radius:4px; border-bottom:none}
.clt-msgs .entrada {background:#F8F8F8}
.clt-msgs .salida {background:#FFFFEE}
.clt-msg:last-child{border:1px solid #d6d6d6}
.clt-msg h3{margin:0; padding:0; margin-bottom:4px}
.clt-msg h3 .msg-fecha{font-size:0.8em; float:right}
.clt-msg h3 .msg-titulo{font-size:0.9em; color:#66F}

table.usuarios {margin-top:10px}
table.usuarios thead th{ border-bottom:1px solid #036}
table.usuarios tbody td{ padding:6px 12px; border:0px solid #000 }

table.citems thead th{ background:#DDD; border:1px solid #000; padding:4px}
table.citems tr.citem td{ text-align:center; background:#EEE}
table.citems tr.citem td input{ width:50px; text-align:right; padding:0 4px}
table.citems tr.citem td.citem input{width:300px; text-align:left}

/*
table.dataTable{ margin-top:6px; border-radius:6px}
table.dataTable thead th{ background:#f1f1f1; border-bottom-color:#AAA !important; padding:10px 10px }
table.dataTable thead th:first-child{ border-top-left-radius:6px}
table.dataTable thead th:last-child{border-top-right-radius:6px}
.dataTables_filter{margin-bottom:10px}
*/
table.dataTables1 tr.group td{ background:#86B5DA; font-weight:bold; color:#FFF; text-align:left}

table.comp tbody tr td {border-left:1px solid #AAA !important; border-right:1px solid #AAA !important}
table.comp tbody tr th {border-left:1px solid #AAA !important; border-right:1px solid #AAA !important}
table.comp thead tr th {border-left:1px solid #AAA !important; border-right:1px solid #AAA !important}
table.comp tbody tr:first-child td {border-top:1px solid #AAA}
table.comp tbody tr:last-child td {border-bottom:0px solid #AAA}

table.comp tr td:first-child {border-left:1px solid #AAA}
table.comp tr td:last-child {border-right:1px solid #AAA}
table.comp tbody { border-spacing:0px 2px !important}
table.comp tbody.mostrar-comp tr {}

button.openDlg{margin-bottom:10px}

.ajax-msg{border:1px solid #fad42e; background:#fbec88; padding:0 0.7em; border-radius:5px}

.ajax-loading{background:url(../imgs/ajax_loading.gif) no-repeat right}

.adm-navegador{padding:6px 0 6px 20px; background:#09c }
.adm-navegador ul { padding:0; margin:0}
.adm-navegador ul li{ background:url(../imgs/nav.png) no-repeat right top ; display:inline-table; padding:0px; padding-right:8px; margin-right:8px; height:24px}
.adm-navegador ul li a{ background:#09C; border:1px solid #069; color:#CCCCCC; display:inline-table; padding:2px 4px 2px 8px; text-decoration:none; border-right:none; text-transform:uppercase}
.adm-navegador ul li a.activo{color:#FFFFFF; font-weight:bold}
.adm-navegador ul li a:hover{color:#EEEEEE;}

table#tabla-alertas td{ font-size:0.8em}
table.tabla-atender-alertas{ margin-bottom:30px}
table.tabla-atender-alertas caption{font-weight:bold; font-size:1.5em; text-align:left; text-transform:uppercase}
table.tabla-atender-alertas td{ border:1px solid #999; padding:6px}
table.tabla-atender-alertas td.label{ background:#EEE; text-align:right}
table.tabla-atender-alertas td.value{}


table.info-ert{ border:1px solid #999; font-size:1em; margin:2px 0; margin-top:5px }
table.info-ert td{border-bottom:1px solid #999; padding:2px 4px; font-size:0.9em; color:#2E6E9E}
table.info-ert th{border-bottom:1px solid #999; border-right:1px solid #999; padding:6px; width:70px; font-size:0.8em; text-align:center}
table.info-ert th{ background:#EEE}
table.info-ert caption{font-weight:bold; text-align:left}

table.reporte-ubicaciones tr.odd td{background:#CCC}
table.reporte-ubicaciones tr.even td{background:#777}

table.erts td.open-infowindow{ cursor:pointer}
table.erts td.open-infowindow:hover{background:#CFC}
table.erts td.infowindow{ background:#CFC}


div.reporte-ctrl{ margin-bottom:10px}

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box !important;
}

table.tabla-monitoreo tr.group td{ background:#5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; text-align:left}


table.modulos td > input{
	width: 100%;
}

table.cliente_modulo td.price input{
	text-align: right;
}
.toggle_button{
	overflow: hidden;
	margin: auto;
	box-sizing: border-box;
	border: 2px solid #9f9e9e;
	width: 44px;
	height: 20px;
	border-radius: 40px;
	display: block;
	position: relative;
	cursor: pointer;
	background-color: #9f9e9e;
}
.toggle_button > span{
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	height: 16px;
	width: 16px;
	border-radius: 100%;
	background-color: white;
	display: block;
	margin: auto;
	-webkit-transition: all .3s ;
	-o-transition: all .3s ;
	transition: all .3s ;
}
.toggle_button > span > span{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 50%;
	width: 50%;
	margin: auto;
	border: 1px solid #918e8e;
	border-radius: 100%;
	display: block;
}
.toggle_button > span:after {
    content: "NO";
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    width: 33px;
    left: 50%;
    position: absolute;
    padding: 0 12px;
    color: white;
    display: block;
    text-align: left;
    background-color: rgba(0,0,0,0.1);
    z-index: 0;
}
.toggle_button > span:before {
    content: "SI";
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    width: 33px;
    right: 50%;
    position: absolute;
    padding: 0 12px;
    color: white;
    display: block;
    text-align: right;
    background-color: rgba(0,0,0,0.1);
    z-index: 0;
}
.toggle_button > span:after,
.toggle_button > span:before{
	color: white;
	letter-spacing: 1px;
}
.toggle_button.active > span{
	left: 24px;
	background-color: #337B9E;
}
.toggle_button.active > span > span{
	width: 0;
	border-color: white;
}
#ertcontrolpago tbody tr > td:last-child,
#ertcontrolpago thead tr > th:last-child,
#ertdetfacts tbody tr > td:last-child,
#ertdetfacts thead tr > th:last-child{
	max-width: 80px;
}
#ertcontrolpago tbody tr > td:last-child input,
#ertdetfacts tbody tr > td:last-child input{
	display: block;
	width: 100%;
}
#ertcontrolpago tbody tr > td.add input.edit-DlgERTsCpago{
	display: none;
}
#ertcontrolpago tbody tr > td.edit input.open-DlgERTsCpago{
	display: none;
}

span.estado{
    width: 100%;
    max-width: 80px;
    padding: 3px;
    display: block;
    margin: auto;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    color: white;
    border-radius: 5px;
    font-size: 11px;
    text-transform: uppercase;
}
span.estado.fail{
	border-color: #1a73e8;
	background-color: #1a73e8;
}
span.estado.null{
	border-color: #a4a9b1;;
	background-color: #a4a9b1;
}
span.estado.next{
	border-color: #1a73e8;
	background-color: #1a73e8;
}
span.estado.error{
	border-color: #ea4335;
	background-color: #ea4335;
}
span.estado.success{
	border-color: #1e8e3e;
	background-color: #1e8e3e;
}
span.estado.alert{
	border-color: #ee8c00;
	background-color: #ee8c00;
}

.list_checkbox label{
	display: block;
	width: 100% !important;
}
.list_checkbox label span{
	margin: 3px;
}
.list_checkbox input{
	width: auto !important;
}
.obj{
	display: inline-block;
	border: 1px solid black;
	border-radius: 50px;
	height: 18px;
	font-size: 11px;
	line-height: 15px;
	padding-left: 5px;
	background-color: white;
	margin-bottom: 3px;
	margin-right: 3px;
}
.obj > .close{
	display: inline-block;
	font-weight: bold;
	color: black;
	height: 15px;
	width: 21px;
	line-height: 13px;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
}

.group_input{
	display: inline-block;
	padding: 5px;
}
.group_input > *{
	width: 100%;
}
.w100{
	width: 100%;
}
.btn{
	padding: 5px 15px;
	border:1px solid #1a73e8;
	background-color: #1a73e8;
	font-size: 18px;
	border-radius: 5px;
	color:white;
	cursor: pointer;
}
.btn.btn-option{
	margin:0 3px;
	width: 30px;
	padding: 5px;s
}
.btn.btn-error{
	background-color:#ea4335;
	border-color: #ea4335;
}
.btn.btn-succes{

}
.btn:hover{
	background-color: #1a5bb1;
	border-color:#1a5bb1;
}
.btn.btn-error:hover{
	background-color:#ea4335;
	border-color: #ea4335;
}
.factura_item{
	width: 100%;
	display: block;
	border: 2px solid #ddd;
	line-height: 1;
	text-align: center;
	padding: 3px 0;
}
.btn-submit{
	border: 2px solid #1a73e8;
	border-radius: 5px;
	background-color: #1a73e8;
	color: white;
	text-transform: uppercase;
	padding: 5px 15px;
	cursor: pointer;
	font-family: sans-serif;
}
.d-none{
	display: none;
}




.poppins{
	font-family: 'Poppins', sans-serif;
}
.text-uppercase{
	text-transform: uppercase !important;
}
.f-w-400{
	font-weight: 400 !important;
}
.f-w-500{
	font-weight: 500 !important;
}
.f-w-600{
	font-weight: 600 !important;
}
.d-flex{
	display: flex !important;
}
.align-items-center{
	align-items: center !important;
}