@charset "UTF-8";
.bg-abonos {
  background-color: #40A860 !important;
  color: #ffffff !important;
}

.bg-facturas-proforma {
  background-color: #FFBF00FF !important;
  color: #ffffff !important;
}

.bg-a-bordo {
  background-color: #E2D93C !important;
  color: #111111 !important;
}

.bg-anulado {
  background-color: #DD4B39 !important;
  color: #ffffff !important;
}

.bg-areas-trabajo {
  background-color: #9C448D !important;
  color: #ffffff !important;
}

.bg-asignados {
  background-color: #A01886 !important;
  color: #ffffff !important;
}

.bg-asignado-subcontratado {
  background-color: #9966CC !important;
  color: #ffffff !important;
}

.bg-cliente {
  background-color: #FFBF00 !important;
  color: #ffffff !important;
}

.bg-clientes {
  background-color: #EDCF61 !important;
  color: #111111 !important;
}

.bg-cobros {
  background-color: #67032D !important;
  color: #ffffff !important;
}

.bg-cobros-pendiente {
  background-color: #E32636 !important;
  color: #ffffff !important;
}

.bg-cobros-parcial {
  background-color: #FF681F !important;
  color: #ffffff !important;
}

.bg-cobros-cobrado {
  background-color: #436A0D !important;
  color: #ffffff !important;
}

.bg-colores {
  background-color: #FF681F !important;
  color: #ffffff !important;
}

.bg-comisiones-clientes {
  background-color: #0E5834 !important;
  color: #ffffff !important;
}

.bg-comisiones-conductores {
  background-color: #436A0D !important;
  color: #ffffff !important;
}

.bg-conductores {
  background-color: #0076A3 !important;
  color: #ffffff !important;
}

.bg-configuraciones {
  background-color: #C70A13 !important;
  color: #ffffff !important;
}

.bg-confirmado {
  background-color: #304A91 !important;
  color: #ffffff !important;
}

.bg-confirmado-subcontratado {
  background-color: #4EABD1 !important;
  color: #ffffff !important;
}

.bg-copia-precios-disposiciones {
  background-color: #006e89 !important;
  color: #ffffff !important;
}

.bg-copia-precios-traslados {
  background-color: #004023 !important;
  color: #ffffff !important;
}

.bg-cupones-descuento {
  background-color: #9d432c !important;
  color: #ffffff !important;
}

.bg-disposiciones {
  background-color: #00C0EF !important;
  color: #ffffff !important;
}

.bg-empresa {
  background-color: #496679 !important;
  color: #ffffff !important;
}

.bg-centros-administrativos {
    background-color: #50429f !important;
    color: #ffffff !important;
}

.bg-etiquetas {
    background-color: #185ea5 !important;
    color: #ffffff !important;
}

.bg-viajeros {
    background-color: #1d5a35 !important;
    color: #ffffff !important;
}

.bg-periodos-precios {
    background-color: #477f5c !important;
    color: #ffffff !important;
}

.bg-ma-servicios {
    background-color: #d44f4f !important;
    color: #ffffff !important;
}

.bg-comisiones-tipos-condutor {
    background-color: #0a8a54 !important;
    color: #ffffff !important;
}

.bg-configuracion-app-motor-reservas {
    background-color: #aa5921 !important;
    color: #ffffff !important;
}

.bg-integraciones-contables {
    background-color: #205e68 !important;
    color: #ffffff !important;
}

.bg-formatos-mail {
    background-color: #7d387d !important;
    color: #ffffff !important;
}

.bg-enlaces-otras-aplicaciones {
  background-color: #B44668 !important;
  color: #ffffff !important;
}

.bg-en-posicion {
  background-color: #AF593E !important;
  color: #ffffff !important;
}

.bg-en-transito {
  background-color: #878D91 !important;
  color: #ffffff !important;
}

.bg-extras {
  background-color: #660099 !important;
  color: #ffffff !important;
}

.bg-facturado {
  background-color: #f39c12 !important;
  color: #ffffff !important;
}

.bg-facturas {
  background-color: #283A77 !important;
  color: #ffffff !important;
}

.bg-presupuestos {
  background-color: #E32636 !important;
  color: #ffffff !important;
}

