/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/* Modifiche BITNET dal 28/06/2023 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,800;1,400&display=swap');


:root {
    --colore-primario: #072938;
    --colore-secondario: #02B1AE;
    --font-principale: 'Montserrat', sans-serif;
    /* colori stati */
    --stato-daassegnare: blue;
    --stato-inlavorazione: orange;
    --stato-conclusa: green;
    --stato-rifiutata: red;
    --stato-eliminata: gray;
    --stato-disabilitata: silver;
    /* Gestione richieste */
    --gestione-richieste: #a4a4a4;
    /* Palette */
    --palette-1: #002A3A;
    --palette-2: #00B2AE;
    --palette-3: #005764;
    --palette-4: #009C9A;
    --palette-5: #6ED9D5;
    --palette-6: #001E28;
    --palette-7: #6D0045;
    --palette-8: #FC6C81;
    --palette-9: #F5F5F5;
    --palette-10: #EEEEEE;
    --palette-11: #5B6E7F;
    --palette-12: #555555;
}

#main {
    padding-bottom: 0px !important;
}


/* MENU ACTIVE */

.awb-menu__main-li.current-menu-ancestor .awb-menu__i_main,
.awb-menu__main-li.current-menu-item .awb-menu__i_main,
.awb-menu__main-li.current-menu-parent .awb-menu__i_main,
.awb-menu__main-li.expanded .awb-menu__i_main,
.awb-menu__main-li.hover .awb-menu__i_main,
.awb-menu__main-li:focus-within .awb-menu__i_main,
.awb-menu__main-li:hover .awb-menu__i_main {
    color: var(--colore-secondario) !important;
}

/* BUTTON/LINK HOVER */

.button.default:hover,
.fusion-button-default:hover {
    background: var(--colore-secondario) !important;
}

/* button-header-seleziona-servizio */

.button-header-seleziona-servizio {
    max-width: 150px !important;
    text-align: center;
}

.button-header-seleziona-servizio:hover {
    background: var(--colore-primario) !important;
}

/* HEADER */

.header-normal .logo,
.header-sticky .logo,
.header-interno .logo {
    padding-right: 13px;
}

/*
.header-normal .logo::after,
.header-sticky .logo::after,
.header-interno .logo::after {
    content: '®';
    display: block;
    position: absolute;
    right: 0px;
    top: 23px;
    color: #FFF !important;
}
*/

.header-normal .logo::after {
    color: #FFF !important;
}

/* MENU */

.header-normal .awb-menu__main-li_regular .awb-menu__main-a_regular span,
.header-sticky .awb-menu__main-li_regular .awb-menu__main-a_regular span,
.header-normal .awb-menu__main-li_regular:hover .awb-menu__main-a_regular,
.header-sticky .awb-menu__main-li_regular:hover .awb-menu__main-a_regular,
.header-normal .awb-menu__main-li_regular:active .awb-menu__main-a_regular,
.header-sticky .awb-menu__main-li_regular:active .awb-menu__main-a_regular {
    color: #FFF !important;
}
.header-normal-nero .awb-menu__main-li_regular .awb-menu__main-a_regular span,
.header-sticky-nero .awb-menu__main-li_regular .awb-menu__main-a_regular span,
.header-normal-nero .awb-menu__main-li_regular:hover .awb-menu__main-a_regular,
.header-sticky-nero .awb-menu__main-li_regular:hover .awb-menu__main-a_regular,
.header-normal-nero .awb-menu__main-li_regular:active .awb-menu__main-a_regular,
.header-sticky-nero .awb-menu__main-li_regular:active .awb-menu__main-a_regular {
    color: var(--colore-primario) !important;
}
.colonna-header-normale .awb-menu__main-li_regular .awb-menu__main-a_regular span,
.colonna-header-normale .awb-menu__main-li_regular:hover .awb-menu__main-a_regular,
.colonna-header-normale .awb-menu__main-li_regular:active .awb-menu__main-a_regular {
    color: var(--colore-primario) !important;
}
.header-normal .awb-menu__main-background-default,
.header-sticky .awb-menu__main-background-default,
.header-interno .awb-menu__main-background-default,
.header-normal .awb-menu__main-background-active,
.header-sticky .awb-menu__main-background-active,
.header-interno .awb-menu__main-background-active,
.header-normal-nero .awb-menu__main-background-default,
.header-sticky-nero .awb-menu__main-background-default,
.header-interno-nero .awb-menu__main-background-default,
.header-normal-nero .awb-menu__main-background-active,
.header-sticky-nero .awb-menu__main-background-active,
.header-interno-nero .awb-menu__main-background-active {
    border: none !important;
}

/* MENU MOBILE */
.header-normal #menu-main-menu-mobile .awb-menu__main-li_regular .awb-menu__main-a_regular span,
.header-sticky #menu-main-menu-mobile .awb-menu__main-li_regular .awb-menu__main-a_regular span,
.header-normal .menu-mobile .awb-menu__main-li_regular .awb-menu__main-a_regular .menu-text,
.header-sticky .menu-mobile .awb-menu__main-li_regular .awb-menu__main-a_regular .menu-text,
#menu-main-menu-mobile-1 .menu-text {
    color: var(--colore-primario) !important;
    text-transform: uppercase;
    font-weight: bold;
}
.header-sticky #menu-main-menu-mobile .item-menu-seleziona-servizio .awb-menu__main-li_regular .awb-menu__main-a_regular span {
    color: #FFF !important;
}
.awb-menu__m-toggle {
    color: var(--colore-primario) !important;
}
.icona-menu-mobile-home .awb-menu__m-toggle,
.icona-menu-mobile-home-nero-sticky .awb-menu__m-toggle {
    color: #FFF !important;
    background-color: transparent !important;
}
.icona-menu-mobile-normale .awb-menu__m-toggle {
    color: var(--colore-primario) !important;
    background-color: transparent !important;
}
.icona-cerca-mobile-normale i {
    color: var(--colore-primario) !important;
}
.header-normal .icona-menu-mobile-home .awb-menu__main-li_regular .awb-menu__main-a_regular span {
    color: var(--colore-primario) !important;
    font-family: var(--font-principale) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}
.header-normal .icona-menu-mobile-normale .awb-menu__main-li_regular .awb-menu__main-a_regular span {
    color: var(--colore-primario) !important;
    font-family: var(--font-principale) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}
/* azzera la max height */
.fusion-sticky-transition .collapse-enabled.mobile-size-column-absolute:not(.mobile-mode-always-expanded) .awb-menu__main-ul, .fusion-sticky-transition .collapse-enabled.mobile-size-full-absolute:not(.mobile-mode-always-expanded) .awb-menu__main-ul {
    max-height: unset !important;
}
/* centra il menu mobile in verticale */
ul#menu-main-menu-mobile {
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
}
/* colori voci menu */
.item-menu-seleziona-servizio,
.item-menu-seleziona-servizio a,
.awb-menu.collapse-enabled .item-menu-seleziona-servizio a {
    background: var(--palette-2) !important;
}
.item-menu-seleziona-servizio .menu-text,
.item-menu-seleziona-servizio a .menu-text,
#menu-main-menu-mobile .item-menu-seleziona-servizio a .menu-text,
.header-sticky #menu-main-menu-mobile .item-menu-seleziona-servizio a .menu-text,
#menu-main-menu-mobile-1 .item-menu-seleziona-servizio a .menu-text,
.header-sticky #menu-main-menu-mobile-1 .item-menu-seleziona-servizio a .menu-text,
.awb-menu.collapse-enabled .item-menu-seleziona-servizio a .menu-text,
.header-normal #menu-main-menu-mobile .item-menu-seleziona-servizio a .menu-text {
    color: #FFF !important;
}
.item-menu-login .menu-text,
.item-menu-logout .menu-text,
.item-menu-login a .menu-text,
.item-menu-logout a .menu-text,
#menu-main-menu-mobile .item-menu-login a .menu-text,
#menu-main-menu-mobile .item-menu-logout a .menu-text,
#menu-main-menu-mobile-1 .item-menu-login a .menu-text,
#menu-main-menu-mobile-1 .item-menu-logout a .menu-text,
.awb-menu.collapse-enabled .item-menu-login a .menu-text,
.awb-menu.collapse-enabled .item-menu-logout a .menu-text,
.header-sticky #menu-main-menu-mobile .item-menu-login a .menu-text,
.header-sticky #menu-main-menu-mobile .item-menu-logout a .menu-text,
.header-normal #menu-main-menu-mobile .item-menu-login a .menu-text,
.header-normal #menu-main-menu-mobile .item-menu-logout a .menu-text {
    color: var(--palette-8) !important;
}
/* impostazione per Speed Optimizer */
#menu-main-menu-mobile .menu-text,
#menu-main-menu-mobile-1 .menu-text {
    font-size: 24px !important;
}
/* MENU POPUP */
#popup-menu-mobile .fusion-fullwidth {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#popup-menu-mobile .fusion-column-wrapper {
    margin: 0px !important;
}
/* logo nel menu mobile */
#popup-menu-mobile .logo-menu-mobile {
    position: fixed !important;
    display: block !important;
    top: 60px;
    left: 20px; 
}

/* ICONA CERCA */
.header-normal .icona-cerca i,
.header-sticky .icona-cerca i {
    background-color: transparent !important;
    background: transparent !important;
    margin-right: 0px !important;
}

.header-normal .icona-cerca i {
    color: #FFF !important;
}

.header-sticky .icona-cerca i {
    /* color: var(--colore-primario) !important; */
    color: #FFF !important;
}

.colonna-header-normale .icona-cerca i {
    color: var(--colore-primario) !important;
}

.icona-cerca:hover,
.icona-cerca:focus,
.icona-cerca:active {
    background-color: transparent !important;
    background: transparent !important;
}

.icona-cerca:hover i,
.icona-cerca:focus i,
.icona-cerca:active i {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--colore-secondario) !important;
}

/* ICONA LOGIN */

.header-normal .icona-login,
.header-sticky .icona-login {
    color: #FFF !important;
}

.icona-login {
    transition: color 0.5s;
}

.icona-login:hover {
    cursor: pointer;
    color: var(--colore-secondario) !important;
}

/* MENU LOG UTENTE */

#menu-log-utente a i {
    transition: color 0.3s;
}

.awb-menu__main-li:hover .awb-menu__i_main,
#menu-log-utente a:hover i {
    color: var(--colore-secondario) !important;
}

/* USER CONNESSO */

.user-connect {
    position: relative;
    z-index: 99 !important;
    line-height: 1.2em;
    font-size: 11px;
    text-align: center;
    margin-top: -16px;
}

.user-connect a {
    color: var(--colore-primario);
}

.user-connect a:hover {
    color: var(--colore-secondario);
}

.header-sticky, .blocco-chi_siamo {
    backdrop-filter: blur(2px);
}

.header-normal .testo-user-connect-global-header .user-connect,
.header-sticky .testo-user-connect-global-header .user-connect,
.header-normal .testo-user-connect-global-header .user-connect a,
.header-sticky .testo-user-connect-global-header .user-connect a,
.header-normal .testo-user-connect-header-interno .user-connect,
.header-sticky .testo-user-connect-header-interno .user-connect,
.header-normal .testo-user-connect-header-interno .user-connect a,
.header-sticky .testo-user-connect-header-interno .user-connect a,
.fusion-scrolling-up .testo-user-connect-global-header .user-connect,
.fusion-scrolling-up .testo-user-connect-global-header .user-connect a,
.fusion-scrolling-up .testo-user-connect-header-interno .user-connect,
.fusion-scrolling-up .testo-user-connect-header-interno .user-connect a {
    color: #FFF;
}
.colonna-header-normale .testo-user-connect-global-header .user-connect,
.colonna-header-normale .testo-user-connect-global-header .user-connect a {
    color: var(--colore-primario) !important;
}

