:root {
    --Verde: #a073bd;
    --Verdello: #e8d5ff;
    --Verdino: #f5ecfa;
    --YepBianco: #fcfcfc;
    --YepNero: #0f0f0f;
    --YepGrigio: #403e3f;
    --YepGiallo: #FFE135;
    --YepPanna: #fcfcfc;
    --YepGradiente: linear-gradient(23deg, rgba(15,15,15,1) 50%, rgba(64,62,63,1) 100%);
    --YepTransp: rgba(255,255,255,.05);
    --YepNeroMeno: #1b1b1b;
    --YepGrigo: #272727;
    --YepBordo: #313131;
    --YepRosso: #ff7f57;
    --YepVerde: #38b18e
}

body {
    background: var(--YepNero);
}

.Stack.Testa .LabTitolo {
    font-size: 33px;
    margin: 15px 0;
    color: var(--YepBianco);
}

.Navute.Pikla .Fingolo .PagTag {
    white-space: nowrap;
}


.Contenitore {
    padding: 80px 15px;
    max-width: 1300px;
}

.colSelectContent .wrapSelectZ.Muti {
    border: 0;
    box-shadow: 0 0 20px rgb(0 0 0 / 12%);
    border-radius: 11px;
    margin-top: 15px;
}

    .colSelectContent .wrapSelectZ.Muti:after {
        top: 18px;
    }

.Navute {
    width: 240px;
}
    .Navute ~ main {
        width: calc(100vw - 240px);
    }

.WraTab{
    overflow: auto;
}

.Tab {
    width: 100%;
    display: table;
}

.colStyle:not(.boxAlerz) .posRelat {
    width: 100%;
}

.RigaTab {
    display: flex;
    min-height: 50px;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--Nero);
    gap: 22px;
    padding: 0 20px;
}

.RigaTab:nth-child(odd){
    background-color: var(--Verdino)
}

    .RigaTab.Testa {
        font-weight: 500;
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #c3ddef;
    }

    .RigaTab > div {
        flex: none;
        display: block;
        padding: 12px 0;
        overflow-wrap: break-word;
        /*        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;*/
    }

    .RigaTab .Note {
        width: 20px;
        font-size: 20px;
        text-align: center;
    }
    .RigaTab .Data {
        width: 85px;
    }
    .RigaTab .Num{
        width: 130px;
    }
    .RigaTab .Clie {
        width: 200px;
    }
    .RigaTab .Indirizzo {
        width: 100%;
        flex: unset;
        min-width: 200px;
    }
    .RigaTab .Pro {
        width: 101px;
    }
    .RigaTab .Disabile, .RigaTab .Anziano {
        width: 60px;
    }
    .RigaTab .Ascensore {
        width: 76px;
    }

    .RigaTab .Importo{
        width: 62px;
    }

    .RigaTab .fa-sticky-note {
        color: #edde08;
    }
    .RigaTab .fa-pen {
        color: #ffb300;
    }
    .RigaTab .fa-trash {
        color: #ff7a79;
    }
    .RigaTab .fa-paper-plane {
        color: #99adff;
    }
.Pro, .Disabile, .Anziano, .Ascensore{
    position: relative;
}
.RigaTab:not(.Testa) .Pro::after,
.RigaTab:not(.Testa) .Disabile::after,
.RigaTab:not(.Testa) .Anziano::after,
.RigaTab:not(.Testa) .Ascensore::after {
    content: "";
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #e9e9e9;
    display: block;
}
.RigaTab:not(.Testa) .Pro[stato='True']::after,
.RigaTab:not(.Testa) .Disabile[stato='True']::after,
.RigaTab:not(.Testa) .Anziano[stato='True']::after,
.RigaTab:not(.Testa) .Ascensore[stato='True']::after {
    background-color: var(--VerdeHR);
}


.FiltrGu.colStyle {
    padding: 15px;
    width: fit-content;
    height: fit-content;
    margin-bottom: 30px;
    overflow: unset;
    row-gap: 15px;
    z-index: 12;
}
.FiltrGu.colStyle + .colStyle {
    height: calc(100% - 110px);
    border-radius: 22px
}

    .FiltrGu.colStyle .wrapSelectZ.Muti {
        border-radius: 10px;
        height: 54px;
        border: 2px solid #b0d3ea;
        width: 300px;
    }

    .FiltrGu.colStyle .Loading {
        border-radius: 20px;
    }

    .FiltrGu.colStyle .newInputStyle {
        display: flex;
        padding: 0 15px;
        gap: 15px;
    }
        .FiltrGu.colStyle .newInputStyle .Topinambur {
            height: 100%;
            border: 2px solid #b0d3ea;
            border-radius: 0 10px 10px 0;
        }

    .FiltrGu.colStyle .Busty .BoxRadioSel .RadioSelM {
        border: 0;
        width: fit-content;
        padding: 0 20px;
        font-weight: 400;
        border-radius: 10px;
    }

    .FiltrGu.colStyle .Busty .BoxRadioSel{
        width: fit-content;
        border: 2px solid #b0d3ea;
        border-radius: 10px;
    }
        .FiltrGu.colStyle .Busty .BoxRadioSel input[type=radio]:checked + label {
            box-shadow: none;
            background-color: #dbeaf5;
            border-radius: 6px;
            margin: 2px;
            height: 46px;
        }


        .WraoCalo {
            display: flex;
        }
    .WraoCalo > span {
        width: 54px;
        height: 54px;
        background: #dbeaf5;
        border-radius: 10px 0 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        flex: none;
        z-index: 2;
    }

.Yappa {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 7px 13px;
}

#Modu .unofas {
    height: calc(100% - 143px);
}

#Notes .Contenitore {
    align-items: center;
    display: flex;
    justify-content: center;
}

#Notes .Yappa {
    padding: 9px 13px;
}

.LeNote {
    padding: 15px;
    gap: 15px;
    display: flex;
    flex-direction: column;
    width: 550px;
    padding-top: 0
}

.Nota {
    background-color: var(--Verdino);
    padding: 15px 18px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    border-radius: 9px;
}

.Nota > span{
    font-weight: 400;
    color: var(--Nero);
    font-size: 16px;
}
    .Nota > label {
        font-weight: 500;
        color: var(--Nero);
        font-size: 16px;
    }

.Navute .Divisor {
    background-color: var(--YepTransp);
}

.Stack.Testa .Logo {
    background-image: url(../img/logo-transparent.png);
    width: 200px;
    height: 200px;
    border: 0;
    background-size: 150%;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
}

.DoppioPannello .WrapForm {
    border-radius: 40px;
    background: linear-gradient(23deg, rgba(15,15,15,1) 50%, rgba(64,62,63,1) 100%);
    box-shadow: 0 0 100px rgb(0 0 0 / 50%);
}

