/* -------------------------------------- */
/*   Regole CSS specifiche della città:   */
/* -------------------------------------- */

:root {
  --h1-color: #005D72;
  --h2-color: #23A5A9;
  --h3-color: #005D72;
  --h4-color: #FFB012;
  --h5-color: #FFB012;
  --h6-color: #000000;
  --title-font-family: "Poppins", sans-serif;
  --body-font-family: "Lato", sans-serif;
  --text-selection-bg: #FDD33C; 
  --text-selection-color: #101010;

  --top-bar-bg:    #005D72;
  --top-bar-color: #FFFFFF;
  --header-bg:        rgba(255,255,255,1);
  --header-sticky-bg: rgba(255,255,255,0.7);
  --bottom-bg: #FFB012;
  --bottom-module-title-color: #FFFFFF /*#0EBEC4*/;
  --bottom-module-menu-item-color: #FFFFFF;
  --bottom-module-menu-item-hover-color: #242424;
  --footer-bg: #23A5A9;
  --calendar-header-bg: #D5E9E7;
  --calendar-header-divider-color: rgba(34, 36, 38, 0.0980392);

  --menu-font-family: "Poppins", sans-serif;
  --menu-item-color: #242424;
  --menu-item-active-color: #FFB012;
  --menu-item-parent-selected-color: #FFB012;
  --menu-item-child-hover-bg: rgba(240, 240, 240, 0.7);
  --menu-dropdown-border-image: linear-gradient(135deg, #FFB012, #FFB012) 1;

  --sppb-button-bg: #005D72;
  --primary-button-bg: #ED7900;
  --primary-button-color: #FFFFFF;
  --primary-button-hover-bg: #FFB012;
  --primary-button-hover-color: #FFFFFF;
  --primary-button-shadow-color: #EECE8B;
  --secondary-button-bg: lightgrey;
  --secondary-button-color: #444444;
  --secondary-button-hover-bg: darkgrey;
  --secondary-button-hover-color: #FFFFFF;
  --secondary-button-shadow-color: darkgrey;
  
  --alert-notice-bg: rgb(250,235,215);
  --alert-notice-border-color: rgb(240,225,205);
  --alert-notice-color: #721c24;

  --connectivity-primary-button-bg: rgb(110,190,110);
  --connectivity-primary-button-hover-bg: darkgreen;
  --connectivity-secondary-button-bg: var(--secondary-button-bg);
  --connectivity-secondary-button-hover-bg: var(--secondary-button-hover-bg);
  --connectivity-h1-color: #FFB012;
  --connectivity-link-color: #21334D;

  --destinations-link-color: #242424;
  --destinations-link-color-pseudo: rgb(255, 95, 0);
  --payment-guide-link-color: #242424;
  --payment-guide-link-color-pseudo: rgb(255, 95, 0);

  --form-header-font-family: "Poppins", sans-serif;
  --h1-form-header-color: #23A5A9;
  --h3-form-header-color: #242424;  
  --h4-form-header-color: rgba(0, 0, 0, 0.87);
  --h5-form-header-color: rgba(0, 0, 0, 0.87); 
  --h6-form-header-color: rgba(0, 0, 0, 0.87); 
  --form-font-family: "Lato", sans-serif;
  --form-link-color: #FFB012;
  --form-link-color-pseudo: rgb(255, 95, 0);
  --form-button-link-color: var(--primary-button-color);
  --form-button-link-color-pseudo: var(--primary-button-hover-color);

  --instant-quote-header-font-family: "Poppins", sans-serif;
  --instant-quote-header-title-color: #23A5A9;
  --instant-quote-label-color: #242424;
  --instant-quote-box-title-color: #242424;
  --instant-quote-price-color: rgb(204,0,0);
  --instant-quote-price-font-family: "Arial", sans-serif;
  --instant-quote-info-font-family: "Lato", sans-serif;
  --instant-quote-button-bg: #FFB012;
  --instant-quote-button-shadow-color: #995420;

  --booking-form-h1-color: #005D72;
  --booking-form-fieldset-header-color: #23A5A9;
  --booking-form-quote-header-color: #FFB012;
  --booking-form-price-color: rgb(204, 0, 0);
  --booking-form-price-font-family: "Arial", sans-serif;
  --booking-form-price-info-container-color: rgb(86,86,86);
  --booking-form-price-info-line-color: rgb(86,86,86);
  --booking-form-send-button-bg: #EB942B; 
  --booking-form-send-button-shadow: #E36A15 1px 1px 10px 4px inset;
  --booking-form-send-button-hover-bg: #D87C13; 
  --booking-form-send-button-hover-shadow: #CF5D10;
  --booking-form-popup-button-bg: rgb(190, 0, 0);

  --booking-form-confirm-legend-color: #FFB012;
  --sumup-form-font-family: "Poppins", sans-serif;

  --table-header-bg: #E4C886;
  --table-header-sorter-color: #000000;
  --table-paginator-item-active-bg: rgba(159,192,110,.4);
  --table-paginator-item-active-hover-bg: rgba(159,192,110,.7);
  --table-paginator-item-hover-bg: rgba(159,192,110,.55);
  --table-primary-button-bg: var(--primary-button-bg); 
  --table-primary-button-color: var(--primary-button-color);
  --table-secondary-button-bg: var(--secondary-button-bg); 
  --table-secondary-button-color: var(--secondary-button-color);
  --table-button-green-bg: rgb(110, 190, 105);

  --table-booking-status-confirmed-bg: #EEFAEE;
  --table-booking-status-canceled-bg: #FAFAFA;
  --table-booking-status-disabled-bg: #FAFAFA;
  --table-booking-status-expired-bg: #F8F8F8;
  --table-booking-status-new-bg: rgba(255,240,230,1.0);
  --table-booking-status-pending-bg: rgba(255,240,230,1.0);
  --table-booking-status-confirmation-pending-bg: rgba(255,240,230,1.0);
  --table-booking-status-payment-missing-bg: #FFFAF3;
  --table-booking-status-confirmation-pending-label-bg: darkorange; 
  --table-booking-status-confirmation-pending-label-color: #FFFFFF;
  --table-booking-status-pending-label-bg: darkorange;
  --table-booking-status-pending-label-color: #FFFFFF;

  --reservations-admin-request-bg: rgba(255,240,230,1.0);
  --reservations-admin-confirmed-bg: rgba(200, 230, 200, 0.25);
  --booking-details-header-color: #FFB012;
  --report-table-header-and-footer-bg: #FFB012;
  --report-table-footer-cell-bg: transparent;
}

/*
*****************************************************************
  font per body, headers
*****************************************************************
*/
body {
  font-weight: normal;
  font-family: var(--body-font-family);
}
h1 {
  color: var(--h1-color);
  text-align: center;
}
h2 { 
  color: var(--h2-color); 
}
h3 { 
  color: var(--h3-color); 
}
h4, h5 { 
  color: var(--h4-color); 
}
h1, h2, h3, h4, h5 { 
  font-family: var(--title-font-family);
}

/*
*****************************************************************
  text selection
*****************************************************************
*/
::selection {
    background-color: var(--text-selection-bg);
    color: var(--text-selection-color);
    -webkit-text-fill-color: var(--text-selection-color);
}
::-moz-selection {
    background-color: var(--text-selection-bg);
    color: var(--text-selection-color);
    -webkit-text-fill-color: var(--text-selection-color);
}
::-webkit-selection {
    background-color: var(--text-selection-bg);
    color: var(--text-selection-color);
    -webkit-text-fill-color: var(--text-selection-color);
}

/*
*****************************************************************
  link
*****************************************************************
*/
a {   
  color: var(--form-link-color);
  font-weight: bold;
  text-decoration: none;
}
a:hover, a:focus, a:active {    
  color: var(--form-link-color-pseudo);
}
/* payment guide links */
a[href="#creditcard"],
a[href="#paypal"],
a[href="#cash"] { 
  color: var(--payment-guide-link-color, var(--form-link-color)); 
}
a[href="#creditcard"]:hover, a[href="#creditcard"]:focus, a[href="#creditcard"]:active,
a[href="#paypal"]:hover, a[href="#paypal"]:focus, a[href="#paypal"]:active,
a[href="#cash"]:hover, a[href="#cash"]:focus, a[href="#cash"]:active { 
  color: var(--payment-guide-link-color-pseudo, var(--form-link-color-pseudo)); 
}
/* destinations links */
.sppb-section.destinations a { 
  color: var(--destinations-link-color, var(--form-link-color)); 
}
.sppb-section.destinations a:hover, 
.sppb-section.destinations a:focus, 
.sppb-section.destinations a:active { 
  color: var(--destinations-link-color-pseudo, var(--form-link-color-pseudo)); 
}

/*
*****************************************************************
  main body
*****************************************************************
*/
.com-chronoforms6        #sp-main-body,
.com-chronoconnectivity6 #sp-main-body
 {
  min-height: 400px;
  padding-bottom: 80px;
}

/*
*****************************************************************
  articles
*****************************************************************
*/
.com-content.view-article #sp-main-body { padding: 80px 0; }
.article-details .article-header h1 { margin-bottom: 1em; }


.semanticui-body.G2-joomla.chronoconnectivity h1 {
  color: var(--connectivity-h1-color);
  font-size: 36px;
  margin-bottom: 1em;
  text-align: center;
}
.semanticui-body a { /* !!! ha la precedenza --primary-button-color */
  color: var(--connectivity-link-color);
}
.com-chronoconnectivity6 .ui.primary.button {
  background-color: var(--connectivity-primary-button-bg) !important; 
}
.com-chronoconnectivity6 .ui.primary.button:hover {
  background-color: var(--connectivity-primary-button-hover-bg) !important; 
}
#sp-page-builder .sp-pagebuilder-page-edit {
  display: none !important;
}