.header-normal .testo-user-connect-global-header .user-connect a:hover,
.header-sticky .testo-user-connect-global-header .user-connect a:hover,
.header-normal .testo-user-connect-header-interno .user-connect a:hover,
.header-sticky .testo-user-connect-header-interno .user-connect a:hover,
.header-normale .testo-user-connect-global-header .user-connect a:hover,
.fusion-scrolling-up .testo-user-connect-global-header .user-connect a:hover,
.fusion-scrolling-up .testo-user-connect-header-interno .user-connect a:hover {
    color: var(--colore-secondario);
}

/* FOOTER */

.fusion-footer .logo {
    padding-right: 13px;
}

/*
.fusion-footer .logo::after {
    content: '®';
    display: block;
    position: absolute;
    right: 0px;
    top: 14px;
}
*/

.fusion-footer {
    border-top: 1px solid #E2E2E2 !important;
}

/* NEL FUSION FORM, COLORA IL CHECKBOX PIÙ SCURO */
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label::before {
    border: 2px solid #666666 !important;
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked + label::after {
    background: #666666 !important;
    left: 5px !important;
}

/* HOME PAGE - IMMAGINE UOMO - CERCHIO */
#cerchio-home {
    padding: 150px 0px !important;
}
#uomo-home {
    position: absolute;
    left: 50%;
    margin-top: -50px;
    margin-left: -40px;
}
#uomo-home img {
    max-width: 110px;
}

/* HOME PAGE - IMMAGINI SCALATE NEL BLOCCO TESTO "SEMPLICE E DIRETTA" */
/* immagini scalate */
.immagini-scalate {
    position: relative;
}
.immagini-scalate img {
    position: absolute;
    display: none;
}
.immagini-scalate img:nth-child(1) {
    top: 0px;
    left: 0px;
    margin-top: -130px;
}
.immagini-scalate img:nth-child(2) {
    top: 0px;
    left: 0px;
}
.immagini-scalate img:nth-child(3) {
    top: 65px;
    left: 130px;
    margin-top: -130px;
    /* margin-left: -18px; */
}
.immagini-scalate img:nth-child(4) {
    top: 65px;
    left: 130px;
    /* margin-left: -18px; */
}
/* immagini sovrapposte */
.immagini-sovrapposte {
    position: relative;
}
.immagini-sovrapposte img {
    position: absolute;
    display: none;
    box-shadow: -5px 5px 15px black;
}
.immagini-sovrapposte img:nth-child(1) {
    top: 0px;
    margin-top: -140px;
    left: 40px;
    rotate: -10deg;
}
.immagini-sovrapposte img:nth-child(2) {
    top: 0px;
    left: 80px;
    margin-top: -110px;
    rotate: 10deg;
}
.immagini-sovrapposte img:nth-child(3) {
    top: 0px;
    left: 120px;
    rotate: 30deg;
    margin-top: -70px;
}
@media only screen and (max-width: 1024px) {
    .immagini-sovrapposte {
        margin-top: 100px !important;
    }
    .immagini-sovrapposte img {
        max-width: 200px !important;
    }
}
@media only screen and (max-width: 850px) {
    .immagini-sovrapposte {
        margin-bottom: 50px !important;
        margin-left: 50% !important;
    }
    .immagini-sovrapposte img {
        max-width: 200px !important;
    }
}
@media only screen and (max-width: 480px) {
    .immagini-sovrapposte {
        margin-left: 30% !important;
    }
}
/* immagini sovrapposte 2 */
.immagini-sovrapposte2 {
    position: relative;
}
.immagini-sovrapposte2 img {
    position: absolute;
    display: none;
}
.immagini-sovrapposte2 img:nth-child(1) {
    top: 0px;
    margin-top: -220px;
}
.immagini-sovrapposte2 img:nth-child(2) {
    top: 0px;
    left: 200px;
    margin-top: -130px;
}
.immagini-sovrapposte2 img:nth-child(3) {
    top: 0px;
    left: 10px;
}
@media only screen and (max-width: 860px) {
    .immagini-sovrapposte2 {
        margin-left: 20% !important;
        margin-top: 20px !important;
    }
    .immagini-sovrapposte2 img:nth-child(1) {
        max-width: 300px !important;
    }
    .immagini-sovrapposte2 img:nth-child(2) {
        max-width: 200px !important;
        margin-left: 0% !important;
        left: 140px !important;
    }
    .immagini-sovrapposte2 img:nth-child(3) {
        margin-top: -50px !important;
        max-width: 90px !important;
    }
}

/* BOTTONE SCORRI IN HOMEPAGE */

body .btn-scorri {
    position: absolute !important;
}


/* DATE PICKER */

.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover {
    background: var(--palette-1) !important;
}

.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
    background-color: var(--colore-secondario) !important;
    background: var(--colore-secondario) !important;
}

.picker__footer button.picker__button--today,
.picker__footer button.picker__button--clear {
    color: #FFF !important;
}

/* MODAL CHIEDI ALL'ESPERTO */
@media only screen and (max-width: 850px) {
    .modal-chiedi-allesperto .fusion-imageframe {
        width: 100% !important;
        max-height: 120px !important;
    }
    .modal-chiedi-allesperto .fusion-imageframe img {
        width: 100% !important;
    }
    .modal-chiedi-allesperto .fusion-text p {
        margin: 0px !important;
        line-height: 1.2em !important;
    }
    .modal-chiedi-allesperto .fusion-layout-column:first-child {
        margin-bottom: 0px !important;
    }
    .modal-chiedi-allesperto .fusion-separator {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
}


/* ARCHIVIO ARTICOLI PER TAG */

body.archive.tag .fusion-column-wrapper {
    background-color: transparent !important;
}

body.archive.tag article {
    background-color: #FFF !important;
}

/* PAGINA ARTICOLI */
.contenuto-articolo {
    display: none !important;
}
.tags-articolo {
    display: none !important;
}
.img-articolo {
    border-radius: 5px 0px 0px 0px !important;
}
@media only screen and (max-width: 560px) { 
    .img-articolo {
        width: 100% !important;
        border-radius: 5px 5px 0px 0px !important;
        margin-bottom: 10px !important;
    }
}


/* MODAL SERVIZI */

@media all and (min-width: 900px) {
    .ricerca_servizio .modal-dialog {
        width: 600px !important;
    }
}

.ricerca_servizio .modal-content {
    border: 6px solid var(--colore-secondario);
}

.ricerca_servizio .modal-header {
    background-color: var(--colore-secondario);
}

.ricerca_servizio .modal-header h3 {
    color: #FFF;
    padding-bottom: 5px;
}

.ricerca_servizio .modal-header h3::before {
    font-family: FontAwesome;
    content: '\f002';
    margin-right: 10px;
}

.ricerca_servizio .modal-header .close {
    color: #FFF;
    opacity: 1 !important;
}

.ricerca_servizio li a:hover {
    color: var(--colore-secondario) !important;
}


/*** HOME PAGE ***/

/* SLIDER SEMPLICE E DIRETTA */
.fusion-slider-sc-semplice-e-diretta .tfs-slider .background-image {
    background-size: contain !important;
}

/* SERVIZI */

.flip-box-servizi .fusion-flip-box .flip-box-inner-wrapper {
    min-height: 180px !important;
}

.flip-box-servizi .flip-box-front,
.flip-box-servizi .flip-box-back {
    box-shadow: 0px 0px 15px silver;
    border: 1px solid var(--colore-primario) !important;
}

.flip-box-servizi h3.flip-box-heading-back,
.flip-box-servizi .flip-box-back-inner {
    line-height: 1.2em !important;
}

.flip-box-servizi .flip-box-front .flip-box-grafix {
    position: absolute;
    top: 0px;
    right: 0px;
}

.flip-box-servizi .flip-box-front .flip-box-grafix i {
    font-size: 24px !important;
}

.box-servizio-home .fusion-column-wrapper {
    transition: all 1s;
}

.box-servizio-home .fusion-column-wrapper:hover {
    border: 2px solid var(--colore-secondario) !important;
    box-shadow: 0px 0px 10px silver;
    box-sizing: border-box;
}

.testo-seleziona-servizio-home {
    min-height: 120px;
}

.btn-seleziona-servizio-home {
    /*
    position: absolute !important;
    width: 50%;
    left: 25%;
    bottom: 20px;
    */
}


/* BOX SELEZIONA SERVIZIO COME RICHIESTO DAL CLIENTE
   CON SELEZIONE SUL BOX E APERTURA DEL FORM RELATIVO */

.box-servizio-home {
    cursor: pointer;
}

.box-esteso {
    cursor: default;
    pointer-events: none;
    margin: 0px !important;
}

#box-form-seleziona-servizio {
    display: none;
}

#box-form-seleziona-servizio .fusion-builder-row,
#box-form-seleziona-servizio .fusion-layout-column {
    padding: 0px !important;
}

.btn-contattaci-direttamente:hover {
    background: var(--colore-primario) !important;
    color: #FFF !important;
}

/* TESTO BANNER RICHIEDI ASSISTENZA */

#testo-banner-richiedi-assistenza img {
    vertical-align: sub !important;
    margin-right: 10px;
}


/* ACCETTAZIONE UNICA */

.accettazione-unica {
    z-index: 999999999999999999 !important;
}


/* CHI SIAMO */

.blocco-lista-icone .fusion-column-wrapper:hover {
    background-color: transparent !important;
}

#img-chisiamo1 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: -30px;
    margin-left: -20px;
}
#img-chisiamo2 {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: -30px;
    margin-right: -20px;
}

/* COME FUNZIONA */
@media only screen and (max-width: 540px) {
    .container-come-funziona {
        padding-bottom: 42% !important;
    }
}
.btn-come-funziona,
.btn-come-funziona-mobile {
    background-color: var(--colore-primario);
    padding-top: 16px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 20px !important;
}
.btn-come-funziona-mobile {
    padding: 5px !important;
}
.btn-come-funziona p {
    margin-bottom: 14px !important;
}
.btn-come-funziona-mobile p {
    margin-bottom: 10px !important;
}
.btn-come-funziona:hover,
.btn-come-funziona-.mandato-chiuso {
    background-color: var(--colore-secondario);
}

.numero-step {
    position: absolute;
    top: -10px;
    left: 0px;
    display: inline-block;
    background-color: var(--colore-primario);
    color: #FFF !important;
    width: 46px;
    border-radius: 50%;
    box-shadow: 5px 5px 10px silver;
}

.icona-come-funziona {
    position: absolute !important;
    top: 0px;
    left: 7px;
    margin-top: -10px;
}
@media only screen and (max-width: 1024px) {
    .icona-come-funziona {
        left: 20px !important;
    }
}

.icona-come-funziona img {
    max-width: 50px;
}

.button-seleziona-video {
    width: 100% !important;
}

.blocco-come-funziona {
    cursor: pointer;
}

