/* Minimizzazione non riuscita. Verrà restituito il contenuto non minimizzato.
(56,1): run-time error CSS1019: Unexpected token, found '}'
 */
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{position:relative;display:inline-block;width:120px;margin:0.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;height:100%;width:0;background:green}.dropzone .dz-preview .dz-error-message{color:red;display:none}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{position:absolute;display:none;left:30px;top:30px;width:54px;height:58px;left:50%;margin-left:-27px}

@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}


@media screen and (min-width: 1024px) {
    .top-bar { display: none !important; }

    .head { background-color: #fff; height: 80px; z-index: 10; position: relative; z-index: 3; }

    .close-menu { display: none !important; }
    .head .container-menu { position: relative; display: flex; justify-content: space-between; width: 100%; z-index: 3; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); height: 80px; }

        .head .container-menu .logo { width: 380px; height: 80px; text-align: center; line-height: 80px; color: #565656; }
            .head .container-menu .logo img { height: 100%; }

        .head .container-menu .menu { margin-left: 20px; display: flex; position: relative; justify-content: space-around; width: 100%; line-height: 80px; }
            .head .container-menu .menu :first-child { display: block; line-height: 20px; }
            .head .container-menu .menu a { color: #565555; position: relative; display: block; font-weight:bold; font-size: 14px; }
                .head .container-menu .menu a.active::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 22px; }
                .head .container-menu .menu a:hover::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 22px; }


        /* border-bottom:solid 2px #f7d900;*/
        /*.head .container-menu .menu a:hover { color: #000000; text-decoration: underline; text-decoration-color: #f7d900; }
                .head .container-menu .menu a.active { color: #000000; text-decoration: underline; text-decoration-color: #f7d900; }*/

        .head .container-menu .user-button { width: 60px !important; position: relative; background-color: transparent; margin-right: 20px; }
            .head .container-menu .user-button .user-img { width: 30px; height: 30px; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; border-radius: 100%; border: solid 1px #f7d900; }
            .head .container-menu .user-button .user-img.noborder { border:none; }
                .head .container-menu .user-button .user-img img { width: 100%; }
            .head .container-menu .user-button .arrow { display: block; width: 100%; height: 14px; position: absolute; bottom: 0; left: 0; right: 0; border-radius: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 12px auto; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); }

        .head .container-menu .brand { height: 80px; width: 250px; background-image: url('../img/Logo_HeadRight.svg'); background-position: center right; background-repeat: no-repeat; background-size: auto 100%; }

    .head .submenu { height: 25px; background-color: #000000 !important; position: relative; z-index: 1; /* box-shadow: 2px 2px 5px rgba(0,0,0,0.3); */ line-height: 30px; display: none; /* justify-content: flex-start; */ position: absolute; width: 100%; top: 67px; /* color: #ffffff !important; */ }
        .head .submenu .close { display: block; width: 140px; height: 25px; text-align: center; color: #565656; font: 700 100% 'Open Sans', sans-serif; text-transform: uppercase; font-size: 10px; background-image: url('../img/Icone/Grigio_Scuro/close-o.svg'); background-repeat: no-repeat; background-position: 5px center; background-size: 15px 15px; position: relative; }
            .head .submenu .close::after { content: ""; position: absolute; width: 10px; height: 2px; background-color: #f7d900; top: 50%; transform: translate(-50%,0); right: -15px; }
        .head .submenu .menu-sub { width: 100%; display: flex !important; justify-content: space-around; /* position: absolute;*/ }
            .head .submenu .menu-sub a:first-child { display: block; }
            .head .submenu .menu-sub a { color: #ffffff; position: relative; margin-right: 10px; display: block; text-wrap: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 11px !important; }
                .head .submenu .menu-sub a:hover { color: #EFD92F; }
                .head .submenu .menu-sub a.active::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 3px; }
                .head .submenu .menu-sub a:hover::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 3px; }
    /**/ .slash { color: #f7d900; }
    .head .submenu:before { width: 0; height: 0; border-style: solid; border-width: 0 0 25px 15px; border-color: transparent transparent #000000 transparent; content: ''; position: absolute; left: -15px; top: 0; bottom: 0; }
    .head .submenu:after { width: 0; height: 0; border-style: solid; border-width: 25px 15px 0 0; border-color: #000000 transparent transparent transparent; content: ''; position: absolute; right: -15px; top: 0; bottom: 0; }
    
    .blink { animation: blink-animation 3s linear 3; } /* linear N / infinite */

    @keyframes blink-animation {
      0%   { opacity: 1; }
      10%  { opacity: 0; }
      100% { opacity: 1; }
    }
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
    .top-bar { display: flex; justify-content: space-between; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 999999; height: 50px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); background-image: url('../img/Logo_Head.jpg'); background-repeat: no-repeat; background-size: auto 100%; background-position: 60px center; }
        .top-bar .head-logo { }
            .top-bar .head-logo img { height: 100%; }
        .top-bar .open-menu { width: 50px; height: 50px; cursor: pointer; background-image: url('../img/Icone/Grigio_Scuro/menu_list.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; }
        .top-bar .open-leftbar { width: 50px; height: 50px; display: inline-block; cursor: pointer; background-image: url('../img/Icone/Grigio_Scuro/gear.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; }
        .top-bar .open-rightbar { width: 50px; height: 50px; display: inline-block; cursor: pointer; background-image: url('../img/Icone/Grigio_Scuro/chart.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; }
    .head .container-menu { position: relative; display: block; width: 100%; z-index: 3; }


    .head { display: none; background-color: #ffffff; z-index: 10; position: fixed; top: 50px; left: 0; bottom: 0; right: 25%; height: 100%; z-index: 9; }

        .head .container-menu .logo { display: none; z-index: 9999; }

        .head .container-menu .menu { display: block; position: relative; width: 100%; line-height: 60px; height: 100%; }
            .head .container-menu .menu a { color: #252525; position: relative; display: block; margin-left: 20px; font-weight:bold; font-size: 14px; }
                .head .container-menu .menu a.active::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 22px; }
                .head .container-menu .menu a:hover::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 22px; }
        .head .submenu a:hover::after { border-bottom: none !important; }

        .head .container-menu .user-button { display: none; }

        .head .container-menu .brand { width: 160px; background-image: url('../img/Loghi Head.png'); background-position: center; background-repeat: no-repeat; background-size: 90% auto; }

        .head .submenu { height: auto; background-color: #F2F5FA; position: relative; z-index: 1; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); line-height: 40px; display: none; }
            .head .submenu .close { display: none; }
            .head .submenu .menu-sub { width: 100%; display: flex; margin-bottom: 5px; flex-direction: column; }
                .head .submenu .menu-sub a { color: #252525; }
                    .head .submenu .menu-sub a:hover { color: #000000;; }
    /**/
    .slash { display: none !important; }
}

@media screen and (max-width: 480px) {
    .top-bar { display: flex; justify-content: space-between; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 999999; height: 50px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); background-image: url('../img/Logo_Head.jpg'); background-repeat: no-repeat; background-size: auto 100%; background-position: 35px center; }
        .top-bar .head-logo { }
            .top-bar .head-logo img { height: 100%; }
        .top-bar .open-menu { width: 50px; height: 50px; cursor: pointer; background-image: url('../img/Icone/Grigio_Scuro/menu_list.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; }
        .top-bar .open-leftbar { width: 50px; height: 50px; display: inline-block; cursor: pointer; background-image: url('../img/Icone/Grigio_Scuro/gear.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; }
        .top-bar .open-rightbar { width: 50px; height: 50px; display: inline-block; cursor: pointer; background-image: url('../img/Icone/Grigio_Scuro/chart.svg'); background-position: center; background-repeat: no-repeat; background-size: 20px 20px; }
    .head .container-menu { position: relative; display: block; width: 100%; z-index: 3; }


    .head { display: none; background-color: #ffffff; z-index: 10; position: fixed; top: 50px; left: 0; bottom: 0; right: 25%; height: 100%; z-index: 9; }

        .head .container-menu .logo { display: none; z-index: 9999; }

        .head .container-menu .menu { display: block; position: relative; width: 100%; line-height: 60px; height: 100%; }
            .head .container-menu .menu a { color: #252525; position: relative; display: block; margin-left: 20px; font-weight:bold;  font-size: 14px;}
                .head .container-menu .menu a.active::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 25px; }
                .head .container-menu .menu a:hover::after { position: absolute; content: ""; border-bottom: solid 2px #f7d900; left: 0; right: 0; bottom: 25px; }
        .head .submenu a:hover::after { border-bottom: none !important; }

        .head .container-menu .user-button { display: none; }

        .head .container-menu .brand { width: 160px; background-image: url('../img/Loghi Head.png'); background-position: center; background-repeat: no-repeat; background-size: 90% auto; }

        .head .submenu { height: auto; background-color: #F2F5FA; position: relative; z-index: 1; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); line-height: 40px; display: none; }
            .head .submenu .close { display: none; }
            .head .submenu .menu-sub { width: 100%; display: flex; margin-bottom: 5px; margin-left: 40px; flex-direction: column; }
                .head .submenu .menu-sub a { color: #252525; }
                    .head .submenu .menu-sub a:hover { color: #000000; }
    /**/
    .slash { display: none !important; }
}

.fileUpload { position: relative; overflow: hidden; }
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

@media screen and (min-width: 1024px) {
.form-style-01 { box-sizing: border-box; border: none; background-color: transparent; /*padding: 5px;*/ position: relative; display: block; /*margin: 3px;*/ width: 100%; font-weight:bold;}
textarea.form-style-01 { border: solid 1px #ddd; height:100px; font: 500 100% 'Open Sans', sans-serif; color: #a8a8a8 !important; font-weight: normal; }
.form-style-01.inline { display: inline-block; width: auto; }
.form-style-01::placeholder { font-style: italic; opacity: 0.5; }
.form-style-01:focus { outline: none; border-bottom-style: dashed; }
textarea.form-style-01:focus { border-style: dashed; }
.textarea-container-style-01 { border-bottom: solid 1px #ddd; background-color: transparent; height: 200px; width: 100%; overflow: hidden; position: relative; border: solid 1px #ddd; box-sizing: border-box; }
.textarea-container-style-01 textarea { box-sizing: border-box; border: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 15px; resize: none; }
.textarea-container-style-01 textarea:focus { outline: none; }
.form-style-01-file-input { position: relative; width: 80%; height: 30px; display: block; box-sizing: border-box; padding: 0; background-color: #5A7AC9; margin: 0 auto; border-radius: 3px; }
.form-style-01-file-input:hover { background-color: #3B5EB8; }
.form-style-01-file-input .btn-upload { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; line-height: 30px; text-align: center; display: block; cursor: pointer; }
.form-style-01-file-input input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); box-sizing: border-box; }
/**/
.form-style-01-file-input-drop { position: relative; display: block; width: 80%; min-height: 200px; padding: 20px; margin: 0 auto; box-sizing: border-box; background-color: #eee; border: 3px dashed #5A7AC9; border-radius: 6px; text-align: center; cursor: pointer; }
.form-style-01-file-input-drop:hover { background-color: #ddd; }
.form-style-01-file-input-drop input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.form-style-01-file-input-drop-preview { display: none; width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
.form-style-01-file-input-drop-preview img { display: block; margin: 6px auto; width: 95%; border: 1px solid #d5d5d5; }
.form-style-01-file-input-drop-legacypreview { display: none; width: 100%; padding: 10px 0; margin: 0 auto; text-align: center; overflow: hidden; }
.form-style-01-file-input-drop-error { display: none; width: 80%; padding: 20px 0; margin: 0 auto; text-align: center; }
.form-style-01-file-input-info { position: relative; width: 80%; height: auto; line-height: 30px; display: block; cursor: context-menu; box-sizing: border-box; margin: 10px auto; padding: 0; border: 1px solid #5A7AC9; border-radius: 3px; }
.form-style-01-file-input-info .info-upload-inner { position: relative; display: none; padding: 5px; line-height: normal; border-top: 1px solid #999; }
.form-style-01-file-input-info:hover .info-upload-inner { display: block; }
/**/
.check-style-01 { }

.form-style-02 { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: solid 1px #cccccc; background-color: #EBEBEB; padding: 5px; position: relative; display: block; margin: 10px; width: 100%; border-radius: 10px; }
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
.form-style-01 { box-sizing: border-box; border: none; background-color: transparent; /*padding: 15px;*/ position: relative; display: block; /*margin: 10px;*/ width: 100%; font-weight:bold; }
textarea.form-style-01 { border: solid 1px #ddd; font: 500 100% 'Open Sans', sans-serif; color: #a8a8a8 !important; font-weight: normal; }
.form-style-01::placeholder { font-style: italic; opacity: 0.5; }
.form-style-01:focus { outline: none; border-bottom-style: dashed; }
textarea.form-style-01:focus { border-style: dashed; }
.textarea-container-style-01 { border-bottom: solid 1px #ddd; background-color: transparent; height: 200px; width: 95%; overflow: hidden; position: relative; border: solid 1px #ddd; box-sizing: border-box; margin: 0 auto; }
.textarea-container-style-01 textarea { box-sizing: border-box; border: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 15px; resize: none; }
.textarea-container-style-01 textarea:focus { outline: none; }
.form-style-01-file-input { position: relative; width: 80%; height: 30px; display: block; box-sizing: border-box; padding: 0; background-color: #5A7AC9; margin: 0 auto; border-radius: 3px; }
.form-style-01-file-input:hover { background-color: #3B5EB8; }
.form-style-01-file-input .btn-upload { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; line-height: 30px; text-align: center; display: block; cursor: pointer; }
.form-style-01-file-input input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); box-sizing: border-box; }
/**/
.form-style-01-file-input-drop { position: relative; display: block; width: 80%; min-height: 200px; padding: 20px; margin: 0 auto; box-sizing: border-box; background-color: #eee; border: 3px dashed #5A7AC9; border-radius: 6px; text-align: center; cursor: pointer; }
.form-style-01-file-input-drop:hover { background-color: #ddd; }
.form-style-01-file-input-drop input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.form-style-01-file-input-drop-preview { display: none; width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
.form-style-01-file-input-drop-preview img { display: block; margin: 6px auto; width: 95%; border: 1px solid #d5d5d5; }
.form-style-01-file-input-drop-legacypreview { display: none; width: 100%; padding: 10px 0; margin: 0 auto; text-align: center; overflow: hidden; }
.form-style-01-file-input-drop-error { display: none; width: 80%; padding: 20px 0; margin: 0 auto; text-align: center; }
.form-style-01-file-input-info { position: relative; width: 80%; height: auto; line-height: 30px; display: block; cursor: context-menu; box-sizing: border-box; margin: 10px auto; padding: 0; border: 1px solid #5A7AC9; border-radius: 3px; }
.form-style-01-file-input-info .info-upload-inner { position: relative; display: none; padding: 5px; line-height: normal; border-top: 1px solid #999; }
.form-style-01-file-input-info:hover .info-upload-inner { display: block; }
/**/
    .exp { display: table; width: 100%; height: 100%; margin: 8px 0; }
}

@media screen and (max-width: 480px) {
.form-style-01 { box-sizing: border-box; border: none; background-color: transparent; padding: 15px; position: relative; display: block; width: 100%; }
textarea.form-style-01 { border: solid 1px #ddd; font: 500 100% 'Open Sans', sans-serif; color: #a8a8a8 !important; font-weight: normal; }
.form-style-01::placeholder { font-style: italic; opacity: 0.5; }
.form-style-01:focus { outline: none; border-bottom-style: dashed; }
textarea.form-style-01:focus { border-style: dashed; }
.textarea-container-style-01 { border-bottom: solid 1px #ddd; background-color: transparent; height: 200px; width: 95%; overflow: hidden; position: relative; border: solid 1px #ddd; box-sizing: border-box; margin: 0 auto; }
.textarea-container-style-01 textarea { box-sizing: border-box; border: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 15px; resize: none; }
.textarea-container-style-01 textarea:focus { outline: none; }
.form-style-01-file-input { position: relative; width: 80%; height: 30px; display: block; box-sizing: border-box; padding: 0; background-color: #5A7AC9; margin: 0 auto; border-radius: 3px; }
.form-style-01-file-input:hover { background-color: #3B5EB8; }
.form-style-01-file-input .btn-upload { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-sizing: border-box; line-height: 30px; text-align: center; display: block; cursor: pointer; }
.form-style-01-file-input input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); box-sizing: border-box; }
/**/
.form-style-01-file-input-drop { position: relative; display: block; width: 80%; min-height: 200px; padding: 20px; margin: 0 auto; box-sizing: border-box; background-color: #eee; border: 3px dashed #5A7AC9; border-radius: 6px; text-align: center; cursor: pointer; }
.form-style-01-file-input-drop:hover { background-color: #ddd; }
.form-style-01-file-input-drop input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.form-style-01-file-input-drop-preview { display: none; width: 100%; margin: 0 auto; text-align: center; overflow: hidden; }
.form-style-01-file-input-drop-preview img { display: block; margin: 6px auto; width: 95%; border: 1px solid #d5d5d5; }
.form-style-01-file-input-drop-legacypreview { display: none; width: 100%; padding: 10px 0; margin: 0 auto; text-align: center; overflow: hidden; }
.form-style-01-file-input-drop-error { display: none; width: 80%; padding: 20px 0; margin: 0 auto; text-align: center; }
.form-style-01-file-input-info { position: relative; width: 80%; height: auto; line-height: 30px; display: block; cursor: context-menu; box-sizing: border-box; margin: 10px auto; padding: 0; border: 1px solid #5A7AC9; border-radius: 3px; }
.form-style-01-file-input-info .info-upload-inner { position: relative; display: none; padding: 5px; line-height: normal; border-top: 1px solid #999; }
.form-style-01-file-input-info:hover .info-upload-inner { display: block; }
/**/
.exp { display: table; width: 100%; height: 100%; margin: 8px 0; }
}

.exp { display: table; width: 100%; height: 100%; }
.exp .checkbox { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: left; padding-left: 30px; }

label.check { display: inline-block; color: #666666; cursor: pointer; position: relative; text-transform: uppercase; white-space: nowrap; }
label.check span { display: inline-block; position: relative; background-color: #ffffff; width: 25px; height: 25px; transform-origin: center; border: 2px solid #666666; border-radius: 50%; vertical-align: -6px; margin-right: 10px; transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89); }
label.check span:before { content: ""; width: 0px; height: 2px; border-radius: 2px; background: #666666; position: absolute; transform: rotate(45deg); top: 13px; left: 9px; transition: width 50ms ease 50ms; transform-origin: 0% 0%; }
label.check span:after { content: ""; width: 0; height: 2px; border-radius: 2px; background: #666666; position: absolute; transform: rotate(305deg); top: 16px; left: 10px; transition: width 50ms ease; transform-origin: 0% 0%; }
label.check:hover span:before { width: 5px; transition: width 100ms ease; }
label.check:hover span:after { width: 10px; transition: width 150ms ease 100ms; }

/*input[type="checkbox"] { display: none; }*/
input[type="checkbox"]:checked + label span { background-color: #fff; transform: scale(1.25); }
input[type="checkbox"]:checked + label span:after { width: 10px; background: #1790b5; transition: width 150ms ease 100ms; }
input[type="checkbox"]:checked + label span:before { width: 5px; background: #1790b5; transition: width 150ms ease 100ms; }
input[type="checkbox"]:checked + label:hover span { background-color: #fff; transform: scale(1.25); }
input[type="checkbox"]:checked + label:hover span:after { width: 10px; background: #1790b5; transition: width 150ms ease 100ms; }
input[type="checkbox"]:checked + label:hover span:before { width: 5px; background: #1790b5; transition: width 150ms ease 100ms; }

input[type="checkbox"]:disabled:not(:checked) + label.check span:after { width: 11px; background: #999999; transition: none; top: 8px; left: 9.5px; transform: rotate(45deg); }
input[type="checkbox"]:disabled:not(:checked) + label.check span:before { width: 11.5px; background: #999999; transition: none; top: 16px; left: 8px; transform: rotate(315deg); }
input[type="checkbox"]:disabled:not(:checked) + label.check:hover span:after { width: 15.5px; background: rgba(255,0,0,.75); transition: none; top: 6.5px; left: 7.5px; transform: rotate(45deg); }
input[type="checkbox"]:disabled:not(:checked) + label.check:hover span:before { width: 15.5px; background: rgba(255,0,0,.75); transition: none; top: 17.5px; left: 6.5px; transform: rotate(315deg); }

input[type="checkbox"]:disabled:checked + label.check span:after { background: #ff7d00; transition: none; }
input[type="checkbox"]:disabled:checked + label.check span:before { background: #ff7d00; transition: none; }
input[type="checkbox"]:disabled:checked + label.check:hover span:after { background: #ff7d00; transition: none; }
input[type="checkbox"]:disabled:checked + label.check:hover span:before { background: #ff7d00; transition: none; }


input[type="radio"]:checked + label span { background-color: #fff; transform: scale(1.25); }
input[type="radio"]:checked + label span:after { width: 10px; background: #1790b5; transition: width 150ms ease 100ms; }
input[type="radio"]:checked + label span:before { width: 5px; background: #1790b5; transition: width 150ms ease 100ms; }
input[type="radio"]:checked + label:hover span { background-color: #fff; transform: scale(1.25); }
input[type="radio"]:checked + label:hover span:after { width: 10px; background: #1790b5; transition: width 150ms ease 100ms; }
input[type="radio"]:checked + label:hover span:before { width: 5px; background: #1790b5; transition: width 150ms ease 100ms; }

.multi-check-button { display: inline-block; width: 224px; margin: 10px 1px 10px 5px; padding: 8px 12px; background-color: #3b5eb8; color: #fff; border-radius: 4px; }

.multi-check { display: block; }
.multi-check label { display: inline-block; width: 220px; margin: 5px; padding: 4px 12px; border: 2px solid #cccccc; border-radius: 4px; cursor: pointer; font-size: inherit; font-family: inherit; vertical-align: top; }
.multi-check label:hover { border-color: #888888; }
.multi-check input { display: none; }
.multi-check input:checked + label { background: #3b5eb8; color: #fff; }
.multi-check br { display: none; }

.multi-check.single-choice input:checked + label { background: #3dac23; }

input[type="text"], input[type="password"], select { margin-bottom: 10px; border-bottom: 1px solid #A9A9A9 !important; }
.unactive-img { opacity: 0.3; cursor:default !important; }

@media screen and (min-width: 1024px) {
    .gallery-01 { }
        .gallery-01 div { margin: 5px; overflow: hidden; border-radius: 10px; }
            .gallery-01 div img { width: 100%; }

    .gallery-02 { display: flex; justify-content: space-between; }
        .gallery-02 div { margin: 5px; overflow: hidden; width: 100px; height: 112px; overflow: hidden; }
            .gallery-02 div img { width: 100%; }

    .gallery-03 { display: flex; justify-content: space-between; height: 200px; }
        .gallery-03 div { margin: 5px; overflow: hidden; width: 180px; overflow: hidden; position: relative; cursor: pointer; }
            .gallery-03 div img { width: 100%; }

	.gallery-04 { display: block; }
		.gallery-04 .gallery-04-draginfo { position: relative; display: block; text-align: center; height: 160px; line-height: 160px; border: 3px solid transparent; }
		.gallery-04 .gallery-04-item { position: relative; display: block; float: left; margin: 2px; border: 3px solid transparent; }
			.gallery-04 .gallery-04-item img { width: 180px; }
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
    .gallery-01 { }
        .gallery-01 div { margin: 5px; overflow: hidden; border-radius: 10px; }
            .gallery-01 div img { width: 100%; }

    .gallery-02 { display: flex; justify-content: space-between; }
        .gallery-02 div { margin: 5px; overflow: hidden; width: 100px; height: 112px; overflow: hidden; }
            .gallery-02 div img { width: 100%; }

    .gallery-03 { position: relative; display: block; }
        .gallery-03 div { display: block; margin: 5px; overflow: hidden; position: relative; cursor: pointer; }
            .gallery-03 div img { width: 100%; }
}

@media screen and (max-width: 480px) {
    .gallery-01 { }
        .gallery-01 div { margin: 5px; overflow: hidden; border-radius: 10px; }
            .gallery-01 div img { width: 100%; }

    .gallery-02 { display: flex; justify-content: space-between; }
        .gallery-02 div { margin: 5px; overflow: hidden; width: 100px; height: 112px; overflow: hidden; }
            .gallery-02 div img { width: 100%; }

    .gallery-03 { position: relative; display: block; }
        .gallery-03 div { display: block; margin: 5px; overflow: hidden; position: relative; cursor: pointer; }
            .gallery-03 div img { width: 100%; }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main { display: block; }
body { background-color: #EBEBEB; font: 300 100% 'Open Sans', sans-serif; background-image: url('../img/Immagini/P90258046_highRes.jpg'); background-position: center; background-size: cover; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html, body { margin: 0 0 0 0; background-color: #EBEBEB; /* overflow-x: hidden; */ }
select, input { box-sizing: border-box !important; font-size: inherit; }
	select::-ms-expand { display: none; }
/* Fonts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.BMW-Bold { font: 700 100% 'Open Sans', sans-serif }
.BMW-Light { font: 300 100% 'Open Sans', sans-serif }
.BMW-Regular { font: 500 100% 'Open Sans', sans-serif }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tagliastringa { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nowrap { white-space: nowrap; }
/**/
.dd { clear: both; }
/**/
.ofh { overflow: hidden; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.line { border-bottom: 1px solid #f7d900; display: block; clear: both; margin: 10px 0; }
.line-grey { border-bottom: 1px solid #A9A9A9; display: block; clear: both; margin: 10px 0; }
.line-grey-light { border-bottom: 1px solid #E6E6E6; display: block; clear: both; margin: 10px 0; }
.underline { text-decoration: underline; }
/* Font Case ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.uppercase { text-transform: uppercase; }
.normalcase { text-transform: initial !important; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* input { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } */

/* Text Align ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tac { text-align: center; }
.tar { text-align: right; }
.tal { text-align: left; }
.taj { text-align: justify; }
.jcc { justify-content: center; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.w100 { width: 100% !important; }
.w95 { width: 95% !important; }
.w90 { width: 30% !important; }
.w50 { width: 50% !important; box-shadow: 0 0 5px rgba(0,0,0,.5); position: relative; margin: 10px auto !important; padding: 15px; }
.w30 { width: 30% !important; position: relative; margin: 0 10px auto !important; }
.w5 { width: 5% !important; }
.relative { position: relative; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.h33 { height: 33px !important; }

/*Gradient~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gradient-1 { background-color: #000000; }
	.gradient-1:hover { background: #333 !important; }

.gradient-2 { background-color: #000000; }
	.gradient-2:hover { background: #333 !important; }

.gradient-3 { background-color: #000000; }
	.gradient-3:hover { background: #333 !important; }

.gradient-4 { border: solid 1px #B3B3B3; border-radius: 5px; color: #b3b3b3 !important; }
	.gradient-4:hover { }

.gradient-5 { border: solid 1px #f7d900; border-radius: 5px; color: #f7d900 !important; }
	.gradient-5:hover { }

.gradient-6 { background-color: #f7d900; color: #000000 !important; }
	.gradient-6:hover { }

/*icon~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.button-icon::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: 15px 15px; background-repeat: no-repeat; }
.button-icon.stampa-bianco::after { background-image: url('../img/Icone/Bianco/print.svg'); }
.button-icon.stampa-bianco-desc { font-size: 9px !important; }
	.button-icon.stampa-bianco-desc::after { background-image: url('../img/Icone/Bianco/print.svg'); background-position: left; margin-left: 4px; margin-bottom: 3px; }
.button-icon.mail-bianco::after { background-image: url('../img/Icone/Bianco/envelope.svg'); }
.button-icon.condividi-bianco::after { background-image: url('../img/Icone/Bianco/share-apple.svg'); }

.spuntainfocar { position: relative; padding-right: 15px; display: inline-block; }
	.spuntainfocar::after { content: ""; position: center; width: 20px; height: 20px; background-size: 15px 15px; background-image: url('../img/Icone/Grigio_Scuro/check.svg'); position: absolute; background-repeat: no-repeat; top: -3px; right: -10px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.button-bottom-bg, .button-bottom-bg-active:hover { background-image: url('../img/bgcampagna.jpg'); background-repeat: no-repeat; background-size: cover; background-position: right 60%; }
	.button-bottom-bg-active, .button-bottom-bg:hover { background-image: url('../img/bgcampagna_active.jpg'); background-repeat: no-repeat; background-size: cover; background-position: right 60%; }

.text-shadow-black { text-shadow: 1px 1px 0px #000; }
.text-shadow-white { text-shadow: 1px 1px 0px #fff; }
/* Rules ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a { color: inherit; text-decoration: none; font-weight: normal; }
label { color: inherit; text-decoration: none; font-weight: normal; }
.dd { clear: both; display: block; }
.pager-link { margin: 0 10px; }
	.pager-link:not(.pager-current):hover { text-decoration: underline; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.lighter { font-weight: lighter; }
.bolder { font-weight: bolder; }
.bold { font-weight: bold; }

/* Spaziatura riga ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.lh00 { line-height: 17px; }
.lh01 { line-height: 2em; }
.lh02 { line-height: 2.5em; }
.lh03 { line-height: 3em; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Font Color ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.c01 { color: #ffffff; }
.c02 { color: #ebebeb !important; }
.c03 { color: #e6e6e6 !important; }
.c04 { color: #735B50 !important; margin-bottom: 5px; font-weight: bold; }
.c05 { color: #878787 !important; }
.c06 { color: #666666 !important; }
.c07 { color: #565656 !important; }
.c08 { color: #252525 !important; }
.c09 { color: #000000 !important; }
.c010 { color: #f7d900 !important; }
.c011 { color: #f7d900 !important; /*blu bmw chiaro*/ }
.c012 { color: #1c95d4 !important; }
.c013 { color: #ff0000 !important; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/**/
/*.head { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); position: absolute; top: 0; left: 0; right: 0; z-index: 1; }*/
.head .logo1 { line-height: 80px; margin: 0 0 0 15px; margin: 2px; }
.head .logo2 { position: absolute; top: 0; right: 15px; bottom: 0; background-image: url('../img/logo_right.jpg'); width: 400px; background-size: contain; background-repeat: no-repeat; background-position: center; }
/**/
.container { }

.padding { padding: 0 10px; }
.padding-v { padding: 10px; }

.imginput { width: 20px; height: 20px; cursor: pointer }
/**/
.transparent { background-color: transparent !important; padding: 2px 10px; }
/**/
.border-none { border: none !important }
/**/
.button1, .button2, .button3, .button4 { line-height: 20px !important; font-weight: bold; }

/* Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (min-width: 1024px) {
	.login_bkg { width: 100%; height: 100%; position: fixed; bottom: 0; background-image: url('../img/Immagini/P90258046_highRes.jpg'); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; background-color: #fff; opacity: .5; }
	.container02 .section.login { background-color: transparent; }

	/* Font Size ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.t0 { font-size: 11px !important; }
	.t1 { font-size: 12px; }
	.t2 { font-size: 12.5px; }
	.t3 { font-size: 13px; }
	.t4 { font-size: 14px; }
	.t5 { font-size: 15px; }
	.t6 { font-size: 16px; }
	.t7 { font-size: 17px; }
	.t8 { font-size: 18px; }
	.t9 { font-size: 19px; }
	.t10 { font-size: 20px; }
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

}

@media screen and (max-width: 1023px) and (min-width: 481px) {
	.login_bkg { width: 100%; height: 100%; position: fixed; bottom: 0; background-image: url('../img/Immagini/P90258046_highRes.jpg'); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; background-color: #fff; opacity: .5; }
	.container02 .section.login { background-color: transparent; }

	/* Font Size ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.t0 { font-size: 10px !important; }
	.t1 { font-size: 11px; }
	.t2 { font-size: 12px; }
	.t3 { font-size: 13px; }
	.t4 { font-size: 14px; }
	.t5 { font-size: 15px; }
	.t6 { font-size: 16px; }
	.t7 { font-size: 17px; }
	.t8 { font-size: 18px; }
	.t9 { font-size: 19px; }
	.t10 { font-size: 20px; }
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.table,
	.table .tr,
	.table .tr .td,
	.table .tr .th { font-size: 85% !important; }
}

@media screen and (max-width: 480px) {
	.login_bkg { width: 100%; height: 100%; position: fixed; bottom: 0; background-image: url('../img/Immagini/P90258046_highRes.jpg'); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; background-color: #fff; opacity: .5; }
	.container02 .section.login { background-color: transparent; }


	/* Font Size ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.t0 { font-size: 9px !important; }
	.t1 { font-size: 10px !important; }
	.t2 { font-size: 11px !important; }
	.t3 { font-size: 11px !important; }
	.t4 { font-size: 11px !important; }
	.t5 { font-size: 11px !important; }
	.t6 { font-size: 12px !important; }
	.t7 { font-size: 13px !important; }
	.t8 { font-size: 14px !important; }
	.t9 { font-size: 15px !important; }
	.t10 { font-size: 16px !important; }
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	.w50 { width: 90% !important; box-shadow: 0 0 5px rgba(0,0,0,.5); position: relative; margin: 10px auto !important; padding: 15px; }


	.table,
	.table .tr,
	.table .tr .td,
	.table .tr .th { font-size: 85% !important; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.modal { position: fixed; left: 0 !important; bottom: 0 !important; /* top: 0 !important; */ right: 0 !important; /* bottom: 0 !important; */ height: 100%; z-index: 999999; display: none; /* width: 100%;*/ background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.05) 73%, rgba(0,0,0,0.47) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.05) 73%,rgba(0,0,0,0.47) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 70%,rgba(0,0,0,0.05) 73%,rgba(0,0,0,0.47) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#78000000',GradientType=0 ); }
	.modal .modal-dialog { text-align: center; width: 50%; height: auto; overflow-y: auto; max-height: 300px; /* margin: 10% auto; */ background-color: #eee !important; font-size: 0.9em; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); box-shadow: 0px 0px 75px -10px rgba(0,0,0,0.75); position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); }
		.modal .modal-dialog .modal-header { text-align: center; padding-top: 5px; font-weight: bold; text-transform: uppercase; }
		.modal .modal-dialog .modal-body { padding: 0 0 17px 0; font-size: 15px; font-weight: normal; }
		.modal .modal-dialog .close { text-align: right; /* padding-right: 5px; */ /* padding-top: 5px; */ position: absolute; right: 5px; top: 5px; }
			.modal .modal-dialog .close img { width: 15px; height: 15px; cursor: pointer; }

/* checkbox tondi con sfondo blue quando selezionati */
.flagconfermato { width: 20px; height: 20px; vertical-align: middle; }

/* Immagine in lista anagrafiche*/
.imgdelete { width: 30%; margin-left: auto; margin-right: auto; text-align: center; display: table-cell; vertical-align: middle; }

.tabletarget { overflow-y: scroll !important; height: 500px; }
.thtarget { position: sticky; top: 0; }

.d-none { display: none !important; }
.feedbkack-checkbox { display: inline-flex; width: 10%; }
.colorpicker { margin: -7px; margin-left: 10px; }
.colorehex { appearance: auto; width: 50px; height: 27px; cursor: default; box-sizing: border-box; background-color: buttonface; color: buttontext; border-width: 1px; border-style: solid; border-color: buttonborder; border-image: initial; padding: 1px 2px; }
.h25 { height: 25px; }
.ico { margin-top: -0.3%; margin-left: -2%; position: absolute; }


/**/
.chat { max-height: 500px; overflow-y: scroll; overflow-x: hidden; }
	.chat .mess-rec { background-color: #E9E9E9; max-width: 35%; padding: 10px; margin-left: 60px; border-radius: 6px; position: relative; margin: 5px auto 25px 60px; width: fit-content; min-width: 12%; }
	.chat .mess-rec.email { min-width: 35%; }
		.chat .mess-rec span { color: #000; font-size: 12px; }
		.chat .mess-rec .user-icon { background-color: #E9E9E9; width: 40px; height: 40px; border-radius: 100%; position: absolute; left: -60px; bottom: 0; border: solid 1px #999; }
			.chat .mess-rec .user-icon span { font-size: 25px !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity:0.7; }
		.chat .mess-rec .date-rec { color: #000; position: absolute; bottom: -15px; font-size: 10px; opacity: 0.4; left: 10px; font-family: sans-serif; }
	.chat .mess-send { background-color: #808080; max-width: 35%; padding: 10px; margin-right: 70px; border-radius: 6px; position: relative; margin: 5px 70px 25px auto; width: fit-content; min-width: 12%; }
	.chat .mess-send.email { min-width: 35%; }
		.chat .mess-send span { color: #fff; font-size: 12px; }
		.chat .mess-send .user-icon { background-color: #808080; width: 40px; height: 40px; border-radius: 100%; position: absolute; right: -60px; bottom: 0; border: solid 1px #999; }
			.chat .mess-send .user-icon span { font-size: 25px !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0.7; }
		.chat .mess-send .date-send { color: #000; position: absolute; bottom: -15px; font-size: 10px; opacity: 0.4; right: 10px; font-family: sans-serif; }


/**/
.triangle-send { width: 0px; height: 0px; border-style: solid; border-width: 7.5px 0 7.5px 15px; border-color: transparent transparent transparent #808080; transform: rotate(0deg); position: absolute; right: -14px; bottom: 12px; }
.triangle-rec { width: 0px; height: 0px; border-style: solid; border-width: 7.5px 15px 7.5px 0; border-color: transparent #E9E9E9 transparent transparent; transform: rotate(0deg); position: absolute; left: -14px; bottom: 12px; }

/**/
.chat .mess-rec .title { font-size: 12px; font-weight: 700; color: #000000; display: block; margin: 5px 0; }
.chat .mess-send .title { font-size: 12px; font-weight: 700; color: #fff; display: block; margin: 5px 0; }
.chat .mess-rec.attach, .chat .mess-send.attach { }
.chat .material-symbols-outlined { font-size: 40px !important; margin-right: 10px; }
.chat .reply .material-symbols-outlined.re { font-size: 20px !important; margin-right: 10px; }


.chat .attach .attached { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; border-bottom: solid 1px #ccc; padding: 10px; background-color: rgba(0, 0, 0, 0.1); border-radius: 5px; }
.chat .reply .re-attached { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: flex-start; border-bottom: solid 1px #ccc; padding: 10px; background-color: rgba(0, 0, 0, 0.1); border-radius: 5px; }
	.chat .reply .re-attached .re-msg { display: flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; }
		.chat .reply .re-attached .re-msg .date-re { font-size: 10px; opacity: 0.7; font-family: sans-serif; font-weight: normal; margin-left: 5px; }
.attached { display: flex; align-content: center; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: nowrap; }

/**/
.message-bar { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: space-between; align-items: stretch; padding: 5px; border-top: solid 1px #ccc; }
	.message-bar .text-mask { background-color: #f8f8f8; position: relative; width: 80%; height: 60px; border-radius: 5px; }
		.message-bar .text-mask textarea { resize: none; background: transparent; border: none; outline: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 5px; font-family: sans-serif; font-size: 12px; }
	.message-bar .input-mask { min-width: 110px; position: relative; height: auto; }
		.message-bar .input-mask input { position: absolute; top: 0; right: 0; bottom: 0; border: none; text-align: left; color: #fff; font-weight: 600; background-color: #000; border-radius: 5px; margin-left: 5px; min-width:100px; }
		.message-bar .input-mask span { color: #fff; z-index: 1; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); }
/**/
/* width */
::-webkit-scrollbar { width: 6px; }

/* Track */
::-webkit-scrollbar-track { background: #ccc; }

/* Handle */
::-webkit-scrollbar-thumb { background: #000; }

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover { background: #000; }

.file-input {
	display: none;
}

/* Stile personalizzato per il pulsante */
.file-label {
	display: inline-block;
	padding: 10px 10px;
	background-color: #404040;
	color: white;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	min-width: 100px;
	width: auto;
	height: 40px;
	align-content: center;
}

/* Aggiunge un testo per il file selezionato */
.file-label::after {
	content: attr(data-file-name);
	display: block;
	margin-top: 8px;
	font-size: 9px;
	color: white;
	font-weight: normal;
}

.ajax-preloader-container {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .2);
	z-index: 999999;
}

.ajax-preloader {
	position: fixed;
	display: block;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -200px;
	width: 250px;
	height: 30px;
	line-height: 64px;
	padding: 24px;
	text-align: center;
	background: #fff url(../img/ajax-loader.gif) no-repeat center 8px;
	border: 1px solid #888;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

@media screen and (max-width: 480px) {
	.ajax-preloader {
		width: auto;
		right: 20px;
		left: 20px;
		margin-left: auto;
	}
}

.email-container, .invioemail-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(10px);
	z-index: 999998; 
}

.email-content {
	position: relative;
	height: 80%;
	width: 98%;
	top: 80px;
	display: inline-block;
	background-color: white;
	padding:20px 0 40px 20px;
}

.email-section {
	width: 95%;
	display: inline-flex;
	padding:1px 1px 1px 10px ;
	align-items: center;
	font-weight:bold;
}

.email-iframe {
	position:relative;
	width: 99%; 
	height: 90%; 
	border-top: 1px solid #ccc;
}

.email-close-btn {
	position: absolute;
	top: 7px;
	right: 20px;
	font-size: 20px !important;
	color: #fff !important;
	background-color: #000;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px 20px;
	cursor: pointer;
	z-index: 10000;
}
#close-lightbox { position: fixed; top: 20px; right: 20px; font-size: 40px; color: #FFF; cursor: pointer; }
#lightbox-image { position: fixed; top: 50%; left: 50%; margin: 0; max-width: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#lightbox-image-wrapper { width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; }
#lightbox-wrapper { display: none; width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 99999; }
    #lightbox-wrapper.active { display: block; }
.smp-lightbox { cursor: pointer; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }

@media screen and (min-width: 1024px) {
    .filtri_admin { margin-top: 110px; }
        .filtri_admin.rule01 { margin-top: 0 !important; }
            .filtri_admin.rule01 .container { position: relative; width: 100% !important; margin: 10px auto; }
        .filtri_admin.rule02 { margin-top: 0 !important; }
            .filtri_admin.rule02 .container { position: relative; width: 75%; margin: 10px auto; }

    .box-cont2 { display: flex; justify-content: flex-start; }
        .box-cont2 .box { width: auto !important; }
            .box-cont2 .box:last-child { /*border-left: 1px solid #ccc;*/ padding-left: 15px; }
            .box-cont2 .box.only { border-left: none; }

    .box-cont3 { display: flex; justify-content: space-between; }
        .box-cont3 .box { width: auto !important; padding: 0 15px; }
            .box-cont3 .box:last-child { /* border-left: 1px solid #ccc; */ padding-left: 15px; }
            .box-cont3 .box.only { border-left: none; }

    .box-cont4 { display: flex; justify-content: space-between; }
        .box-cont4 > .box { width: 45% !important; padding: 0 15px; }
        .box-cont4 .box:last-child { /*border-left: 1px solid #ccc;*/ padding-left: 15px; }
        .box-cont4 .box.only { border-left: none; }

        /*.box-cont4 .box .checked { background-image: url('../img/Icone/Grigio_Scuro/check.svg'); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; cursor: pointer; height: 30px; line-height: 20px; }
        .box-cont4 .box .uncheck { background-image: url('../img/Icone/Grigio_Scuro/close.svg'); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; cursor: pointer; height: 30px; line-height: 20px; }*/
        /**/
        .box-cont4 .box .checked { background-image: url('../img/Icone/Grigio_Scuro/check.svg'); background-repeat: no-repeat; background-position: left center; background-size: 18px; cursor: pointer; height: 30px; line-height: 20px; }
            .box-cont4 .box .checked input { visibility: hidden !important; }
        .box-cont4 .box .uncheck { background-image: url('../img/Icone/Grigio_Scuro/close.svg'); background-repeat: no-repeat; background-position: left center; background-size: 18px; cursor: pointer; height: 30px; line-height: 20px; }
            .box-cont4 .box .uncheck input { visibility: hidden !important; }



    .table .checked { width: 13px; height: 13px; position: absolute; left: 50%; top: 50%; border-radius: 100%; background-color: #4489C8; transform: translate(-50%,-50%); }
    .table .uncheck { width: 13px; height: 13px; position: absolute; left: 50%; top: 50%; border-radius: 100%; background-color: #cccccc; transform: translate(-50%,-50%); }


    .box-cont5 { display: flex; justify-content: space-between; }
        .box-cont5 .box { width: 45% !important; padding: 0 15px; border: none !important; }

    .box-cont { display: flex; justify-content: space-between; }
        .box-cont .div-internal-box { width: 45%; }
        .box-cont .box { margin: 5px; width: 55%; }
            .box-cont .box.rule2 { width: auto !important; margin: 5px; }
			.box-cont .box.rule75 { width: 75% !important; margin: 5px; }
        .box-cont .box-button { width: 100%; margin: 15px 0; }
        .box-cont .box02 { width: 100%; margin: 15px; }
        .box-cont .box-image { width: 40%; display: flex; flex-direction: column; justify-content: flex-start; align-content: center; }
            .box-cont .box-image .image { width: 100%; }
                .box-cont .box-image .image img { width: 100%; }
        .box-cont .box-textarea { width: 100%; margin: 15px; overflow: hidden; }


    .vertical-line { width: 1px !important; height: 200px; background-color: #A9A9A9; }
    /**/
    .tag { display: inline-block; padding: 3px 10px 3px 20px; margin: 3px; border-radius: 30px 5px 5px 30px; }
        .tag.tag01 { background-color: #5A7AC9; border-left: double 5px #B1C2EF; border-right: double 5px #B1C2EF; }
        .tag.tag02 { background-color: #5A7AC9; }
        .tag.tag03 { background-color: #5A7AC9; }
        .tag.tag04 { background-color: transparent; }
    /**/
    .box-srch.slider-range { width: auto; margin: 0 15px; cursor: pointer !important; }
        .box-srch.slider-range .title { margin-bottom: 30px; }


    .box-srch { width: 80%; margin: 0 15px; cursor: pointer !important; }
        .box-srch .image-srch { }
            .box-srch .image-srch img { width: 100%; }
        .box-srch .titolo-srch { margin-top: 10px; color: #6B575C; display: block; position: relative; padding-bottom: 3px; border-bottom: solid 2px #fff; }
        .box-srch.active .titolo-srch { border-bottom: solid 2px #f7d900; }
        .box-srch:hover .titolo-srch { border-bottom: solid 2px #f7d900; }

    .adv-srch { border-bottom: solid 1px #A9A9A9; display: block; position: relative; cursor: pointer; }
        .adv-srch::after { position: absolute; background-position: right center; background-size: 10px 10px; background-repeat: no-repeat; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); left: 0; bottom: 3px; right: 0; top: 0; height: 15px; content: ""; }

    .adv-srch-container { display: none; }

    /**/
    .tag-car { display: inline-block; width: 3px; height: 20px; margin-right: 3px; }
        .tag-car.disp { background-color: #A9A9A9; }
        .tag-car.pren { background-color: #252625; }
        .tag-car.rip { background-color: #f7d900; }

    /*.tag-car2 { display: inline-block; width: 3px; height: 20px; margin-right: 3px; }
.tag-car2.disp { background-color: #A9A9A9; }
.tag-car2.pren { background-color: #252625; }
.tag-car2.rip { background-color: #f7d900; }*/
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
    .filtri_admin { margin-top: 110px; }
        .filtri_admin.rule01 { margin-top: 0 !important; }
            .filtri_admin.rule01 .container { position: relative; width: 100% !important; margin: 10px auto; }
        .filtri_admin.rule02 { margin-top: 0 !important; }
            .filtri_admin.rule02 .container { position: relative; width: 75%; margin: 10px auto; }

    .box-cont2 { display: flex; justify-content: flex-start; }
        .box-cont2 .box { width: auto !important; }
            .box-cont2 .box:last-child { /*border-left: 1px solid #ccc;*/ padding-left: 15px; }
            .box-cont2 .box.only { border-left: none; }

    .box-cont3 { display: flex; justify-content: space-between; }
        .box-cont3 .box { width: auto !important; padding: 0 15px; }
            .box-cont3 .box:last-child { /* border-left: 1px solid #ccc; */ padding-left: 15px; }
            .box-cont3 .box.only { border-left: none; }

    .box-cont4 { display: flex; justify-content: space-between; }
        .box-cont4 > .box { width: 45% !important; padding: 0 15px; }
        .box-cont4 .box:last-child { /*border-left: 1px solid #ccc;*/ padding-left: 15px; }
        .box-cont4 .box.only { border-left: none; }

        /*.box-cont4 .box .checked { background-image: url('../img/Icone/Grigio_Scuro/check.svg'); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; cursor: pointer; height: 30px; line-height: 20px; }
        .box-cont4 .box .uncheck { background-image: url('../img/Icone/Grigio_Scuro/close.svg'); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; cursor: pointer; height: 30px; line-height: 20px; }*/
        /**/
        .box-cont4 .box .checked { background-image: url('../img/Icone/Grigio_Scuro/check.svg'); background-repeat: no-repeat; background-position: left center; background-size: 18px; cursor: pointer; height: 30px; line-height: 20px; }
            .box-cont4 .box .checked input { visibility: hidden !important; }
        .box-cont4 .box .uncheck { background-image: url('../img/Icone/Grigio_Scuro/close.svg'); background-repeat: no-repeat; background-position: left center; background-size: 18px; cursor: pointer; height: 30px; line-height: 20px; }
            .box-cont4 .box .uncheck input { visibility: hidden !important; }

    .table .checked { width: 13px; height: 13px; position: absolute; left: 50%; top: 50%; border-radius: 100%; background-color: #4489C8; transform: translate(-50%,-50%); }
    .table .uncheck { width: 13px; height: 13px; position: absolute; left: 50%; top: 50%; border-radius: 100%; background-color: #cccccc; transform: translate(-50%,-50%); }


    .box-cont5 { display: flex; justify-content: space-between; }
        .box-cont5 .box { width: 45% !important; padding: 0 15px; border: none !important; }

    .box-cont { display: block; }
        .box-cont .div-internal-box { width: 95%; }
        .box-cont .box { margin: 5px; width: 95%; }
            .box-cont .box.rule2 { width: auto !important; margin: 5px; }
        .box-cont .box-button { width: 100%; margin: 15px 0; }
        .box-cont .box02 { width: 100%; margin: 15px; }
        .box-cont .box-image { width: 40%; display: flex; flex-direction: column; justify-content: flex-start; align-content: center; }
            .box-cont .box-image .image { width: 100%; }
                .box-cont .box-image .image img { width: 100%; }
        .box-cont .box-textarea { width: 100%; margin: 15px; overflow: hidden; }



    .lista.box-cont { display: flex; justify-content: space-between; }
        .lista.box-cont .div-internal-box { width: 45%; }
        .lista.box-cont .box { margin: 5px; width: 55%; }
            .lista.box-cont .box.rule2 { width: auto !important; margin: 5px; }
        .lista.box-cont .box-button { width: 100%; margin: 15px 0; }
        .lista.box-cont .box02 { width: 100%; margin: 15px; }
        .lista.box-cont .box-image { width: 40%; display: flex; flex-direction: column; justify-content: flex-start; align-content: center; }
            .lista.box-cont .box-image .image { width: 100%; }
                .lista.box-cont .box-image .image img { width: 100%; }
        .lista.box-cont .box-textarea { width: 100%; margin: 15px; overflow: hidden; }




    .vertical-line { width: 1px !important; height: 200px; background-color: #A9A9A9; }
    /**/
    .tag { display: inline-block; padding: 3px 10px 3px 20px; margin: 3px; border-radius: 30px 5px 5px 30px; }
        .tag.tag01 { background-color: #5A7AC9; border-left: double 5px #B1C2EF; border-right: double 5px #B1C2EF; }
        .tag.tag02 { background-color: #5A7AC9; }
        .tag.tag03 { background-color: #5A7AC9; }
        .tag.tag04 { background-color: transparent; }
    /**/
    .box-srch.slider-range { width: auto; margin: 0 15px; cursor: pointer !important; }
        .box-srch.slider-range .title { margin-bottom: 30px; }


    .box-srch { width: 80%; margin: 0 15px; cursor: pointer !important; }
        .box-srch .image-srch { }
            .box-srch .image-srch img { width: 100%; }
        .box-srch .titolo-srch { margin-top: 10px; color: #6B575C; display: block; position: relative; padding-bottom: 3px; border-bottom: solid 2px #fff; }
        .box-srch.active .titolo-srch { border-bottom: solid 2px #f7d900; }
        .box-srch:hover .titolo-srch { border-bottom: solid 2px #f7d900; }

    .adv-srch { border-bottom: solid 1px #A9A9A9; display: block; position: relative; cursor: pointer; }
        .adv-srch::after { position: absolute; background-position: right center; background-size: 10px 10px; background-repeat: no-repeat; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); left: 0; bottom: 3px; right: 0; top: 0; height: 15px; content: ""; }

    .adv-srch-container { display: none; }

    /**/
    .tag-car { display: inline-block; width: 3px; height: 20px; margin-right: 3px; }
        .tag-car.disp { background-color: #A9A9A9; }
        .tag-car.pren { background-color: #252625; }
        .tag-car.rip { background-color: #f7d900; }

    /*.tag-car2 { display: inline-block; width: 3px; height: 20px; margin-right: 3px; }
.tag-car2.disp { background-color: #A9A9A9; }
.tag-car2.pren { background-color: #252625; }
.tag-car2.rip { background-color: #f7d900; }*/
}

@media screen and (max-width: 480px) {
    .filtri_admin { margin-top: 110px; }
        .filtri_admin.rule01 { margin-top: 0 !important; }
            .filtri_admin.rule01 .container { position: relative; width: 100% !important; margin: 10px auto; }
        .filtri_admin.rule02 { margin-top: 0 !important; }
            .filtri_admin.rule02 .container { position: relative; width: 75%; margin: 10px auto; }

    .box-cont2 { display: flex; justify-content: flex-start; }
        .box-cont2 .box { width: auto !important; }
            .box-cont2 .box:last-child { /*border-left: 1px solid #ccc;*/ padding-left: 15px; }
            .box-cont2 .box.only { border-left: none; }

    .box-cont3 { display: flex; justify-content: space-between; }
        .box-cont3 .box { width: auto !important; padding: 0 15px; }
            .box-cont3 .box:last-child { /* border-left: 1px solid #ccc; */ padding-left: 15px; }
            .box-cont3 .box.only { border-left: none; }

    .box-cont4 { display: flex; justify-content: space-between; }
        .box-cont4 > .box { width: 45% !important; padding: 0 15px; }
        .box-cont4 .box:last-child { /*border-left: 1px solid #ccc;*/ padding-left: 15px; }
        .box-cont4 .box.only { border-left: none; }

        .box-cont4 .box .checked { background-image: url('../img/Icone/Grigio_Scuro/check.svg'); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; cursor: pointer; height: 30px; line-height: 20px; }
        .box-cont4 .box .uncheck { background-image: url('../img/Icone/Grigio_Scuro/close.svg'); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; cursor: pointer; height: 30px; line-height: 20px; }

    .table .checked { width: 13px; height: 13px; position: absolute; left: 50%; top: 50%; border-radius: 100%; background-color: #4489C8; transform: translate(-50%,-50%); }
    .table .uncheck { width: 13px; height: 13px; position: absolute; left: 50%; top: 50%; border-radius: 100%; background-color: #cccccc; transform: translate(-50%,-50%); }


    .box-cont5 { display: flex; justify-content: space-between; }
        .box-cont5 .box { width: 45% !important; padding: 0 15px; border: none !important; }

    .box-cont { display: block; }
        .box-cont .div-internal-box { width: 95%; }
        .box-cont .box { margin: 5px; width: 95%; }
            .box-cont .box.rule2 { width: auto !important; margin: 5px; }
        .box-cont .box-button { width: 100%; margin: 15px 0; }
        .box-cont .box02 { width: 100%; margin: 15px; }
        .box-cont .box-image { width: 40%; display: flex; flex-direction: column; justify-content: flex-start; align-content: center; }
            .box-cont .box-image .image { width: 100%; }
                .box-cont .box-image .image img { width: 100%; }
        .box-cont .box-textarea { width: 100%; margin: 15px; overflow: hidden; }



    .lista.box-cont { display: flex; justify-content: space-between; }
        .lista.box-cont .div-internal-box { width: 45%; }
        .lista.box-cont .box { margin: 5px; width: 55%; }
            .lista.box-cont .box.rule2 { width: auto !important; margin: 5px; }
        .lista.box-cont .box-button { width: 100%; margin: 15px 0; }
        .lista.box-cont .box02 { width: 100%; margin: 15px; }
        .lista.box-cont .box-image { width: 40%; display: flex; flex-direction: column; justify-content: flex-start; align-content: center; }
            .lista.box-cont .box-image .image { width: 100%; }
                .lista.box-cont .box-image .image img { width: 100%; }
        .lista.box-cont .box-textarea { width: 100%; margin: 15px; overflow: hidden; }




    .vertical-line { width: 1px !important; height: 200px; background-color: #A9A9A9; }
    /**/
    .tag { display: inline-block; padding: 3px 10px 3px 20px; margin: 3px; border-radius: 30px 5px 5px 30px; }
        .tag.tag01 { background-color: #5A7AC9; border-left: double 5px #B1C2EF; border-right: double 5px #B1C2EF; }
        .tag.tag02 { background-color: #5A7AC9; }
        .tag.tag03 { background-color: #5A7AC9; }
        .tag.tag04 { background-color: transparent; }
    /**/
    .box-srch.slider-range { width: auto; margin: 0 15px; cursor: pointer !important; }
        .box-srch.slider-range .title { margin-bottom: 30px; }


    .box-srch { width: 80%; margin: 0 15px; cursor: pointer !important; }
        .box-srch .image-srch { }
            .box-srch .image-srch img { width: 100%; }
        .box-srch .titolo-srch { margin-top: 10px; color: #6B575C; display: block; position: relative; padding-bottom: 3px; border-bottom: solid 2px #fff; }
        .box-srch.active .titolo-srch { border-bottom: solid 2px #f7d900; }
        .box-srch:hover .titolo-srch { border-bottom: solid 2px #f7d900; }

    .adv-srch { border-bottom: solid 1px #A9A9A9; display: block; position: relative; cursor: pointer; }
        .adv-srch::after { position: absolute; background-position: right center; background-size: 10px 10px; background-repeat: no-repeat; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); left: 0; bottom: 3px; right: 0; top: 0; height: 15px; content: ""; }

    .adv-srch-container { display: none; }

    /**/
    .tag-car { display: inline-block; width: 3px; height: 20px; margin-right: 3px; }
        .tag-car.disp { background-color: #A9A9A9; }
        .tag-car.pren { background-color: #252625; }
        .tag-car.rip { background-color: #f7d900; }

    /*.tag-car2 { display: inline-block; width: 3px; height: 20px; margin-right: 3px; }
.tag-car2.disp { background-color: #A9A9A9; }
.tag-car2.pren { background-color: #252625; }
.tag-car2.rip { background-color: #f7d900; }*/
}

.table { position: relative; display: inline-block; width: 100%; font-size: 80%; margin-top: 3px; font-size: 11px !important; overflow: hidden; text-overflow: ellipsis !important; }
    .table .target { overflow-y: scroll; height: 500px;}
    .table .th { display: flex; justify-content: space-between; box-shadow: none; border-bottom: solid 3px rgba(0,0,0,0.2) !important; overflow: hidden; text-overflow: ellipsis !important; }
        .table .th .sticky { position: sticky; top: 0}
        .table .th .td { display: none; padding: 5px 0px 5px 3px; margin: 0; background-color: #ffffff; border-right: 1px solid rgba(0,0,0,0.1); font-family: Arial !important; font-weight: normal !important; }
			.table .th .td.orderby { cursor: pointer; text-decoration:underline; }
.table .th .td:first-child { border-left: none; }
.table .th .td:last-child { border-right: none; }
.table .div-scroller { overflow-x: hidden; overflow-y: auto; height: auto; height: auto; }
.table .tr { display: flex; justify-content: space-between; }
.table .tr.corrispondenze { background-color: darkgreen !important; }
.table .tr.similitudini { background-color: orange !important; }
.table .tr:hover { opacity: 1; box-shadow: 0px 2px 5px rgba(0,0,0,0.5); }
    .table .tr .td { display: none; padding: 10px 0px 10px 3px; margin: 0; border-right: 1px solid rgba(0,0,0,0.2); border-bottom: 1px solid rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.8); font-family: Arial !important; font-weight: normal !important; }
    .table .tr .td:first-child { border-left: none; font-family: Arial !important; font-weight: normal !important; }
.table .tr .td:last-child { border-right: none; }
.table .tr .td.td-color1 { background-color: rgba(0,0,0,0.7); }
.table .tr .td.td-color2 { background-color: rgba(0,0,0,0.2); }
.table .tr .td.td-color3 { background-color: rgba(0,0,0,0.0); }
.table .tr .td .centered-icon-image { width: 24px; vertical-align: middle; margin: 0 auto; }
.table .tr .td.center, .table .th .td.center { justify-content: center }
.table .tr .td.right, .table .th .td.right { justify-content: right }
.table .button-table { padding: 5px; position: relative; background-color: #3B5EB8; display: block; color: #fff; z-index: 9; }
.table .button-table:hover { background-color: #5A7AC9; }


@media screen and (min-width: 1024px) {

	.table .th .td.td-desktop-5 { display: flex; width: 5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-7_5 { display: flex; width: 7.5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-10 { display: flex; width: 10%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-15 { display: flex; width: 15%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-20 { display: flex; width: 20%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-25 { display: flex; width: 25%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-30 { display: flex; width: 30%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-35 { display: flex; width: 35%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-40 { display: flex; width: 40%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-45 { display: flex; width: 45%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-50 { display: flex; width: 50%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-55 { display: flex; width: 55%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-60 { display: flex; width: 60%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-65 { display: flex; width: 65%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-70 { display: flex; width: 70%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-75 { display: flex; width: 75%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-80 { display: flex; width: 80%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-85 { display: flex; width: 85%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-90 { display: flex; width: 90%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-95 { display: flex; width: 95%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-desktop-100 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-5 { display: flex; width: 5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-7_5 { display: flex; width: 7.5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-10 { display: flex; width: 10%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-15 { display: flex; width: 15%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-20 { display: flex; width: 20%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-25 { display: flex; width: 25%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-30 { display: flex; width: 30%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-35 { display: flex; width: 35%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-40 { display: flex; width: 40%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-45 { display: flex; width: 45%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-50 { display: flex; width: 50%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-55 { display: flex; width: 55%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-60 { display: flex; width: 60%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-65 { display: flex; width: 65%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-70 { display: flex; width: 70%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-75 { display: flex; width: 75%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-80 { display: flex; width: 80%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-85 { display: flex; width: 85%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-90 { display: flex; width: 90%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-95 { display: flex; width: 95%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-desktop-100 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }


    .opensubtable { cursor: pointer; }
    .table .subtable { height: 240px; position: relative; display: none; margin-top: 15px; margin-bottom: 15px; border-bottom: solid 1px rgba(0,0,0,0.5); }
    .table .subtable2 { height: 150px; position: relative; margin-top: 15px; margin-bottom: 15px; }
    .table .subtable3 { height: auto; position: relative; margin-top: 15px; margin-bottom: 15px; }
    .flexbox { display: flex; justify-content: space-around; width: auto; }
        .flexbox .box { width: 45%; }
        .flexbox .box-check { width: 20px; border-right: 3px solid #fff; position: relative; }
            .flexbox .box-check.disp { border-right: 3px solid #A9A9A9; }
            .flexbox .box-check.pren { border-right: 3px solid #252625; }
            .flexbox .box-check.rip { border-right: 3px solid #f7d900; }
            .flexbox .box-check .check-list { width: 15px; height: 15px; position: absolute; transform: translate(-50%,-50%); left: 30%; top: 50%; background-color: #3B5EB8; border-radius: 100%; }
                .flexbox .box-check .check-list.uncheck { background-color: #A9A9A9 !important; }
    .box-list { height: 50px; margin-top: 7px; justify-content: space-between; align-content: flex-start; }
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
	.table .th .td.td-tablet-5 { display: flex; width: 5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-7_5 { display: flex; width: 7.5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-10 { display: flex; width: 10%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-15 { display: flex; width: 15%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-20 { display: flex; width: 20%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-25 { display: flex; width: 25%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-30 { display: flex; width: 30%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-35 { display: flex; width: 35%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-40 { display: flex; width: 40%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-45 { display: flex; width: 45%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-50 { display: flex; width: 50%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-55 { display: flex; width: 55%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-60 { display: flex; width: 60%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-65 { display: flex; width: 65%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-70 { display: flex; width: 70%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-75 { display: flex; width: 75%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-80 { display: flex; width: 80%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-85 { display: flex; width: 85%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-90 { display: flex; width: 90%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-95 { display: flex; width: 95%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .th .td.td-tablet-100 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-5 { display: flex; width: 5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-7_5 { display: flex; width: 7.5%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-10 { display: flex; width: 10%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-15 { display: flex; width: 15%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-20 { display: flex; width: 20%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-25 { display: flex; width: 25%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-30 { display: flex; width: 30%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-35 { display: flex; width: 35%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-40 { display: flex; width: 40%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-45 { display: flex; width: 45%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-50 { display: flex; width: 50%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-55 { display: flex; width: 55%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-60 { display: flex; width: 60%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-65 { display: flex; width: 65%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-70 { display: flex; width: 70%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-75 { display: flex; width: 75%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-80 { display: flex; width: 80%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-85 { display: flex; width: 85%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-90 { display: flex; width: 90%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-95 { display: flex; width: 95%; overflow: hidden; text-overflow: ellipsis !important; }
	.table .tr .td.td-tablet-100 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }

    .opensubtable { cursor: pointer; }
    .table .subtable { height: 240px; position: relative; display: none; margin-top: 15px; margin-bottom: 15px; border-bottom: solid 1px rgba(0,0,0,0.5); font-size:10% !important; }
    .table .subtable2 { height: 150px; position: relative; margin-top: 15px; margin-bottom: 15px; }
    .table .subtable3 { height: auto; position: relative; margin-top: 15px; margin-bottom: 15px; }
    .flexbox { display: block; justify-content: space-around; width: auto; }
        .flexbox .box { width: 100%; }
        .flexbox .box-check { width: 20px; border-right: 3px solid #fff; position: relative; }
            .flexbox .box-check.disp { border-right: 3px solid #A9A9A9; }
            .flexbox .box-check.pren { border-right: 3px solid #252625; }
            .flexbox .box-check.rip { border-right: 3px solid #f7d900; }
            .flexbox .box-check .check-list { width: 15px; height: 15px; position: absolute; transform: translate(-50%,-50%); left: 30%; top: 50%; background-color: #3B5EB8; border-radius: 100%; }
                .flexbox .box-check .check-list.uncheck { background-color: #A9A9A9 !important; }
    .box-list { height: 50px; margin-top: 7px; justify-content: space-between; align-content: flex-start; }

}

@media screen and (max-width: 480px) {
    /**/
    .hidemobile { display: none !important }
    /**/



    .table .th .td.td-desktop-5 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-7_5 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-10 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-15 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-20 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-25 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-30 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-35 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-40 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-45 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-50 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-55 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-60 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-65 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-70 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-75 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-80 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-85 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-90 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-95 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .th .td.td-desktop-100 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-5 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-7_5 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-10 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-15 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-20 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-25 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-30 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-35 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-40 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-45 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-50 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-55 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-60 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-65 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-70 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-75 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-80 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-85 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-90 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-95 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }
    .table .tr .td.td-desktop-100 { display: flex; width: 100%; overflow: hidden; text-overflow: ellipsis !important; }

    .opensubtable { cursor: pointer; }
    .table .subtable { height: 240px; position: relative; display: none; margin-top: 15px; margin-bottom: 15px; border-bottom: solid 1px rgba(0,0,0,0.5); font-size:10% !important; }
    .table .subtable2 { height: 150px; position: relative; margin-top: 15px; margin-bottom: 15px; }
    .table .subtable3 { height: auto; position: relative; margin-top: 15px; margin-bottom: 15px; }
    .flexbox { display: block; justify-content: space-around; width: auto; }
        .flexbox .box { width: 100%; }
        .flexbox .box-check { width: 20px; border-right: 3px solid #fff; position: relative; }
            .flexbox .box-check.disp { border-right: 3px solid #A9A9A9; }
            .flexbox .box-check.pren { border-right: 3px solid #252625; }
            .flexbox .box-check.rip { border-right: 3px solid #f7d900; }
            .flexbox .box-check .check-list { width: 15px; height: 15px; position: absolute; transform: translate(-50%,-50%); left: 30%; top: 50%; background-color: #3B5EB8; border-radius: 100%; }
                .flexbox .box-check .check-list.uncheck { background-color: #A9A9A9 !important; }
    .box-list { height: 100px; margin-top: 7px; justify-content: space-between; align-content: flex-start; }

}

[type="submit"], [type="button"], .button2 { font-size: 14px !important; padding: 5px 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; }
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list { background: #fff url('../img/ajax-loader.gif') center center no-repeat; }
/* Arrows */
.slick-prev,
.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus { color: transparent; }
        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before { opacity: 1; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before { opacity: .25; }

    .slick-prev:before,
    .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -18px; width: 20px; height: 230px; background-color: #fff; z-index: 9; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
    .slick-prev:hover { left: -18px; width: 20px; height: 230px; background-color: #fff; z-index: 9; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
[dir='rtl'] .slick-prev { right: -18px; left: auto; background-color: #fff; }
.slick-prev:before { content: '<'; color: #808080; background-color: #fff; }
[dir='rtl'] .slick-prev:before { content: '>'; color: #808080; background-color: #fff; }

.slick-next { right: -15px; width: 20px; height: 230px; background-color: #fff; z-index: 9; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
    .slick-next:hover { right: -15px; width: 20px; height: 230px; background-color: #fff; z-index: 9; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
[dir='rtl'] .slick-next { right: auto; left: -15px; background-color: #fff; }
.slick-next:before { content: '>'; color: #808080; background-color: #fff; }
[dir='rtl'] .slick-next:before { content: '<'; color: #808080; background-color: #fff; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
    .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; }
        .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: black; border-radius: 100%; opacity: 0.5; }
            .slick-dots li button:hover,
            .slick-dots li button:focus { outline: none; opacity: 1; }
                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before { opacity: 0.5; }
            .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 10px; height: 10px; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; border-radius: 100%; }
        .slick-dots li.slick-active button:before { opacity: .75; background-color:black;}


.vertical-center-4 .slick-prev { height:150px; }
.vertical-center-4 .slick-next { height:150px; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
    .slick-list:focus { outline: none; }
    .slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
    .slick-track:before,
    .slick-track:after { display: table; content: ''; }
    .slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; width:100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; margin:10px; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slider-container { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.slider-container .back-bar { height: 10px; position: relative; }
.slider-container .back-bar .selected-bar { position: absolute; height: 100%; }
.slider-container .back-bar .pointer { position: absolute; width: 20px; height: 20px; background-color: red; cursor: col-resize; opacity: 1; z-index: 2; }
.slider-container .back-bar .pointer.last-active { z-index: 3; }
.slider-container .back-bar .pointer-label { position: absolute; top: -28px; font-size: 12px; background: white; white-space: nowrap; line-height: 1; }
.slider-container .back-bar .focused { z-index: 10; }
.slider-container .clickable-dummy { cursor: pointer; position: absolute; width: 100%; height: 100%; z-index: 1; }
.slider-container .scale { top: 2px; position: relative; }
.slider-container .scale span { position: absolute; height: 5px; border-left: 1px solid #999; font-size: 0; }
.slider-container .scale ins { font-size: 12px; text-decoration: none; position: absolute; left: 0; top: 10px; color: #999; line-height: 1; }
.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer { cursor: auto; }
.theme-green .back-bar { height: 5px; background-color:#878787; }
.theme-green .back-bar .selected-bar {  background-color:#f7d900; }
.theme-green .back-bar .pointer { width: 24px; height: 24px; top: -10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  border: 1px solid #AAA; background-color: #fff; }
.theme-green .back-bar .pointer-label { color: #999; }
.theme-green .back-bar .focused { color: #333; }
.theme-green .scale span { border-left: 1px solid #e5e5e5; }
.theme-green .scale ins { color: #999; }
.theme-blue .back-bar { height: 5px; border-radius: 2px; background-color: #eeeeee; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); }
.theme-blue .back-bar .selected-bar { border-radius: 2px; background-color: #92c1f9; background-image: -moz-linear-gradient(top, #b1d1f9, #64a8f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b1d1f9), to(#64a8f9)); background-image: -webkit-linear-gradient(top, #b1d1f9, #64a8f9); background-image: -o-linear-gradient(top, #b1d1f9, #64a8f9); background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1d1f9', endColorstr='#ff64a8f9', GradientType=0); }
.theme-blue .back-bar .pointer { width: 14px; height: 14px; top: -5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; border: 1px solid #AAA; background-color: #e7e7e7; background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0); }
.theme-blue .back-bar .pointer-label { color: #999; }
.theme-blue .back-bar .focused { color: #333; }
.theme-blue .scale span { border-left: 1px solid #e5e5e5; }
.theme-blue .scale ins { color: #999; }


/* manca solo lo stile + testare bene */

.autocomplete-box { position: absolute; border: 1px solid #000; border-radius: 2px; z-index: 5; background-color: #ffffff; }
.autocomplete-box .autocomplete-item { display: block; padding: 6px 8px; width: 200px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default; }
.autocomplete-box .autocomplete-item-selectable:hover { background-color: #1A6BCD; color: #fff; cursor: pointer; }
.autocomplete-box .autocomplete-item small { display: block; }
/* checkbox tondi con sfondo blue quando selezionati */
.flagconfermato { width: 20px; height:20px; vertical-align:middle; }
.customcb { cursor: pointer !important; }
.gallery-03 .customcb { left: 20px !important; }
.customcb [type=checkbox] {	display: none }
.customcb label.inner {	display: block;	width: 20px; height: 20px; position: absolute; background-image: url(../img/Icone/Grigio_Scuro/check_empty.svg)}
.customcb label.outer { margin-left: 25px; vertical-align: middle; }
.customcb input[type=checkbox]:checked + label.inner {	background-image: url(../img/Icone/Grigio_Scuro/check.svg) }

.checkboxlist { margin-right: 20px !important; display: inline-block }
	.checkboxlist input[type=checkbox] {  }
.container .buttons .button1, .container .buttons .button2, .container .buttons .button3, .container .buttons .button4, .container02 .buttons .button1, .container02 .buttons .button3, .container02 .buttons .button4 { border: hidden; cursor: pointer; }
	.container02 .buttons .button4 .button-inline { background-color: transparent; border: none; position: absolute; left: 0; top: 0; bottom: 0; top: 0; text-align: center; width: 100%; cursor: pointer; }

.buttonlink { background-color: transparent; border: none; cursor: pointer; }
.text-cont { margin: 10px; font-size: 12px; }
.titoloform { margin: 10px; border-bottom: solid 1px #f7d900; width: 100%; color: #252632; }
.hidden { display: none; }

.content-collapse.content-collapse-rightbar { box-shadow: 0 0 0 0 rgba(0,0,0,0) !important; }
.content-collapse .collapse-bar.collapse-bar-rightbar { background-position: 90% 20% !important; }
.content-collapse.content-collapse-rightbar .collapse-container { display: none; }

.container .leftbar { display:none !important; }
.buttons div {padding: 0px; line-height: 40px !important;}

@media screen and (min-width: 1024px) {
	.container { position: relative; width: 100%; display: flex; justify-content: space-between; margin-top: 50px; }

		.container .leftbar { width: 180px; background-color: #DCDEE0; margin: 0 10px 0 20px; border-radius: 5px; max-height: 500px; }
			.container .leftbar .titolo { margin-top: -15px; color: #878787; }
			.container .leftbar .buttons { display: flex; flex-direction: column; margin: 15px 10px; position: relative; }
				.container .leftbar .buttons .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 100%; }


		.container .centerbar { width: 100%; margin: 0 10px; }
		.container .centerbar .target { width: 99%; margin: 0px; padding: 0px;}
			.container .centerbar .titolo { margin-top: -15px; color: #878787; }
			.container .centerbar .section-user { height: auto; background-image: url('../img/Immagini/P90258046_highRes.jpg'); background-position: center; background-size: 100% auto; display: flex; justify-content: flex-start; margin-top: 5px; position: relative; border-radius: 5px; overflow: hidden; }
				.container .centerbar .section-user .close { position: absolute; width: 15px; height: 15px; top: 10px; right: 10px; background-position: center; background-repeat: no-repeat; background-size: 15px auto; background-image: url('../img/Icone/Nero/close.svg'); cursor: pointer; display: block; z-index: 2; }
				.container .centerbar .section-user .user-img { width: 50px; height: 50px; border-radius: 100%; overflow: hidden; border: solid 1px #f7d900; margin: 20px; z-index: 1; }
					.container .centerbar .section-user .user-img img { width: 100%; }
				.container .centerbar .section-user .section-naming { margin: 20px; z-index: 1; }
				.container .centerbar .section-user .mask { background-color: rgba(255,255,255,0.7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; }

			.container .centerbar .center-content { height: auto; margin-top: 5px; position: relative; border-radius: 5px; overflow: hidden; background-color: #ffffff; padding: 0 0 0 5px;}
				.container .centerbar .center-content .titolo-center-content { font: 500 100% 'Open Sans', sans-serif; font-size: 15px; margin: 15px; display: block; }
			.container .centerbar .flex-center-content { display: flex; justify-content: space-around; position: relative; }
				.container .centerbar .flex-center-content .center-content01 { width: 70%; margin-right: 10px; }
				.container .centerbar .flex-center-content .center-content02 { width: 30%; margin-left: 10px; }

		.container .rightbar { width: 180px; background-color: #DCDEE0; margin: 0 20px 0 10px; border-radius: 5px; max-height: 500px; }
			.container .rightbar .titolo { margin-top: -15px; color: #878787; }
			.container .rightbar .titolosection { text-align: center; border-bottom: solid 1px #f7d900; height: 30px; line-height: 40px; }

			.container .rightbar .stat-bar { display: flex; flex-direction: column; margin-bottom: 7px; }
				.container .rightbar .stat-bar .section { display: block; border-bottom: solid 1px #e6e6e6; margin-top: 7px; }
					.container .rightbar .stat-bar .section:last-child { display: block; border-bottom: none; margin-top: 7px; margin-bottom: 20px; }
					.container .rightbar .stat-bar .section .number { text-align: center; margin: 7px 0; font: 500 100% 'Open Sans', sans-serif; font-size: 25px; }
					.container .rightbar .stat-bar .section .text { text-align: center; margin: 3px 0; font: 700 100% 'Open Sans', sans-serif; font-size: 10px; }

	.container02.container03 { margin: 20px auto; }
		.container02.container03 .section { margin: 0 !important; }
	.container02.container04 { margin: 5px auto; }
		.container02.container04 .section { margin: 0 !important; }
	.container02 { position: relative; width: 100%; display: flex; justify-content: space-between; margin: 50px auto; }
		.container02.margin-rule { margin: 5px auto !important; }
		.container02.margin-rule02 { margin: 50px auto 5px auto !important; }
		.container02.margin-rule03 { margin: 5px auto 50px auto !important; }

		.container02.if-button-in-bottom .section { padding-bottom: 60px !important; }
		.container02 .section { background-color: #ffffff; width: 100%; margin: 0 7px; padding: 5px; position: relative; border-radius: 5px !important; }
			.container02 .section.radius-top { border-radius: 5px; }
			.container02 .section .titolo { margin-top: -25px; color: #878787; font-size: 18px; font: 500 100% 'Open Sans', sans-serif; }

		.container02 .buttons-bottom { display: flex; justify-content: space-around; margin: 15px 10px; position: absolute; bottom: 0; left: 0; right: 0; }
			.container02 .buttons-bottom .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }
			.container02 .buttons-bottom .button2 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; }
			.container02 .buttons-bottom .button3 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }

		.container02 .section.list-empty { background-color: transparent; margin: 0 !important; padding: 0 !important; }

	.container .buttons { display: flex; justify-content: space-around; margin: 15px 10px; position: relative; }
		.container .buttons.btn-rule { display: block; justify-content: space-around; margin: 15px 10px; position: relative; }
		.container .buttons .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }
		.container .buttons .button2 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 25%; position: relative; }

		.container .buttons .button4 { display: inline-block; width: 200px; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; position: relative; }


	.container02 .buttons { display: flex; justify-content: space-around; margin: 15px 10px; position: relative; }
		.container02 .buttons .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }
		.container02 .buttons .button2 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; background-color: #fff; cursor: pointer; }
		.container02 .buttons .button3 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }

	.container02 .buttons-bottom { display: flex; justify-content: space-around; margin: 15px 10px; position: absolute; bottom: 0; left: 0; right: 0; }
		.container02 .buttons-bottom .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; cursor: pointer; text-decoration: none; border: 0px; }
		.container02 .buttons-bottom .button2 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; }
		.container02 .buttons-bottom .button3 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }

	.container02 .buttons .button4 { display: block; text-align: center; margin: 10px; padding: 15px 8px; position: relative; position: relative; font-size: 12px; }
		.container02 .buttons .button4::after { position: absolute; content: ""; width: 15px; height: 15px; background-size: cover; background-position: center; background-repeat: no-repeat; top: 5px; right: 5px; }
	.container02 .buttons .buttonw100 { width: 100%; }


	container02 .buttons .button3::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: 15px 15px; background-repeat: no-repeat; background-image: url('../img/Icone/Bianco/trash.svg'); }

	.container02 .section.mask { background-image: url('../img/Immagini/P90256524_highRes.jpg'); background-position: center; background-size: cover; }

	.titolofascia { display: flex; justify-content: space-around; padding: 15px; margin: 10px 0; margin-top: -50px; background-color: #fff; margin-right: -5px; margin-left: -5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
		.titolofascia .flex-part01 { text-align: right; width: 50%; padding-right: 5px; border-right: 1px solid #f7d900; }
		.titolofascia .flex-part02 { text-align: left; width: 50%; margin-left: 5px; }

	.box-small { height: 20px; }

	.upload-photo3 { padding-left: 18px; padding-right: 18px; }

	.content-collapse { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); width: 100%; }
		.content-collapse .collapse-bar { padding: 10px 5px 1px 5px; background-position: 98% 30%; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); cursor: pointer; }
		.content-collapse .collapse-container { padding: 0px 10px 10px 10px; }
}

@media screen and (max-width: 1023px) and (min-width: 481px) {
	.container { position: relative; width: 100%; display: flex; justify-content: space-between; margin-top: 70px; }

		.container .leftbar { background-color: #DCDEE0; display: none; z-index: 10; position: fixed; top: 50px; right: 0; bottom: 0; left: 25%; max-height: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
			.container .leftbar .titolo { margin-top: -15px; color: #878787; }
			.container .leftbar .buttons { display: flex; flex-direction: column; margin: 15px 10px; position: relative; }
				.container .leftbar .buttons .button1 { display: block; font-size: 10px; font: 700 100% 'Open Sans', sans-serif; height: 20px; line-height: 20px; text-align: center; margin-bottom: 7px; position: relative; }


		.container .centerbar { width: 100%; z-index: 1; }
			.container .centerbar .titolo { margin-top: -15px; color: #878787; }
			.container .centerbar .section-user { height: auto; background-image: url('../img/Immagini/P90258046_highRes.jpg'); background-position: center; background-size: 100% auto; display: flex; justify-content: flex-start; margin-top: 5px; position: relative; overflow: hidden; z-index: 1; }
				.container .centerbar .section-user .close { position: absolute; width: 15px; height: 15px; top: 10px; right: 10px; background-position: center; background-repeat: no-repeat; background-size: 15px auto; background-image: url('../img/Icone/Nero/close.svg'); cursor: pointer; display: block; z-index: 2; }
				.container .centerbar .section-user .user-img { width: 50px; height: 50px; border-radius: 100%; overflow: hidden; border: solid 1px #f7d900; margin: 20px; z-index: 1; }
					.container .centerbar .section-user .user-img img { width: 100%; }
				.container .centerbar .section-user .section-naming { margin: 20px; z-index: 1; }
				.container .centerbar .section-user .mask { background-color: rgba(255,255,255,0.7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; }

			.container .centerbar .center-content { height: auto; margin-top: 15px; position: relative; overflow: hidden; background-color: #ffffff; }
				.container .centerbar .center-content .titolo-center-content { font: 500 100% 'Open Sans', sans-serif; font-size: 13px; display: block; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); padding: 20px; }

		.container .rightbar { background-color: #DCDEE0; display: none; z-index: 10; position: fixed; top: 50px; right: 0; bottom: 0; left: 25%; height: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
			.container .rightbar .titolo { margin-top: -15px; color: #878787; }
			.container .rightbar .titolosection { text-align: center; border-bottom: solid 1px #f7d900; height: 30px; line-height: 40px; }

	.container02 .buttons-bottom { display: flex; justify-content: space-around; margin: 15px 10px; position: absolute; bottom: 0; left: 0; right: 0; }
		.container02 .buttons-bottom .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }
		.container02 .buttons-bottom .button2 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; }
		.container02 .buttons-bottom .button3 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }


	.container .rightbar .stat-bar { display: flex; flex-direction: column; margin-bottom: 7px; }
		.container .rightbar .stat-bar .section { display: block; border-bottom: solid 1px #e6e6e6; margin-top: 7px; }
			.container .rightbar .stat-bar .section:last-child { display: block; border-bottom: none; margin-top: 7px; margin-bottom: 20px; }
			.container .rightbar .stat-bar .section .number { text-align: center; margin: 7px 0; font: 500 100% 'Open Sans', sans-serif; font-size: 15px; }
			.container .rightbar .stat-bar .section .text { text-align: center; margin: 3px 0; font: 700 100% 'Open Sans', sans-serif; font-size: 10px; }

	.container02.container03 { margin: 20px auto; }
		.container02.container03 .section { margin: 0 !important; }
	.container02.container04 { margin: 5px auto; }
		.container02.container04 .section { margin: 0 !important; }
	.container02 { position: relative; width: 95%; display: block; margin: 50px auto; }
		.container02.if-button-in-bottom .section { padding-bottom: 60px !important; }
		.container02 .section { background-color: #ffffff; width: 100%; padding: 5px; position: relative; }
			.container02 .section.radius-top { border-radius: 5px; }
			.container02 .section .titolo { margin-top: -25px; color: #878787; font-size: 18px; font: 500 100% 'Open Sans', sans-serif; }

	.container .buttons { display: block; justify-content: space-around; margin: 15px 10px; position: relative; }
		.container .buttons .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 40px; line-height: 40px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }

	.container02 .buttons { display: block; margin: 15px 10px; position: relative; }
		.container02 .buttons .button1 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }
		.container02 .buttons .button2 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; background-color: #fff; cursor: pointer; }
		.container02 .buttons .button3 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }

	.container02 .buttons-bottom { display: flex; justify-content: space-around; margin: 15px 10px; position: absolute; bottom: 0; left: 0; right: 0; }
		.container02 .buttons-bottom .button1 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; cursor: pointer; text-decoration: none; }
		.container02 .buttons-bottom .button2 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; }
		.container02 .buttons-bottom .button3 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }

	.container02 .buttons .button4 { display: block; text-align: center; margin: 10px; padding: 30px 20px; position: relative; width: 90%; position: relative; }
		.container02 .buttons .button4::after { position: absolute; content: ""; width: 15px; height: 15px; background-size: cover; background-position: center; background-repeat: no-repeat; top: 5px; right: 5px; }

	container02 .buttons .button3::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: 15px 15px; background-repeat: no-repeat; background-image: url('../img/Icone/Bianco/trash.svg'); }

	.container02 .section.mask { background-image: url('../img/Immagini/P90256524_highRes.jpg'); background-position: center; background-size: cover; }

	.titolofascia { display: flex; justify-content: space-around; padding: 15px; margin: 10px 0; margin-top: -50px; background-color: #fff; margin-right: -5px; margin-left: -5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
		.titolofascia .flex-part01 { text-align: right; width: 50%; padding-right: 5px; border-right: 1px solid #f7d900; }
		.titolofascia .flex-part02 { text-align: left; width: 50%; margin-left: 5px; }

	.box-small { height: 20px; }

	.upload-photo3 { padding-left: 18px; padding-right: 18px; }

	.content-collapse { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); width: 100%; }
		.content-collapse .collapse-bar { padding: 10px 5px 1px 5px; background-position: 98% 30%; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); cursor: pointer; }
		.content-collapse .collapse-container { padding: 0px 10px 10px 10px; }

	.margintop-mobile { margin-top: 80px; }
}

@media screen and (max-width: 480px) {
	.container { position: relative; width: 100%; display: flex; justify-content: space-between; margin-top: 70px; }

		.container .leftbar { background-color: #ffffff; display: none; z-index: 10; position: fixed; top: 50px; right: 0; bottom: 0; left: 25%; height: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
			.container .leftbar .titolo { margin-top: -15px; color: #878787; }
			.container .leftbar .buttons { display: flex; flex-direction: column; margin: 15px 10px; position: relative; }
				.container .leftbar .buttons .button1 { display: block; font-size: 10px; font: 700 100% 'Open Sans', sans-serif; height: 20px; line-height: 20px; text-align: center; margin-bottom: 7px; position: relative; }


		.container .centerbar { width: 100%; z-index: 1; }
			.container .centerbar .titolo { margin-top: -15px; color: #878787; }
			.container .centerbar .section-user { height: auto; background-image: url('../img/Immagini/P90258046_highRes.jpg'); background-position: center; background-size: 100% auto; display: flex; justify-content: flex-start; margin-top: 5px; position: relative; overflow: hidden; z-index: 1; }
				.container .centerbar .section-user .close { position: absolute; width: 15px; height: 15px; top: 10px; right: 10px; background-position: center; background-repeat: no-repeat; background-size: 15px auto; background-image: url('../img/Icone/Nero/close.svg'); cursor: pointer; display: block; z-index: 2; }
				.container .centerbar .section-user .user-img { width: 50px; height: 50px; border-radius: 100%; overflow: hidden; border: solid 1px #f7d900; margin: 20px; z-index: 1; }
					.container .centerbar .section-user .user-img img { width: 100%; }
				.container .centerbar .section-user .section-naming { margin: 20px; z-index: 1; }
				.container .centerbar .section-user .mask { background-color: rgba(255,255,255,0.7); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; }

			.container .centerbar .center-content { height: auto; margin-top: 15px; position: relative; overflow: hidden; background-color: #ffffff; }
				.container .centerbar .center-content .titolo-center-content { font: 500 100% 'Open Sans', sans-serif; font-size: 13px; display: block; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); padding: 20px; }

		.container .rightbar { background-color: #ffffff; display: none; z-index: 10; position: fixed; top: 50px; right: 0; bottom: 0; left: 25%; height: 100%; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
			.container .rightbar .titolo { margin-top: -15px; color: #878787; }
			.container .rightbar .titolosection { text-align: center; border-bottom: solid 1px #f7d900; height: 30px; line-height: 40px; }

			.container .rightbar .stat-bar { display: flex; flex-direction: column; margin-bottom: 7px; }
				.container .rightbar .stat-bar .section { display: block; border-bottom: solid 1px #e6e6e6; margin-top: 7px; }
					.container .rightbar .stat-bar .section:last-child { display: block; border-bottom: none; margin-top: 7px; margin-bottom: 20px; }
					.container .rightbar .stat-bar .section .number { text-align: center; margin: 7px 0; font: 500 100% 'Open Sans', sans-serif; font-size: 15px; }
					.container .rightbar .stat-bar .section .text { text-align: center; margin: 3px 0; font: 700 100% 'Open Sans', sans-serif; font-size: 10px; }

	.container02.container03 { margin: 20px auto; }
		.container02.container03 .section { margin: 0 !important; }
	.container02.container04 { margin: 5px auto; }
		.container02.container04 .section { margin: 0 !important; }
	.container02 { position: relative; width: 95%; display: block; margin: 50px auto; border-radius: 5px; }
		.container02.if-button-in-bottom .section { padding-bottom: 60px !important; }
		.container02 .section { background-color: #ffffff; width: 100%; padding: 5px; position: relative; }
			.container02 .section.radius-top { border-radius: 5px; }
			.container02 .section .titolo { margin-top: -25px; color: #878787; font-size: 18px; font: 500 100% 'Open Sans', sans-serif; }
				.container02 .section .titolo.tit02 { margin-top: 0; height: 50px; line-height: 50px; color: #878787; font-size: 12px; font: 500 100% 'Open Sans', sans-serif; }

	.container .buttons { display: block; justify-content: space-around; margin: 15px 10px; position: relative; }
		.container .buttons .button1 { display: block; font-size: 12px; font: 700 100% 'Open Sans', sans-serif; height: 40px; line-height: 40px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }

	.container02 .buttons { display: block; margin: 15px 10px; position: relative; }
		.container02 .buttons .button1 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; }
		.container02 .buttons .button2 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; background-color: #fff; cursor: pointer; }
		.container02 .buttons .button3 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }

	.container02 .buttons-bottom { display: flex; justify-content: space-around; margin: 15px 10px; position: absolute; bottom: 0; left: 0; right: 0; }
		.container02 .buttons-bottom .button1 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 30px; line-height: 30px; text-align: center; margin-bottom: 7px; position: relative; width: 90%; position: relative; cursor: pointer; text-decoration: none; }
		.container02 .buttons-bottom .button2 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 90%; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; }
		.container02 .buttons-bottom .button3 { display: block; font-size: 11px; font: 700 100% 'Open Sans', sans-serif; height: 25px; width: 25px; line-height: 25px; text-align: center; margin-bottom: 7px; position: relative; }

	.container02 .buttons .button4 { display: block; text-align: center; margin: 10px; padding: 30px 20px; position: relative; width: 90%; position: relative; }
		.container02 .buttons .button4::after { position: absolute; content: ""; width: 15px; height: 15px; background-size: cover; background-position: center; background-repeat: no-repeat; top: 5px; right: 5px; }

	container02 .buttons .button3::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: 15px 15px; background-repeat: no-repeat; background-image: url('../img/Icone/Bianco/trash.svg'); }
	container02 .buttons .button3::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: 15px 15px; background-repeat: no-repeat; background-image: url('../img/Icone/Bianco/trash.svg'); }

	.container02 .section.mask { background-image: url('../img/Immagini/P90256524_highRes.jpg'); background-position: center; background-size: cover; }

	.titolofascia { display: flex; justify-content: space-around; padding: 15px; margin: 10px 0; margin-top: -50px; background-color: #fff; margin-right: -5px; margin-left: -5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
		.titolofascia .flex-part01 { text-align: right; width: 50%; padding-right: 5px; border-right: 1px solid #f7d900; }
		.titolofascia .flex-part02 { text-align: left; width: 50%; margin-left: 5px; }

	.box-small { height: 20px; }

	.upload-photo3 { padding-left: 18px; padding-right: 18px; }

	.content-collapse { box-shadow: 2px 2px 5px rgba(0,0,0,0.3); width: 100%; }
		.content-collapse .collapse-bar { padding: 10px 5px 1px 5px; background-position: 98% 30%; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); cursor: pointer; }
		.content-collapse .collapse-container { padding: 0px 10px 10px 10px; }

	.margintop-mobile { margin-top: 80px; }

	/**/
	.hidemobile { display: none !important; }
}

.circular-graph { position: relative; }
.circular-graph .circular-graph-legend { position: relative; z-index: 2; display: flex; flex-direction: row; flex-wrap: wrap; order: 2; height: max-content; width: 500px;}
.circular-graph .circular-graph-legend .circular-graph-legend-link { display: block; margin: 0px; padding: 5px; white-space: nowrap; order: 2; height:30px;}
.circular-graph .circular-graph-legend .circular-graph-legend-link:hover { text-decoration: underline; }
.circular-graph .circular-graph-legend .circular-graph-legend-pin { display: inline-block; width: 12px; height: 12px; margin-right: 5px; border-radius: 8px; vertical-align: baseline; }
.circular-graph .circular-graph-canvas { position: relative; z-index: 1; width:612px !important; height: 300px !important; order: 1;}
.line-graph { }
.line-graph .line-graph-canvas { }

.bar-graph { position: relative; margin-left: auto; margin-right: auto; }
.bar-graph .bar-graph-legend { }
.bar-graph .bar-graph-legend span { display: inline-block; margin-left: 5px;}
.bar-graph .bar-graph-legend .bar-graph-legend-pin { display: inline-block; width: 12px; height: 12px; margin-right: 3px; border-radius: 8px; vertical-align: baseline; }


.graph-categoria-esito{}
@media screen and (max-width: 900px) {
	.circular-graph .circular-graph-legend { width: 230px;}
}
@media screen and (max-width: 600px) {
	.circular-graph .circular-graph-legend { display:none;}
}
.risultatoselezione { padding:3px; width: 100%; height: auto; vertical-align: middle; position: relative; border: solid 1px #f7d900 !important; }
.risultatoselezione span { cursor: pointer; }
.href {text-decoration: underline; color: blue;}
.pager-info { position: relative; display: block; margin-bottom: 10px; }
.pager-links { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.pager-links .pager-link { display: inline-block; border-radius: 5px; padding: 4px 8px; font-family: Arial; text-decoration: none; color: #000 !important; background-color: #f7d900; margin-right: 3px; cursor: pointer; }
.pager-links .pager-link:hover { background-color: #f7d900; }
.pager-links .pager-link.pager-link-current { cursor: default; background-color: #000000; color:#fff !important; }
.pager-links .pager-link.pager-link-current:hover { background-color: #000000; }


@media screen and (max-width: 1280px) {
	/*TABLET AND SMALL SCREEN*/
	.pager-links { margin-top: 25px; margin-bottom: 25px; }
	.pager-links .pager-link { padding: 14px 18px; margin-right: 6px; }
}
.list-sortable-foto { position: relative; margin-top: 2px; font-size: 0; }
.list-sortable-foto .list-sortable-foto-item { position: relative; display: inline-block; margin: 3px; width: 140px; border: 1px solid #E9E9EB; border-radius: 4px; overflow: hidden; background-color: #f7f8f8; }
.list-sortable-foto .list-sortable-foto-item:hover { border-color: #9da1ab; }
.list-sortable-foto .list-sortable-foto-imagebox { position: relative; display: block; height: 120px; text-align: center; cursor: move; }
.list-sortable-foto .list-sortable-foto-imagebox:hover { opacity: .8; }
.list-sortable-foto .list-sortable-foto-imagebox img { border: none; width: auto; height: auto; max-height: 100%; max-width: 100%; z-index: 10; }
.list-sortable-foto .list-sortable-foto-item-empty .list-sortable-foto-imagebox img { opacity: .5; }
.list-sortable-foto .list-sortable-foto-imagebox a { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-color: #f7f8f8; }
.list-sortable-foto .list-sortable-foto-imagebox a:hover { background-color: #e8e8eb; }
.list-sortable-foto .list-sortable-foto-button { display: inline-block; width: 50%; height: 35px; cursor: pointer; }
.list-sortable-foto .list-sortable-foto-button:hover { background-color: #e8e8eb; }

.dropzone { border-radius: 4px; }
.ico-pos-center-verybig-cancel-button { background-repeat: no-repeat; background-position: center center; background-size: 64px auto; background-image: url('../img/cancel-button.svg'); }
.ico-pos-center-small-switch-to-full-screen-button { background-repeat: no-repeat; background-position: center center; background-size: 16px auto; background-image: url('../img/switch-to-full-screen-button.svg'); }
.ico-pos-center-small-rubbish-bin-delete-button { background-repeat: no-repeat; background-position: center center; background-size: 16px auto; background-image: url('../img/rubbish-bin-delete-button.svg'); }
/* Lightbox overlay (sfocato e nero con maggiore trasparenza) */
.lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5); /* Sfondo nero con maggiore trasparenza */
	display: none;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(10px); /* Aggiunge l'effetto di sfocatura allo sfondo */
	z-index: 999999; /* Assicurati che la lightbox sia sempre in primo piano */
}

/* Contenuto della lightbox (centrato a schermo intero) */
.lightbox-content {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.5); /* Sfondo nero con trasparenza anche nel contenuto */
}

/* Media nella lightbox (immagine o video) */
#lightbox-media img,
#lightbox-media video,
#lightbox-media iframe {
	width: 100%; /* La larghezza è 100% per occupare l'intera larghezza della finestra */
	height: 100%; /* L'altezza è 100% per occupare l'intera altezza della finestra */
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	object-fit: contain;
}

/* Bottone di chiusura con testo "Close" (bianco) */
.lightbox-close-btn {
	position: absolute;
	top: 60px;
	right: 20px;
	font-size: 20px !important; /* Dimensione del testo */
	color: #fff !important;
	background-color: #000; /* Fondo bianco */
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px 20px;
	cursor: pointer;
	z-index: 10000; /* Assicurati che il bottone sia in primo piano */
}