/* 00 - COLORI */
/* 00 - COLORI */
/* 00 - COLORI */


/* Standard */
:root {
    --color-lightgreen: #F0F5EF;
    --color-fluogreen: #00FDB1;
    --color-fluogreen-alpha: rgba(0, 253, 177, 0.4);
    --color-darkgray: #3E474B;
    --color-lightgray: #9caba2;
    --color-lightgray0: #BBBBBB;
    --color-lightgray1: #eeeeee;
    --color-lightgray2: #f5f5f5;
    --color-gray: #d1d1d1;
    --color-black: #000;
    --color-white: #fff;

    --color-delete: #FF0000;
    --color-error: #FF0000;

    --color-cancel: #3E474B;
    --color-save: #73DC72;
    --color-supersave: orange;

    /* --color-ombra: rgba(99, 99, 99, 0.2); */
    --color-ombra: rgba(99, 99, 99, 12%);
    
}


@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes pulse {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.cursor-help{
    cursor: help !important;
}

.wow {
    animation: rotation 1s linear;
}

.pulse {
    animation: pulse 2s normal ease-in-out;
}

.pointers-none{
    pointer-events: none;
}

.color-lightgreen {
    color: var(--color-lightgreen)
}

.color-fluogreen {
    color: var(--color-fluogreen)
}

.color-darkgray {
    color: var(--color-darkgray)
}

.color-black {
    color: var(--color-black)
}

.color-white {
    color: var(--color-white)
}

.color-lightgray {
    color: var(--color-lightgray) !important
}

.color-gray {
    color: var(--color-gray) !important
}

.color-error {
    color: var(--color-error) !important
}

.background-lightgreen {
    background-color: var(--color-lightgreen) !important
}

.background-fluogreen {
    background-color: var(--color-fluogreen)
}

.background-darkgray {
    background-color: var(--color-darkgray)
}

.background-black {
    background-color: var(--color-black)
}

.background-white {
    background-color: var(--color-white)
}

.background-lightgray {
    background-color: var(--color-lightgray) !important
}

.background-gray {
    background-color: var(--color-gray) !important
}

.cms-config .info-block{
    border-top: 2px solid black;
}

.cms-config .info-block li{
    border-top: 1px solid rgb(178, 178, 178);
}

.cms-config .dash-card-link strong{
    display: inline-block;
    width: auto;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: var(--color-fluogreen);
    margin-left: 5px;
    padding: 6px;
}

.dash-card-square{
    width: 180px;
    height: 180px;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: var(--color-lightgreen);
    transition: background-color 0.3s ease;
}

.dash-card-square img{
    width: 42px;
    height: 42px;
    object-fit: contain;
    object-position: center;
}

.dash-card-square:hover{
    background-color: var(--color-fluogreen);
}


.cms-config .col-azioni .item{
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-black);
}

.cms-config .col-azioni .item:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* 00 - PULSANTI */
/* 00 - PULSANTI */
/* 00 - PULSANTI */

.cta-green {
    text-decoration: none;
    color: var(--color-fluogreen);
    cursor: pointer;
}

.cta-green:hover {
    text-decoration: underline;
    color: var(--color-black);
}

.cta-black {
    text-decoration: none;
    color: var(--color-black);
    cursor: pointer;
}

.cta-black:hover {
    text-decoration: underline;
    color: var(--color-fluogreen);
}

.btn-small {
    padding: 8px 15px;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.2s ease-in;
    font-size: 13px;
    font-family: 'dmsansregular', sans-serif;
    text-decoration: none;
    /* margin-top: -5px; */
    cursor: pointer;
}

.btn,
.ui-dialog-buttonpane .ui-button {
    padding: 8px 25px;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.2s ease-in;
    font-family: 'dmsansregular', sans-serif;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}

.btn-big {
    padding: 25px 25px;
    width: 100%;
    border-radius: 12px;
    display: inline-block;
    transition: all 0.2s ease-in;
    font-size: 22px;
    font-family: 'dmsansbold', sans-serif;
    text-decoration: none;
    cursor: pointer;
}

.btn-big::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(icons/arrow_dx_black.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    transition: all 0.3s ease-out;
}


.btn-white {
    border: 1px solid var(--color-black);
    color: var(--color-black);
    padding-right: 40px;
    position: relative;
    background-image: url('img/Tracciato 38.svg');
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.btn-white:hover {
    cursor: pointer;
    background-color: var(--color-black);
    color: var(--color-white);
    background-image: url('img/Tracciato 26.svg');
}

.btn-green {
    background-color: var(--color-fluogreen) !important;
    color: var(--color-black) !important;
    font-weight: normal !important;
    cursor: pointer !important;
}

.btn-green:hover {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
}

.btn-green:hover::before {
    filter: invert(1) !important;
}

.btn-lightgreen {
    background-color: var(--color-lightgreen);
    color: var(--color-black);
    font-weight: normal;
}

.btn-lightgreen:hover {
    cursor: pointer;
    background-color: var(--color-black);
    color: var(--color-white);
}

.btn-lightgray {
    background-color: var(--color-gray);
    color: var(--color-darkgray);
    font-weight: normal;
}

.btn-lightgray:hover {
    cursor: pointer;
    background-color: var(--color-black);
    color: var(--color-white);
}

.btn-lightgray0 {
    background-color: var(--color-lightgray0);
    color: var(--color-white);
    font-weight: normal;
}

.btn-lightgray0:hover {
    cursor: pointer;
    background-color: var(--color-black);
    color: var(--color-white);
}

.btn-delete {
    background-color: var(--color-white);
    color: var(--color-delete) !important;
    font-weight: normal;
    border: 1px solid var(--color-delete);
    display: inline-block;
}

.btn-delete:hover {
    cursor: pointer;
    background-color: var(--color-delete);
    color: var(--color-white) !important;
}


.btn-cancel {
    background-color: var(--color-white);
    color: var(--color-cancel);
    font-weight: normal;
    border: 1px solid var(--color-cancel)
}

.btn-cancel:hover {
    cursor: pointer;
    background-color: var(--color-cancel);
    color: var(--color-white);
    border: 1px solid var(--color-cancel)
}

.btn-save {
    background-color: var(--color-white);
    color: var(--color-save);
    font-weight: normal;
    outline: 1px solid var(--color-save)
}

.btn-save:hover {
    cursor: pointer;
    background-color: var(--color-save);
    color: var(--color-white);
}

.btn-gray {
    color: var(--color-white) !important;
    background-color: var(--color-darkgray) !important;
    font-weight: normal !important;
}

.btn-gray:hover {
    color: var(--color-white) !important;
    background-color: var(--color-black) !important;
    font-weight: normal !important;
}

.btn-outline-black {
    color: var(--color-black);
    background: var(--color-white);
    border: 1px solid var(--color-black);
}

.btn-outline-black:hover {
    color: var(--color-white);
    background: var(--color-black);
}

.btn-warning {
    background-color: var(--color-fluogreen);
    color: var(--color-black);
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: -5px;
}

.btn-warning:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('icons/warning-b.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 8px;
}

.btn-warning:hover {
    cursor: pointer;
    background-color: var(--color-black);
    color: var(--color-white);
}


.btn-annulla,
.btn-save,
.riga-edit,
.riga-annulla,
.riga-save,
.riga-delete,
.ui-button {
    transition: all 0.3s ease-out;
}

.btn-annulla,
.riga-annulla,
.ui-dialog-buttonset button:first-child {
    background-color: var(--color-lightgray);
}

.ui-dialog-buttonset button:nth-child(2) {
    background-color: var(--color-white) !important;
    border: 1px solid var(--color-save) !important;
    color: var(--color-save) !important;
}

.ui-dialog-buttonset button:nth-child(2):hover{
    color: var(--color-white) !important;
    background-color: var(--color-save) !important;
}

.btn-annulla:hover,
.btn-save:hover,
.riga-edit:hover,
.riga-annulla:hover,
.riga-save:hover,
.riga-delete:hover {
    cursor: pointer;
}

.btn-outline-black.selected {
    background-color: var(--color-black);
    color: var(--color-white);
}

.btn-arrow:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url('icons/arrow_dx_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
    transition: all 0.3s ease-out;
}

.btn-auto {
    display: inline-block !important;
    width: auto;
    padding-right: 15px;
}

.btn-small.super-save {
    background-color: var(--color-supersave);
    color: var(--color-black);
    margin-right: 20px;
}

.btn-small.super-save:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}

.btn.super-save {
    background-color: var(--color-supersave);
    color: var(--color-black);
    margin-right: 20px;
}