.blocco-come-funziona .fusion-imageframe,
.blocco-come-funziona h3 {
    transition: transform 0.3s;
}

.blocco-come-funziona h3 {
    text-transform: uppercase !important;
    font-size: 15px !important;
}

.blocco-come-funziona .testo-blocco-come-funziona {
    z-index: 99;
}

/*** VIDEO COME FUNZIONA ***/
#btn-come-funziona-1 {
    background-color: var(--colore-secondario);
    color: #FFF;
    pointer-events: none;
}
.video-come-funziona {
    display: none;;
}
#video-come-funziona-1 {
    display: block;
}

/* PROFESSIONISTI */

.blocco-professionisti {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

@media only screen and (max-width: 372px) {
    .colonna-btn-elenco-completo a {
        line-height: 26px !important;
    }
}

.box-professionista {
    width: 30%;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    background-color: #FFF;
    border: 1px solid #E2E2E2;
}
@media only screen and (max-width: 850px) {
    .box-professionista {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) {
    .box-professionista {
        width: 100%;
    }
}

.nome-professionista h3 {
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
}

.area-professionista h4 {
    text-transform: uppercase !important;
    margin: 8px 0px !important;
}

.descrizione-professionista {
    line-height: 2em;
    margin-bottom: 10px;
}

.email-professionista a {
    background-color: var(--colore-primario);
    padding: 5px;
}

.email-professionista a:hover {
    background-color: var(--colore-secondario);
}

.email-professionista a::after {
    content: 'Email';
    color: #FFF;
    font-family: var(--font-principale);
    margin-left: 5px;
}

.email-professionista a::before {
    color: #FFF !important;
}

#messaggio-nessuno {
    display: none;
}

.info-professionista i {
    font-size: 20px;
    color: black;
}
.info-professionista label {
    display: inline-block;
    margin: 0px 5px;
    font-weight: bold;
    color: black;
}
.info-professionista p {
    margin: 0px !important;
}
.info-professionista h4 {
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
    i {
        display: inline-block;
        margin-right: 10px;
        font-size: 20px;
    }
}
.info-professionista hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 10px;
}
.info-professionista .linkedin-professionista a {
    font-size: 36px;
    color: var(--colore-primario);
    cursor: pointer;
}
.info-professionista .linkedin-professionista a:hover {
    color: var(--colore-secondario);
}
body.single-professionista .colonna-img-professionista > div {
    padding: 0px !important;
}
@media only screen and (max-width: 850px) {
    .info-professionista.nome {
        text-align: center;
    }
    body.single-professionista .colonna-img-professionista > div {
        border-radius: 5px 5px 0px 0px;
    }
    body.single-professionista .colonna-dati-professionista > div {
        border-radius: 0px 0px 5px 5px;
    }
}
.carousel-recensioni .swiper-wrapper {
    height: unset !important;
}
.carousel-recensioni .recensione {
    background-color: #FFF;
    min-height: 200px;
    vertical-align: middle;
    padding: 10px;
    border-radius: 5px;
}
@media only screen and (min-width: 851px) {
    .carousel-recensioni .swiper-slide.recensione {
        max-width: 30% !important;
    }
}
.carousel-recensioni img {
    display: none !important;
}
.carousel-recensioni .recensione .fusion-image-wrapper {
    width: 100%;
    border: none;
    display: inline-block !important;
}
.carousel-recensioni .recensione h4 {
    width: 100%;
    text-align: left;
    margin-top: 0px !important;
    margin-bottom: 8px !important;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 2px solid var(--colore-secondario);
}
.carousel-recensioni .recensione .data-ora-recensione,
.carousel-recensioni .recensione .recensione {
    font-size: 12px;
    text-align: left;
    margin-bottom: 5px;
}
.professionisti-correlati .blocco-professionisti {
    justify-content: unset !important;
}
@media only screen and (max-width: 860px) {
    .carousel-recensioni .recensione .awb-stars-rating {
        display: table-cell !important;
    }
}
.carousel-correlati .swiper-wrapper {
    height: auto !important;
}
.carousel-correlati .swiper-slide.correlato {
    background-color: #FFF;
    padding: 20px;
    height: auto !important;
    border-radius: 5px;
}
.carousel-correlati .swiper-slide.correlato .fusion-image-wrapper div {
    text-align: left !important;
}
.carousel-correlati .swiper-slide.correlato .sede-professionista,
.carousel-correlati .swiper-slide.correlato .email-professionista {
    padding-bottom: 5px;
}
@media only screen and (min-width: 851px) {
    .carousel-correlati .swiper-slide.correlato {
        max-width: 30% !important;
    }
}

/* PAGINA PACCHETTI DI SERVIZI */
.titolo-colonna-servizi {
    background-color: var(--colore-secondario);
    color: #FFF !important;
}
.img-blocchi-pacchetti {
    position: absolute !important;
    max-width: 50px !important;
    top: 0px;
    left: 15px;
    margin-top: -10px;
}

/* FORM SELEZIONA SERVIZIO */

#col-seleziona-servizio2,
#col-seleziona-servizio3,
#col-seleziona-servizio4,
#col-button-procedi {
    display: none;
}

#seleziona-servizio2,
#seleziona-servizio3,
#seleziona-servizio4 {
    width: 96%;
}

#col-button-procedi {
    margin-top: 14px !important;
}

#form-seleziona-sottoservizio {
    min-height: 350px !important;
}

#form-seleziona-sottoservizio>div {
    align-content: flex-start;
}

#form-seleziona-sottoservizio #col-seleziona-servizio2 {
    display: block;
}

#box-sicurezza-seleziona-servizio {
    padding: 20px;
    padding-bottom: 0px;
    margin: 0px 20px;
    margin-bottom: 20px;
    background-color: #F5F5F5 !important;
}


/* FORM RICHIESTA */

.tipo-richiesta {
    font-family: var(--font-principale) !important;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.2em !important;
    margin-bottom: 20px;
}

.modal-dialog .logo-modal img {
    max-width: 70% !important;
}
@media only screen and (max-width: 1024px) {
    .modal-dialog .logo-modal img {
        max-width: 40% !important;
    }
}
@media only screen and (max-width: 560px) {
    .modal-dialog .logo-modal img {
        max-width: 70% !important;
    }
}

.modal-dialog .fusion-form-consent-field,
#form-richiesta-servizio .fusion-form-consent-field {
    display: flex;
}

.modal-dialog .fusion-form-consent-field .fusion-form-label-wrapper,
#form-richiesta-servizio .fusion-form-consent-field .fusion-form-label-wrapper {
    margin-right: 10px;
}

.modal-dialog .fusion-form-form-wrapper .fusion-form-field .fusion-form-image-select label .fusion-form-image-wrapper,
#form-richiesta-servizio .fusion-form-form-wrapper .fusion-form-field .fusion-form-image-select label .fusion-form-image-wrapper {
    min-width: 110px;
}

.modal-dialog .fusion-form-form-wrapper .fusion-form-field .fusion-form-image-select img,
#form-richiesta-servizio .fusion-form-form-wrapper .fusion-form-field .fusion-form-image-select img {
    object-fit: contain !important;
}

#form-richiesta-servizio input#telefono_utente {
    padding-left: 50px !important;
}
#form-richiesta-servizio .prefisso {
    position: absolute;
    left: 26px;
    top: 7px;
    font-size: 13px;
}

/* FORM RICHIESTA - BLOCCHI A SCOMPARSA */
.titolo-blocco-i-tuoi-dati > div:hover,
.titolo-blocco-dati-legali > div:hover {
    cursor: pointer;
    background-color: #e9e9e9 !important;
}
.toggle-blocco-i-tuoi-dati i,
.toggle-blocco-dati-legali i {
    display: inline-block;
}
.toggle-blocco-i-tuoi-dati i.fa-sort-down,
.toggle-blocco-dati-legali i.fa-sort-down {
    vertical-align: text-top;
}
.toggle-blocco-i-tuoi-dati i.fa-sort-up,
.toggle-blocco-dati-legali i.fa-sort-up {
    vertical-align: sub;
}

/* LE NOSTRE COMPETENZE */
.box-img-competenze .fusion-builder-row {
    align-items: end;
}
.box-img-competenze .fusion-builder-row .fusion-text {
    line-height: 1.2em;
}

/* *** AREA PRO MEMBERS *** */

/* FORM LOGIN */

.pmpro_login_wrap .button,
#pmpro_btn-submit {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    color: #FFF;
    background-color: black;
    border: none;
    padding: 14px 28px;
    cursor: pointer;
    transition: all 0.3s;
}

.pmpro_login_wrap .button:hover,
#pmpro_btn-submit:hover {
    background-color: var(--colore-secondario);
}
#um-submit-btn:hover {
    background-color: var(--colore-primario) !important;
    color: #FFF !important;
}

/* CONTENUTO MESSAGGIO */

.pmpro_content_message {
    text-align: center;
    padding: 100px 0px;
}

.post-1990 .post-content {
    text-align: center !important;
    padding: 100px 0px;
}

.post-1990 #pmpro_levels_table {
    width: 100% !important;
}

.pmpro_content_message a,
.pmpro_btn.pmpro_btn-select {
    border: none !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    background-color: var(--colore-primario);
    transition: all 0.3s;
}

.pmpro_content_message a:hover,
.pmpro_btn.pmpro_btn-select:hover {
    color: #FFF;
    background-color: var(--colore-secondario);
}


/* GESTIONE ACCOUNT - DISABILITA LINK A PROFILO */

.um-account-name {
    line-height: 1.2em !important;
}

.um-account-meta-img a,
.um-account-name a,
.um-misc-img a {
    cursor: default !important;
    pointer-events: none;
}

.um-account-profile-link {
    display: none;
}

/* BOTTONE INSERISCI NUOVA RICHIESTA */

.btn-nuova-richiesta {
    color: var(--colore-primario) !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    background-color: var(--colore-secondario);
    padding: 5px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
.div-btn-nuova-richiesta {
    background-color: var(--palette-2);
}
.div-btn-nuova-richiesta:hover,
.div-btn-nuova-richiesta:hover .btn-nuova-richiesta,
.btn-nuova-richiesta:hover {
    background-color: var(--colore-primario);
    color: #FFF !important;
    text-decoration: none !important;
}

/* BOTTONE LOGOUT */

.btn-logout {
    color: var(--colore-primario) !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    background-color: var(--colore-secondario) !important;
    padding: 10px 20px !important;
    text-decoration: none;
}

.btn-logout:hover {
    background-color: var(--colore-primario);
    color: #FFF !important;
}
.btn-logout-mobile  {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 560px) {
    .btn-logout-mobile {
        display: none !important;
    }
}

/* NASCONDI BOTTONE IN AREA PERSONALE */
.um-account-tab-area_personale #um_account_submit_area_personale {
    display: none;
}

/* PAGINA ACCOUNT */

/* colonne */

.um-page-user.um-page-loggedin.um-page-account .um-account-side {
    width: 20% !important;
}