.Stack.Testa .LabTitolo + span {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--YepBianco);
}

.CampoForm {
    background-color: var(--YepTransp);
    border: 2px solid var(--YepTransp);
}


.Navute .WrapOmin .ImogArto.Vero {
    background-image: url('../img/logo-transparent.png');
    background-size: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.Navute.Pikla .Fingolo .PagTag span {
    white-space: nowrap;
}

.Navute.Pikla .WrapOmin .ImogArto.Vero {
   /* background-image: url(../Img/hd.png);*/
    height: 25px;
}


.Editor{
    display: flex;
    height: 100%;
    width: 100%;
}
.WrapRender {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px
}
.Render {
    height: 100%;
    width: 100%;
    box-shadow: 0 0 20px 0 var(--YepTransp);
    background-color: white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
    .Render > iframe {
        border: 0;
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        transition: width 200ms linear, height 200ms linear;
    }

.Tools {
    height: 100%;
    width: 80px;
    padding: 15px;
    box-shadow: 0 0 20px 0 var(--YepTransp);
    background-color: white;
    flex: none;
    border-radius: 40px;
}
    .Tools.Lineare {
        height: 80px;
        width: 100%;
        display: flex;
        width: fit-content;
        margin-left: auto;
        gap: 15px;
    }

.Render > iframe.Vista1 {
    width: 1366px;
    height: 768px;
    border: 2px solid var(--Verde);
}

.Render > iframe.Vista2 {
    width: 768px;
    height: 1024px;
    border: 2px solid var(--Verde);
}

.Render > iframe.Vista3 {
    width: 430px;
    height: 932px;
    border: 2px solid var(--Verde);
}

.Stack.Filtri.Flotta {
    margin: 0
}

.Tools.Lineare .BtnHr {
    background-color: var(--Bianco);
    border-color: var(--Bianco);
}

    .Tools.Lineare .BtnHr.Attivo {
        border-color: var(--Verdello);
        border-width: 3px;
    }

    .Tools.Lineare .BtnHr > span {
        font-weight: 400;
        font-size: 16px;
    }
    .Tools.Lineare .BtnHr.Attivo > span,
    .Tools.Lineare .BtnHr.Attivo > i{
        font-weight: 500 !important;
    }

.Flotta.Filtri .Busty .BoxRadioSel input[type=radio] + label {
    padding: 0 0 0 15px;
    border: 3px solid transparent !important
}
.Flotta.Filtri .Busty .BoxRadioSel input[type=radio]:checked + label {
    box-shadow: unset;
    border-color: var(--Verdello) !important
}

.Flotta.Filtri .Busty .BoxRadioSel input[type=radio] + label:hover {
    animation: Pulsina 2s infinite;
}

.BtnHr.Quadrato {
    padding: 10px 0;
    width: 50px;
    justify-content: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


.PopEditor:not(.NoFlot) {
    padding: 20px;
    background-color: var(--Bianco);
    width: 400px;
    position: fixed;
    z-index: 111;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.2);
    border-radius: 30px;
    opacity: 0;
    filter: blur(20px);
    transform: scale(.95);
    visibility: hidden;
    transition: opacity 120ms ease-in-out, filter 200ms ease-in-out, transform 120ms ease-in-out;
    color: var(--Nero);
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap
}

.PopEditor.NoFlot {
    width: 350px;
    white-space: nowrap;
    border-radius: 0px;
}

    .PopEditor.Vedi {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
        visibility: visible
    }

    .PopEditor .Modulo{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding-bottom: 40px;
        gap: 10px;
    }
    .PopEditor .Modulo:last-child {
        padding-bottom: 0
    }

        .PopEditor .Modulo > label {
            font-weight: 500;
            font-size: 18px;
        }

    .PopEditor .Campo{
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .PopEditor .Campo input[type="file"] {
        display: none
    }

        .PopEditor .Campo > label {
            height: 80px;
            border: 2px dashed var(--Verde);
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 2px;
            border-radius: 15px;
            background-color: #f8f2fb;
        }

        .PopEditor .Campo input:not([type="file"]):not([type="range"]) {
            border: 2px solid #bd9ed1;
            height: 30px;
            font-size: 13px;
            color: var(--Nero);
            font-family: var(--FontFam);
            padding: 0 8px;
            padding-bottom: 2px;
            font-weight: 500;
            width: 100%;
            border-radius: 15px;
        }

    .PopEditor .Flotta.Filtri .Busty .BoxRadioSel input[type=radio] + label {
        height: 30px;
        font-size: 14px;
        padding: 0 10px;
        padding-bottom: 2px;
    }
    .PopEditor .Flotta.Filtri .Busty .BoxRadioSel input[type=radio]:checked + label {
        border-width: 2px !important;
        border-color: #bd9ed1 !important
    }

    .PopEditor .Stack.Filtri.Flotta .SelctWDescry {
        height: 30px;
        box-shadow: none;
        background-color: #f8f2fb;
    }

    .PopEditor .Modulo.Dim .Campo input {
        width: 60px;
        text-align: center;
        margin-left: auto
    }

    .PopEditor .Modulo.PosImg .Campo .Flotta {
        margin-left: auto
    }

input[type='range'] {
    margin: 0;
    padding: 0;
    border: 0;
    height: 30px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 218px;
    margin-left: auto;
}

input[type=range]:focus {
    outline: none;
    outline-width: 0;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: var(--Verdino);
    border-radius: 0px;
    border: 0;
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    border: 2px solid #bd9ed1;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -14px;
}

input[type="range"]:active::-webkit-slider-thumb {
    background: #bd9ed1;
}




/* TinyMice */

.WrapEditorNewHTML .tox-tinymce {
    border-radius: 0;
    height: 100% !important;
    border: 0;
}

.WrapEditorNewHTML .tox .tox-statusbar{
    padding: 0 25px;
    height: 25px;
}

.WrapEditorNewHTML .tox:not(.tox-tinymce-inline) .tox-editor-header,
.WrapEditorNewHTML .tox .tox-menubar,
.WrapEditorNewHTML .tox .tox-toolbar-overlord,
.WrapEditorNewHTML .tox .tox-toolbar__primary,
.WrapEditorNewHTML .tox .tox-statusbar,
.WrapEditorNewHTML .tox .tox-edit-area {
    background-color: var(--YepGrigo);
    background: var(--YepGrigo);
}

.WrapEditorNewHTML .tox .tox-edit-area__iframe {
    background: var(--YepGrigo);
    border: 2px solid var(--YepBordo);
    border-top: 0;
    border-bottom: 0;
}
.WrapEditorNewHTML.ConLimite .tox .tox-edit-area__iframe {
    border-top: 2px solid var(--YepBordo);
    border-radius: 11px 11px 0 0;
    padding: 0;
}

.WrapEditorNewHTML .tox .tox-mbtn,
.WrapEditorNewHTML .tox .tox-tbtn svg,
.WrapEditorNewHTML .tox .tox-tbtn {
    color: var(--YepBianco);
    will-change: background, color;
    transition: color 120ms linear, background 120ms linear;
}

.WrapEditorNewHTML .tox .tox-tbtn svg{
    fill: var(--YepBianco)
}

.WrapEditorNewHTML .tox:not(.tox-tinymce-inline) .tox-editor-header{
    box-shadow: unset;
    border: 2px solid var(--YepBordo);
    border-radius: 25px 25px 0 0;
    overflow: hidden
}

.WrapEditorNewHTML .tox .tox-statusbar {
    height: 50px;
    border-radius: 0 0 25px 25px;
    border: 2px solid var(--YepBordo);
}

.WrapEditorNewHTML .tox .tox-statusbar__wordcount,
.WrapEditorNewHTML .tox .tox-statusbar__path-item {
    color: var(--YepBianco);
    font-size: 16px;
    padding-bottom: 2px
}

.WrapEditorNewHTML .tox .tox-statusbar__resize-handle {
    display: none
}

.WrapEditorNewHTML .tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active),
.WrapEditorNewHTML .tox .tox-mbtn--active {
    background: var(--YepGiallo);
    color: var(--YepNero);
    font-weight: 500
}

/* END */



/* Articoli */

.Contenitore.Articoli {
    padding: 15px 0 15px 0;
    max-width: unset;
    height: calc(100vh - 80px);
}


.Tab.hide{
    display: none;
}

.colStyle.Articolo {
    flex-wrap: unset;
    padding: 20px;
    border-radius: 45px;
    gap: 20px;
}

.BloccoFlottante {
    height: 100%;
    width: 500px;
    /*    background: var(--YepTransp);*/
    flex: none;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 20px;
}

.BloccoScrivi {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.BtnHr.Solo {
    width: 50px;
    padding: 0;
    justify-content: center
}

.TestaScrivi {
    display: flex;
    gap: 20px;
}

    .TestaScrivi .BtnHr.Solo {
       border-color: var(--YepBordo);
       background-color: var(--YepGrigo);
    }
    .TestaScrivi .BtnHr.Solo > i {
        color: var(--YepBianco)
    }



        .TestaScrivi .BtnHr.Solo:hover {
            border-color: var(--YepGiallo);
            background-color: var(--YepGiallo);
        }

            .TestaScrivi .BtnHr.Solo:hover > i {
                color: var(--YepNero);
                font-weight: 500 !important
            }


    .TitoloScrivi {
        height: 50px;
        width: 100%;
    }
    .TitoloScrivi input {
        height: 100%;
        width: 100%;
        border: 0;
        background: transparent;
        color: var(--YepBianco);
        font-family: var(--FontFam);
        font-size: 20px;
        margin: 0;
        padding: 0;
        border-bottom: 2px solid var(--YepBianco)
    }
    .TitoloScrivi input::placeholder {
        color: var(--YepBianco);
    }

.Abstract{
    width: 100%;
    height: fit-content;
}
    .Abstract:empty {
        font-size: 16px;
        color: var(--YepBianco);
        font-style: italic
    }
    .Abstract:empty::after {
        content: "Nessun Abstract Presente"
    }

.WrapEditorNewHTML {
    height: 100%;
}

.BloccoFlottante .Filtro:first-child > .ConInto {
    margin-top: 25px !important;
}

.inputmain, .Topinambur {
    border-color: var(--YepBordo);
    box-shadow: none;
    background-color: var(--YepGrigo);
    color: var(--YepBianco);
    text-align: unset !important;
    padding: 0 17px !important;
    font-family: var(--FontFam);
    margin: 0 !important;
    font-size: 15px;
    height: 50px;
    will-change: border-color, color, background-color;
    transition: border-color 100ms linear, color 100ms linear, background-color 100ms linear
}

    .inputmain.noapperance {
        padding-right: 48px !important;
    }

#fotina{
    display: none
}

.wrapSelectZ:after {
    color: var(--YepBianco);
}

.newInputStyle .labelText {
    background-color: var(--YepNero);
    color: var(--YepBianco);
    font-weight: 400;
}

.Fotinar {
    border: 2px solid var(--YepBordo);
    padding: 0
}

    .Fotinar:hover {
        border-color: var(--YepGiallo);
        animation: Pulsgiallo 2s infinite;
    }

        .Fotinar:hover label.deff {
            background-color: var(--YepGiallo);
            color: var(--YepNero)
        }


.inputmain:hover {
    border-color: var(--YepGiallo);
    background-color: var(--YepGiallo);
    color: var(--YepNero);
    animation: Pulsgiallo 2s infinite;
}

    .wrapSelectZ:hover::after {
        color: var(--YepNero);
        font-weight: 500 !important
    }

.Topinambur {
    border-radius: 11px;
    border: 2px solid var(--YepBordo);
    display: flex;
    padding-right: 0 !important;
    justify-content: space-between;
    will-change: border-color, color, background-color;
    transition: border-color 100ms linear, color 100ms linear, background-color 100ms linear, transform 100ms linear;
}

    .Topinambur:hover {
        border-color: var(--YepGiallo);
        background-color: var(--YepGiallo);
        color: var(--YepNero);
        animation: Pulsgiallo 2s infinite;
    }

    .Topinambur > input {
        padding: 0 !important;
        font-family: var(--FontFam);
        margin: 0 !important;
        font-size: 15px;
        height: 100%;
        box-shadow: none;
        background-color: transparent;
        color: var(--YepBianco);
        border: 0;
        font-weight: 400;
        will-change: color;
        transition: color 100ms linear;
        cursor: text;
    }
    .Topinambur > i {
        height: 100%;
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        flex:none
    }
    .Topinambur:hover > input {
        color: var(--YepNero);
        font-weight: 500
    }
    .Topinambur:hover > i {
        font-weight: 500
    }




    .Topinambur input[type="time"] {
        appearance: none;
        -webkit-appearance: none;
    }

    .Topinambur input[type="time"]::-webkit-calendar-picker-indicator {
        display: none;
    }

.Timello {
    height: 137px;
    overflow: hidden;
    display: flex;
    gap: 1px;
}

.TimeLista {
    display: flex;
    flex-direction: column;
    width: 60px;
    gap: 1px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .TimeLista::-webkit-scrollbar {
        display: none;
    }

.MiTime .calen-dario.Flottante.Vedo {
    width: fit-content;
    background-color: #3c3c3c;
}

.TimeEl {
    width: 60px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--YepBianco);
    font-weight: 400;
    flex: none;
    background-color: var(--YepBordo);
    will-change: background-color, color;
    transition: background-color 100ms linear, color 100ms linear;
}


    .TimeEl:hover {
        background-color: var(--YepGiallo);
        color: var(--YepNero);
        animation: Pulsgiallo 2s infinite;
        z-index: 11;
        font-weight: 500
    }

    .TimeEl.Sel {
        background-color: var(--YepGiallo);
        color: var(--YepNero);
        font-weight: 500
    }




body:not(.tox-fullscreen) .BloccoFlottante .WrapEditorNewHTML .tox-tinymce {
    height: 300px !important;
}
body:not(.tox-fullscreen) .BloccoFlottante .WrapEditorNewHTML.ConLimite .tox-tinymce {
    height: 180px !important;
}
.BloccoFlottante .WrapEditorNewHTML.ConLimite .tox-tinymce {
    border-radius: 11px 11px 0 0;
}
.BloccoFlottante .WrapEditorNewHTML.ConLimite .tox:not(.tox-tinymce-inline) .tox-editor-header {
    display: none;
}

.BloccoFlottante .WrapEditorNewHTML .tox .tox-statusbar {
    border-radius: 0 0 11px 11px;
    padding: 0 15px;
    height: 45px;
}

.BloccoFlottante .WrapEditorNewHTML .tox .tox-statusbar__wordcount, 
.BloccoFlottante .WrapEditorNewHTML .tox .tox-statusbar__path-item {
    font-size: 14px;
}

.BloccoFlottante .WrapEditorNewHTML .tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-radius: 11px 11px 0 0;
}


.WrapVoci {
    height: fit-content;
    width: 100%;
    background-color: var(--YepGrigo);
    border-radius: 11px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.VascaVoci {
    display: flex;
}
    .VascaVoci > div {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
        .VascaVoci > div:empty::after {
            content: "Nessuna voce prensente";
            font-size: 16px;
            font-weight: 400;
            color: var(--YepBianco);
            padding-left: 10px;
            height: 36px;
            line-height: 36px;
        }


.Voce {
    background-color: var(--YepTransp);
    width: fit-content;
    padding: 8px 14px;
    font-size: 15px;
    font-weight: 400;
    color: var(--YepBianco);
    border-radius: 20px;
    display: flex;
    gap: 12px;
    word-break: break-all;
}
    .Voce i {
        font-size: 18px;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--YepRosso)
    }

.InverisciVoce {
    align-items: center;
    border: 2px solid var(--YepTransp);
    background-color: var(--YepTransp);
    flex: none;
}

    .InverisciVoce > input {
        border-bottom: 2px solid var(--YepBianco);
        height: 25px;
        width: 100%;
        font-weight: 400;
    }

    .InverisciVoce:hover > input {
        border-bottom: 0;
    }


.Filtro.Spazio {
    height: 100px;
}


.Filtro .wrapSelectZ.Muti {
    border-radius: 11px;
    border: 2px solid var(--YepTransp);
    background-color: var(--YepTransp);
    height: 50px;
    will-change: border, background-color;
    transition: border 100ms linear, background-color 100ms linear;
}

    .Filtro .wrapSelectZ.Muti:hover > span {
        color: var(--YepNero);
        font-weight: 500;
    }

    .Filtro .wrapSelectZ.Muti:hover {
        border: 2px solid var(--YepGiallo);
        background-color: var(--YepGiallo);
        animation: Pulsgiallo 2s infinite;
    }

.Filtro .wrapSelectZ:hover::after {
    color: var(--YepNero);
    font-weight: 600 !important;
}


.Filtro .wrapSelectZ.Muti:after {
    right: 15px;
    top: 15px;
}
.Filtro .wrapSelectZ.Muti > span {
    line-height: 46px;
    padding-left: 17px;
    width: 100% !important;
    padding-right: 46px;
    font-size: 15px !important;
    color: var(--YepBianco);
    will-change: color;
    transition: color 100ms linear;
}

.Filtro .WrapSottoni {
    background-color: var(--YepBordo);
    top: 15px;
    left: -15px;
    width: calc(100% + 30px);
    border-radius: 20px;
    will-change: height, border;
    border: 2px solid #3c3c3c;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / 50%);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 200px;
    visibility: hidden;
    opacity: 0;
    transform: scale(.9);
    filter: blur(20px);
    will-change: visibility, opacity, transform, filter;
    transition: visibility 120ms linear, opacity 120ms linear, transform 120ms linear, filter 200ms linear
}
.Filtro .wrapSelectZ.Muti.Aria .WrapSottoni {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

.Filtro .ConOptions {
    padding: 0;
    padding-right: 10px;
    padding-bottom: 20px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative
}

    .Filtro .ConOptions::-webkit-scrollbar-track {
        background: var(--YepGrigo);
    }

    .Filtro .ConOptions::-webkit-scrollbar-thumb {
        background: var(--YepGrigio);
    }

.Filtro .Option {
    background: var(--YepGrigio);
    border: 2px solid var(--YepTransp);
    color: var(--YepBianco);
    font-weight: 500;
    will-change: border, background-color, color;
    transition: border 100ms linear, background-color 100ms linear, color 100ms linear, transform 100ms linear;
}
    .Filtro .Option:hover {
        border: 2px solid var(--YepGiallo);
        background-color: var(--YepGiallo);
        color: var(--YepNero);
    }

    .Filtro .Option.Vrust {
        border: 2px solid var(--YepGiallo);
    }
.Filtro .WrapVoci .wrapSelectZ.Muti .Option.Vrust {
    border: 2px solid var(--YepTransp);
}

    .Filtro .ConOptions:empty::before {
        color: var(--YepBianco);
    }



#InputFatture {
    display: none;
}

.Draggy {
    height: 100px;
    background-color: var(--Bianco);
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    color: var(--YepBianco);
    border: 2px dashed #504e4f;
    background-color: var(--YepTransp);
    position: relative;
    overflow: hidden;
    border-radius: 11px;
    will-change: background-color, border, color;
    transition: background-color 120ms linear, border 120ms linear, color 120ms linear, transform 120ms linear
}

    .Draggy.In {
        background-color: var(--YepGiallo);
        border: 2px dashed var(--YepGiallo);
        color: var(--YepNero);
        font-weight: 500;
    }

    .Draggy.Err {
        background-color: #ffd8d8;
        border: 3px dashed #F44336;
    }

    .Draggy .Loading {
        opacity: 0;
        visibility: hidden;
        transition: opacity 100ms linear, visibility 100ms linear;
        will-change: opacity, visibility;
    }

    .Draggy.Blocca {
        pointer-events: none;
    }

        .Draggy.Blocca .Loading {
            opacity: 1;
            visibility: visible;
        }

.ErroriDrag {
    padding: 0 10px 4px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
    color: var(--YepRosso);
}

    .ErroriDrag em {
        font-style: normal;
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

        .ErroriDrag em.Ok {
            color: #7ed282;
        }

    .ErroriDrag:has(> div:empty) {
        display: none
    }



/* Transazione Elementi Vue Dinamici */
.list-enter-active,
.list-leave-active {
    will-change: visibility, opacity, transform, filter, height, padding !important;
    transition: visibility 120ms linear, opacity 120ms linear, transform 120ms linear, filter 200ms linear, height 90ms linear, padding 90ms linear !important;
}

    .list-enter-active{
        visibility: hidden;
        opacity: 0;
        transform: scale(.9);
        filter: blur(20px);
    }
    .list-enter-to {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }


    .list-leave-active {
        height: 36px
    }
    .list-leave-to {
        opacity: 0;
        filter: blur(20px);
        height: 0;
        padding: 0;
    }


.blurra-enter-active, .blurra-leave-active {
    will-change: visibility, opacity, filter !important;
    transition: visibility 120ms linear, opacity 120ms linear, filter 200ms linear !important;
}

.blurra-enter, .blurra-leave-to {
    opacity: 0;
    filter: blur(20px);
    visibility: hidden;
}
/* END */


.Topinambur.CheckBox{
    position: relative
}

.MiuCheck {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 17px;
    font-size: 15px;
    font-weight: 400;
    color: var(--YepBianco);
    padding-right: 15px;

    visibility: hidden;
    opacity: 0;
    transform: scale(.9);
    filter: blur(20px);
    will-change: visibility, opacity, transform, filter;
    transition: visibility 120ms linear, opacity 120ms linear, transform 120ms linear, filter 200ms linear
}
.Topinambur:hover .MiuCheck {
    font-weight: 500;
}
.MiuCheck i {
    font-size: 18px;
    will-change: color;
    transition: color 120ms linear
}

    .MiuCheck i.fa-check-square{
        color: var(--YepGiallo);
    }

.Topinambur.CheckBox.Si .MiuCheck:last-child {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}
.Topinambur.CheckBox:not(.Si) .MiuCheck:first-child {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}

.Topinambur.CheckBox:hover .MiuCheck {
    color: var(--YepNero)
}
    .Topinambur.CheckBox:hover .MiuCheck i.fa-check-square {
        color: var(--YepNero)
    }



.LabelText.Intesto {
    padding: 12px 20px;
    padding-bottom: 0;
    text-align: left;
}

.BtnHr.Lungo {
    border-color: var(--YepBordo);
    background-color: var(--YepGrigo);
    color: var(--YepBianco);
}
.BtnHr.Lungo > i{
    color: var(--YepBianco);
}
    .BtnHr.Lungo:hover {
        border-color: var(--YepGiallo);
        background-color: var(--YepGiallo);
        color: var(--YepNero);
    }
        .BtnHr.Lungo:hover > i {
            color: var(--YepNero);
        }


.itemsRicerca.Tiger span {
    width: 100%;
    margin-right: 10px;
    font-weight: 500;
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 15px;
    padding: 0;
    min-height: 35px;
    color: var(--YepBianco)
}

.itemsRicerca.Tiger {
    flex-wrap: wrap;
    padding: 10px !important;
    border-color: var(--YepTransp);
    background-color: var(--YepTransp);
    will-change: border;
    transition: border 120ms linear, transform 200ms linear;
    margin-top: 10px;
}

    .itemsRicerca.Tiger:first-child{
        margin-top: 0;
    }

    .itemsRicerca.Tiger > em {
        font-size: 15px;
        margin-top: 10px;
        margin-left: 5px;
        color: #e3e3e3;
        font-weight: 400;
    }

.Corpu.d-flex-center{
    gap: 10px
}
.itemsRicerca.Tiger .N-Download:not(.fa-link) {
    border: 0;
    background-color: #313131;
    pointer-events: none;
    font-weight: 400;
}
.itemsRicerca.Tiger .N-Download {
    background-color: #403e3f;
    border-width: 2px;
}


    .itemsRicerca.Tiger .N-Download:hover {
        background-color: var(--YepGiallo);
        border: 2px solid var(--YepGiallo);
    }

.itemsRicerca.Tiger:hover,
.itemsRicerca.Tiger.Sel:hover {
    animation: Pulsina 2s infinite;
    border: 2px dashed var(--YepGiallo);
}

.itemsRicerca.Tiger.Sel {
    border: 2px solid var(--YepGiallo);
}

.Articolo ~ .Loading {
    border-radius: 45px;
    left: 15px;
    width: calc(100% - 30px);
}

.Contenitore.Articoli > .noBorder {
    flex-wrap: nowrap;
}

.Contenitore.Articoli > .noBorder > .WrapCampi:last-child {
    width: 100%
}


.WrapCampi.Naska {
    width: 500px;
    flex: none;
    opacity: 1;
    filter: blur(0);
    padding: 0 8px;
    padding-right: 0 !important;
    will-change: width, opacity, filter, padding;
    transition: opacity 200ms linear, filter 300ms linear, width 200ms linear, padding 200ms linear
}
    .WrapCampi.Naska.Si {
        width: 0;
        opacity: 0;
        filter: blur(20px);
        padding: 0;
        overflow: hidden;
    }

.BtnHr.Solo.Flippa {
    transform: rotateY(180deg);
}

.tox .tox-edit-area__iframe {
    padding: 8px 10px 8px 0;
}

.BarraCliente {
    padding: 15px;
    background: var(--YepTransp);
    width: 100%;
    display: flex;
    justify-content: flex-end;
    height: 80px;
    z-index: 111;
    position: relative
}

    .BarraCliente .Loading {
        justify-content: flex-end;
        padding-right: 35px;
    }
        .BarraCliente .Loading i {
            font-size: 25px;
        }

    .BarraCliente .Filtro {
        display: flex;
        color: var(--YepBianco);
        gap: 20px;
        align-items: center;
        padding-right: 30px;
    }
        .BarraCliente .Filtro .wrapSelectZ.Muti {
            width: 300px;
        }

        .BarraCliente .Filtro em {
            white-space: nowrap;
            font-size: 16px;
            font-weight: 400;
            font-style: normal;
        }
        .BarraCliente .Filtro img {
            height: 50px;
            width: 50px;
            border-radius: 50%;
            object-position: center;
            object-fit: cover;
        }

    .PulsantiAzione {
        display: flex;
        gap: 15px;
    }
.BtnHr.Lungo.Fot {
    margin-right: 10px
}
.BtnHr.Lungo.Sai {
    background-color: var(--YepVerde);
    border-color: #5dd3b1;
}
    .BtnHr.Lungo.Sai:hover {
        animation: Pulsverde 2s infinite;
        color: var(--YepBianco);
    }

.BtnHr.Lungo.AddEl {
    background-color: #3F51B5;
    border-color: #586bda;
}

    .BtnHr.Lungo.AddEl:hover {
        animation: Pulsblu 2s infinite;
        color: var(--YepBianco);
    }



.BtnHr.Lungo.Eli:hover,
.BtnHr.Solo.Eli:hover {
    background-color: #ff7246 !important;
    border-color: #ff9372 !important;
    color: var(--YepBianco) !important;
    animation: Pulsross 2s infinite;
}
    .BtnHr.Lungo.Eli:hover i,
    .BtnHr.Solo.Eli:hover i,
    .BtnHr.Lungo.Sai:hover i,
    .BtnHr.Lungo.AddEl:hover i {
        color: var(--YepBianco) !important;
        font-weight: 400 !important;
    }

.WorkInProgress {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(0, 0, 0, .4);
    flex-direction: column;
    gap: 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 111;
}
    .WorkInProgress img {
        height: 360px;
        width: 480px;
        border-radius: 40px;
    }
    .WorkInProgress label {
        color: var(--YepBianco);
        font-weight: 400;
        font-size: 25px;
    }


.Contenitore.Liste .itemsRicerca.Tiger span {
    min-height: unset;
    padding: 0 8px;
}
.Contenitore.Liste .BloccoFlottante {
    width: 100%;
    height: fit-content;
    overflow: unset;
    padding-bottom: 20px;
}

.Contenitore.Liste .colStyle.Articolo {
    border-radius: 20px;
    padding: 20px 0 0 0;
    overflow: unset;
}

.Contenitore.Liste {
    max-width: 600px;
}
    .Contenitore.Liste > .Riga.noBorder {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 20px
    }
        .Contenitore.Liste > .Riga.noBorder > .WrapCampi {
            height: fit-content;
        }
    .Contenitore.Liste .colSelectContent {
        height: 450px;
    }
    .Contenitore.Liste .Articolo .ConInto > .Topinambur {
        padding-right: 17px !important;
    }
    .Contenitore.Liste .Articolo .PulsantiAzione {
        width: fit-content;
        margin: 0 auto;
        margin-top: 20px;
    }


.Filtro .ConSpazio .Option {
    margin-bottom: 0;
    margin-top: 10px;
}
    .Filtro .ConSpazio .Option.Spazio:first-child {
        margin-top: 0;
    }
    .Filtro .ConSpazio .Option.Spazio {
        margin-top: 20px;
    }


.Contenitore.Liste:not(.Normali) .itemsRicerca.Tiger.Master {
    margin-top: 20px
}
        .Contenitore.Liste .itemsRicerca.Tiger.Master .fa-long-arrow-alt-right {
            display: none;
        }
        .Contenitore.Liste .itemsRicerca.Tiger.Master:first-child {
            margin-top: 0
        }
.Contenitore.Liste .itemsRicerca.Tiger:not(.Master){
    margin-left: 50px;
    width: calc(100% - 50px);
    position: relative
}
.Filtro .ConSpazio .Option:not(.Spazio) {
    margin-top: 3px;
    margin-left: 30px;
    width: calc(100% - 30px);
    position: relative
}

    .Contenitore.Liste .itemsRicerca.Tiger:not(.Master) i,
    .Filtro .ConSpazio .Option:not(.Spazio) i {
        height: 100%;
        width: 50px;
        color: var(--YepBianco);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        position: absolute;
        top: -1px;
        left: -52px;
    }
        .Filtro .ConSpazio .Option:not(.Spazio) i {
            font-size: 14px;
            width: 30px;
            left: -32px;
        }

.Filtro .ConSpazio .WrapSottoni {
    height: 300px
}
.Filtro .ConSpazio .ConOptions {
    height: 216px
}


.ConLimite .tox-statusbar.LimiteSup .tox-statusbar__wordcount {
    font-weight: 600;
    color: var(--YepRosso)
}

.InverisciVoce.NoIco {
    padding-right: 17px !important;
}

body .tox .tox-dialog-wrap__backdrop {
    background-color: rgba(0, 0, 0, .5);
}

body .tox .tox-dialog,
body .tox .tox-dialog__header {
    background-color: var(--YepBordo);
    color: var(--YepBianco)
}

body .tox .tox-dialog__body-content {
    color: var(--YepBianco)
}

body .tox .tox-button--naked {
    color: var(--YepBianco)
}

body .tox .tox-dialog__footer {
    background-color: var(--YepBordo);
    color: var(--YepBianco);
    border-top: 2px solid var(--YepTransp);
    padding: 8px 8px 8px 16px;
}

body .tox .tox-dialog__header {
    border-bottom: 2px solid var(--YepTransp);
    padding: 8px 8px 8px 16px;
}

body .tox .tox-button {
    background-color: var(--YepTransp) !important;
    border-color: var(--YepTransp) !important;
    color: var(--YepBianco) !important
}
body .tox .tox-button {
    background-color: var(--YepTransp) !important;
    border-color: var(--YepTransp) !important;
    color: var(--YepBianco) !important;
    will-change: color, border-color, background-color, transform;
    transition: color 120ms linear, border-color 120ms linear, background-color 120ms linear, transform 120ms linear;
}
    body .tox .tox-button:hover {
        background-color: var(--YepGiallo) !important;
        border-color: var(--YepGiallo) !important;
        color: var(--YepNero) !important
    }
    body .tox .tox-button:active {
        transform: scale(.95)
    }

body .tox .tox-menu {
    background-color: var(--YepBordo);
    border: 2px solid var(--YepTransp)
}

body .tox .tox-collection--list .tox-collection__group {
    border-color: var(--YepTransp);
}

body .tox .tox-collection__item {
    color: var(--YepBianco) !important;
    will-change: color, border-color, background-color, transform;
    transition: color 120ms linear, border-color 120ms linear, background-color 120ms linear, transform 120ms linear;
}

body .tox .tox-collection--list .tox-collection__item--active {
    background-color: var(--YepGiallo);
    color: var(--YepNero) !important
}

body .tox .tox-collection__item:active {
    transform: scale(.95)
}

body .tox .tox-collection__item-accessory {
    color: #e7e7e7 !important;
}

body .tox .tox-collection--list .tox-collection__item--active .tox-collection__item-accessory {
    color: var(--YepNero) !important
}

body .tox .tox-listboxfield .tox-listbox--select, body .tox .tox-textarea, body .tox .tox-textfield, body .tox .tox-toolbar-textfield {
    background: transparent;
    border: 2px solid var(--YepTransp);
    color: var(--YepBianco);
    padding: 5px 10px;
    will-change: color, border-color, background-color, transform;
    transition: color 120ms linear, border-color 120ms linear, background-color 120ms linear, transform 120ms linear;
}
    body .tox .tox-listboxfield .tox-listbox--select:focus, body .tox .tox-textarea:focus, body .tox .tox-textfield:focus {
        background-color: var(--YepGiallo);
        border-color: var(--YepGiallo);
        color: var(--YepNero) !important
    }

body .tox .tox-collection--list .tox-collection__item--enabled {
    background-color: var(--YepGiallo);
    border-color: var(--YepGiallo);
    color: var(--YepNero) !important
}

body .tox .tox-label, body .tox .tox-toolbar-label {
    color: var(--YepBianco) !important
}

body .tox .tox-dialog__body-nav-item {
    color: var(--YepBianco) !important
}

body .tox .tox-dialog__body-nav-item--active {
    border-bottom: 2px solid var(--YepGiallo);
    color: var(--YepGiallo) !important;
}

body .tox .tox-dropzone {
    background: var(--YepBordo);
}

    body .tox .tox-dropzone p {
        color: var(--YepBianco) !important
    }

body .tox .tox-listbox__select-chevron svg {
    fill: var(--YepBianco) !important
}

body .tox .tox-insert-table-picker__label {
    color: #e7e7e7 !important
}
body .tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{
    border: 1px solid var(--YepBianco) !important;
    border-radius: 4px;
}

body .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
    background-color: rgb(255 225 53 / 54%);
    border-color: var(--YepBianco);
}

body .tox .tox-collection--list .tox-collection__item--enabled .tox-collection__item-label > *,
body .tox .tox-collection--list .tox-collection__item--active .tox-collection__item-label > * {
    color: var(--YepNero) !important;
}


body .tox .tox-collection--list .tox-collection__item--enabled .tox-collection__item-label > s,
body .tox .tox-collection--list .tox-collection__item--active .tox-collection__item-label > s {
    text-decoration: line-through solid var(--YepNero) !important;
}

body .tox .tox-swatches__picker-btn svg {
    fill: var(--YepBianco)
}

body .tox .tox-collection--list .tox-collection__item--active svg {
    fill: var(--YepNero) !important
}

body .tox .tox-mbtn:focus:not(:disabled) {
    background: var(--YepGiallo);
    color: var(--YepNero);
}

body .tox .tox-tbtn--enabled, body .tox .tox-tbtn--enabled:hover {
    background: var(--YepGiallo);
}

.WrapEditorNewHTML .tox .tox-tbtn--enabled svg,
.WrapEditorNewHTML .tox .tox-tbtn--enabled:hover svg {
    fill: var(--YepNero);
}

body .tox .tox-tbtn {
    will-change: color, border-color, background-color, transform;
    transition: color 120ms linear, border-color 120ms linear, background-color 120ms linear, transform 120ms linear;
    cursor: pointer
}
body .tox .tox-tbtn:hover {
    background: var(--YepGiallo);
    color: var(--YepNero);
}

    body .tox .tox-tbtn:active {
        transform: scale(.95)
    }


body .tox.tox-tinymce-aux .tox-toolbar__overflow {
    background-color: var(--YepBordo);
}

body .tox .tox-tbtn svg {
    fill: var(--YepBianco);
}

body .tox .tox-tbtn--enabled svg {
    fill: var(--YepNero);
}

body .tox .tox-swatches__picker-btn:hover {
    background-color: var(--YepGiallo)
}
body .tox .tox-swatches__picker-btn:hover svg{
    fill: var(--YepNero)
}

body .tox .tox-pop .tox-pop__dialog {
    background-color: var(--YepBordo);
    border: 2px solid var(--YepTransp)
}



.tox .tox-pop.tox-pop--bottom::after, .tox .tox-pop.tox-pop--bottom::before {
    left: 50%;
    top: 100%
}

.tox .tox-pop.tox-pop--bottom::after,
.tox .tox-pop.tox-pop--bottom::before {
    border-color: #3a3a3a transparent transparent transparent !important;
}
.tox .tox-pop.tox-pop--top::after,
.tox .tox-pop.tox-pop--top::before {
    border-color: transparent transparent #3a3a3a transparent !important;
}


.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]), .tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]) {
    color: #e7e7e7 !important;
}

