/* GENERALES */
.btn-primary {
  color: #fff;
  background-color: @colorMain;
  border-color: @colorMain;
  &:hover {
    background: darken(@colorMain, 10%);
    border-color: darken(@colorMain, 10%);;
  }
  .icon {
    fill: #fff;
  }
}
.btn-primary.btn-transparent {
  color: @colorMain ;
  background-color: transparent;
  border-color: @colorMain;
  .icon, .icon * {
    fill: @colorMain;
  }
}
.btn-secondary {
  color: #fff;
  background-color: @colorSecondary;
  border-color: @colorSecondary;
  .icon, .icon * {
    fill: #fff;
  }
}

/* HEADER */
header {
  background-color: @navbarColor;
}
/* Color elementos sobre barra de color */
.header-top-nav .container > .navbar-nav > li > .dropdown-toggle,
.header-top-nav .container > .navbar-nav > li > .dropdown-not-toggle,
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-toggle,
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-not-toggle {
  color: @navbarTextColor;
}
.header-top-nav .container > .navbar-nav > li > .dropdown-toggle:hover,
.header-top-nav .container > .navbar-nav > li > .dropdown-toggle:focus,
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-toggle:hover,
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-toggle:focus {
  color: @navbarTextColor;
  background: darken(@navbarColor, 20%);
}
.header-top-nav .container > .navbar-nav > li > .dropdown-toggle svg[class*="icon-anyfill"],
.header-top-nav .container > .navbar-nav > li > .dropdown-toggle svg[class*="icon-anyfill"] *,
.header-top-nav .container > .navbar-nav > li > .dropdown-not-toggle svg[class*="icon-anyfill"],
.header-top-nav .container > .navbar-nav > li > .dropdown-not-toggle svg[class*="icon-anyfill"] *,
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-toggle svg[class*="icon-anyfill"],
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-toggle svg[class*="icon-anyfill"] *,
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-not-toggle svg[class*="icon-anyfill"],
.header-top-nav .container-limited > .navbar-nav > li > .dropdown-not-toggle svg[class*="icon-anyfill"] * {
  fill: @navbarTextColor;
}
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle,
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle:hover,
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle:focus,
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle,
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle:hover,
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle:focus {
  color: @navbarTextColor;
  background: darken(@navbarColor, 20%);
}
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle svg[class*="icon-anyfill"],
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle svg[class*="icon-anyfill"] *,
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle:hover svg[class*="icon-anyfill"],
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle:hover svg[class*="icon-anyfill"] *,
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle:focus svg[class*="icon-anyfill"],
.header-top-nav .container > .navbar-nav > li.open > .dropdown-toggle:focus svg[class*="icon-anyfill"] *,
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle svg[class*="icon-anyfill"],
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle svg[class*="icon-anyfill"] *,
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle:hover svg[class*="icon-anyfill"],
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle:hover svg[class*="icon-anyfill"] *,
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle:focus svg[class*="icon-anyfill"],
.header-top-nav .container-limited > .navbar-nav > li.open > .dropdown-toggle:focus svg[class*="icon-anyfill"] * {
  fill: @navbarTextColor;
}

/* Color elementos dentro de desplegables */
header .dropdown-account ul li a svg,
header .dropdown-account ul li a svg *,
header .dropdown-account ul li button svg,
header .dropdown-account ul li button svg *,
#collapse-login-selector ul li a svg,
#collapse-login-selector ul li a svg *,
#collapse-login-selector ul li button svg,
#collapse-login-selector ul li button svg *,
#collapse-help ul li a svg,
#collapse-help ul li a svg *,
#collapse-help ul li button svg,
#collapse-help ul li button svg *,
.navbar-toggle .login_selector svg,
.navbar-toggle .login_selector svg * {
  fill: @colorSecondary;
}
header .dropdown-account ul li a:hover svg,
header .dropdown-account ul li a:hover svg *,
header .dropdown-account ul li a:focus svg,
header .dropdown-account ul li a:focus svg *,
header .dropdown-account ul li button:hover svg,
header .dropdown-account ul li button:hover svg *,
header .dropdown-account ul li button:focus svg,
header .dropdown-account ul li button:focus svg *,
#collapse-login-selector ul li a:hover svg,
#collapse-login-selector ul li a:hover svg *,
#collapse-login-selector ul li a:focus svg,
#collapse-login-selector ul li a:focus svg *,
#collapse-login-selector ul li button:hover svg,
#collapse-login-selector ul li button:hover svg *,
#collapse-login-selector ul li button:focus svg,
#collapse-login-selector ul li button:focus svg *,
#collapse-help ul li a:hover svg,
#collapse-help ul li a:hover svg *,
#collapse-help ul li a:focus svg,
#collapse-help ul li a:focus svg *,
#collapse-help ul li button:hover svg,
#collapse-help ul li button:hover svg *,
#collapse-help ul li button:focus svg,
#collapse-help ul li button:focus svg *,
.navbar-toggle .login_selector svg,
.navbar-toggle .login_selector svg * {
  fill: @colorSecondary;
}
header .dropdown-menu ul li > a:hover,
header .dropdown-menu ul li > a:focus,
header .dropdown-menu ul li > div.collapse-title:hover,
header .dropdown-menu ul li > div.collapse-title:focus,
header .dropdown-menu ul li > button:hover,
header .dropdown-menu ul li > button:focus,
header .dropdown-menu ul li .languageSelector:hover,
header .dropdown-menu ul li .languageSelector:focus {
  color: @navbarTextColor;
}