/*
*****************************************************************
  top bar
*****************************************************************  
*/
#sp-top-bar {
  background: var(--top-bar-bg);
  color: var(--top-bar-color);
  height: auto;
  line-height: 21px;
  text-rendering: auto;
}
#sp-top-bar .fa.fa-facebook-square { font-size: 19px; }
#sp-top1 { width: 10%; }
#sp-top2 { width: 90%; }

/*
*****************************************************************
  header
*****************************************************************  
*/
#sp-header {
  /* animation:spFadeIn 0.5s; */
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  font-family: var(--menu-font-family); 
  height: 80px;
  /* padding: 5px 0px; */  /* same as in template.css for sticky and not sticky header */
  position: initial;
  width: 100%;
  z-index: 1001;
}
#sp-header:after {    
    bottom: 0;
    width: 100%;
}
/* elimina la linea bianca all'interno del blocco header 
#sp-header:after {    
    display: none;
}
*/
#sp-header:not(.header-sticky) { 
  background-color: var(--header-bg) !important; 
}
#sp-header.header-sticky {
  /* animation:spFadeInDown 0.5s; */  
  background-color: var(--header-sticky-bg) !important;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
#sp-header:not(.header-sticky) + #sp-main-body {
  margin-top: 0px;
}
/* rende fluido lo scrolling se sp-header diventa sticky */
#sp-header.header-sticky + #sp-main-body {
  margin-top: 80px;
}