.um-page-user.um-page-loggedin.um-page-account .um-account-main {
    width: 80% !important;
}
@media only screen and (max-width: 560px) {
    .um-page-user.um-page-loggedin.um-page-account .um-account-main,
    .um-page-user .um-account-main {
        width: 100% !important;
    }
}
@media only screen and (max-width: 860px) {
    .btn-logout {
        padding: 10px 10px !important;
    }
    div.uimob800 .um-account-main {
        max-width: unset !important;
    }
    #iframe-cliente {
        width: 200% !important;
    }
    .um-account-tab-area_personale .um-field {
        overflow-x: auto !important;
    }
}
.um-account-side .um-account-title {
    font-size: 12px !important;
}
@media only screen and (max-width: 1024px) {
    .um-account-side .um-account-title {
        display: none !important;
    }
}
@media only screen and (max-width: 1200px) {
    .um-account-side .um-account-title {
        font-size: 10px !important;
    }
}

div.uimob800 .um-account-meta-img-b.uimob800-show {
    display: none !important;
}
div.uimob800 .um-account-meta-img.uimob800-hide,
div.uimob800 .um-account-name.uimob800-hide {
    display: block !important;
}

.um-page-user #telefono,
.um-page-user #telefono_utente,
.um-page-user #telefono_societa,
.um-page-register #telefono_utente-2230,
.um-page-register #telefono_societa-2481 {
    padding-left: 66px !important;
}

.um-page-user .prefisso,
.um-page-register .prefisso {
    position: absolute;
    top: 0px;
    left: 0px;
    border-right: 1px solid silver;
    padding: 5px;
}

.um-page-user .fusion-form-form-wrapper .fusion-form-field.fusion-form-upload-field .fusion-form-input-with-icon .fusion-form-upload-field {
    padding: 70px 0 40px 0 !important;
}

#um_account_submit_general:hover,
#um_account_submit_password:hover {
    background-color: var(--colore-primario) !important;
    color: #FFF !important;
}


/* AREA CLIENTE - TABELLA RICHIESTE */

#iframe-cliente {
    /* min-height: 240px !important; */
    /* height: 100% !important; */
    opacity: 0.2;
}
.spinner {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 999999;
    top: 100px;
}
.spinner img {
    max-width: 100px;
}

/* TAB FILTRI RICHIESTE */

.blocco-tab-filtri-richieste {
    display: flex;
    margin-bottom: 20px;
}

.tab-filtri-richieste {
    font-family: var(--font-principale) !important;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    width: 50%;
    text-align: center;
    background-color: #e9e9e9;
    border: 1px solid silver;
    border-width: 1px 0px 0px 1px;
    padding: 12px 0px;
    cursor: pointer;
}

.tab-filtri-richieste:last-child {
    border-width: 1px 1px 0px 1px;
}

.tab-filtri-richieste:hover,
.tab-filtri-richieste.active {
    background-color: transparent;
    box-shadow: inset 0px 3px 0px 0px #000;
}


/* TAB */

.conclusa-rifiutata {
    display: none;
}


/* TABELLA RICHIESTE - MESSAGGI */

.tabella-richieste *,
.tabella-richiesta-singola *,
.tabella-messaggi * {
    font-family: var(--font-principale) !important;
}

.tabella-richieste {
    /* display: none; */
}

.tabella-richieste.daassegnare {
    display: table;
}

.tabella-richieste,
.tabella-richiesta-singola,
.tabella-messaggi {
    width: 100%;
}

.tabella-richieste a,
.tabella-richiesta-singola a,
.tabella-richieste-call a,
.tabella-messaggi a,
.link-area-personale {
    color: var(--colore-secondario);
}

.tabella-richieste a:hover,
.tabella-richiesta-singola a:hover,
.tabella-richieste-call a:hover,
.tabella-messaggi a:hover,
.link-area-personale:hover {
    text-decoration: underline;
}

.stato-richiesta {
    display: inline-block;
    color: white;
    font-size: 12px;
    padding: 4px 10px;
}

.stato-richiesta.stato-daassegnare {
    background-color: var(--stato-daassegnare);
}

.stato-richiesta.stato-inlavorazione {
    background-color: var(--stato-inlavorazione);
}

.stato-richiesta.stato-conclusa {
    background-color: var(--stato-conclusa);
}

.stato-richiesta.stato-rifiutata {
    background-color: var(--stato-rifiutata);
}

.stato-richiesta.stato-eliminata {
    background-color: var(--stato-eliminata);
}

.tabella-gestione .conta-messaggi {
    text-align: center;
    font-weight: bold;
    background-image: url(/wp-content/uploads/2023/09/messaggi.png);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    width: 100%;
}

.tabella-richieste .messaggi .chat {
    text-align: center;
    font-size: small;
    font-weight: bold;
    background-image: url(/wp-content/uploads/2023/09/messaggi.png);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center top;
    cursor: pointer;
    padding-top: 7px;
    padding-bottom: 7px;
    display: inline-block;
    width: 25%;
    height: auto;
}

.tabella-richieste .messaggi .chat:hover {
    color: #FFF;
    background-image: url(/wp-content/uploads/2023/09/messaggi_on.png);
}

.tabella-richieste .messaggi .chat-text {
    display: inline-block;
    width: 75%;
}

.tabella .tabella-richieste .timeline.visualizza-timeline {
    margin-top: 15px;
    background: var(--palette-9);
    border-radius: 5px;
}

.tabella .tabella-richieste .timeline.visualizza-timeline .dati-step-principale,
.tabella .tabella-richieste .timeline.visualizza-timeline .dati-step {
    color: var(--palette-11);
}

#iframe-cliente #main .fusion-row {
    max-width: unset !important;
}


/* FORM MESSAGGIO */

.form-messaggio .testo-messaggio .mce-resizehandle,
.form-messaggio .testo-messaggio .mce-statusbar {
    display: none;
}

.form-messaggio .testo-messaggio .wp-editor-container {
    border: none !important;
}

.form-messaggio #tinymce *,
body#tinymce * {
    font-family: var(--font-principale) !important;
}

.mce-statusbar {
    display: none !important;
}


/* ICONE FORM MESSAGGIO */

i.fa-upload.fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}

i.mce-i-bold::before {
    content: "\f032" !important;
    font-family: "FontAwesome";
}

i.mce-i-italic::before {
    content: "\f033" !important;
    font-family: "FontAwesome";
}

i.mce-i-underline::before {
    content: "\f0cd" !important;
    font-family: "FontAwesome";
}

i.mce-i-undo::before {
    content: "\f0e2" !important;
    font-family: "FontAwesome";
}

i.mce-i-redo::before {
    content: "\f01e" !important;
    font-family: "FontAwesome";
}

.mce-toolbar .mce-ico {
    line-height: 0.7 !important;
}

.mce-toolbar .mce-btn-group .mce-btn:hover {
    color: #FFF !important;
}

.mce-toolbar .mce-btn-group .mce-btn.mce-active {
    background: #50575e !important;
    color: #FFF !important;
}

.nota-disabled {
    font-family: 'Montserrat' !important;
    font-size: 12px !important;
    line-height: 1.5;
    color: #333;
    text-transform: none;
    text-align: left;
    width: 100%;
    height: 260px;
    overflow: auto;
    background-color: #FFF;
    padding: 9px 10px;
}

.nota-disabled strong {
    font-size: 14px;
    font-weight: bold;
    text-shadow: unset !important;
    color: #333 !important;
}

.blocco-nota-manager,
.blocco-nota-professionista {
    white-space: unset !important;
}


/* TIMELINE */

.timeline {
    border: none !important;
    min-height: 60px;
    padding-top: 45px;
}

.tip-timeline-aggiornata {
    position: absolute;
    z-index: 999999999;
    margin-top: -110px;
    left: 50%;
    margin-left: -100px;
    padding: 10px;
    background-color: green;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    max-width: 200px;
    display: none;
}

.timeline.gestione-timeline {
    padding: 70px 5% 85px 5%;
    background: var(--palette-11);
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px var(--palette-12);
}

.timeline.gestione-timeline .primo-step {
    color: white;
}

.timeline.visualizza-timeline {
    padding: 70px 5% 60px 5%;
    min-height: 40px;
}

.step-timeline {
    position: relative;
    height: 10px;
    display: inline-block;
    background-color: silver;
    width: 100%;
}


/*
.step-timeline:first-child {
    width: 50%;
}
.step-timeline:last-child {
    width: 50%;
}
*/


/*
.visualizza-timeline .step-timeline:first-child {
    width: 49%;
}
.visualizza-timeline .step-timeline:last-child {
    width: 49%;
}
*/

.step-timeline.timeline-inlavorazione {
    background-color: var(--colore-primario);
}

.label-step {
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    top: -70px;
    left: 0px;
    color: var(--colore-primario);
}

.dati-step-principale {
    position: absolute;
    text-align: center;
    font-size: 11px;
    top: 0px;
    left: 0px;
    margin-top: -70px;
    margin-left: -88px;
    font-weight: bold;
    z-index: 99;
}

.visualizza-timeline .dati-step-principale {
    margin-top: -55px !important;
    margin-left: -15px;
}

.tabella-dettaglio .visualizza-timeline .dati-step-principale {
    /* visualizzazione manager */
    margin-left: -45px;
}

.dettagli-richiesta .dati-step-principale {
    line-height: 1.4em !important;
}

.dati-step-principale.primo-step {
    text-align: left;
    margin-top: -48px;
    margin-left: -20px;
    line-height: 1.1em;
    z-index: 98;
}

.visualizza-timeline .dati-step-principale.primo-step {
    margin-left: -20px;
}

.dati-step-principale.ultimo-step {
    text-align: right;
    right: 0px;
    margin-right: -20px;
    z-index: 98;
}

.visualizza-timeline .dati-step-principale.ultimo-step {
    margin-right: -22px;
}

.tabella-dettaglio .visualizza-timeline .dati-step-principale.ultimo-step {
    /* visualizzazione manager */
    margin-right: -20px;
}

.dati-step-principale .linea-step-principale {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: 0px;
    margin-top: 52px;
    width: 1px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='gray' stroke-width='4' stroke-dasharray='2%2c 2' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}

.visualizza-timeline .dati-step-principale .linea-step-principale {
    margin-top: 40px;
}

.dati-step-principale.primo-step .linea-step-principale {
    top: 30px;
    left: 0px;
    margin-left: 21px;
    margin-top: 0px;
}

.dati-step-principale.ultimo-step .linea-step-principale {
    left: unset;
    right: 0px;
    margin-right: 21px;
}

.dati-step-principale input {
    font-size: 12px !important;
    padding: 4px !important;
    height: unset !important;
    margin-bottom: 0px !important;
}

.dati-step-principale input[type="date"] {
    max-width: 130px;
    text-align: center;
}

.dati-step-principale input[type="text"] {
    margin-top: -6px !important;
    max-width: 130px;
}


/*
.step-timeline:before {
    font-family: FontAwesome;
    content: '\f276';
    position: absolute;
    top: -12px;
    left: -6px;
}
.step-timeline:last-child::after {
    font-family: FontAwesome;
    content: '\f276';
    position: absolute;
    right: -6px;
    top: -12px;
}
*/


/*
.gestione-timeline .step-timeline:before, .gestione-timeline .step-timeline:last-child::after {
    content: '\f10c';
    font-size: 20px;
    top: -16px;
}
*/

.punto-step {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 16px;
    height: 16px;
    border: 5px solid var(--palette-2);
    border-radius: 50%;
    background-color: #FFF;
    margin-left: -8px;
}

.punto-step span {
    display: block;
    text-align: center;
    width: 20px;
    margin-top: -28px;
    margin-left: -5px !important;
    color: white;
}

