#campanella svg {
    color: #7b7b7b !important;
    font-size: 23px;
}
#campanella {
    margin-top: 6px;
}
.modaleMessaggiTesto {
    background-color: var(--grigioChiarissimo);
    border-color: var(--arancioChiaro);
    border-radius: 3px;
    width: 100%;
    padding: 1rem;
    outline: none;
}
.modaleMessaggioContainerMessaggiPrecedenti {
    max-height: 20rem;
    overflow-y: auto;
    padding: 1rem;
    border: solid 1px var(--arancioChiaro);
    border-radius: 3px;
}
.bg-bianco {
    background-color: white;
}
.bordatoComeRiga {
    border: solid 1px var(--grigioScuroNL);
    border-left: unset;
    border-right: unset;
}
.bordatoComeInput {
    border-bottom: solid 1px var(--grigioScuroNL);
    background-color: var(--grigioChiaroNL);
}
.container-menuRapido {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    top: 0;
    overflow: hidden;
}
.container-btnMenuRapidoAperto {
    display: none;
}
.containerBtnAzioniFatturaProforma {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
}
.wrapperBtnMenuRapido {
    display: flex;
    gap: 1rem;
}
.contenitoreFiltriSecondary {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
}
#zonanotifiche {
    top: 8rem;
}
#logoFatturhelloNoScritta {
    width: 3rem;
    margin-left: -0.8rem;
    margin-right: 0.5rem;
}
.zonanotifiche-strong {
    font-weight: 600;
    padding-left: 10px;
    text-align: center;
}

.zonanotifiche-block {
    display: block;
}

.zonanotifiche-absolute {
    position: absolute;
}

.zonanotifiche-balloon {
    max-width: 90vw;
    min-width: 22rem;
    z-index: 2000;
}

.zonanotifiche-c-background-alt-2 {
    background-color: white;
    color: var(--arancioStudioboost);
    border-radius: 4px 4px 0px 0px;
}
#segnatutticomeletti {
    cursor: pointer;
}
.zonanotifiche-balloon--down.zonanotifiche-balloon--right,
.zonanotifiche-balloon--up.zonanotifiche-balloon--right {
    right: 0;
}

[data-simplebar] {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index: 0;
}

[data-simplebar="init"] {
    display: flex;
    background-color: #fff;
    border-radius: 0px 0px 4px 4px;
}

.scrollable-area {
    height: 100%;
    position: relative;
}

.lista-principale--vertical {
    max-height: 50vh;
}

.messaggionotifica:before {
    content: " \25CF";
    font-size: 25px;
    padding-left: 10px;
}

.messaggionotifica {
    left: -8px;
    top: 6px;
    position: absolute;
}

.messaggionotifica.daleggere {
    color: limegreen;
}

.messaggionotifica.letto {
    color: grey;
}

.testomessaggionotifica {
    position: relative;
    top: -3px;
}

.tempomessaggionotifica {
    display: block;
    font-size: 12px;
    text-align: center;
}

.simplebar-content {
    box-sizing: border-box;
    min-height: 100%;
    overflow-y: hidden;
}

.zonanotifiche-align-items-center {
    align-items: center;
}

.zonanotifiche-pd-b-2 {
    padding-bottom: 0.2rem;
}

.lista-principale__content::after {
    content: "";
    pointer-events: none;
    position: absolute;
}

.lista-principale--vertical .lista-principale__vedipiu::after {
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
    bottom: 0;
    height: 4rem;
    left: 0;
    width: 100%;
}
.zonanotifiche-relative {
    position: relative;
}

.lista-principale__content--mobile {
    border-bottom: 1.5px solid whitesmoke;
    line-height: 20px;
    text-align: center;
}

.lista-principale__content--mobile:hover {
    background-color: whitesmoke;
    cursor: pointer;
}

.zonanotifiche-pd-y-1 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.zonanotifiche-pd-x-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.simplebar-scroll-content {
    box-sizing: content-box;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #c2d2e4 whitesmoke;
    scrollbar-width: thin;
}

.simplebar-scroll-content::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.simplebar-scroll-content::-webkit-scrollbar-track-piece {
    background-color: whitesmoke;
}

.simplebar-scroll-content::-webkit-scrollbar-thumb:vertical {
    height: 14px;
    background-color: #c2d2e4;
}

#zonanotifichenfreccia {
    right: 36.5%;
}

.zonanotifiche-overflow-hidden {
    overflow-x: hidden;
    overflow-y: hidden;
}

.zonanotifiche-balloon > .zonanotifiche-balloon__tail {
    height: 16px;
    width: 16px;
}

.zonanotifiche-balloon--right > .zonanotifiche-balloon__tail {
    margin-right: -1px;
    right: 100%;
}

.zonanotifiche-balloon--left > .zonanotifiche-balloon__tail,
.zonanotifiche-balloon--right > .zonanotifiche-balloon__tail {
    top: 8px;
}

.zonanotifiche-balloon--down > .zonanotifiche-balloon__tail {
    bottom: 100%;
    margin-bottom: -1px;
}

