@charset "UTF-8";
.primary-color {
  color: #fc6500; }

.secondary-color {
  color: #7b5c4e; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: 25px;
  padding-left: 25px; }

a {
  color: #7b5c4e;
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    color: #fc6500; }

@media (min-width: 768px) {
  main {
    min-height: 450px; } }

.minheight-container {
  min-height: 450px; }

small {
  font-size: 12px;
  font-family: "Tahoma-Regular", sans-serif;
  color: #aaa !important; }

.mw-300 {
  max-width: 300px; }

/******* ACCORDION ********/
.accordion-item {
  background-color: #fff;
  border: 1px solid transparent;
  margin-bottom: 10px; }
  .accordion-item .icono_desplegable {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 35px;
    width: 100%; }
    .accordion-item .icono_desplegable span {
      background-color: #eaeaea;
      border-radius: 50%;
      padding: 6px;
      font-size: 12px;
      width: 25px;
      height: 25px;
      display: block;
      text-align: center;
      float: right;
      margin-right: 20px;
      margin-top: 2px;
      font-family: 'Tahoma-Regular'; }

.accordion-button:not(.collapsed), .accordion-button {
  color: #7b5c4e;
  font-size: 26px;
  font-family: "BaiJamjuree-Bold", Arial;
  background-color: white;
  border: 8px solid #E3E3E3;
  box-shadow: none; }

.accordion-button:focus {
  box-shadow: none;
  border-color: #E3E3E3; }

.accordion-item,
.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button,
.accordion-item:first-of-type,
.accordion-item:last-of-type {
  border-radius: 0; }

.accordion-button:not(.collapsed)::after {
  transform: rotate(-180deg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

/***** MODAL WINDOW *****/
.modal-header {
  border-bottom-color: #f6f6f6; }

.modal-footer {
  border-top-color: #f6f6f6; }

.modal-content {
  border-radius: 0; }

.modal-title {
  font-size: 21px;
  font-family: "BaiJamjuree-Bold", Arial; }

.btn-close:focus {
  outline: 0;
  box-shadow: none; }

/****** CUSTOM ******/
.custom-color {
  color: #fc6500; }

.only_mv {
  display: none !important; }

.btn-custom {
  color: #ffffff;
  background-color: #fc6500;
  display: inline-block;
  padding: 10px; }

.btn-custom:hover {
  background-color: #7b5c4e;
  text-decoration: none;
  color: #ffffff; }

.border-radius-0 {
  border-radius: 0; }

.rotate-180 {
  transform: rotate(180deg); }

.mr-3 {
  margin-right: 1rem !important; }

@media (max-width: 768px) {
  .only_mv {
    display: block !important; }
  .p-0-mv {
    padding: 0 !important; }
  .mt-sm-0 {
    margin-top: 0 !important; } }

.btn-corporate {
  color: #fff;
  background-color: #fc6500;
  border-color: #fc6500;
  border-radius: 0;
  padding-left: 25px;
  padding-right: 25px; }

.btn-corporate:hover {
  color: #fff;
  background-color: #7b5c4e;
  border-color: #7b5c4e; }

.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(252, 101, 0, 0.1); }

.btn-alternate {
  color: #fff;
  background-color: #AEAEAE;
  border-color: #AEAEAE;
  border-radius: 0;
  padding-left: 25px;
  padding-right: 25px; }

.btn-alternate:hover {
  color: #fff;
  background-color: #7b5c4e;
  border-color: #7b5c4e; }

.form-select, .form-control {
  padding: 9px 17px;
  border: 1px solid #DBDBDB;
  border-radius: 0; }
  @media (min-width: 1200px) {
    .form-select, .form-control {
      max-width: 400px; } }
  .form-select:focus, .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #fc6500;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(252, 101, 0, 0.1); }
  .form-select::placeholder, .form-control::placeholder {
    color: #cccccc; }

.form-check-label {
  width: calc(100% - 10px); }

.form-check-input {
  padding: 8px;
  margin-right: 10px;
  margin-top: 2px; }
  .form-check-input[type=checkbox] {
    border-radius: 0; }
  .form-check-input:focus {
    color: #ffffff;
    border-color: #fc6500;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(252, 101, 0, 0.1); }
  .form-check-input:checked {
    background-color: #fc6500;
    border-color: #fc6500; }

textarea.form-control {
  max-width: 100%;
  min-height: 160px; }

.form_txtleyenda {
  font-size: 14px;
  color: #aaa; }

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px; }

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  line-height: 25px;
  display: inline-block;
  color: #333333;
  font-size: 16px;
  font-family: "Tahoma-Bold", Arial; }
  @media (max-width: 768px) {
    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
      font-size: 14px; } }

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff; }

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #FB6500;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

[type="radio"]:not(:checked) + label:after {
  background: #e5dedc; }

body {
  font-family: "BaiJamjuree-Regular", sans-serif;
  line-height: 1.4;
  font-size: 16px;
  color: #7b5c4e; }
  body strong {
    font-family: "BaiJamjuree-Bold", Arial;
    font-weight: normal; }

h1 {
  font-family: "BaiJamjuree-Light", sans-serif;
  line-height: 1.1;
  font-size: 50px;
  color: #7b5c4e;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  h1 strong {
    font-family: "BaiJamjuree-Bold", Arial;
    font-weight: normal; }

h2 {
  font-family: "BaiJamjuree-Light", sans-serif;
  line-height: 1.1;
  font-size: 36px;
  color: #7b5c4e;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  h2 strong {
    font-family: "BaiJamjuree-Bold", Arial;
    font-weight: normal; }

h3 {
  font-family: "BaiJamjuree-Light", sans-serif;
  line-height: 1.2;
  font-size: 28px;
  color: #7b5c4e;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  h3 strong {
    font-family: "BaiJamjuree-Bold", Arial;
    font-weight: normal; }

h4 {
  font-family: "BaiJamjuree-Regular", sans-serif;
  line-height: 1.1;
  font-size: 19px;
  color: #7b5c4e;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  h4 strong {
    font-family: "BaiJamjuree-Bold", Arial;
    font-weight: normal; }

h5 {
  font-family: "Tahoma-Regular", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  color: #7b5c4e;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  h5 strong {
    font-family: "Tahoma-Bold", Arial;
    font-weight: normal; }

h6 {
  font-family: "Tahoma-Regular", sans-serif;
  line-height: 1.4;
  font-size: 13px;
  color: #7b5c4e;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  h6 strong {
    font-family: "Tahoma-Bold", Arial;
    font-weight: normal; }

p {
  font-family: "BaiJamjuree-Regular", sans-serif;
  line-height: 1.4;
  font-size: 16px;
  color: #7b5c4e;
  margin-top: 0;
  margin-bottom: 0.5rem; }
  p strong {
    font-family: "BaiJamjuree-Bold", Arial;
    font-weight: normal; }

@font-face {
    font-family: "BaiJamjuree-Light";
    src: url(../fonts/BaiJamjuree/BaiJamjuree-Light.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-Regular";
    src: url(../fonts/BaiJamjuree/BaiJamjuree-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-Medium";
    src: url(../fonts/BaiJamjuree/BaiJamjuree-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-Bold";
    src: url(../fonts/BaiJamjuree/BaiJamjuree-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-ExtraBold";
    src: url(../fonts/BaiJamjuree/BaiJamjuree-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Tahoma-Light";
    src: url(../fonts/Tahoma/Tahoma.ttf) format("truetype");
}

@font-face {
    font-family: "Tahoma-Regular";
    src: url(../fonts/Tahoma/Tahoma.ttf) format("truetype");
}

@font-face {
    font-family: "Tahoma-Medium";
    src: url(../fonts/Tahoma/Tahoma.ttf) format("truetype");
}

@font-face {
    font-family: "Tahoma-Bold";
    src: url(../fonts/Tahoma/Tahoma_Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Tahoma-ExtraBold";
    src: url(../fonts/Tahoma/Tahoma_Bold.ttf) format("truetype");
}

/*.logo_aplicacion img {
  margin-bottom: -22px; }
  @media (max-width: 768px) {
    .logo_aplicacion img {
      width: 150px;
      margin-bottom: -50px; } }
*/
.header_menu {
  margin: 0 auto;
  width: 100%;
  background-color: #FBFBFB; }

.corporate_header button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none; }

.corporate_header .dropdown {
  margin-left: 20px;
  margin-top: 15px; }
  @media (max-width: 768px) {
    .corporate_header .dropdown {
      margin-left: 0px;
      margin-top: 12px; } }

.corporate_header .dropdown-menu {
  border-radius: 0;
  border: none;
  font-size: 14px;
  top: 68px !important; }

.corporate_header .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #fc6500; }

.corporate_header .dropdown-item:focus, .corporate_header .dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef; }

.corporate_header .btn {
  color: #7b5c4e; }
  .corporate_header .btn:hover {
    color: #fc6500; }

.corporate_header .dropdown-toggle::after {
  position: absolute;
  left: 12px; }

.corporate_header .m_idiomas {
  padding-left: 20px;
  padding-top: 0px; }
  @media (max-width: 768px) {
    .corporate_header .m_idiomas {
      padding-left: 40px; } }

/*** BOTONES MENU ****/
.menu_item {
  padding: 12px 10px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: 20px center;
  padding-left: 70px;
  text-align: left;
  border-left: 2px solid #F1F1F1;
  color: #B5B2B2;
  font-family: "Tahoma-Regular", sans-serif;
  border-bottom: 2px solid transparent;
  min-height: 70px; }
  @media (max-width: 1200px) {
    .menu_item {
      min-width: 250px;
      border-left: 0; } }
  .menu_item:hover, .menu_item.active {
    color: #fc6500;
    text-decoration: none;
    border-bottom: 2px solid #fc6500; }
    @media (max-width: 1200px) {
      .menu_item:hover, .menu_item.active {
        border-bottom-color: transparent; } }
  .menu_item .itemmenu_titulo {
    font-family: "Tahoma-Bold", Arial;
    font-size: 12px;
    margin-bottom: 0px; }
  .menu_item .itemmenu_subtitulo {
    font-weight: normal;
    font-size: 12px; }
    @media (min-width: 1200px) and (max-width: 1450px) {
      .menu_item .itemmenu_subtitulo {
        display: none; } }

/*** ICONOS MENU ****/
.m_cita {
  background-image: url(../img/menu/menu_cita.svg); }

.m_modificar {
  background-image: url(../img/menu/menu_modificar.svg); }

.m_segunda {
  background-image: url(../img/menu/menu_segunda.svg); }

.m_reformas {
  background-image: url(../img/menu/menu_reformas.svg); }

.m_contactanos {
  background-image: url(../img/menu/menu_contactanos.svg); }

.active.m_cita, .m_cita:hover {
  background-image: url(../img/menu/menu_cita_active.svg); }

.active.m_modificar, .m_modificar:hover {
  background-image: url(../img/menu/menu_modificar_active.svg); }

.active.m_segunda, .m_segunda:hover {
  background-image: url(../img/menu/menu_segunda_active.svg); }

.active.m_reformas, .m_reformas:hover {
  background-image: url(../img/menu/menu_reformas_active.svg); }

.active.m_contactanos, .m_contactanos:hover {
  background-image: url(../img/menu/menu_contactanos_active.svg); }

/*** PERFIL USUARIO MEN� ***/
.perfil_nombre {
    font-size: 15px;
    font-weight: bold;
    color: #fc6500;
    margin-top: 10px;
}

.perfil_tipo {
  font-size: 14px; }

.perfil_foto {
  margin-left: 20px; }
  @media (max-width: 768px) {
    .perfil_foto {
      margin-left: 3px; } }

.perfil_foto img {
  border-radius: 50%;
  border: 2px solid #eaeaea;
  width: 62px; }
  @media (max-width: 768px) {
    .perfil_foto img {
      width: 40px;
      margin-top: 10px; } }

.btn_logout {
  background-image: url("../img/layout/ico_logout.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 40px;
  margin-left: 10px; }

/*** NAVIGATION TOGGLE ***/
.navbar {
  padding-top: 0;
  padding-bottom: 0; }

.navbar-toggler {
  border: none;
  background: transparent !important; }
  @media (max-width: 768px) {
    .navbar-toggler {
      padding: 0.25rem 0.25rem; } }
  .navbar-toggler:focus {
    outline: none;
    box-shadow: none; }
  .navbar-toggler .icon-bar {
    width: 26px;
    height: 2px;
    background-color: #777;
    display: block;
    transition: all 0.2s;
    margin-top: 7px; }
  .navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: -1% 10%; }
  .navbar-toggler .middle-bar {
    opacity: 0; }
  .navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 3% 90%; }
  .navbar-toggler.collapsed .top-bar {
    transform: rotate(0); }
  .navbar-toggler.collapsed .middle-bar {
    opacity: 1; }
  .navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0); }

footer p, footer a {
  font-family: "Tahoma-Regular", sans-serif;
  font-size: 14px;
  color: #C0C0C0; }

/*@import 'pages/_login.scss';*/
@media (max-width: 768px) {
  .container-fluid .container.position-relative.h-100 {
    padding: 0; } }

/**** FONDO HOME ****/
.fondo_home {
  width: 100%;
  height: 640px;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  position: relative;
  background-position: center center;
  background-image: url(../img/home/fondo_home_1.jpg); }
  @media (max-width: 768px) {
    .fondo_home .container.position-relative.h-100 {
      display: flex;
      flex-flow: column; }
      .fondo_home .container.position-relative.h-100 .pedir_cita {
        padding: 0px 0 0;
        display: flex;
        order: 2;
        flex-flow: column;
        margin: 0; }
        .fondo_home .container.position-relative.h-100 .pedir_cita .info_pedir_cita {
          max-width: 100%;
          padding-bottom: 0; }
        .fondo_home .container.position-relative.h-100 .pedir_cita .matricula_pedir_cita .form-control {
          border: none; }
          .fondo_home .container.position-relative.h-100 .pedir_cita .matricula_pedir_cita .form-control:focus {
            box-shadow: none; }
        .fondo_home .container.position-relative.h-100 .pedir_cita .matricula_pedir_cita .ayuda_pedir_cita {
          top: -36px;
          /*bottom: -200px;
                        border-radius: 10px;
                        padding: 5px 10px;*/ }
          .fondo_home .container.position-relative.h-100 .pedir_cita .matricula_pedir_cita .ayuda_pedir_cita span {
            display: none; }
          .fondo_home .container.position-relative.h-100 .pedir_cita .matricula_pedir_cita .ayuda_pedir_cita a {
            display: block;
            margin: 0;
            /*span.only_mv {
                                background: url(../img/ico_dudas_mv.png) no-repeat right center;
                                display: block;
                                height: 50px;
                                border: none;
                                padding-right: 60px;
                                line-height: 50px;
                                font-size: 12px;
                                font-family: $secondary-font-bold;
                                color: $secondary-color;
                            }*/
            /*img {
                                display: none;
                            }*/ }
        .fondo_home .container.position-relative.h-100 .pedir_cita .boton_pedircita {
          max-width: 100%;
          margin: 0;
          padding: 0; }
      .fondo_home .container.position-relative.h-100 .banner_texto_home {
        position: relative;
        order: 1;
        top: inherit;
        margin: 50px auto; }
        .fondo_home .container.position-relative.h-100 .banner_texto_home h2 {
          font-size: 46px; }
        .fondo_home .container.position-relative.h-100 .banner_texto_home h4 {
          font-size: 24px; } }
  .fondo_home .pedir_cita {
    padding: 50px 0 0;
    display: flex; }
    .fondo_home .pedir_cita .info_pedir_cita {
      background-color: #ffffff;
      padding: 15px 20px;
      color: #7b5c4e;
      max-width: 280px;
      line-height: 1;
      width: 100%;
      margin-right: 3px; }
      .fondo_home .pedir_cita .info_pedir_cita span {
        font-family: "Tahoma-Bold", Arial;
        color: #fc6500;
        font-size: 17px;
        display: block;
        margin-bottom: 5px; }
      .fondo_home .pedir_cita .info_pedir_cita strong {
        font-family: "Tahoma-Bold", Arial;
        display: block;
        color: #333333;
        font-size: 14px;
        margin-bottom: -2px; }
      .fondo_home .pedir_cita .info_pedir_cita em {
        font-style: normal;
        font-size: 10px;
        display: none; 
        font-family: "Tahoma-Regular", sans-serif; }
    .fondo_home .pedir_cita .matricula_pedir_cita {
      width: 100%;
      position: relative; }
      .fondo_home .pedir_cita .matricula_pedir_cita .form-control {
        width: 100%;
        display: inline-block;
        height: 80px;
        font-size: 54px;
        font-family: "BaiJamjuree-ExtraBold", Arial;
        color: #7b5c4e;
        max-width: inherit; }
      .fondo_home .pedir_cita .matricula_pedir_cita .ayuda_pedir_cita {
        display: inline-block; }
      .fondo_home .pedir_cita .matricula_pedir_cita .form-control::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #EEEEEE;
        opacity: 1;
        /* Firefox */ }
      .fondo_home .pedir_cita .matricula_pedir_cita .form-control:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #EEEEEE; }
      .fondo_home .pedir_cita .matricula_pedir_cita .form-control::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #EEEEEE; }
      .fondo_home .pedir_cita .matricula_pedir_cita .ayuda_pedir_cita {
        display: inline-block;
        background-color: #ffffff;
        position: absolute;
        right: 15px;
        top: 10px;
        color: #333333; }
      .fondo_home .pedir_cita .matricula_pedir_cita .ayuda_pedir_cita a {
        display: block;
        text-align: center;
        margin-bottom: 5px; }
      .fondo_home .pedir_cita .matricula_pedir_cita .error {
        position: absolute;
        color: #7b5c4e;
        right: 90px;
        top: 25px;
        font-size: 10px;
        padding-left: 40px;
        background: url(../img/icono_error.svg) no-repeat left center;
        line-height: 28px; }
      .fondo_home .pedir_cita .matricula_pedir_cita .ayuda_pedir_cita span {
        display: inline-block;
        font-size: 10px;
        color: #333333;
        padding: 1px 5px 0;
        border-radius: 5px;
        border: 1px solid #9a9a9a; }
    @media (max-width: 1200px) {
      .fondo_home .pedir_cita .matricula_pedir_cita .form-control {
        padding-right: 70px;
        font-size: 40px; } }
    .fondo_home .pedir_cita .boton_pedircita {
      background: #fc6500;
      color: #ffffff;
      font-weight: bold;
      width: 100%;
      padding: 10px 20px;
      margin-left: 3px;
      text-align: center;
      line-height: 60px;
      font-size: 20px;
      max-width: 300px; }
    .fondo_home .pedir_cita .boton_pedircita:hover {
      text-decoration: none;
      background-color: #7b5c4e; }
  @media (max-width: 992px) {
    .fondo_home .pedir_cita {
      margin: 0 -25px; }
      .fondo_home .pedir_cita .info_pedir_cita {
        padding: 12px 15px;
        max-width: 200px; }
        .fondo_home .pedir_cita .info_pedir_cita strong {
          display: none; }
        .fondo_home .pedir_cita .info_pedir_cita em {
            display: block;
        }
      .fondo_home .pedir_cita .boton_pedircita {
        padding: 10px;
        font-size: 18px;
        max-width: 200px; } }

.banner_texto_home {
  position: absolute;
  z-index: 2;
  top: calc(50% - 120px);
  font-family: "BaiJamjuree-Bold", Arial;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff;
  margin: auto;
  max-width: 480px;
  width: 100%; }

.banner_texto_home h2 {
  font-size: 62px;
  color: #ffffff;
  font-family: "BaiJamjuree-ExtraBold", Arial; }

.banner_texto_home h4 {
  font-family: "BaiJamjuree-Bold", Arial;
  font-size: 32px;
  color: #ffffff; }

.header-modal-info {
  background: url(../img/home/icono_info.svg) no-repeat left top;
  padding-left: 70px;
  line-height: 50px; }

.body-modal-info p {
  padding-left: 70px; }

.body-modal-info hr {
  border-top: 1px dashed #7b5c4e;
  background: none; }

.body-modal-info table {
  margin-left: 70px;
  width: 100%; }

/****** FASES ******/
.aibs_fases {
  padding: 7px;
  display: flex;
  background: #E6E3E2;
  margin: 30px 0 10px; }
  .aibs_fases .matricula_vehiculo {
    display: inline-block;
    width: auto;
    padding: 10px 20px 10px;
    font-size: 54px;
    font-family: "BaiJamjuree-ExtraBold", Arial;
    background: #ffffff;
    color: #333333;
    line-height: 1; }
  .aibs_fases .fases_item {
    flex-grow: 1;
    text-align: center;
    align-self: center; }
    .aibs_fases .fases_item .fases_nav {
      border: 2px solid #ffffff;
      padding: 0;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      display: inline-block; }
    .aibs_fases .fases_item.anterior .fases_nav {
        cursor: pointer;
        background: #7b5c4e;
    }
    .aibs_fases .fases_item.anterior .fase_titulo {
        cursor: pointer;
    }
    .aibs_fases .fases_item.active .fases_nav {
      background: #fc6500 url(../img/ico_fases_active.svg) no-repeat 10px center; }
    .aibs_fases .fases_item.check .fases_nav {
      background: #fc6500 url(../img/ico_fases_check.svg) no-repeat 5px center; }
    .aibs_fases .fases_item .fase_titulo {
      color: #ffffff;
      font-size: 16px;
      font-family: "Tahoma-Regular", sans-serif; }
    .aibs_fases .fases_item.anterior .fase_titulo, .aibs_fases .fases_item.active .fase_titulo, .aibs_fases .fases_item.check .fase_titulo {
      color: #7b5c4e; }

@media (max-width: 992px) {
  .aibs_fases {
    position: relative; }
    .aibs_fases .matricula_vehiculo {
      font-size: 30px;
      flex-grow: 1;
      margin-right: 3rem; }
    .aibs_fases .fases_item {
      flex-grow: inherit;
      margin: 5px;
      margin-top: -10px; }
      .aibs_fases .fases_item .fase_titulo {
        display: none; }
      .aibs_fases .fases_item.active .fase_titulo {
        display: block;
        position: absolute;
        right: 10px;
        bottom: 5px;
        font-size: 13px; }
      .aibs_fases .fases_item.anterior.active {
        display: none; }
      .aibs_fases .fases_item .fases_nav {
        width: 20px;
        height: 20px; }
        .aibs_fases .fases_item .fases_nav.active {
          background: #fc6500; } }

@media (max-width: 576px) {
  .aibs_fases .matricula_vehiculo {
    margin-right: 10px;
    padding: 10px;
    font-size: 24px; }
  .aibs_fases .fases_item {
    margin: 2px;
    margin-top: -10px; }
    .aibs_fases .fases_item .fases_nav {
      width: 15px;
      height: 15px; } }

/****** Selecci�n Veh�culo ******/
.seleccion_vehiculo {
  margin: 0 10px; }
  .seleccion_vehiculo ul {
    list-style: none;
    padding: 0;
    display: flex; }
    .seleccion_vehiculo ul li {
      cursor: pointer;
      display: inline-block;
      border: 1px solid #dddddd;
      margin: 0.5px;
      width: 18%;
      text-align: center;
      position: relative;
      font-family: "Tahoma-Bold", Arial;
      font-size: 20px;
      padding: 10px; }
      .seleccion_vehiculo ul li span {
        display: block;
        margin: 10px 30px;
        line-height: 1.2; }
      .seleccion_vehiculo ul li img {
        max-height: 105px;
        margin-top: 10px; }
    .seleccion_vehiculo ul li:after {
      content: "";
      border-bottom: 10px solid #ffffff;
      width: 100%;
      display: block;
      position: absolute;
      bottom: -11px;
      left: 0; }
    .seleccion_vehiculo ul li.active:after, .seleccion_vehiculo ul li:hover:after {
      border-bottom: 10px solid #fc6500; }

@media (max-width: 1200px) {
  .seleccion_vehiculo ul li {
    width: 16.5%;
    font-size: 14px; } }

@media (max-width: 992px) {
  .seleccion_vehiculo .subtitulo.only_mv {
    display: block !important;
    font-size: 24px;
    font-family: "BaiJamjuree-Bold", Arial;
    text-align: center;
    margin-bottom: 1rem; }
  .seleccion_vehiculo ul {
    flex-wrap: wrap; }
    .seleccion_vehiculo ul li {
      flex-grow: 1;
      width: 33%; }
      .seleccion_vehiculo ul li img {
        max-width: 100%; }
      .seleccion_vehiculo ul li span {
        margin: 10px 0px; }
    .seleccion_vehiculo ul li.active:after {
      bottom: 0; }
    .seleccion_vehiculo ul li.active span {
      color: #fc6500; } }

/****** Selecci�n Tipo Veh�culo ******/
.seleccion_tipo_vehiculo {
  margin: 30px 10px; }
  .seleccion_tipo_vehiculo .subtitulo {
    font-size: 24px;
    font-family: "BaiJamjuree-Bold", Arial; }
    .seleccion_tipo_vehiculo .subtitulo a {
      margin-right: 15px; }
  .seleccion_tipo_vehiculo .seleccion_paso {
    margin-left: 28px;
    font-family: "Tahoma-Bold", Arial;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 20px; }
    @media (max-width: 576px) {
      .seleccion_tipo_vehiculo .seleccion_paso {
        margin: 0; } }
    .seleccion_tipo_vehiculo .seleccion_paso a {
      color: #fc6500; }
  .seleccion_tipo_vehiculo ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    min-height: 120px; }
    .seleccion_tipo_vehiculo ul li {
      display: inline-block;
      width: 40%;
      padding: 20px 0;
      border-bottom: 1px solid #dddddd;
      margin-right: 10%; }
  @media (max-width: 992px) {
    .seleccion_tipo_vehiculo .subtitulo {
      display: none; }
    .seleccion_tipo_vehiculo ul {
      justify-content: center; }
      .seleccion_tipo_vehiculo ul li {
        width: 80%;
        margin: 0; } }
  @media (max-width: 768px) {
    .seleccion_tipo_vehiculo ul li {
      width: 100%; } }

/****** Tipo Veh�culo Seleccionado ******/
.tipo_vehiculo_seleccionado .imagen {
  height: 150px;
  width: 300px;
  background: #ffffff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .tipo_vehiculo_seleccionado .imagen img {
    max-height: 150px;
    max-width: 300px; }

.tipo_vehiculo_seleccionado .descripcion_vehiculo {
  margin-left: 32px;
  display: inline-block;
  margin-top: 20px; }
  .tipo_vehiculo_seleccionado .descripcion_vehiculo strong {
    font-family: "Tahoma-Bold", Arial;
    font-size: 22px;
    display: block; }
  .tipo_vehiculo_seleccionado .descripcion_vehiculo em {
    font-style: normal; }

.tipo_vehiculo_seleccionado .separador {
  background-color: #eeeeee;
  height: 6px;
  margin-bottom: 30px; }

.tipo_vehiculo_seleccionado a.btn.btn-custom {
  border: 5px solid #eeeeee;
  padding: 15px 30px;
  background: #fc6500;
  color: #ffffff;
  font-size: 18px;
  position: relative; }

.tipo_vehiculo_seleccionado a.btn.btn-custom:hover {
  background: #7b5c4e; }

.tipo_vehiculo_seleccionado a.btn.btn-custom.cargando:after {
  content: "";
  position: absolute;
  right: -50px;
  top: 10px;
  background: url(../img/ico_loading.svg) no-repeat center center;
  height: 30px;
  width: 30px; }

@media (max-width: 768px) {
  .tipo_vehiculo_seleccionado .imagen {
    width: 40%; }
    .tipo_vehiculo_seleccionado .imagen img {
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px; }
  .tipo_vehiculo_seleccionado .descripcion_vehiculo {
    margin-left: 20px;
    align-self: center;
    margin-top: 0;
    max-width: 46%; }
    .tipo_vehiculo_seleccionado .descripcion_vehiculo strong {
      font-size: 18px;
      line-height: 1.2; }
    .tipo_vehiculo_seleccionado .descripcion_vehiculo em {
      display: none; }
  .localiza-itv {
    display: none; } }

/****** Escoge Centro Iteuve ******/
.escoge_centro_iteuve .titulo {
  background: url("../img/ico_centro_iteuve.svg") no-repeat left center;
  font-family: "Tahoma-Bold", Arial;
  padding-left: 100px;
  line-height: 40px;
  margin-bottom: 30px;
  margin-top: 20px;
  font-size: 24px; }
  @media (max-width: 768px) {
    .escoge_centro_iteuve .titulo {
      font-size: 21px;
      line-height: 28px; } }

.escoge_centro_iteuve .listado_centros_iteuve .accordion-button {
  border: none;
  background-color: #FBFBFB;
  font-size: 20px;
  padding: 12px 18px; }

.escoge_centro_iteuve .listado_centros_iteuve .accordion-body {
  background-color: #fbfbfb;
  padding: 20px 30px 10px;
  text-transform: uppercase;
  margin-top: 4px; }
  .escoge_centro_iteuve .listado_centros_iteuve .accordion-body a {
    margin-bottom: 20px;
    display: block; }
    .escoge_centro_iteuve .listado_centros_iteuve .accordion-body a:hover {
      text-decoration: none; }
  .escoge_centro_iteuve .listado_centros_iteuve .accordion-body strong {
    display: block; }

/****** Mapa Estaci�n ******/
.mapa_estacion {
  position: relative;
  margin: 0 -25px; }
  .mapa_estacion img {
    width: 100%; }
  .mapa_estacion .btn {
    max-width: 240px;
    width: 90%; }
  .mapa_estacion .mapa_navegacion {
    position: absolute;
    z-index: 10000;
    bottom: 50px;
    left: 0;
    right: 0; }

.markerContent {
  width: 400px;
  height: 150px; }
  .markerContent h6 {
    margin-bottom: 0; }
  @media (max-width: 768px) {
    .markerContent {
      width: 290px;
      height: 140px; }
      .markerContent h5 {
        font-size: 13px;
        margin-bottom: 4px;
        line-height: 1.2; } }
  .markerContent a {
    color: #7b5c4e; }

.estacion_logo {
  width: 120px;
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    .estacion_logo {
      width: 110px;
      margin-bottom: 15px; } }

/****** Tipo Veh�culo Seleccionado / Centro Seleccionado ******/
.tipo_vehiculo_seleccionado.centro_seleccionado {
  background-color: #F9F8F8;
  padding: 12px; }

.escoge_fecha {
  display: flex;
  flex-flow: column;
  background-color: #F9F8F8; }
  .escoge_fecha .mensaje {
    text-align: center;
    padding: 30px;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-flow: column; }
    .escoge_fecha .mensaje img {
      max-height: 72px;
      max-width: 72px;
      align-self: center; }
  .escoge_fecha .boton_elegir {
    border-top: 10px solid #ffffff; }

/****** Selecci�n Fecha ******/
.seleccion_fecha {
  background: #f9f9f9;
  padding: 20px; }
  .seleccion_fecha .mes {
    margin: 0 10px;
    font-family: "Tahoma-Bold", Arial;
    font-size: 18px;
    color: #AEAEAE; }
    .seleccion_fecha .mes span {
      font-size: 27px;
      color: #434343; }
    .seleccion_fecha .mes a {
      float: right;
      font-family: "Tahoma-Bold", Arial;
      font-size: 18px;
      color: #434343; }
      .seleccion_fecha .mes a img {
        margin-left: 20px; }
    .seleccion_fecha .mes .seleccionar_nav span {
      font-size: 19px;
      line-height: 1.6;
      font-weight: normal;
      font-family: "BaiJamjuree-Bold", Arial; }
  .seleccion_fecha .calendario .nombre_dias {
    display: flex;
    text-align: center;
    font-size: 13px;
    margin: 20px 0; }
    .seleccion_fecha .calendario .nombre_dias span {
      flex-grow: 1;
      width: calc(100% / 7);
      display: block; }
  .seleccion_fecha .calendario .casillas_dias {
    display: flex;
    flex-wrap: wrap; }
  .seleccion_fecha .calendario .dia_detalle {
    flex-grow: 1;
    width: calc(100% / 7 - 10px);
    display: flex;
    background: #ffffff;
    margin: 5px;
    height: 80px;
    position: relative;
    box-shadow: 1px 1px 3px #dddddd;
    padding: 5px;
    flex-flow: column;
    justify-content: space-between; }
    .seleccion_fecha .calendario .dia_detalle .numero {
      font-size: 14px;
      color: #CECAC8;
      font-weight: bold;
      margin-bottom: 10px;
      font-family: "Tahoma-Regular", sans-serif; }
    .seleccion_fecha .calendario .dia_detalle .info_dia {
      font-size: 10px;
      font-family: "Tahoma-Regular", sans-serif;
      display: flex; }
      .seleccion_fecha .calendario .dia_detalle .info_dia img {
        height: 24px;
        margin-right: 10px; }
      .seleccion_fecha .calendario .dia_detalle .info_dia span {
        display: inline-block; }
        .seleccion_fecha .calendario .dia_detalle .info_dia span strong {
          display: block;
          font-size: 11px;
          font-family: "Tahoma-Bold", Arial; }
  .seleccion_fecha .calendario .dia_detalle.dia_naranja {
    border-bottom: 2px solid #fc6500; }
    .seleccion_fecha .calendario .dia_detalle.dia_naranja .numero {
      color: #7b5c4e; }
  .seleccion_fecha .calendario .dia_detalle.dia_naranja.dia_seleccionado {
    background: #fb650033; }
  .seleccion_fecha .calendario .dia_detalle.dia_naranja:hover {
    background: #fb650033;
    cursor: pointer; }

    .seleccion_fecha .calendario .dia_detalle.dia_Tarifa0 {
        border-bottom: 2px solid #fc6500;
    }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa0 .numero {
            color: #7b5c4e;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa0.dia_seleccionado {
            background: #fb650033;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa0:hover {
            background: #fb650033;
            cursor: pointer;
        }

    .seleccion_fecha .calendario .dia_detalle.dia_Tarifa1 {
        border-bottom: 2px solid #8b89ff;
    }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa1 .numero {
            color: #7b5c4e;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa1.dia_seleccionado {
            background: #fb650033;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa1:hover {
            background: #fb650033;
            cursor: pointer;
        }

    .seleccion_fecha .calendario .dia_detalle.dia_Tarifa2 {
        border-bottom: 2px solid #269200;
    }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa2 .numero {
            color: #7b5c4e;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa2.dia_seleccionado {
            background: #fb650033;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa2:hover {
            background: #fb650033;
            cursor: pointer;
        }

    .seleccion_fecha .calendario .dia_detalle.dia_Tarifa3 {
        border-bottom: 2px solid #ffff26;
    }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa3 .numero {
            color: #7b5c4e;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa3.dia_seleccionado {
            background: #fb650033;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa3:hover {
            background: #fb650033;
            cursor: pointer;
        }

    .seleccion_fecha .calendario .dia_detalle.dia_Tarifa4 {
        border-bottom: 2px solid #f50505;
    }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa4 .numero {
            color: #7b5c4e;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa4.dia_seleccionado {
            background: #fb650033;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa4:hover {
            background: #fb650033;
            cursor: pointer;
        }

    .seleccion_fecha .calendario .dia_detalle.dia_Tarifa5 {
        border-bottom: 2px solid #f505e9;
    }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa5 .numero {
            color: #7b5c4e;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa5.dia_seleccionado {
            background: #fb650033;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa5:hover {
            background: #fb650033;
            cursor: pointer;
        }

    .seleccion_fecha .calendario .dia_detalle.dia_Tarifa6 {
        border-bottom: 2px solid #f505e9;
    }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa6 .numero {
            color: #7b5c4e;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa6.dia_seleccionado {
            background: #fb650033;
        }

        .seleccion_fecha .calendario .dia_detalle.dia_Tarifa6:hover {
            background: #fb650033;
            cursor: pointer;
        }

@media (max-width: 768px) {
  .seleccion_fecha {
    padding: 5px 0; }
    .seleccion_fecha .mes {
      text-align: center; }
      .seleccion_fecha .mes a strong {
        display: none; }
      .seleccion_fecha .mes a img {
        margin: 0;
        padding: 10px; }
/*    .seleccion_fecha .calendario .nombre_dias span:nth-child(7) {
      display: none; }
*/    .seleccion_fecha .calendario .dia_detalle {
      width: calc(100% / 7 - 4px);
      margin: 5px 2px;
      padding: 5px 1px; }
/*      .seleccion_fecha .calendario .dia_detalle:nth-child(7n) {
        display: none; }
*/      .seleccion_fecha .calendario .dia_detalle .numero {
        margin-left: 4px; }
      .seleccion_fecha .calendario .dia_detalle .info_dia {
        position: relative;
        font-size: 9px;
        padding-left: 3px; }
        .seleccion_fecha .calendario .dia_detalle .info_dia img {
          height: 15px;
          margin-right: 0;
          position: absolute;
          top: -38px;
          right: 4px; }
        .seleccion_fecha .calendario .dia_detalle .info_dia span strong {
          font-size: 10px; } }

/****** Detalle selecci�n ******/
.detalle_seleccion {
  background: #f9f9f9;
  padding: 10px; }
  .detalle_seleccion .claim {
    color: #fc6500;
    font-family: "Tahoma-Regular", sans-serif;
    font-size: 15px;
    text-align: center; }
    .detalle_seleccion .claim img {
      margin: 5px; }
  .detalle_seleccion .mensaje {
    text-align: center;
    margin: 20px;
    color: #7b5c4e;
    font-family: "Tahoma-Bold", Arial;
    font-size: 16px; }
    .detalle_seleccion .fecha_formulario {
        text-align: center;
        margin: 20px;
        color: #7b5c4e;
        font-family: "Tahoma-Bold", Arial;
        font-size: 14px;
    }
    .detalle_seleccion .mensaje.fecha_formulario img {
      max-height: 30px; }
  .detalle_seleccion .detalle_informacion {
    border-top: 5px solid #ffffff;
    padding-top: 20px; }
    .detalle_seleccion .detalle_informacion .imagen {
      padding: 10px;
      background: #ffffff;
      margin-right: 20px;
      height: 100px;
      display: flex;
      width: 120px;
      align-items: center;
      justify-content: center; }
      .detalle_seleccion .detalle_informacion .imagen img {
        max-height: 60px;
        max-width: 120px; }
    .detalle_seleccion .detalle_informacion .descripcion_vehiculo {
      font-size: 14px;
      font-family: "Tahoma-Regular", sans-serif;
      margin-top: 20px; }
      .detalle_seleccion .detalle_informacion .descripcion_vehiculo strong {
        display: block;
        font-size: 16px;
        font-family: "Tahoma-Bold", Arial; }
  .detalle_seleccion .detalle_informacion.sin_border_top {
    border-top: none;
    padding-top: 0; }
  .detalle_seleccion .mensaje.fecha_formulario.con_border_top {
    border-top: 5px solid #ffffff;
    padding: 50px 0;
    margin: 0; }

@media (max-width: 768px) {
  .detalle_seleccion .claim, .detalle_seleccion .mensaje {
    display: none; }
  .detalle_seleccion.only_mv {
    background: #ffffff; }
    .detalle_seleccion.only_mv .claim {
      display: block; }
      .detalle_seleccion.only_mv .claim img {
        height: 25px; }
    .detalle_seleccion.only_mv .mensaje {
      display: block;
      font-size: 24px;
      margin: 0 0 20px; } }

/****** Selecci�n Hora ******/
.seleccion_hora {
  background: #f9f9f9;
  padding: 20px; }
  .seleccion_hora .titulo_hora {
    margin: 0 10px;
    font-family: "Tahoma-Bold", Arial;
    font-size: 18px;
    color: #AEAEAE; }
    .seleccion_hora .titulo_hora .hora_volver {
      margin-right: 12px;
      margin-top: 6px; }
    .seleccion_hora .titulo_hora span {
      font-size: 27px;
      color: #434343; }
    .seleccion_hora .titulo_hora a {
      float: right;
      font-family: "Tahoma-Bold", Arial;
      font-size: 18px;
      color: #434343; }
      .seleccion_hora .titulo_hora a strong {
        font-family: "Tahoma-Bold", Arial; }
      .seleccion_hora .titulo_hora a img {
        margin-left: 14px; }
    .seleccion_hora .titulo_hora a.float-start {
      /*font-size: 24px;*/ }
      .seleccion_hora .titulo_hora a.float-start img {
        margin-left: 0;
        margin-right: 5px; }
    .seleccion_hora .titulo_hora .seleccionar_nav span {
      font-size: 19px;
      line-height: 1.6;
      font-weight: normal;
      font-family: "BaiJamjuree-Bold", Arial; }
  .seleccion_hora .tabla_tarifas .tarifas {
    display: flex;
    text-align: center;
    font-size: 13px;
    margin: 20px 0; }
    .seleccion_hora .tabla_tarifas .tarifas span {
        margin-right: 50px;
        display: block;
        padding-left: 30px;
        text-align: left;
        font-size: 16px;
        background-size: 25px !important;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_basica {
        background: url(../img/icono_descuento_Tarifa0.svg) no-repeat left center;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_estandar {
        background: url(../img/icono_descuento_Tarifa1.svg) no-repeat left center;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_optima {
        background: url(../img/icono_descuento_Tarifa2.svg) no-repeat left center;
    }

    .seleccion_hora .tabla_tarifas .tarifas .tarifa_1 {
        background: url(../img/icono_descuento_Tarifa1.svg) no-repeat left center;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_2 {
        background: url(../img/icono_descuento_Tarifa2.svg) no-repeat left center;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_3 {
        background: url(../img/icono_descuento_Tarifa3.svg) no-repeat left center;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_4 {
        background: url(../img/icono_descuento_Tarifa4.svg) no-repeat left center;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_5 {
        background: url(../img/icono_descuento_Tarifa5.svg) no-repeat left center;
    }
    .seleccion_hora .tabla_tarifas .tarifas .tarifa_6 {
        background: url(../img/icono_descuento_Tarifa6.svg) no-repeat left center;
    }

  .seleccion_hora .tabla_tarifas .casillas_horas {
    display: flex;
    flex-wrap: wrap; }
  .seleccion_hora .tabla_tarifas .hora_detalle {
    flex-grow: 1;
    width: calc(100% / 4 - 10px);
    display: flex;
    background: #ffffff;
    margin: 5px;
    height: 80px;
    position: relative;
    box-shadow: 1px 1px 3px #dddddd;
    padding: 5px;
    flex-flow: column;
    justify-content: space-between; }
    .seleccion_hora .tabla_tarifas .hora_detalle .hora {
      font-size: 16px;
      color: #7b5c4e;
      font-weight: bold;
      margin-bottom: 5px;
      font-family: "Tahoma-Regular", sans-serif; }
    .seleccion_hora .tabla_tarifas .hora_detalle .precio_hora {
      font-size: 17px;
      font-family: "Tahoma-Regular", sans-serif;
      display: flex;
      flex-flow: column;
      text-align: right; }
      .seleccion_hora .tabla_tarifas .hora_detalle .precio_hora span {
        font-size: 14px;
        text-decoration: line-through;
        color: #CECAC8; }
  .seleccion_hora .tabla_tarifas .hora_detalle.hora_optima {
    border-bottom: 3px solid #269301; }
  .seleccion_hora .tabla_tarifas .hora_detalle.hora_seleccionada {
    background: #fb650033; }
  .seleccion_hora .tabla_tarifas .hora_detalle.no_disponible .hora {
    color: #CECAC8; }
  .seleccion_hora .tabla_tarifas .hora_detalle.hora_basica {
    border-bottom: 3px solid #fc6500; }
  .seleccion_hora .tabla_tarifas .hora_detalle.hora_estandar {
    border-bottom: 3px solid #8b87fe; }
  .seleccion_hora .tabla_tarifas .hora_detalle:hover {
    background: #fb650033;
    cursor: pointer; }
  .seleccion_hora .tabla_tarifas .hora_detalle.no_disponible:hover {
    background: #ffffff;
    cursor: default; }

    .seleccion_hora .tabla_tarifas .hora_detalle.hora_normal {
        border-bottom: 0px solid #8b87fe;
    }

    .seleccion_hora .tabla_tarifas .hora_detalle.hora_tarifa1 {
        border-bottom: 3px solid #8b89ff;
    }

    .seleccion_hora .tabla_tarifas .hora_detalle.hora_tarifa2 {
        border-bottom: 3px solid #269200;
    }

    .seleccion_hora .tabla_tarifas .hora_detalle.hora_tarifa3 {
        border-bottom: 3px solid #ffff26;
    }

    .seleccion_hora .tabla_tarifas .hora_detalle.hora_tarifa4 {
        border-bottom: 3px solid #f50505;
    }

    .seleccion_hora .tabla_tarifas .hora_detalle.hora_tarifa5 {
        border-bottom: 3px solid #f505e9;
    }

    .seleccion_hora .tabla_tarifas .hora_detalle.hora_tarifa6 {
        border-bottom: 3px solid #f505e9;
    }

.btn_volver_fecha {
  margin-top: -2px; }

@media (max-width: 768px) {
  .seleccion_hora {
    padding: 5px; }
    .seleccion_hora .titulo_hora {
      margin: 0; }
      .seleccion_hora .titulo_hora a.float-end {
        /*line-height: 40px;*/ }
        .seleccion_hora .titulo_hora a.float-end img {
          /*display: none;*/ }
    .seleccion_hora .tabla_tarifas .tarifas {
      margin: 5px -15px;
      justify-content: center; }
      .seleccion_hora .tabla_tarifas .tarifas span {
        margin: 0 5px;
        font-size: 12px;
        padding-left: 20px;
        background-size: 15px !important; }
    .seleccion_hora .tabla_tarifas .hora_detalle .hora {
      font-size: 14px; }
    .seleccion_hora .tabla_tarifas .hora_detalle .precio_hora {
      font-size: 13px; }
      .seleccion_hora .tabla_tarifas .hora_detalle .precio_hora span {
        font-size: 11px; } }

/* Pago online */
.metodo_pago {
  margin: 20px; }
  .metodo_pago .titulo {
    color: #7b5c4e;
    font-family: "Tahoma-Regular", sans-serif;
    font-size: 16px; }
    .metodo_pago .titulo strong {
      font-size: 24px;
      font-family: "Tahoma-Bold", Arial; }
  .metodo_pago .formas_pago {
    margin: 30px; }
    .metodo_pago .formas_pago ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-flow: column; }
        .metodo_pago .formas_pago ul .linea_info {
            cursor: default;
            display: flex;
            background-color: #fc6500;
            color: #ffffff;
            margin-bottom: 10px;
            position: relative;
            font-family: "Tahoma-Bold", Arial;
            font-size: 14px;
            padding: 20px 15px;
            width: 90%;
        }
        .metodo_pago .formas_pago ul .linea_info span {
            display: block;
            margin: 10px 30px;
            line-height: 1.2;
        }
      .metodo_pago .formas_pago ul li {
        cursor: pointer;
        display: flex;
        background-color: #F9F8F8;
        margin-bottom: 10px;
        position: relative;
        font-family: "Tahoma-Bold", Arial;
        font-size: 20px;
        padding: 20px 15px;
        width: 90%; }
        .metodo_pago .formas_pago ul li span {
          display: block;
          margin: 10px 30px;
          line-height: 1.2; }
        .metodo_pago .formas_pago ul li img {
          max-height: 105px;
          margin-top: 10px; }
        .metodo_pago .formas_pago ul li label {
          font-family: "Tahoma-Bold", Arial;
          font-size: 22px;
          color: #AEAEAE; }
        .metodo_pago .formas_pago ul li .check_pago {
          width: 70%; }
          .metodo_pago .formas_pago ul li .check_pago span {
            font-family: "Tahoma-Regular", sans-serif;
            font-size: 14px;
            color: #B4B3B3;
            margin: 5px 10px 0 35px; }
        .metodo_pago .formas_pago ul li .tarifa_pago {
          flex-grow: 1;
          width: 30%; }
          .metodo_pago .formas_pago ul li .tarifa_pago span {
            margin: 0;
            text-align: right;
            font-size: 12px;
            font-family: "Tahoma-Regular", sans-serif; }
            .metodo_pago .formas_pago ul li .tarifa_pago span strong {
              color: #fc6500;
              text-decoration: line-through;
              font-size: 18px;
              margin-left: 20px; }
          .metodo_pago .formas_pago ul li .tarifa_pago .precio_tarifa {
            color: #7b5c4e;
            font-family: "Tahoma-Bold", Arial;
            font-size: 36px; }
          .metodo_pago .formas_pago ul li .tarifa_pago .precio_tarifa_centro {
            color: #7b5c4e;
            font-family: "Tahoma-Bold", Arial;
            font-size: 24px; }
        .metodo_pago .formas_pago ul li .descuento_tarifa {
          position: absolute;
          right: -90px;
          top: 15px;
          background: url(../img/fondo_descuento.svg) no-repeat center center;
          width: 80px;
          height: 80px;
          color: #ffffff;
          font-size: 18px;
          line-height: 80px;
          text-align: center; }
      .metodo_pago .formas_pago ul li:after {
        content: "";
        border-bottom: 5px solid #ffffff;
        width: 100%;
        display: block;
        position: absolute;
        bottom: -5px;
        left: 0; }
      .metodo_pago .formas_pago ul li.active label {
        color: #fc6500; }
      .metodo_pago .formas_pago ul li.active span {
        color: #7b5c4e; }
      .metodo_pago .formas_pago ul li.active:after {
        border-bottom: 5px solid #fc6500; }
  .metodo_pago .pago ul {
    list-style: none;
    padding: 0;
    display: flex; }
    .metodo_pago .pago ul li {
      cursor: pointer;
      display: flex;
      background-color: #F9F8F8;
      margin-bottom: 10px;
      position: relative;
      font-family: "Tahoma-Bold", Arial;
      font-size: 20px;
      padding: 20px 15px;
      width: 40%;
      margin-right: 20px;
      flex-flow: column; }
      .metodo_pago .pago ul li span {
        display: block;
        margin: 10px 30px;
        line-height: 1.2; }
      .metodo_pago .pago ul li img {
        max-height: 50px;
        margin-top: 20px;
        margin-left: 10px;
        align-self: start; }
      .metodo_pago .pago ul li label {
        font-family: "Tahoma-Bold", Arial;
        font-size: 18px;
        color: #AEAEAE;
        text-transform: uppercase; }
      .metodo_pago .pago ul li .check_pago span {
        font-family: "Tahoma-Regular", sans-serif;
        font-size: 14px;
        color: #B4B3B3;
        margin: 5px 10px 0 35px; }
      .metodo_pago .pago ul li .tarifa_pago {
        flex-grow: 1;
        width: 30%; }
        .metodo_pago .pago ul li .tarifa_pago span {
          margin: 0;
          text-align: right;
          font-size: 12px;
          font-family: "Tahoma-Regular", sans-serif; }
          .metodo_pago .pago ul li .tarifa_pago span strong {
            color: #fc6500;
            text-decoration: line-through;
            font-size: 18px;
            margin-left: 20px; }
        .metodo_pago .pago ul li .tarifa_pago .precio_tarifa {
          color: #7b5c4e;
          font-family: "Tahoma-Bold", Arial;
          font-size: 36px; }
        .metodo_pago .pago ul li .tarifa_pago .precio_tarifa_centro {
          color: #7b5c4e;
          font-family: "Tahoma-Bold", Arial;
          font-size: 24px; }
      .metodo_pago .pago ul li .descuento_tarifa {
        position: absolute;
        right: -90px;
        top: 15px;
        background: url(../img/fondo_descuento.svg) no-repeat center center;
        width: 80px;
        height: 80px;
        color: #ffffff;
        font-size: 22px;
        line-height: 80px;
        text-align: center; }
    .metodo_pago .pago ul li:after {
      content: "";
      border-bottom: 5px solid #ffffff;
      width: 100%;
      display: block;
      position: absolute;
      bottom: -5px;
      left: 0; }
    .metodo_pago .pago ul li.active label {
      color: #7b5c4e; }
    .metodo_pago .pago ul li.active span {
      color: #7b5c4e; }
    .metodo_pago .pago ul li.active:after {
      border-bottom: 5px solid #fc6500; }
  .metodo_pago .pago .claim {
    color: #fc6500;
    font-family: "Tahoma-ExtraBold", Arial;
    font-size: 24px;
    margin: 20px 0; }
  .metodo_pago .pago .generar_factura {
    margin: 30px 0; }
    .metodo_pago .pago .generar_factura .form-check {
      display: flex;
      align-items: center;
      font-family: "Tahoma-Regular", sans-serif; }
      .metodo_pago .pago .generar_factura .form-check .form-check-input[type=checkbox] {
        border-radius: 50%;
        width: 2em;
        height: 2em; }
      .metodo_pago .pago .generar_factura .form-check strong {
        font-family: "Tahoma-Bold", Arial; }
  .metodo_pago .pago .promocion {
    width: 100%;
    max-width: 650px; }
    .metodo_pago .pago .promocion .form_block {
      padding: 20px 10px;
      margin-bottom: 0; }
      .metodo_pago .pago .promocion .form_block .form-control {
        width: calc(100% - 80px);
        display: inline-block;
        font-size: 24px; }
      .metodo_pago .pago .promocion .form_block .form-check-input {
        width: 2em;
        height: 2em;
        margin: 10px 20px; }
  .metodo_pago .productos {
    margin-top: 30px;
    width: 100%;
    max-width: 660px; }
    .metodo_pago .productos .claim {
      color: #fc6500;
      font-family: "Tahoma-Bold", Arial;
      font-size: 22px; }
    .metodo_pago .productos ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap; }
      .metodo_pago .productos ul li {
        flex-grow: 1;
        width: 27%;
        margin: 30px 3%;
        text-align: center;
        justify-content: space-between;
        display: flex;
        flex-flow: column; }
        .metodo_pago .productos ul li .imagen_producto {
          width: 100%;
          border: 1px solid #eeeeee;
          display: flex;
          align-content: center;
          justify-content: center;
          vertical-align: middle;
          height: 180px;
          margin-bottom: 30px; }
          .metodo_pago .productos ul li .imagen_producto img {
            align-self: center; }
        .metodo_pago .productos ul li .detalle_producto {
          font-size: 12px;
          font-family: "BaiJamjuree-Regular", sans-serif;
          color: #7b5c4e;
          text-align: left;
          margin-bottom: 10px; }
          .metodo_pago .productos ul li .detalle_producto strong {
            float: right;
            font-family: "Tahoma-Bold", Arial;
            font-size: 10px; }
          .metodo_pago .productos ul li .detalle_producto span {
            display: block;
            font-size: 10px; }
        .metodo_pago .productos ul li a.anyadido {
          background-color: #7b5c4e; }

@media (max-width: 768px) {
  .metodo_pago {
    margin: 0 5px; }
    .metodo_pago .formas_pago {
      margin: 10px 0; }
        .metodo_pago ul .linea_info {
            width: 100%;
            flex-flow: column;
        }
      .metodo_pago .formas_pago ul li {
        width: 100%;
        flex-flow: column; }
        .metodo_pago .formas_pago ul li .check_pago {
          width: 100%; }
        .metodo_pago .formas_pago ul li .tarifa_pago {
          width: 50%;
          margin-left: 35px;
          margin-top: 30px; }
          .metodo_pago .formas_pago ul li .tarifa_pago span {
            text-align: left; }
        .metodo_pago .formas_pago ul li .descuento_tarifa {
          right: 10px;
          top: inherit;
          bottom: 10px; }
    .metodo_pago .pago ul {
      flex-flow: column; }
      .metodo_pago .pago ul li {
        width: 100%; }
    .metodo_pago .pago .promocion .form_block .form-control {
      width: calc(100% - 60px);
      font-size: 18px; }
    .metodo_pago .pago .promocion .form_block .form-check-input {
      margin: 10px; }
    .metodo_pago .productos .claim {
      text-align: center; }
    .metodo_pago .productos ul li {
      width: 100%;
      margin: 10px; }
      .metodo_pago .productos ul li .imagen_producto {
        height: auto;
        margin-bottom: 5px; }
        .metodo_pago .productos ul li .imagen_producto img {
          max-width: 100%; }
      .metodo_pago .productos ul li .detalle_producto {
        padding: 0 10px; } }

.pago_inspeccion {
  padding: 30px; }
  .pago_inspeccion .precio_inspeccion {
    font-family: "Tahoma-Bold", Arial;
    color: #7b5c4e;
    font-size: 14px;
    line-height: 24px; }
    .pago_inspeccion .precio_inspeccion span {
      float: right;
      font-size: 18px; }
  .pago_inspeccion .pago_extras {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9; }
    .pago_inspeccion .pago_extras ul {
      list-style: none;
      padding: 0;
      font-family: "Tahoma-Regular", sans-serif; }
      .pago_inspeccion .pago_extras ul li {
        margin: 20px 0; }
        .pago_inspeccion .pago_extras ul li span {
          width: calc(100% - 110px);
          display: inline-block;
          font-size: 14px; }
        .pago_inspeccion .pago_extras ul li strong {
          width: 70px;
          text-align: right;
          display: inline-block;
          font-family: "Tahoma-Bold", Arial;
          font-size: 15px;
          margin-right: 10px; }
        .pago_inspeccion .pago_extras ul li img {
          margin-bottom: 5px; }
  .pago_inspeccion .total_inspeccion {
    font-size: 17px;
    color: #7b5c4e;
    font-family: "Tahoma-Bold", Arial; }
    .pago_inspeccion .total_inspeccion span {
      font-size: 36px;
      display: inline-block;
      float: right;
      line-height: 48px;
      margin-bottom: 30px; }

@media (max-width: 768px) {
  .pago_inspeccion .total_inspeccion {
    line-height: 48px; } }

/* MODAL FLASH */
.body-modal-banner {
  max-width: 980px;
  margin: auto;
  display: flex;
  flex-flow: column;
  width: 100%; }
  .body-modal-banner .modal_mensaje {
    /*background: #F5F5F5 url(../img/oferta_flash.png) no-repeat left -30px;*/
    background: #F5F5F5;
    padding-left: 560px;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 70px; }
    .body-modal-banner .modal_mensaje h1 {
      color: #fc6500;
      font-size: 56px;
      font-family: "BaiJamjuree-ExtraBold", Arial;
      margin-bottom: 20px;
      line-height: 1; }
    .body-modal-banner .modal_mensaje h2 {
      color: #707070;
      font-family: "BaiJamjuree-Bold", Arial;
      font-size: 19px;
      margin-bottom: 40px; }
    .body-modal-banner .modal_mensaje .modal_precio {
      color: #7b5c4e;
      font-size: 50px;
      font-family: "Tahoma-Bold", Arial;
      text-align: right;
      line-height: 1.2;
      margin-bottom: 20px; }
      .body-modal-banner .modal_mensaje .modal_precio span {
        text-decoration: line-through;
        color: #fc6500;
        font-family: "Tahoma-Regular", sans-serif;
        font-size: 35px;
        display: block; }
    .body-modal-banner .modal_mensaje p {
      text-align: right;
      color: #AEAEAE;
      font-family: "Tahoma-Regular", sans-serif;
      color: #7b5c4e;
      font-size: 14px;
      margin-left: 50px;
      margin-bottom: 40px; }
    .body-modal-banner .modal_mensaje em {
      font-style: normal;
      font-family: "Tahoma-Regular", sans-serif;
      color: #7b5c4e;
      font-size: 12px;
      text-align: right;
      display: block; }
  .body-modal-banner .botones_oferta {
    display: flex;
    justify-content: space-around;
    margin: 0 50px; }
    .body-modal-banner .botones_oferta .btn-shop {
      background: #fc6500 url(../img/ico_shopping-bag.png) no-repeat right center;
      border-right: 20px solid #fc6500;
      border-left: 20px solid #fc6500; }
    .body-modal-banner .botones_oferta .btn-shop:hover {
      background-color: #7b5c4e;
      border-right: 20px solid #7b5c4e;
      border-left: 20px solid #7b5c4e; }

@media (max-width: 768px) {
  .body-modal-banner .modal_mensaje {
    padding: 15px;
    padding-top: 220px;
    background: #F5F5F5 url(../img/img-flash-movil.jpg) no-repeat left top/contain; }
    .body-modal-banner .modal_mensaje h1 {
      font-size: 36px; }
    .body-modal-banner .modal_mensaje h2 {
      font-size: 16px;
      margin-bottom: 20px; }
    .body-modal-banner .modal_mensaje p {
      margin-left: 20px;
      margin-bottom: 20px; }
  .body-modal-banner .botones_oferta {
    flex-flow: column;
    margin: 0; }
    .body-modal-banner .botones_oferta a {
      margin: 10px 0 !important; } }

/* Formulario */
.form_block {
  background-color: #FBFBFB;
  padding: 20px;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 18px; }
  .form_block label {
    font-size: 12px;
    color: #AEAEAE;
    font-family: "Tahoma-Bold", Arial;
    margin-bottom: 9px;
    text-transform: uppercase; }
  .form_block .form-control {
    max-width: inherit;
    border: none;
    font-size: 1rem;
    font-family: "Tahoma-ExtraBold", Arial;
    color: #7b5c4e; }

/* FINALIZACION */
.datos_facturacion {
  margin-top: 3rem; }
  .datos_facturacion h1 {
    font-size: 35px;
    font-family: "BaiJamjuree-Bold", Arial;
    color: #7b5c4e; }
  .datos_facturacion h2 {
    color: #363636;
    font-size: 18px;
    font-family: "Tahoma-Regular", sans-serif; }
  .datos_facturacion .separador {
    border-top: 1px dashed #dddddd;
    margin-top: 50px;
    padding-top: 50px;
    height: 1px; }

@media (max-width: 768px) {
  .datos_facturacion {
    margin-top: 0; }
    .datos_facturacion h1 {
      font-size: 26px; }
    .datos_facturacion h2 {
      font-size: 15px; } }

@media (max-width: 768px) {
  .pago_inspeccion .total_inspeccion {
    line-height: 48px; } }

.finalizacion {
  margin-top: 3rem; }
  .finalizacion h1 {
    padding-left: 110px;
    background: url(../img/ico_tic_naranja.png) no-repeat left top;
    font-size: 35px;
    color: #7b5c4e;
    font-family: "BaiJamjuree-Bold", Arial;
    padding-bottom: 10px; }
  .finalizacion p {
    margin-left: 110px;
    font-family: "Tahoma-Regular", sans-serif;
    font-size: 15px;
    color: #1A1818; }
  .finalizacion .descargas {
    display: flex;
    justify-content: center;
    margin-top: 50px; }
    .finalizacion .descargas a {
      display: inline-block;
      border: 1px solid #5e5e5e;
      padding: 10px 20px;
      font-size: 18px;
      font-family: "Tahoma-Regular", sans-serif;
      color: #5e5e5e;
      margin: 30px; }
      .finalizacion .descargas a img {
        margin-left: 50px; }
    .finalizacion .descargas a:hover {
      text-decoration: none;
      color: #fc6500; }

@media (max-width: 768px) {
  .finalizacion {
    margin-top: 0; }
    .finalizacion h1 {
      padding-bottom: 30px;
      padding-top: 100px;
      background-position: center top;
      padding-left: 0;
      font-size: 22px;
      text-align: center; }
    .finalizacion p {
      margin: 0;
      text-align: center; }
    .finalizacion .descargas {
      margin-top: 0px;
      flex-flow: column; }
      .finalizacion .descargas a {
        margin: 10px;
        line-height: 40px; }
        .finalizacion .descargas a img {
          margin-left: 0;
          float: right; } }

.finalizacion.alert h1 {
  background: url(../img/ico_alert.png) no-repeat left top; }

.btn--brandtext {
    color: #fc6900;
    font-weight: 700;
}

@media (max-width: 768px) {
    .finalizacion.alert h1 {
        background-position: center top;
    }
}

.waitModal {
    display: none;
    background: white url(../img/loading.gif) no-repeat center center;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    z-index: 1000;
}
.waitModal{
    opacity: 0.85;
    width: 100%;
    height: 200%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: 60px;
    font-size: 30px;
}
.waitModal span {
    vertical-align: middle;
    line-height: normal;
    display: table-cell;
    padding-top: 100px;
}

/* Modificar reserva */
.modificar_reserva {
  margin: 20px; }
  .modificar_reserva .titulo {
    color: #7b5c4e;
    font-family: "Tahoma-Regular", sans-serif;
    font-size: 16px; }
    .modificar_reserva .titulo strong {
      font-size: 24px;
      font-family: "Tahoma-Bold", Arial; }
  .modificar_reserva .subtitulo {
    font-size: 22px;
    font-family: "Tahoma-Bold", Arial;
    color: #fc6500;
    margin-bottom: 5px; }
  .modificar_reserva .acciones {
    padding: 40px 120px; }
    .modificar_reserva .acciones .accion_item {
      background-color: #F9F8F8;
      padding: 25px 35px;
      margin-top: 10px;
      margin-bottom: 10px;
      display: block; }
      .modificar_reserva .acciones .accion_item:hover {
        background-color: #f1f1f1;
        text-decoration: none; }
        .modificar_reserva .acciones .accion_item:hover .accion_item_titulo {
          color: #7b5c4e; }
    .modificar_reserva .acciones .accion_item_titulo {
      font-family: Tahoma;
      font-size: 17px;
      font-weight: bold;
      color: #BEBEBE; }
    .modificar_reserva .acciones .accion_item_texto {
      font-family: Tahoma;
      font-size: 13px;
      color: #685850; }
    .modificar_reserva .acciones .accion_item_txtaccion {
      font-family: Tahoma;
      font-size: 14px;
      color: #fc6500;
      text-align: center;
      padding-top: 10px; }
    .modificar_reserva .acciones .accion_item_icono {
      background-repeat: no-repeat;
      background-size: 35px;
      background-position: center;
      width: 100%;
      height: 40px; }
    .modificar_reserva .acciones .accion_modificar {
      background-image: url("../img/modificar/ico_modificar_editar.svg"); }
    .modificar_reserva .acciones .accion_editardatos {
      background-image: url("../img/modificar/ico_modificar_editardatos.svg"); }
    .modificar_reserva .acciones .accion_imprimir {
      background-image: url("../img/modificar/ico_modificar_imprimir.svg"); }
    .modificar_reserva .acciones .accion_anular {
      background-image: url("../img/modificar/ico_modificar_anular.svg"); }

.detallereserva {
  background-color: #F1F1F1;
  color: #706865;
  margin-top: -20px;
  margin-bottom: 20px; }

.detallereserva_bloque {
  padding: 5px 25px;
  border-right: 1px solid white;
  margin-top: 10px;
  margin-bottom: 10px; }

@media (max-width: 1200px) {
  .modificar_reserva .acciones {
    padding: 20px 0px; } }

@media (max-width: 992px) {
  .aibs_fases .fases_item.check .fases_nav {
    background-position: 3px center;
    background-size: 10px; } }

@media (max-width: 768px) {
  .detallereserva_bloque {
    padding: 6px 13px;
    border-right: none;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid white;
    font-size: 15px; } }

@media (max-width: 576px) {
  .aibs_fases .fases_item.check .fases_nav {
    background-position: 2px center;
    background-size: 8px; } }

.modal_descuento {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0; }

.modal_descuento_bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9;
  width: 100%;
  height: 100%; }

.modal_descuento_container {
  position: absolute;
  width: 750px;
  height: auto;
  margin: 0 auto;
  background-color: white;
  border-radius: 10px;
  padding: 30px;
  top: calc(50vh - 180px);
  left: calc(50vw - 375px);
  z-index: 10; }
  @media (max-width: 768px) {
    .modal_descuento_container {
      max-width: 95%;
      left: 5px;
      right: 5px;
      top: 5px; } }

.modal_descuento_closebtn {
  position: absolute;
  height: 20px;
  width: 20px;
  background-image: url(../img/banner_descuento/btn_cerrar.svg);
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  right: 18px;
  top: 15px; }

.modal_descuento_sello {
  background-image: url("../img/banner_descuento/premio.svg");
  background-size: 110px;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 24px;
  color: #fc6500;
  font-size: 30px;
  height: 110px;
  font-weight: bold; }
  @media (max-width: 768px) {
    .modal_descuento_sello {
      margin-bottom: 24px; } }

.modal_descuento_descripcion {
  font-size: 32px;
  font-family: "BaiJamjuree-Bold", Arial;
  color: #736762;
  line-height: 1.1;
  padding-left: 10px; }
  @media (max-width: 768px) {
    .modal_descuento_descripcion {
      padding-left: 0px;
      font-size: 28px; } }

.modal_descuento_descripcion span {
  color: #fc6500; }

.modal_descuento_logo img {
  max-width: 100%;
  width: 120px; }
  @media (max-width: 768px) {
    .modal_descuento_logo img {
      margin: 0 auto;
      margin-top: 40px; } }

.modal_descuento_precio {
  text-align: right; }

.modal_descuento_precio span {
  font-size: 35px;
  font-family: "BaiJamjuree-Bold", Arial;
  color: #736762;
  display: block; }

span.modal_descuento_precio_anterior {
  font-size: 22px;
  font-family: "BaiJamjuree-Regular", sans-serif;
  color: #fc6500;
  text-decoration: line-through; }

.modal_descuento_valor {
  background-image: url("../img/banner_descuento/sello_descuento.svg");
  background-size: 120px;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 28px;
  color: white;
  font-size: 40px;
  height: 120px;
  font-weight: normal;
  font-family: "Tahoma-Regular", sans-serif; }