.btn.super-save:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}

.btn-carica {
    background-color: var(--color-fluogreen);
    color: var(--color-black);
    display: inline-flex;
    align-items: center;
}

.btn-carica::before {
    content: '';
    display: inline-block;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    background-image: url('icons/icon-carica.svg');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter ease  0.3s;
}

.btn-carica:hover {
    background-color: var(--color-black);
    color: var(--color-white);
}

.btn-carica:hover::before{
    filter: invert(1);
}


.btn-edita {
    color: var(--color-white) !important;
    background-color: var(--color-darkgray);
    font-weight: normal;
}

.btn-edita:hover {
    color: var(--color-white) !important;
    background-color: var(--color-black);
}

.btn-inserisci {
    color: var(--color-black) !important;
    background-color: var(--color-fluogreen);
    font-weight: normal;
}

.btn-inserisci:hover {
    color: var(--color-white) !important;
    background-color: var(--color-black);
}

.btn-action {
    border: 1px solid var(--color-black);
}


select {
    min-height: 30px;
    border: 1px solid var(--color-black);
    border-radius: 10px;
    width: auto;
    padding: 0 8px;
}

/* 01 - FONTS CMS */
/* 01 - FONTS CMS */
/* 01 - FONTS CMS */

@font-face {
    font-family: 'dmsansbold';
    src: url('fonts/DMSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dmsansregular';
    src: url('fonts/DMSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font0-regular {
    font-family: 'dmsansregular', sans-serif;
    font-size: 13px !important;
}

.font0-bold {
    font-family: 'dmsansbold', sans-serif;
    font-size: 13px !important;
}

.font1-regular {
    font-family: 'dmsansregular', sans-serif;
    font-size: 16px !important;
}

.font1-bold {
    font-family: 'dmsansbold', sans-serif;
    font-size: 16px !important;
}

.font2-regular {
    font-family: 'dmsansregular', sans-serif;
    font-size: 18px !important;
}

.font2-bold {
    font-family: 'dmsansbold', sans-serif;
    font-size: 18px !important;
}

.font3-regular {
    font-family: 'dmsansregular', sans-serif;
    font-size: 24px !important;
}

.font3-bold {
    font-family: 'dmsansbold', sans-serif;
    font-size: 24px !important;
}

.font4-regular {
    font-family: 'dmsansregular', sans-serif;
    font-size: 32px !important;
}

.font4-bold {
    font-family: 'dmsansbold', sans-serif;
    font-size: 32px !important;
}

.font5-regular {
    font-family: 'dmsansregular', sans-serif;
    font-size: 40px !important;
}

.font5-bold {
    font-family: 'dmsansbold', sans-serif;
    font-size: 40px !important;
    line-height: 40px !important;
}

strong,
.strong {
    font-family: 'dmsansbold', sans-serif;
}





/* 02 - GENERAL FIX */
/* 02 - GENERAL FIX */
/* 02 - GENERAL FIX */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font: inherit;
    margin-block-start: 0;
    margin-block-end: 0;
}


* {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
    /* max-width: 2000px; */
    background-color: #333;
    margin: 0 auto;
    font-family: 'dmsansregular';
}

body {
    background-color: var(--color-white);
    /*    background-color: #9ac3b2;*/
    /* background-image: url('../../media/assets/background-cms.png'); */
    background-size: cover;
    margin: 0;
    color: var(--color-black);
    /* font-size: 12px; */
    line-height: 20px;
    float: left;
    width: 100%;
    min-height: 100vh;
    /* display: table; */
    padding-top: 75px;
}

main {
    max-width: 1800px;
    margin: 0 auto;
}

#corpo {
    position: relative;
    display: flex;
    align-items: flex-start;

    padding: 15px;
}

.fixed {
    position: fixed;
}

.nowrap {
    width: 100%;
}

/* .row{clear: left;width: 100%;} */

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
}


.no-x-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

input[type=text], input[type=password] {
    min-height: 32px;
    background-color: var(--color-white);
    border: 1px solid var(--color-lightgray);
    border-radius: 10px;
    padding: 0 10px;
}

input[type=text]::placeholder, input[type=password]::placeholder {
    color: var(--color-lightgray);
}

input[type=text]:focus, input[type=password]:focus {
    background-color: var(--color-lightgreen);
}

.underline {
    text-decoration: underline !important;
}




/* 03 - SV DEBUG TOOL CMS */
/* 03 - SV DEBUG TOOL CMS */
/* 03 - SV DEBUG TOOL CMS */

.SV-debug-log {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0;
    width: 300px;
    overflow: hidden;
    z-index: 150000;
    background-color: #ecf6d3;
    padding: 1em;
    padding-top: 25px;
    height: 25px;
    color: black;
}

.SV-debug-log .output {
    overflow: auto;
    height: 100%;
    margin-top: 30px;
}

.SV-debug-log .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: #000;
    opacity: 1;
    font-weight: 100;
    z-index: 1;
}

.SV-debug-log .open {
    position: absolute;
    background-color: #ecf6d3;
    padding: 0 5px 0 5px;
    top: 10px;
    right: 10px;
    font-size: 13px;
    color: #000;
    opacity: 1;
    font-weight: 100;
    z-index: 2;
}

