@charset "UTF-8";

//section= Header: Barra Lingua ed Utente;
@top_nav_bg                = transparent;  //help colore del background
@top_nav_color             = #ffffff;  //help colore del font

//section= Colori del Menu Standard livello 1;
@menu_cat_bg               = #fafafa;  //help colore del background 
@menu_cat_color            = #0F0F0F;  //help colore del font 
@menu_cat_open_bg          = #fafafa;  //help colore del background con voce aperta 
@menu_cat_open_color       = #0F0F0F;  //help colore del font con voce aperta

//section= Colori del Menu Standard livello 2 (submenu);
@submenu_cat_bg            = #fafafa;  //help colore del background 
@submenu_cat_color         = #0F0F0F;  //help colore del font 
@submenu_cat_over_bg       = #EDEDED;  //help colore del background sull'hover
@submenu_cat_over_color    = #414141;  //help colore del font sull'hover

//section= Colori del Menu Mobile;
@menu_mobile_bg            = #fafafa;  //help colore del background 
@menu_mobile_color         = #0F0F0F;  //help colore del font 
@submenu_mobile_color      = #0f0f0f;  //help colore del font nei sottomenu

//section= Colori del Header;
//solo per fieraroma
@header_bg                 = #FFFFFF;  //help colore del background 

//section= COOKIE DISCLAIMER;
@cookie_bg                 = #414141;  //help colore del background
@cookie_border_color       = #EDEDED;  //help colore del bordo
@cookie_color              = #FFFFFF;  //help colore del font

//section= Generali;
@font_color                = #0F0F0F;  //help colore del font principale
@link_color                = #cc0000;  //help colore dei link
@title_color               = #0F0F0F;  //help colore dei titoli
@sub_title_color           = #000000;  //help colore dei sottotitoli 
@highlight_bg              = #0f0f0f;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-highlight</i>
@highlight_color           = #ffffff;  //help colore del font dei box con classe <i class="text-warning">.bg-highlight</i>
@dark_bg                   = #0f0f0f;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-dark</i>
@dark_color                = #FFFFFF;  //help colore del font dei box con classe <i class="text-warning">.bg-dark</i>
@light_bg                  = #fafafa;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-light</i>
@light_color               = @font_color;  //help colore del font dei box con classe <i class="text-warning">.bg-light</i>
@notfound_bg               = #F6F6F6;  //help colore di sfondo dei box con classe <i class="text-warning">.bg-notfound</i>
@notfound_color            = @font_color;  //help colore del font dei box con classe <i class="text-warning">.bg-notfound</i>
@image_border              = #414141;  //help colore del bordo delle immagini nelle liste

//section= Footer;
@footer_bg                 = #0f0f0f;  //help colore di sfondo
@footer_color              = #666666;  //help colore del font

//Solo per fieraroma
@footer_bg_image           = #FFFFFF;  //help colore di sfondo dell'immagine

//section= Bottoni principali (es tasto ACQUISTA);
@btn-primary-bg            = #CC0000;  //help colore di sfondo
@btn-primary-color         = #fafafa;  //help colore del font
@btn-primary-border        = #CC0000;  //help colore del bordo

//section= Altri pulsanti;
@btn-default-bg            = #FFFFFF;  //help colore di sfondo - default
@btn-default-color         = #333333;  //help colore del font - default
@btn-default-border        = #CCCCCC;  //help colore del bordo - default

@btn-success-bg            = #CC0000;  //help colore di sfondo - success
@btn-success-color         = #fafafa;  //help colore del font - success
@btn-success-border        = #CC0000;  //help colore del bordo - success

@btn-info-bg               = #CC0000;  //help colore di sfondo - info
@btn-info-color            = #fafafa;  //help colore del font - info
@btn-info-border           = #CC0000;  //help colore del bordo - info

@btn-warning-bg            = #CC0000;  //help colore di sfondo - warning
@btn-warning-color         = #fafafa;  //help colore del font - warning
@btn-warning-border        = #CC0000;  //help colore del bordo - warning

@btn-danger-bg             = #CC0000;  //help colore di sfondo - danger
@btn-danger-color          = #fafafa;  //help colore del font - danger
@btn-danger-border         = #CC0000;  //help colore del bordo - danger

//section= Colori del Calendario;
@cal_bg                    = #FFFFFF;  //help background calendario
@cal_title_bg              = #000000;  //help background mese
@cal_title_color           = #FFFFFF;  //help font mese
@cal_week_bg               = #EDEDED;  //help background giorni settimana
@cal_week_color            = #000000;  //help font giorni settimana

@cal_not_sched_bg          = #FFFFFF;  //help background giorni non in programma
@cal_not_sched_color       = #666666;  //help font giorni non in programma

@cal_scheduled_bg          = #2C842C;  //help background giorni in programma
@cal_scheduled_color       = #FFFFFF;  //help font giorni in programma
@cal_scheduled_hover_bg    = #95c195;  //help background hover giorni in programma
@cal_scheduled_hover_color = #FFFFFF;  //help font hover giorni in programma

@cal_scheduled_sel_bg      = #006699;  //help background giorno selezionato
@cal_scheduled_sel_color   = #FFFFFF;  //help font giorno selezionato

@cal_full_bg               = #E3E3E3;  //help background giorno in programma ma senza disponibilita'
@cal_full_color            = #666666;  //help font giorno in programma ma senza disponibilita'

//section= Abbonamenti
@abbo_bg                   = #FCE2BA;  //help background sezione abbonamento in scelta eventi in abbonamento

/* --------  COLORI e FONT --------*/
@text-default              = #989898;
@text-dark                 = #666666;
@neutral-darker            = #0F0F0F;
@input-border              = #BBBCBC;
@red-default               = #CC0000;
@neutral-lightest          = #FAFAFA;
@neutral-light             = #DDD;
@select-red                = rgba(204, 0, 0, 0.05);

@btn-default = linear-gradient(180deg, #F00 0%, @red-default 100%);
@btn-scrambler = linear-gradient(180deg, #FFC602 0%, #F0BA00 100%);
@btn-white = linear-gradient(180deg, #FFF 0%, #E5E5E5 100%);


// Mixin per il layout
.flex(@direction, @align) {
  display: flex;
  flex-direction: @direction;
  align-items: @align;
}
.font-title(@size, @line-height: normal, @font-style: normal, @unit: px) {
  font-size: ~"@{size}@{unit}";
  line-height: @line-height;
  font-style: @font-style;
}
.btn-ducati(@padding: 23px 48px, @border-width: 1px, @border-color: #fff, 
            @border-radius: 2px, @color: #fff, @font-size: 14px, @line-height: 14px, @outline: none,
            @font-family: 'DucatiStyleCond_Bd', @font-style: normal, @font-weight: 900) {
  padding: @padding !important;
  border: @border-width solid @border-color;
  border-radius: @border-radius;
  color: @color !important;
  font-size: @font-size !important;
  line-height: @line-height !important;
  outline: @outline;
  font-family: @font-family !important;
  font-style: @font-style !important;
  font-weight: @font-weight !important;
}
.btn-collapse(@padding-top: 16px, @padding-right: 16px, @padding-bottom: 16px, @padding-left: 16px) {
  padding-top: @padding-top;
  padding-right: @padding-right;
  padding-bottom: @padding-bottom;
  padding-left: @padding-left;
}

/* --------  TITOLI ---------------*/
.titolo {
  .font-title(14);
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
}
.sottotitle-bis {
  .font-title(18);
  font-family: 'DucatiStyle_Bd';
  font-weight: 700;
}
/* Dispositivi xs, sm e md: massimo 991px */
@media (max-width: 991px) {
  .pre-title-extrasmall {
    .font-title(14);
  }
  .pre-title-evento {
    .font-title(16);
    font-family: 'DucatiStyleCond_Bd';
    font-weight: 700;
  }
  .title-evento {
    .font-title(24, 35px);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
  .sottotitle {
    .font-title(18);
  }
  .title-generico {
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
    .font-title(24);

  }
  .title-modale {
    .font-title(16, 35px);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
}
/* Dispositivi lg e xl: fino a 1200px e oltre */
@media (min-width: 992px) {
  .pre-title-extrasmall {
    .font-title(16);
  }
  .pre-title-evento {
    .font-title(18);
    font-family: 'DucatiStyleCond_Bd';
    font-weight: 700;
  }
  .title-evento {
    .font-title(35);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
  .sottotitle {
    .font-title(24);
    font-family: 'DucatiStyleExt_Rg';
    font-weight: 400;
  }
  .title-generico {
    .font-title(35);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
  .title-modale {
    .font-title(32, 35px);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
}
.neutral-dark {
  color: @neutral-darker !important;
}
.dark-grey {
  color: @text-dark !important;
}
.color-white {
  color: #fff !important;
}
.color-red {
  color: @red-default !important;
}
.color-back {
  color: #000 !important;
}
.color-input {
  color: @input-border !important;
}

/* --------  BTN ---------------*/
.btn-default-large, .btn-default-large:hover {
  .btn-ducati(@border-width:0px, @color: @neutral-lightest);
  background: @btn-default;
}
.btn-default-small, .btn-default-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-width:0px, @font-size: 12px);
  background: @btn-default;
}

//Scrambler
.btn-scrambler-large, .btn-scrambler-large:hover  {
  .btn-ducati(@border-width:0px, @color: #000);
  background: @btn-scramble;
}
.btn-scrambler-small, .btn-scrambler-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-width:0px, @font-size: 12px, @color: #000);
  background: @btn-scramble;
}

//Ghost Gray
.btn-ghostgray-large, .btn-ghostgray-large:hover  {
  .btn-ducati(@border-color: @text-dark, @color: @text-dark);
  background: #fff;
}

.btn-ghostgray-small, .btn-ghostgray-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-color: @text-dark, @color: @text-dark, @font-size: 12px);
  background: #fff;
}

//Scrambler Ghost Dark
.btn-scramdark-large, .btn-scramdark-large:hover  {
  .btn-ducati(@border-color: @neutral-darker, @color: @neutral-darker);
  background: #fff;
}
.btn-scramdark-small, .btn-scramdark-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-color: @neutral-darker , @color: @neutral-darker, @font-size: 12px);
  background: #fff;
}

//White
.btn-white-large, .btn-white-large:hover  {
  .btn-ducati(@border-width:0px, @color: @text-dark);
  background: @btn-white;
}
.btn-white-small, .btn-white-small:hover  {
   .btn-ducati(@padding: 9px 24px, @border-width:0px, @color: @text-dark, @font-size: 12px);
   background: @btn-white;
}

//Scrambler Black
.btn-scramblack-large, .btn-scramblack-large:hover  {
  .btn-ducati(@border-width:0px, @color: @neutral-lightest);
  background: @neutral-darker;
}
.btn-scramblack-small, .btn-scramblack-small:hover  {
   .btn-ducati(@padding: 9px 24px, @border-width:0px, @color: @neutral-lightest, @font-size: 12px);
   background: @neutral-darker;
}

//Disabled (btn-primariy)
.btn-disabled-large, .btn-disabled-large:hover {
  .btn-ducati(@border-width:0px, @color: @neutral-lightest);
  opacity: 0.3;
  background: @btn-default;
}
.btn-disabled-small, .btn-disabled-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-width:0px, @color: @neutral-lightest, @font-size: 12px);
  opacity: 0.3;
  background: @btn-default;
}