.zonanotifiche-balloon--down.zonanotifiche-balloon--right > .zonanotifiche-balloon__tail {
    top: auto;
}

.zonanotifiche-border-t {
    border-top-width: 0px;
    border-top-style: solid;
}

.zonanotifiche-border-r {
    border-right-width: 0px;
    border-right-style: solid;
}

.zonanotifiche-border-b {
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

.zonanotifiche-border-l {
    border-left-width: 0px;
    border-left-style: solid;
}

.zonanotifiche-balloon > .zonanotifiche-balloon__tail .zonanotifiche-balloon__tail-symbol {
    height: 8px;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: 0 0;
    width: 8px;
}

.zonanotifiche-balloon--right > .zonanotifiche-balloon__tail .zonanotifiche-balloon__tail-symbol {
    right: -8px;
}

.zonanotifiche-balloon--left > .zonanotifiche-balloon__tail .zonanotifiche-balloon__tail-symbol,
.zonanotifiche-balloon--right > .zonanotifiche-balloon__tail .zonanotifiche-balloon__tail-symbol {
    top: 50%;
}

.zonanotifiche-balloon--down > .zonanotifiche-balloon__tail .zonanotifiche-balloon__tail-symbol,
.zonanotifiche-balloon--up > .zonanotifiche-balloon__tail .zonanotifiche-balloon__tail-symbol {
    left: 50%;
}

.zonanotifiche-balloon--down > .zonanotifiche-balloon__tail .zonanotifiche-balloon__tail-symbol {
    bottom: -8px;
    top: auto;
    background-color: #d1d2d4;
}

.zonanotifiche-border-radius-medium,
.zonanotifiche-root--theme-dark .zonanotifiche-border-radius-medium,
.zonanotifiche-root--theme-light .zonanotifiche-border-radius-medium {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.zonanotifiche-elevation-1 {
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px -1px, rgba(0, 0, 0, 0.02) 0 2px 2px -2px, rgba(0, 0, 0, 0.04) 0 1px 4px 0;
}

.zonanotifiche-pd-y-05 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.pos-relative {
    position: relative;
}

.notification-container {
    position: relative;
    cursor: pointer;
}
.container-notifiche {
    position: absolute;
    top: 0;
    left: 0.5rem;
    margin-top: -0.5rem;
}
#container-logoutente {
    height: 28px;
    width: 28px;
    cursor: pointer;
    border-radius: 28px;
    overflow: hidden;
    display: flex;
}
.logoutentebarrasuperiore {
    max-width: 36px;
}

#zonaopzioniutente {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    width: 24rem;
    right: 2rem;
    top: 8rem;
    -webkit-box-shadow: -2px 7px 11px -2px #686868;
    box-shadow: -2px 6px 11px -5px #9e9e9e;
}
.grigioScuro {
    color: var(--grigioScuroNL);
}
.dropdown-menu-custom {
    padding: 0.2rem 0 0.2rem 0 !important;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    font-size: 12px;
    text-align: center;
}
.elementoDropdownImpostazioni {
    display: flex;
    margin-left: 0.5rem;
}
#zonaopzioniutente i {
    color: var(--arancioStudioboost);
}
#zonaopzioniutente a {
    color: var(--grigioScuroNL);
    padding-left: 0.5rem;
}
#zonaopzioniutente a:hover {
    background-color: var(--grigioChiaroNL);
}
.linkopzioniutente {
    display: block;
    cursor: pointer;
    font-size: 12px;
}

.linkopzioniutente:hover {
    text-decoration: none;
}

.notification-counter {
    cursor: pointer;
    height: 1rem;
    width: 1rem;
    position: absolute;
    background-color: var(--arancioStudioboost) !important;
    border-radius: 2rem;
}

#rotella-impostazioni > i {
    transform: scale(1.8);
    color: #7b7b7b;
    margin-top: 20px;
    cursor: pointer;
}