/*
*****************************************************************  
  system message container  
*****************************************************************
*/
/* rende visibile il messaggio di errore di sistema, nascosto sotto l'header del menu  */
#system-message-container { 
  bottom: auto; /* per sovrascrivere i valori in template.css */
  height: auto; 
  left: 50%;
  position: fixed; 
  margin-left: -30%; 
  max-width: none;
  text-align: center;
  top: 134px; /* tiene conto dell'altezza di top bar e header */
  width: 60%;
  z-index: 11;
}
/* rende invisibili i link per la chiusura del box contenente i messaggi di sistema */
#system-message-container .close { 
  /*display: none;*/ 
}
#sp-header:not(.header-sticky) + #sp-main-body #system-message-container {
  top: 134px;
}
#sp-header.header-sticky + #sp-main-body #system-message-container {
  top: 134px;
}

/* 
*****************************************************************  
  posizionamento del contenitore delle form e delle connection 
*****************************************************************
*/
/*
.com-chronoconnectivity6 .semanticui-body.G2-joomla.chronoforms, 
.com-chronoforms6        .semanticui-body.G2-joomla.chronoforms {
  margin-top: 80px;
}
*/
#system-message-container + .semanticui-body.G2-joomla.chronoforms {
  margin-top: 30px;
  min-height: 340px;
}
#system-message-container + .semanticui-body.G2-joomla.chronoconnectivity,
#system-message-container + .ui.message.g2-message {
  margin-top: 70px;
}