.bg-formas-pago {
  background-color: #CCCCFF !important;
  color: #111111 !important;
}

.bg-formatos-bono {
  background-color: #660099 !important;
  color: #ffffff !important;
}

.bg-formatos-documentos-reserva {
  background-color: #f39c12 !important;
  color: #ffffff !important;
}

.bg-formatos-factura {
  background-color: #1B1404 !important;
  color: #ffffff !important;
}

.bg-formatos-hoja-ruta {
  background-color: #436A0D !important;
  color: #ffffff !important;
}

.bg-gasolineras {
  background-color: #4EABD1 !important;
  color: #ffffff !important;
}

.bg-gestion-cobros {
  background-color: #4EABD1 !important;
  color: #ffffff !important;
}

.bg-idiomas {
  background-color: #FFEFD5 !important;
  color: #111111 !important;
}

.bg-importacion-servicios {
  background-color: #85A7EA !important;
  color: #ffffff !important;
}

.bg-incidencias {
  background-color: #B7A214 !important;
  color: #ffffff !important;
}

.bg-info-jornada-planning {
  background-color: #9966CC !important;
  color: #111111 !important;
}

.bg-inicio-servicio-no-registrado {
  background-color: #C70A13 !important;
  color: #ffffff !important;
}

.bg-inicio-servicio-registrado {
  background-color: #00a65a !important;
  color: #ffffff !important;
}

.bg-integracion-entre-clientes {
  background-color: #960018 !important;
  color: #ffffff !important;
}

.bg-integraciones-externas {
  background-color: #61B3ED !important;
  color: #111111 !important;
}

.bg-jornadas {
  background-color: #9966CC !important;
  color: #111111 !important;
}

.bg-planning {
  background-color: #67032D !important;
  color: #ffffff !important;
}

.bg-listado-disposiciones {
  background-color: #0097bc !important;
  color: #ffffff !important;
}

.bg-listado-jornadas {
  background-color: #FFBF00 !important;
  color: #111111 !important;
}

.bg-listado-traslados {
  background-color: #00733e !important;
  color: #ffffff !important;
}

.bg-localizaciones {
  background-color: #733a2c !important;
  color: #ffffff !important;
}

.bg-municipio-direccion {
  background-color: #bb6c27 !important;
  color: #ffffff !important;
}

.bg-nueva-reserva {
  background-color: #605ca8 !important;
  color: #ffffff !important;
}

.bg-pagadores {
  background-color: #878D91 !important;
  color: #ffffff !important;
}

.bg-paquetes-horas-disposicion {
  background-color: #154DAC !important;
  color: #ffffff !important;
}

.bg-pendiente-de-validar {
  background-color: #C70A13 !important;
  color: #ffffff !important;
}

.bg-precios-tarifas {
  background-color: #4D0135 !important;
  color: #ffffff !important;
}

.bg-pre-reservado {
  background-color: #5A6E9C !important;
  color: #ffffff !important;
}

.bg-presupuestado {
  background-color: #6B401E !important;
  color: #ffffff !important;
}

.bg-realizado {
  background-color: #436A0D !important;
  color: #ffffff !important;
}

.bg-recaudacion-conductores {
  background-color: #AF0D29 !important;
  color: #ffffff !important;
}

.bg-rechazado {
  background-color: #A63F4D !important;
  color: #ffffff !important;
}

.bg-repostajes {
  background-color: #0E0476 !important;
  color: #ffffff !important;
}

.bg-reservado {
  background-color: #0C8990 !important;
  color: #ffffff !important;
}

.bg-servicios-subcontratados {
  background-color: #ABA196 !important;
  color: #ffffff !important;
}

.bg-subcontratados {
  background-color: #5C0120 !important;
  color: #ffffff !important;
}

.bg-suplidos {
  background-color: #B16D52 !important;
  color: #ffffff !important;
}

.bg-tarifas-disposiciones {
  background-color: #283A77 !important;
  color: #ffffff !important;
}

.bg-tarifas-por-distancia {
  background-color: #660099 !important;
  color: #ffffff !important;
}

.bg-tarifas-traslados {
  background-color: #0E5834 !important;
  color: #ffffff !important;
}