//Ghost
.btn-ghost-large, .btn-ghost-large:hover  {
  .btn-ducati(@border-color: @neutral-lightest, @color: @neutral-lightest);
  background: #fff;
}
.btn-ghost-small, .btn-ghost-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-color: @neutral-lightest, @color: @neutral-lightest, @font-size: 12px);
  background: #fff;
}

//Scrambler Ghost
.btn-scramghost-large, .btn-scramghost-large:hover  {
  .btn-ducati(@border-color: #fff, @color: #fff);
  background: transparent;
}
.btn-scramghost-small, .btn-scramghost-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-color: #fff, @color: #fff, @font-size: 12px);
  background: transparent;
}

//Filters
.btn-filters-large, .btn-filters-large:hover  {
  .btn-ducati(@border-color: @neutral-light, @color: @text-default);
  background: @neutral-lightest;
}
.btn-filters-small, .btn-filters-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-color: @neutral-light, @color: @text-default, @font-size: 12px);
  background: @neutral-lightest;
}

//Filters Selected
.btn-filtersselected-large, .btn-filtersselected-large:hover  {
  .btn-ducati(@border-color: @neutral-darker, @color: #000);
  background: @neutral-lightest;
}
.btn-filtersselected-small, .btn-filtersselected-small:hover  {
  .btn-ducati(@padding: 9px 24px, @border-color: @neutral-darker, @color: #000, @font-size: 12px);
  background: @neutral-lightest;
}

/* --------  INPUT ---------------*/
.input-placeholder {
  padding: 19px 28.865px 19px 25px;
  height: 60px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid @input-border;
}
input::placeholder {
  .font-title(14);
  font-family: 'DucatiStyle_Rg';
  font-weight: 400;
}

/* --------  CHIPS ---------------*/
.chips-unselected, chips-unselected:hover {
  .flex(row, center);
  padding: 8px 16px;
  gap: 8px;
  border-radius: 19px;
  border: 1px solid @red-default;
  background-color: #fff;
  color: #0f0f0f;
  .font-title(14, 21px);
  font-weight: 700;
  justify-content: space-around;
  font-family: 'DucatiStyleCond_Bd' !important;
  font-weight: 700;
}
.ui-state-active:hover, .ui-state-default:hover {
  background-color: @red-default;
  color: #fff;
}
.ui-state-active, .ui-button.ui-state-active:hover {
  border: 1px solid @red-default;
  background: @red-default;
  font-weight: normal;
  color: #fff;
}
.ui-widget {
  font-family: 'DucatiStyle_Rg';
  font-style: normal;
  font-weight: 400;
}

/* --------  LINK ---------------*/
.link-default, .link-default:hover {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

/* --------  ELEM. GENERICI -----*/
p {
  margin: 0 0 8px;
}
li::marker {
  color: @red-default;
}
.no-padding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.no-margin {
  margin-left: 0px;
  margin-right: 0px;
}
.no-text-decoration {
  text-decoration: none !important;
}
div#box-user {
  color: #666666;
}
.invisible {
  visibility: hidden;
}
.pos-right {
  display: flex;
  justify-content: flex-end;
}
.event-lg-card.bg-success .thumbnail {
  background-color: @select-red;
}
.bg-success {
  background-color: @select-red;
}
input[type="checkbox"]:checked {
  accent-color: @red-default;
}
.dflex-img {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 5px;
}
#header {
  padding-right: 0px;
  padding-left: 0px;
}
.modal-body {
  position: relative;
  padding: 15px;
  margin: 20px;
}
.msg-body.text-danger a {
  color: @red-default !important;
}
@media (max-width: 991px) {
  .m-bottom {
    margin-bottom: 16px;
   }
  .m-top {
    margin-top: 16px;
   }
  .margin {
    margin: 16px;
  }
}
@media (min-width: 992px) {
  .m-bottom {
    margin-bottom: 32px;
   }
  .m-top {
    margin-top: 32px;
   }
  .margin {
    margin: 32px;
  }
  .modal-lg {
    width: 860px;
}
}

/*************** TAB SCAMBIO + TESTO SOTTO *********************/
.nav-pills>li {
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
}
@media (max-width: 991px) {
  .sottotitle-tab {
    font-title(18);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
}
@media (min-width: 992px) {
  .sottotitle-tab {
    font-title(16);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
}

/****** PER LE IMG DEI BOX showMainInfo ******/
@media (min-width: 992px) {
  .showMainInfo-height {
    min-height: 280px;
  }
}

/*********************************** SEZIONE HEADER *************************************************** */

#page_header, #page_headerSell {
  position:relative;
  padding: 0;
}

      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .page-content {
          // z-index: 0;
          position: relative;
        }
        .container {
          width: 1050px;
        }
        .page-content, .width-limit {
          max-width: 1050px;
        }
      }
.box-menu {
  margin-left: 41px;
}
.contenitore {
  position: relative;
}
.contenitore-uno {
  position: absolute;
}

//TOUR WIDGET
.singola-card {
  cursor: pointer !important;
}
.pre-title-evento-bis {
  font-size: 14px;
  font-style: normal;
  line-height: normal;
}
#page_header, #page_headerSell {
  background-image: url('@{imageUrl}/wms_images/ducati/Ducati-Hub-Hero-740x600.jpg');
  background-size: cover;
  background-position: 50% 50%;
  object-fit: cover;
  height: 550px;
}  
.page_header-nascosta {
  background-image: unset !important;
  background-size: unset !important;
  background-position: 0% !important;
  object-fit: unset !important;
  height: unset !important;
}  
.title {
  font-size: 32px;
  font-family: 'DucatiStyleExt_Bd';
  font-style: normal;
  font-weight: 700;
}
.box-forzaducati {
  color: #fff;
  margin:85px 12px 85px 12px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  text-align: start;
}
.forzaducatihashtag {
  font-size: 16px;
  line-height: normal;
  font-family: 'DucatiStyleExt_Bd';
  font-style: normal;
  font-weight: 700;
}
.btn-mostra {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  .font-title(14, 16px);
  background-color: #fff;
  border: 0px;
}
@media (max-width: 991px) {
  .page-content {
    margin-bottom: 0px;
  }
  #page_header, #page_headerSell {
    background-image: url('@{imageUrl}/wms_images/ducati/Ducati-Hub-Hero-2000x700.jpg');
    background-size: cover;
    background-position: 50% 50%;
    object-fit: cover;
    height: 440px;
    min-height: 440px;
    max-height: 440px;
  }
  .page_header-nascosta {
    background-image: unset !important;
    background-size: unset !important;
    background-position: 0% !important;
    object-fit: unset !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
  }
}
@media (min-width: 992px) {
  .page-content {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
  }
  #page_header, #page_headerSell {
    background-image: url('@{imageUrl}/wms_images/ducati/Ducati-Hub-Hero-2000x700.jpg');
      background-size: cover;
    background-position: 50% 50%;
    object-fit: cover;
    height: 550px;
    min-height: 550px;
    max-height: 550px;
  }
  .page_header-nascosta {
    background-image: unset !important;
    background-size: unset !important;
    background-position: 0% !important;
    object-fit: unset !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
  }
  .title {
    .font-title(48);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }  
  .box-forzaducati {
    color: #fff;
    margin-top: 85px;
    margin-bottom: 85px;
    gap: 16px;
    .flex(column, center);
  }
  .forzaducatihashtag {
    .font-title(18);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
}

