.iubenda-banner-content {
    -webkit-font-smoothing: subpixel-antialiased;
}
.or-payment {
    width: 100%;
    text-align: center;
    color: grey;
    border-bottom: 1px solid #e6e6e6;
    line-height: 0.1em;
    margin: 20px 0 20px;
  }
  
.home-sweet-alert {
    width: 100%;
    max-width: 650px;
}

/* .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right]{
    bottom: 60px!important;
} */
.hf-label.invalid {
    color: red;
}
.min-price-not-reaced-alert {
    text-align: center;
    width: 100%;
    font-size: 2.2rem;
    font-weight: bold;
}

/* posizionamento pulsante menu sidebar per mobile */
.sidebar-toggle.custom-sidebar-toggle {
    top: 5px;
    z-index: 2000;
    margin: 0;
}
.sidebar-opened .custom-sidebar-toggle {
    right: 0px;
    left: unset!important;
    border: 0!important;
    background-color: transparent!important;
}

.mat-expansion-panel-body {
    padding: 10px 10px !important;
}

.sidebar-home{
    padding: 0px 0px 0px 4px!important;
}

.main-overlay {
    position: absolute; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}
.breadcrumb {
    margin: 0 0 2rem!important;
}


/* sweetalert2 custom class */
.swal2-button-bigger {
    font-size: 1.6rem!important;
    font-weight: bold!important;
}

.no-scroll {
    overflow: hidden!important;
}

@media (max-width: 991px) {
    .mobile-sidebar {
        width: 100%!important;
        transform: translate(-100%)!important;
    }
}
@media (max-width: 991px) {
    .sidebar-opened .mobile-sidebar {
        transform: none!important;
    }
}

@media (min-width: 991px) {
    .menu.sf-arrows>li:hover .megamenu, .menu.sf-arrows>li:hover>ul {
        left: 50%!important;
    }
}
@media (max-width: 991px) {
    #logo-emporio-elettrico {
        margin-left: 10px;
    }
}
@media (max-width: 767px) {
    .owl-dots {
        display: none;
    }
}