.truncate {
  max-width:50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

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

.text-decoration-underline{text-decoration: underline;}

.font-style-italic{font-style: italic; }
.font-weight-600{font-weight: 600;}
.font-weight-400{font-weight: 400;}
.font-weight-normal{font-weight: normal;}

.white-space-normal{white-space: normal !important;}

.font-size-12{font-size: 12px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-24{font-size: 24px;}
.font-size-52{font-size: 52px;}
.font-size-88{font-size: 88px;}

.float-right {float: right !important;}
.float-left {float: left !important;}

.margin-auto {margin: auto;}
.margin-0 {margin: 0 !important;}
.margin-5 {margin: 5px !important;}
.margin-15 {margin: 15px !important;}
.margin-20 {margin: 20px !important;}
.margin-10 {margin: 10px !important;}
.margin-top-0 {margin-top: 0 !important;}
.margin-top-5 {margin-top: 5px !important;}
.margin-top-7 {margin-top: 7px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-15 {margin-top: 15px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-left-0 {margin-left: 0 !important;}
.margin-left-5 {margin-left: 5px !important;}
.margin-left-10 {margin-left: 10px !important;}
.margin-left-20 {margin-left: 20px !important;}
.margin-left-30 {margin-left: 30px !important;}
.margin-left-40 {margin-left: 40px !important;}
.margin-left-50 {margin-left: 50px !important;}
.margin-right-0 {margin-right: 0 !important;}
.margin-right-5 {margin-right: 5px !important;}
.margin-right-10 {margin-right: 10px !important;}
.margin-right-20 {margin-right: 20px !important;}
.margin-right-30 {margin-right: 30px !important;}
.margin-right-40 {margin-right: 40px !important;}
.margin-right-50 {margin-right: 50px !important;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-17 {margin-bottom: 17px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}

.margin-right-03-100 {margin-right:0.3%;}

.padding-0 {padding: 0 !important;}
.padding-10 {padding: 10px !important;}
.padding-top-0 { padding-top: 0 !important;}
.padding-top-10 { padding-top: 10px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-left-0 {padding-left: 0 !important;}
.padding-right-0 {padding-right: 0 !important;}

.padding-right-1-100{padding-right:1%;}
.padding-right-2-100{padding-right:2%;}
.padding-right-5-100{padding-right:5%;}
.padding-0-30{padding: 0 30px;}

.width-5 {width: 5% !important;}
.width-6 {width: 6% !important;}
.width-10 {width: 10% !important;}
.width-20 {width: 20% !important;}
.width-25 {width: 25% !important;}
.width-30 {width: 30% !important;}
.width-40 {width: 40% !important;}
.width-49 {width: 49% !important;}
.width-50 {width: 50% !important;}
.width-60 {width: 60% !important;}
.width-63 {width: 63% !important;}
.width-70 {width: 70% !important;}
.width-75 {width: 75% !important;}
.width-78 {width: 78% !important;}
.width-80 {width: 80% !important;}
.width-90 {width: 90% !important;}
.width-95 {width: 95% !important;}
.width-100 {width: 100% !important;}

.width-220-px {width: 220px !important;}
.width-20-px {width: 20px !important;}
.width-35-px {width: 35px !important;}
.width-60-px {width: 60px !important;}
.width-80-px {width: 80px !important;}
.width-300-px {width: 300px !important;}

.height-30-px{height: 30px;}
.height-500-px{height: 500px;}
.height-300-px{height: 300px;}

.min-height-50{min-height: 50px;}
.min-width-200{min-width: 200px;}

.table-layout-fixed{table-layout:fixed;}

.overflow-hidden {overflow: hidden;}
.overflow-auto {overflow: auto;}
.overflow-scroll {overflow: scroll;}
.overflow-x-auto {overflow-x: auto;}
.overflow-x-hidden{overflow-x: hidden;}
.overflow-y-auto{overflow-y: auto;}


.ocultar{display: none;}
.clear-both{clear: both;}

.vertical-align-top {vertical-align:top;}

.with-linebreaks { white-space: pre-wrap; word-wrap: break-word; }
.inline-block {display: inline-block !important;}
.position-absolute {position: absolute;}
.position-relative {position: relative;}
.oculto {display: none;}
.display-none {display: none !important;}
.display-block {display: block !important;}

i {font-style: normal;}
.opacity0 {opacity: 0;}

i.info-normal{color:#4488fc; font-size: 14px !mportant;}
i.info-warning {color:#ffcd4f; font-size: 14px !mportant;}
i.info-error {color:#ed3232; font-size: 14px !mportant;}

a:hover,
a:focus  {text-decoration: none !important;}

/* COLORES */
.green-color {color: #00ab5e !important;}
.red-color {color: #ce4844 !important;}
.gray-color {color: #535353 !important;}
.blue-color{color:#0275b8 !important;}
.orange-color{color:#de7b0b !important;}
.fucsia-color{color:#E323B5 !important;}
.turquoise-color{color: #00CFD9 !important;}
.forest-green-color {color: #008D3F !important;}
.white-color {color: #fff !important;}
.black-color {color: #000 !important;}
.color-888{color: #888;}

/* BACKGROUND */
.forest-green-bg {background: #008D3F !important;}
.turquoise-bg{background: #00CFD9 !important;}
.red-bg{background: red !important;}
.green-bg {background: green !important;}

span.help-inline {
	background-color: #f0ad4e;
    display: block;
    padding: .2em .6em .3em;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin: 2px 0;
}

span.nota {
	background-color: #e7eaec;
    padding: .2em .6em .3em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    margin: 2px 0;
    font-size: 10px;
    display: block;
}

.contentPage{background: #fff; padding:20px;  margin:120px auto; position: relative; width:90%; font-size: 14px;}

.btn-yellow-light{background: #fcfbdc; color:#333; border:1px solid #ccc;}
.btn-yellow-light:hover{background: #fcfcb2; color:#333; border:1px solid #ccc;}


.printButton{
	color: #ffffff !important;
    background-color: #5caa7f !important;
    border-color: #009739 !important;
}

/*#js-form-update-presupuesto .col-xs-1 {width: 11% !important;}
#js-form-update-presupuesto .col-xs-3 {width: 30% !important;}*/
.totalPresupuesto{font-size: 20px; color: #009739; font-weight: 400;  margin-top: 30px;}
.totalPromocion h3{font-size: 28px; color: #009739; font-weight: 400;}
.registrado{color:#CA3515; font-size: 28px; margin-top:20px; font-weight: 600;}
#zMapa #total{width: 100%;display: grid;}
#zMapa #total h3{font-size: 18px;}
#zMapa #total .totalPromo .promocion_desc{font-size: 12px;}
#zMapa #reiniciar{margin-right: 34px;}
#zMapa #enviar{margin-right: 15px;}
#zMapa .h-7{height: 70%!important}
a.disabledButton {
  background-color: #5caa7f;
  border-color: #009739;
  color:#fff;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

#form-revocar-lopd .solicitante{padding: 5%; font-size: 16px; }
#form-revocar-lopd .tableLopd {background: #fff; color:#444; font-size: 14px; padding: 10px;}
#form-revocar-lopd .tableLopd tr td{padding: 15px;}
#form-revocar-lopd #acccept {margin-left: 0;}
#form-revocar-lopd .btn{font-size: 30px; width:30%;}


.descargas{width:40%;  margin: auto; overflow: hidden;  margin-top: 40px;margin-bottom: 40px;}
.descargas img{width:200px;}
.descargas .buttons{float: left; margin-right: 10px; width:200px;}

#form-update-customer-data #tb-contactos-list input[type=text]{min-width: 120px;}

@media (max-width: 769px) {
  #form-revocar-lopd .solicitante{padding: 0;}
  #form-revocar-lopd .tableLopd {font-size: 14px; padding: 0;}
  #form-revocar-lopd .btn{font-size: 20px;  width:100%;}
  .descargas{width:70%;}
  .descargas img{width:200px;}
  .descargas .buttons{float: left; margin-right: 10px; width:200px;}

  #js-form-update-presupuesto .pack {margin-bottom: 20px;}
  
  #js-form-mis-datos {width: 100% !important;}
}

.filtros-agenda .ui-datepicker-trigger{z-index: 9;}

.datagrid tbody tr:hover span{color:#fff !important;}
.position-absolute-right{position: absolute; right: 0;}

table.dataTable tbody tr.selected {
    color: white;
    background-color: #eeeeee;  /* Not working */
}

.thcomlog{ min-width: 2000px !important;}
.thinstalacion { min-width: 60px !important;}

select.readonly{pointer-events: none;}
input[type=checkbox].readonly{pointer-events: none;}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.form-check label{padding-top: 3px;}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}
.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.form-check-input:focus {
    outline: none !important;
}
.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
}
.form-check-input {
    width: 1.2em;
    height: 1.2em;
}

button.no-style{border: none; background: none;}
.font-border-1{-webkit-text-stroke: 1px black;}

/* FONTS */
@font-face{font-family:Allumi Pro;src:url('/public/static/fonts/AllumiPro-Regular.otf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:Allumi Pro Italic;src:url('/public/static/fonts/AllumiPro-Italic.otf') format('truetype');font-weight:normal;font-style:normal}

.font-family-allumi-pro{font-family:Allumi Pro !important;}
.font-family-allumi-pro-italic{font-family:Allumi Pro Italic !important;}

.submenuGroup {width:200px; position: absolute; top: 25px; left:-1px;}
.submenuGroupAlarmas{width:600px; position: absolute; top: 25px; left:-1px;}

/* Contratos */
.js-beneficiario .form-group label{display: none;}
@media (max-width: 769px) {
	.js-usuario-maestro .form-group {width: 50%;}	
	.js-beneficiario .form-group {width: 50%;}	
	.js-beneficiario .form-group label{display: block;}
	.js-beneficiario .row {margin-top:30px;}	
	
	#js-form-update-presupuesto .pack input{font-size: 11px; padding: 3px;}
	#js-form-update-presupuesto .pack .labelCodigo{width:20%;}
	#js-form-update-presupuesto .pack .labelDesc{width:40%;}
	#js-form-update-presupuesto .pack .labelCantidad{width:18%;}
	#js-form-update-presupuesto .pack .labelCuota{width:20%;}
	
	#js-form-update-presupuesto .articulosPack .labelCodigo{width:20%; padding-left: 15px; padding-right: 0;}
	#js-form-update-presupuesto .articulosPack .labelDesc{width:40%; padding-left: 15px; padding-right: 0;}
	#js-form-update-presupuesto .articulosPack .labelCantidad{width:18%; padding-left: 15px; padding-right: 0;}
	#js-form-update-presupuesto .articulosPack .labelCuota{width:20%; padding-left: 15px; padding-right: 5px;}
	
}

.js-costeInstalacionTotal{font-size:20px; font-weight:400; margin-top:20px;}
.getDataChart hr{border-bottom:1px solid #efefef; margin:10px 0;}
.totalesBtnChart{padding: 5px 10px; margin-right:2%; margin-bottom:10px; cursor: default;}
.estadisticasChartCont{background: #fff; padding: 20px; overflow: hidden;}
.estadisticasChartContSub {width:72%; float: left; margin:0 45px;  overflow-x: auto; padding-bottom: 40px;}
.estadisticasChartContSub #map{height: 500px; width: 100%; display: none;}
.estadisticasChartContSub #grafico{display: none; overflow: hidden; text-align: center; margin-top:50px;}

.loadingWrapperResultadosPruebas .sweet-overlay2{opacity: 38.39; display: block;}
.loadingWrapperResultadosPruebas .sa-custom{display: block; background-image: url(/public/static/images/ajax_loader_blue_512.gif);width:80px; height:80px}
.loadingWrapperResultadosPruebas .confirm{display: none; box-shadow: rgba(174, 222, 244, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset; background-color: rgb(174, 222, 244);}
.loadingWrapperResultadosPruebas .sweet-alert2{display: block; margin-top: -132px;}

/* Informes */
.averiasPendientes .title{background:#ccc; padding: 5px; border-radius:5px; color:#fff; font-weight: bold; margin-left:20px; width: 150px; margin-bottom: -5px;}
.averiasPendientes .count{background:#616161; width:100%; padding: 6px; text-align: right; border-radius:5px; color:#fff; font-weight: bold; font-size: 20px;}
#averiasPendientes {position: relative; margin-top:20px;}
.estadoAbonados .container, .estadoLeads .container{width:50%; float: left; margin-right:2%;}
.estadoAbonados .leyenda, .estadoLeads .leyenda{width:45%; float: left; margin-top:10%;}
.seniales{width:32%; float: left; margin-right:2.5%;}
.seniales .title{background:#2abade; padding: 5px; border-radius:5px; color:#fff; font-weight: bold; margin-left:20px; width: 150px; margin-bottom: -5px;}
.seniales .count{background:#2390af; width:100%; padding: 6px; text-align: right; border-radius:5px; color:#fff; font-weight: bold; font-size: 20px;}
.robosReales{width:32%; float: left; margin-right:2.5%;}
.robosReales .title{background:#55dbde; padding: 5px; border-radius:5px; color:#fff; font-weight: bold; margin-left:20px; width: 150px; margin-bottom: -5px;}
.robosReales .count{background:#41adaf; width:100%; padding: 6px; text-align: right; border-radius:5px; color:#fff; font-weight: bold; font-size: 20px;}
.avisosFop{width:31%; float: left;}
.avisosFop .title{background:#07d8a6; padding: 5px; border-radius:5px; color:#fff; font-weight: bold; margin-left:20px; width: 150px; margin-bottom: -5px;}
.avisosFop .count{background:#0aaf85; width:100%; padding: 6px; text-align: right; border-radius:5px; color:#fff; font-weight: bold; font-size: 20px;}
.mantenimientosPendientes .title{background:#ccc; padding: 5px; border-radius:5px; color:#fff; font-weight: bold; margin-left:20px; width: 150px; margin-bottom: -5px;}
.mantenimientosPendientes .count{background:#616161; width:100%; padding: 6px; text-align: right; border-radius:5px; color:#fff; font-weight: bold; font-size: 20px;}
.evolucionAltas {width:47.5%; float: left; margin-right:2.5%;}
.evolucionAltas .title{background:#2abade; padding: 5px; border-radius:5px; color:#fff; font-weight: bold; margin-left:20px; width: 150px; margin-bottom: -5px;}
.evolucionAltas .count{background:#2390af; width:100%; padding: 6px; text-align: right; border-radius:5px; color:#fff; font-weight: bold; font-size: 20px;}
.evolucionBajas {width:47.5%; float: left; margin-left:2.5%;}
.evolucionBajas .title{background:#55dbde; padding: 5px; border-radius:5px; color:#fff; font-weight: bold; margin-left:20px; width: 150px; margin-bottom: -5px;}
.evolucionBajas .count{background:#41adaf; width:100%; padding: 6px; text-align: right; border-radius:5px; color:#fff; font-weight: bold; font-size: 20px;}

.colorStatus5{color:#32cd32;}
#myModalEnviarEmail{z-index:99999 !important;}

.linkExpiredConsentimientos h4{margin: 30px auto 8px; line-height: 24px; color: #2e2e2e; font-style: normal; width: 306px;}
.formCompletadoCuestionarios h3{font-size: 35px;letter-spacing: -1px; color: #5a899c;margin-top: 14px;}
.formCompletadoCuestionarios h4{margin: 32px 0;}
.formCompletadoCuestionarios #seconds-counter{margin: 20px 0;}
.formKoCuestionarios h3{font-size: 35px;letter-spacing: -1px; color: #5a899c;margin-top: 14px;}
.formKoCuestionarios h4{margin: 32px 0;}
.linkExpiredCuestionarios h3{font-size: 32px; margin-bottom: 10px;text-align: center;}
.linkExpiredCuestionarios h4{margin: 30px auto 8px; line-height: 24px; color: #15585e; font-style: normal; width: 306px; text-align: center;}
.pageInitCuestionarios h3{font-size: 35px;letter-spacing: -1px; color: #5a899c;}
.pageInitCuestionarios h4{margin-top: 34px;}
.pageInitCuestionarios .container{display: flex;justify-content: center;margin: 25px 0px;}

.alarmaAcudasContactosCabecera{border:1px solid #e7eaec; padding-top:5px; background:#fbfbfb;}
.alarmaAcudasContactosListado{border:1px solid #e7eaec; padding-top:5px; border-top:0;}

.popup{padding-top: 0;}
.popup h1.page-header {margin: 20px 0;}


.modal{z-index: 99999;}