@keyframes scampanella {
    0%,
    to {
        transform: translateZ(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-3px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(3px, 0, 0);
    }
}

.scampanella {
    animation-name: scampanella;
}

/* latin */
@font-face {
    font-family: "Questrial";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./QdVUSTchPBm7nuUeVf70viFl.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

body * {
    font-family: "Questrial";
}
.number {
    font-family: "Questrial";
}
/* Sherpa main color #1256a7 */
/* Sherpa secondary color #428bca */
/* StudioBoost main color #f69f2b; */
/* StudioBoost secondary color #ffdea0; */

/*--arancioStudioboost: #1256a7;*/
/*--arancioChiaro: #428bca;*/
/*
:root {
  --arancioStudioboost: #f69f2b;
  --arancioChiaro: #ffdea0;
  --arancioStudioboostScuro: #e4870f;
  --arancioStudioboostTrasparente: #f8d7ac;
  --grigioScuroNL: #767676;
  --griglioGrigliaTabella: #eee;
  --grigioChiaroNL: #eee;
  --sfondoNL: #fff;
  --verdeSuccess: #1fa421;
  --redError: red;
  --grigioTextDisabled: #a7a7a7;
  --fontSizeCustomVerySmall: 11px !important;
  --fontSizeCustomSmall: 12px !important;
  --fontSiseCustomNormal: 14px !important;
  --fontSizeCustomLarge: 16px !important;
  --fontSizeCustomXLarge: 18px !important;
  --miniUnderlineBtn: 7rem !important;
  --lineheightSmall: 23px !important;
}
*/
/* slider per menù */
:root {
    --grigioChiarissimo: #f5f5f5;
}
.switcher {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 17px;
}

.switcher input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slidermen {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slidermen:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 16px;
    left: 1px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slidermen {
    background-color: var(--arancioStudioboost);
}

input:focus + .slidermen {
    box-shadow: 0 0 1px var(--arancioStudioboost);
}

input:checked + .slidermen:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slidermen.round {
    border-radius: 34px;
}

.slidermen.round:before {
    border-radius: 50%;
}
/* end slider per menù */

/*material switch*/
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%);
    border-radius: 8px;
    content: "";
    height: 8px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 30px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 14px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
    content: "";
    height: 14px;
    left: -4px;
    margin-top: -7px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 14px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/*end material switch*/

#mySidebar {
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--arancioStudioboost);
    height: 100vh;
    width: 10rem;
    border-right: solid 3rem var(--grigioChiaroNL);
    z-index: 3;
    /*border-left: solid 1rem var(--arancioStudioboost);*/
    overflow-y: scroll;
    padding-bottom: 3rem;
}

.container-btnOpenMenuRapidoChiuso {
    display: none;
}

#navbar {
    left: 10rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
    z-index: 5;
    background-color: var(--grigioChiaroNL);
    border: none;
}

.btn-menuRapido {
    border-top-right-radius: unset;
    border-top-left-radius: unset;
    width: 3rem;
}

.vocifiglio {
    display: none;
}

#page-wrapper {
    margin-left: 10rem;
    margin-top: 7rem;
    padding: 2rem;
    font-size: 11px;
}

#bordoMainWrapper {
    position: fixed;
    width: 1rem;
    height: 2rem;
    background-color: var(--sfondoNL);
    z-index: 4;
    left: 10rem;
    top: 9rem;
    border-top-left-radius: 1rem;
    box-shadow: 0 -1rem 0 0 var(--grigioChiaroNL);
}
#bordoDestraWrapper {
    position: fixed;
    top: 0;
    right: 0;
    background-color: var(--grigioChiaroNL);
    height: 100vh;
    width: 3rem;
    z-index: 3;
}
.modo-verticale {
    writing-mode: vertical-rl;
    text-orientation: upright;
}
#bordoMainWrapperRight {
    position: fixed;
    width: 1rem;
    height: 2rem;
    background-color: var(--sfondoNL);
    z-index: 4;
    right: 3rem;
    top: 9rem;
    border-top-right-radius: 1rem;
    box-shadow: 0 -1rem 0 0 var(--grigioChiaroNL);
}

#side-menu > li > a:hover {
    color: var(--grigioScuroNL);
    background-color: var(--grigioChiaroNL);
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

#side-menu > li > a {
    display: flex;
    gap: 0.4rem;
    color: white;
    align-items: flex-start;
    font-size: 1.8rem;
    justify-content: center;
    padding: 6px 15px;
}
.btn-tornaindietro {
    display: flex;
    justify-content: space-between;
    font-size: var(--fontSizeCustomXLarge);
    align-items: center;
    color: var(--arancioStudioboost);
}
.container-btn-tornaindietro {
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
}
.haiBisognoDiAiuto {
    background-color: #7b7b7b;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: white;
    font-weight: 600;
    border-top-left-radius: 0.3rem;
}
.p-0 {
    padding: 0;
}

.containerChevron {
    margin-right: 0.5rem;
}
.containerChiediSimone {
    padding: 0.3rem;
    padding-bottom: 0;
    padding-top: 0;
    background-color: #d3d3d3;
    border-bottom-left-radius: 0.3rem;
    cursor: pointer;
}
.container-btn-menu > div > svg {
    font-size: 2rem;
    margin-left: -1rem;
}

#testoMenuSemplificato {
    color: var(--grigioScuroNL);
}

body,
html {
    height: 100%;
    margin-right: 1rem;
    background-color: var(--grigioChiaroNL);
}

.container-btn-menu {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.effetto-radius-bottom {
    width: 1rem;
    height: 2rem;
    background-color: transparent;
    z-index: 4;
    border-top-right-radius: 1rem;
    box-shadow: 0 -1rem 0 0 var(--grigioChiaroNL);
    position: absolute;
    right: 0;
}
.effetto-radius-top-left {
    width: 2rem;
    height: 2rem;
    background-color: transparent;
    z-index: 4;
    border-top-left-radius: 2rem;
    box-shadow: 0 -1rem 0 0 var(--grigioChiaroNL);
    position: absolute;
    top: 1rem;
    left: 1rem;
}
.effetto-radius-bottom-left {
    width: 2rem;
    height: 2rem;
    background-color: var(--grigioChiaroNL);
    z-index: 4;
    border-bottom-left-radius: 2rem;
    box-shadow: 0 -1rem 0 0 transparent;
    position: absolute;
    top: 3rem;
    left: 1rem;
}
.effetto-cucchiaio {
    width: 1rem;
    height: 100%;
    z-index: 4;
    position: absolute;
    top: 0rem;
    background-color: var(--arancioStudioboost);
}
.effetto-radius-top {
    width: 1rem;
    height: 2rem;
    background-color: transparent;
    z-index: 4;
    border-bottom-right-radius: 1rem;
    box-shadow: 0 1rem 0 0 var(--grigioChiaroNL);
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -2rem;
}

#page-wrapper > .panel-default {
    border-color: transparent;
}