.bg-tiene-observaciones {
  background-color: #C70A13 !important;
  color: #ffffff !important;
}

.bg-tipos-cliente {
  background-color: #4D0135 !important;
  color: #ffffff !important;
}

.bg-tipos-avisos-fecha-vehiculo {
  background-color: #305A30 !important;
  color: #ffffff !important;
}

.bg-tipos-avisos-kilometraje-vehiculo {
  background-color: #790C10 !important;
  color: #ffffff !important;
}

.bg-tipos-combustible {
  background-color: #67032D !important;
  color: #ffffff !important;
}

.bg-tipos-email {
  background-color: #DED717 !important;
  color: #111111 !important;
}

.bg-tipos-notificaciones {
  background-color: #704A07 !important;
  color: #ffffff !important;
}

.bg-tipos-recargo {
  background-color: #08AA03 !important;
  color: #111111 !important;
}

.bg-tipos-servicio {
  background-color: #901E1E !important;
  color: #ffffff !important;
}

.bg-tipos-telefono {
  background-color: #BA450C !important;
  color: #ffffff !important;
}

.bg-tipos-transfer {
  background-color: #D1E231 !important;
  color: #111111 !important;
}

.bg-todos-los-servicios {
  background-color: #001f3f !important;
  color: #ffffff !important;
}

.bg-tramitador {
  background-color: #ABA196 !important;
  color: #ffffff !important;
}

.bg-usuario-api {
  background-color: #193751 !important;
  color: #ffffff !important;
}

.bg-traslados {
  background-color: #00a65a !important;
  color: #ffffff !important;
}

.bg-traslados-con-disposicion {
  background-color: #660099 !important;
  color: #ffffff !important;
}

.bg-traslados-por-distancia {
  background-color: #AF0D29 !important;
  color: #ffffff !important;
}

.bg-trayectos {
  background-color: #716E10 !important;
  color: #ffffff !important;
}

.bg-usuario {
  background-color: #5C0120 !important;
  color: #ffffff !important;
}

.bg-validado {
  background-color: #08AA03 !important;
  color: #111111 !important;
}

.bg-vehiculos {
  background-color: #177F10 !important;
  color: #ffffff !important;
}

.bg-zonas {
  background-color: #F7819F !important;
  color: #ffffff !important;
}

.bg-zonas-exportar {
  background-color: #00a65a !important;
  color: #ffffff !important;
}

.bg-zonas-mapa {
  background-color: #660099 !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .fixed .content-wrapper, .fixed .right-side {
    padding-top: 50px !important;
  }
}
/* Regla para que las operaciones del datatable no hagan que se queden las filas muy anchas*/
.list-inline {
  margin-bottom: 0px;
}

.list-group-item .badge i {
  cursor: pointer;
}

/* hace que el botón cerrar aparezca separado del vecino */
.list-group-item button.close {
  padding-left: 10px;
}

/* para que un formulario modal ocupe el 90% de la pantalla */
.modal.modal-wide .modal-dialog {
  width: 90%;
}

.modal-wide .modal-body {
  overflow-y: visible;
}

/* Hace que los tooltips no salten de línea con textos largos*/
.tooltip-inner {
  max-width: none;
  white-space: nowrap;
}

a.close {
  text-decoration: none;
}

/* Hace que aparezca un * en los campos required*/
label.required:before {
  content: "* ";
}

/* Hace que la etiqueta del checkbox no quede muy separada */
.checkbox label {
  padding-left: 0px !important;
}

/* Introduzco esta regla para anular la de bootstrap
que hacía que no se viera bien el triángulo en el hover */
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: auto !important;
}

.btn-breadcrumb .btn {
  padding: 6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding: 6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding: 6px 18px 6px 24px;
}
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid #adadad;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

.reduce-alto-icono-breadcrumb {
  height: 1em !important;
  vertical-align: top;
}

/* Estilos para la animación cargando de Ajax */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading-modal {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.2) 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;
  /* Anytime the body has the loading class, our
     modal element will be visible */
}
body.loading .loading-modal {
  display: block;
}