.SV-debug-log h1 {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 15px;
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.SV-debug-log b {
    font-size: 13px;
    font-weight: normal;
}

.SV-debug-log pre {
    border: none;
    background: transparent;
    font-weight: 700;
    padding: 0;
    margin: 5px 0 5px 0;
    color: black;
}

.SV-debug-log pre.detail {
    margin: 0 0 25px 0px;
    height: 16px;
    overflow: hidden;
    color: #337ab7;
    ;
    font-weight: 100;
    background-color: #fff;
}

.SV-debug-log pre.detail .more {
    float: right;
    color: #337ab7;
}



/* 03 - LOGIN */
/* 03 - LOGIN */
/* 03 - LOGIN */

.login-page input {
    border: 1px solid var(--color-black);
    border-radius: 10px;
}


/* 04 - MAIN DASHBOARD AND COMMON DASH */
/* 04 - MAIN DASHBOARD AND COMMON DASH */
/* 04 - MAIN DASHBOARD AND COMMON DASH */

h2.dashboard {
    background-image: url('../../assets/icon-dashboard.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: contain;
    padding-left: 35px;
}

.dash-title {
    color: var(--color-black);
    border-radius: 15px;

    /* Font senza classe, troppo generico */
    font-family: 'dmsansbold', sans-serif;
    font-size: 18px;
}

.dash-card {
    box-shadow: var(--color-ombra) 0px 2px 8px 0px;
    border-radius: 15px;
    background-color: var(--color-white);
}

.dash-card a {
    display: block;
    text-decoration: none;
    color: var(--color-black);
}

.dashboard .dash-card a::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url('icons/arrow_dx_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
    transition: all 0.3s ease-out;
}


.dash-card h5 {
    color: var(--color-black);

    /* Font senza classe, troppo generico */
    font-family: 'dmsansbold', sans-serif;
    font-size: 18px;
}

.mod-date {
    color: #959595;
    font-size: 13px;
    padding-top: 8px;
}

.dash-card-link,
.dash-card-elm {
    background-color: var(--color-lightgreen);
    border-radius: 15px;

    /* Font senza classe, troppo generico */
    font-family: 'dmsansregular', sans-serif;
    font-size: 16px;
}

.dash-card-link {
    padding-left: 10px;
}

.dash-card-link::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url('icons/arrow_dx_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
    transition: all 0.3s ease-out;
}

.dash-card-elm {
    padding: 0 20px;
    overflow-x: auto;
}

.dash-card-link:hover {
    background-color: var(--color-fluogreen);
}

.dash-card a.show_dark::before {
    display: none;
}


.handler {
    position: relative;
    top: 1px;

    height: 20px;
    width: 20px;
    margin-right: 10px;
    background: url('../common_v8_2/icons/icona_trascinamento-01.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;

    cursor: grab;
}

.ui-sortable-handle {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}




/* 05 - HEADER */
/* 05 - HEADER */
/* 05 - HEADER */

header {
    min-height: 70px;
    border-bottom-left-radius: 15px 15px;
    border-bottom-right-radius: 15px 15px;
    box-shadow: var(--color-ombra) 0px 2px 8px 0px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: var(--color-white);
    color: var(--color-black);
}

header a {
    text-decoration: none;
    color: inherit;
}

.user-settings-pannel {
    display: none;
    list-style: none;
    position: absolute;
    top: 72px;
    right: 0;
    z-index: 999;
}

.user-settings:hover {
    cursor: pointer;
}

.switch-dark,
.switch-light {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.icon-dark {
    margin-right: 6px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    background: var(--color-darkgray);
}

.icon-light {
    margin-right: 6px;
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    background: var(--color-fluogreen);
}

.switch-dark.dark {
    display: none;
}

.switch-light.light {
    display: none;
}



/* 06 - MENU LATERALE ASIDE */
/* 06 - MENU LATERALE ASIDE */
/* 06 - MENU LATERALE ASIDE */

/* SIDEBAR */
aside {
    background-color: var(--color-lightgreen);
    color: var(--color-black);
    border-radius: 15px;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
    overflow: hidden;
    width: 20%;
}

aside a,
aside a:visited {
    text-decoration: none;
    color: var(--color-black);
}

.close-menu {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url('icons/arrow_sx_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.close-menu:hover {
    /* background-image: url('img/Tracciato 25.svg'); */
    filter: invert(1);
}

.close-menu.closed {
    transform: rotate(180deg);
}

aside h6 {
    display: flex;
    align-items: center;
    cursor: pointer;
}

aside h6 span{
    display: inline-block;
    padding-left: 32px;

    background-position: 5px 50%;
    background-size: 18px;
    background-repeat: no-repeat;
}
aside h6.admin span{
    background-image: url('icons/menu_admin.svg');
}

aside h6.strumenti span{
    background-image: url('icons/menu_strumenti.svg');
}

aside h6.tdc span{
    background-image: url('icons/menu_tipi_di_contenuto.svg');
}


aside h6::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: var(--color-white);
    padding: 4px;
    border-radius: 20px;
    background-image: url('icons/arrow_dx_black.svg');
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 4px;
    transition: all 0.3s ease-out;
}

aside h6.open::before {
    transform: rotate(90deg);
    transform-origin: center center;
    background-color: var(--color-fluogreen);
}

.main-menu-list {
    display: none;
    list-style: none;
    padding-top: 10px;
    padding-left: 24px;
}
.tipi-contenuto .main-menu-list {
    padding-left: 20px;
}


.main-menu-list li.contatti-sul-sito a{
    background-image: url('icons/menu_contatti_sito.svg');
}

.main-menu-list li.utenti-registrati a{
    background-image: url('icons/menu_utenti_registrati.svg');
}

.main-menu-list li.shop a{
    background-image: url('icons/menu_shop.svg');
}

.main-menu-list li.media-manager a{
    background-image: url('icons/menu_media_manager.svg');
}

.main-menu-list li.traduzioni a{
    background-image: url('icons/menu_traduzioni.svg');
}

.main-menu-list li.configurazione-cms a{
    background-image: url('icons/menu_configurazione_cms.svg');
}

.main-menu-list li.form-e-email a{
    background-image: url('icons/email_form.svg');
}

.main-menu-list li.creazione-tabelle a{
    background-image: url('icons/menu_creazione_tabelle.svg');
}

.main-menu-list li.config-tipi-contenuto a{
    background-image: url('icons/menu_conf_tipi_di_contenuto.svg');
}

.main-menu-list li.gestione-utenti a{
    background-image: url('icons/menu_gestione_utenti.svg');
}

.main-menu-list li.page-builder a{
    background-image: url('icons/icon-pagebuilder.svg');
}

.main-menu-list li.page-modules a{
    background-image: url('icons/menu_page_modules.svg');
}

.main-menu-list li.design-system a{
    background-image: url('icons/menu_design_system.svg');
}

.main-menu-list li.struttura-sito a{
    background-image: url('icons/menu_struttura_sito.svg');
}

.main-menu-list li.menu-navigazione a{
    background-image: url('icons/menu_struttura_sito.svg');
}

.main-menu-list li.gestione-pagine a{
    background-image: url('icons/menu_gestione_pagine.svg');
}

.main-menu-list li.gestione-liste a{
    background-image: url('icons/menu_gestione_liste.svg');
}

.main-menu-list li.ordinatore a{
    background-image: url('icons/menu_ordinatore.svg');
}

.main-menu-list li.seo a{
    background-image: url('icons/menu_SEO.svg');
}

.main-menu-list li.importatore a{
    background-image: url('icons/menu_importatore.svg');
}


.main-menu-list li a {
    transition: all 0.2s ease-out;
    padding: 6px 14px;
    padding-left: 35px;
    font-weight: bold;
    border-radius: 15px;
    display: inline-block;
    transition: transform ease 0.3s, background-color ease 0.3s;
    background-color: transparent;
    background-position: 10px 50%;
    background-size: 18px;
    background-repeat: no-repeat;
    margin-bottom: 8px;
}
.tipi-contenuto .main-menu-list li a{
    padding-left: 14px;
}

.main-menu-list li a.active,
.main-menu-list li a:hover {
    background-color: var(--color-fluogreen);
}

.aside-group.hide-content {
    transform: translateX(-500px);
}

aside.hide-bar {
    max-width: 80px;
}

aside,
.aside-group {
    transition: all 0.3s ease;
}



@media(max-width: 992px) {

    #corpo {
        flex-wrap: wrap;
    }

    aside {
        width: 100%;
        margin-bottom: 50px;
    }

    #main-content {
        width: 100% !important;
    }
}



/* #MAIN CONTENT*/
/* #MAIN CONTENT*/
/* #MAIN CONTENT*/

#main-content {
    width: 80%;
    padding-left: 15px;
    padding-top: 15px;
    position: relative;
}

#main-content h1 {
    padding-bottom: 42px;
}



#main-content h1 a {
    /* Usato per breadcrumbs grandi*/
    text-decoration: none;
    color: var(--color-black);
}

#main-content h1 a:hover {
    text-decoration: underline;
}

#main-content h1.icona-titolo::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 8px;
    transition: all 0.3s ease-out;
}

body.dashboard #main-content h1.icona-titolo::before {
    background-image: url('icons/icona_home_cmsv.svg');
}

/* diverse icone per diverse pagine*/


@media(max-width: 767px) {
    #main-content {
        width: 100% !important;
    }
}


h1 {
    color: var(--color-black);
}

/* 09 - Search input e pulsante*/

.search-input {
    padding-left: 10px;
    color: #000;
    border: none;
    background-color: inherit;
    border-radius: inherit;
}

.search-btn {
    width: 15px;
    height: 15px;
    background-image: url('../../img/lens.svg');
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}


/* 09 - CONFIG. VARIABILI GENERALI */

.input-text,
.input-select,
.var-config select,
.var-config input[type="text"] {
    min-height: 30px;
    border: 1px solid var(--color-fluogreen);
    width: 100%;
    padding: 0 8px;
}

.var-max-h {
    max-height: 100px;
    /* overflow: auto; */
}

.input-select {
    padding-left: 5px;
}

.nuova-riga-var {
    display: none;
}

.var-config input[type="text"]:disabled {
    border: 1px solid #8b8b8b;
    background-color: #e1e1e1;
    min-height: 30px;
    width: 100%;
    user-select: none;
}

.var-config .riga-annulla,
.var-config .riga-save,
.riga-delete {
    display: none;
}


/* // Pagina configurazione variabili  //*/
/* .var-config .cella{
    min-height: 120px;
    max-height: 120px;
    padding: 2px 8px;
}
.var-config .cella.tools-cell{padding-top: 0;}
.var-config .cell-label{
    padding-right: 10px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: auto;
    background-color: rgba(49, 49, 49, 0.8);
    text-transform: uppercase;
}
@media (max-width: 543px){
    .var-config #main-content{padding-right: 0;}
    .var-config .riga{padding: 30px 0;}
    .var-config .cella{
        max-height: 250px;
        min-height: 60px;
        border: 0;
    }
    .var-config .cell-label{min-height: auto;}
    .righe-wrapper > div.riga:nth-child(even){background-color: rgba(63, 63, 63, 0.8);}
} */







/* 10 - CONFIGURAZIONE MODULI CMS*/
/* 10 - CONFIGURAZIONE MODULI CMS*/
/* 10 - CONFIGURAZIONE MODULI CMS*/

.mod-config .riga .dark {
    display: none;
    position: relative;
    width: 100%;
}

.mod-config .riga {
    position: relative;
    float: none;
}

.mod-config input {
    width: auto;
    margin-bottom: 0;
    margin-left: 10px
}

.mod-config .visibile-da {
    display: inline-block;
    padding-left: 40px
}

.mod-config .altro {
    margin-top: 14px;
    position: relative;
    left: -7px
}

.mod-config .dash-card a::before {
    display: none !important;
}