/*************** CARD PRODOTTO IN SHOWSHEET WIDGET **************************** */
.suggerimento {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.list-element {
  .flex(column, flex-start);
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
  gap: 13px;
}
.single-element {
  display: flex;
  align-items: center;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  position: relative;
}
.single-element-right {
  .flex(row, center);
  justify-content: flex-end;
  flex: 1 0 0;
  align-self: stretch;
  padding-left: 0px;
  padding-right: 0px;
  gap: 10px;
}
.text-circle {
  .font-title(14);
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  color: @text-dark;
}
@media (max-width: 991px) {
  .box-info {
    margin-top: 16px;
  }
  .row-tab {
    .flex(column, center);
    margin-top: 16px;
  }
  .box-location {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 16px !important;
  }
  .single-element-center {
    .flex(row, center);
    justify-content: center;
    padding: 0px;
    flex: 1 0 0;
    align-self: stretch;
    margin-left: 10px;
    margin-right: 10px;
  }
  .single-element-left {
    .flex(column, flex-start);
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    padding-left: 0px;
    padding-right: 0px;
    .font-title(15);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
    margin-right: 5px;
  }
  .show-info-details {
    margin-top: 16px;
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .box-info {
    margin-top: 0px;
  }
  .row-tab {
    .flex(column, center);
    margin-bottom: 0px;
    margin-top: 32px;
  }
  .box-location {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 32px !important;
  }
  .single-element-center {
    .flex(row, center);
    justify-content: center;
    padding: 16px 24px 16px 32px;
    flex: 1 0 0;
    align-self: stretch;
  }
  .single-element-left {
    .flex(column, flex-start);
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    padding-left: 0px;
    padding-right: 0px;
    .font-title(18);
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
  }
  .show-info-details {
    margin-top: 32px;
    font-size: 16px;
  }
}

/************************ BODY *****************************/

@import "operator.part/toinclude.less";

/** font **/
@import '../fonts/ducati-font/ducati.css';

/** fine font**/
body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  font-family: 'DucatiStyle_Rg';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
}
 
h3 {
  font-family: 'DucatiStyleExt_Bd';
  font-weight: 700;
  .font-title(32);
}

h4, .h4 {
  font-family: 'DucatiStyleExt_Bd';
  font-weight: 700;
  .font-title(18);
}

h5, .h5 {
  font-family: 'DucatiStyleExt_Bd';
  font-weight: 700;
  .font-title(16);
}

h6 {
  font-family: 'DucatiStyleExt_Bd';
  font-weight: 700;
  .font-title(14);
}

a:hover {
  color: @red-default;
}

.media-right, .media-body {
  padding-top: 10px;
}

.menu-links a:hover {
  text-decoration:none;
}

.hamburgher {
  padding-right: 0px;
  padding-left: 0px;
}

.card-body {
  margin-right: 32px;
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  .font-title(14);
}
.card-body li {
  list-style-type: none;
  text-transform: uppercase;
}

/* --------  MENU ---------------*/
.dropdown-menu {
  border-radius: 2px;
  min-width: 200px;
  min-height: 122px;
  padding: 30px 30px 30px 30px;
  box-shadow: 0px 12px 17px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 0px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0px;
}

@media (min-width: 992px) {
  .dropdown-menu {
    gap: 30px;
  }
  .open>.dropdown-menu {
    display: flex;
  }
  .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 25px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    content: '';
    width: 14px;
    height: 7px;
  }
  .dropdown-menu.pull-right:before {
    right: 9px;
    left: auto;
  }
  .dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 25px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    content: '';
    width: 14px;
    height: 7px;
  }
  .dropdown-menu.pull-right:after {
    right: 10px;
    left: auto;
  }
  .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: transparent;
  }
  #top-nav-inner a {
    color: @text-dark;
    padding: 0px;
  }
  button#menuMyDucati {
    border: solid 0px;
    background-color: transparent;
    padding-right: 0px;
    padding-left: 0px;
    color: @text-dark;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
  }
  button#menuMyDucati:hover, button#menuMyDucati:active {
    box-shadow: none;
    outline: none;
    outline-offset: unset;
  }
  .boxInfo {
    .flex(row, center);
    align-content: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap:15px;
  }
  .menu-lingua {
    border-radius: 0px;
    margin: -3px 0 0;
    min-width: 200px;
    min-height: 122px;
    top: 32px;
    right: 0;
    left: auto;
    z-index: 200;
  }
  .menu-lingua:before {
    position: absolute;
    top: -7px;
    right: 25px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    content: '';
    width: 14px;
    height: 7px;
  }
  .menu-lingua:after {
    position: absolute;
    top: -6px;
    right: 25px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    content: '';
    width: 14px;
    height: 7px;
  }
  .menu-lingua>.active>a, .menu-lingua>.active>a:hover, .menu-lingua>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #fff;
  }
  a#LingueMenu {
    font-size: 14px;
    color: @text-dark;
    text-decoration: none;
    gap: 4px;
    display: flex;
    align-items: center;
  }
  .carrello {
    display: flex !important;
    justify-content: flex-end !important;
    flex-direction: row;
    margin-right: 39px;
    margin-top: 39px;
    margin-bottom: 39px;
    margin-left: 0px;
  }
}

.separatore {
  height: 40px;
}

#page_headerSell {
  background-color: #fff;
}

.headerBanda {
  position: relative;
  -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #fafafa;
  border-radius: 4px;
  height: 75px;
  max-width: 1055px;
  margin-left: 15px; 
  margin-right: 15px;
  margin-top: 15px;
}
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-sm-min) {
        .headerBanda {
          height: 90px;
          // margin-right: 30px;
          margin-right: 15px;
        }
      }

      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .headerBanda {
          height: 109px;
          border-radius: 2px;
          margin-left: auto;
          margin-right: auto;
          margin-top: auto;
        }
      }

#top-nav {
  text-transform: uppercase;
  height: 60px;
  padding-right: 0;
  padding-left: 0;
}

#top-navSell {
  text-transform: uppercase;
  height: 60px;
  padding-right: 0;
  padding-left: 0;
}

.header-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.header-mobile .flex-sx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  height: 100%;
}

#menu-user-mobile, #menu-cat-alt {
  top: 80px;
  left: 0; 
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}

#menu-user-mobile .dropdown-menu >li>a, #menu-cat .dropdown-menu >li>a, #menu-cat-alt .dropdown-menu >li>a {
  color: #0f0f0f;
  border-bottom: 0px;
}

#menu-user-mobile >ul >li>a, #menu-cat-alt >ul >li>a {
  border-bottom: none;
}

      /* Medium devices (tablets, 768px and up) */
      @media ( min-width : @screen-sm-min) {
        #menu-user-mobile .nav-pills, #menu-cat-alt .nav-pills { 
          font-size: 14px;
          line-height: 10px;
          top: 15px;
        }
        #menu-cat-alt .nav-pills { 
          margin: 7.5px 0;
          left: 0px;
          top: 15px;
        }
      }
      /* Extra small devices (phones, 600px and down) */
      @media (max-width: 600px) {
        #menu-user-mobile, #menu-cat-alt {
          top: 65px;
        }
        #menu-cat-alt >ul {
          left: 15px;
        }
      }
      /* Small devices (portrait tablets and large phones, 600px and up) */
      @media (min-width: 600px) {
        #menu-user-mobile, #menu-cat-alt {
          top: 65px;
        }
        #menu-cat-alt >ul {
          left: 15px;
        }
      }

#top-nav-inner {
  max-width: 1050px;
  width: auto;
  padding-top: 20px;
  margin: auto;
  margin-top: 0;
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
}

#top-nav-inner .nav>li>a:hover {
  color: @red-default;
}

#top-lingue .active a {
  font-weight: bold;
}

#top-lingue.nav-pills>li>a:hover {
  color: @red-default;
}

#top-lingue.nav-pills>li.active>a:hover {
  color: @red-default;
}

.coloreDate {
  color: #666666;
}

.section-title, .page-title {
  font-family: 'DucatiStyle_Bd';
  font-style: normal;
  font-weight: 700;
}

.wdw2020 {
  .font-title(35);
  font-family: 'DucatiStyleExt_Bd';
  font-style: normal;
  font-weight: 700;
}

.show-info-details a {
  text-decoration: underline;
}

.pagina {
  max-width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}

.menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  height: 100%;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
}

.menu-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  width: 100%;
}