#campanella > div > i {
    font-size: 2.5rem;
}
.btn-logout {
    padding: 0;
    font-size: 2.4rem;
    margin-top: 6px;
    color: var(--arancioStudioboost);
}
.btn-logout:hover,
.btn-logout:focus {
    color: var(--arancioStudioboostScuro);
}
.account-notifiche {
    gap: 1.3rem;
    display: flex;
    background-color: white;
    border-radius: 1rem;
    align-items: center;
    padding: 0;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
}

#menuSlider {
    display: flex;
    justify-content: center;
}

#btnSliderMenuSemplificato {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    background-color: var(--grigioChiaroNL);
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    border: solid 3px var(--grigioScuroNL);
    gap: 2rem;
}

#menuhome {
    margin-top: 2rem;
}

.btnMenuAttivo {
    color: var(--grigioScuroNL);
    background-color: var(--grigioChiaroNL);
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
    z-index: 7;
}

.btn-link-menu {
    margin-top: 0.5rem;
}
#side-menu > li {
    padding-left: 1rem;
}
#side-menu > hr {
    margin: 0;
    margin-top: 6px;
}
.div-contenitore-icona {
    font-size: 2rem;
    font-weight: 600;
}

#sceglimenu {
    font-size: 2rem;
    display: flex;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

#sceglimenu:hover {
    color: var(--grigioScuroNL);
}

#immagine {
    height: 5.5rem;
}

.logo-container {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 3rem;
}

.grid-navbar {
    display: none;
    justify-content: space-between;
    align-items: center;
    height: 6rem;
    margin-right: 3rem;
}

#bloccoazienda {
    width: 100%;
    font-size: 12px;
    text-align: center;
}

.select2 {
    width: 100% !important;
}
.btn-plus-custom {
    padding: 0;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    line-height: 14px;
}
#container-page-header-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 5rem;
}
.btn-custom-menu-figli {
    color: var(--grigioScuroNL);
    font-weight: 400;
    border: none;
    border-bottom: solid 1px var(--arancioStudioboost);
    border-radius: 0 !important;
    font-size: var(--fontSiseCustomNormal);
    background-color: transparent !important;
    padding: 0 !important;
    padding-bottom: 3px !important;
}

#page-header-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 3rem;
}

h1 {
    margin: 0 !important;
}
.btn-secondary {
    color: #fff !important;
    background-color: var(--grigioScuroNL) !important;
    border-color: var(--grigioScuroNL) !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
    color: var(--grigioScuroNL) !important;
    background-color: var(--grigioChiaroNL) !important;
}
.btn-terziary {
    background-color: var(--arancioChiaro);
    border-color: var(--arancioChiaro);
    color: white;
}
.btn-terziary:hover,
.btn-terziary:focus {
    color: white !important;
    background-color: var(--arancioStudioboost);
    border-color: var(--arancioStudioboost);
}
.label-warning {
    background-color: var(--arancioStudioboost) !important;
}
.btn-warning {
    color: #fff !important;
    background-color: var(--arancioStudioboost) !important;
    border-color: var(--arancioStudioboost) !important;
}
.btn-custom {
    padding: 2px 6px 1px 6px;
    font-size: var(--fontSizeCustomSmall);
}
.mt-8 {
    margin-top: 8rem;
}
.btn-custom-verticale {
    padding: 6px 1px;
    font-size: var(--fontSizeCustomSmall);
}
.width-14 {
    width: 14rem !important;
}
.width-3 {
    width: 3rem;
}
.modal-body {
    font-size: var(--fontSizeCustomSmall);
}

