label, a {
  color: black; }

.mobile {
  display: none; }

.naranja {
  color: #F89E2E; }

.azul {
  color: #31A2E1; }

.gris {
  color: #7e8c99; }

.btn {
  font-family: "Lato", sans-serif !important; }

.btn-default {
  border: 1px solid silver !important;
  color: grey !important; }

.btn-primary {
  background-color: #31A2E1 !important;
  color: white !important;
  font-weight: 700;
  border: 0 !important; }

.btn-primary:hover {
  color: white !important;
  background-color: #1E3888 !important; }

.btn-secondary {
  font-family: 'Lato', sans-serif;
  background-color: #F89E2E !important;
  background-image: none;
  color: white !important;
  font-weight: 700;
  border: 0 !important; }

.btn-primary:focus, .btn-secondary:focus {
  border: 0; }

.alert-warning {
  background-color: #1E3888 !important; }
  .alert-warning p {
    color: white; }

.ui-dialog-titlebar {
  border: 0;
  border-bottom: 1px solid grey;
  background: none; }
  .ui-dialog-titlebar .ui-dialog-titlebar-close {
    color: #2C3E50; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none; }

.ui-widget-header {
  background: none;
  border: 0;
  border-bottom: 1px solid silver; }

.fc-content {
  color: white; }

.fc-day-grid-container {
  height: 600px !important; }

.fc-past {
  background-color: silver; }

.fc-row:not(.fc-widget-header) {
  height: 100px !important; }

.fc-time {
  display: none; }

.fc-button {
  background-color: #F89E2E;
  border-color: #F89E2E; }

.fc-button-active {
  background-color: #2C3E50 !important;
  border-color: #2C3E50 !important; }

.fc-toolbar h2 {
  color: #2C3E50; }

.navbar-collapse {
  z-index: 999 !important; }

.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px; }

.acf-map img {
  max-width: inherit !important; }

#eventContent, #modal-nueva-cita, #modal-nuevo-cupon, #modal-modificar-cupon {
  display: none; }
  #eventContent #eventInfo, #modal-nueva-cita #eventInfo, #modal-nuevo-cupon #eventInfo, #modal-modificar-cupon #eventInfo {
    margin-bottom: 30px; }
    #eventContent #eventInfo .ver-cita dl, #modal-nueva-cita #eventInfo .ver-cita dl, #modal-nuevo-cupon #eventInfo .ver-cita dl, #modal-modificar-cupon #eventInfo .ver-cita dl {
      min-width: 100%;
      line-height: 1.5; }
      #eventContent #eventInfo .ver-cita dl dt, #modal-nueva-cita #eventInfo .ver-cita dl dt, #modal-nuevo-cupon #eventInfo .ver-cita dl dt, #modal-modificar-cupon #eventInfo .ver-cita dl dt {
        color: grey;
        font-size: 14px; }
      #eventContent #eventInfo .ver-cita dl dd, #modal-nueva-cita #eventInfo .ver-cita dl dd, #modal-nuevo-cupon #eventInfo .ver-cita dl dd, #modal-modificar-cupon #eventInfo .ver-cita dl dd {
        text-align: right;
        font-weight: bold;
        border-bottom: 1px solid silver !important; }
    #eventContent #eventInfo .form-group, #modal-nueva-cita #eventInfo .form-group, #modal-nuevo-cupon #eventInfo .form-group, #modal-modificar-cupon #eventInfo .form-group {
      display: flex;
      justify-content: space-between;
      margin-bottom: 5px; }
      #eventContent #eventInfo .form-group input, #eventContent #eventInfo .form-group select, #modal-nueva-cita #eventInfo .form-group input, #modal-nueva-cita #eventInfo .form-group select, #modal-nuevo-cupon #eventInfo .form-group input, #modal-nuevo-cupon #eventInfo .form-group select, #modal-modificar-cupon #eventInfo .form-group input, #modal-modificar-cupon #eventInfo .form-group select {
        width: 203px; }
      #eventContent #eventInfo .form-group.radios, #modal-nueva-cita #eventInfo .form-group.radios, #modal-nuevo-cupon #eventInfo .form-group.radios, #modal-modificar-cupon #eventInfo .form-group.radios {
        display: block; }
        #eventContent #eventInfo .form-group.radios label, #modal-nueva-cita #eventInfo .form-group.radios label, #modal-nuevo-cupon #eventInfo .form-group.radios label, #modal-modificar-cupon #eventInfo .form-group.radios label {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
        #eventContent #eventInfo .form-group.radios input, #modal-nueva-cita #eventInfo .form-group.radios input, #modal-nuevo-cupon #eventInfo .form-group.radios input, #modal-modificar-cupon #eventInfo .form-group.radios input {
          width: 30px; }
    #eventContent #eventInfo p, #modal-nueva-cita #eventInfo p, #modal-nuevo-cupon #eventInfo p, #modal-modificar-cupon #eventInfo p {
      margin-bottom: 0; }
    #eventContent #eventInfo .ver-precio, #modal-nueva-cita #eventInfo .ver-precio, #modal-nuevo-cupon #eventInfo .ver-precio, #modal-modificar-cupon #eventInfo .ver-precio {
      justify-content: flex-end; }
      #eventContent #eventInfo .ver-precio .btn-ver-precio, #modal-nueva-cita #eventInfo .ver-precio .btn-ver-precio, #modal-nuevo-cupon #eventInfo .ver-precio .btn-ver-precio, #modal-modificar-cupon #eventInfo .ver-precio .btn-ver-precio {
        color: white; }
  #eventContent #eventFooter, #modal-nueva-cita #eventFooter, #modal-nuevo-cupon #eventFooter, #modal-modificar-cupon #eventFooter {
    text-align: right; }
    #eventContent #eventFooter .botones-ver-cita, #modal-nueva-cita #eventFooter .botones-ver-cita, #modal-nuevo-cupon #eventFooter .botones-ver-cita, #modal-modificar-cupon #eventFooter .botones-ver-cita {
      font-size: 18px; }
    #eventContent #eventFooter .botones-modificar-cita div, #modal-nueva-cita #eventFooter .botones-modificar-cita div, #modal-nuevo-cupon #eventFooter .botones-modificar-cita div, #modal-modificar-cupon #eventFooter .botones-modificar-cita div {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px; }
  #eventContent #bloque-precio-nueva-cita, #modal-nueva-cita #bloque-precio-nueva-cita, #modal-nuevo-cupon #bloque-precio-nueva-cita, #modal-modificar-cupon #bloque-precio-nueva-cita {
    display: none; }