/* Selector de moneda */
.dropdown-currency .element-symbol,
#collapse-currency-selector .element-symbol {
  color: #46403c;
}
header .dropdown-menu ul li > a,
header .dropdown-menu ul li > div.collapse-title,
header .dropdown-menu ul li > button,
header .dropdown-menu ul li .languageSelector {
  color: #74716e;
}
/* elementos header mobile */
.navbar-toggle .phone-btn .icon-anyfill-graph-phone,
.navbar-toggle .icon-monocrome-menu {
  &, & * {
    fill: @navbarTextColor;
  }
}
/* contact */
#phone-extended-info .icon {
  &, & * {
    fill: @colorMain !important;
  }
}
/* selector multitelefonos */
#phone-extended-info .phonetype_place {
  color: @colorSecondary;
}
#phone-extended-info .phonetype_phone {
  color: @colorSecondary;
}
#phone-extended-info .icon {
  &, & * {

  }
}
/* icono ATOL */
header #atol-protected, footer #atol-protected {
  .logo {
    .icon-text-color {
      fill: @navbarTextColor;
    }
    .icon-background-color {
      fill: @navbarColor;
    }
  }
  .title {
    color: @navbarTextColor;
  }
}
/* FOOTER */
footer {
  background-color: @navbarColor !important;
  color: @navbarTextColor !important;
  a {
    color: @navbarTextColor;
    &:hover {
      color: @navbarTextColor;
    }
  }
}

/* BOTÓN ARRIBA */
#btnArriba {
  background: fade(@colorSecondary, 70%);
  &:hover {
    background: @colorSecondary;
  }
}

/* CONTENIDO */
/* Buscador */
.wide_searcher {
  .multicriteriasearch {
    .nav-tabs {
      > li > a:hover,
      > li > a:focus,
      > li.active > a,
      > li.active > a:hover,
      > li.active > a:focus {
        border-bottom-color: @colorMain !important;
      }
      .tabs-line {
        background: @colorMain !important;
      }
    }
  }
}
.wide_searcher {
  .plain_searcher {
    .multicriteriasearch {
      .nav-tabs {
        > li.active > a,
        > li.active > a:hover {
          border-bottom-color: @colorMain !important;
        }
        .tabs-line {
          background: @colorMain !important;
        }
      }
    }
  }
}
.continente_boton_submit button {
  background-color: @colorMain !important;
  border: 1px solid @colorMain !important;
  color:#fff;
}
.continente_boton_submit button:hover {
  background-color: darken(@colorMain, 10%) !important;
  border: 1px solid darken(@colorMain, 10%) !important;
}