.punto-step input[type="radio"] {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: -2px;
    margin-left: -2px;
}

.linea-step {
    position: absolute;
    top: 26px;
    left: 50%;
    margin-left: -1px;
    width: 1px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='gray' stroke-width='4' stroke-dasharray='2%2c 2' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
    /* border-left: 1px dashed var(--colore-primario); */
}

.visualizza-timeline .linea-step {
    margin-left: 2px;
    margin-top: -10px !important;
}

.visualizza-timeline .punto-step {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -2px;
    left: unset;
    right: 0px;
    margin-top: -3px;
    margin-right: -11px;
}

.tabella-dettaglio .visualizza-timeline .punto-step {
    /* visualizzazione manager */
    margin-top: -10px;
}

.visualizza-timeline .box-step {
    display: flex;
}

.visualizza-timeline .barra-step {
    position: relative;
    height: 10px;
    background-color: var(--colore-primario);
}

.visualizza-timeline .barra-ultimo-step {
    /* background-color: transparent;
    background-image: linear-gradient(90deg, var(--colore-primario) 25%, transparent 25%, transparent 50%, var(--colore-primario) 50%, var(--colore-primario) 75%, transparent 75%, transparent 100%);
    background-size: 50px 50px; */
    /* background-color: var(--colore-secondario);
    border: 5.5px dashed var(--colore-secondario);
    background-clip: content-box;
    animation: spin 10s linear infinite;
    height: 0px; */
}


/* @keyframes spin { 
    100% { 
        transform: rotateZ(360deg);
    }
  } */

.visualizza-timeline .barra-step.barra-ultimo-step {
    /*min-height: 10px;
    background-color: var(--colore-secondario);
    background-image: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 40px,
        var(--colore-primario) 40px,
        var(--colore-primario) 80px
    );
    animation: slide 4s linear infinite;*/
    color: var(--palette-2);
    position: relative;
    height: 10px;
}

.visualizza-timeline .barra-step.barra-ultimo-step::before {
    content: "";
    position: absolute;
    inset: 0 100% 0 0;
    border-radius: inherit;
    background: currentColor;
    animation: p6 4s infinite;
    height: 10px !important;
}

@keyframes p6 {
    100% {
        inset: 0
    }
}

.visualizza-timeline .dati-step {
    position: absolute;
    min-width: 100px;
    width: 200px;
    text-align: center;
    top: 27px;
    margin-left: -96px;
    color: var(--colore-primario);
    font-weight: bold !important;
}

.tabella-dettaglio .visualizza-timeline .dati-step {
    /* visualizzazione manager */
    margin-left: -98px;
}

.dettagli-richiesta .dati-step {
    line-height: 1.4em !important;
}

.punto-start {
    position: absolute;
    top: -8px;
    left: -11px;
    width: 24px;
    height: 24px;
    border: 4px solid var(--colore-primario);
    border-radius: 50%;
    background-color: #FFF;
}

.visualizza-timeline .punto-start {
    top: -8px;
    width: 20px;
    height: 20px;
    left: 5px !important;
}

.tabella-dettaglio .visualizza-timeline .punto-start {
    /* visualizzazione manager */
    top: -8px;
}

.punto-end {
    position: absolute;
    top: -8px;
    right: -11px;
    width: 24px;
    height: 24px;
    border: 4px solid var(--colore-primario);
    border-radius: 50%;
    background-color: #FFF;
}

.visualizza-timeline .punto-end {
    top: -8px;
    width: 20px;
    height: 20px;
}

.tabella-dettaglio .visualizza-timeline .punto-end {
    /* visualizzazione manager */
    top: -8px;
}

.label-timeline {
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    min-height: 30px;
    vertical-align: bottom;
    width: 100px;
    top: -40px;
    left: -50px;
    color: silver;
    line-height: 1em;
}

.label-timeline-finale {
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    min-height: 30px;
    vertical-align: bottom;
    width: 100px;
    top: -40px;
    right: -50px;
    color: silver;
    line-height: 1em;
}

.testo-timeline {
    font-size: 12px;
    position: absolute;
    width: 100px;
    left: -50px;
    top: 15px;
    line-height: 1em;
}

.dati-step-timeline {
    position: absolute;
    text-align: center;
    margin-top: -11px;
    width: 12%;
    left: 0px;
    padding: 34px 15px;
    margin-left: -18px;
}

.visualizza-timeline .dati-step-timeline {
    width: 23.3333%;
}

.dati-step-timeline.step1 {
    left: 0%;
}

.dati-step-timeline.step2 {
    left: 10%;
}

.dati-step-timeline.step3 {
    left: 20%;
}

.dati-step-timeline.step4 {
    left: 30%;
}

.dati-step-timeline.step5 {
    left: 40%;
}

.dati-step-timeline.step6 {
    left: 50%;
}

.dati-step-timeline.step7 {
    left: 60%;
}

.dati-step-timeline.step8 {
    left: 70%;
}

.dati-step-timeline.step9 {
    left: 80%;
}

.dati-step-timeline.step10 {
    left: 90%;
}


/*
.dati-step-timeline.step1,
.dati-step-timeline.step4 {
    left: 0%;
}
.dati-step-timeline.step2,
.dati-step-timeline.step5 {
    left: 33.3333%;
}
.dati-step-timeline.step3,
.dati-step-timeline.step6 {
    left: 66.6666%;
}
*/


/*
.dati-step-timeline::before {
    display: block;
    font-family: FontAwesome;
    content: '\f276';
    max-height: 28px;
    font-size: 20px;
}
*/

.dati-step-timeline input {
    font-size: 12px !important;
    padding: 4px !important;
    height: unset !important;
    margin-bottom: 0px !important;
}

.dati-step-timeline input[type="date"] {
    max-width: 130px;
    text-align: center;
}

.dati-step-timeline input[type="text"] {
    margin-top: -6px !important;
    max-width: 130px;
}

.dati-step-timeline .dati-step {
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.2em;
    color: gray;
    font-weight: bold;
    padding: 0px 10%;
}

.attuale-timeline {
    position: absolute;
    z-index: 999;
    margin-top: -30px;
}

.attuale-timeline::before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f041";
    font-size: 38px;
    color: var(--colore-secondario);
    text-shadow: 0px 0px 3px black;
}

.tab_timeline .punto-start,
.tab_timeline .punto-end {
    width: 25px;
    height: 25px;
}

.tab_timeline .punto-step {
    width: 20px;
    height: 20px;
    top: 6px;
}

.tab_timeline .linea-step {
    margin-left: 2px;
}

.tab_timeline .barra-step {
    height: 11px;
}

.tabella-dettaglio .tab_timeline .visualizza-timeline .barra-step {
    /* visualizzazione manager */
    height: 10px;
}


/* BOTTONI */

.um input[type="submit"].um-button,
.um input[type="submit"].um-button:focus,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active {
    background: var(--colore-secondario) !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: var(--colore-primario) !important;
}


/* FORM REGISTRAZIONE */

.um-register .um-row {
    margin-bottom: 0px !important;
}

.modifica-documento {
    display: none;
}

.visualizza-documento a,
.modifica-documento a {
    cursor: pointer;
}

.visualizza-documento a:first-child {
    color: var(--colore-secondario);
}

.btn-disabled {
    pointer-events: none;
    font-size: 15px;
    font-weight: bold !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 210px !important;
    border: none !important;
    color: #FFF;
    line-height: 1em !important;
    padding: 16px 20px !important;
    text-transform: uppercase;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    background: silver !important;
}


/* accettazione */

.um-field-accettazione {
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
}

.um-field-accettazione label {
    pointer-events: none;
}

.testo-termini-condizioni {
    max-height: 300px;
    overflow: auto;
}

.fusion-modal.accettazione .fusion-aligncenter {
    padding-top: 10px;
}

.accettazione-footer {
    position: sticky;
    bottom: 0px;
    left: 0px;
    background: white;
    width: 100%;
    padding: 15px 0 15px 0;
    border-top: 1px solid gray;
}
.accettazione_personafisica .modal-body, .accettazione_societa .modal-body {
    padding-bottom: 0px !important;
}


/* FORM REGISTRAZIONE UTENTE */

.um-register.um-2230 {
    max-width: 1140px !important;
}
.um-register.um-2230 .um-col-121 {
    float: left !important;
    width: 48% !important;
}
.um-register.um-2230 .um-col-122 {
    float: right !important;
    width: 48% !important;
}

@media only screen and (max-width: 850px) {
    .um-register.um-2230 .um-col-121 {
        float: unset !important;
        width: 100% !important;
    }
    .um-register.um-2230 .um-col-122 {
        float: unset !important;
        width: 100% !important;
    }
}

.um-field-label-icon {
    display: none !important;
}

.um-login.um-logout ul.um-misc-ul {
    list-style: none !important;
    text-align: center;
    margin: 0px !important;
    padding: 0px !important;
}

.um-login.um-logout ul.um-misc-ul li {
    margin-bottom: 20px !important;
}

.um-login.um-logout ul.um-misc-ul a {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff !important;
    background-color: var(--colore-secondario);
    padding: 10px 15px;
    text-transform: uppercase;
}

.um-login.um-logout ul.um-misc-ul a:hover {
    background-color: var(--colore-primario);
}


/* FORM AGGIORNA PASSWORD */

.form-aggiorna-password form .um-col-alt .um-clear {
    clear: unset;
    float: right;
}

.form-aggiorna-password form .um-col-alt .um-clear::before {
    content: "Torna alla dashboard";
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    background-color: var(--colore-primario);
    padding: 4px 12px;
    margin-left: 20px;
    cursor: pointer;
}

.form-aggiorna-password form .um-col-alt .um-clear:hover::before {
    background-color: var(--colore-secondario);
}


/* AREA GESTIONE */

.btn-stampa-richiesta {
    position: absolute;
    right: 5px;
    cursor: pointer;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    background-color: var(--colore-secondario);
    padding: 0px 10px;
}

.btn-stampa-richiesta:hover {
    background-color: var(--colore-primario);
    color: #FFF;
}

.btn-stampa-richiesta::before {
    content: "\f02f";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #FFF;
    font-weight: normal;
}


/* TABELLA CESTINO */

.tabella-cestino {
    width: 100%;
}

.tabella-cestino tr:not(:last-child) {
    border-bottom: 1px solid silver;
}

.tabella-cestino td {
    white-space: nowrap;
}

.tabella-cestino td:not(:nth-child(2)) {
    width: 10%;
}

.tabella-cestino a.btn-ripristina-cestino {
    color: green;
}

.tabella-cestino a.btn-elimina-cestino {
    color: red;
}

.intestazione-gestione .fusion-layout-column {
    margin-bottom: 0px !important;
}

.tabella-gestione {
    width: 100%;
}


/*
.tabella-gestione .tipo-richiesta div:nth-child(2) {
    margin-left: 15px;
}
.tabella-gestione .tipo-richiesta div:nth-child(3) {
    margin-left: 30px;
}
.tabella-gestione .tipo-richiesta div:nth-child(4) {
    margin-left: 45px;
}
*/

.linea-richiesta:hover {
    cursor: pointer;
    background-color: #E2E2E2;
}

.freccia-apertura {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -15px;
}

.freccia-apertura::before {
    content: "\f078";
    font-family: "FontAwesome";
    font-weight: bold;
}

.freccia-apertura.aperto::before {
    content: "\f077";
}