.pestanas {
  margin: 30px !important; }

.administracion {
  min-height: 100vh !important; }
  .administracion label, .administracion input, .administracion select, .administracion textarea, .administracion span, .administracion a {
    font-family: 'Lato', sans-serif; }

.container-citas {
  padding: 0 30px; }
  .container-citas #gestion-tabla {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 30px; }
    .container-citas #gestion-tabla .filtros {
      display: flex;
      flex-flow: column wrap;
      justify-content: flex-start;
      width: 300px;
      border: 1px solid silver;
      padding: 20px; }
      .container-citas #gestion-tabla .filtros .form-group {
        display: flex;
        justify-content: space-between; }
        .container-citas #gestion-tabla .filtros .form-group input, .container-citas #gestion-tabla .filtros .form-group select {
          width: 150px; }
    .container-citas #gestion-tabla #info {
      padding: 20px;
      margin-left: 20px; }
      .container-citas #gestion-tabla #info ul {
        padding-left: 0; }
        .container-citas #gestion-tabla #info ul li {
          list-style-type: none; }
        .container-citas #gestion-tabla #info ul .totales {
          color: #31A2E1;
          font-weight: bold; }
        .container-citas #gestion-tabla #info ul .pagadas {
          color: #F89E2E;
          font-weight: bold; }
        .container-citas #gestion-tabla #info ul .pago-en-centro {
          color: grey;
          font-weight: bold; }
    .container-citas #gestion-tabla #cuadro-disponibilidad {
      display: flex;
      flex-flow: row wrap;
      width: 350px;
      background-color: white;
      padding: 3px;
      margin-left: 20px; }
      .container-citas #gestion-tabla #cuadro-disponibilidad a {
        display: inline-block;
        margin-right: 3px;
        margin-bottom: 3px;
        padding: 5px;
        background-color: #31A2E1;
        color: white !important; }
        .container-citas #gestion-tabla #cuadro-disponibilidad a.ocupado {
          background-color: silver !important; }
        .container-citas #gestion-tabla #cuadro-disponibilidad a.descuento {
          background-color: #F89E2E !important; }
        .container-citas #gestion-tabla #cuadro-disponibilidad a#cerrar-horas {
          display: none; }
    .container-citas #gestion-tabla #nueva-cita {
      margin-left: auto; }
  .container-citas .dt-button {
    cursor: pointer;
    float: right;
    margin-right: 30px; }