.errorClass {
    color: darkred;
    text-align: center;
}
.borderedRed {
    border-color: darkred;
}
.mandatory-field-empty {
    border-color: red !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.btn-warning:hover,
.btn-warning:focus {
    /*color: var(--grigioScuroNL) !important;*/
    color: #fff !important;
    background-color: var(--arancioStudioboostScuro) !important;
}

.btn-custom-menu-figli:hover,
.btn-custom-menu-figli:focus {
    font-weight: 600;
    background-color: unset !important;
    border-bottom: solid 3px var(--arancioStudioboost);
}

.btn-custom-menu-figli.limitePiano,
.btn-custom-menu-figli.limitePiano:hover {
    color: var(--grigioTextDisabled);
    font-weight: 400;
    border-bottom: solid 1px var(--arancioStudioboost);
}
.btn-figlio-attivo {
    font-weight: 600;
    /* color: var(--grigioChiaroNL) !important; */
    border-bottom: solid 3px var(--arancioStudioboost) !important;
}

.btn-figlio-attivo:hover,
.btn-figlio-attivo:focus {
    font-weight: 600;
    color: var(--grigioScuroNL) !important;
    border-bottom: solid 3px var(--arancioStudioboost) !important;
}

.page-header-title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
}
.container-btnTornaAllaVecchiaVersione {
    display: none;
    position: absolute;
    top: 0;
    right: 2rem;
}
#text-btn-affiliazione {
    margin-left: -3px;
}
.w-100 {
    width: 100% !important;
}
.flex-antipodi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}
.hurryPulsing {
    background-color: rgb(181, 0, 9);
    box-shadow: 0 0 0 0 rgb(0 0 0);
    transform: scale(1);
    animation: pulse 1s infinite;
}
.c-gap-1 {
    column-gap: 1rem;
}
.d-flex {
    display: flex;
}
.width-3 > svg {
    font-size: 2rem;
}
.mb-2 {
    margin-bottom: 2rem;
}
.mt-05 {
    margin-top: 0.5rem;
}
.mt-1 {
    margin-top: 1rem;
}
.mt-2 {
    margin-top: 2rem;
}
.mt-3 {
    margin-top: 3rem;
}
.mr-1 {
    margin-right: 1rem;
}
.mr-2 {
    margin-right: 2rem;
}
.ml-1 {
    margin-left: 1rem;
}
.ml-2 {
    margin-left: 2rem;
}
.ml-3 {
    margin-left: 3rem;
}
.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.p-1 {
    padding: 1rem;
}
.py-05 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.containerBtnSiNoPreventivoGuidato {
    display: flex;
    gap: 1rem;
    justify-content: center;
}
.width10 {
    width: 10rem !important;
}

/* css lentina */
.lentina {
    color: var(--arancioStudioboost);
}

.lentina:hover, 
.lentina:focus {
    color: var(--arancioStudioboostScuro);
    border: 1px solid transparent;
}

.tabellaLentina {
    display: grid;
    grid-template-columns: 10rem 1fr 7rem;
    gap: 1rem;
}
/* end css lentina */
/* css spinner */
#spinnerPompa {
    width: 48rem;
}
/* end css spinner */

/* nascondi la barra di scorrimento del menu */
/* Hide scrollbar for Chrome, Safari and Opera */
#mySidebar::-webkit-scrollbar {
    display: none;
}
html::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#mySidebar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
html {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
/* end nascondi la barra di scorrimento del menu */

/* customizzazione select2 */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--arancioStudioboost) !important;
    color: white !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--arancioChiaro) !important;
}

.select2-search--dropdown:focus-visible {
    outline: unset;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
    outline: unset;
}

.select2-container .select2-selection--single {
    height: var(--lineheightSmall);
}

.select2-container .select2-selection--single {
    height: 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 21px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 19px !important;
}
/* end customizzazione select2 per font piccoli */

/* css per eliminare freccette nei campi type=number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* end css per eliminare freccette nei campi type=number */

/* css customizzazione date range picker */
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    height: 20px !important;
    line-height: 20px !important;
}

/* end css customizzazione date range picker */
.optionChoosen {
    font-size: var(--fontSizeCustomXLarge) !important;
    font-weight: 600;
}
#container-WowEffect {
    font-size: 2.5rem;
    color: var(--arancioStudioboost);
    cursor: pointer;
    display: none;
}

.rootWowEffect > i {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    animation: falling 3s linear 0s infinite backwards;
    /* Snowflakes are made with CSS linear gradients (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients) */
    background-image: url("../img/logo_fiscobot.png");
    background-size: cover;
}
.rootWowEffect > i:nth-of-type(4n) {
    /* using tree structural pseudoclasses to create randomness - https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type */
    height: 30px;
    width: 30px;
    transform-origin: right -30px;
}
.rootWowEffect > i:nth-of-type(4n + 1) {
    height: 24px;
    width: 24px;
    transform-origin: left 30px;
}
.rootWowEffect > i:nth-of-type(4n + 2) {
    height: 10px;
    width: 10px;
    transform-origin: -30px 0;
}
.rootWowEffect > i:nth-of-type(4n + 3) {
    height: 40px;
    width: 40px;
    transform-origin: -50px 0;
}
.rootWowEffect > i:nth-of-type(4n) {
    animation-duration: 5.3s;
    animation-iteration-count: 12;
    transform-origin: -10px -20px;
}
.rootWowEffect > i:nth-of-type(4n + 1) {
    animation-duration: 3.1s;
    animation-iteration-count: 20;
    transform-origin: 10px -20px;
}
.rootWowEffect > i:nth-of-type(4n + 2) {
    animation-duration: 1.7s;
    animation-iteration-count: 35;
    transform-origin: right -20px;
}
.rootWowEffect > i:nth-of-type(3n) {
    animation-delay: 2.3s;
}
.rootWowEffect > i:nth-of-type(3n + 1) {
    animation-delay: 1.5s;
}
.rootWowEffect > i:nth-of-type(3n + 2) {
    animation-delay: 3.4s;
}
.rootWowEffect > i:nth-of-type(5n) {
    animation-timing-function: ease-in-out;
}
.rootWowEffect > i:nth-of-type(5n + 1) {
    animation-timing-function: ease-out;
}
.rootWowEffect > i:nth-of-type(5n + 2) {
    animation-timing-function: ease;
}
.rootWowEffect > i:nth-of-type(5n + 3) {
    animation-timing-function: ease-in;
}
.rootWowEffect > i:nth-of-type(5n + 4) {
    animation-timing-function: linear;
}
.rootWowEffect > i:nth-of-type(11n) {
    animation-timing-function: cubic-bezier(0.2, 0.3, 0.8, 0.9);
}
.rootWowEffect > i:nth-of-type(7n) {
    opacity: 0.5;
}
.rootWowEffect > i:nth-of-type(7n + 2) {
    opacity: 0.3;
}
.rootWowEffect > i:nth-of-type(7n + 4) {
    opacity: 0.7;
}
.rootWowEffect > i:nth-of-type(7n + 6) {
    opacity: 0.6;
    animation-timing-function: ease-in;
    transform-origin: left 10px;
}
.rootWowEffect > i:nth-of-type(7n + 1) {
    opacity: 0.8;
}