.WrapModale {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 113;

    visibility: hidden;
    opacity: 0;
    transform: scale(.9);
    filter: blur(20px);
    will-change: visibility, opacity, transform, filter;
    transition: visibility 120ms linear, opacity 120ms linear, transform 120ms linear, filter 200ms linear
}
    .WrapModale.Vedo {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        filter: blur(0);
    }

.Modale {
    position: relative;
    padding: 10px;
    background-color: var(--YepBordo);
    border: 2px solid var(--YepTransp);
    border-radius: 35px;
    width: 400px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, .8);
}

    .Modale .TestaScrivi .BtnHr.Solo {
        border-color: var(--YepTransp);
        background-color: var(--YepTransp);
    }
        .Modale .TestaScrivi .BtnHr.Solo:hover {
            border-color: var(--YepGiallo);
            background-color: var(--YepGiallo);
        }

    .Modale .TestaScrivi {
        align-items: center;
        padding-left: 15px;
        justify-content: space-between;
    }
        .Modale .TestaScrivi label {
            font-size: 18px;
            color: var(--YepBianco);
            font-weight: 400
        }
    .Modale .Draggy {
        border-radius: 25px;
    }

    .Modale .WrapLista {
        background-color: transparent;
        border-radius: 11px;
        height: 400px;
        width: 100%;
        gap: 10px;
        overflow-x: hidden;
        overflow-y: scroll;
        padding-right: 10px;
    }

    .Modale .Lista {
        height: fit-content;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 10px;
        align-items: flex-start
    }

    .Modale .WrapLista::-webkit-scrollbar-thumb {
        background: #3b3b3b;
    }
        .Modale .WrapLista::-webkit-scrollbar-thumb:hover {
            background: var(--YepGiallo);
        }

    .Modale .Imog {
        width: calc(50% - 5px);
        border-radius: 11px;
        overflow: hidden;
        height: 155px;
        position: relative;
    }
        .Modale .Imog img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }
        .Modale .Imog .BtnHr.Solo {
            position: absolute;
            bottom: 5px;
            left: calc(50% - 60px);
            width: fit-content;
            border-radius: 11px;
            height: 40px;
            min-height: unset;
            font-size: 14px;
            padding-left: 12px;
            border-color: var(--YepTransp);
            background-color: var(--YepBordo);
            color: var(--YepBianco);
            font-weight: 400
        }
            .Modale .Imog .BtnHr.Solo.Eli {
                padding-left: 0;
                bottom: unset;
                top: 5px;
                right: 5px;
                left: unset;
            }
            .Modale .Imog .BtnHr.Solo i {
                font-size: 18px;
                width: 40px;
                color: var(--YepBianco)
            }
            .Modale .Imog .BtnHr.Solo:hover {
                border-color: var(--YepGiallo);
                background-color: var(--YepGiallo);
                color: var(--YepNero);
                font-weight: 500
            }
                .Modale .Imog .BtnHr.Solo:hover i {
                    color: var(--YepNero)
                }

