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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-facturas-proforma {
  background-color: #E32636;
  color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-localizaciones {
  background-color: #3C1206;
  color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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;
}

/* Para que no se partan los botone de operaciones */
.operaciones-tabla-Clientes {
  min-width: 105px;
}

.operaciones-tabla-servicios {
  min-width: 215px;
}

.operaciones-tabla-facturas {
  min-width: 230px;
}

.operaciones-tabla-facturas-proforma {
  min-width: 105px;
}

.operaciones-tabla-repostajes {
  min-width: 105px;
}

.operaciones-tabla-comisiones-clientes {
  max-width: 30px;
}

/* 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;
}

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

#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 */
.evtc-dialog-help {
  display: none;
  text-align: justify;
}

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

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