.wide_searcher.alternative_searcher .multicriteriasearch .continente_boton_submit button {
  background-color: #fff !important;
  border: 1px solid @colorMain !important;
  color: @colorMain !important;
  &:hover {
    background: darken(#fff, 10%) !important;
    border: 1px solid darken(@colorMain, 10%) !important;
  }
  &.disabled {
    &, &:hover {
      background-color: #fff !important;
      border: 1px solid @colorMain !important;
      color: @colorMain !important;
    }
    .loader-inner.ball-clip-rotate div {
      border: 2px solid @colorMain !important;
      border-bottom-color: transparent !important;
    }
  }
}
.search_onetab {
  &__icon {
    &, & * {
      fill: @colorSecondary !important;
    }
  }
  &__text {
    color: @colorSecondary !important;
  }
}


  /* Hover de caja de producto transport_and_hotel_getaways.scss*/
.transport_and_hotel_getaways:hover {
  text-decoration: none!important;
}
/* Botones */
.btn-primary.btn-transparent {
  border: 1px solid @colorMain;
  color: @colorMain;
  background: transparent;
  .icon, .icon * {
    fill: @colorMain;
  }
}
.btn-primary.btn-transparent:hover,
.btn-primary.btn-transparent:focus,
.btn-primary.btn-transparent:active,
.btn-primary.btn-transparent:active:hover,
.btn-primary.btn-transparent:active:focus {
  border:1px solid darken(@colorMain, 10%);
  color: darken(@colorMain, 10%);
  background: transparent;
  box-shadow: none;
  .icon, .icon * {
    fill: darken(@colorMain, 10%);
  }
}
.btn-primary.btn-transparent:active,
.btn-primary.btn-transparent.active{
  border-color: @colorMain;
  color: @colorMain;
  .icon, .icon * {
    fill: @colorMain;
  }
}
.btn-primary.inactive,
.btn-primary.inactive:hover,
.btn-primary.inactive:focus,
.btn-primary.inactive.focus,
.btn-primary.inactive:active,
.btn-primary.inactive.active,
.btn-primary.inactive.disabled,
.btn-primary.inactive[disabled]{
  background-color: @colorMain;
  border-color: @colorMain;
  .icon, .icon * {
    fill: @colorMain;
  }
}
.btn-cta,
.btn_generico_flecha {
  color: #fff;
  background-color: @colorMain;
  border-color: @colorMain;
  .icon, .icon * {
    fill: @colorMain;
  }
}
.btn-cta:hover,
.btn-cta:focus,
.btn-cta:active,
.btn-cta:focus:active,
.btn-cta.active,
.btn-cta.active:focus,
.btn_generico_flecha:hover,
.btn_generico_flecha:focus,
.btn_generico_flecha:active,
.btn_generico_flecha:focus:active,
.btn_generico_flecha.active,
.btn_generico_flecha.active:focus,
.open > .btn-cta.dropdown-toggle,
.open > .btn_generico_flecha.dropdown-toggle {
  color: #fff;
  background-color: darken(@colorMain, 10%);
  border-color: darken(@colorMain, 10%);
  .icon, .icon * {
    fill: darken(@colorMain, 10%);
  }
}
.btn-cta.inactive,
.btn-cta.inactive.active,
.btn-cta.inactive.disabled,
.btn-cta.inactive.focus,
.btn-cta.inactive:active,
.btn-cta.inactive:focus,
.btn-cta.inactive:hover,
.btn-cta.inactive[disabled],
.btn_generico_flecha.inactive,
.btn_generico_flecha.inactive.active,
.btn_generico_flecha.inactive.disabled,
.btn_generico_flecha.inactive.focus,
.btn_generico_flecha.inactive:active,
.btn_generico_flecha.inactive:focus,
.btn_generico_flecha.inactive:hover,
.btn_generico_flecha.inactive[disabled] {
  color: #fff;
  background-color: @colorMain;
  .icon, .icon * {
    fill: #fff;
  }
}
.btn-cta.disabled,
.btn-cta.disabled.active,
.btn-cta.disabled.focus,
.btn-cta.disabled:active,
.btn-cta.disabled:focus,
.btn-cta.disabled:hover,
.btn-cta[disabled],
.btn-cta[disabled].active,
.btn-cta[disabled].focus,
.btn-cta[disabled]:active,
.btn-cta[disabled]:focus,
.btn-cta[disabled]:hover,
.btn_generico_flecha.disabled,
.btn_generico_flecha.disabled.active,
.btn_generico_flecha.disabled.focus,
.btn_generico_flecha.disabled:active,
.btn_generico_flecha.disabled:focus,
.btn_generico_flecha.disabled:hover,
.btn_generico_flecha[disabled],
.btn_generico_flecha[disabled].active,
.btn_generico_flecha[disabled].focus,
.btn_generico_flecha[disabled]:active,
.btn_generico_flecha[disabled]:focus,
.btn_generico_flecha[disabled]:hover,
fieldset[disabled] .btn-cta, fieldset[disabled]
.btn-cta.active, fieldset[disabled] .btn-cta.focus,
fieldset[disabled] .btn-cta:active,
fieldset[disabled] .btn-cta:focus,
fieldset[disabled] .btn-cta:hover,
fieldset[disabled] .btn_generico_flecha,
fieldset[disabled] .btn_generico_flecha.active,
fieldset[disabled] .btn_generico_flecha.focus,
fieldset[disabled] .btn_generico_flecha:active,
fieldset[disabled] .btn_generico_flecha:focus,
fieldset[disabled] .btn_generico_flecha:hover {
  color: #fff;
  background-color: lighten(@colorMain, 17%);
  border-color: @colorMain;
  .icon, .icon * {
    fill: #fff;
  }
}
.btn-cta.loading,
.btn-cta.loading.active,
.btn-cta.loading.disabled,
.btn-cta.loading.focus,
.btn-cta.loading:active,
.btn-cta.loading:focus,
.btn-cta.loading:hover,
.btn-cta.loading[disabled],
.btn_generico_flecha.loading,
.btn_generico_flecha.loading.active,
.btn_generico_flecha.loading.disabled,
.btn_generico_flecha.loading.focus,
.btn_generico_flecha.loading:active,
.btn_generico_flecha.loading:focus,
.btn_generico_flecha.loading:hover,
.btn_generico_flecha.loading[disabled] {
  color: #fff;
  background-color: @colorMain;
  border-color: @colorMain;
  .icon, .icon * {
    fill: #fff;
  }
}
#mssg_select_rooms {
  button {
    color: #fff;
    background-color: @colorMain;
    border-color: @colorMain;
    &:hover,
    &:focus {
      color: #fff;
      background-color: darken(@colorMain, 10%)!important;
      border-color: darken(@colorMain, 10%)!important;
    }
  }
}
.number_people legend,
.children_age .legendlike,
.titlesubfieldset {
  color: #ffffff;
}
.ball-spin-fade-loader > div {
  background-color: @colorMain;
}
.progress_bar_availability .line_move {
  background: @colorMain;
}
.hotel_card ul.menu_info_hotel li.active {
  border-bottom: 2px solid @colorMain;
}
.hotel_card ul.menu_info_hotel li:hover,
.hotel_card ul.menu_info_hotel li:active {
  border-bottom: 2px solid @colorMain;
}
.bubble_map {
  .precio_hotel,
  .precio_hotel * {
    background: @colorMain;
    color: #ffffff !important;
  }
}
/* Dispo de vuelos */
.cajaFiltro .contenidoFiltro .nav-tabs.nav-split-bt li.active a,
.cajaFiltro .contenidoFiltro .nav-tabs.nav-split-bt li.active a:focus {
  color: @colorMain;
  background: #FFF;
  border: 1px solid @colorMain;
}
.cajaFiltro .contenidoFiltro .nav-tabs.nav-split-bt li.active a:hover {
  color: darken(@colorMain, 10%);
  background: #FFF;
  border: 1px solid darken(@colorMain, 10%);
}
/* Dispo de V+H */
.transportesrafagas-content .container-limited .rafagas-text span {
  color: @colorMain;
}
.transportesrafagas-loader:before {
  background: @colorMain;
}