/*
*****************************************************************
  header menu
***************************************************************** 
*/
#sp-header .sp-megamenu-parent .active:before {
  width: calc(100% - 20px);
  bottom: 0px;
  left: 10px;
}
#sp-header .sp-megamenu-parent > li {
  padding: 18px 9px 4px;
}  
#sp-header .sp-megamenu-parent > li > a, 
#sp-header .sp-megamenu-parent > li > span, 
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: var(--menu-item-color); 
  font-size: 14px;
  text-transform: capitalize;
}
#sp-header .sp-megamenu-parent > li > span.sp-menu-heading {
  padding: 0;
  line-height: 19px;
  cursor: context-menu;
}
@media only screen and (max-width: 1200px) {
  #sp-header .sp-megamenu-parent > li {
    padding-left:  3px;
    padding-right: 3px;
  }
}
#sp-header .sp-megamenu-parent .sp-dropdown {  padding-top: 0;}
#sp-header .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub { top: -4px; }
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover,
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item:focus {
  background-color: var(--menu-item-child-hover-bg);
}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: var(--menu-item-active-color);
}
#sp-header .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  color: var(--menu-item-color);
  font-size: 14px;
  text-transform: capitalize;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  border-image: var(--menu-dropdown-border-image);
  padding: 14px;
}
#sp-header .sp-megamenu-parent .menu-role-heading + .sp-dropdown-main {
  left: -150px;
  width: 230px !important;
}
#sp-header .sp-megamenu-parent .menu-role-heading.menu-admin-heading + .sp-dropdown-main {
  left: -90px;
  width: 166px !important;
}
#sp-header .sp-megamenu-parent .menu-role-heading + .sp-dropdown-main  .menu-admin-reservations-sub + .sp-dropdown-sub  {
  left: -234px;
  width: 234px !important;
}
#sp-header .sp-megamenu-parent .menu-role-heading + .sp-dropdown-main  .menu-admin-configuration-sub + .sp-dropdown-sub  {
  left: -140px;
  width: 140px !important;
}
#sp-header .sp-megamenu-parent .menu-role-heading.menu-driver-heading + .sp-dropdown-main {
  left: -104px;
  width: 170px !important;
}
#sp-header .sp-megamenu-parent>li:before {
  background: var(--menu-item-parent-selected-color);
}
.menu-admin-reservations-sub:not(.nav-header):before,
.menu-admin-configuration-sub:not(.nav-header):before {
  content: '\f053';
  font-family: FontAwesome;
  font-weight: normal;
  padding-right: 1em;
}

/* icona login: funziona solo se è attivo il plugin loginmenuitemfix */
.fa.fa-sign-in:before  { content: "\f090"; }
.fa.fa-sign-out:after  { content: "\f08b"; }

.menu-item-login:before {
  content: '\f090';
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  padding-right: 0.5em;
}
.menu-item-logout:after {
  content: '\f08b';
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  padding-left: 0.8em;
}
.menu-admin-heading + .sp-dropdown-main .menu-item-logout:before { 
  content: '';
  padding-left: 1.75em;
}

.menu-child { 
  margin-left: 1.5em !important; 
}
.menu-admin-heading + .sp-dropdown-main .sp-dropdown-items .sp-has-child {
  /*font-family: var(--menu-font-family);*/
  font-weight: 500;
}
.menu-admin-heading + .sp-dropdown-main .sp-dropdown-items .sp-has-child + .sp-menu-item:not(.sp-has-child)/*,
.menu-admin-heading + .sp-dropdown-main .sp-dropdown-items .sp-has-child + .sp-menu-item:not(.sp-has-child) + .sp-menu-item:not(.sp-has-child) */{
  padding-left: 1.65em;
}

/*
*****************************************************************
  buttons
*****************************************************************
*/
.ui.primary.button {
  background-color: var(--primary-button-bg) !important;
  color: var(--primary-button-color);
}
.ui.primary.shadowed.button {
  box-shadow: var(--primary-button-shadow-color) 1px 1px 10px 4px inset !important;
}
.ui.primary.button:hover {
  background-color: var(--primary-button-hover-bg) !important;
  color: var(--primary-button-hover-color) !important; 
}
.ui.secondary.button {
  background-color: var(--secondary-button-bg) !important;
  color: var(--secondary-button-color);
}
.ui.secondary.shadowed.button {
  box-shadow: var(--secondary-button-shadow-color) 1px 1px 10px 4px inset !important;
}
.ui.secondary.button:hover {
  background-color: var(--secondary-button-hover-bg) !important;
  color: var(--secondary-button-hover-color) !important; 
}