.mod-config #form1 .riga {
    border-bottom: 1px solid var(--color-gray);
}





/* 11 - CREAZIONE TABELLE*/
/* 11 - CREAZIONE TABELLE*/
/* 11 - CREAZIONE TABELLE*/

.tab-create input[type=text] {

    border: 1px solid var(--color-black);
    border-radius: 10px;
}

.tab-create .btn {
    width: auto;
}

.tab-create input.pulsante2 {
    float: left;
    clear: right;
    margin-left: 20px;
    padding-left: 10px;
    min-width: auto;
}

.tab-create .info-caption {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 10px;
}

.tab-create #chiudi {
    position: absolute;
    left: 710px;
    top: 40px;
}

.tab-create input[type=text]::placeholder {
    color: var(--color-lightgray);
}

.tab-create #nuovatb {
    width: 60%;
    margin-right: 5px;
}

.tab-create select {
    min-height: 30px;
    border: 1px solid var(--color-black);
    border-radius: 12px;
    width: 50%;
    padding: 0 8px;
    margin-right: 5px;;
}

.tab-create #tabellerelazione .corpo-pannello form {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.tab-create #tabellerelazione .corpo-pannello form .mezzo-pannello {
    width: calc(50% - 10px);
    margin-bottom: 8px;
}

.tab-create .footer-crea {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-top: 1px solid var(--color-black);
}

.tab-create .title-tab{
    padding: 10px;
    border-radius: 10px;
    background-color: var(--color-lightgreen);
}

.tab-create input[type=radio]{
    width: 25px;
}






/* 12 - ONE ROW */
/* 12 - ONE ROW */
/* 12 - ONE ROW */



/* header legenda one row*/
/* header legenda one row*/
/* header legenda one row*/

.header-one-row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 85%;
    margin-bottom: -10px;

    padding: 20px;
    flex-wrap: nowrap;
    margin-left: 0;
    margin-right: 0;
}

.header-one-row .cella-sm,
.content-one-row .cella-sm {
    width: 15%;
    /* border: 1px solid gray; */
    padding: 0 10px;
    float: none;
    /* Default */
    overflow: visible;
    /* Default */
}

.header-one-row .cella,
.content-one-row .cella {
    width: 20%;
    /* border: 1px solid gray; */
    padding: 0 10px;
    float: none;
    /* Default */
    overflow: visible;
    /* Default */
}

.header-one-row .cella-lg,
.content-one-row .cella-lg {
    width: 40%;
    /* border: 1px solid gray; */
    padding: 0 10px;
    float: none;
    /* Default */
    overflow: visible;
    /* Default */
}



/* Riga normale */
/* Riga normale */
/* Riga normale */

.content-one-row .riga-drag {
    margin-left: 0;
    margin-right: 0;
}


.content-one-row .btn-small {
    margin-top: 0;
}


.content-one-row .riga-drag>.riga {
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
    position: relative;
}

.content-one-row .riga-drag>.riga .sx {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 85%;

    border-radius: 20px;
    padding: 20px;

    box-shadow: var(--color-ombra) 0px 2px 8px 0px;
    border-radius: 15px;
    background-color: var(--color-white);

    flex-wrap: nowrap;
}


.content-one-row .riga-drag>.riga .sx>* {
    min-height: 35px;
    border-right: 1px solid var(--color-gray);
}

.content-one-row .riga-drag>.riga .sx>*:last-child {
    border-right: 0px solid var(--color-gray);
}


/* Tools */
.content-one-row .riga-drag>.riga .dx {
    width: 15%;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}


.content-one-row .tool {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 5px;
}

.content-one-row .tool button {
    text-align: center;
    margin-bottom: 12px;
}

.content-one-row .tool button.riga-cancel,
.content-one-row .tool button.riga-save,
.content-one-row .tool button.riga-delete {
    display: none;
}


/* extra Tool */
.extra-tool {
    padding-left: 20px;
}

.content-one-row .rigenera {
    margin-top: 8px;
    display: inline-block;
}




.content-one-row .handle {
    display: flex;
    align-items: center;
}


.content-one-row .sortable-Y .handle {
    background-image: url('icons/icona_trascinamento-01.svg');
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 18px;
    padding-left: 40px;
    /* margin-top: 20px; */
    cursor: grab;
}

.content-one-row .container-display {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    top: 10px;
}

.content-one-row .container-display .btn-small {
    position: relative;
    top: -5px;
}



.content-one-row input[type=text] {
    border-radius: 12px;
    background-color: var(--color-lightgreen);
    min-height: 34px;
    color: var(--color-black);
    padding-left: 12px;
    margin-top: 10px;
}

.content-one-row .sx input:first-of-type,
.content-one-row .sx textarea:first-of-type,
.content-one-row .sx select:first-of-type {
    margin-top: 0;
    margin-bottom: 0;
}

.content-one-row input[type=text]::placeholder {
    color: var(--color-black);
    opacity: 0.3;
}

.content-one-row input[type=checkbox] {
    border-radius: 12px;
    background-color: var(--color-lightgray1);
    min-height: 34px;
}

.content-one-row select {
    width: 100%;
    background-color: var(--color-lightgreen);
    border-radius: 10px;
    min-height: 34px;
    border: 0px solid var(--color-lightgray1);
    color: var(--color-black);
}

.content-one-row textarea {
    min-height: 80px;
    margin-bottom: 10px;
    border-radius: 12px;
    border: 1px solid var(--color-black);
    padding: 10px;
}

.content-one-row textarea::placeholder {
    color: var(--color-black);
    opacity: 0.3;
}

input:disabled,
textarea:disabled {
    opacity: 0.5 !important;
    height: 38px;
    min-height: 0;
}

input[type=checkbox]:disabled {
    height: 25px;
}

select:disabled {
    opacity: 0.5 !important;
}

.content-one-row .dash-card a:before {
    display: none !important;
}

.content-one-row .dash-card a:before {
    display: none !important;
}

.content-one-row .col-checkbox-a {
    margin-top: 10px;
}

.content-one-row .col-checkbox-a>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.content-one-row .col-checkbox-a input {
    margin-right: 10px;
}


/* RIGA EXTRA */

.content-one-row .riga-extra {
    overflow: visible;
    padding-bottom: 5px;
    background-color: transparent;
    display: flex;
    width: 85%;

    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;

    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;

    background-color: var(--color-white);
    position: relative;

    box-shadow: var(--color-ombra) 1px 5px 5px 0px;
}

.content-one-row .riga-extra>* {
    padding-top: 50px;
}

.content-one-row .riga-extra input[type=text] {
    max-width: 300px;
    margin-bottom: 15px;
    color: var(--color-black);
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
    margin-top: 3px;
}

.content-one-row .riga-extra input[type=text]::placeholder {
    color: var(--color-black);
    opacity: 0.3;
}

.content-one-row .riga-extra select {
    height: 30px;
    margin-bottom: 15px;
    max-width: 300px;
    display: block;
    color: var(--color-black);
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
}

.content-one-row .riga-extra textarea {
    margin-bottom: 15px;
}

.content-one-row .riga-extra .col-checkbox {
    margin-bottom: 15px;
    display: block;
}

.content-one-row .riga-extra .label {
    display: block;
    margin-bottom: -17px;
}

.riga-extra div:first-child {
    margin-left: 0 !important;
}

.content-one-row .riga-extra .cella.extrafirst {
    width: 35% !important;
}

.content-one-row .riga-extra .cella-sm.extrafirst {
    width: 25% !important;
}

.content-one-row .riga-extra .cella-lg.extrafirst {
    width: 55% !important;
}

.content-one-row .riga-extra>* {
    border-right: 1px solid var(--color-gray);
}

.content-one-row .riga-extra>*:last-child {
    border-right: 0px solid var(--color-gray);
}



.content-one-row .riga-extra>*:last-child {
    border-right: 0px solid var(--color-gray);
}






/* RIGA OPEN */

.content-one-row .riga-drag>.riga.open .sx {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 0;
}

.content-one-row .riga-drag>.riga.open input[type=text] {
    color: var(--color-black);
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
}

.content-one-row .riga-drag>.riga.open select {
    color: var(--color-black);
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
}



/* Configurazione nuova tabella */
.content-one-row .riga-drag>.riga.r-0 {
    display: none;
    background-color: var(--color-white);
}

.content-one-row .riga-drag>.riga.r-0 input[type=text] {
    color: var(--color-black);
    background-color: var(--color-white);
    border: 1px solid var(--color-black);
}





/* // end Pagina configurazione one-row //*/