.txt_extras {
  background-color: #EDEDED;
  .icon{
    &, & * {
      fill: @colorMain;
    }
  }
}
.roomSelection .hotel_room-label-include {
  background-color: #EDEDED;
  .icon {
    &, & * {
      fill: @colorMain;
    }
  }
}

.include_txt_extras-resume {
  background-color: #EDEDED;
  .icon{
    &, & * {
      fill: @colorMain;
    }
  }
}
/* Panel de control */
.resume_item .resume_container a.btn-primary {
  background-color: @colorSecondary !important;
  border-color: @colorSecondary !important;
}
#login .smallLink{
  color: @colorMain !important;
}

.resume_image {
  border-top: 3px solid @colorMain;
}

.purchaseH_resume .service_icon,
.purchaseV_resume .service_icon,
.purchaseT_resume .service_icon,
.purchaseC_resume .service_icon,
.purchaseD_resume .service_icon {
  background-color: @colorMain;
}

.noReservation__img {
  background-image: url(/headers/ilusion/magallanes/dist/svg/icon-ownfill-compass-74716e.svg);
  background-size: 100px;
}

@media (max-width: 767px) {
  .menu_panel ul li.active a {
    border-bottom: 2px solid @colorMain !important;
  }
}
@media (min-width: 768px) {
  .menu_panel ul li.active a {
    color: @colorMain !important;
  }
  .menu_panel ul li a:hover,
  .menu_panel ul li a:focus {
    color: darken(@colorMain, 10%);
    svg {
      fill: darken(@colorMain, 10%);
    }
  }
  .menu_panel ul li.active svg {
    fill: @colorMain;
  }
}

