﻿@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 #f5f5f5; }
  .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;
}

.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; }

/***** INFO WINDOW *****/
.ap_infowindow .modal-header {
    border-bottom-color: transparent;
}

.ap_infowindow .modal-title {
    font-size: 40px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 90px;
    background-image: url("/Assets/itv-ereformas/img/ico_info_naranja.svg");
    padding-left: 120px;
    min-height: 90px;
    padding-top: 17px;
}

.ap_infowindow .modal-dialog {
    max-width: 950px;
}

.ap_infowindow .modal-body {
    padding-left: 140px;
    padding-right: 100px;
}

.ap_infowindow .modal-content {
    padding: 30px;
}

    .ap_infowindow .modal-content p {
        font-family: "Tahoma-Regular", sans-serif;
        margin-bottom: 20px;
    }

        .ap_infowindow .modal-content p strong {
            font-family: "Tahoma-Bold", Arial;
        }

    .ap_infowindow .modal-content h3 {
        font-family: "BaiJamjuree-Bold", Arial;
        margin-top: 10px;
        margin-bottom: 20px;
    }

.ap_infowindow .btn-close {
    background-size: 22px;
    margin-top: -100px;
}

.ap_infowindow .info_separador {
    border-top: 1px dotted #909090;
    margin-top: 40px;
    margin-bottom: 70px;
}

.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; }