/*.one-row-config .md5-passwd{background-color: transparent; border: solid 1px white; font-size:12px; }*/
@media(max-width: 767px) {
    .panel-3 {
        margin-left: 0;
    }
}

/*
@media(min-width: 768px){
    .one-row-config div.monocella{width: 36%;}
    .one-row-config div.cella{width: 18%;}
    .one-row-config input{width:95%;}
}
*/


/* 13 - ONE CRUD */
/* 13 - ONE CRUD */
/* 13 - ONE CRUD */

.one-crud .addRecord {
    background-color: var(--color-fluogreen);
    color: var(--color-black);
    font-size: 14px;
    text-transform: uppercase;
}









/* main */

.breadcrumb {
    height: 45px;
    color: var(--color-black);
}

.breadcrumb a {
    color: var(--color-black);
    text-decoration: none;
}

.titolo {
    min-height: 120px;
    padding-left: 0;
    padding-bottom: 10px;
}

.page-tools {
    margin-bottom: 10px;
}


/* larghezza colonne
.offset-1{margin-left: 10%;}
.col-1, .col-2, .col-3{float: left;padding: 0 1%;}
.col-1{width: 10%;}
.col-2{width: 20%;}
.col-3{width:30%;} */


/* main page a dx */
.main-content {
    float: left;
    width: 86%;
    height: 60%;
}

.header-wrapper .actions {
    min-height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.header-wrapper .actions .btn{
    line-height: 21px;
    text-transform: uppercase;
}

/* .header-wrapper .actions>* {
    margin-right: 20px;
} */

.panel-3 {
    float: left;
    height: auto;
    margin-bottom: 10px;
    border-radius: 2px;
    padding: 0 10px;
    overflow: auto;
}

.panel-3 h6 {
    font-size: 15px;
    width: 100%;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0 0 2px 0;
    border: 0;
    background-color: rgba(49, 49, 49, 0.8);
    text-transform: uppercase;
    display: inline-block;
}

.panel-3 a {
    margin: 0;
    width: 100%;
    border-radius: 0;
    border: 0;
    background-color: rgba(38, 50, 72, 0.55);
    background-image: url('icons/arrow_r_wh.svg');
    background-repeat: no-repeat;
    background-position: 7px 50%;
    padding-left: 22px;
    padding-right: 5px;
    color: var(--color-white);
    text-decoration: none;
    margin-bottom: 2px;
}

.dashboard .panel-3 a,
.panel-3 .riga a {
    margin: 0;
    width: auto;
    border: 0;
    border-radius: 0;
    background-color: rgba(38, 50, 72, 0.55);
    background-image: url(icons/arrow_r_wh.svg);
    background-repeat: no-repeat;
    background-position: 6px 50%;
    background-size: 6px;
    padding-left: 17px;
    color: var(--color-white);
    text-decoration: none;
    height: 21px;
    display: inline-block;
    padding-right: 4px;
}

.panel-3 a:hover {
    background-color: rgba(38, 50, 72, 0.3);
}

/*.panel-3 .riga:first-of-type{border-top: 1px solid #ccc;}*/
/*.panel-3 .riga .cella{border-left: 1px solid #ccc;}*/
.panel-3 .riga .cella:first-of-type {
    border-left: 0;
}

/* link / bottoni */
.button-big {
    display: inline-block;
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.3);
    width: 50%;
    margin: 2% 2% 0 2%;
    padding: 2%;
    font-size: 16px;
    text-decoration: none;
    border-radius: 3px;
}

.button-big:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

/* retro compatibilità */
#colonna3 h4 {
    font-weight: 300;
    color: #333 !important;
    font-size: 24px;
    text-transform: none;
}

.riga.head {
    background-color: rgba(0, 0, 0, 0.5);
}

.riga.dark,
.riga .dark {
    box-shadow: none;
    border: none;
}

.pulsante1.disabled {
    opacity: 0.6;
    cursor: default;
}



.pulsante1_long,
.pulsante2_long,
.pulsante3_long {
    min-width: 130px;
}

a.pulsante1:link,
a.pulsante1:visited,
a.pulsante1:hover,
a.pulsante1_long:link,
a.pulsante1_long:visited,
a.pulsante1_long:hover,
a.pulsante2:link,
a.pulsante2:visited,
a.pulsante2:hover,
a.pulsante2_long:link,
a.pulsante2_long:visited,
a.pulsante2_long:hover,
a.pulsante3:link,
a.pulsante3:visited,
a.pulsante3:hover,
a.pulsante3_long:link,
a.pulsante3_long:visited,
a.pulsante3_long:hover {
    text-decoration: none;
}

a img {
    border: none;
}


/*// GENERAL //*/
body.visible-iframe .overlay {
    display: block !important;
}

body.visible-iframe #colonna2 {
    display: block !important;
}

body.visible-iframe {
    overflow: hidden;
}


.open-menu,
.open-menu-sm {
    background-image: url('assets/open_menu_bk.svg');
    background-repeat: no-repeat;
    background-position: 50% 12px;
    position: absolute;
    top: 160px;
    left: 0;
    width: 30px;
    font-size: 13px;
    color: #4d4d4d;
    text-align: left;
    cursor: pointer;
    z-index: 999;
    display: none;
    background-color: rgba(255, 255, 255, 0.7);
    min-height: 150px;
    overflow: hidden;
    padding-top: 50px;
    text-align: center;
}

#nav-overlay {
    position: fixed;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 50%;
    background: transparent;
    opacity: 1;
    display: block;
    z-index: 9999;
}


/* 10 - RIGHE CMS*/


div.riga.r-0 {
    background-color: rgba(101, 51, 51, 0.5);
}

.riga-extra {
    background-color: rgba(51, 51, 91, 0.5);
    overflow: hidden;

}

.riga-extra div:first-child {
    margin-left: 3%;
}

.righe-figli-wrapper div.riga-figli:nth-child(odd) {
    background-color: #999;
}

.righe-figli-wrapper div.riga-figli:nth-child(even) {
    background-color: #bbb;
}

.righe-figli {
    width: 97%;
    margin-left: 3%;
    clear: left;
}

div.handle {
    float: left;
    width: 3%;
    padding: 8px 0 0 5px;
}

.sortable-Y div.handle {
    /* padding:8px 0 28px 5px; */
    background-image: url('icons/icon_handler.svg');
    background-repeat: no-repeat;
    background-position: 7px 118%;
}

div.no-handle {
    float: left;
    width: 3%;
}

div.sub-handle {
    float: left;
    width: 3%;
    background-color: rgba(200, 0, 0, 0.5);
}

div.monocella {
    float: left;
    overflow: auto;
}

.cella,
.cella-sm,
.cella-lg {
    float: left;
    padding: 8px;
    overflow: auto;
}

input {
    width: 100%;
    min-height: 30px;
    font-size: 14px;
    border: none;
    padding: 0 5px;
}

input[type="radio"] {
    vertical-align: middle;
    margin-top: 0;
    min-height: auto;
    width: 10%;
}

input[type="checkbox"] {
    width: auto !important;
    min-height: auto !important;
}

textarea {
    width: 95%;
}

button {
    border: none;
    color: var(--color-white);
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}

.md5-passwd {
    color: #4d4d4d;
    background-color: #e6e6e6;
}

button.riga-edit {
    background-color: var(--color-darkgray);
}



button.nuova-var,
button.nuova-riga,
button.figlio-edit {
    /*    background-color: #4CAF50;*/
    background-color: var(--color-fluogreen);
    color: var(--color-black);
    font-size: 14px;
    text-transform: uppercase;
}



button.figlio-cancel {
    background-color: #777777;
    display: none;
}

button.nuova-riga-var-cancel {
    background-color: var(--color-lightgray);
    color: var(--color-white);
}



button.nuova-riga-save {
    background-color: var(--color-fluogreen);
    color: #000;
    text-transform: none;
}

.nuova-wrapper .riga {
    display: none;
}

.nuova-riga-var {
    display: none;
}

/* 12 - Configura contatti*/

body.contatti-config .cell-label {
    font-size: 12px;
    padding: 0 10px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: auto;
    background-color: rgba(49, 49, 49, 0.8);
    text-transform: uppercase;
    height: auto;
}

body.contatti-config .item-list li {
    position: relative;
    padding: 11px;
    /* background: rgba(0,0,0,0.5); */
    margin-bottom: 2px;
    cursor: grab;
}

body.contatti-config .item-list li:hover {
    background-color: var(--color-lightgray1);
    border-radius: 20px;
}

body.contatti-config .tabs {
    border-bottom: 3px solid var(--color-black);
}