.ui.form .one-third.wide.field {
  width: 33.3333%;
}

/*
*****************************************************************
  ui form
*****************************************************************
*/
.ui.form.G2-form, 
.ui.form.G2-form input, 
.ui.form.G2-form textarea, 
.ui.button {
  font-family: var(--form-font-family);
}
.ui.header { font-family: var(--form-header-font-family); }
h1.ui.header { color: var(--h1-form-header-color, var(--h1-color)); }
h2.ui.header { color: var(--h2-form-header-color, var(--h2-color)); }
h3.ui.header { color: var(--h3-form-header-color, var(--h3-color)); }
h4.ui.header { color: var(--h4-form-header-color, var(--h4-color)); }
h5.ui.header { color: var(--h5-form-header-color, var(--h5-color)); }

/* flag australia */
i.flag.yc:before, i.flag.australia-at:before {
  background-position:0 -312px
}

/*
*****************************************************************
  bottom
*****************************************************************
*/
#sp-bottom {
  background-color: var(--bottom-bg) !important;
  font-size: 14px;
  line-height: 1.6;
  padding: 75px 0 40px;
}
#sp-bottom .sp-column .sp-module .sp-module-content p {
  /*color: #666666 !important;*/
}
#sp-bottom .sp-column .sp-module .sp-module-content a {
  color: var(--bottom-module-menu-item-color);
  font-weight: bold;
}
#sp-bottom .sp-column .sp-module .sp-module-content .menu li:hover:before {
  color: var(--bottom-module-menu-item-hover-color);
}
#sp-bottom #sp-bottom2 .sp-column .sp-module .sp-module-content ul > li {
  margin-bottom: 0;
}
#sp-bottom .sp-column .sp-module .sp-module-title {
  color: var(--bottom-module-title-color);
}
/* allinea l'icona check con la voce della lista nella sezione bottom */
#sp-bottom .bottomlist img {
  float: left;
}
/* compatta le voci della lista */
#sp-bottom .bottomlist ul > li {
  margin-bottom: 5px !important;
}

/*
*****************************************************************
  footer
*****************************************************************
*/
#sp-footer { background-color: var(--footer-bg); }

/*
*****************************************************************
  offcanvas
*****************************************************************
*/
#offcanvas-toggler > .fa {
  color: rgba(255, 176, 20, 1) !important;
}
#offcanvas-toggler > .fa:hover, 
#offcanvas-toggler > .fa:focus, 
#offcanvas-toggler > .fa:active {
  color: rgba(255, 120, 0, 1) !important;
}

.offcanvas-menu {
  background-color: rgba(0, 93, 114, 0.70) /* rgba(12,52,95,0.75) */;
  font-weight: 700 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a {
  color: #fff !important;
}
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  background-color: transparent;
}
.offcanvas-menu .offcanvas-inner .sp-module .menu-parent-open ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module .menu-parent-open ul > li span {
  background-color: rgba(0, 93, 114, 1);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:first-of-type {
  border-top: 1px solid rgba(0,0,0,0.1); 
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:last-child {
  border-bottom: 0px solid rgba(0,0,0,0.1); 
}
.offcanvas-menu .offcanvas-inner .sp-module .menu-parent-open > span {
  background-color: rgba(74, 156, 176, 1) /* #5FACBF */  /* rgba(72,144,162,1)  */; 
}
.offcanvas-menu .offcanvas-inner .sp-module .menu-parent-open ul > li span.menu-toggler {
  background-color: transparent;
}
.offcanvas-menu .offcanvas-inner .sp-module .menu-parent-open li { 
  border-color: transparent  !important; 
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover, 
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus, 
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover, 
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
  background-color: rgba(255, 176, 20, 0.75) /* #CE6C13 */;
}
/*.offcanvas-menu .offcanvas-inner .sp-module ul > li a:active,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:active,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover {
  background-color: orange;
}*/
.offcanvas-menu .offcanvas-inner .sp-module ul>li a, 
.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
  color: #fff !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:active,  
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:hover {
  color: #fff !important; 
}
.nav-header .menu-toggler {
  position: absolute !important;
  color: white; 
  right: 0;
  top: 0;
}
.nav-header .menu-toggler:after {
  content: '\f055';
  color: #ffffff;
  display: block;
  font-family: FontAwesome;
}
.menu-parent-open > .nav-header .menu-toggler:after {
    content: '\f056';
}

/*
*****************************************************************
  scroll up
*****************************************************************
*/
.sp-scroll-up {
  background: #EB942B;
  color: #252525;
}

/*
*****************************************************************
  report
*****************************************************************
*/
#date-fields .ui.segment .ui.button,
#send_report_as_html + .ui.segment .ui.button {
  background-color: rgb(190, 0, 0);
}
#date-fields + .ui.booking-table-list table thead tr,
#date-fields + .ui.booking-table-list table tfoot tr {
  background-color: var(--report-table-header-and-footer-bg);
}
#date-fields + .ui.booking-table-list .table-list .ui.table tfoot td {
  background-color: var(--report-table-footer-cell-bg) !important;
}