/* Para que las filas del datatable no sean tan altas */
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 0px !important;
}
table.dataTable tr td {
  vertical-align: middle;
}
table.dataTable tr td:not(:first-child) {
  padding: 0px !important;
}
table.dataTable tr th {
  padding-bottom: 0px !important;
}
table.dataTable tr td:not(:first-child), table.dataTable tr th {
  padding-left: 5px !important;
}

.subenlace-inicio {
  display: block;
}

.chart-container {
  margin: 30px auto !important;
  position: relative !important;
  height: 70vh !important;
  width: 70vw !important;
}

/* Para que se vea mejor la opción activa del grupo de botones
de selección de traslado o disposición en los filtros */
.grupo-botones .active {
  background-color: #374E0C !important;
}

.columna-operaciones-1 {
  min-width: 32px;
  max-width: 60px;
}

.columna-operaciones-2 {
  min-width: 54px;
  max-width: 64px;
}

.columna-operaciones-3 {
  min-width: 76px;
  max-width: 86px;
}

.columna-operaciones-4 {
  min-width: 98px;
  max-width: 108px;
}

.columna-operaciones-5 {
  min-width: 120px;
  max-width: 130px;
}

.columna-operaciones-6 {
  min-width: 142px;
  max-width: 152px;
}

.columna-operaciones-7 {
  min-width: 164px;
  max-width: 174px;
}

.columna-operaciones-8 {
  min-width: 186px;
  max-width: 196px;
}

.columna-operaciones-9 {
  min-width: 208px;
  max-width: 218px;
}

.columna-operaciones-10 {
  min-width: 230px;
  max-width: 240px;
}

.columna-operaciones-11 {
  min-width: 252px;
  max-width: 262px;
}

.columna-operaciones-12 {
  min-width: 274px;
  max-width: 284px;
}

.columna-operaciones-13 {
  min-width: 296px;
  max-width: 306px;
}

.columna-operaciones-14 {
  min-width: 318px;
  max-width: 328px;
}

.columna-operaciones-15 {
  min-width: 340px;
  max-width: 350px;
}

/* Para que se vea el título de la edición del servicio con fuente blanca */
.ver-servicio {
  color: white;
}

/* Estilos para el título de las ventanas modales */
#titulo_modal {
  padding: 5px;
}

/* Para indicar margenes superiores o inferiores */
.margin-top-05 {
  margin-top: 0.5em;
}

.margin-top-10 {
  margin-top: 1.0em;
}

.margin-top-15 {
  margin-top: 1.5em;
}

.margin-top-20 {
  margin-top: 2.0em;
}

.margin-top-25 {
  margin-top: 2.5em;
}

.margin-top-30 {
  margin-top: 3.0em;
}

.margin-bottom-05 {
  margin-bottom: 0.5em;
}

.margin-bottom-10 {
  margin-bottom: 1.0em;
}

.margin-bottom-15 {
  margin-bottom: 1.5em;
}

.margin-bottom-20 {
  margin-bottom: 2.0em;
}

.margin-bottom-25 {
  margin-bottom: 2.5em;
}

.margin-bottom-30 {
  margin-bottom: 3.0em;
}

/* Para indicar bordes */
.border-right-gray {
  border-right: solid gray;
}

/* Para desplazar 15px los iconos stacked de font-awesome */
.top-15 {
  top: 15px;
}

/* para que las label de los formularios corten el texto si no cabe */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* para que no haya saltos de línea en un texto */
.nobreak {
  white-space: nowrap;
}

.padding-label {
  padding: 0.2em !important;
}

/* para que el componente multiselect sea responsive */
.mymultiselect {
  width: 100% !important;
}

/* para que las fechas tengan un ancho mínimo suficiente para que se vea la fecha completa */
.luc-date {
  min-width: 10em !important;
}

.luc-date-form-servicio {
  min-width: 5em !important;
}

#container-form-documento-reserva textarea,
.bs-textarea textarea {
  height: 300px;
}

.textArea-large textarea {
  height: 900px;
}

#imprimir-servicio, #mostrar-form-ds {
  width: 65px;
  padding-top: 10px;
  padding-bottom: 2px;
}