.menu-links.flex-sx {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.menu-links a {
  color: #0F0F0F;
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
  .font-title(14);
}

/* ********************* home */

/* Extra small devices */
@media (max-width: 781px) {
  .Home {
    position: relative;
    z-index: 99;
    margin-top: -125px;
  }
}
/* Small devices (portrait tablets and large phones) */
@media (min-width: 781px) {
  .Home {
    position: relative;
    z-index: 99;
    margin-top: -115px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width : @screen-md-min) {
  .Home {
    position: relative;
    z-index: 99;
    margin-top: -125px;
  }
}

.thumbnail {
  /*height: 140px; */
  min-height: 140px;
  height: 100%; 
  overflow: auto;
  padding: 0;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 2px;
  
  /*Faccio una table */
  display: table;
  table-layout: fixed;
  width: 100%;
}

.thumbnail div {
  /*Faccio una cella di una  table */
  display: table-cell;
  float: none;
  height: 100%;
}

.thumbnail div.img-container {
  padding-right: 20px; 
  vertical-align: middle;
}

.thumbnail div > img {
    max-width: 100%;
    max-height: 100%;
}


      /* Extra small devices (phones, less than 768px) */
      @media ( min-width : @screen-xs-min) {
        .thumbnail div.img-container {
          padding-right: 0; 
        }
      }

      /* Small devices (tablets, 768px and up) */
      @media ( min-width : @screen-sm-min) {

        /* tolgo la table */
        .thumbnail {
          display: block;
          height: 140px; 
          width: auto;
        }

        .thumbnail div {
          display: block;
          height: 100%;
          float: left;
        }
        
        .thumbnail div > img {
          height: 100%;
          float: right;
        }


      }
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .thumbnail {
          margin-left: 0;
          margin-right: 0;
        }
      }
.dataHome {
  .font-title(16);
  font-family: 'DucatiStyleExt_Bd';
  font-style: normal;
  font-weight: 700;
  color: @red-default;
}

/* ************************ bottoni */
.btn-sm, .btn-group-sm>.btn {
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
  .font-title(12);
}
.btn-font {
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
  .font-title(12);
}
.btn {
  border-radius: 2px !important;
  padding: 6px 30px;
}
.btn[disabled] {
  cursor: not-allowed;
  opacity: .90;
  box-shadow: none;
}
.btn:hover {
  color: #000;
}
.amount-buttons {
  border: 0;
  background-color: transparent;
}
.card.panel .collapse .card-body {
  border: 0;
}
.btn-primary, .btn-primary:hover {
  padding: 9px 24px;
  background: @btn-default;
  color: @neutral-lightest;
  border: 0px;
  font-size: 12px;
  line-height: 14px;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, 
.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus {
  padding: 9px 24px;
  background: @btn-default;
  color: @neutral-lightest;
  border: 0px;
  font-size: 12px;
  line-height: 14px;
  opacity: 0.3;
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus,
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, 
.btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, 
.open > .dropdown-toggle.btn-success:hover, .open > .dropdown-toggle.btn-success:focus, 
.open > .dropdown-toggle.btn-success.focus {
  padding: 9px 24px;
  background: @btn-default;
	color: @neutral-lightest;
  border: 0px;
  font-size: 12px;
  line-height: 14px;
}

.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus,
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, 
.btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, 
.open > .dropdown-toggle.btn-info:hover, .open > .dropdown-toggle.btn-info:focus, 
.open > .dropdown-toggle.btn-info.focus {
  padding: 9px 24px;
  background: @btn-default;
	color: @neutral-lightest;
  border: 0px;
  font-size: 12px;
  line-height: 14px;
}

.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus,
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, 
.btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, 
.open > .dropdown-toggle.btn-warning:hover, .open > .dropdown-toggle.btn-warning:focus, 
.open > .dropdown-toggle.btn-warning.focus {
  padding: 9px 24px;
  background: @btn-default;
	color: @neutral-lightest;
  border: 0px;
  font-size: 12px;
  line-height: 14px;
}

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus,
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, 
.btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, 
.open > .dropdown-toggle.btn-danger:hover, .open > .dropdown-toggle.btn-danger:focus, 
.open > .dropdown-toggle.btn-danger.focus {
  padding: 9px 24px;
  background: @btn-default;
	color: @neutral-lightest;
  border: 0px;
  font-size: 12px;
  line-height: 14px;
}

@media (max-width: 991px) {
  .shadow-box {
    box-shadow: none;
    background: transparent;
    z-index: 0;
    position: relative;
    border-radius: 0px;
    padding: 0;
    border-left: 0px;
    margin-bottom: 0px;
  }
  .shadow-box-marginTop {
    margin-top: 0;
  }
  .titoloShow {
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}

@media (min-width: 992px) {
  .shadow-box {
    box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    z-index: 99;
    position: relative;
    border-radius: 2px;
    padding: 0;
    border-left: 4px solid @red-default;
    margin-bottom: 0px;
  }
  .shadow-box-marginTop {
    margin-top: -114px;
  }
  .titoloShow {
    padding: 32px 24px 32px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    gap: 16px;
  }
}

.item-exclusive-border-up {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.item-exclusive-border-middle {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.event-status {
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
  .font-title(14);
}

.btn-default:hover {
  background-color: #FFF;
}

.text-info {
  color: #000;
}


/* -------- FOOTER --------*/
#footer a {
  text-decoration: none;
}

#footer-nav ul>li a {
  text-decoration: none;
}
#footer-nav .spazio {
  padding-bottom: 32px;
}

.condizione_lunga {
  .font-title(14);
  font-family: 'DucatiStyle_Rg';
  font-weight: 400;
}
.scrambler-text {
  padding-top: 14px;
  .font-title(14);
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
}

@media (max-width: 991px) {
  #footer-nav {
    font-size: 14px;
    .flex(column, center);
    justify-content: flex-end;
    padding: 40px 16px 40px 16px;
    max-width: none;
    margin: 0px;
  }
  #footer-nav .center-title {
    .flex(column, center);
  }
  ul.condizioni {
    list-style: none;
    display: grid;
    gap: 16px;
    font-family: 'DucatiStyleCond_Bd';
    font-weight: 700;
  }
  ul.social {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0px;
    gap: 24px;
    flex-direction: row;
    justify-content: space-between;
  }
  .scrambler-icon {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: nowrap;
  }
  .boxCollapse {
    background-color: @neutral-darker;
    gap: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .boxCollapse:hover, .boxCollapse:focus, .boxCollapse:active:focus  {
    color: @text-dark;
    outline: 0px;
  }
  #collapseLingua li, #collapseLinguaSmall li {
    list-style: none;
  }
  #footer-nav .spazio {
    padding-bottom: 32px;
    .flex(row, center);
    align-items: baseline;
    justify-content: space-around;
  }
  .allignamento-legenda {
    padding-left: 0px;
  }
}

@media (min-width: 992px) {
  #footer-nav {
    font-size: 14px;
    .flex(column, center);
    justify-content: flex-end;
    padding: 64px;
    max-width: none;
    margin: 0px;
  }
  #footer-nav .center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #footer-nav .center-title {
    .flex(column, center);
  }
  #footer-nav .plus-spazio {
    padding-bottom: 56px;
  }
  ul.condizioni {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 25px;
    font-family: 'DucatiStyleCond_Bd';
    font-weight: 700;
  }
  ul.social {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0px;
    gap: 24px;
  }
  ul.condizioni li, ul.social li {
    display: inline;
  }
  a#lingueFooter {
    .font-title(14, 18px);
    color: @text-dark;
    text-decoration: none;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0px;
    font-family: 'DucatiStyleCond_Bd';
    font-weight: 700;
  }
  #collapseLingua a:hover, #collapseLingua a:active, #collapseLingua a:focus {
    text-decoration: none;
  }
  #footer-nav .spazio {
    padding-bottom: 32px;
    .flex(row, baseline);
    justify-content: space-evenly;
  }
}

.TitlePromoCode { text-transform: uppercase;}
.paddingPromoCode { padding-top: 15px; padding-bottom: 15px;}

.countdownText {
  margin-bottom: 30px;
}

.cart-event-wrapper, .cart-event-wrapper .table { border: 0;}
.cart-event-wrapper { background-color: #fff}
.panel-footer { background-color: #fafafa;}
.cart-event-wrapper .cart-img { width: 85px; border: 0;}
.cart-event-wrapper tfoot { border-top: 2px solid @neutral-light; border-bottom: 2px solid @neutral-light;}
.cart-event-wrapper h4 { margin-left: -10px;}
.panel { border-radius: 0; background-color: #fafafa;}
.panel-group .panel { border-radius: 0px; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 0px solid #ddd;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.panel > .table-bordered > tfoot > tr:last-child > th, 
.table-bordered > tfoot > tr:last-child > td { padding-top: 15px; padding-bottom: 15px;}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th { border: 0;}

.table-condensed > thead > tr > td { padding-left: 15px; padding-bottom: 25px; padding-top: 25px; }
.table-condensed > thead { background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(187,188,188,0.2));}
.table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding-left: 15px;}

.panel-heading {
  background-color: #fff;
  box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0);
  margin-bottom: 30px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  color: #000;
}
      /* Medium devices (desktops, 992px and up) */
      @media ( min-width : @screen-md-min) {
        .panel-heading {
          box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.25);
        }
      }
	  
	  