#booking-confirm fieldset legend { 
  color: var(--booking-form-confirm-legend-color) !important;
}

#sumup-payment-form .ui.segment h2, 
#sumup-custom-pay-button span,
#sumup-payment-message .header {
  font-family: var(--sumup-form-font-family);
}
#sumup-payment-form.ui.grid > .row { margin-left: -15px; }
[data-sumup-id="widget__container"] { padding: 0 !important; } 
/* #sumup-card > iframe ~ .ui.active.loader { display: none } */

#mainpickup a {
  font-size: 26px;
}

/*
*****************************************************************
  elenco prenotazioni
*****************************************************************
*/
#booking-table-list tr.status-new {
  background-color: var(--reservations-admin-request-bg);
}
#booking-table-list tr.status-confirmed {
  background-color: var(--reservations-admin-confirmed-bg);
}

/*
*****************************************************************
  cancel SumUp payment
*****************************************************************
*/
.cancel_payment_modal.ui.modal > .header {
  padding: 0.8em 1em;
}
.cancel_payment_modal .actions>.button:first-child {
  margin-left: 0 !important;
}
@media only screen and (max-width: 767px) {
  .cancel_payment_modal.ui.modal .actions>.button {
    margin-bottom: 0;
  }
}
.cancel_payment_modal .cancel_payment_modal_result + .actions {
  display: none;
}
.popup-call_cancel_sumup_payment_popup_button {
  padding-top: 0 !important;
}
.popup-call_cancel_sumup_payment_popup_button.ui.bottom.popup:before {
  background-color: rgb(219,40,40) !important;  
}
.cancel_payment_modal .close-popup {
  display: none !important;
}

/*  ???  */
.fading {
  position: relative;
  /*width: 500px;*/
}
.fading::after {
  position: absolute;
  right: 0px;
  height: 100%;
  width: 30%;
  content: "";
  text-align: right;
  background-image: linear-gradient(to left, rgb(255, 255, 255) 15%, rgba(255, 255, 255, 0) 85%);
  pointer-events: none;
}
/*
.fading:after {
  position: absolute;
  right: 0;  
  height: 100%;
  width: 10%;
  content: "";
  background: linear-gradient(
    to left,
    rgba(255,255,255, 1) 5%, 
    rgba(255,255,255, 0) 95%
  );
  pointer-events: none;
}
*/

/* ---- info-request ---- */
#info-request .info-request-send {
  border-radius: 6px;
}

/* Services page images */
.icoservices {display: inline-block;}

/* ---- ??? ski-resorts ---- */
#ski-resorts img {
  border: solid 4px #ffffff;
}
div#ski-resorts a {
  font-size: 21px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 5px #000;
}

/* sp page builder */
a.sppb-btn {
  color: #ffffff !important;
}
.sppb-btn-default {
  background: var(--sppb-button-bg) !important;
}
span.sppb-addon-testimonial-client-url /*  ???  */
{
  background-color: #005D72;
  padding: 4px 10px;
  color: #ffffff;
  border-radius: 4px;  
}
span.fa.fa-quote-left { /*  ???  */
  color: #C4D548 !important;
}
.sppb-addon-content .bigger {
  font-size: 35px;
  line-height: 35px;
}

.article-ratings,
.article-info {
  display: none;
}