.cestino {
    color: var(--palette-12);
    font-size: 20px;
    cursor: pointer;
}

.cestino-barra {
    position: absolute;
    right: 0px;
    font-size: 20px;
    margin-right: -40px;
    top: 0px;
    margin-top: 5px;
    cursor: pointer;
}

.cestino-barra span {
    position: absolute;
    top: -5px;
    right: 10px;
    font-family: var(--font-principale);
    display: inline-block;
    background-color: red;
    color: #FFF;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 50%;
}

.cestino:hover {
    color: red;
}

.dettagli-richiesta {
    display: none;
}

.dettagli-richiesta-vuoto {
    display: none;
    background-color: transparent;
    border: none;
}

.dettagli-richiesta-vuoto td {
    border: none;
}

.filtra-stato-richiesta {
    /* background-color: #E2E2E2; */
    padding: 0px 10px 10px 10px;
    margin-bottom: 20px;
}

.cambia-stato-richiesta {
    padding: 40px;
    padding-bottom: 0px;
}

.cambia-stato-richiesta label,
.filtra-stato-richiesta label {
    display: inline-block;
    width: auto;
    margin-right: 20px;
    margin-bottom: 10px;
    color: white;
    font-size: 12px;
    padding: 4px 10px;
    cursor: pointer;
}

.cambia-stato-richiesta label {
    display: block;
    margin-right: 0px;
}


/*Cambio dello stato del Professionista*/

.tabella-cambia-stato-richiesta .fase-lavorazione-inlavorazione label,
.tabella-cambia-stato-richiesta .fase-esito-inlavorazione label {
    background: white;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 4px 10px;
    cursor: pointer;
    width: auto;
    border: 1px solid white;
}

.tabella-cambia-stato-richiesta .fase-lavorazione-inlavorazione label:hover,
.tabella-cambia-stato-richiesta .fase-esito-inlavorazione label:hover {
    background: var(--palette-11);
    border: 1px solid white;
    color: white;
}

.tabella-cambia-stato-richiesta .checkbox-daassegnare label {
    background: white;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 4px 10px;
    cursor: pointer;
    width: auto;
    border: 1px solid white;
}

.tabella-cambia-stato-richiesta .checkbox-daassegnare label:hover {
    background: var(--palette-11);
    border: 1px solid white;
    color: white;
}


/*Cambio dello stato del Manager*/

.cambia-stato-richiesta label:nth-child(1),
.filtra-stato-richiesta label:nth-child(2) {
    background-color: var(--stato-daassegnare);
}

.cambia-stato-richiesta label:nth-child(2),
.filtra-stato-richiesta label:nth-child(3) {
    background-color: var(--stato-inlavorazione);
}

.cambia-stato-richiesta label:nth-child(3),
.filtra-stato-richiesta label:nth-child(4) {
    background-color: var(--stato-conclusa);
}

.cambia-stato-richiesta label:nth-child(4),
.filtra-stato-richiesta label:nth-child(5) {
    background-color: var(--stato-rifiutata);
}

.cambia-stato-richiesta input,
.filtra-stato-richiesta input {
    display: inline-block;
    margin-bottom: 4px;
}

.assegna-professionista .btn-assegna-professionista,
.tabella-stato .btn-cambia-stato,
.tabella-stato .btn-aggiorna-note,
.btn-crea-preventivo,
.btn-preventivo-bozza,
.btn-preventivo-invia,
.btn-crea-mandato,
.btn-mandato-bozza,
.btn-mandato-chiuso,
.btn-visualizza-messaggi,
.btn-richiesta-call,
.btn-aggiorna-timeline,
.btn-scarica-preventivo,
.btn-scarica-mandato,
.me_post_pdf_preventivo,
.me_post_pdf_mandato,
.firma_yousign,
.documento_firmato_yousign,
.reset-preventivo,
.reset-mandato,
.btn-sostituisci-documento,
.btn-sostituisci-documento-legale-rappresentante,
.seleziona-home {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    color: white !important;
    background-color: var(--colore-primario);
    padding: 4px 12px !important;
    cursor: pointer;
    text-decoration: none !important;
}

.btn-sostituisci-documento,
.btn-sostituisci-documento-legale-rappresentante {
    padding: 0px 12px !important;
}

.assegna-professionista .btn-assegna-professionista {
    margin-left: 20px;
}

.btn-aggiorna-timeline {
    position: relative;
    z-index: 999;
}

.tabella-stato .checkbox-daassegnare label,
.tabella-stato .fase-lavorazione-inlavorazione label,
.tabella-stato .fase-esito-inlavorazione label,
.tabella-stato .fase-esito-conclusa label,
.tabella-stato .fase-motivo-rifiuto label {
    display: block;
}

.tabella-stato .rifiutata-testo_altro {
    display: none;
}

.tabella-stato .btn-cambia-stato,
.tabella-stato .btn-aggiorna-note {
    margin-left: 0px;
}

.assegna-professionista .btn-assegna-professionista:hover,
.tabella-stato .btn-cambia-stato:hover,
.tabella-stato .btn-aggiorna-note:hover,
.btn-crea-preventivo:hover,
.btn-crea-mandato:hover,
.btn-preventivo-bozza:hover,
.btn-preventivo-invia:hover,
.btn-mandato-bozza:hover,
.btn-mandato-chiuso:hover,
.btn-richiesta-call:hover,
.btn-visualizza-messaggi:hover,
.btn-aggiorna-timeline:hover,
.btn-scarica-preventivo:hover,
.btn-scarica-mandato:hover,
.me_post_pdf_preventivo:hover,
.me_post_pdf_mandato:hover,
.firma_yousign:hover,
.documento_firmato_yousign:hover,
.reset-preventivo:hover,
.reset-mandato:hover,
.btn-sostituisci-documento:hover,
.btn-sostituisci-documento-legale-rappresentante:hover,
.seleziona-home:hover {
    background-color: var(--colore-secondario);
    text-decoration: none !important;
}

.documento_firmato_yousign.disabled {
    pointer-events: none;
    background-color: gray;
}

.tabella-storico,
.tabella-richieste-call {
    width: 100%;
}

.tabella-stato.tabella-cambia-stato-richiesta {
    width: 100%;
}

.tabella-stato.tabella-cambia-stato-richiesta h5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.tabella-stato.tabella-cambia-stato-richiesta td {
    vertical-align: top;
    white-space: nowrap;
}

.tabella-stato.tabella-cambia-stato-richiesta td:nth-child(1) {
    width: 20%;
}

.tabella-stato.tabella-cambia-stato-richiesta td:nth-child(2),
.tabella-stato.tabella-cambia-stato-richiesta td:nth-child(3) {
    width: 40%;
}

.tabella-stato.tabella-cambia-stato-richiesta .mce-resizehandle,
.tabella-stato.tabella-cambia-stato-richiesta .mce-statusbar {
    display: none;
}

.nota-inserita,
.stato-aggiornato,
.bozza-preventivo-salvata,
.preventivo-salvato-inviato,
.bozza-mandato-salvata,
.mandato-chiuso,
.mandato-inviato,
.mandato-errore {
    display: none;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 10px;
    margin-top: 150px;
    z-index: 99999999;
}

.nota-inserita span,
.stato-aggiornato span,
.bozza-preventivo-salvata span,
.preventivo-salvato-inviato span,
.bozza-mandato-salvata span,
.mandato-chiuso span,
.mandato-inviato span {
    color: #FFF;
    background-color: var(--colore-primario);
    padding: 10px;
    font-weight: bold;
}
.mandato-errore span {
    color: #FFF;
    background-color: var(--palette-8);
    padding: 10px;
    font-weight: bold;
}

.blocco-crea-preventivo,
.blocco-crea-mandato {
    position: relative;
    margin: 30px 0px;
}

.blocco-crea-preventivo .stato-preventivo span,
.blocco-crea-mandato .stato-mandato span {
    display: inline-block;
    background-color: var(--colore-secondario);
    color: #FFF;
    font-weight: bold;
    padding: 0px 10px;
}
.blocco-crea-mandato .testo-mandato-chiuso,
.blocco-crea-mandato .testo-ricarica-mandato {
    display: none;
}
.blocco-crea-mandato .firma-disabled {
    pointer-events: none !important;
    background-color: gray !important;
}


.leggi-tutto-messaggio {
    cursor: pointer;
}

.leggi-tutto-messaggio:hover {
    color: var(--colore-primario);
}


/* FORM BACKEND INSERISCI/MODIFICA PROFESSIONISTA */

body.post-type-professionista.post-php div.acf-field[data-name="nome"] input,
body.post-type-professionista.post-php div.acf-field[data-name="cognome"] input,
body.post-type-professionista.post-php div.acf-field[data-name="email_professionista"] input,
body.post-type-professionista.post-php div.acf-field[data-name="password"] input {
    pointer-events: none;
    background-color: #EFEFEF;
}


/* MODIFICHE RICCARDO */

/*
#hero-video .fullwidth-overlay {
    background-image: url(https://legaless.eu/wp-content/uploads/2023/09/legaless-sopra-colorato-trasparente.png);
    background-repeat: no-repeat;
    background-position: right bottom
}
*/

#hero-section:after,
.hero-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(https://legaless.eu/wp-content/uploads/2023/09/legaless-sopra-colorato-trasparente.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

.sub-hero-section:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(https://legaless.eu/wp-content/uploads/2023/09/sotto-trasparente.png);
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 512px;
    z-index: 2;
}

#services-row .fusion-builder-row {
    /* background: #eee; */
    padding: 20px;
    /* border-radius: 8px; */
}

#menu-law-main-menu,
#menu-law-main-menu-1 {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.awb-menu__sub-ul li {
    background: var(--palette-10);
    border-bottom: 0 !important
}

.awb-menu__sub-ul li:hover {
    background: var(--palette-2) !important;
}

.awb-menu__sub-ul li:hover .awb-menu__sub-a {
    color: white !important;
}

.awb-menu__sub-ul li a {
    text-transform: uppercase;
    font-weight: 600;
    color: var(--palette-1) !important;
}

#green-row:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://legaless.eu/wp-content/uploads/2023/09/legaless-bianco-sopra.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    opacity: .45;
}

a.white-cta:hover {
    background: var(--colore-primario) !important;
    color: #fff
}

#box-sicurezza-seleziona-servizio {
    border-radius: 8px
}

/* BLOG RICCARDO */

#blog-loop .columns {
    display: flex;
    flex-wrap: wrap;
}

#blog-loop article > div {
    border: solid 1px #eee;
    border-radius: 8px 8px 0px 0px;
    margin: 5px;
    padding: 5px 10px;
    height: 95%;
    background: rgba(255,255,255,0.8);
}
@media only screen and (max-width: 1024px) {
    #blog-loop article > div {
        height: unset !important;
    }
}

#blog-loop article .recent-posts-content p:not(.meta) {
    padding-bottom: 20px !important;
}
@media only screen and (max-width: 860px) {
    #blog-loop article .recent-posts-content p:not(.meta) {
        padding-bottom: 60px !important;
        line-height: 1.2em;
    }
}
#blog-loop article .floated-slideshow {
    border: none !important;
}
#blog-loop .fusion-flexslider {
    background: transparent !important;
}

h4.widget-title {
    font-size: 28px !important;
    margin-bottom: 20px;
}