.rootWowEffect {
    width: 100%;
    height: calc(100vh + 10rem);
    position: relative;
    overflow: hidden;
}

@keyframes falling {
    from {
        transform: translate(0, -50px) rotate(0deg) scale(0.9, 0.9);
    }
    to {
        transform: translate(30px, 100vh) rotate(360deg) scale(1.1, 1.1);
    }
}

/* by default, the animations are paused. */
.rootWowEffect > i {
    animation-play-state: paused;
}

#containerEffectWowEffect {
    display: none;
    top: -10rem;
    left: 0;
    height: calc(100vh + 10rem);
    width: 100%;
    overflow-x: hidden;
    position: absolute;
}

.running {
    animation-play-state: running !important;
}

.tabella-contatti {
    display: grid;
    grid-template-columns: 1fr 12rem 12rem 9rem 3rem;
    gap: 1rem;
}

.validResult {
    color: var(--verdeSuccess);
}

.neutralResult {
    color: var(--grigioScuroNL);
}

.warningResult {
    color: var(--arancioStudioboost);
}

.errorResult {
    color: var(--redError);
}

.spazioLimitato {
    max-height: 200px;
    overflow-y: auto;
}

.threeDivInLine {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2rem;
    align-items: end;
}

.arancio {
    color: var(--arancioStudioboost);
}

.arancioPerWarning {
    color: orange;
}

.senzaCartiglio {
    grid-template-columns: 1fr !important;
    margin-right: 0rem !important;
}

.cssForLabel {
    font-size: var(--fontSizeCustomVerySmall);
    font-weight: 600 !important;
    color: var(--grigioScuroNL);
}

.container-abbinaMovimento {
    display: inline-flex;
    gap: 2rem;
    justify-content: space-evenly;
    width: 100%;
}
.div-chiedi-simone {
    position: absolute;
    right: 0rem;
    height: 6rem;
    width: 18rem;
    z-index: 5;
    bottom: 3rem;
}

.btnHelpFatturhello {
    position: absolute;
    bottom: 4rem;
    right: 0;
    width: 3rem;
    display: flex;
    justify-content: center;
    font-size: 2rem;
}

