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


/* Selector de moneda */
.dropdown-currency .element-symbol,
#collapse-currency-selector .element-symbol {
  color: @colorSecondary;
}
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: @colorSecondary;
}
/* contact */
#phone-extended-info .icon {
  &, & * {
    fill: @colorMain !important;
  }
}
/* elementos header mobile */
.navbar-toggle .phone-btn .icon-anyfill-graph-phone,
.navbar-toggle .icon-monocrome-menu {
  &, & * {
    fill: @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.active > a,
      > li.active > a:hover {
        background-color: @colorMain !important;
        color: #ffffff !important;
      }
    }
  }
}
.wide_searcher {
  .plain_searcher {
    .multicriteriasearch {
      .nav-tabs {
        > li.active > a,
        > li.active > a:hover {
          background-color: transparent !important;
          border-bottom-color: @colorMain !important;
        }
      }
    }
  }
}
.home_search_box {
  .multicriteriasearch {
    background: fade(@colorSecondary, 80%) !important;
    .nav-tabs,
    .tab-content .tab-pane {
      background: transparent;
    }
  }
}
.container_error #column_central .widgets_search_transportandhotelsearcherwidget {
  background: @colorSecondary;
}
.hotelsearchwidget.wide_searcher {
  background: @colorSecondary;
}
.multicriteriasearch {
  background: @colorSecondary !important;
  .nav-tabs,
  .tab-content .tab-pane {
    background: transparent;
  }
}
.searcher-over-herobanner + .container-limited .microsites-searcher {
  .multicriteriasearch {
    background: fade(@colorSecondary, 80%) !important;
    .nav-tabs, .tab-content .tab-pane {
      background: transparent;
    }
  }
}
.cont_buscador_error.wide_searcher {
  background: @colorSecondary;
}
.journeyselector .btn-group-sm > .btn-default,
.journeycountryselector .btn-group-sm > .btn-default {
  color: #fff !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%);
  border: 1px solid darken(@colorMain, 10%);
}

.wide_searcher.alternative_searcher .multicriteriasearch .continente_boton_submit button {
  background-color: #fff !important;
  border: 1px solid @colorMain !important;
  color: @colorMain !important;
}

.wide_searcher.alternative_searcher .multicriteriasearch .continente_boton_submit button:hover {
  background: darken(#fff, 10%);
  border: 1px solid darken(@colorMain, 10%);
}
  /* 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;
    }
  }
}

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

.calendar_container {
  .package-modal-asset {
    background: @colorSecondary !important;
  }
  .modal-calendar {
    background-color: @colorSecondary !important;
  }
}
/* Paquete vacacional: EOC */


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

/* modulo upselling */
.upselling-icon  {
  &:before {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 20px !important;
    height: 20px !important;
  }
  &:after {
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border:5px solid lighten(@colorMain, 10%);
    background: @colorMain;
    width: 40px;
    height: 40px;
  }
  @media (min-width:768px) {
    &:before {
      width: 26px !important;
      height: 26px !important;
      border-top-left-radius: 0  !important;
    }
    &:after {
      width: 50px;
      height: 50px;
    }
  }
}