#ocultar-form-ds, #imprimir-documento-servicio {
  width: 65px;
  padding: 6px 0px;
}

/* Se reduce la fuente del logo de la cabecera para que quepa Lucentum Autos, S.L. */
.logo-lg {
  font-size: 15px !important;
}

.texto-guardia {
  font-size: 1rem;
}

.childs {
  margin-right: 30px !important;
}

/* Para el tamaño de los svg */
svg {
  width: auto;
  height: 100%;
  vertical-align: middle;
}

/*fileinput*/
.file-preview {
  max-height: 330px;
  overflow: scroll;
}

.font-label {
  font-size: 100% !important;
}

/*formulario jornadas*/
.info-jornada {
  padding: 30px 0px;
  background-color: #f4f4f4;
  margin: 0px 10px 20px 10px;
  border-color: #ddd;
}

.datoError {
  color: red;
}

.buton-info-servicio-jornada {
  float: right;
  margin: 0 10px;
}

.titulo-jornada {
  font-size: 20px;
  font-weight: bolder;
}

#bt-calcular-min-posicion {
  background-color: #3c8dbc !important;
  border-color: #367fa9 !important;
  color: #ffffff;
}

/*formulario programar servicios*/
.form-programar-servicio .btn span.glyphicon {
  opacity: 0;
}
.form-programar-servicio .btn.active span.glyphicon {
  opacity: 1;
}
.form-programar-servicio .dias-semana {
  float: left;
  margin: 0 15%;
}
.form-programar-servicio .dias-semana > div {
  float: left;
  margin: 0 5px;
}

/* Estilos para las imágenes de vichuploaderbundle */
.imagen-vich-uploader {
  max-height: 250px;
  max-width: 250px;
}

/* Estilos para las imágenes de vichuploaderbundle */
.vich-image .checkbox {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* Formulario crear documento reserva */
#form-documento-reserva .input_dr_parking_peajes_incluidos {
  padding-top: 25px;
}
#form-documento-reserva .input_dr_parking_peajes_incluidos label {
  padding-right: 10px;
}
#form-documento-reserva .input_dr_mostrar_precio {
  padding-top: 25px;
}
#form-documento-reserva .input_dr_mostrar_precio label {
  padding-right: 10px;
}

/* Formulario editar suplidos servicio */
#form-suplidos-servicio .ms-container .ms-list {
  height: 300px;
}
#form-suplidos-servicio .suplidos-servicio-selected {
  overflow-y: scroll;
  height: 300px;
}

/* Tabla Jornadas Conductor */
#jornadas_conductores_table_filter {
  display: none;
}

/* Formulario precios traslados por distancia */
#form-tarifas .checkbox {
  margin-top: 30px;
  margin-left: 10px;
}
#form-tarifas .checkbox label {
  font-size: 14px;
  line-height: 1.42857143;
  font-weight: 700;
}

/* Formulario datos cliente */
.cliente-input-contrato .btn-info {
  display: none;
}

/* Notificaciones navbar header */
.lista-notificaciones > li > a:hover {
  white-space: normal !important;
}

/* Ayudas */
.swal2-modal.evtc-container-modal-help {
  min-width: 500px;
  max-width: 1000px;
}

.evtc-dialog-help {
  display: none;
  text-align: justify;
}

.evtc-field-help {
  text-align: justify;
}

.evtc-field-help .evtc-warning {
  color: #d6a134;
  font-weight: 700;
}

.evtc-field-help ul, .evtc-field-help ol {
  margin-right: 30px;
}

.evtc-field-help li {
  margin-bottom: 15px;
}

.evtc-field-help .example-icon {
  border: 2px solid #6a6c7066;
  border-radius: 5px;
  padding: 2px 0px 2px 6px;
  line-height: 35px;
  margin-right: 7px;
}

.evtc-field-help .example-icon > span {
  font-style: italic;
}

.e-vtc-help {
  cursor: pointer;
}

/* Usar dos iconos juntos */
.icon-stack {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
}

.icon-stack-principal,
.icon-stack-secundario {
  position: absolute;
}

.icon-stack-principal {
  right: 5px;
  top: -3px;
}

.icon-stack-secundario {
  font-size: 1em;
  bottom: 1px;
  left: 13px;
}