body.contatti-config .tabs a:first-child {
    margin-right: 5px;
}


body.contatti-config .container-lista>.row {
    border-bottom: 1px solid var(--color-gray);
    margin-left: 0;
    margin-right: 0;
}

body.contatti-config .container-lista>.row:last-child {
    border-bottom: 0px solid var(--color-gray);
    padding-bottom: 0px !important;
}

body.contatti-config .dbtool {
    padding-right: 20px;
}

.contatti-config .handler {
    background-image: url('../common_v8_2/icons/drag-xy-82.svg');
}

ul.item-list {
    list-style: none;
    padding-inline-start: 0;
}









/* 13 - GESTIONE TRADUZIONI */

/* 14 - upload-cms*/
.upload-cms .img-sfondo {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.upload-cms .img-logocsmv {
    width: 30%;
    height: auto;
    margin: 0 auto;
}

.upload-cms .img-container {
    max-height: 210px;
    overflow-y: auto;
}

.upload-cms .btn-green {
    width: auto;
}



/* 15 - Demo delete */
/* 15 - Demo delete */
/* 15 - Demo delete */

.demo-delete .dash-card>.row {
    border-bottom: 1px solid var(--color-gray);
    margin-left: 0;
    margin-right: 0;
}

.demo-delete .dash-card>.row:last-child {
    border-bottom: 0px solid var(--color-gray);
    padding-bottom: 0 !important;
}

.demo-delete .dbtool {
    padding-right: 20px;
}

/* 16 - pagine modules */

.pm-check .container-campi{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px 5px 5px 0;

}
.pm-check .container-campi > *{
    padding-left: 5px;
}

.pm-check strong{
    display: inline-block;
    padding-left: 5px;
}

.pm-check h4{
    background-color: var(--color-lightgreen);
    padding: 10px;
    border-radius: 10px;
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 5px;
}

.pm-check .container-campi > *{
    width: 50%;
}


.cms-config .dash-card>.row {
    /* border-bottom: 1px solid var(--color-lightgray); */
    margin-left: 0;
    margin-right: 0;
}


.cms-config .col-cx {
    padding-top: 20px;
}

.cms-config .col-dx {
    padding-top: 20px;
}

.cms-config ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

.cms-config ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}

.cms-config .row-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 5px;

    border-bottom: 1px solid rgb(221, 221, 221);
}


.cms-config .elenco>.row {
    background-color: var(--color-lightgreen) !important;
    border-radius: 20px;
    margin-bottom: 20px;
}

.cms-config .dash-card a.btn-small::before {
    display: none !important;
}

.cms-config .dash-card a.btn-small {
    color: var(--color-white);
}

/* check moduli button */
.btn-check-module {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background-color: var(--color-lightgreen);
    border-radius: 20px;
    font-family: 'dmsansregular', sans-serif;
    font-size: 14px;
    color: var(--color-black);
    text-decoration: none;
    transition: background-color 0.3s ease-out;
}
.btn-check-module:hover {
    background-color: var(--color-fluogreen);
    color: var(--color-black);
    text-decoration: none;
}

/* galleria moduli */
.cms-config.modules-gallery .gallery-intestazione {
    border-bottom: 3px solid var(--color-black);
}

.cms-config.modules-gallery #drop_file_zone {
    min-height: 0;
    padding: 20px;
}

.cms-config.modules-gallery #drop_file_zone #drag_upload_file {
    width: 100%;
}

.cms-config.modules-gallery #drop_file_zone #drag_upload_file>* {
    margin: 0 10px;
}

.cms-config.modules-gallery a.btn-small {
    display: inline-block;
}

.cms-config.modules-gallery .super-save {
    margin-right: 0;
}


/* 17 - DESIGN SYSTEM */

.design-system h2 {
    border-top: 2px solid var(--color-black);
    padding-left: 10px;
}

.design-system .design-row {
    border-top: 1px solid var(--color-darkgray);
}

.design-system .color-row {
    border-top: 1px solid var(--color-darkgray);
}

.design-system .circle {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    box-shadow: 0px 0px 5px rgba(228, 228, 228, 0.891);
}

.design-system .font-row {
    border-top: 1px solid var(--color-darkgray);
}

.design-system .font-row>* {
    border-left: 1px solid var(--color-darkgray);
}

.design-system .font-row .font-name {
    border-left: 0px solid var(--color-darkgray);
}

.design-system .font-row>*:first-child {
    border-left: 0px solid var(--color-darkgray);
}


/* Bozze */
.design-system-bozze .tabs {
    border-bottom: 3px solid var(--color-black);
}

/* Font */
.design-system-font .tabs {
    border-bottom: 3px solid var(--color-black);
}

.design-system-font textarea {
    width: 100%;
    height: 300px;
}

.design-system-font .extrafirst {
    width: 100%;
}

.design-system-font #files-list .row {
    border-top: 1px solid var(--color-darkgray);
}

#drop_file_zone {
    background-color: transparent;
    border: #ddd 3px dashed;
    width: 100%;
    min-height: 150px;
    padding: 0 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#upload_file_zone {
    background-color: transparent;
    border: #ddd 3px dashed;
    width: 100%;
    min-height: 0;
    padding: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}


#drag_upload_file #selectfile {
    display: none;
}

#drag_upload_file {
    text-align: center;
}




/* Colori */
.design-system-colors .tabs {
    border-bottom: 3px solid var(--color-black);
}

.design-system-colors .circle {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    box-shadow: 0px 0px 5px rgba(228, 228, 228, 0.891);
}

/* AOS */
.design-system-aos .tabs {
    border-bottom: 3px solid var(--color-black);
}

/* Font config */
.design-system-font-config .tabs {
    border-bottom: 3px solid var(--color-black);
}



/* 18 - LISTE LIST MANAGER */

.list-manager .riga {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-top: 1px solid var(--color-gray);
    margin-bottom: 15px;
    padding-top: 5px;
}

.list-manager .col-tools img {
    width: 22px;
    height: 33px;
    display: inline-block;
    margin-left: 15px;
}



.list-manager .riga.dark {
    min-height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 1%;
    margin-bottom: 30px;
    border: none !important;
}

.list-manager .dark .apri-div-a {
    display: flex;
    flex-direction: column;
    padding-right: 25px;
}

.list-manager .dark .apri-div-b {
    display: flex;
    flex-direction: column;
    padding-right: 25px;
}


.list-manager .riga.dark label {
    width: 100%;
    display: inline-block;
}

.list-manager input {
    width: 100%;
    display: inline-block;
    background-color: var(--color-white);
    border-radius: 12px;
    border: 1px solid var(--color-black);
    padding-left: 8px;
    min-height: 32px;
}


.list-manager .riga.dark .col-buttons {
    display: flex;
    justify-content: flex-end;

}


.list-manager .riga .label,
.list-manager .riga .value {
    display: none;
}

.list-manager .dark .label,
.list-manager .dark .value {
    display: inline;
    margin-top: 5px;
}


.list-manager .handler {
    float: left;
    cursor: move;
    margin-top: -1px;
}

.list-manager #add_new {
    width: 100%;

}


/* 18 - SEO CONFIG */
.seo-config .dash-sitemap a.item-big {
    margin-top: 10px;
    margin-left: 14px;
    display: inline-block;
    margin-bottom: 8px;
    color: var(--color-gray);
    text-decoration: underline;
}


/* 19 - CMS IMPORTER */

.cms-importer table .gray-text{
    color: var(--color-black);
}

body.cms-importer .tabs {
    border-bottom: 3px solid var(--color-black);
}

.cms-importer .red {
    color: white;
    background-color: #D50000;
    padding: 0 5px;
}

.cms-importer .red-text {
    color: rgb(255, 174, 0);
}

.cms-importer td {
    vertical-align: top;

}

.cms-importer .shit {
    max-height: 100px;
    height: 100px;
    overflow: auto;
}

.cms-importer .gray-text {
    color: rgba(255, 255, 255, 0.3);
}

.cms-importer form {
    padding: 10px;
}

.cms-importer .container-tabelle {
    column-count: 2;
}

.cms-importer .upload-section {
    padding: 4px;
    min-width: 30%;
    margin-top: 30px;
    margin-bottom: 0;

    box-shadow: var(--color-ombra) 0px 2px 8px 0px;
    border-radius: 15px;
    background-color: var(--color-white);
}

.cms-importer .upload-section>* {
    padding: 5px 20px;
    border-right: 1px solid var(--color-lightgray);
}

.cms-importer .upload-section>*:last-child {
    border-right: 0px solid var(--color-lightgray);
}