.Imog .Loading i {
    font-size: 25px;
}

.Modale .Lista:empty{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
.Modale .Lista:empty::after {
    content: "Nessun elemento presente";
    font-size: 16px;
    font-weight: 400;
    color: var(--YepBianco)
}

.BloccoFlottante.NoScroll {
    overflow: unset;
    padding-right: 0;
}
    .BloccoFlottante.NoScroll .Stack.Scroll {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .BloccoFlottante.NoScroll .Stack.Scroll .PulsantiAzione {
       /*     justify-content: center;*/
        }
            .BloccoFlottante.NoScroll .Stack.Scroll .PulsantiAzione .BtnHr.Lungo {
                width: fit-content;
            }

.WrapDomande {
    background: var(--YepTransp);
    height: 100%;
    width: 100%;
    border-radius: 25px;
    border-top-right-radius: 8px;
}


/* Domande Questionari */

.WrapEditorNewHTML.Domus {
    height: calc(100% - 70px)
}

    .WrapDomande .SottoModulo.AddElemo {
        border: 0;
        background-color: var(--YepTransp);
        margin: 15px auto;
        height: fit-content;
        width: fit-content;
        border-radius: 12px;
    }
    .WrapDomande .SceltaForm label {
        background-color: var(--YepTransp);
        gap: 10px;
    }
    .WrapDomande .SceltaForm {
        gap: 10px;
        padding: 10px;
    }

    .WrapDomande .SottoModulo.AddElemo .TitoloModulo{
        background-color: transparent;
        height: 100%
    }

    .WrapDomande .SceltaForm label {
        will-change: border;
        border: 0;
        transition: border 100ms linear;
        padding: 0 18px;
    }

.WrapDomande .SceltaForm input:checked + label {
    border: 2px solid var(--YepGiallo);
}

    .WrapDomande .SottoModulo.AddElemo .BtnHr.Lungo {
        margin: 10px;
        margin-left: 0;
        width: fit-content;
        border-radius: 5px;
    }

    .WrapDomande .VascaDomande {
        height: calc(100% - 100px);
        max-height: calc(100% - 100px);
        padding: 15px;
        padding-bottom: 50px;
        width: 100%;
        position: relative
    }
        .WrapDomande .VascaDomande > div:empty {
            height: 100%;
            width: 100%;
        }
        .WrapDomande .VascaDomande > div:empty::after {
            content: "Nessuna domanda presente, seleziona il tipo e clicca il tasto blu per aggiungerne una";
            font-size: 18px;
            font-weight: 400;
            color: var(--YepBianco);
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 30%;
            text-align: center;
        }

    .WrapDomande .DomandaQuiz > span {
        color: var(--YepBianco);
    }

    .WrapDomande .MultiArea > label {
        color: var(--YepBianco);
    }

    .WrapDomande .MultiArea textarea.InpMod {
        background-color: #3c3c3c;
        border-color: #545454;
        resize: none;
        border-radius: 11px;
        color: var(--YepBianco);
        font-family: var(--FontFam);
        padding: 10px 18px;
        font-size: 16px;
        font-weight: 400;
    }

    .WrapDomande .BtnMod > i {
        background-color: var(--YepTransp);
        border-color: var(--YepTransp);
    }

        .WrapDomande .BtnMod > i:hover {
            animation: Pulseygri 2s infinite;
        }


@keyframes Pulseygri {
    0% {
        box-shadow: 0 0 0 0 #3b3b3b;
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
        .WrapDomande .BtnMod > i.fa-check {
            color: var(--YepVerde);
        }
        .WrapDomande .BtnMod > i.fa-minus {
            color: var(--YepRosso);
        }

        .WrapDomande .BtnMod > i.fa-thumbs-up {
            color: var(--Grigetto);
        }

    .WrapDomande .RestoDom .BtnHr.Lungo.AddEl {
        width: fit-content;
        margin-top: 15px;
    }

.WrapDomande .DomandaQuiz.InMod {
    border: 2px dashed #586bda;
}

.WrapDomande .DomandaQuiz {
    padding: 15px;
    height: fit-content;
    margin-bottom: 40px;
/*    padding-bottom: 40px;*/
    overflow: hidden
}
/*.WrapDomande .DomandaQuiz:last-child {
    padding-bottom: 100px;
}*/
/*
    .WrapDomande .DomandaQuiz.list-leave-active {
        height: 100px
    }*/

.WrapDomande .FraseDom > label {
    font-size: 18px;
    color: var(--YepBianco);
    font-weight: 400;
}

.WrapDomande .FraseDom > strong {
    background-color: var(--YepTransp);
    color: var(--YepBianco);
    font-weight: 400;
}

.WrapDomande .RigoSce.InMod {
    background: var(--YepTransp);
    padding-left: 15px;
}

    .WrapDomande .RigoSce.InMod input {
        height: 40px;
    }
    .WrapDomande .RigoSce.InMod input {
        background-color: #3c3c3c;
        border-color: #545454;
        margin-left: 12px !important;
        color: var(--YepBianco);
    }

    .WrapDomande .RigoSce.InMod i.far {
        color: var(--YepRosso);
    }

.BtnMod > i.fa-pen {
    color: #ffc107
}

.WrapDomande .RigoSce > span {
    margin-left: 12px;
    color: var(--YepBianco);
    font-size: 16px;
    font-weight: 400;
}

.WrapDomande .InpMod.Tondo, .WrapDomande .WrapAltriDati .InpMod {
    background-color: #3c3c3c;
    border-color: #545454;
    color: var(--YepBianco);
}

.WrapDomande .WrapRigoSce {
    margin-top: 5px;
}
.WrapDomande .WrapRigoSce:first-child {
    margin-top: 0;
}

.WrapDomande .WrapAltriDati label {
    color: var(--YepBianco);
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
}

.WrapDomande .Scelte[tipo='4'] {
    margin: 0;
}
    .WrapDomande .Scelte[tipo='4'] .Scelte[tipo='4'] > em {
        color: #8b8b8b;
    }


.WrapDomande .Delete {
   /* pointer-events: none;*/
    opacity: 1;
}
    .WrapDomande .Delete .Scelte,
    .WrapDomande .Delete.DomandaQuiz > span,
    .WrapDomande .Delete .FraseDom,
    .WrapDomande .Delete .BtnMod > i.fa-pen,
    .WrapDomande .Delete .BtnHr.Lungo.AddEl {
        opacity: 0.5;
    }


.WrapDomande .BtnMod > i.fa-undo {
    color: var(--YepBianco);
    pointer-events: all
}