/* Iconos */
.icon-red {
  color: red;
}

.spanRemarcadoTabla {
  padding: 1px 3px 2px 4px;
  border-radius: .25em;
}

.icon-button {
  margin-right: 3px;
}

.icon-alert {
  background-color: red;
  padding: 2px 5px 3px 5px;
}

/* Formulario facturas */

.form-group:not(.has-warning) i.warning {
  display: none;
}

.form-group.has-warning i.warning {
  cursor: pointer;
}

.form-group.has-warning .select2-selection {
  border-color: #f39c12;
}

.celda-editable .cancel  {
  margin-right: 5px;
}

.celda-editable .celda-editable-container  {
  display: flex;
  align-items: center;
}

.celda-editable .celda-editable-container.no-editable .edit {
  display: none !important;
}

.celda-editable .etiqueta-campo-editable,
.celda-editable .editable-input {
  flex-grow: 1;
  margin-right: 5px;
  margin-bottom: 0;
}

label.etiqueta-descripción-línea-detalle-servicio {
  max-width: 300px;
  word-wrap: break-word;
  white-space: normal;
}

.contenedor-datos-factura .tab-pane {
  overflow-x: scroll;
}

.bloque-formato-factura:not(.sin-distribuir)  {
  display: flex;
  align-items: center;
}