.cms-importer .upload-type {
    margin-top: 20px;
    padding: 0 30px;
}

.cms-importer .upload-type input[type="radio"] {
    width: auto;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.cms-importer .upload-type input[type="radio"]~span {
    opacity: 0.5;
}

.cms-importer .upload-type input[type="radio"]~span input {
    pointer-events: none;
}

.cms-importer .upload-type input[type="radio"]:checked~span {
    opacity: 1;
}

.cms-importer .upload-type input[type="radio"]:checked~span input {
    pointer-events: auto;
}

.cms-importer table {
    font-size: 12px;
}


.cms-importer input {
    margin-top: 5px;
    margin-bottom: 10px;
}

.cms-importer .row-modalita>* {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cms-importer .row-modalita>* input {
    width: 25px;
    position: relative;
    top: 4px;
}


/* 19 - MODULE-EDIT */

body.modules-edit .riga.head{
    color: var(--color-white);
    background-color: var(--color-darkgray);
    padding: 12px 0;
    cursor: pointer;
    border-radius: 10px;
    padding-left: 20px;
    margin-bottom: 5px;
}


body.modules-edit .tabellaelenco > .row{
    border-radius: 10px;
    background-color: var(--color-lightgreen);
    color: var(--color-black);
    padding: 10px;
    margin: 0;
    margin-bottom: 5px;
}


/* // Pagina configurazione upload  //*/
.upl-config .header-wrapper div.riga {
    margin-bottom: 4px;
    min-height: 40px;
}

.upl-config div.riga {
    border: 0;
}

.upl-config .righe-wrapper div.riga {
    padding-bottom: 10px;
    margin-bottom: 2px;
}

/*.upl-config div.monocella{width: 100%;}*/
.upl-config div.monocella {
    width: 16.67%;
}

.upl-config div.monocella button {
    width: 100%;
    margin-right: 0;
    color: var(--color-white);
}

.upl-config div.monocella button.riga-plus {
    width: auto;
    margin-right: 0;
    margin-top: 5px;
}

.upl-config .riga-figli div.monocella {
    width: 100%;
}

.upl-config .righe-figli-wrapper {
    margin-bottom: 20px;
    display: table;
    width: 98%;
    margin-left: 2%;
    background-color: rgba(55, 50, 65, 0.50);
    padding: 5px;
}

.upl-config .riga-figli {
    background-color: rgba(55, 50, 65, 0.50);
    width: 98%;
    margin-left: 2%;
}

.upl-config .nuova-wrapper .riga {
    padding: 10px;
    margin-bottom: 10px;
}

.upl-config .nuova-wrapper .righe-figli-wrapper {
    margin: 0;
    padding: 0;
}

.upl-config div.handle {
    width: 100%;
}

.upl-config div.cella {
    border: 0;
}

.upl-config input:disabled {
    opacity: 0.7;
}

.upl-config button.figlio-edit {
    margin-top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}

.upl-config button.figlio-cancel {
    background-color: transparent;
    border: 1px solid white;
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel_wh.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}

.upl-config div.sub-handle {
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 8px;
    text-align: center;
}

.upl-config .supersave-wrapper {
    float: left;
    margin: 0 10px;
}

.upl-config .supersave-wrapper span {
    line-height: 30px;
}

.upl-config .supersave-wrapper button {
    background-color: #adff64;
    color: #333;
    text-transform: uppercase;
}

@media(min-width: 768px) {
    .upl-config div.cella {
        width: 16.1667%;
    }

    /*    .upl-config .righe-wrapper div.cella{min-height: 120px;}*/
    .upl-config div.handle {
        width: 3%;
    }

    .upl-config .riga-figli div.monocella {
        width: 16.1667%;
        overflow: hidden;
        border-top: 0;
    }
}

/* // Pagina configurazione mail preset  //*/
.mail-preset .nuova-wrapper {
    border-top: solid 1px green;
}

.mail-preset div.monocella {
    width: 100%;
}

.mail-preset .riga-figli div.monocella {
    width: 100%;
}

.mail-preset div.handle {
    width: 100%;
}

.mail-preset div.cella {
    border: 0;
}

.mail-preset textarea {
    width: 100%;
}

.mail-preset input:disabled,
.mail-preset textarea:disabled {
    opacity: 0.7;
}

.mail-preset button.figlio-edit {
    margin-top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}

.mail-preset button.figlio-cancel {
    background-color: transparent;
    border: 1px solid white;
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel_wh.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}

.mail-preset div.sub-handle {
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 8px;
}

@media(min-width: 768px) {
    .mail-preset div.cella {
        width: 20%;
    }

    .mail-preset div.handle {
        width: 3%;
    }

    .mail-preset .riga-figli div.monocella {
        width: 16.1667%;
        overflow: hidden;
        border-top: 0;
    }
}

/* // Pagina configurazione form preset  //*/
.form-preset .nuova-wrapper {
    border-top: solid 1px green;
}

.form-preset div.monocella {
    width: 100%;
}

.form-preset .riga-figli div.monocella {
    width: 100%;
}

.form-preset div.handle {
    width: 100%;
}

.form-preset div.cella {
    border: 0;
}

.form-preset textarea {
    width: 100%;
}

.form-preset input:disabled,
.form-preset textarea:disabled {
    opacity: 0.7;
}

.form-preset button.figlio-edit {
    margin-top: 8px;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid transparent;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}

.form-preset button.figlio-cancel {
    background-color: transparent;
    border: 1px solid white;
    display: none;
    padding: 15px 20px 15px 40px;
    background-image: url('icons/icon_cancel_wh.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
}

.form-preset div.sub-handle {
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 8px;
}

@media(min-width: 768px) {
    .form-preset div.cella {
        width: 20%;
    }

    .form-preset div.handle {
        width: 3%;
    }

    .form-preset .riga-figli div.monocella {
        width: 16.1667%;
        overflow: hidden;
        border-top: 0;
    }
}

/* // Pagina configurazione lingue //*/
.lang-config div.riga {
    float: none !important;
}

.lang-config input {
    margin: 0;
}

.lang-config .cella {
    border: 0;
}

@media(max-width: 767px) {
    .panel-3 {
        margin-left: 0;
    }
}

@media(min-width: 768px) {
    .lang-config div.monocella {
        width: 23%;
    }

    .lang-config div.cella {
        width: 18%;
    }

    .lang-config input {
        width: 95%;
    }
}








#topbar-wrapper {
    width: 100%;
    box-sizing: border-box;
    color: var(--color-white);
    margin: 0 auto;
    padding: 0;
    min-height: 55px;
}

#topbar {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    display: block;
    height: 55px;

    background-color: rgba(0, 0, 0, 0.3);
}

#topbar>div {
    height: 100%;
}

#topbar .col-sx {
    background-image: url('assets/cmsv.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

#topbar .col-cx {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 5px;
}

#topbar .logo img {
    max-width: 100%;
    display: inline-block;
    margin: 0 auto;
}

.top-tools {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media(max-width: 543px) {
    .top-tools {
        background-color: rgba(0, 0, 0, 0.3);
    }
}

.benvenuto {
    padding-right: 15px;
}

#toggle-topmenu {
    height: 55px;
    width: 55px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
}

#toggle-topmenu .caret {
    width: 17px;
    height: 10px;
    display: block;
    /*    top: 50%;*/
    position: relative;
    /*    transform: translate(0, -50%);*/
    margin: 0 auto;
    background-image: url('assets/arrow_white_down.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;

}

#toggle-topmenu.open .caret {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#topmenu {
    display: none;
    position: absolute;
    top: 53px;
    line-height: 30px;
    right: 0;
    text-align: left;
    z-index: 9999;
}

#topmenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#topmenu ul li {
    margin-top: 2px;
    width: 200px;
    /*    background-color: rgba(0,0,0,0.3);*/
    background-color: rgba(0, 0, 0, 0.4);
}

#topmenu ul li a {
    display: block;
    padding: 10px 10px 10px 45px;
    text-transform: uppercase;
}

@media(max-width: 767px) {
    #topbar-tools {
        float: left;
    }
}

#topbar .site-info {
    height: 50px;
    padding-top: 10px;
    padding-left: 10px;
    display: block;
    text-align: center;
}

/*#topbar .breadcrumb{height: 30px;padding-left: 10px;}*/
#modulo_immagine>img {
    max-width: 100%;
}

#modal {
    padding: 0;
}

.ui-widget-overlay {
    background-color: #000;
    opacity: 0.6;
}

.ui-dialog {
    padding: 0 !important;
    border: 0 !important;
}