@media (max-width: 992px) {
  a.resume_container {
    border-top: 3px solid @colorMain;
  }
}

.travellers_list li a.usertraveller{
  border-left:5px solid @colorMain !important;
}
.travellers_list li a.usertraveller span.glyphicons-user{
  color:@colorMain !important;
}
.login-user-info svg, .login-user-info svg *, #currentCurrencySymbolMobile, #dropdownmenu-mobile-more .phone-assistant .dropdown-toggle .icon {
  @media (max-width: 767px) {
    color: @colorMain !important;
    fill:@colorMain !important;
  }
}

/* Paquete vacacional: BOC */
/* Ficha de hotel */
.card-hotel-compact {
  .cont_info {
    .title {
      color: @colorSecondary;
      font-weight: 700;
    }
  }
}
.container_img_hotel .main_highlights_container .main_highlight {
  background: @colorMain;
}
.services-main .services_container .services-label-container .select-service.please-select {
  color: @colorMain;
}
.services-main .services_container .services-label-container .oval {
  background-color: @colorMain;
  border: 5px solid lighten(@colorMain, 17%);
}
.room_selection .travel-hotel-room-container .experience-label {
  color: @colorMain;
}
.travel-package-itinerary .itinerary-day .itinerary-day-icon {
  background-color: @colorMain;
}
.calendar_dual_dropdown.table-calendar .table-hover .price {
  color: @colorMain;
}


/* Sistema de tabs */

.simple-tabs>li>a:focus,
.simple-tabs>li>a:hover,
.simple-tabs>li>button:focus,
.simple-tabs>li>button:hover,
.simple-tabs>li.active>a,
.simple-tabs>li.active>a:focus,
.simple-tabs>li.active>a:hover,
.simple-tabs>li.active>button,
.simple-tabs>li.active>button:focus,
.simple-tabs>li.active>button:hover {
  border-bottom: solid 2px @colorMain;
}

/* Productos similares */




/* dropdowns */
.dropdown-menu > .active > a {
  &,
  &:hover,
  &:focus {
    color: #fff;
    background-color: @colorMain;
  }
}

/* Dropdown */
.bootstrap-select > .dropdown-menu {
  .selected a, .active a {
    background-color: @colorMain !important;
    color: #fff !important;
  }
}

.errorMessage .icon-anyfill-graph-error-circle-neg {
  fill: #beb8b3 !important;
}

.errorMessage .icon-anyfill-graph-email,
.errorMessage .icon-anyfill-graph-phone {
    fill: @colorMain !important;
}

.errorMessage__mail {
  color: @colorMain !important;
}

.errorMessage__purchaseId {
  color: @colorSecondary;
}

.markerIcon {
  background: #fff;
  &:before {
    border-color: #fff transparent transparent transparent;
  }
}

.markerIcon.markerCluster {
  background: @colorSecondary;
  box-shadow: 0 0 0 5px rgba(red(@colorSecondary), green(@colorSecondary), blue(@colorSecondary), 0.3);
}

.markerIcon:hover .markerIcon__price,
.markerIcon.active .markerIcon__price {
  color: #fff;
}

.hotelsPinBall svg,
.hotelsPinBall svg * {
  fill: @colorMain;
}
.bg-primary {
  background: @colorMain;
}


.olt-bg-block {
  .wide_searcher .multicriteriasearch {
    background: @colorMain;
  }
}
/* SCR */