.wp-block-latest-posts__list.wp-block-latest-posts li {
    display: block;
    padding: 10px 10px 10px 12px !important;
    border-bottom: 1px solid #e7e6e6;
    position: relative;
}

.wp-block-latest-posts__list.wp-block-latest-posts li a:before {
    position: absolute;
    font-family: awb-icons;
    content: "\f105";
    margin-left: -12px;
}

.fusion-meta-info,
#respond,
.fusion-carousel-meta,
#no-show,
.sep-double.sep-solid {
    display: none !important
}

body.archive.tag article {
    background-color: transparent !important;
}


/* ICONE ACCORDION */

#accordion-contatti {
    max-width: 680px;
    margin: 0 auto;
}

#accordion-contatti .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode {
    border-radius: 5px 5px 0px 0px;
}

.fusion-accordian .panel-heading .panel-title a {
    align-items: center !important
}

.accordian.fusion-accordian .panel-title a:before {
    content: "";
    background-size: contain;
    width: 32px;
    height: 32px
}

.fusion-toggle-icon-wrapper {
    display: none
}

#info .panel-title a:before {
    background-image: url(https://legaless.eu/wp-content/uploads/2023/07/professionale.png)
}

#info ul {
    padding-left: 0;
    list-style: none
}

#info ul li {
    margin-bottom: 10px
}

#info ul i {
    color: #072938;
    font-size: 18px;
    width: 25px;
    text-align: center;
}

#account .panel-title a:before {
    background-image: url(https://legaless.eu/wp-content/uploads/2023/07/utente.png)
}

#pratica .panel-title a:before {
    background-image: url(https://legaless.eu/wp-content/uploads/2023/07/professionisti4.png)
}

#newsletter .panel-title a:before {
    background-image: url(https://legaless.eu/wp-content/uploads/2023/07/veloce.png)
}

#pagamento .panel-title a:before {
    background-image: url(https://legaless.eu/wp-content/uploads/2023/07/economico.png)
}

.archive #main .post h2 a {
    font-size: 18px
}

.archive .fusion-blog-shortcode-1 .fusion-blog-layout-grid .fusion-post-grid {
    padding: 20px;
}

.archive .fusion-blog-layout-grid.fusion-blog-equal-heights .fusion-post-wrapper {
    background: transparent !important;
    border: none !important
}

.archive .fusion-blog-layout-grid.fusion-blog-equal-heights .fusion-post-wrapper .fusion-post-content-wrapper {
    border: solid 1px #eee;
    overflow: hidden;
    border-radius: 8px;
    background: #fff
}

.icon-list ul {
    padding-left: 0
}

.icon-list ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px
}

.icon-list ul li:last-child {
    margin-bottom: 0
}


/* ACCORDION PAGINA CONTATTI */

.box-accordion {
    background: rgb(255, 255, 255, 0.8);
    border: 1px solid silver;
    border-radius: 5px 5px 0px 0px;
    margin-bottom: 10px !important;
    backdrop-filter: blur(2px);
}

.box-accordion:hover {
    background: rgb(250, 250, 250, 0.8);
}

.title-accordion {
    display: flex;
    align-items: center;
    padding: 15px;
    margin: 0px !important;
    cursor: pointer;
    max-width: 80%;
}
.title-accordion::after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    right: 20px;
    padding: 6px 9px;
    border: 1px solid #666666;
    border-radius: 50%;
}
.title-accordion.active::after {
    content: "\f077";
}

.content-accordion {
    display: none;
    padding: 15px;
    font-weight: bold;
}


/* CHAT */


/* Amministratore */

.tabella-messaggi .messaggio-administrator {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.tabella-messaggi .messaggio-administrator td {
    width: 50%;
    float: left;
    padding: 10px;
    border-radius: 5px 5px 0px 5px;
    background: #082939;
    color: white;
    text-align: left;
}

.tabella-messaggi .messaggio-administrator p {
    margin-bottom: 0;
}

.tabella-messaggi .messaggio-administrator a {
    color: white;
}

.tabella-messaggi .messaggio-administrator .nome-utente {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .3px;
}

.tabella-messaggi .messaggio-administrator .nome-utente strong {
    color: white;
}

.tabella-messaggi .messaggio-administrator .tempo-messaggio {
    font-size: 12px;
    float: right;
}

.tabella-messaggi .messaggio-administrator .allegato-messaggio {
    border: 1px solid white;
    border-radius: 6px;
    padding: 10px;
}


/* Manager */

.tabella-messaggi .messaggio-um_manager {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.tabella-messaggi .messaggio-um_manager td {
    width: 50%;
    float: left;
    padding: 10px;
    border-radius: 5px 5px 0px 5px;
    background: var(--palette-7);
    color: white;
    text-align: left;
}

.tabella-messaggi .messaggio-um_manager p {
    margin-bottom: 0;
}

.tabella-messaggi .messaggio-um_manager a {
    color: white;
}

.tabella-messaggi .messaggio-um_manager .nome-utente {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .3px;
}

.tabella-messaggi .messaggio-um_manager .nome-utente strong {
    color: white;
}

.tabella-messaggi .messaggio-um_manager .tempo-messaggio {
    font-size: 12px;
    float: right;
}

.tabella-messaggi .messaggio-um_manager .allegato-messaggio {
    border: 1px solid white;
    border-radius: 6px;
    padding: 10px;
}


/* Professionista e Manager*/

.tabella-messaggi .messaggio-professionista,
.tabella-messaggi .messaggio-manager {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.tabella-messaggi .messaggio-professionista td,
.tabella-messaggi .messaggio-manager td {
    width: 50%;
    float: left;
    padding: 10px;
    border-radius: 5px 5px 0px 5px;
    background: var(--palette-1);
    color: white;
    text-align: left;
}

.tabella-messaggi .messaggio-professionista p,
.tabella-messaggi .messaggio-manager p {
    margin-bottom: 0;
}

.tabella-messaggi .messaggio-professionista a,
.tabella-messaggi .messaggio-manager a {
    color: white;
}

.tabella-messaggi .messaggio-professionista .nome-utente,
.tabella-messaggi .messaggio-manager .nome-utente {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .3px;
}

.tabella-messaggi .messaggio-professionista .nome-utente strong,
.tabella-messaggi .messaggio-manager .nome-utente strong {
    color: white;
}

.tabella-messaggi .messaggio-professionista .tempo-messaggio,
.tabella-messaggi .messaggio-manager .tempo-messaggio {
    font-size: 12px;
    float: right;
}

.tabella-messaggi .messaggio-professionista .allegato-messaggio,
.tabella-messaggi .messaggio-manager .allegato-messaggio {
    border: 1px solid white;
    border-radius: 6px;
    padding: 10px;
}


/* Cliente e Azienda*/

.tabella-messaggi .messaggio-cliente,
.tabella-messaggi .messaggio-um_custom_role_1 {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.tabella-messaggi .messaggio-cliente td,
.tabella-messaggi .messaggio-um_custom_role_1 td {
    width: 50%;
    float: right;
    padding: 10px;
    border-radius: 5px 5px 5px 0px;
    background: #04B1AE;
    color: white;
    text-align: right;
}

.tabella-messaggi .messaggio-cliente p,
.tabella-messaggi .messaggio-um_custom_role_1 p {
    margin-bottom: 0;
}

.tabella-messaggi .messaggio-cliente .allegato-messaggio a,
.tabella-messaggi .messaggio-um_custom_role_1 .allegato-messaggio a {
    color: white;
}

.tabella-messaggi .messaggio-cliente .nome-utente,
.tabella-messaggi .messaggio-um_custom_role_1 .nome-utente {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: .3px;
    color: var(--palette-12)
}

.tabella-messaggi .messaggio-cliente .tempo-messaggio,
.tabella-messaggi .messaggio-um_custom_role_1 .tempo-messaggio {
    font-size: 12px;
    float: left;
}

.tabella-messaggi .messaggio-cliente .allegato-messaggio,
.tabella-messaggi .messaggio-um_custom_role_1 .allegato-messaggio {
    border: 1px solid white;
    border-radius: 6px;
    padding: 10px;
}


/* ACCOUNT */

.blocco-tab-filtri-richieste .tab-filtri-richieste.active,
.blocco-tab-filtri-richieste .tab-filtri-richieste:hover {
    border-radius: 5px 5px 0 0;
    /*box-shadow: inset 0px 3px 0px 0px #082939;*/
    text-transform: uppercase;
    background-color: var(--palette-1);
    color: white;
    /*border: 1px solid #04B1AE;*/
}

.blocco-tab-filtri-richieste .tab-filtri-richieste {
    border-radius: 5px 5px 0 0;
    /*box-shadow: inset 0px 3px 0px 0px #082939;*/
    text-transform: uppercase;
    background-color: var(--palette-10);
    color: var(--palette-12);
    /*border: 1px solid #082939;*/
}

.tabella {
    border-radius: 5px;
    background: var(--palette-10);
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid silver;
}

.tabella-richieste {
    font-size: 14px;
    color: var(--palette-12);
    text-transform: uppercase;
}

.tabella-richieste td {
    font-size: 12px;
    border-top: 1px solid var(--palette-12);
    padding: 2px;
}

.tabella-richieste .assegnata {
    display: inline-block;
    margin-left: 5px;
}

.tabella-richieste .assegnata .professionista {
    font-weight: 800;
}

.tabella-richieste td .contatta-avvocato {
    color: var(--palette-12);
    font-size: 12px;
}

.tabella-richieste td a {
    color: var(--palette-12);
}

.tabella-richieste .timeline .label-step {
    font-size: 18px;
    color: white;
    text-shadow: 0 0 5px black;
}

.tabella-richieste .timeline .dati-step-principale {
    margin-top: -43px;
    color: #082939;
}

.tabella-richieste .timeline .dati-step {
    color: white;
    font-size: 10px;
    font-weight: 100;
}

li.tab-documento-identita {
    display: none !important;
}


/* TABELLA RICHIESTA SINGOLA */

.tabella-singola {
    border-radius: 5px;
    background: var(--palette-10);
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid var(--palette-12);
}

.tabella-richiesta-singola {
    text-align: center;
}

.tabella-richiesta-singola th {
    font-weight: 800;
    text-transform: uppercase;
    color: white;
    width: 50%;
}

.tabella-richiesta-singola td {
    border-top: 1px solid var(--palette-12);
    padding: 5px;
}

.tabella-richiesta-singola td:first-child {
    color: white;
    font-size: 12px;
}

.tabella-richiesta-singola td:nth-child(2) {
    color: white;
    font-size: 12px;
}

.tabella-singola .tabella-richiesta-singola tr th,
.tabella-singola .tabella-richiesta-singola tr td {
    color: var(--palette-12) !important;
}

.link-area-personale {
    font-family: var(--font-principale) !important;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
}


/* GESTIONE RICHIESTE */

.intestazione-gestione-richieste tr {
    display: flex;
    border-radius: 5px;
    background: var(--palette-1);
    margin-bottom: 20px;
    padding: 10px;
}
.img-errore-campi {
    vertical-align: middle;
    float: left;
}
@media only screen and (max-width: 850px) {
    .img-errore-campi {
        vertical-align: middle;
        float: unset;
        position: relative;
        left: 50%;
        margin-left: -60px;
        margin-bottom: 20px;
    }    
}

.filtra-stato-richiesta div strong {
    color: white;
}

.filtra-stato-richiesta label {
    border: 1px solid white;
    border-radius: 10px;
}

.blocco-richiesta {
    border-radius: 5px;
    background: var(--palette-10);
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid var(--palette-12);
    overflow: scroll;
}

.blocco-richiesta .tabella-gestione {
    color: var(--palette-12);
    text-transform: uppercase;
}

.tabella-gestione td {
    font-size: 12px;
}

.blocco-richiesta .tabella-gestione .tipo-richiesta {
    font-weight: normal;
}

.tabella-gestione th,
.tabella-gestione td {
    border-top: 1px solid var(--palette-12);
    padding: 5px;
    text-align: center;
}

.tabella-storico-call tr td.storico,
.tabella-storico-call tr td.call {
    border-top: none;
}

.tabella-gestione .dettagli-richiesta-vuoto td {
    border-top: none;
}

.linea-richiesta:hover {
    cursor: pointer;
    background-color: #082939;
}

.linea-richiesta:hover td {
    color: white;
}

.linea-richiesta:hover .cestino {
    color: white;
}

.tabella-gestione .tabella-richiesta-singola {
    margin-top: 20px;
    background: var(--palette-11);
    border-radius: 5px;
    text-align: left;
    box-shadow: 0 0 10px var(--palette-12);
}

.tabella-gestione .tabella-richiesta-singola tr:first-child th {
    border-top: none;
}

.tabella-gestione .tabella-richiesta-singola tr th {
    width: 50%;
}

.tabella-gestione .tabella-storico,
.tabella-gestione .tabella-richieste-call {
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--palette-11);
    border-radius: 5px;
    text-align: left;
    box-shadow: 0 0 10px var(--palette-12);
}

.tabella-gestione .tabella-storico td,
.tabella-gestione .tabella-richieste-call td,
.tabella-gestione .tabella-storico th,
.tabella-gestione .tabella-richieste-call th {
    color: white;
}

.tabella-gestione .tabella-storico td span.stato-richiesta {
    color: white;
}

.tabella-gestione .tabella-storico td span.stato-richiesta.stato-daassegnare,
.tabella-gestione .tabella-storico td span.stato-richiesta.stato-inlavorazione {
    color: white;
}

.tabella-gestione .tabella-storico tr:first-child th,
.tabella-gestione .tabella-richieste-call tr:first-child th {
    border-top: none;
}

.tabella-gestione .label-step {
    color: white;
}

.tabella-gestione .gestione-timeline input {
    border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-bottom: 1px solid white;
    background: transparent;
    color: white;
    border-radius: 0 0 5px 5px;
}

.tabella-gestione .gestione-timeline input::placeholder {
    color: white;
}

.tabella-gestione .gestione-timeline input:checked {
    background-color: var(--colore-primario);
    border: 1px solid red;
    color: red;
}

.tabella-gestione .blocco-messaggi {
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--palette-10);
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: 0 0 10px var(--palette-12);
}

.tabella-gestione .blocco-messaggi .tabella-messaggi td {
    border-top: none;
}

.tabella-gestione .blocco-messaggi .tabella-messaggi .editor h3 {
    color: var(--palette-12);
}

.blocco-richiesta strong {
    font-size: 16px;
    font-weight: 800;
    color: var(--palette-12);
}

.blocco-richiesta-call strong {
    font-size: 16px;
    font-weight: 800;
    color: white;
}

.blocco-assegna-professionista strong {
    font-size: 16px;
    font-weight: 800;
    color: white;
}

.tabella-gestione .tabella-stato {
    margin-top: 20px;
    margin-bottom: 20px;
    background: var(--palette-11);
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: 0 0 10px var(--palette-12);
}

.tabella-gestione .tabella-stato td {
    border-top: none;
    padding: 10px;
}

.tabella-gestione .tabella-stato td span {
    color: var(--palette-12) !important;
}

.tabella-gestione .tabella-stato h5 {
    color: white;
}

.tabella-gestione .blocco-assegna-professionista,
.tabella-gestione .blocco-richiesta-call {
    display: block;
    margin-top: 20px;
    background: var(--palette-11);
    border-radius: 5px;
    padding: 10px 10px;
    box-shadow: 0 0 10px var(--palette-12);
}

.tabella-gestione .blocco-assegna-professionista select,
.tabella-gestione .blocco-richiesta-call input {
    background: var(--palette-11);
    border: none;
    border-bottom: 1px solid white;
    border-radius: 5px;
    color: white;
}

.tabella-gestione .blocco-richiesta-call input.link-call {
    width: 80%;
    margin: 10px 0px;
    text-align: center;
}

.tabella-gestione .blocco-richiesta-call input.link-call::placeholder {
    color: silver;
}

.tab-richiesta {
    margin-top: 20px;
    border-top: 1px solid var(--palette-12);
}

.tab_dettagli_richiesta,
.tab_storico_richieste_call,
.tab_preventivo_mandato,
.tab_stato_richiesta,
.tab_timeline,
.tab_messaggi {
    display: none;
}

.tab-richiesta div {
    display: inline-block;
    width: 14.1%;
    cursor: pointer;
}

.tab-richiesta .active {
    background: var(--palette-1);
    color: white;
}

.tabella-messaggi form>div {
    padding: 0;
}


/* CLIENTE - AREA ACCOUNT */

/*
.um-account-side li a {
    height: 40px !important;
}
*/

.um-account-side ul li a.current .um-account-icon i::before {
    color: var(--palette-2);
}

.um-account-side ul li a .um-account-icon i::before {
    left: -8px;
    display: inline-block;
    position: relative;
}

.um-account-title, .um-account-heading, .um-account-nav a {
    text-transform: uppercase !important;
}

.tab-pacchetti-servizi {
    background: var(--palette-8) !important;
}

.tab-pacchetti-servizi a:hover {
    background: var(--palette-2) !important;
}

.tab-pacchetti-servizi a .um-account-title {
    color: white !important;
    font-weight: 800;
}

.tab-pacchetti-servizi a .um-account-icon i::before {
    color: white;
}

.tab-pacchetti-servizi a.current .um-account-icon i::before {
    color: white !important;
}

.tab-pacchetti-servizi a .um-account-arrow i::before {
    color: white;
}


/* TAB PREVENTIVO/MANDATO */

.tab_preventivo_mandato {
    margin-top: 30px;
    background: var(--palette-11);
    border-radius: 5px;
    text-align: left;
    box-shadow: 0 0 10px var(--palette-12);
    color: white;
}

.tab_preventivo_mandato strong {
    color: white;
}


/* Oggetto richiesta */

.oggetto-richiesta i::before {
    font-family: 'Font Awesome 5 Free';
    font-size: 15px;
    margin-left: 5px;
    cursor: pointer;
}

/* Link Stripe */
.tab_preventivo_mandato .link-stripe td {
    border-top: none;
}
.tab_preventivo_mandato .link-stripe iframe {
    width: 100%;
    height: 170px;
}

/* Indicatori stato pagamento e invio mandato */
.tab_preventivo_mandato .stato-preventivo-mandato-link iframe {
    width: 100%;
    height: 170px;
}

/* Link reindirizzamento all'account */
#click-to-modify {
    background-color: var(--colore-primario);
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20px;
    cursor: pointer;
}
#click-to-modify:hover {
    background-color: var(--colore-secondario);
}