.bloque-formato-factura .columna-formato-factura:first-child {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.bloque-formato-factura .checkbox-formato {
  display: flex;
  align-items: center;
  margin: 8px 0;
}

.bloque-formato-factura .checkbox-formato label {
  padding: 6px 0 5px 0;
  width: 100%;
  overflow: visible;
  display: flex;
  align-items: center;
}

.bloque-formato-factura .checkbox-formato label .icheckbox_minimal-blue {
  min-height: 18px;
  min-width: 18px;
  cursor: pointer;
}

.bloque-formato-factura .checkbox-formato label > span {
  overflow: hidden;
  padding: 0 5px 0 7px;
  text-overflow: ellipsis;
}

.bloque-formato-factura .checkbox-formato label i.fa-question-circle {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.bloque-formato-factura[disabled],
.bloque-formato-factura div[disabled] {
  pointer-events: none;
  color: #00000080;
}

.bloque-formato-factura[disabled] .input-title,
.bloque-formato-factura *[disabled] .input-title {
  opacity: 0.75;
}

.bloque-formato-factura[disabled] .e-vtc-help,
.bloque-formato-factura *[disabled] .e-vtc-help {
  pointer-events: all;
  cursor: pointer !important;
  color: black;
}

.contenedor-datos-factura table.oculta,
.contenedor-datos-factura table th.oculta,
.contenedor-datos-factura table td.oculta {
  display: none;
}

.contenedor-datos-factura .oculta {
  display: none;
}

/* Formulario Bono */
@media (min-width: 992px) {
  .form-bono-contenedor-botones {
    margin-top: 30px;
  }
}
.form-bono-contenedor-botones .col-bono {
  position: relative;
  padding-bottom: 10px;
  padding-left: 15px;
  float: left;
  width: 50%;
}
@media (max-width: 2100px) {
  .form-bono-contenedor-botones .col-bono {
    padding-left: 10px;
  }
}
@media (max-width: 1900px) {
  .form-bono-contenedor-botones .col-bono {
    width: 100%;
    padding-left: 15px;
    padding-bottom: 5px;
  }
}
@media (max-width: 992px) {
  .form-bono-contenedor-botones .col-bono {
    width: 25%;
  }
}
@media (max-width: 830px) {
  .form-bono-contenedor-botones .col-bono {
    width: 50%;
  }
}
@media (max-width: 320px) {
  .form-bono-contenedor-botones .col-bono {
    width: 100%;
  }
}
.form-bono-contenedor-botones .btn-group-bono {
  position: relative;
  display: table;
  border-collapse: separate;
}
.form-bono-contenedor-botones .btn-group-bono .btn {
  display: table-cell;
}
@media (max-width: 992px) {
  .form-bono-contenedor-botones .btn-group-bono {
    display: inline;
  }
}
.form-bono-contenedor-botones .bt-texto-bono,
.form-bono-contenedor-botones .bt-texto-vuelta,
.form-bono-contenedor-botones .bt-texto-extra,
.form-bono-contenedor-botones .bt-texto-email {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  padding-left: 5px;
  overflow: hidden;
  width: 92px;
  max-width: 92px;
  font-size: 12px;
}
@media (max-width: 2100px) {
  .form-bono-contenedor-botones .bt-texto-bono,
  .form-bono-contenedor-botones .bt-texto-vuelta,
  .form-bono-contenedor-botones .bt-texto-extra,
  .form-bono-contenedor-botones .bt-texto-email {
    font-size: 10px;
  }
}
@media (max-width: 1900px) {
  .form-bono-contenedor-botones .bt-texto-bono,
  .form-bono-contenedor-botones .bt-texto-vuelta,
  .form-bono-contenedor-botones .bt-texto-extra,
  .form-bono-contenedor-botones .bt-texto-email {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .form-bono-contenedor-botones .bt-texto-bono,
  .form-bono-contenedor-botones .bt-texto-vuelta,
  .form-bono-contenedor-botones .bt-texto-extra,
  .form-bono-contenedor-botones .bt-texto-email {
    font-size: 11px;
  }
}
.form-bono-contenedor-botones .btn-help {
  display: table-cell;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  cursor: pointer;
  font-size: 12px;
}
@media (max-width: 2100px) {
  .form-bono-contenedor-botones .btn-help {
    font-size: 10px;
  }
}
@media (max-width: 1900px) {
  .form-bono-contenedor-botones .btn-help {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .form-bono-contenedor-botones .btn-help {
    font-size: 11px;
  }
}
.form-bono-contenedor-botones .fa-question-circle {
  cursor: pointer;
}

/* Fin Formulario Bono */
.lista-ayuda {
  text-align: left;
  padding-top: 15px;
}

#contenedor-tabla-precios-integracion-entre-clientes table {
  width: 100%;
  text-align: center;
}

#contenedor-tabla-precios-integracion-entre-clientes table tr.success,
#contenedor-tabla-precios-integracion-entre-clientes table tr.success input {
  background: #d0ffd0;
  border: none;
}

#contenedor-tabla-precios-integracion-entre-clientes table tr.error,
#contenedor-tabla-precios-integracion-entre-clientes table tr.error input {
  background: #ffd0d0;
}

.scrollable-panel {
  height: 600px;
  overflow-y: scroll;
}

/* Mapas */
.map-container svg {
  width: auto;
  height: auto;
  vertical-align: auto;
}

.leaflet-popup-content {
  font-size: 18px;
  font-weight: bold;
}

/* Periodos de precios */
.contenedor-leyenda-calendario-periodos {
  display: flex;
  justify-content: center;
  align-items: center;
}

.leyenda-calendario-periodos {
  padding: 0;
}

.leyenda-calendario-periodos > tr.periodo-actual {
  font-weight: bolder;
}

.leyenda-calendario-periodos > tr > th,
.leyenda-calendario-periodos > tr > td {
  padding: 4px 10px;
}

.leyenda-calendario-periodos > tr > th:not(:last-child),
.leyenda-calendario-periodos > tr > td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.leyenda-calendario-periodos > tr > td.nombre-leyenda-calendario {
  text-align: left;
}

.leyenda-calendario-periodos > tr > td.color-leyenda-calendario {
  display: flex;
  justify-content: right;
  align-items: center;
}

.leyenda-calendario-periodos > tr > td.color-leyenda-calendario > span {
  height: 10px;
  width: 10px;
  background-color: black;
  margin-top: 5px;
}

/* Bootstrap Select2 */
.select2-selection {
  display: flex !important;
  align-items: center;
}

/* Historico estados servicio */
.historico-edicion-servicios {
  margin: 20px;
  display: none;
}

/** Botón importación excel */
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.upload-btn-wrapper label {
  padding-left: 1rem;
  padding-right: 1rem;
}

#form-filter .form-group {
  height: 65px;
}

.select2-selection__rendered {
  width: 100%;
}

.select2-selection__clear {
  font-size: 16px;
  color: black !important;
}