.scr-modules-group-title {
  background-color: @colorSecondary;
  text-transform: uppercase;
  font-weight: 700;
}
.scr-module-subtitle .icon, .scr-module-subtitle .icon * {
  fill: @colorMain;
}
.collapse-extras-title .icon, .collapse-extras-title .icon * {
  fill: @colorMain;
}
.scr-details-title .service-icon {
  &, & * {
    fill: @colorMain;
  }

}
.details-hotel .product-extra, .details-hotel .product-forfait {
  .icon {
    &, & * {
      fill: @colorMain;
    }
  }
}
/* transports timetable */
.transport-timetable {
  .segment-step {
    &:before {
      /* colors & text */
      background: @colorMain;
    }
    &:after {
      /* colors & text */
      border-right: 2px solid @colorMain;
    }
  }
  .segment-info {
    &:after {
      /* colors & text */
      border-right: 2px solid @colorMain;
    }
  }
  .transport-scale {
    .scale-text {
      background: #ededed;
    }
  }
}
[dir="rtl"] .transport-timetable .segment-step:after {
  border-right: 0;
  border-left: 2px solid @colorMain;
}
[dir="rtl"] .transport-timetable .segment-step:last-child:after {
  border-right: 0;
  border-left: 2px dotted #beb8b3;
}
[dir="rtl"] .transport-timetable .segment-info:after {
  border-right: 0;
  border-left: 2px solid @colorMain;
}
.details-section {
  background: #ededed;
}
/*breadcrumb*/
.scr-steps {
  .scr-step {
    &.scr-step-past {
      .step-number {
        background-color: @colorSecondary;
      }
      .step-text {
        color: @colorSecondary;
      }
      &:hover, &:focus {
        .step-number {
          background-color: darken(@colorSecondary, 20%);
        }
        .step-text {
          color: darken(@colorSecondary, 20%);
        }
      }
    }
    &.scr-step-current {
      .step-number {
        background-color: @colorSecondary;
        border-color: lighten(@colorSecondary, 45%);
      }
      .step-text {
        color: @colorSecondary;
      }
    }
  }
  &.current-step-2 {
    .step-1 {
      .step-number:after {
        border-top-color: @colorSecondary;
      }
    }
    .step-2 {
      .step-number:before {
        border-top-color: @colorSecondary;
      }
    }
  }
  &.current-step-3 {
    .step-1 {
      .step-number:after {
        border-top-color: @colorSecondary;
      }
    }
    .step-2 {
      .step-number:before {
        border-top-color: @colorSecondary;
      }
      .step-number:after {
        border-top-color: @colorSecondary;
      }
    }
    .step-3 {
      .step-number:before {
        border-top-color: @colorSecondary;
      }
    }
  }
}
.scr-price-breakdown {
  border-top-color: @colorSecondary;
}
.collapse-info-title:after {
  content: '';
  background: url(/headers/ilusion/magallanes/dist/svg/icon-ownfill-ui-chevron-up-46403c.svg) no-repeat left center;
  background-size: 100% auto;
}
.collapse-info-title.collapsed:after {
  background: url(/headers/ilusion/magallanes/dist/svg/icon-ownfill-ui-chevron-down-46403c.svg) no-repeat left center;
  background-size: 100% auto;
}
.scr-confirm .top-info .top-icon .icon-anyfill-graph-error-circle-neg {
  &, & * {
    fill: #beb8b3;
  }
}
.scr-confirm .confirm-reference-container p.reference-number,
.scr-confirm .error-contact .contact-id .purchase_id {
  color: @colorMain;
}
.scr-confirm .confirm-product-price .product-elem-line .service-icon {
  &, & * {
    fill: @colorMain;
  }
}
.scr-confirm .confirm-agent .icon {
  &, & * {
    fill: @colorMain;
  }
}
.scr-confirm .error-contact .contact-options .contact-option .icon {
  &, & * {
    fill: @colorMain;
  }
}
.scr-error {
  .btn-container {
    .btn-secondary {
      background: @colorMain;
      border-color: @colorMain;
      &:hover, &:focus {
        background: darken(@colorMain, 10%);
        border-color: darken(@colorMain, 10%);
      }
    }
  }
}
/* login */
.scr-login .login-link .login-icon {
  background-color: @colorMain;
  &.login-unlogged {
    color: @colorMain;
    background-color: transparent;
  }
}

/* asientos */
.seat-module--button.seat-module--button_offer {
  background: @colorMain;
  &:hover, &:focus {
    background: darken(@colorMain, 10%);
  }
}
button.seat-module--button.seat-module--button_offer:hover, button.seat-module--button.seat-module--button_offer:focus {
  background: darken(@colorMain, 10%);
}

/* scr details v2 */
.scr-details-v2 {
  .scr-details-title {
    .service-icon-container {
      background: @colorMain;
      .service-icon {
        &, & * {
          fill: #fff;
        }
      }
    }
  }
  .product-details-header .no-image-header {
    border-top: 3px solid @colorMain;
  }
  .product-image-data {
    .product-icon {
      background: @colorMain;
      .service-icon {
        width: 16px;
        height: 16px;
        &, & * {
          fill: #fff;
        }
      }
    }
  }
}

/* cancelacion flowo */
.scr-cancellation-conditions .cancellation-conditions-link .ok-icon .icon {
  &, & * {
    fill: @colorMain;
  }
}

.scr-2-steps {
  .app-2-steps {
    .login-icon.login-unlogged {
      background-color: @colorMain;
    }
  }
}