.titulo-itv {
  font-size: 32px;
  padding-left: 30px;
  margin: 30px 0 0 0; }

#tabla-eventos button, #tabla-eventos input {
  border: 1px solid black !important;
  box-shadow: none; }
#tabla-eventos th {
  padding: 10px 5px; }
#tabla-eventos td {
  padding: 8px 2px; }

.db-button {
  border: 1px solid black !important;
  box-shadow: none; }

.modificar-cita #form-group-hora, #modal-nueva-cita #form-group-hora {
  position: relative; }
  .modificar-cita #form-group-hora .tramos-hora, #modal-nueva-cita #form-group-hora .tramos-hora {
    display: none;
    flex-flow: row wrap;
    position: absolute;
    top: 35px;
    right: 0;
    width: 383px;
    background-color: white;
    border: 1px solid black;
    padding: 3px; }
    .modificar-cita #form-group-hora .tramos-hora a, #modal-nueva-cita #form-group-hora .tramos-hora a {
      display: inline-block;
      margin-right: 3px;
      margin-bottom: 3px;
      padding: 5px;
      background-color: #31A2E1;
      color: white !important; }
      .modificar-cita #form-group-hora .tramos-hora a.ocupado, #modal-nueva-cita #form-group-hora .tramos-hora a.ocupado {
        background-color: silver !important;
        color: #eee !important; }
    .modificar-cita #form-group-hora .tramos-hora div, #modal-nueva-cita #form-group-hora .tramos-hora div {
      text-align: center;
      width: 100%; }
      .modificar-cita #form-group-hora .tramos-hora div #cerrar-horas, #modal-nueva-cita #form-group-hora .tramos-hora div #cerrar-horas {
        background-color: white;
        color: #31A2E1 !important;
        text-decoration: underline; }

.acciones-calendarios {
  margin-bottom: 20px;
  text-align: right; }