.adviceFormControll {
    color: var(--redError);
    font-size: var(--fontSizeCustomVerySmall);
    margin-top: 0.5rem;
    display: none;
}
.font-grasso {
    font-weight: 600;
}
.containerQuestionFatturhello {
    display: none;
    position: relative;
    width: 26rem;
    color: white;
    z-index: 5;
    right: 0rem;
    padding: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    background-color: var(--arancioStudioboost);
    opacity: 1;
    /*background-image: repeating-radial-gradient(circle at 0px 0px, transparent 0px, var(--arancioStudioboostScuro) 4px), repeating-linear-gradient(rgba(246, 247, 249, 0.333), rgb(255, 255, 255));*/
}
#fileTicket,
#fileTicketFromFooter {
    display: none;
}
.input-custom-question {
    width: 100%;
    border: solid 1px var(--arancioChiaro);
    padding: 0.5rem;
    font-size: var(--fontSizeCustomSmall);
    border-radius: 0.5rem;
}
.input-custom-question:focus-visible {
    outline: unset;
}
.feedback-resultQuestion {
    display: none;
    text-align: center;
}
#testoTicket {
    height: 24rem;
}
.containerForQuestion {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.5rem;
}
.contaninerBtCloseQuestion {
    position: absolute;
    right: 0;
}
#textQuestionFatturhello {
    width: 22rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: var(--fontSizeCustomSmall);
    border-radius: 0.5rem;
    outline: unset;
    border: solid 1px;
    color: var(--grigioScuroNL);
}
#textQuestionFatturhelloFromFooter {
    width: 22rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: var(--fontSizeCustomSmall);
    border-radius: 0.5rem;
    outline: unset;
    border: solid 1px;
    color: var(--grigioScuroNL);
}
.btnCloseQuestionFatturhello {
    padding: 0;
    color: var(--grigioChiaroNL);
}
.container-formQuestion {
    display: none;
}
.contaninerBtnBackQuestion {
    display: none;
}
.btnBackQuestionFatturhello {
    position: absolute;
    padding: 0;
    color: white;
}
.btnBackQuestionFatturhello:hover,
.btnBackQuestionFatturhello:focus {
    color: white;
}
.container-lentina-question {
    position: absolute;
    top: 0.1rem;
    right: 0.5rem;
}
.btn-lentina-question {
    color: var(--arancioStudioboost);
    padding: 0;
}
.btn-lentina-question:focus,
.btn-lentina-question:hover {
    color: var(--arancioStudioboost);
    padding: 0;
}
.containerAnswerToQuestion {
    display: none;
    position: initial;
    background-color: #f7f7f7;
    border: solid 2px var(--arancioStudioboost);
    border-top: unset;
    width: 26rem;
    margin-top: -1rem;
    border-bottom-left-radius: 1rem;
    padding: 1rem;
    padding-top: 2rem;
    overflow-y: auto;
    max-height: calc(100vh - 166px);
}
.spinnerDimensionBtn {
    width: 1.6rem;
}
.wrapper-containerQuestionFatturhello {
    position: absolute;
    right: 0;
    bottom: 4rem;
    max-height: calc(100vh - 116px);
}
.textBeforeAnswer {
    font-size: var(--fontSiseCustomNormal);
}
.anchorAnswer {
    font-size: var(--fontSizeCustomSmall);
    color: var(--arancioStudioboostScuro);
}

.anchorAnswer:hover {
    color: var(--arancioStudioboost);
}
.anchorAnswer:focus {
    color: var(--arancioStudioboost);
}
.containerWithBulletAnswer {
    padding-left: 2rem;
}
.title-contact {
    color: var(--arancioStudioboost);
    font-size: var(--fontSiseCustomNormal);
    margin-bottom: 5px;
}
.text-contact {
    color: var(--grigioScuroNL);
    font-size: var(--fontSizeCustomSmall);
    margin-bottom: 5px;
}
.listElementContact {
    border: unset;
    background-color: transparent;
    text-align: left;
}
.item-custom-question {
    padding: 2px 4px;
    margin-bottom: 1rem;
}
.btnDeleteFileAllegato {
    color: var(--redError);
    padding: 0;
}
.container-nomeFileAllegatoQuestion {
    display: none;
    gap: 1rem;
}
.nomeFileAllegatoQuestion {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 10rem;
    overflow: hidden;
}
.iconLimiteFatture {
    font-size: 3.5rem;
    color: var(--arancioStudioboostScuro);
}
.containerLimiteFatture {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 2rem;
    width: 13rem;
}
.input-custom {
    border: none;
    border-bottom: solid 1px var(--grigioScuroNL);
    height: 2rem;
    padding-left: 0.5rem;
    font-size: var(--fontSizeCustomSmall);
    text-overflow: ellipsis;
}
.input-custom:focus-visible {
    outline: unset !important;
}
/*
.modal-header {
  display: flex;
  justify-content: space-between;
}
*/
/* seziooni bloccate per piano */

.textMainColor,
.textMainColor:hover {
    color: var(--arancioStudioboost) !important;
}
.textLightMainColor,
.textLightMainColor:hover {
    color: var(--arancioChiaro) !important;
}

