html, body {
height: 100% !important; 
margin: 0; 
display: flex !important; 
flex-direction: column !important;
font-family: "Varela Round", sans-serif !important; 
font-style: normal;
}

#wrapper {display: flex !important;flex-direction: column !important;min-height: 100% !important;}
#content {flex: 1 !important;}
footer {text-align: center;padding: 1rem 0;}

.main-content {flex: 1 !important;}


#geographicmap{ margin-top:-75px !important;}

#geographicmaptext{ font-size:12px !important; margin-top:-15px !important;}

.footer {margin-top: auto !important;}


/***** Doppia Vista App (Icone)   ****/
.active-icon{
	color:#f51146;
	border:2px #f51146 solid;
	border-radius:8px !important;
}

.text-whastapp{
	 color: #25D366 !important;
}

.nonactive-icon{
	color:#6c757d !important;
	border:1px #6c757d solid  !important;
	border-radius:8px !important;
}

.fs-12{
	font-size:12px !important;
}

.fs-11{
	font-size:11px !important;
}

.fs-14{
	font-size:14px !important;
}

.fs-9{
	font-size:9px !important;
}


.fw-450{
	font-weight:600 !important;
}

@media (max-width: 768px) {
  .modal-responsive-sm-lg{
	 max-width:300px !important;
	 position:relative !important;
	 margin:auto !important;
  }
}


.bg-header{
  background-color:#faf0e1 !important;	
}

 /**** Ribbon  ***/
 /**
.color-lightred{
	 color:#f51146 !important;
}  */

.color-ribbonsdark{ /**** Ribbon  ***/
	 color:#dc0f3f !important;
}

.color-lightred-icons{ /**** Ribbon  ***/
	 color:#f51146;
}

.cardicons:hover,
.cardicons:active {
    background-color: #ff4d6d;
    color: #FFF;
}

.cardicons:hover i,
.cardicons:hover span,
.cardicons:active i,
.cardicons:active span
 {
    color: #FFF !important;
}

.bgcolor-lightred{
	 background-color:#f51146;
}

.disable-color-outline{
    color: #666666 !important;
    border: 1px solid #000 !important;
    padding: 16px 16px !important;
    transition: all 0.3s ease-in-out;
}

.bgcolor-lightred-outline {
/**  color: #f51146 !important;
    border: 1px solid #f51146 !important;   */
    padding: 16px 16px !important;
    transition: all 0.3s ease-in-out;
}

.bgcolor-lightred-outline:hover {
  /**  background-color: #f51146 !important;  */
    color: white;
}

.border-lightred-outline, .border-lightred-outer {
    color: #f51146 !important;
   /** border: 1px solid #f51146 !important;  */
    transition: all 0.3s ease-in-out;
}

.white-hover:hover{
    background-color: #f51146 !important;
    color: #FFF !important;
    transition: all 0.3s ease-in-out !important;
}

.border-lightred-outline:hover {
    background-color: #f51146 !important;
    color: #FFF !important;
    transition: all 0.3s ease-in-out !important;
}

.border-lightred-outer:hover {
    background-color: #f51146 !important;
    color: #FFF !important;
}

  /** dal 08/01/2026
.bg-body{
  background-color:#f51146 !important;	
}  */

.login-icon{
    color:#FFF !important;
}

.btn-darkbrown{
  background-color:#3ec0f0 !important;  color:#FFF !important;
}

.btn-darkbrown-schede-custom{
  background-color:#e4d2bc !important; 
}

.btn-badgepill{
  background-color: #b89e8e !important; 
}

.color-badgepill{
  color: #b89e8e !important; 
}

.light-red{
  color: #FC543D !important; 
}


.color-darkbrown{
/**  color:#8f6e5d !important;  */
  color:#FFF !important;
}

.bg-darkbrown{
  background-color:#8f6e5d !important; 
}

.bg-whatsapp{
	background-color:#25d366 !important;
}

.Swal-class {font-size: 16px !important;color: #4CAF50;}

.small-popup {
    width: 150px !important;
    height: 150px !important;
    font-size: 14px !important;
}

.fs-12{
	font-size:13px !important;
}

.mt-n15{
	margin-top:-5px !important;
}

#resultscity, #searchresults{
border-left: 1px solid #ccc; 
border-right: 1px solid #ccc; 
border-bottom: 1px solid #ccc; 
min-height: 100px !important;
max-height: 200px !important;
overflow-y: auto  !important;
 position: absolute; 
z-index: 1120 !important;
background: #fff;
max-width: 610px !important; 
min-width: 500px !important;
width:610px !important;
font-size:12px !important;
padding-bottom:5px !important;
}

#resultscity, #searchresults div {margin: 0;padding: 10px;cursor: pointer;}

#resultscity, #searchresults div:hover {background: #f0f0f0;}


.custom-select {
    position: relative;
    width: 100px !important;
    font-family: Arial, sans-serif;
}

.selected-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border: 1px solid #ccc;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
}

.selected-option img {
    margin-right: 8px;
}

.options {
    display: none;
    position: absolute;
    width: 100% !important;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    max-height: 198px !important;
    overflow-y: auto;      z-index:1 !important;
}

.option {
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
}

.option img {
    margin-right: 8px;
}

.option:hover {
    background: #f1f1f1;
}

/**** Spinner Loader Area Privata   ******/
#sendloader {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}


@media screen and (max-width: 767px) {

#btn-consigli{
	width:100% !important;
}

}

#btn-consigli{
	width:60%; 
	height:50px !important;
	display: flex;
    align-items: center;
    justify-content: center;
}

.loadingspinnerhide{
    display:none !important; 
    z-index: 1000;
 }

.loadingspinner{
    display: inline-block !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center;
    background: rgba(255, 255, 255, 0.3);
    padding: 20px;
    border-radius: 10px;
    backdrop-filter: blur(8px); /* <-- questo il blur */
    -webkit-backdrop-filter: blur(8px); /* compatibilita  Safari */
    z-index: 1000;
 }



.circle-bg {
  background-color: rgba(0, 0, 0, 0.8) !important; /* cerchio opaco */
  border-radius: 50% !important;
  padding: 0.8rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  transition: background-color 0.2s ease;
}

.custom-carousel-btn {
  z-index: 10;
}

.custom-carousel-btn:hover .circle-bg {
  background-color: rgba(0, 0, 0, 0.9) !important;
}