.container-horarios {
  padding: 0 30px; }
  .container-horarios .acciones-horarios #form-editar-horario {
    margin-top: 10px; }
    .container-horarios .acciones-horarios #form-editar-horario input {
      width: 100px; }
  .container-horarios #accordion .card {
    margin-bottom: 10px;
    border: 1px solid silver;
    border-radius: 5px; }
    .container-horarios #accordion .card .card-header h5 {
      margin: 10px 20px; }
    .container-horarios #accordion .card .card-header button {
      font-weight: bold; }
    .container-horarios #accordion .card .card-header span {
      float: right; }
    .container-horarios #accordion .card .card-header .prioridad {
      border: 1px solid silver;
      border-radius: 5px;
      padding: 6px 12px; }
    .container-horarios #accordion .card .card-body {
      padding: 20px;
      border-top: 1px solid silver; }
      .container-horarios #accordion .card .card-body .tabla-horario {
        margin-top: 20px; }
        .container-horarios #accordion .card .card-body .tabla-horario th {
          text-align: center;
          font-weight: 400; }
          .container-horarios #accordion .card .card-body .tabla-horario th a {
            color: white !important;
            padding: 5px 0; }
        .container-horarios #accordion .card .card-body .tabla-horario td:not(:last-child) {
          border-right: 1px solid silver; }
        .container-horarios #accordion .card .card-body .tabla-horario a {
          display: block;
          text-decoration: none;
          color: #495057; }
          .container-horarios #accordion .card .card-body .tabla-horario a:hover {
            background-color: #F89E2E;
            color: white; }
          .container-horarios #accordion .card .card-body .tabla-horario a ul.config-tramo {
            padding: 5px 10px;
            margin-bottom: 0;
            display: flex;
            justify-content: space-between; }
            .container-horarios #accordion .card .card-body .tabla-horario a ul.config-tramo li {
              list-style-type: none;
              width: 30%;
              text-align: center;
              font-weight: Bold; }
              .container-horarios #accordion .card .card-body .tabla-horario a ul.config-tramo li i {
                color: grey; }
          .container-horarios #accordion .card .card-body .tabla-horario a.selected {
            background-color: #F89E2E;
            color: white; }
        .container-horarios #accordion .card .card-body .tabla-horario a.nuevo-tramo {
          display: none; }
        .container-horarios #accordion .card .card-body .tabla-horario td:hover a.nuevo-tramo {
          backgroud-color: transparent !important;
          display: block;
          text-align: center; }

#form-crear-tarifa {
  display: none; }

.acciones-cupones {
  text-align: right;
  padding-bottom: 20px; }

.opciones {
  max-width: 500px;
  margin: 0 auto 50px auto; }