/*
*****************************************************************
  calendar
*****************************************************************
*/
.ui.popup { max-width: none; }
.ui.popup.calendar { padding: 0.8em; z-index: 9999; }
.ui.popup.calendar .ui.table.day tr:nth-child(2) th { border-top-color: var(--calendar-header-divider-color); }
.ui.popup.calendar .ui.table thead th { background: var(--calendar-header-bg); }
.ui.popup.calendar + label { padding-right: 0.7em; }

/*
*****************************************************************
  tooltip
*****************************************************************
*/
/*  tooltip: se messo in custom.css non funziona perché viene caricato prima di semantic.min.css  */
[data-tooltip]:after {
  width: 274px;
  white-space: break-spaces;
  padding: 14px;
}
[data-position="top left"][data-tooltip]:after {
  left: -70px;
}

/*
*****************************************************************
  selection dropdown menu
*****************************************************************
*/
.ui.selection.dropdown .menu {
    max-height: 17.4em;
}
@media (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 12.2em;
  }
}

/*
*****************************************************************
  alert
*****************************************************************
*/
.alert.alert-notice {
  background-color: var(--alert-notice-bg);
  border-color: var(--alert-notice-color);
  color: var(--alert-notice-color);
}

/*
*****************************************************************
  search form
*****************************************************************
*/
#search-form .fields > .field input {
  height: auto;
}

/*
*****************************************************************
  form login, reset, remind, reset-confirm, reset-complete
*****************************************************************
*/
.login, 
.reset, 
.reset-confirm, 
.reset-complete, 
.remind {
    margin-bottom: 100px;
    margin-top: 50px /* 140px */;
}
.login .col-md-4, 
.reset .col-md-4, 
.reset-confirm .col-md-4, 
.reset-complete .col-md-4, 
.remind .col-md-4 {
    flex: 0 0 58%;
    max-width: 58%;
}
.login h1, 
.reset h1, 
.reset-confirm h1, 
.reset-complete h1, 
.remind h1 {
  font-size: 30px;
  font-weight: 500;
  /* color: #2A9293; */
}
.login .form-check-label {
  line-height: 14px;
}
.login label, 
.reset label, 
.reset-confirm label, 
.reset-complete label, 
.remind label {
  font-weight: bold;
}
.form-check .form-check-input {
  margin-right: 0.3em;
  margin-top: 0px;
}
.login a.list-group-item {
  border: none;
  padding: .5rem 1rem;
  text-align: center;
  /*color: #EB942B !important;*/
}
.btn-primary { 
  background-color: var(--primary-button-bg) !important;
  border-color: var(--primary-button-color);
}
.login .btn-primary:hover, 
.reset .btn-primary:hover, 
.reset-confirm .btn-primary:hover, 
.reset-complete .btn-primary:hover, 
.remind .btn-primary:hover {
  background: var(--primary-button-bg) !important;
  border-color: var(--primary-button-color);
}
/* 
.reset h1 {
  text-indent:-9999px;
}
.reset h1:before {
  text-indent:0px;
  content:'Reset your password';
  float:left;
}
.reset-confirm h1 {
  text-indent:-9999px;
}
.reset-confirm h1:before {
  text-indent:0px;
  content:'Confirm your account';
  float:left;
}
.reset-complete h1 {
  text-indent:-9999px;
}
.reset-complete h1:before {
  text-indent:0px;
  content:'Change your password';
  float:left;
}
.reset-confirm, .reset-complete {
    flex: 0 0 70%;
    max-width: 70%;
    margin-left: 15%; 
}
.remind h1 {
  text-indent:-9999px;
}
.remind h1:before {
  text-indent:0px;
  content:'Remind your username';
  float:left;
}
*/
@media (max-width: 992px) {
  .login .col-md-4, 
  .reset .col-md-4, 
  .reset-confirm .col-md-4, 
  .reset-complete .col-md-4, 
  .remind .col-md-4 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .reset-confirm .form-horizontal .controls { 
    margin-left: 0px;
  }
  /*
  .reset-confirm, 
  .reset-complete {
      flex: 0 0 90%;
      max-width: 90%;
      margin-left: 5%;  
  }
  */
}

/*------*/

@media (max-width: 767px) {
  #area_container_extra_price_fields .ui.stackable.grid > .row > .column:last-of-type {
    padding-top: 0 !important;
  }
  #area_container_extra_price_fields .ui.stackable.grid > .row > .column:last-of-type > .ui.grid > .row > .column > a {
    margin-top: 28px;
  }
}