.ui-dialog-titlebar {
    background-color: transparent;
    color: var(--color-black);
    border: 0;
}

.ui-dialog .ui-dialog-titlebar-close{
    right: 14px;
}

.ui-dialog .ui-dialog-content{
    background: var(--color-white);
}

.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0;
    color: var(--color-white);
    border: 0;
}

.ui-dialog[aria-describedby="modal-delete"] {
    background-color: white;
    color: var(--color-black);
    border-radius: 10px;
}

.ui-dialog .ui-dialog-buttonpane button{
    background-color: var(--color-white);
    color: var(--color-cancel);
    border: 1px solid var(--color-cancel);
}

.ui-dialog .ui-dialog-buttonpane button:hover{
    background-color: var(--color-cancel);
    color: var(--color-white);
}


.ui-widget-header{
    font-weight: unset !important;
}


/* // Pagina login //*/
.login-page {
    min-height: 100vh;
}






/* // Pagina row-list generica //*/
.row-list .riga-drag {
    position: relative;
}

.row-list .riga-extra {
    position: absolute;
    top: 60px;
    bottom: 2px;
    /*    width: auto;*/
    width: 100%;
    left: 0;
    background: none;
}

.row-list .riga-extra div:first-child {
    margin-left: 0;
}

.row-list .riga-extra span.label {
    /*    color: rgba(173, 255, 100, 0.5);*/
    color: rgba(242, 245, 239, 0.5);
    padding-left: 7px;
}

.row-list .riga-extra div,
.row-list .riga.open>div {
    /*    background-color: rgba(77, 77, 77, 0.8);*/
    background-color: rgba(0, 0, 0, 0.18);
}

.row-list .riga-extra .cella.extrafirst {
    width: calc(30% - 2px);
}

.row-list .riga-extra .cella-sm.extrafirst {
    width: calc(20% - 2px);
}

.row-list .riga-extra .cella-lg.extrafirst {
    width: calc(50% - 2px);
}

.row-list div.riga {
    float: none !important;
    background: transparent !important;
    border: 0;
}

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
}

:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.row-list input,
.row-list textarea,
.row-list select {
    margin: 10px 0 0 0;
    background-color: rgba(0, 0, 0, 0.1);
    color: var(--color-white);
    padding: 0 7px;
    border: 0;
    height: 30px;
    font-size: 14px;
    width: 100%;
}

.row-list input:first-of-type,
.row-list textarea:first-of-type,
.row-list select:first-of-type {
    margin-top: 0;
}

.row-list input[type="checkbox"] {
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px;
}

.row-list textarea {
    padding-top: 6px;
}

.row-list .riga-extra textarea {
    min-height: 80px;
}

.row-list .riga-extra input,
.row-list .riga-extra select {
    margin-top: 0;
    margin-bottom: 10px;
}

.row-list input:disabled,
.row-list textarea:disabled,
.row-list select:disabled {
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
}

.row-list .cella,
.row-list .cella-sm,
.row-list .cella-lg,
.row-list .handle {
    padding: 15px 10px;
    min-height: 60px;
    background-color: rgba(51, 51, 51, 0.5);
    border: 0;
    /*
    margin-right: 0.3%;
    margin-bottom: 0.3%;
*/
    margin-right: 2px;
    margin-bottom: 2px;
    transition: background ease-out 500ms;
}

.row-list .header-wrapper,
.row-list .righe-wrapper {
    /*
    opacity: 0;
    transition: opacity linear 0.5s;
*/
    display: table;
    width: 100%
}


.row-list .cella {
    width: calc(20% - 2px);
}


.row-list .tool,
.row-list .extra-tool {
    width: calc(15% - 2px);
    float: left;
    padding-bottom: 2px;
    background: none !important;
}

.row-list .tool {
    position: absolute;
    right: 15%;
    z-index: 99999;
}

.row-list .extra-tool {
    position: absolute;
    right: 0;
}

.row-list .extra-tool a {
    border: 0;
    /*    padding: 15px 20px 15px 40px;*/
    padding: 0;
    float: left;
    margin-left: 2px;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    height: 60px;
    text-decoration: none;
}

.row-list .extra-tool button {
    margin: 0;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 14px;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url('icons/icon_edit.svg');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    text-transform: uppercase;
    padding-left: 28%;
    text-align: left;
}

.row-list .nuova-riga {
    margin: 0px;
    clear: both;
    display: block;
}

.row-list .tool button {
    width: 100%;
    margin: 0 0 3px 0;
    height: 60px;
    font-size: 14px;
    line-height: 14px;
    padding-left: 28%;
    text-align: left;
}

.row-list .tool button.riga-edit {
    margin-bottom: 0;
}

.row-list .handle,
.row-list .cella-sm {
    width: calc(10% - 2px);
}

.row-list .cella-lg {
    width: calc(40% - 2px);
}

.row-list a.edit-link {
    color: #fff;
}

.row-list .header-wrapper .show-id {
    line-height: 20px;
}

.row-list .handle,
.row-list .header-wrapper .handle {
    text-align: right;
    padding: 15px 2%;
}

.row-list .sortable-Y .handle {
    background-image: url(icons/icon_handler.svg);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    padding: 15px 2%;
    /*    margin-top: 20px;*/
}

.row-list .show-id {
    line-height: 30px;
}

.row-list .nuova-wrapper .riga {
    height: 130px;
}

.row-list .nuova-wrapper .extra-tool {
    display: none;
}

/* // end Pagina row-list generica //*/

/* animation */
.animated {
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
    /*  -webkit-animation-duration: 1s;*/
    /*  animation-duration: 1s;*/
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

/* NUOVI BOTTONI V8_2 */
.pulsante-evidenza {
    background-color: var(--color-fluogreen);
    color: var(--color-black);
    text-transform: none;
}

.pulsante-darkgray {
    background-color: var(--color-darkgray);
    color: var(--color-white);
    text-transform: none;
}

.input-ricerca {
    background-color: var(--color-lightgreen);
    color: var(--color-black);
    border-radius: 10px;
    padding: 10px;
}

.input-ricerca::placeholder {
    color: var(--color-black);
}


/* 20 - JOBSEARCH */
/* 20 - JOBSEARCH */
/* 20 - JOBSEARCH */

/*Intestazione e ricerca*/
body.jobsearch .filter-wrapper{
    width: 100%;
    display: flex;
}

body.jobsearch .filter-wrapper #r_semplice{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}

body.jobsearch .filter-wrapper #r_semplice #trova{
    background-color: var(--color-lightgreen);
    border-radius: 10px;
    color: var(--color-black);
    border: 0 !important;
    padding: 10px 1px 10px 35px;
    background-image: url('icons/search-icon-new.svg');
    background-size: 15px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    outline: none;
    position: relative;
}

body.jobsearch .filter-wrapper #r_semplice #trova::placeholder{
    color: var(--color-black);
}

body.jobsearch .filter-wrapper #r_semplice .btn{
    white-space: nowrap;
}

body.jobsearch .filter-wrapper #r_semplice select{
height: 37px;
}


body.jobsearch .filter-wrapper .scorri_recordset{
    width: 20%;
}

/* legenda */
body.jobsearch .row-legenda{
    border-bottom: 2px solid var(--color-black);
    padding-bottom: 5px;
}

/* --------------------------------------------------------------------------
   CMS CONFIRM - Modale di conferma globale
   -------------------------------------------------------------------------- */
.cms-confirm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
}

.cms-confirm {
    background: var(--color-white);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px;
    border-radius: 10px;
    width: fit-content;
    max-width: 450px;
    color: var(--color-black);
    font-family: 'dmsansregular', sans-serif;
    font-size: 16px;
}

.cms-confirm-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.cms-confirm-btns .cms-confirm-yes {
    background: var(--color-white) !important;
    color: var(--color-delete) !important;
    border: 1px solid var(--color-delete) !important;
}
.cms-confirm-btns .cms-confirm-yes:hover {
    background: var(--color-delete) !important;
    color: var(--color-white) !important;
}
/* .cms-confirm-btns .cms-confirm-no {
    background: var(--color-darkgray) !important;
    color: var(--color-white) !important;
    border: 1px solid var(--color-darkgray) !important;
}
.cms-confirm-btns .cms-confirm-no:hover {
    background: var(--color-lightgray) !important;
    color: var(--color-white) !important;
} */

/* Fancybox imposta width:auto sul body floatato, causando un gap nero proporzionale
   alla viewport. Questo override mantiene il body a piena larghezza. */
html.with-fancybox body.hide-scrollbar {
    width: 100% !important;
    margin-right: 0 !important;
}