.header {
  min-height: 500px !important;
  max-height: 600px;
  position: relative; }
  .header .modulo-cita-previa-front {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center; }
    .header .modulo-cita-previa-front .cita-previa .caja {
      background-color: rgba(255, 255, 255, 0.8);
      padding: 20px;
      min-height: 450px;
      width: 48%; }
      .header .modulo-cita-previa-front .cita-previa .caja h3 {
        color: #F89E2E;
        margin: 0 0 20px 0; }
      .header .modulo-cita-previa-front .cita-previa .caja .dato {
        display: flex;
        justify-content: space-between;
        flex-flow: row nowrap;
        font-family: 'Lato', sans-serif;
        color: #2C3E50;
        margin: 10px 0; }
        .header .modulo-cita-previa-front .cita-previa .caja .dato .valor-dato {
          color: #F89E2E;
          font-weight: bold;
          text-align: right; }
          .header .modulo-cita-previa-front .cita-previa .caja .dato .valor-dato span {
            text-transform: uppercase; }
      .header .modulo-cita-previa-front .cita-previa .caja hr {
        border-top: 2px solid white;
        margin: 5px 0; }
    .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula {
      background-color: transparent;
      width: 60%; }
      .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula h2 {
        color: white;
        font-size: 52px;
        margin-bottom: 40px; }
      .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula p {
        color: white;
        font-size: 19px;
        margin-bottom: 30px; }
      .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula .form-cita-previa {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px; }
        .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula .form-cita-previa input {
          width: 60%;
          height: 50px;
          font-family: 'Lato', sans-serif;
          color: black;
          font-size: 19px; }
        .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula .form-cita-previa button {
          width: 38%;
          height: 50px;
          font-family: 'Lato', sans-serif;
          font-size: 19px; }
        .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula .form-cita-previa a {
          color: #7e8c99 !important;
          font-family: 'Lato', sans-serif;
          margin-top: 20px;
          display: inline-block; }
      .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-matricula .form-modificar-cita {
        display: none; }
    .header .modulo-cita-previa-front .cita-previa.paso-1 .caja-centro {
      width: 38%; }
    .header .modulo-cita-previa-front .cita-previa.paso-2 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .header .modulo-cita-previa-front .cita-previa.paso-2 .caja-tipo-vehiculo .tipos-vehiculo {
        display: flex;
        justify-content: center;
        align-items: center; }
        .header .modulo-cita-previa-front .cita-previa.paso-2 .caja-tipo-vehiculo .tipos-vehiculo .btn-seleccion-vehiculo {
          background-color: transparent;
          border: 0;
          color: #31A2E1 !important;
          font-weight: bolder;
          font-size: 35px;
          cursor: pointer; }
          .header .modulo-cita-previa-front .cita-previa.paso-2 .caja-tipo-vehiculo .tipos-vehiculo .btn-seleccion-vehiculo:active, .header .modulo-cita-previa-front .cita-previa.paso-2 .caja-tipo-vehiculo .tipos-vehiculo .btn-seleccion-vehiculo :focus {
            outline: none;
            -moz-outline-style: none; }
        .header .modulo-cita-previa-front .cita-previa.paso-2 .caja-tipo-vehiculo .tipos-vehiculo .slide-tipos-vehiculo {
          width: 380px;
          margin: 0 30px 30px 30px;
          text-align: center;
          display: flex;
          justify-content: space-around; }
          .header .modulo-cita-previa-front .cita-previa.paso-2 .caja-tipo-vehiculo .tipos-vehiculo .slide-tipos-vehiculo span {
            color: #2C3E50;
            font-family: 'Lato', sans-serif;
            font-size: 19px;
            font-weight: bold; }
          .header .modulo-cita-previa-front .cita-previa.paso-2 .caja-tipo-vehiculo .tipos-vehiculo .slide-tipos-vehiculo .tipo-vehiculo {
            width: 33%; }
      .header .modulo-cita-previa-front .cita-previa.paso-2 .card {
        margin: 0 auto 20px auto; }
        .header .modulo-cita-previa-front .cita-previa.paso-2 .card .card-header {
          background-color: #F89E2E;
          color: white;
          font-family: 'Lato', sans-serif;
          font-weight: bold;
          font-size: 17px;
          padding: 10px 17px; }
        .header .modulo-cita-previa-front .cita-previa.paso-2 .card .list-group .list-group-item {
          padding: 0; }
          .header .modulo-cita-previa-front .cita-previa.paso-2 .card .list-group .list-group-item a {
            padding: 10px 15px;
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: 100%; }
          .header .modulo-cita-previa-front .cita-previa.paso-2 .card .list-group .list-group-item a:hover {
            background-color: #31A2E1;
            color: white !important;
            text-decoration: none; }
    .header .modulo-cita-previa-front .cita-previa.paso-3 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .header .modulo-cita-previa-front .cita-previa.paso-3 .fechas {
        justify-content: center; }
      .header .modulo-cita-previa-front .cita-previa.paso-3 #datepicker {
        margin-top: 20px; }
        .header .modulo-cita-previa-front .cita-previa.paso-3 #datepicker .ui-datepicker th {
          background-color: white !important;
          color: black !important; }
        .header .modulo-cita-previa-front .cita-previa.paso-3 #datepicker .ui-datepicker .ui-state-active {
          background-color: #31A2E1 !important;
          color: white !important;
          font-weight: bold !important; }
      .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad {
        position: relative; }
        .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .seleccion-cita {
          display: flex;
          justify-content: center;
          margin-bottom: 20px;
          font-family: 'Lato', sans-serif; }
          .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .seleccion-cita > div {
            background-color: rgba(255, 255, 255, 0.9);
            padding: 10px; }
            .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .seleccion-cita > div > div {
              display: flex;
              justify-content: space-between;
              align-items: center; }
          .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .seleccion-cita .fecha-seleccionada .dia {
            font-size: 50px; }
          .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .seleccion-cita .hora-seleccionada .hora {
            font-size: 50px;
            color: #ff4500; }
        .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad #cuadro-disponibilidad {
          display: flex;
          flex-flow: row wrap;
          width: 331px;
          background-color: white;
          padding: 3px;
          margin: 0 auto 30px auto; }
          .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad #cuadro-disponibilidad a {
            display: inline-block;
            margin-right: 3px;
            margin-bottom: 3px;
            padding: 5px;
            background-color: #31A2E1;
            color: white !important;
            font-family: 'Lato', sans-serif; }
            .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad #cuadro-disponibilidad a.ocupado {
              background-color: silver !important;
              color: #eee !important; }
            .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad #cuadro-disponibilidad a.descuento {
              background-color: #F89E2E;
              color: white !important; }
          .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad #cuadro-disponibilidad #cerrar-horas {
            display: none; }
        .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .confirmar {
          width: 331px;
          margin: 0 auto; }
          .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .confirmar .btn-confirmar-fecha {
            display: block;
            float: right;
            width: fit-content;
            font-weight: bold; }
        .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .leyenda {
          position: absolute;
          bottom: 10px;
          left: 20px;
          font-weight: bold;
          font-size: 14px; }
          .header .modulo-cita-previa-front .cita-previa.paso-3 .disponibilidad .leyenda li {
            margin-bottom: 5px; }
    .header .modulo-cita-previa-front .cita-previa.paso-4 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .header .modulo-cita-previa-front .cita-previa.paso-4 .form-cliente input {
        font-family: 'Lato', sans-serif;
        margin: 5px 10px 0 10px;
        width: 96% !important; }
      .header .modulo-cita-previa-front .cita-previa.paso-4 .form-cliente label {
        font-family: 'Lato', sans-serif; }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .form-cliente label input {
          width: 15px !important; }
      .header .modulo-cita-previa-front .cita-previa.paso-4 .forma-pago {
        position: relative; }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .forma-pago .modal-recordatorio {
          position: absolute;
          left: -400px;
          top: 170px;
          background-color: #1E3888;
          max-width: 400px;
          padding: 20px;
          -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
          text-align: center; }
          .header .modulo-cita-previa-front .cita-previa.paso-4 .forma-pago .modal-recordatorio h3 {
            color: white !important; }
          .header .modulo-cita-previa-front .cita-previa.paso-4 .forma-pago .modal-recordatorio .btn {
            color: #1E3888 !important;
            background-color: white;
            border: 0; }
      .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago {
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.9); }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .circulo {
          color: #2C3E50;
          border: 3px solid #2C3E50;
          border-radius: 25px;
          width: 48px;
          height: 48px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 21px; }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago {
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid silver;
          margin-bottom: 10px;
          padding-bottom: 10px;
          font-family: 'Lato', sans-serif;
          position: relative; }
          .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago > div:nth-child(2) {
            width: 85%;
            padding-right: 50px;
            position: relative; }
            .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago > div:nth-child(2) .circulo {
              position: absolute;
              right: 0;
              top: 35%;
              width: 35px;
              height: 35px;
              color: white;
              padding-top: 2px; }
              .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago > div:nth-child(2) .circulo a {
                color: inherit !important; }
            .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago > div:nth-child(2) .precio-forma-pago {
              display: flex;
              justify-content: space-between; }
          .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago input {
            display: none; }
          .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago.seleccionado .circulo {
            color: #F89E2E !important;
            border: 3px solid #F89E2E; }
          .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .forma-pago.seleccionado h4 {
            color: #F89E2E !important; }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .tengo-un-cupon {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .tengo-un-cupon .input-cupon {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .tengo-un-cupon .input-cupon input {
              width: 120px;
              display: inline-block; }
            .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .tengo-un-cupon .input-cupon a {
              vertical-align: middle; }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .desglose-precio {
          display: flex;
          justify-content: space-between; }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .precio-final {
          display: flex;
          justify-content: space-between;
          font-size: 24px;
          color: #F89E2E; }
        .header .modulo-cita-previa-front .cita-previa.paso-4 .formas-pago .btn-realizar-reserva {
          width: 100%;
          margin-top: 5px;
          font-size: 18px; }
      .header .modulo-cita-previa-front .cita-previa.paso-4 .btn-pago {
        width: 100%;
        margin-top: 25px;
        font-size: 18px; }
    .header .modulo-cita-previa-front .cita-previa.paso-5 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .header .modulo-cita-previa-front .cita-previa.paso-5 .cuadro-confirmacion {
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.9);
        max-width: 350px; }

.dark {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1; }

.custom-logo {
  max-width: 200px; }

.single-post .property_info_header span {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 27px !important;
  margin-top: 0px;
  font-weight: bold;
  margin-bottom: 0; }
.single-post .blog_post_page h2 {
  font-size: 14px !important; }
.single-post .blog_post_page ul {
  list-style: none;
  margin-left: 20px; }
  .single-post .blog_post_page ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #31A2E1;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */ }

#sidebar-single {
  background-color: #eee;
  padding: 20px; }
  #sidebar-single ul li {
    margin-bottom: 10px; }