/* 2FA */
.default_styling .radio-cells .option-pill {
    flex-basis: 0;
    flex-grow: 1;
    border: 3px solid var(--colore-primario);
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
    font-size: 11px;
    position: relative;
}
.wp2fa-modal.enable_styling .radio-cells .option-pill.isSelected {
    border: 3px solid var(--colore-primario);
}
.wp-2fa-configuration-form .button,
.enable_styling .wp-2fa-button-primary, 
.enable_styling .wp-2fa-button-secondary, 
.enable_styling #wizard-api-key button, 
.enable_styling #wizard-sid-key button {
    color: white;
    border: 3px solid var(--colore-primario);
    background-color: var(--colore-primario);
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
    outline: none;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    border-radius: 0px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.wp-2fa-configuration-form .button:hover {
    background-color: var(--colore-secondario) !important;
    border: 3px solid var(--colore-secondario) !important;
    color: white;
}
.wp2fa-modal .modal__close {
    color: var(--colore-secondario) !important;
}
.wp2fa-modal h1,
.wp2fa-modal h2,
.wp2fa-modal h3,
.wp2fa-modal h4,
.wp2fa-modal h5,
.wp2fa-modal h6 {
    font-family: "Montserrat" !important;
}
.wp2fa-modal .modal__content p.description {
    font-size: 13px !important;
}
.wp2fa-modal .modal__container {
    z-index: 1 !important;
}
.wp2fa-modal .step-setting-wrapper > p:not(.description),
.wp2fa-modal .step-setting-wrapper > br,
.wp2fa-modal .step-setting-wrapper > b {
    display: none !important;
}

/* SOCIAL LOGIN */
.nsl-container-buttons {
    margin: 0 auto;
    display: block !important;
}

/* LOGIN */
#login #login_error {
    color: #FFF !important;
    text-align: center !important;
}
/* SCARICA RICEVUTA BONIFICO */
.link-ricevuta-bonifico {
    margin: 10px 0;
    a {
        font-weight: bold;
        text-transform: uppercase;
        color: white !important;
        background-color: var(--colore-primario);
        padding: 8px 12px !important;
        cursor: pointer;
    }
    i.fa-times {
        font-weight: bold;
        text-transform: uppercase;
        color: red;
        background-color: var(--colore-primario);
        padding: 8px 8px !important;
        cursor: pointer;
        margin-left: 10px;
        font-size: 16px;
        vertical-align: middle;
        &:hover {
            color: white;
        }
    }
}
/* PAGINA LOGIN */
.um-page-login {
    .um-login {
        margin-bottom: 15px !important;
        form {
            max-width: 302px;
            margin: 0 auto;
            ._um_row_1 {
                margin: 0 !important;
                input {
                    font-size: 14px !important;
                }
                .um-field-shortcode {
                    padding-top: 0px !important;
                }
            }
            .um-col-alt {
                .um-field-checkbox-option {
                    font-size: 14px;
                    font-weight: 400;
                    color: #000 !important;
                }
                .um-center {
                    margin-top: 15px;
                    input {
                        width: 100% !important;
                    }
                }
            }
            .um-field {
                .g-recaptcha {
                    margin-bottom: 15px !important;
                }
            }
        }
    }
    .border-separator {
        /* max-width: 300px !important; */
        .title-sep-container {
            height: 1px !important;
            .title-sep {
                border-bottom-width: 2px !important;
            }
        }
    }
    .nsl-button-google[data-skin="light"] {
        border-radius: 2px !important;
    }
}
@media screen and (max-width: 850px) {
    .um-page-login {
        main {
            padding-top: 30px !important;
        }
    }
}
/* PAGINA DI REGISTRAZIONE SOCIAL */
.page-id-4742 {
    p {
        color: black;
        margin-bottom: 0px !important;
        a {
            color: black;
            text-decoration: underline;
        }
    }
    .submit {
        input {
            width: 100%;
            background: var(--colore-secondario);
            text-transform: uppercase;
            border: none;
            font-size: 18px;
            font-weight: 700;
            color: var(--colore-primario);
            border-radius: 2px;
            &:hover {
                color: white;
                cursor: pointer;
            }
        }
    }
}