.form_iconomsg {
  background-image: url(/Assets/itv-ereformas/img/mensajes/mensajes_active.svg);
  background-repeat: no-repeat;
  background-size: 32px;
  width: 100%;
  height: 100%;
  background-position: 80% center; }

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.3;
    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(/Assets/fonts/BaiJamjuree/BaiJamjuree-Light.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-Regular";
    src: url(/Assets/fonts/BaiJamjuree/BaiJamjuree-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-Medium";
    src: url(/Assets/fonts/BaiJamjuree/BaiJamjuree-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-Bold";
    src: url(/Assets/fonts/BaiJamjuree/BaiJamjuree-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "BaiJamjuree-ExtraBold";
    src: url(/Assets/fonts/BaiJamjuree/BaiJamjuree-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Tahoma-Light";
  src: url(/Assets/fonts/Tahoma/Tahoma.ttf) format("truetype"); }

@font-face {
  font-family: "Tahoma-Regular";
  src: url(/Assets/fonts/Tahoma/Tahoma.ttf) format("truetype"); }

@font-face {
  font-family: "Tahoma-Medium";
  src: url(/Assets/fonts/Tahoma/Tahoma.ttf) format("truetype"); }

@font-face {
  font-family: "Tahoma-Bold";
  src: url(/Assets/fonts/Tahoma/Tahoma_Bold.ttf) format("truetype"); }

@font-face {
  font-family: "Tahoma-ExtraBold";
  src: url(/Assets/fonts/Tahoma/Tahoma_Bold.ttf) format("truetype"); }

@media (max-width: 768px) {
  .logo_aplicacion img {
    width: 130px; } }

.header_menu {
  margin: 0 auto;
  width: 100%;
  background-color: #FBFBFB; }

/*** 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: 14px;
    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_inicio {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_inicio.svg); }

.m_reformas {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_reformas.svg); }

.m_info {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_sabermas.svg); }

.m_alta {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_nuevareforma.svg); }

.m_contacto {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_contacto.svg); }

.active.m_inicio, .m_inicio:hover {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_inicio_active.svg); }

.active.m_reformas, .m_reformas:hover {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_reformas_active.svg); }

.active.m_info, .m_info:hover {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_sabermas_active.svg); }

.active.m_alta, .m_alta:hover {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_nuevareforma_active.svg); }

.active.m_contacto, .m_contacto:hover {
  background-image: url(/Assets/itv-ereformas/img/menu/menu_contacto_active.svg); }

/*** MENSAJES ***/
.m_mensajes {
  background-image: url(/Assets/itv-ereformas/img/mensajes/mensajes_desactive.svg);
  padding-left: 80px;
  background-position-x: 30px; }

.m_mensajes:hover {
  background-image: url(/Assets/itv-ereformas/img/mensajes/mensajes_active.svg);
  color: #707070;
  border-bottom-color: transparent; }

.tienemensajes.m_mensajes {
  background-image: url(/Assets/itv-ereformas/img/mensajes/mensajes_active.svg);
  color: #707070;
  border-bottom-color: transparent; }

/*** PERFIL USUARIO MEN� ***/
.perfil_nombre {
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px; }

.perfil_tipo {
  font-size: 14px; }

.perfil_foto {
  margin-left: 20px; }

.perfil_foto img {
  border-radius: 50%;
  border: 2px solid #eaeaea;
  width: 62px; }
  @media (max-width: 768px) {
    .perfil_foto img {
      width: 50px;
      margin-top: 5px; } }

.btn_logout {
  background-image: url("/Assets/itv-ereformas/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; }
  .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); }

.header_icono_reforma {
  width: 60px;
  height: 60px;
  background-image: url(/Assets/itv-ereformas/img/layout/header_icono_reforma.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  border-radius: 50%;
  border: 2px solid #eaeaea; }

footer p, footer a {
  font-family: "Tahoma-Regular", sans-serif;
  font-size: 14px;
  color: #C0C0C0; }

.ap_loginpage {
  height: auto; }

@media (max-width: 1200px) {
  .login_texto {
    left: 50px;
    right: 50px; } }

@media (min-width: 992px) {
  .ap_loginpage {
    height: calc(100vh - 122px);
    min-height: 640px; } }

.login_image_container {
  min-height: 500px; }

.login_image {
  padding: 10rem 6rem;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 100%; }

.login_texto {
  position: relative;
  z-index: 2; }

    .login_texto h1 {
        font-family: "BaiJamjuree-ExtraBold";
    }

.login_sombra {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(/Assets/WB_ap/clientes/iteuve/img/sombra.png);
  background-repeat: no-repeat;
  background-size: 100% 650px;
  background-position: center top;
  z-index: 1; }

.login_logo {
  padding: 2rem;
  text-align: center;
  height: calc(32%);
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: end; }

.login_logo img {
  width: 300px; }

.login_acceso {
  padding: 0;
  background-color: #ffffff;
  height: calc(68%);
  min-height: 340px;
  padding-left: 30px;
  padding-right: 30px; }
  .login_acceso a.alta {
    color: #FC6500;
    font-size: 13px;
    font-weight: bold; }
  .login_acceso a.olvide {
    color: #909090;
    font-size: 13px;
    font-weight: bold; }

.login_btn {
  background-color: #FC6500;
  font-size: 15px;
  color: #fff;
  border-radius: 0;
  padding: 10px; }
  .login_btn:hover {
    color: #fff;
    background-color: #94051D; }

/**** FOOTER ****/
.loginpage .footer_leftcol {
  background-color: #38383C;
  color: white;
  padding: 60px 70px 40px 70px; }

.loginpage .footer_rightcol {
  background-color: #FC6500;
  color: white;
  padding: 60px 70px 40px 70px; }

.loginpage .footer_container a {
  color: white; }

@media (max-width: 768px) {
  .ap_loginpage > .row {
    width: 100%; }
  .login_image {
    padding: 3rem 2rem; }
  .login_logo {
    padding: 3rem 6rem 1rem 6rem; }
  .login_acceso {
    padding: 2rem 2rem; } }

@media (max-width: 992px) {
  .loginpage .footer_leftcol {
    padding: 30px 70px 20px 70px; }
  .loginpage .footer_rightcol {
    padding: 25px 70px 20px 70px; } }

.bganimate_container {
  padding: 0;
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }

.bganimate_image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: -5px;
  width: 100%;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center; }

.bganimate_image.active {
  z-index: 3; }

.login_image {
  padding: 2rem 6rem; }

.login_texto h1 {
  color: #fc6500; }

.login_texto {
  position: absolute;
  bottom: 25px;
  color: white; }

.login_texto h4 {
  color: #AAAAAA; }

.login_texto img {
  width: 120px;
  margin-bottom: 18px; }

.login_acceso .form-control {
  max-width: none; }

.loginpage .container {
  max-width: none; }

/**** BANNER CABECERA ****/
.banner_cabecera {
  width: 100%;
  height: 280px;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: relative;
  background-position: center bottom; }

.banner_texto {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    font-family: "BaiJamjuree-Bold", Arial;
}

.cabecera_titulo {
  font-size: 50px;
  color: #fff; }

.cabecera_subtitulo {
  font-size: 18px;
  color: #fc6500;
  text-transform: uppercase; }

.banner_texto p {
  color: #fff; }

/**** SABER MAS ****/
.content_bg2 {
  background-color: #FBFBFB; }

.bgfull {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  width: 100%;
  min-height: 350px;
  height: 100%; }
  @media (max-width: 992px) {
    .bgfull {
      background-position: center;
      min-height: 230px; } }

.bgleft {
  background-position: left center; }

.iabgfull {
  background-repeat: no-repeat;
  background-size: 340px;
  background-position: 37% top;
  background-image: url(/Assets/itv-ereformas/img/sabermas/Circuito.png);
  width: 100%;
  height: 100%; }
  @media (max-width: 992px) {
    .iabgfull {
      background-size: 200px;
      background-position: 100% top; } }

.infoblock {
  background-color: white;
  border-radius: 16px;
  padding: 50px;
  box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2); }
  @media (max-width: 992px) {
    .infoblock {
      padding: 30px;
      margin-bottom: 40px; } }

.bgflotante {
  height: 200px;
  background-color: #fc6500; }
  @media (max-width: 992px) {
    .bgflotante {
      height: 120px;
      background-color: transparent; } }

.cajaflotante {
  float: left;
  width: calc(100% - 120px);
  margin: 0px;
  margin-top: -120px;
  margin-left: 60px;
  margin-right: 60px; }
  @media (max-width: 992px) {
    .cajaflotante {
      margin-left: 10px;
      margin-right: 10px;
      width: calc(100% - 20px); } }

.checkbullet {
  background-image: url(/Assets/itv-ereformas/img/estados/estado_completado.svg);
  background-position: left;
  background-size: 25px;
  background-repeat: no-repeat;
  padding-left: 48px;
  color: #685850;
  font-size: 20px;
  font-weight: bold;
  font-family: Tahoma;
  padding-top: 20px;
  padding-bottom: 20px; }

.genericbullet {
  padding-left: 39px;
  color: #685850;
  font-size: 18px;
  font-weight: normal;
  font-family: Tahoma;
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px; }

.genericbullet::before {
  top: 14px;
  left: 10px;
  position: absolute;
  content: " ";
  background-color: #fc6500;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.mw-800 {
  max-width: 800px; }

/****** FASES ******/
.reformas_fases {
  background-color: #FBFBFB;
  padding: 30px;
  position: relative;
  display: block;
  box-shadow: 3px 3px 6px #eaeaea; }
  @media (max-width: 992px) {
    .reformas_fases {
      display: none; } }

.reformas_fases_mobile {
  display: none;
  border: 3px solid #E3E3E3;
  padding: 10px;
  background-color: #ffffff;
  cursor: pointer; }
  @media (max-width: 992px) {
    .reformas_fases_mobile {
      display: block; } }
  .reformas_fases_mobile .fase_titulo {
    padding-top: 10px;
    height: 36px;
    padding-left: 44px; }
  .reformas_fases_mobile .icono_estado {
    height: 36px; }

.fases_item {
  position: relative;
  margin-bottom: 30px; }
  .fases_item:last-child {
    margin-bottom: 0; }
  .fases_item:last-child::after {
    display: none; }
  .fases_item::after {
    content: " ";
    width: 2px;
    background-color: #D9D9D9;
    position: absolute;
    top: 76px;
    bottom: -63px;
    left: 29px; }

.fases_nav {
  border: 2px solid #D9D9D9;
  padding: 4px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-top: 36px; }

.fases_nav_bg {
  background-color: #ECECEC;
  border-radius: 50%;
  width: 24px;
  height: 24px; }

.fases_nav.active .fases_nav_bg {
  background-color: #F16623; }

/**** TITULO FASE + ICONOS ******/
.fase_titulo {
  font-size: 12px;
  color: #7b5c4e;
  padding-top: 43px;
  font-family: "Tahoma-Bold", Arial; }

.fase_bgico {
  background-position: left top;
  background-size: 32px;
  background-repeat: no-repeat; }

.fase_alta {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_alta.svg"); }

.fase_documentacion {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_documentos.svg"); }

.fase_pago {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_pago.svg");
  background-size: 38px; }

.fase_analisis {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_analisis.svg");
  background-size: 40px; }

.fase_inspeccion {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_inspeccion.svg"); }

.fase_legalizacion {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_legalizacion.svg");
  background-size: 36px; }

.fase_tarjetaitv {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_tarjetaitv.svg");
  background-size: 36px; }

/****** WORKFLOW ICONOS ESTADO ********/
.icono_estado {
  background-position: center;
  background-size: 30px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin-top: 10px; }

.estado_completado {
  background-image: url("/Assets/itv-ereformas/img/estados/estado_completado.svg");
  background-size: 25px; }

.estado_error {
  background-image: url("/Assets/itv-ereformas/img/estados/estado_error.svg"); }

.estado_requerimiento {
  background-image: url("/Assets/itv-ereformas/img/estados/estado_requerimiento.svg"); }

.estado_actualizando {
  background-image: url("/Assets/itv-ereformas/img/estados/estado_actualizando.svg");
  background-size: 25px; }

.estado_alerta {
  background-image: url("/Assets/itv-ereformas/img/estados/estado_alerta.svg"); }

.estado_info {
  background-image: url("/Assets/itv-ereformas/img/ico_info_naranja.svg"); }

.estado_applus {
  background-image: url("/Assets/itv-ereformas/img/estados/estado_applus.svg");
  background-size: 50px !important; }

@media (max-width: 992px) {
  .estado_actualizando {
    background-image: url("/Assets/itv-ereformas/img/estados/estado_actualizando.svg");
    background-size: 25px; }
  .estado_requerimiento {
    width: 38px !important;
    background-size: 33px !important; }
  .estado_error {
    width: 28px !important;
    background-size: 23px !important; }
  .estado_applus {
    background-size: 38px !important;
    width: 40px !important; } }

/***** CENTRO *********/
.reformas_centro {
  display: block;
  /*@media (max-width: 768px) {
        display: none;

        h5 {
            display: none;
        }
    }*/ }

.reformas_centro_mobile {
  display: none;
  margin-top: -3px;
  border: 3px solid #E3E3E3;
  padding: 16px 18px;
  background-color: #ffffff;
  cursor: pointer; }
  .reformas_centro_mobile h5 {
    margin-bottom: 0; }
  @media (max-width: 768px) {
    .reformas_centro_mobile {
      display: block; } }

.centro_container {
  background-color: #F9F8F8;
  padding: 8px;
  position: relative; }
  @media (max-width: 768px) {
    .centro_container a {
      display: block; } }

.centro_content {
  background-image: url("/Assets/itv-ereformas/img/estacion_itv.svg");
  background-repeat: no-repeat;
  background-size: 65px;
  color: #909090;
  font-size: 12px;
  font-family: "Tahoma-Regular", sans-serif;
  background-position: 12px 20px;
  padding: 12px;
  padding-top: 60px; }

.centro_titulo {
  font-size: 18px;
  font-family: "Tahoma-Bold", Arial;
  margin-bottom: 5px; }

.centro_mapaimg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%; }
  @media (max-width: 768px) {
    .centro_mapaimg {
      width: 450px;
      height: 170px;
      max-width: 100%; } }

.icono_cita {
  background-image: url("/Assets/itv-ereformas/img/icono_cita.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 50px;
  height: 40px; }

.btn_toggle {
  cursor: pointer;
  padding-bottom: 5px;
  position: relative; }
  @media (max-width: 992px) {
    .btn_toggle {
      padding-bottom: 0px; } }

.btn_toggle::after {
  content: ' ';
  background-image: url("/Assets/itv-ereformas/img/arrow_accordeon.svg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 2px;
  top: 1px;
  transition: all 0.5s ease; }

.btn_toggle.open::after {
  transform: rotate(180deg); }

.toggle_block {
  padding-bottom: 5px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D6D6D6; }
  @media (max-width: 992px) {
    .toggle_block {
      margin-bottom: 15px; } }

.descarga_documento {
  background-image: url("/Assets/itv-ereformas/img/documentos/documento_descargar.svg");
  background-size: 55px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 10px;
  top: 11px;
  display: block;
  width: 50px;
  height: 50px; }

.descarga_documento:hover {
  background-image: url("/Assets/itv-ereformas/img/documentos/documento_descargar_over.svg"); }

.alerta_container {
  font-family: "Tahoma-Regular", sans-serif;
  border: 8px solid #f7f7f7;
  background-color: #FEFEFE;
  padding: 20px;
  width: 100%; }

.alerta_icono {
  background-position: 12px 17px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding-left: 50px; }

.alerta_icono.fase_documentacion, .alerta_icono.fase_inspeccion {
  background-size: 25px; }

.alerta_titulo {
  font-size: 15px;
  font-family: "Tahoma-Bold", Arial;
  color: #7b5c4e; }

.alerta_descripcion {
  font-size: 13px;
  color: #7b5c4e;
  margin-top: 5px; }

.msg_titulo {
  padding-left: 36px;
  background-image: url("/Assets/itv-ereformas/img/mensajes/mensajes_desactive.svg");
  background-position: left 2px;
  background-size: 23px;
  background-repeat: no-repeat;
  display: block;
  min-height: 23px;
  line-height: 23px; }

.msg_new .msg_titulo {
  background-image: url("/Assets/itv-ereformas/img/mensajes/mensajes_active.svg");
  font-weight: bold; }

.msg_items .table {
  font-size: 15px;
  min-width: 500px; }

.reformas_detalle .msg_detalle_seccion h3 {
  color: #9a9a9a; }

.reformas__listado table tr {
  border: 8px solid #E3E3E3; }

.reformas__listado table tr[aria-hidden] {
  border: none; }
  .reformas__listado table tr[aria-hidden] td {
    border: none; }

.reformas__listado__buscar {
  background-image: url(/Assets/itv-ereformas/img/ico_search.svg);
  background-repeat: no-repeat;
  background-position: 96% center; }

.reformas__listado td {
  padding: 9px 12px;
  border-right: 1px solid #E3E3E3;
  color: #030303;
  font-family: "Tahoma-Regular", sans-serif;
  vertical-align: middle; }

@media (max-width: 768px) {
  .reformas__listado tr {
    position: relative; }
  .reformas__listado td {
    display: block;
    border: none;
    padding-bottom: 0; }
    .reformas__listado td.td_ico_estado > div {
      padding-left: 36px;
      width: max-content;
      background-position: left; }
    .reformas__listado td.td_ico_info {
      padding-bottom: 10px; }
    .reformas__listado td.td_btn_acceder {
      position: relative; }
      .reformas__listado td.td_btn_acceder a {
        position: absolute;
        top: -40px;
        right: 10px; }
  .reformas__listado col {
    width: 100%; } }

.itemtitle {
  font-size: 18px;
  margin-bottom: 2px; }

.itemsubtitle {
  font-size: 14px; }

/*** LISTA ESTADOS ***/
.listado_estado_item {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 30px;
  font-size: 13px;
  text-align: right;
  padding: 12px;
  padding-right: 50px;
  margin-top: 4px; }
  .listado_estado_item.fase_documentacion, .listado_estado_item.fase_inspeccion {
    background-size: 25px; }

.listado_info_item {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 23px;
  padding-right: 30px;
  display: inline-block; }
  @media (min-width: 768px) {
    .listado_info_item {
      margin-bottom: 5px;
      margin-top: 5px; } }
  .listado_info_item span {
    background-color: #eaeaea;
    border-radius: 50%;
    padding: 4px;
    font-size: 12px;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center; }

.listado_info_documentos {
  background-image: url("/Assets/itv-ereformas/img/fases/fase_documentos.svg"); }

.listado_info_mensajes {
  background-image: url("/Assets/itv-ereformas/img/mensajes/mensajes_active.svg");
  margin-left: 15px; }

.reformas__listado__acceder {
  background-image: url("/Assets/itv-ereformas/img/arrow_right_gris.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  width: 40px;
  height: 40px;
  display: block; }
  .reformas__listado__acceder:hover {
    text-decoration: none;
    background-image: url("/Assets/itv-ereformas/img/arrow_right_active.svg"); }

.reformas__listado__cerrar {
  background-image: url("/Assets/itv-ereformas/img/ico_cerrar.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  width: 40px;
  height: 40px;
  display: block; }
  .reformas__listado__cerrar:hover {
    text-decoration: none;
    background-image: url("/Assets/itv-ereformas/img/ico_cerrar_over.svg"); }

.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; }

.aviso_legal_formulario {
  font-size: 13px;
  font-family: "Tahoma-Regular", sans-serif;
  color: #909090;
  font-weight: normal;
  line-height: 1.6; }

.btn_cerrar_reforma {
  background-image: url(/Assets/itv-ereformas/img/ico_cerrar.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px;
  width: 100%;
  display: block;
  padding-right: 35px;
  text-align: right; }

.btn_cerrar_reforma:hover {
  text-decoration: none;
  background-image: url("/Assets/itv-ereformas/img/ico_cerrar_over.svg"); }

.btn_informacion a {
  background-repeat: no-repeat;
  background-position: left;
  background-size: 30px;
  background-image: url("/Assets/itv-ereformas/img/ico_info_naranja.svg");
  display: block;
  height: 30px;
  padding-top: 4px;
  padding-left: 42px; }
  @media (max-width: 992px) {
    .btn_informacion a {
      background-size: 22px; } }

.documento_info_container {
  text-align: center;
  border: 1px solid #D6D6D6;
  padding: 10px;
  height: 100%;
  width: 100px;
  position: relative;
  max-height: 100px; }
  @media (max-width: 992px) {
    .documento_info_container {
      width: auto;
      border: 1px solid #f5f5f5; } }

.documento_icono_titulo {
  text-align: center;
  font-size: 10px;
  color: #909090;
  font-family: "Tahoma-Regular";
  margin-bottom: 3px;
  min-height: 24px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 992px) {
    .documento_icono_titulo {
      left: 52px;
      text-align: left;
      vertical-align: middle;
      position: absolute;
      bottom: 10px;
      margin-bottom: 0;
      right: 5px;
      top: 10px;
      display: flex !important;
      align-items: center !important;
      justify-content: start; } }

.doc_icono {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  width: 100%;
  height: 50px; }
  @media (max-width: 992px) {
    .doc_icono {
      background-size: 24px;
      height: 30px;
      width: 30px; } }

@media (max-width: 992px) {
  .documento_item label {
    padding-right: 25px; } }

.documento_form {
  max-width: 91%; }
  .documento_form .form-control {
    min-width: 150px; }
    @media (max-width: 992px) {
      .documento_form .form-control {
        font-size: 14px; } }

.documento_aportado {
  background-image: url("/Assets/itv-ereformas/img/documentos/documento_aportado.svg");
  background-size: 36px; }

.documento_noaportado {
  background-image: url("/Assets/itv-ereformas/img/documentos/documento_noaportado.svg");
  background-size: 36px; }

.documento_descarga {
  background-image: url("/Assets/itv-ereformas/img/documentos/documento_descargar.svg");
  background-size: 64px; }

.documento_descarga:hover {
  background-image: url("/Assets/itv-ereformas/img/documentos/documento_descargar_over.svg");
  background-size: 64px; }

@media (max-width: 992px) {
  .documento_aportado {
    background-size: 24px; }
  .documento_noaportado {
    background-size: 24px; }
  .documento_descarga {
    background-size: 43px; }
  .documento_descarga:hover {
    background-size: 43px; } }

.ico_masinfo {
  position: absolute;
  top: 40px;
  right: 10px; }
  @media (max-width: 992px) {
    .ico_masinfo {
      top: 2px;
      right: 10px; } }
  .ico_masinfo a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    background-image: url("/Assets/itv-ereformas/img/ico_info_naranja.svg");
    display: block;
    width: 40px;
    height: 40px; }
    @media (max-width: 992px) {
      .ico_masinfo a {
        background-size: 22px; } }

/*** DOCUMENTO EXISTENTE *****/
.documento_nombre {
  padding: 9px 17px;
  border: 1px solid #DBDBDB;
  background-color: #ffffff;
  color: #212529; }
  @media (max-width: 992px) {
    .documento_nombre {
      overflow: scroll;
      font-size: 14px;
      padding-left: 10px;
      padding-right: 10px; } }

.documento_btn_eliminar {
  display: inline-block;
  margin-left: -10px; }
  .documento_btn_eliminar a {
    background-image: url("/Assets/itv-ereformas/img/ico_eliminar.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    height: 40px;
    width: 30px;
    display: block; }
    .documento_btn_eliminar a:hover {
      background-image: url("/Assets/itv-ereformas/img/ico_eliminar_over.svg"); }
    @media (max-width: 992px) {
      .documento_btn_eliminar a {
        background-size: 16px; } }

.form_solicitudmanual {
  margin-bottom: -5px; }
  .form_solicitudmanual .form_solicitud_container {
    overflow: hidden !important;
    width: 100%; }
  .form_solicitudmanual textarea {
    height: 90px;
    font-size: 15px; }
  .form_solicitudmanual .doc_icono {
    float: left;
    width: 33px;
    height: 30px;
    background-size: 20px;
    background-position: center;
    margin-right: 3px; }
  .form_solicitudmanual a {
    display: inline-block;
    margin-top: 4px;
    font-size: 15px; }
    @media (max-width: 768px) {
      .form_solicitudmanual a {
        margin-top: 7px;
        font-size: 13px; } }
    .form_solicitudmanual a:hover {
      text-decoration: none; }

.documento_info_container .estado_completado, .documento_info_container .estado_error, .documento_info_container .estado_actualizando {
  background-size: 35px; }
  @media (max-width: 992px) {
    .documento_info_container .estado_completado, .documento_info_container .estado_error, .documento_info_container .estado_actualizando {
      background-size: 25px; } }

.documento_info_container .estado_actualizando {
  -webkit-animation-name: spin;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 2000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.pago_tipocontainer {
  background-color: #F9F9F9;
  padding: 20px;
  border-bottom: 3px solid transparent;
  font-size: 14px;
  font-family: "Tahoma-Regular", sans-serif;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
  transition: border-color 0.2s ease-out;
  margin-bottom: 10px; }
  .pago_tipocontainer .pago_titulo {
    font-family: "Tahoma-Bold", Arial;
    font-size: 18px;
    color: #7b5c4e;
    margin-bottom: 5px;
    transition: color 0.2s ease-out; }
  .pago_tipocontainer.active, .pago_tipocontainer:hover {
    background-color: #F7F7F7;
    border-color: #fc6500; }
    .pago_tipocontainer.active .pago_titulo, .pago_tipocontainer:hover .pago_titulo {
      color: #fc6500; }

.pago_tipo {
  background-repeat: no-repeat;
  background-size: auto 25px;
  background-position: left;
  width: 100%;
  height: 40px;
  margin-top: 18px; }

.pago_visa {
  background-image: url("/Assets/itv-ereformas/img/pagos/pago_visa.svg"); }

.pago_paypal {
  background-image: url("/Assets/itv-ereformas/img/pagos/pago_paypal.svg");
  background-size: auto 30px; }

.pago_bizum {
  background-image: url("/Assets/itv-ereformas/img/pagos/pago_bizum.png");
  background-size: auto 45px; }

.pago_tarifadescuento {
  text-align: right;
  font-size: 13px;
  color: #B4B3B3;
  font-family: "Tahoma-Regular", sans-serif; }
  .pago_tarifadescuento span {
    font-size: 18px;
    color: #fc6500;
    text-decoration: line-through;
    margin-left: 10px; }

.pago_tarifapagar {
  text-align: right;
  color: #434343;
  font-size: 20px;
  font-family: "Tahoma-Bold", Arial; }
  .pago_tarifapagar span {
    font-size: 40px;
    font-family: "Tahoma-Bold", Arial;
    margin-left: 20px; }

.pago_btnpago {
  font-size: 20px;
  width: 100%; }