.naranja a {
  color: #F89E2E !important; }

.bloqueo-cita-previa {
  position: absolute;
  top: 100px;
  color: white;
  z-index: 999;
  width: 100%;
  text-align: center; }

@media screen and (max-width: 800px) {
  .desktop {
    display: none; }

  .mobile {
    display: block; }

  .swiper-container {
    display: none; }

  .header {
    max-height: 100% !important; }
    .header .modulo-cita-previa-front {
      background-color: white;
      position: relative; }
      .header .modulo-cita-previa-front .paso-1 .caja-matricula {
        width: 100% !important;
        text-align: center; }
        .header .modulo-cita-previa-front .paso-1 .caja-matricula h2 {
          color: #31A2E1 !important;
          font-size: 38px !important; }
        .header .modulo-cita-previa-front .paso-1 .caja-matricula p {
          color: #31A2E1 !important; }
        .header .modulo-cita-previa-front .paso-1 .caja-matricula .form-cita-previa {
          display: flex;
          justify-content: space-between;
          flex-flow: column; }
          .header .modulo-cita-previa-front .paso-1 .caja-matricula .form-cita-previa input {
            width: 100% !important; }
          .header .modulo-cita-previa-front .paso-1 .caja-matricula .form-cita-previa button {
            width: 100% !important; }
      .header .modulo-cita-previa-front .paso-2 {
        flex-flow: column; }
        .header .modulo-cita-previa-front .paso-2 h3 {
          display: none; }
        .header .modulo-cita-previa-front .paso-2 .caja-tipo-vehiculo {
          width: 100%;
          margin-bottom: 0; }
          .header .modulo-cita-previa-front .paso-2 .caja-tipo-vehiculo .slide-tipos-vehiculo {
            margin: 0 30px !important;
            width: 200px; }
        .header .modulo-cita-previa-front .paso-2 .caja {
          width: 80%;
          max-height: 100% !important;
          min-height: auto !important; }
      .header .modulo-cita-previa-front .paso-3 {
        flex-flow: column; }
        .header .modulo-cita-previa-front .paso-3 .caja {
          min-height: auto;
          max-height: 100%;
          width: 100%;
          padding: 0 20px; }
          .header .modulo-cita-previa-front .paso-3 .caja h3 {
            display: none; }
          .header .modulo-cita-previa-front .paso-3 .caja .leyenda {
            position: relative !important;
            bottom: auto !important;
            left: auto !important;
            margin-top: 20px;
            width: 200px; }
      .header .modulo-cita-previa-front .paso-4 {
        flex-flow: column; }
        .header .modulo-cita-previa-front .paso-4 .form-cliente {
          padding: 0 20px; }
        .header .modulo-cita-previa-front .paso-4 .caja {
          width: 100%;
          max-height: 100% !important;
          min-height: auto !important; }
          .header .modulo-cita-previa-front .paso-4 .caja .dato .titulo-dato {
            width: 140px; }

  .bloqueo-cita-previa {
    color: black; }

  .forma-pago .modal-recordatorio {
    left: auto !important;
    right: auto !important;
    max-width: 92% !important; } }

/*# sourceMappingURL=citas.css.map */