.text-danger { color: #c00;}

.modal-backdrop { position: unset;}


/** --*-*-*-*-****************************** parte responsive */

/* Extra small devices (750px) */
img.logoDucati {
  height: 55px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
      /* Extra small devices (phones, less than 768px) */
      @media ( min-width : @screen-xs-min) {
        img.logoDucati {
          height: 60px;
        }
      }
      @media ( min-width : @screen-sm-min) {
        img.logoDucati {
          height: 70px;
        }
      }  
      
      @media ( min-width : @screen-md-min) {
        img.logoDucati {
          height: 80px;
        }
      }  

.login-tofix {
  line-height: 50px;
}
  
div.total-row {
  max-width: 950px !important;
}  

@media (max-width: 991px) {
  .breadcrumb {
    width: 100%;
    .font-title(14);
    margin-top:0px;
    margin-bottom:16px;
    padding: 0px;
    display: flex;
    align-items: center;
    font-family: 'DucatiStyleCond_Bd';
    font-weight: 700;
  }
}
@media (min-width: 992px) {
  .breadcrumb {
    width: 100%;
    .font-title(14);
    margin-top:24px;
    margin-bottom: 32px;
    padding: 0px;
    display: flex;
    align-items: center;
    font-family: 'DucatiStyleCond_Bd';
    font-weight: 700;
  }
}
.breadcrumb>li {
  margin: 0px;
  text-transform: uppercase;
} 
 
.breadcrumb>.active {
  color: @neutral-darker;
}

.breadcrumb>li a {
  color: @text-dark;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

.breadcrumb>li+li:before {
  content: "";
}

#InvoiceBlock.panel {
	border: none;
	box-shadow: none;
}

#InvoiceBlock.panel .panel-body {
    padding: 15px 0;
}

#InvoiceBlock h4 { margin-left: 5px;}

#InvoiceBlock .thumbnail {
    min-height: 140px;
    height: auto;
    overflow: auto;
    display: block;
    padding: 0 10px;
    margin: 0 -4px;
}

#InvoiceBlock .thumbnail h4 { margin-left: 0px;}
#InvoiceBlock .thumbnail div {
	float: none;
	height: auto;
	display: block;
}

.panel-warning {
    border-color: #FAEBC9;
    background-color: #FAEBC9;
}