.payWall-cambiaPiano {
    padding: 4px 8px;
}
.payWall-container {
    height: 50rem;
    position: relative;
}
.payWall-container > img {
    position: absolute;
    opacity: 0.1;
    height: inherit;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.payWall-container > div {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 2rem;
    position: relative;
    z-index: 1;
}

.biggerFont {
    font-size: 16px;
}
.bold {
    font-weight: bold;
}
.footerEllipsis {
    font-size: 26px;
    margin: 0;
    padding: 0;
}
.containerOpzioniFooterFaturhello {
    position: absolute;
    bottom: 1rem;
    background-color: var(--grigioScuroNL);
    padding: 1rem;
    padding-bottom: 0;
    width: 100%;
    text-align: center;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.containerStatusFooterFatturhello {
    position: absolute;
    bottom: -16px;
    padding-left: 1rem;
    padding-right: 1rem;
    align-items: center;
    line-height: 1rem;
    color: white;
    font-weight: 600;
    font-size: 14px;
}
.containerStatusFooterFatturhello:focus {
    color: white !important;
    text-decoration: none;
}
.containerPulsantieraFooter {
    position: relative;
    width: 100%;
}
.color-white,
.color-white:focus,
.color-white:focus-visible {
    color: white !important;
}
.color-default-robot {
    color: var(--arancioStudioboost);
}
.icona-salvagente {
    font-size: 2rem;
}
.container-icona-chiediSimone {
    display: flex;
    column-gap: 0.5rem;
    align-items: center;
}
.pe-1 {
    padding-right: 1rem;
}
#btn-close-help,
#btn-close-help:hover,
#btn-close-help:focus,
#btn-close-help:focus-visible {
    color: white;
    outline: none;
}
.btn-custom-x-mark {
    background-color: unset;
    color: #dc3545;
    font-size: 1.8rem;
    padding: 0;
    margin: 0;
    border: unset;
}
.btn-custom-x-mark:hover,
.btn-custom-x-mark:focus,
.btn-custom-x-mark:focus-visible {
    background-color: unset;
    color: #d12c3d;
    font-size: 1.8rem;
    padding: 0;
    margin: 0;
    border: unset;
}
.container-titolo-aggiungi {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}
.btn-x {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
}
.btn-aggiungi,
.btn-aggiungi:hover,
.btn-aggiungi:focus {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    font-size: 4rem;
    color: var(--arancioStudioboost);
}
.btn-aggiungi:hover {
    color: var(--arancioStudioboostScuro) !important;
}
.selectConAnnulla {
    display: grid;
    grid-template-columns: calc(100% - 2rem) 1rem;
    column-gap: 1rem;
}
.tabellaTaskServizio {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 5rem 3rem;
    gap: 1rem;
}
.tabellaScadenzeServizio {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 6rem;
}
.gap-1 {
    gap: 0.25rem;
}
.colorRed {
    color: var(--redError);
}
.facsimile-selectConAnnulla {
    width: calc(100% - 2rem);
}

.tabellaPreventiviProfessionista {
    display: grid;
    grid-template-columns: 6rem 10rem 7rem 1fr 8rem 8rem 10rem;
    align-items: center;
    gap: 1rem;
    justify-items: start;
}
.containerSelectConAnnulla {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: end;
    justify-content: space-between;
}
.btnAnnulla {
    margin: 0;
    padding: 0;
    color: #a94442;
}

.width-12 {
    width: 12rem !important;
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        box-shadow: 0 0 0 0 rgba(240, 5, 5, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(240, 5, 5, 0);
    }

    100% {
        transform: scale(0.5);
        box-shadow: 0 0 0 0 rgba(240, 5, 5, 0);
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .grid-navbar {
        display: flex !important;
    }
    #divPageFatturaFh {
        max-height: calc(100vh - 150px);
        overflow-y: scroll;
        min-width: 536px;
        display: grid;
        background-color: white;
        border-radius: 1rem;
        border: solid 1px var(--grigioScuroNL);
        padding: 2rem;
        margin-top: 1rem;
        grid-area: pageFattura;
        grid-template-columns: 9rem 9rem 8rem 8rem 11rem;
        grid-template-rows: 4rem 4rem 4rem 4rem 3px 2rem auto;
        row-gap: 1rem;
        column-gap: 1rem;
        grid-template-areas:
            "tipoDocumento tipoDocumento tipoSezionale tipoPagamento tipoBanca"
            "clienteFattura clienteFattura dataEmissioneFattura numeroFattura importoFattura"
            "clienteFattura clienteFattura dataScadenzaFattura numeroOrdine importoFattura"
            "btnAggiungiCliente btnAggiungiCliente note note note"
            "rowBeforeItems rowBeforeItems rowBeforeItems rowBeforeItems rowBeforeItems"
            "containerDescriptionItemRow containerDescriptionItemRow containerDescriptionItemRow containerDescriptionItemRow containerDescriptionItemRow"
            "containerRowItems containerRowItems containerRowItems containerRowItems containerRowItems"
            "aggiungiRiga aggiungiRiga aggiungiRiga aggiungiRiga aggiungiRiga"
            ". . divCastelletto divCastelletto divCastelletto";
    }
    #divContainerApp {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }
    #divFormFattura {
        display: grid;
        grid-template-rows: 0rem auto;
        grid-template-areas:
            "header ."
            "pageFattura optionFattura";
        width: unset;
    }
}
.containerIsTrial {
    display: none;
    padding: 0.85rem;
    border: solid 2px #dee2e6;
    border-radius: 2rem;
    font-size: 12px;
    padding-left: 4rem;
    padding-right: 4rem;
    background-color: white;
}
.containerTextIsTrial {
    font-weight: 700;
    color: var(--arancioStudioboost);
}
.logoFatturhelloMenuContainer{
    display: flex;
}
    
.logoIconaMenu{
    fill: #eeeeee;
}
.logoFatturhelloMenuContainer:hover .logoIconaMenu{
    fill: #777777;
};
#vaiafatturhello .div-contenitore-icona{
    margin-left: -1rem;
    margin-top: -1rem;
}
#vaiafatturhello svg{
    width: 7rem;
}

.btn-termini-prosegui, .btn-preferenze-prosegui {
    inline-size: auto !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.text-danger {
    color:#a94442
}
button.text-danger:focus, button.text-danger:hover { 
    color:#843534
}

.container-filtri-ordinievasi {
    display: flex;
    justify-content: space-between;
    column-gap: 1rem;
    align-items: flex-end;
}