/* --------  BOX MY DUCATI --------*/
.sfondo, .box-sfondo {
  background-color: #000;
}
.box {
  margin-top: 39px;
  margin-bottom: 39px;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.box-btn {
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
  gap:16px;
  font-family: 'DucatiStyleExt_Rg';
  font-weight: 400;
}
.btn-cell {
  flex: 1;
  font-style: normal;
  line-height: 14px;
  width: 147px;
  display: flex;
  justify-content: center;
}
.btn-cell-uno {
  flex: 1;
  font-style: normal;
  line-height: 14px;
  width: 147px;
}
.cell-img {
  position: absolute;
}
/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) {
  .sfondo {
    height: 445px;
  }
  .box-sfondo-cell {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) {
  .sfondo {
    height: 560px;
  }
  .box-sfondo-cell {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width : @screen-sm-min) {
  .sfondo {
    height: 370px;
  }
  .box-sfondo-cell {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 0px;
  }
  .cell-img {
    position: absolute;
    height: 490px;
    top: -75px;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width : @screen-md-min) {
  .sfondo {
    height: 313px;
  }
  .box-sfondo-cell {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: 0px;
  }
  .cell-img {
    position: absolute;
    height: 490px;
    top: -100px;
  }
}

/* --------  BOX NEWSLETTER --------*/
// .posizionamento {
//   .flex(column, center);
//   flex-wrap: nowrap;
//   color: @text-dark;
//   margin-top: 32px;
// }
@media (max-width: 991px) {
  .posizionamento {
    .flex(column, center);
    flex-wrap: nowrap;
    color: @text-dark;
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .posizionamento {
    .flex(column, center);
    flex-wrap: nowrap;
    color: @text-dark;
    margin-top: 70px;
  }
}
.btn-newsletter:focus, .btn-newsletter:hover, .btn-newsletter:active  {
  color: #fff;
  box-shadow: 0 0px 0px 0;
}
.box-newsletter {
  gap: 24px;
  .flex(column, center);
  flex-wrap: nowrap;
  color: @text-default;
}
.titolo-news {
  .font-title(24);
  color: @neutral-darker;
  font-family: 'DucatiStyleExt_Bd';
  font-weight: 700;

}
.sottotitolo-news {
  .font-title(14);
  font-family: 'DucatiStyle_Rg';
  font-weight: 400;
}
.box-input-news {
  display: flex;
  justify-content: center;
  align-items: center;
  gap:16px;
}
.btn-newsletter {
  background: @btn-default;
}
/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) {
  .box-vuoto-img {
    height: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) {
  .box-vuoto-img {
    height: 300px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width : @screen-sm-min) {
  .dimensioni-input {
    width: 400px;
  }
  .btn-newsletter {
    width: 147px;
  }
}
/* caso particolare per device con min 451 e max 599 */
@media only screen and (min-width: 451px) and (max-width: 500px) {
  .box-vuoto-img {
    height: 250px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

/* caso particolare per device con min 451 e max 599 */
@media only screen and (min-width: 501px) and (max-width: 599px) {
  .box-vuoto-img {
    height: 330px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

/* --------  HOMEPAGE - CARD ---------------*/

.card-img-top {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
.container-card {
  display: flex;
  padding-right: 12px;
  padding-left: 12px;
  margin-bottom: 12px;
}
.card-home {
  .flex(column, flex-start);
  flex: 1 0 0;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
}
.card-home-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 24px;
  margin-right: 0px;
  color: @text-dark;
  gap:8px;
}
.pre-title-card {
  color: @text-dark;
  .font-title(14);
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
}
.titolo-card {
  color: @neutral-darker;
  .font-title(24);
  margin-top: 8px;
  font-family: 'DucatiStyleExt_Bd';
  font-weight: 700;
}
.card-home-text {
  display: flex;
  flex-direction: column;
}
.img-sottotitolo-card {
  display: flex;
  align-items: center;
}
.font-card_uno {
  .font-title(14);
  font-family: 'DucatiStyle_Rg';
  font-weight: 400;
}
.font-card_due {
  .font-title(14);
  font-family: 'DucatiStyle_Bd';
  font-weight: 700;
}
.card-home-footer {
  margin-top: 15px;
}
.btn-card {
  .font-title(14, 16px);
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .avviso_registrazione, .alert-carrello {
    .flex(column, flex-start);
    border: 1px solid #CC0000;
    padding: 16px;
    gap: 4px;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 100;
    max-width: 1050px;
    margin-right: 15px;
    border-radius: 4px;
  }
  .alert-barcode {
    .flex(column, flex-start);
    border: 1px solid #CC0000;
    padding: 16px;
    gap: 4px;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    margin-right: 15px;
    border-radius: 4px;
  }
  .title-avviso {
    font-family: 'DucatiStyleExt_Bd';
    font-weight:700;
    color:@red-default;
    .font-title(16);
  }
  .box-attenzione {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 5px;
  }
}

@media (min-width: 992px) {
  .avviso_registrazione  {
    .flex(column, flex-start);
    width: 560px;
    border: 1px solid #CC0000;
    padding: 16px;
    gap: 4px;
    background: #fff;
    height: 129px;
    position: fixed;
    bottom: 15px;
    z-index: 100;
    right: 15px;
    border-radius: 4px;
  }
  .alert-carrello, .alert-barcode {
    .flex(column, flex-start);
    width: 560px;
    border: 1px solid #CC0000;
    padding: 16px;
    gap: 4px;
    background: #fff;
    height: auto;
    position: fixed;
    bottom: 15px;
    z-index: 100;
    right: 15px;
  }
  .title-avviso {
    font-family: 'DucatiStyleExt_Bd';
    font-weight:700;
    color:@red-default;
    .font-title(16);
  }
  .box-attenzione {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 5px;
  }
}


/* --------  TOUR WIDGET ---------------*/
.show-main-info .title {
  margin-bottom: 0px;
}
// .show-main-info img {
//   max-height: 287px;
//   margin: auto;
// }
.calendar-tour {
  max-height: 260px !important;
  margin: unset !important;
  float: none !important;
}
.box-card-tour {
  display: flex;
  margin-top: 32px;
  margin-bottom: 32px;
}
.card-tour {
  .flex(column, flex-start);
  flex: 1 0 0;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 24px;
}
.card-img-tour {
  width: 100%;
  height: 181px;
  border-radius: 24px;
  object-fit: cover;
}
.card-tour-body {
  .flex(column, flex-start);
  padding: 24px;
  flex: 1 0 0;
  align-self: stretch;
  color: #666666;
  border-top-style: dashed;
  border-top-width: 1px;
  margin-right: 0px;
}
.ellipse-position {
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  height: 195px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.ellipse {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  position: relative;
  z-index: 100;
  background-color: #fafafa !important;
}
.ellipse-pre {
  left: 15px;
  background: radial-gradient(4px 3px at left, transparent 25px, rgba(0, 0, 0, 0.10) 40px);
}
.ellipse-post {
  right: 15px;
  background: radial-gradient(4px 3px at right, transparent 25px, rgba(0, 0, 0, 0.10) 40px);
}
.box-ellipse {
  .flex(row, flex-end);
}

@media (max-width: 991px) {
  .riga-separatore {
    border: solid 0.5px @neutral-light;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

@media (min-width: 992px) {
  .riga-separatore {
    border: solid 0.5px @neutral-light;
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

/* --------  SHOWSHEET WIDGET ---------------*/
.icona-disponibile {
  position: absolute;
  right: -15px;
  top: -7px;
}
.img-show {
  min-height: 287px !important;
  width: 520px !important;
  object-fit: cover;
}
.img-esperienza {
  width: 80px;
  height: 80px;
}
.rounded-nav .nav-link {
  border-radius: 50rem !important;
  color: #000;
  font-weight: 700;
}
.rounded-nav {
  border-radius: 50rem !important;
  padding: 3px;
}
.nav-link.active {
  position: relative;
  color: #000;
  font-weight: 700;
}
.nav-link.active::after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}
.nav-tabs {
  border: 1px solid #ddd;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0px;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:hover, 
.nav-pills>li.active>a:focus {
  background-color: @red-default;
}
.visibile {
  display: block;
}
.nascosto {
  display: none;
}
#info_description, #info_bambini,
#info_disabili, #info_accessibilita, #info_note, #event_shout {
  margin-top: 5px;
  color:@text-dark;
}
.img-circle {
  float: inline-start;
  margin-left: 25px;
  color: @red-default;
}
.img-circle:before {
  content: "\f111";
  font-size: 6px;
}
.TheatreMap {
  width: 100%;
  height: 260px;
}
.box-calendario {
  padding: 32px;
  background:  #FFF;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
}
.btn-posti {
  padding: 8px 16px !important;
  border-radius: 19px !important;
  border: 1px solid @red-default !important;
  background-color: #fff !important;
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
  .font-title(12);
  outline-color: @red-default !important;
}
.img-posti {
  width: 24px;
  height: 24px;
  padding: 2px; 
}
.title-legenda {
  font-family: 'DucatiStyle_Bd';
  font-style: normal;
  font-weight: 700;
  margin-bottom: 16px;
  .font-size(14);
}
.legenda {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.date-cal, .time-cal {
  width: 227px;
  height: auto;
  overflow: hidden;
}
.date-cal .month li {
  background-color: @red-default;
}
//non in programma
.legenda li.np:before {
  background-color: #FFFFFF;
  color:#989898;
}
//in programma con posti disponibili
.legenda li.pd:before {
  background-color: #fff;
  color: #000;
  font-weight: 700;
}
//in programma senza posti diponibili
.legenda li.pn:before {
  background-color:  #E5E5E5;
  color: #0F0F0F;
}
//data selezionata
.legenda li.ds:before {
  background-color: @red-default;
  color: #FFFFFF;
  font-weight: 700;
}
//nel calendario - in programma con posti disponibili
.date-cal .days a {
  background-color: #fff;
  color: #000;
  font-weight: 700;
}
.date-cal .days a:hover {
  background-color: @red-default;
  color: #FFFFFF;
  font-weight: 700;
}
//nel calendario - non in programma
.date-cal li.no-event, .time-cal li.no-event {
  background-color: #FFFFFF;
  color:#989898;
}
//nel calendario - data selezionata
.date-cal .days a.selected {
  background-color: @red-default;
  color: #FFFFFF;
  font-weight: 700;
}
//nel calendario - in programma senza posti
.date-cal li.inactive, .time-cal li.inactive {
  background-color:  #E5E5E5;
  color: #0F0F0F;
}
.time-cal .caption {
  width: 227px;
  height: 21px;
  line-height: 21px;
  margin-bottom: 1px;
  background-color: @red-default;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}
.time-cal .times a {
  background-color: #2C842C;
  color: #FFFFFF;
}
//tabella orario - orario attivo
.time-cal .times a {
  color: #000;
  background: #fff;
  font-weight: 700;
}
.time-cal .times a:hover {
  background-color: @red-default;
  color: #FFFFFF;
}
//tabella orario - orario in programma senza posti
.date-cal li.inactive, .time-cal li.inactive {
  background-color:  #E5E5E5;
  color: #0F0F0F;
}
@media (max-width: 991px) {
  .lista-performance {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #tab-tree>li>a,
  #tab-myviva>li>a,
  #tab-fatt>li>a {
    display: block;
    padding: 10px 5px;
  }
  .spazio-legenda {
    margin-top: 16px;
  }
}
@media (min-width: 992px) {
  .lista-performance {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .spazio-legenda {
    padding: 0px;
  }
}
.show-info-details .info {
  margin-top: 24px;
}
.location {
  margin-top: 10px;
}

/* --------  PERFINFOHTML ---------------*/
.section-tofix {
  border-radius: 4px;
  border: solid 1px @red-default;
  background-color: #fff;
  font-family: 'DucatiStyle_Bd';
  font-weight: 700;
  .font-title(13);
  padding: 16px;
}
.section-avviso-login {
  border-radius: 4px;
  border: solid 1px @red-default;
  background-color: #fff;
  font-family: 'DucatiStyle_Bd';
  font-weight: 700;
  .font-title(17);
  padding: 16px;
}
.align-available {
  .flex(row, center);
}
.coloreMacro {
  position: relative;
  margin: 0 auto;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
  background-color: #fff;
  color: @neutral-darker;
}
//***** servizi aggiuntivi******
.coloreMacroInfoAggiuntive {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  border: 0px;
  color: @neutral-darker;
}
.btn-infoAggiuntive {
  padding: 6px 2px;
}
.btn-infoAggiuntive:hover, .btn-infoAggiuntive:focus, .btn-infoAggiuntive:active {
  outline: none !important;
  box-shadow: 0 0px 15px 0 transparent;
}
tr.border-red-item {
  border-left: solid 1px @red-default;
  border-right: solid 1px @red-default;
}
tr.border-red-item:first-of-type {
  border-top: solid 1px @red-default;
  border-bottom: solid 1px @red-default;
}
.check-item-obligatory {
  background-color:@red-default !important;
}
.star-img {
  margin-top: 3px;
}
.btn-coloreMacro:focus, .btn-coloreMacro:active {
  outline: none !important;
}
.title-perfInfo_due {
  .font-title(14);
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
}
.title-perfInfo_tre {
  .font-title(18);
  font-family: 'DucatiStyleExt_Bd';
  font-weight: 700;
}
.title-perfInfo_quattro {
  .font-title(16);
  font-family: 'DucatiStyle_Bd';
  font-weight: 700;
}
div.seat-amount {
  margin-left: 6px;
  margin-right: 6px;
  font-size: 14px;
  width: 16px;
  text-align: center;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  font-family: 'DucatiStyleCond_Rg';
  font-weight: 400;
}
.box-aggiorna-servizi {
  padding: 13px 24px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.cestino-servizi {
  padding: 13px 16px;
}
//tariffe nascoste
.form-control.barcode::placeholder {
  .font-title(14);
  font-family: 'DucatiStyle_Rg';
  font-weight: 400;
}
#alert-barcode {
  display: none;
}
//sezione items
.list_groups.obbligatori,
.servizi-aggiuntivi tr.items_obbligatori {
    background-color: #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important
}
.servizi-aggiuntivi tr.obbligatori_esclusivi,
.servizi-aggiuntivi tr.items_obbligatori_esclusivi,
.servizi-aggiuntivi tr.esclusivi,
.servizi-aggiuntivi tr.items_esclusivi {
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}
.servizi-aggiuntivi tr.obbligatori_esclusivi.first, 
.servizi-aggiuntivi tr.items_obbligatori_esclusivi.first,
.servizi-aggiuntivi tr.esclusivi.first,
.servizi-aggiuntivi tr.items_esclusivi.first {
    border-top: 1px solid #ddd !important;
}
.servizi-aggiuntivi tr.obbligatori_esclusivi.last,
.servizi-aggiuntivi tr.items_obbligatori_esclusivi.last,
.servizi-aggiuntivi tr.esclusivi.last,
.servizi-aggiuntivi tr.items_esclusivi.last {
    border-bottom: 1px solid #ddd !important;
}
.servizi-aggiuntivi,
.servizi-aggiuntivi tr,
.servizi-aggiuntivi td {
  border: none !important; 
  padding: 8px; 
}
@media (max-width: 991px) {
  .title-perfInfo{
    .font-title(14);
    font-family: 'DucatiStyle_Bd';
    font-weight: 700;
  }
  #shopping-accordion .card-header .btn {
    .btn-collapse();
  }
  #box-myvivaticket .card-header .btn {
    .btn-collapse();
    .flex(row, center);
    word-wrap: break-word;
    white-space: normal;
  }
  #box-prenotazioni .card-header .btn {
    .btn-collapse();
    .flex(column, center);
    word-wrap: break-word;
    white-space: normal;
  }
  .card-body-collapse {
    padding: 8px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    background-color: #fff;
  }
  .row-collapse {
    padding: 8px;
  }
  .box-tot {
    .flex(column, center);
    padding: 8px 16px;
    gap: 16px;
  }
  .color-tot {
    color:@red-default;
    .font-title(14);
  }
  .border {
    border-top: 0px;
    border-bottom: solid 1px #C0C0C0;
    margin-top: 32px;
  }
  .modal-header {
    padding: 16px !important;
    border-bottom: 1px solid #DDD;
  }
  .table-responsive {
    border-left-width: 0px;
    border-right-width: 0px;
    margin: 0px;
  }
  .table.table.table-condensed.small th, table.table.table-condensed.small td {
    border-left: none !important;
    border-right: none !important;
    padding-left: 5px;
    padding-right: 5px;
    align-items: center;
  }
  .btn-close-modale, .btn-close-modale:hover {
    .btn-ducati(@padding: 9px 24px, @color: @text-dark, @font-size: 12px);
    background: @btn-white;
    box-shadow: 0 0px 0px 0 transparent;
  }
  // .box-promo {
  //   .flex(column, center);
  //   margin-top: 16px;
  //   gap:15px;
  // }
  .box-promo {
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-left: 0 !important;
    margin-right: 0 !important;
    .flex(column, center);
    gap: 8px;
  }
  .box-servizio-scelto {
    padding-left: 20px;
    display: flex;
    align-items: center;
  }
  .price {
    padding-right: 20px;
  }
  .serviziAggiuntivi table.table.table-condensed.small td.cln-servizi-1 {
    padding: 16px 2px;
    white-space: normal;
  }
  .allignamento-obbly {
    display: flex;
    flex-direction: column;
  }
  .allignamento-check {
    padding-top: 10px !important;
  }
}
@media (min-width: 992px) {
  .title-perfInfo {
    .font-title(18);
    font-family: 'DucatiStyle_Bd';
    font-weight: 700;
  }
  #shopping-accordion .card-header .btn {
    .btn-collapse(24px, 24px, 24px, 32px);
  }
  #box-myvivaticket .card-header .btn {
    .btn-collapse(24px, 24px, 24px, 56px);
    .flex(row, center);
    word-wrap: break-word;
    white-space: normal;
  }
  #box-prenotazioni .card-header .btn {
    .btn-collapse(24px, 24px, 24px, 56px);
    .flex(row, center);
    word-wrap: break-word;
    white-space: normal;
  }
  .card-body-collapse {
    padding: 16px 24px 16px 32px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    background-color: #fff;
  }
  .row-collapse {
    padding: 16px 24px;
  }
  .box-tot {
    .flex(row, center);
    padding: 32px;
    gap: 8px;
  }
  .color-tot {
    color:#000;
    .font-title(32);
    line-height: 40px;
  }
  .border {
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    margin-top: 32px;
  }
  .modal-header {
    padding: 32px !important;
    border-bottom: 1px solid #DDD;
  }
  .table-responsive {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  .table.table.table-condensed.small th, table.table.table-condensed.small td {
    border-left: none !important;
    border-right: none !important;
  }
  .btn-close-modale, .btn-close-modale:hover {
    .btn-ducati(@color: @text-dark);
    background: @btn-white;
    box-shadow: 0 0px 0px 0 transparent;
  }
  // .box-promo {
  //   .flex(row, center);
  //   margin-top: 32px;
  // }
  .box-promo {
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-left: 0 !important;
    margin-right: 0 !important;
    .flex(row, center);
  }
  .box-servizio-scelto {
    padding-left: 40px;
    display: flex;
    align-items: center;
  }
  .price {
    padding-right: 40px;
  }
}
.box-img-promo {
  .flex(row, center);
  gap: 15px;
}
.item-img-promo {
  .flex(row, center);
}
.box-input-promo {
 padding-left: 0px;
}
.title-promo {
  padding-left: 0px;
}
.img-promo .tooltip {
  width: 100%;
}
.collapse-arrow {
padding: 4px 10px 12px 10px;
}
//**********MODALE SERVIZI AGGIUNTIVI*************
.title-servizi {
  font-family: 'DucatiStyle_Rg';
  font-style: normal;
  font-weight: 400;
  .font-title(14);
}
.input-select {
  display: flex;
  align-items: center;
  border: 1px solid @neutral-light !important;
  padding-left: 16px;
  font-family: 'DucatiStyleCond_Rg' !important;
  font-style: normal !important;
  font-weight: 400 !important;
  .font-title(12) !important;
}
@media (max-width: 991px) {
  .serviziAggiuntivi table.table.table-condensed.small td.cln-servizi-1 {
    padding: 16px 0px;
    white-space: normal;
  }
  .serviziAggiuntivi table.table.table-condensed.small td.cln-servizi-2 {
    padding: 5px 0px;
  }
  .footer-servizi {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0px;
  }
}
@media (min-width: 992px) {
  .serviziAggiuntivi table.table.table-condensed.small td.cln-servizi-1 {
    padding: 16px 24px;
  }
  .serviziAggiuntivi table.table.table-condensed.small td.cln-servizi-2 {
    padding: 5px 24px;
  }
  .footer-servizi {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 16px;
  }
}

.allignamento-price {
  text-align: left !important;
}
.switch-box{
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.switch-text {
  font-weight: bold;
  margin: 0;
}
.form-check-input {
  appearance: none;
  width: 40px;
  height: 20px;
  background-color: #ddd;
  border-radius: 20px;
  position: relative;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}
.form-check-input::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
}
.form-check-input:checked {
  background-color: @red-default;
}
.form-check-input:checked::before {
  transform: translateX(20px);
}
.form-check-label {
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  font-family: 'DucatiStyleCond_Rg';
  font-style: normal;
  font-weight: 700;
  .font-title(14) !important;
}
.form-check-input:focus, .form-check-input:active {
  outline: none !important;
}
/* Disabled switch styles */
.form-check-input:disabled {
  background-color: @input-border;
  cursor: not-allowed;
}
.form-check-input:disabled::before {
  background-color: #fff;
}
.form-check-label:disabled,
.switch-text:disabled {
    color: @input-border !important;
}
//**********************TABELLA PREZZI****************
.btnTabprezzi {
  border-radius: 0px !important;
  border: 0px solid #fafafa;
  padding: 5px;
  font-size: 10px;
}
.btn-primaryTabprezzi {
  color: #000;
  background-color: #ffffff;
  border-color: #fafafa;
}
.border-tot {
  border-bottom: solid 1px @neutral-darker;
}
//tooltip sul btn acquista
.tooltip-inner {
  text-align: start;
  line-height: 15.5px;
  color: @text-dark; 
  background-color: #fff;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10);
}
.tooltip.top .tooltip-arrow {
  border-top-color: #fff;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10);
}
//modale btn close
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: unset;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid transparent;
  .flex(row, flex-end);
}
//modale trasparenti
.font-price-trasp {
  .font-title(11);
}
.box-trasparenti {
  margin-top: 16px;
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
}
.table-condensed > thead {
  background-image: none;
}
.table-condensed > thead > tr > th {
  padding-left: 15px;
}
.table-condensed tr:last-child.row-prices {
  border-bottom: 1px solid #ddd !important;
}
.table-condensed th:nth-child(n+2), .table-condensed td:nth-child(n+2) {
  text-align: right;
}
//per il recaptcha per farlo stare dentro al div
.to-bottom>div {
  position: unset;
  bottom: 0px;
  margin-right: 28px;
}
.disponibile {
  background-color: #fff;
  display: flex;
  align-items: baseline;
}

/* --------  BASKETHTML ---------------*/

.title-countdownHolder {
  font-family: 'DucatiStyle_Bd';
  font-weight: 700;
  .font-title(20);
}
.countdownHolder.redCountdown {
  border: 0px solid @red-default;
  color: @red-default;
}
.countdownHolder {
  border: 0px;
  display: inline;
  color: @red-default;
  font-weight: bold;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  border-radius: 2px;
}
.countdownHeaderHolder {
  background: @red-default;
  width: 25%;
  margin-left: 15px;
}
.countdownHeaderHolder.redCountdown {
  background: @red-default;
  width: 25%;
  margin-left: 15px;
}
.title-basket_due {
  font-family: 'DucatiStyle_Rg';
  font-weight: 400;
  .font-title(14);
}
.title-basket_quattro {
  font-family: 'DucatiStyle_Rg';
  font-weight: 700;
  .font-title(16);
}
.title-promo-info {
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  .font-title(16);
}
.checkbox-inline {
  font-family: 'DucatiStyleCond_Bd';
  font-style: normal;
  font-weight: 700;
}
.img_check {
  padding-left: 5px;
}
.showNew {
  display: unset !important; 
}
@media (max-width: 991px) {
  .box-recBasket {
    margin-top: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .box-recBasketMobile {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .title-basket_uno {
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
    .font-title(16);
  }
  span.countM, span.countS {
    .font-title(32);
  }
  .box-validita {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    overflow: hidden;
    margin-bottom: 32px;
    width: 100%;
    border: 1px solid @red-default;
    .flex(column, center);
  }
  .box-promotion {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    overflow: hidden;
    margin-bottom: 32px;
    width: 100%;
    border: 1px solid @red-default;
    .flex(row, center);
  }
  .box-promotion-info {
    height: auto;
    overflow: hidden;
    margin-bottom: 32px;
    width: 100%;
    .flex(row, center);
    border: solid 2px @neutral-light;
    padding: 15px 15px 15px 15px;
  }
  td.seat-cln-1, td.seat-cln-3 {
    padding: 16px 24px;
  }
  td.seat-cln-2, td.seat-cln-4 {
    padding: 13px 24px;
  }
  .paddingBasket {
    padding-left: 15px;
    padding-right: 15px;
  }
  .title-basket_tre {
    font-family: 'DucatiStyle_Rg';
    font-weight: 700;
    color: @red-default;
  }
  .box-cartButton {
    .flex(column, baseline);
    margin-left: 0px;
    margin-right: 0px;
  }
  .box-btnback {
    .flex(column, center);
    gap: 16px;
    justify-content: flex-end;
  }
  .box-ris-tot {
    .flex(row, center);
    padding-left: 0px;
    padding-right: 0px;
  }
  .box-anagrafici {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .countdownHeaderHolder {
    background: @red-default;
    width: 42%;
    margin-left: 15px !important;
  }
  .countdownHeaderHolder.redCountdown {
    background: @red-default;
    width: 42%;
    margin-left: 15px !important;
  }
}
@media (min-width: 992px) {
  .box-recBasket {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .title-basket_uno {
    font-family: 'DucatiStyleExt_Bd';
    font-weight: 700;
    .font-title(18);
  }
  span.countM, span.countS {
    .font-title(36);
    line-height: 40px;
  }
  .box-validita {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    overflow: hidden;
    margin-bottom: 32px;
    width: 100%;
    border: 1px solid @red-default;
    .flex(row, center);
  }
  .box-promotion {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    overflow: hidden;
    margin-bottom: 32px;
    width: 100%;
    border: 1px solid @red-default;
    .flex(row, center);
  }
  .box-promotion-info {
    height: auto;
    overflow: hidden;
    margin-bottom: 32px;
    width: 100%;
    .flex(row, center);
    border: solid 2px @neutral-light;
    padding: 15px 15px 15px 15px;
  }
  .table-condensed > tbody > tr > td.seat-cln-1,
  .table-bordered > tfoot > tr > td.seat-cln-1,
  .table-condensed > tbody > tr > td.seat-cln-3,
  .table-bordered > tfoot > tr:last-child > td.seat-cln-5 {
    padding: 16px 24px;
  }
  .table-condensed > tbody > tr > td.seat-cln-2,
  .table-condensed > tbody > tr > td.seat-cln-4,
  .table-bordered > tfoot > tr:last-child > td.seat-cln-6 {
    padding: 13px 24px;
  }
  .paddingBasket {
    padding-left: 0px;
    padding-right: 0px;
  }
  .footer-input-anagrafici {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
  }
  .title-basket_tre {
    font-family: 'DucatiStyle_Rg';
    font-weight: 700;
    color: @neutral-darker;
  }
  .box-cartButton {
    .flex(row, center);
    justify-content: flex-start;
    margin-top: 32px;
  }
  .box-btnback {
    .flex(row, center);
    gap: 16px;
    justify-content: flex-end;
  }
  .box-ris-tot {
    .flex(row, center);
    padding-right: 0px;
  }
  .box-anagrafici {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.row-warning {
  background-color: rgba(204, 0, 0, 0.05);
}
.label-spedizione {
  font-size: 14px !important;
  line-height: normal !important;
  font-style: normal !important;
  font-family: 'DucatiStyleCond_Bd' !important;
  font-weight: 700 !important;
}
.box-time {
  .flex(row, center);
  justify-content: space-around;
}
.img-alert {
  padding-top: 5px;
  padding-bottom: 5px;
}
.btn-coloreMacroBasket {
  .btn-collapse(0px, 0px, 0px, 0px);
  .flex(row, center);
  background-color: transparent;
  border: 1px;
  vertical-align: middle;
  width: 100%;
}
.btn-coloreMacroBasket:focus, .btn-coloreMacroBasket:active {
  outline: none !important;
}
.box-card-item {
  padding: 16px 24px;
}

//box spese di spedizioni e fatturazione
.box-costi-agg .row-tab {
  margin-top: 0px;
  margin-bottom: 27px;
}
.input-box {
  display: flex;
  height: 46px;
  align-items: center;
  border-bottom: solid 1px @input-border ;
}
.input {
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  width: 100%;
  .font-title(14, 21px);
  font-weight: 700;
  color: @text-dark;
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  background-color: transparent;
  border-radius: 0;
}
.input-box::placeholder {
  font-family: 'DucatiStyleCond_Bd';
  .font-title(14, 21px);
  font-weight: 700;
  color: @input-border;
}
.input-box:focus {
  outline: none !important;
  border: 1px solid @input-border;
  box-shadow: 0 0 5px @input-border;
}
.placeholder {
  position: absolute;
  top: 10px;
  color: @input-border;
  pointer-events: none;
}
.input-box:empty + .placeholder {
  display: block;
}
.input-box:not(:empty) + .placeholder {
  display: none;
}
.box-countdownButton {
  .flex(row, center);
}
.delivery-buttons {
  .flex(column, flex-start);
  gap:16px;
}
#sped-uno, sped-due {
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  .font-title(17, 21px);
}
.box-input-anagrafici {
  padding-left: 3px;
  padding-right: 3px;
}
.title-anagrafici {
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  .font-title(14, 16px);
  letter-spacing: 1px;
  text-transform: uppercase;  
}
.personal-detail {
  .flex(row, flex-end);
}
.personal-detail-form {
  .sottotitle {
    .font-title(14);
    font-family: 'DucatiStyle_Rg';
    font-weight: 700;
  }
  .title {
    .font-title(18);
    font-family: 'DucatiStyle_Bd';
    font-weight: 700;
  }
}
.box-ris {
  .flex(column, center);
  gap:20px;
}
.list-add-padding {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-radius: 4px;
}
.table.table.table-condensed.small.tabella-zona-spedizione th, table.table.table-condensed.small.tabella-zona-spedizione td {
  border-left: none !important;
  border-right: none !important;
  padding: 16px 24px !important;
}
@media (max-width: 991px) {
  .box-single-sped {
    padding-bottom: 16px;
  }
  .box-freeInvoiceAddress {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .box-freeInvoiceAddress {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
}


//****************CAMBIO NOMINATIVO*******************

label {
  font-family: 'DucatiStyle_Rg';
  font-style: normal;
  font-weight: 400;
  .font-title(16);
}

//**************beastSeatSetPromoCode*******************

@media (max-width: 991px) {
  .row-riduzione-single {
    padding-left: 0px;
    padding-right: 24px;
  }
}
@media (min-width: 992px) {
  .row-riduzione-single {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.table-riduzione {
  display: flex;
  align-items: center;
}
.box-riduzione {
  margin-bottom: 16px;
}
.row-riduzione {
  padding-top: 8px;
  padding-bottom: 8px;
}
.row-riduzione-doppio {
  padding-left: 35px;
  padding-right: 24px;
}
.riduzione-error {
  font-size: 12px;
  color: @red-default;
}

//*****RIEPILOGO CARRELLO**************
#riepilogo_carrello,
#img-carrello, #img-carrello-pieno,
#alert-carrello {
  display: none;
}
.box-carrello {
  height: auto !important;
  border-top: 1px solid @neutral-light;
  background: @neutral-lightest;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
  padding-top: 24px;
  padding-bottom: 24px;
  z-index: 300;
  position: absolute;
  width: 100%;
}
.top-carrello-home {
  top: -275px;
}
.row-item-carrello {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  .font-tile(18px);
}
.row-carrello {
  border-bottom: 1px solid #666666;
  margin-right: 56px;
  margin-left: 56px;
  padding: 28px 0px 28px 0px;
}
.tot-carrello {
  display: flex;
  padding: 24px 56px 24px 56px;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  .font-tile(18px);
  font-family: 'DucatiStyle_Bd';
  font-style: normal;
  font-weight: 700;
}
.footer-carrello {
  margin: 24px 56px 0px 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.box-carrello-scaduto {
  border: 1px solid #cc0000;
  padding: 16px;
  z-index:2000;
}
.box-carrello-body {
  margin:0px;
  padding: 0px 32px 32px 32px;
}
@media (max-width: 991px) {
  .box-carrello-header {
    padding: 16px 0px 16px 0px;
    border:0px !important;
  }
}
@media (min-width: 992px) {
  .box-carrello-header {
    padding: 32px 0px 32px 0px;
    border:0px !important;
  }
}
//****************ACQUISTIWIDGET*************

@media (max-width: 991px) {
  .card-body-myvivaticket {
    padding: 16px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    background-color: #fff;
  }
  .row-myvivaticket {
    padding: 16px;
  }
  .margin-utilizzatore {
    margin-top:16px;
  }
}
@media (min-width: 992px) {
  .card-body-myvivaticket {
    padding: 24px 24px 24px 56px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.10);
    background-color: #fff;
  }
  .row-myvivaticket {
    padding: 16px;
  }
  .currency {
    text-align: right;
  }
}
#box-myvivaticket a,
#box-prenotazioni a,
.prenotazione-tempo {
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  font-family: 'DucatiStyleCond_Bd';
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sfondo-box {
  background-color: #fff !important;
}

//*****************BasketReceiptWidget**********************

.sfondo-receipt {
  background-color: #fff;
}

//****************metodi di pagamento**********************
.custom-radio {
  display: none;
}
.custom-radio + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 16px;
  user-select: none;
}
.custom-radio + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid @neutral-darker;
  background-color: #fff;
  transition: all 0.3s ease;
}
.custom-radio:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: @neutral-darker;
}