/* Minimizzazione non riuscita. Verrà restituito il contenuto non minimizzato.
(1383,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(1398,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
(1413,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0'
 */
.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}






.saved { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; z-index: 999999; }

    .saved .balloon { width: 150px; height: 150px; background-color: green; display: block; border-radius: 100%; background-image: url(../img/Icone/Bianco/check.svg); background-repeat: no-repeat; background-position: center; background-size: 80%; box-shadow: 0px 0px 113px -13px rgba(0,0,0,1); }

    .saved .message { cursor: pointer; width: 150px; height: 25px; background-color: green; display: block; border-radius: 32px; text-align: center; line-height: 25px; font-size: 18px; font-weight: bold; color: #fff; margin-top: 7px; position: absolute; }



.bounce-in-top { -webkit-animation: bounce-in-top 1.1s both; animation: bounce-in-top 1.1s both; }

@-webkit-keyframes bounce-in-top {
    0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }

    38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; }

    55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
}

@keyframes bounce-in-top {
    0% { -webkit-transform: translateY(-500px); transform: translateY(-500px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; }

    38% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; }

    55% { -webkit-transform: translateY(-65px); transform: translateY(-65px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    72% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    81% { -webkit-transform: translateY(-28px); transform: translateY(-28px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    90% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    95% { -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    100% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
}




.open-leftbar { display: none !important; }

.open-rightbar { display: none !important; }


.top-bar { display: flex; justify-content: space-between; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 999999; height: 60px; border-bottom: solid 1px #BBBBBB; }

    .top-bar .head-logo { /* background-color: #000; */ height: 100%; width: 100%; background-image: url(../img/GrandPrix_Logo_Col_Pos.png); background-position: center; background-size: auto 80%; background-repeat: no-repeat; }

    .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; }


/******************NOTIFICHE*** NEL FILE _HEAD.CSHTML****************/
.errore { /*QUESTA � LA CLASSE CHE DEVI APPLICARE AL CAMPO SELECT CHE DA ERRORE*/ border: solid 5px #C45238 !important; display: none; }

.top-bar .notifiche { width: 50px; height: 50px; }

.top-bar .notifica-salvataggio { right: 0; bottom: 0; position: absolute; top: 0; width: 50px; background-color: #7AC465; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; transition: 0.5s; }

    .top-bar .notifica-salvataggio i { color: #fff; font-size: 25px; }

.top-bar .notifica-caricamento { right: 0; bottom: 0; position: absolute; top: 0; width: 50px; background-color: #59918E; /* display: flex; */ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; transition: 0.5s; }

    .top-bar .notifica-caricamento i { color: #fff; font-size: 25px; }

.notifica-errore { background-color: #C45238; margin-top: 60px; position: fixed; font-size: 11px; color: #fff; font-family: 'Open Sans', sans-serif; padding: 5px; /* display: none; */ top: 0; left: 0; right: 0; z-index: 9999; }

    .notifica-errore i { color: #FEF200; font-size: 20px; margin-right: 3px }
/*******************************/
.notifica-utente { background-color: #ddd; margin-top: 60px; position: fixed; font-size: 11px; color: #333; font-family: 'Open Sans', sans-serif; padding: 5px; /* display: none; */ top: 0; left: 0; right: 0; z-index: 999; }

.notifica-errore i { color: #FEF200; font-size: 20px; margin-right: 3px }
/*******************************/



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

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

    .head .container-menu .menu { display: block; position: relative; width: 100%; line-height: 60px; height: 100%; padding-top: 30px; }

        .head .container-menu .menu a { color: #252525; position: relative; display: block; margin-left: 20px; /*border-bottom: solid 1px #BBBBBB;*/ }

            .head .container-menu .menu a.active::after { position: absolute; content: ""; border-bottom: solid 2px #ed1c24; left: 0; right: 0; bottom: 22px; }

            .head .container-menu .menu a:hover::after { position: absolute; content: ""; border-bottom: solid 2px #ed1c24; 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; margin-left: 40px; flex-direction: column; }

            .head .submenu .menu-sub a { color: #252525; }

                .head .submenu .menu-sub a:hover { color: #000000; text-decoration: underline; text-decoration-color: #ed1c24; }
/**/

#divStep1 .targa-container { position: relative; }

    #divStep1 .targa-container .buttonsearch { -webkit-appearance: none !important; position: absolute; width: 37px !important; height: 51px; padding: 0 !important; border: none; background-color: #eeeeee; bottom: 0; top: 0; border-radius: 0px 30px 30px 0px; font-size: 14px !important; color: #cccccc; }



#divStep1 .Targa { border: solid 5px #eee !important; padding: 5px 5px !important; width: 45%; font-size: 25px !important; margin: 0 auto !important; position: relative; /* border: none !important; */ font-family: 'Bebas Neue', cursive !important; color: #333333; background-color: #fafafa !important; border-radius: 0px 0px 0px 3px; text-align: center; -webkit-appearance: none !important; }

    #divStep1 .Targa:focus { outline: none; }

.label-form { font-size: 10px; background-color: #eee; display: inline-block; padding: 3px 5px 3px 5px; border-radius: 3px 3px 0px 0px; text-transform: uppercase; color: #333333; margin: 8px 0 0 0; }

#divStep1 #divIdentificaVeicolo { }

    #divStep1 #divIdentificaVeicolo .veicoloidentificato { font-size: 10px; background-color: #eee; color: #666; transition: 0.5s; text-transform: uppercase; padding: 18px 5px; margin: 2px 0; }

        #divStep1 #divIdentificaVeicolo .veicoloidentificato:focus { background-color: #666; color: #fff; }

        #divStep1 #divIdentificaVeicolo .veicoloidentificato:hover { background-color: #666; color: #fff; }

        #divStep1 #divIdentificaVeicolo .veicoloidentificato i { font-size: 15px; }

        #divStep1 #divIdentificaVeicolo .veicoloidentificato input { display: none; }

#divStep1 .cloudmessage { width: 100%; font-size: 10px; font-weight: normal; background-color: #eeeeee; padding: 10px; color: #333333; margin: 5px 0; }

input:focus { outline: none !important; }

.searchbyselect { }

    .searchbyselect select, .searchbyselect input { -webkit-appearance: none; background-image: url(../img/Icone/Grigio_Scuro/chevron-down.svg); background-size: 10px; background-position: 98% center; background-repeat: no-repeat; width: 100%; border: solid 5px #eeeeee; border-bottom: solid 5px #eeeeee; background-color: #fafafa; border-radius: 0px 3px 3px 3px; margin-bottom: 0; margin: 0; }

        .searchbyselect select:focus, .searchbyselect input:focus { outline: none; }

        .searchbyselect select:hover, .searchbyselect input:hover { background-color: #fafafa !important; }

.titolosezione { font-size: 14px; text-transform: uppercase; color: #ed1c24; /* font-weight: bold; */ font-family: 'Open Sans', sans-serif; font-weight: 700; padding: 10px 0; border-bottom: solid 1px #ed1c24; margin: 5px 0; display: block; }

    .titolosezione span { font-size: 10px; color: #aaaaaa; }

.searchbyselect .buttonsearch { -webkit-appearance: none !important; position: relative; width: 100% !important; /* height: 50px; */ padding: 9px !important; border: none; background-color: #ed1c24; /* bottom: 0; */ /* top: 19px; */ border-radius: 3px; font-size: 14px !important; color: #fff; margin: 10px 0 0 0; font-family: 'Open Sans', sans-serif; font-weight: 600; }






.panel-heading { padding: 0 !important; border-bottom: none !important; border-top-left-radius: 0; border-top-right-radius: 0; }

.veicoloidentificato:focus { background-color: #666; color: #fff; }

.veicoloidentificato:hover { background-color: #666; color: #fff; }

.veicoloidentificato { display: flex; position: relative; }

#divStep1 #divIdentificaVeicolo .veicoloidentificato .firststepresult { width: 75%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: baseline; align-content: center; }

    #divStep1 #divIdentificaVeicolo .veicoloidentificato .firststepresult .textresult { margin-left: 15%; }

#divStep1 #divIdentificaVeicolo .veicoloidentificato .button-nextstep { display: none !important; cursor: pointer; }

    #divStep1 #divIdentificaVeicolo .veicoloidentificato .button-nextstep .arrow { position: absolute; color: #fff; right: 0; top: 0; bottom: 0; left: 85%; border-left: solid 1px #eee; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; background-color: #ed1c24; }

#divStep1 #divIdentificaVeicolo .veicoloidentificato .firststepresult .arrow { position: absolute; color: #fff; right: 90%; top: 0; bottom: 0; left: 0; border-left: solid 1px #eee; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; background-color: #ccc; color: #ed1c24; }

#divStep1 #divIdentificaVeicolo .veicoloidentificato:focus .button-nextstep { display: block !important; }

#divStep1 #divIdentificaVeicolo .veicoloidentificato:hover .button-nextstep { display: block !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-family: 'Josefin 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-family: 'Josefin 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-family: 'Josefin 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="number"], input[type="date"], input[type="password"], select {
	border-bottom: 1px solid #A9A9A9;
	background-image: none;
}

/**/
.tabcheck {
}

	.tabcheck .tabs {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-start;
		align-content: stretch;
	}
		/**/
		.tabcheck .tabs label {
			width: 33%;
		}

			.tabcheck .tabs label .tab {
				width: 100%;
				height: 80px;
				display: flex;
				flex-direction: column;
				flex-wrap: nowrap;
				justify-content: center;
				align-items: center;
				align-content: center;
				background-color: #AAAAAA;
				border-left: solid 1px #fff;
				border-right: solid 1px #fff;
				background-color: #AAAAAA;
				transition: 0.2s;
				margin-top: 0;
			}

			.tabcheck .tabs label input {
				display: none;
			}


		.tabcheck .tabs input:checked ~ .tab {
			background-color: #7BC576;
			transition: 0.2s;
		}

			.tabcheck .tabs input:checked ~ .tab.s-u {
				background-color: #ed1c24;
				margin-top: 8px;
				transition: 0.2s;
			}

		.tabcheck .tabs .tab i {
			font-size: 34px;
			color: #fff;
		}

		.tabcheck .tabs .tab span {
			text-align: center;
			padding: 1px;
			font-size: 9px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 500;
			margin-top: 1px;
			color: #fff;
			text-transform: uppercase;
		}
	/**/
	.tabcheck .contents-tabs {
		display: none;
	}

		.tabcheck .contents-tabs .content-tab {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: flex-end;
			align-content: stretch;
		}

			.tabcheck .contents-tabs .content-tab.active {
				display: block;
				border: 1px solid #ed1c24;
				height: 200px;
			}

		.tabcheck .contents-tabs .button-inserisci {
			color: #fff;
			font-size: 10px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 500;
			text-transform: uppercase;
			background-color: #ed1c24;
			padding: 8px 20px;
			display: inline-block;
			width: auto;
			float: right;
		}

			.tabcheck .contents-tabs .button-inserisci i {
				margin-left: 5px;
			}

		.tabcheck .contents-tabs .button-annulla {
			color: #fff;
			font-size: 10px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 500;
			text-transform: uppercase;
			background-color: #666666;
			padding: 8px 20px;
			display: inline-block;
			width: auto;
			float: right;
			cursor: pointer;
			position: relative;
		}

		.tabcheck .contents-tabs .content-buttons {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: flex-end;
			align-items: flex-start;
			align-content: flex-end;
			cursor: pointer;
			position: relative;
		}

		.tabcheck .contents-tabs textarea {
			width: 100%; /* border: none; */
			border: solid 1px #ed1c24; /* height: 80%; */
			margin: 0;
			height: 120px;
			font-family: 'Open Sans', sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			font-weight: 600;
			color: #333333;
			padding: 5px;
		}


	.tabcheck.variant {
	}

		.tabcheck.variant .tabs {
			width: 100%
		}

			.tabcheck.variant .tabs label {
				width: 100%
			}

			.tabcheck.variant .tabs .tab {
				width: auto;
				height: auto;
				display: block;
				text-align: center;
				padding: 5px;
			}

				.tabcheck.variant .tabs .tab i {
				}

.searchbyselect.variant {
	display: flex;
	justify-content: flex-start;
}

	.searchbyselect.variant .itemvariant {
		width: 30%;
		margin-right: 10px;
	}

textarea {
	border-radius: 0 !important;
}

.spesapermuta { /*display: flex; */
	justify-content: flex-start;
	background-color: #eee;
	padding: 5px 38px 5px 7px; /* height: 40px; */ /* line-height: 40px; */
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;
	display: block;
}

	.spesapermuta .item {
		margin-right: 5px;
		font-size: 10px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}

	.spesapermuta.ruled .item {
		margin-right: 10px;
		font-size: 10px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	.spesapermuta.ruled02 {
	width:100% !important;}
	.spesapermuta .item.bold {
		font-weight: 700;
		font-size: 11px;
	}

	.spesapermuta .item.valutazione {
		margin: 5px 0;
	}

	.spesapermuta .item.bold span {
		font-weight: 400;
		font-size: 10px;
		color: #666;
	}

	.spesapermuta .item i {
		font-size: 25px;
		position: absolute;
		right: 5px;
		top: 5px; /* transform: translate(0, -50%); */
		opacity: 0.5;
	}

.buttonaddstato {
	color: #fff;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	background-color: #ed1c24;
	padding: 8px 8px;
	display: inline-block;
	width: 100%;
	border: none;
	margin-top: 10px;
}
/**/


.spesapermuta .data-indexed {
	display: flex;
	justify-content: space-between;
}

	.spesapermuta .data-indexed .item {
	}

		.spesapermuta .data-indexed .item.marcamodello {
			font-size: 11px;
			font-weight: 700;
			color: #333;
		}

		.spesapermuta .data-indexed .item span {
			display: block;
			color: #aaa;
		}

	.spesapermuta .data-indexed.ruled {
		display: flex;
		justify-content: flex-start;
	}

	.spesapermuta .data-indexed.user {
		display: flex;
		justify-content: flex-start;
	}

.spesapermuta.ruled {
	padding: 0px 7px 5px 7px;
}

.annullata {
	padding: 5px 4px 2px 4px;
	background-color: #ed1c24;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0px 0px 4px 4px;
	margin: 0px 0 5px 0;
}

.confermata {
	padding: 5px 4px 2px 4px;
	background-color: #14B37D;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0px 0px 4px 4px;
	margin: 0px 0 5px 0;
	0;
}

.approvare {
	padding: 5px 4px 2px 4px;
	background-color: #2B64A9;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0px 0px 4px 4px;
	margin: 0px 0 5px 0;
	0;
}

.rivalutare {
	padding: 5px 4px 2px 4px;
	background-color: #D56638;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0px 0px 4px 4px;
	margin: 0px 0 5px 0;
	0;
}

.spesapermuta .data-indexed .data {
	padding: 5px 4px 2px 4px;
	background-color: #aaa;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 0px 0px 4px 4px;
	margin: 0px 0 5px 0;
}


.contentitem {
	display: flex;
	flex-wrap: wrap;
}

	.contentitem .itemflex {
		display: flex;
		width: 100%;
		justify-content: space-between;
		font-size: 10px;
		line-height: 30px;
		height: 30px;
		margin: 5px 0;
		background-color: #eee;
		padding-left: 6px;
	}

		.contentitem .itemflex .tabcheck {
			height: 30px;
			width: 30px;
			line-height: normal;
		}

			.contentitem .itemflex .tabcheck i {
				font-size: 16px;
			}

			.contentitem .itemflex .tabcheck .tab {
				width: auto;
				height: 30px;
				display: block;
				text-align: center;
				padding: 0 5px;
				line-height: 36px;
			}

			.contentitem .itemflex .tabcheck .tabs input:checked ~ .tab {
				background-color: #ed1c24;
				margin-top: 0;
				transition: 0.2s;
			}

.pager-links {
	margin: 5px 0 !important;
}

	.pager-links .pager-link {
		padding: 2px 4px !important;
	}


.stars-dettaglio {
	margin: 5px 0;
	padding: 0 !important;
}

/*RATEYO*/
.jq-ry-container {
	position: relative;
	padding: 0 5px;
	line-height: 0;
	display: block;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	direction: ltr
}

	.jq-ry-container[readonly=readonly] {
		cursor: default
	}

	.jq-ry-container > .jq-ry-group-wrapper {
		position: relative;
		width: 100%
	}

		.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
			position: relative;
			line-height: 0;
			z-index: 10;
			white-space: nowrap
		}

			.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
				display: inline-block
			}

			.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
				width: 100%
			}

			.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
				width: 0;
				z-index: 11;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden
			}

.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: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(6, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; }
        .gallery-03 > div:first-child { /*flex-grow: 1;*/ flex-basis: 45%; }
            .gallery-03 > div:first-child div { width: 100%; }
        .gallery-03 div { overflow: hidden; overflow: hidden; position: relative; cursor: pointer; }
            .gallery-03 div img { width: 100%; float: left; }

        .gallery-03 > div:nth-child(1) { grid-area: 1 / 1 / 9 / 7; }
        .gallery-03 > div:nth-child(2) { grid-area: 1 / 7 / 3 / 9; }
        .gallery-03 > div:nth-child(3) { grid-area: 1 / 9 / 3 / 11; }
        .gallery-03 > div:nth-child(4) { grid-area: 1 / 11 / 3 / 13; }
        .gallery-03 > div:nth-child(5) { grid-area: 3 / 7 / 5 / 9; }
        .gallery-03 > div:nth-child(6) { grid-area: 3 / 9 / 5 / 11; }
        .gallery-03 > div:nth-child(7) { grid-area: 3 / 11 / 5 / 13; }
        .gallery-03 > div:nth-child(8) { grid-area: 5 / 7 / 7 / 9; }
        .gallery-03 > div:nth-child(9) { grid-area: 5 / 9 / 7 / 11; }
        .gallery-03 > div:nth-child(10) { grid-area: 5 / 11 / 7 / 13; }
        .gallery-03 > div:nth-child(11) { grid-area: 7 / 7 / 9 / 9; }
        .gallery-03 > div:nth-child(12) { grid-area: 7 / 9 / 9 / 11; }
        .gallery-03 > div:nth-child(13) { grid-area: 7 / 11 / 9 / 13; }




    .gallery-03-rules { display: flex; }
        .gallery-03-rules > div:first-child { /*flex-grow: 1;*/ flex-basis: auto; }




    .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%; vertical-align: baseline; font-family: 'Josefin Sans', sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main { display: block; }
body { font-family: Arial; }
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;}
select, input { box-sizing: border-box !important; font-size: inherit; }
    select::-ms-expand { display: none; }
.tagliastringa { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nowrap { white-space: nowrap; }
/**/
.dd { clear: both; }
/**/
.ofh { overflow: hidden; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.line { border-bottom: 1px solid #A00810; 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; }
.linethrough { text-decoration: line-through; }
/* Font Case ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.uppercase { text-transform: uppercase; }
.normalcase { text-transform: initial !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; }
.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; }
.w11 { width:11% !important; }
.relative { position: relative; }


/*Gradient~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gradient-1 { background: rgb(64,137,193); background: -moz-linear-gradient(top, rgba(64,137,193,1) 0%, rgba(65,140,196,1) 2%, rgba(61,134,192,1) 13%, rgba(63,133,193,1) 17%, rgba(60,130,188,1) 28%, rgba(60,127,189,1) 36%, rgba(53,111,175,1) 98%, rgba(53,108,171,1) 100%); background: -webkit-linear-gradient(top, rgba(64,137,193,1) 0%,rgba(65,140,196,1) 2%,rgba(61,134,192,1) 13%,rgba(63,133,193,1) 17%,rgba(60,130,188,1) 28%,rgba(60,127,189,1) 36%,rgba(53,111,175,1) 98%,rgba(53,108,171,1) 100%); background: linear-gradient(to bottom, rgba(64,137,193,1) 0%,rgba(65,140,196,1) 2%,rgba(61,134,192,1) 13%,rgba(63,133,193,1) 17%,rgba(60,130,188,1) 28%,rgba(60,127,189,1) 36%,rgba(53,111,175,1) 98%,rgba(53,108,171,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4089c1', endColorstr='#356cab',GradientType=0 ); }
    .gradient-1:hover { background: #1c69d4 !important; }

.gradient-2 { background: rgb(129,131,130); background: -moz-linear-gradient(top, rgba(129,131,130,1) 0%, rgba(130,133,132,1) 2%, rgba(128,130,129,1) 4%, rgba(82,84,83,1) 100%); background: -webkit-linear-gradient(top, rgba(129,131,130,1) 0%,rgba(130,133,132,1) 2%,rgba(128,130,129,1) 4%,rgba(82,84,83,1) 100%); background: linear-gradient(to bottom, rgba(129,131,130,1) 0%,rgba(130,133,132,1) 2%,rgba(128,130,129,1) 4%,rgba(82,84,83,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818382', endColorstr='#525453',GradientType=0 ); }
    .gradient-2:hover { background: #565656 !important; }

.gradient-3 { background-color: #ed1c24; border:none; }
    .gradient-3:hover { opacity:0.8; }

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

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

.gradient-6 { background-color: #ed1c24; }
.gradient-5: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 !important; }
.c02 { color: #ebebeb !important; }
.c03 { color: #e6e6e6 !important; }
.c04 { color: #735B50 !important; margin-bottom: 5px; }
.c05 { color: #878787 !important; }
.c06 { color: #666666 !important; }
.c07 { color: #565656 !important; }
.c08 { color: #252525 !important; }
.c09 { color: #000000 !important; }
.c010 { color: #A00810 !important; }
.c011 { color: #ed1c24 !important; /*blu bmw chiaro*/ }
.c012 { color: #ed1c24 !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 }
.smallbutton { -webkit-appearance: none; -moz-appearance: none; border: none; }
/**/
.transparent { background-color: transparent !important; padding: 2px 10px; }
/* Login ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (min-width: 1024px) {
    .login_bkg { width: 100%; height: 100%; position: fixed; bottom: 0; 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_login.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; }
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

}

@media screen and (max-width: 480px) {
    .login_bkg { width: 100%; height: 100%; position: fixed; bottom: 0; background-image: url('../img/Immagini/P90258046_highRes_login.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; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.modal { position: fixed; left: 0 !important; bottom: 0 !important; /* top: 0 !important; */ right: 0 !important; /* bottom: 0 !important; */ height: 100%; 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 { bottom: -1%; 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; 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; }

.divbottomfixed { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: #ffffff !important; padding: 10px; height: auto; border-top: 1px solid #A9A9A9; }
    /**/
    .divbottomfixed .box-cont {flex-wrap:wrap !important; justify-content:space-between;}
        .divbottomfixed .box-cont .box-srch { width:100% !important; }
            .divbottomfixed .box-cont .box-srch.firstitem { width: auto !important; display:flex; justify-content:flex-start;}
            .divbottomfixed .box-cont .box-srch.seconditem {  display: flex; justify-content: center; width: 30% !important; }
            .divbottomfixed .box-cont .box-srch.thirditem { text-align: right; }
                .divbottomfixed .box-cont .box-srch.thirditem input { border: none !important; border-bottom: 1px solid #ed1c24 !important; }
                .divbottomfixed .box-cont .box-srch.thirditem .titolorata { width: 100% !important;  }
    .divbottomfixed .btnsticky { width: 30% !important; margin: 0 auto !important; }
        .divbottomfixed .btnsticky .button1 { padding: 8px 0 !important; width: 40% !important; }
        .divbottomfixed .btnsticky .button2 { padding:8px 0 !important; width:40% !important; }
    /**/
    .collapse-bar .t2 { font-size: 24px; font-weight: normal !important; margin-left: 15px; text-transform: uppercase; }
.slider-container { margin: 20px 0; }
.collapse-container .t4 { margin-top: 20px !important; font-size: 12px !important; color: #333 !important; }
.theme-green .back-bar .pointer { width: 15px !important; height: 15px !important; top: -5px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #AAA; background-color: #ed1c24 !important; border-radius: 3px; }
.theme-green .back-bar { background-color: #ccc !important; }
.slider-container .scale ins { font-size: 11px !important; text-decoration: none; position: absolute; left: 0; top: 10px; color: #666 !important; line-height: 1; }

.container02 .buttons .button2 { display: block; font-size: 12px; font-family: Arial !important; width: 90%; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; background-color: #ddd !important; cursor: pointer; font-size: 11px !important; color: #666 !important; font-weight: bold !important; }
    .container02 .buttons .button2:hover { background-color: #ed1c24 !important; color: #fff !important; transition: 0.2s; }


input[type="text"], input[type="number"], input[type="date"], input[type="password"], select { padding: 5px !important; font-size: 12px !important; font-family: Arial !important; font-weight: normal !important; }

    input[type="text"]:hover, input[type="number"]:hover, input[type="password"]:hover, select:hover { border-bottom: 1px solid #ed1c24 !important; transition: 0.2s; background-color: #eee !important; }
    input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, select:focus { border-bottom: 1px solid #ed1c24; transition: 0.2s; background-color: #eee; }

.collapse-container .t4 { margin-top: 20px !important; font-size: 12px !important; color: #333 !important; }

.customcb label.outer { margin-left: 25px; /* vertical-align: middle; */ /* padding-top: 14px; */ /* top: 7px; */ line-height: 22px !important; }

.container02 .buttons .button1 { font-size: 12px !important; font-family: Arial !important; text-align: center; background-color: #ed1c24; position: relative; color: #fff !important; font-weight: bold; }

select { -moz-appearance: none; -webkit-appearance: none; appearance: none !important; background-image: url('../img/Icone/Grigio_Scuro/chevron-down.svg'); background-size: 10px; background-position: 98% center; background-repeat: no-repeat; }

.validation-error-message { color: #f00 !important; font-family: Arial !important; font-weight: bold !important; font-size: 12px !important; display: block; }

.z-index-99 { z-index: 999999 !important; }

.z-index-98 { z-index: 999998 !important; }

.z-index-97 { z-index: 999997 !important; }

/**/
#divStep1 .Targa { }

a { color:#ed1c24 !important; text-decoration:none !important;}


#divPreventivo .marca { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 26px; text-transform: uppercase; color: #ed1c24; border-bottom: solid 1px #cccccc; }
	#divPreventivo .marca span { font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 26px; text-transform: none; color: #333; }
#divPreventivo .allestimento { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; text-transform: none; color: #666666; }
#divPreventivo .field { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11px; text-transform: none; color: #2B2E34; }
#divPreventivo .field span { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11px; text-transform: none; color: #2B2E34; }
#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; }

.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-cont3.listrule {
		background-color: #eee;
		margin: 3px 0;
		padding: 3px;
	}

		.box-cont3.listrule .box {
			padding: 0px;
		}


.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: flex;
	margin-top: 15px;
	justify-content: flex-start;
	flex-wrap: wrap;
}

	.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: 50%;
	}

		.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: 40%;
	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 #ed1c24;
	}

	.box-srch:hover .titolo-srch {
		border-bottom: solid 2px #ed1c24;
	}

.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: #ed1c24;
	}

/*.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: #ed1c24; }*/

.valutazione {
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	text-align: right;
	width: 45%;
	margin-right: 10px;
}

	.valutazione div {
		font-size: 10px;
		font-family: 'Open Sans', sans-serif;
	}

	.valutazione span {
		font-size: 10px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
	}

.divbottomfixed {
	padding: 0px !important;
}

.pulsantisticky {
	cursor: pointer;
	width: 58px;
	padding: 0 !important;
	margin-left: 5px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	font-size: 8px !important;
	text-transform: uppercase;
	background-color: #ed1c24;
	color: #fff !important;
	text-align: center;
}

	.pulsantisticky .fas {
		font-size: 22px;
		margin-bottom: 3px;
	}

.contentstiky {
	display: flex;
	justify-content: space-between;
}

.pulsantisinistra {
}

.pulsanticentro {
}

.pulsantidestra {
	display: flex;
}

.stickypulsantesalva {
}

.stickypulsanteinserisci {
	background-color: #666666;
}

.stickypulsanteconsulta {
	background-color: #666666;
}

.stickypulsanteannulla {
}
/*COMMENTARE DA QUI IN GIU IN CASO DI ERRORE GRAFICO CRITICO*/
@media screen and (min-width: 800px) {
	.flexbox {
		display: flex;
		justify-content: flex-start !important;
		width: auto;
		padding: 5px 5px !important;
	}
	/**/
	.flexbox-dex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.flexbox-dex > div {
			width: 48%;
		}

	#divStep1 .Targa {
		border: solid 3px #eee !important;
		padding: 5px 5px !important;
		width: 80%;
		font-size: 25px !important;
		margin: 0 auto !important;
		position: relative;
		/* border: none !important; */
		font-family: 'Bebas Neue', cursive !important;
		color: #333333;
		background-color: #fafafa !important;
		border-radius: 0px 0px 0px 3px;
		text-align: left;
		-webkit-appearance: none !important;
	}

	#divStep1 .targa-container {
		position: relative;
		width: 100%;
	}

	.dati-equip {
	width:45% !important;}
	.dati-equip2 {
	width:100% !important;}

	.valutazione {
		font-size: 10px;
		font-family: 'Open Sans', sans-serif;
		text-align: right;
		width: 100% !important;
		margin-right: 10px;
	}

	.login_bkg + .container02 {width:30%}
		.login_bkg + .container02 .box-cont .box {
			width: 100%
		}
}



.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 .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 .td { display: none; padding: 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: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 { padding: 10px 5px; 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 .button-table { padding: 5px; position: relative; background-color: #3B5EB8; display: block; color: #fff; z-index: 9; }
        .table .button-table:hover { background-color: #5A7AC9; }

    .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; }

@media screen and (min-width: 1024px) { .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; padding: 5px 25px; }
        .flexbox .flexitem-grow { flex-grow: 1; }
        .flexbox .box { width: 70%; }
        .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 #ed1c24; }
            .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; }

    .rule-list-block { /*display: block !important;*/ display: flex; justify-content: space-between !important; }
    .rule-list-block02 { /*display: block !important;*/ background-color: #EEEEEE !important; display: flex; justify-content: space-between !important; }
    .rule-list-block > div { /*display: inline-block !important; margin-right: 10px !important; margin-top: 10px !important; vertical-align: top !important; padding-left: 5px;*/ border-left: solid 1px #ddd; padding: 5px; width: 40%; font-size: 11px !important; }
    .rule-list-block02 > div { /*display: inline-block !important; margin-right: 10px !important; margin-top: 10px !important; vertical-align: top !important; padding-left: 5px;*/ border-left: solid 1px #ddd; padding: 5px; width: 40%; font-size: 11px !important; }
    /**/
    .table-rule { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; }
        .table-rule .tr { width: 30% !important; border-right: solid 26px #fff; /* border-left: solid 1px rgba(0,0,0,0.2);*/ }
            .table-rule .tr:hover { box-shadow: none !important; background-color: #ddd; }

}

@media screen and (max-width: 1023px) and (min-width: 481px) {

    .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 .flexitem-grow { flex-grow: 1; }
        .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 #ed1c24; }
            .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; }
    .rule-list-block { display: flex; justify-content: space-between !important; font-size: 12px !important; }
    .rule-list-block02 { display: flex; justify-content: space-between !important; background-color: #EEEEEE !important; }
    .rule-list-block > div { display: inline-block !important; margin-right: 10px !important; margin-top: 10px !important; vertical-align: top !important; padding-left: 5px; border-left: solid 1px #ddd; padding: 5px; width: 40%; font-size: 11px !important; }
    .rule-list-block02 > div { display: inline-block !important; margin-right: 10px !important; margin-top: 10px !important; vertical-align: top !important; padding-left: 5px; border-left: solid 1px #ddd; padding: 5px; width: 40%; font-size: 11px !important; }
    /**/
    .table-rule { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
        .table-rule .tr { width: 98% !important; /* border-right: solid 8px #fff; */ /* border-left: solid 1px rgba(0,0,0,0.2); */ }
            .table-rule .tr:hover { box-shadow: none !important; background-color: #ddd; }

}

@media screen and (max-width: 480px) {

    .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 .flexitem-grow { flex-grow: 1; }
        .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 #ed1c24; }
            .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; }


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

    .table .th { flex-wrap:wrap;}

    .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; }


    .rule-list-block { display: flex; justify-content: space-between !important; height: auto !important; }
    .rule-list-block02 { display: flex; justify-content: space-between !important; background-color: #EEEEEE !important; height: auto !important; }
    .rule-list-block > div { display: inline-block !important; margin-right: 10px !important; margin-top: 10px !important; vertical-align: top !important; padding-left: 5px; border-left: solid 1px #ddd; padding: 5px; width: 40%; font-size: 11px !important; }
    .rule-list-block02 > div { display: inline-block !important; margin-right: 10px !important; margin-top: 10px !important; vertical-align: top !important; padding-left: 5px; border-left: solid 1px #ddd; padding: 5px; width: 40%; font-size: 11px !important; }

    /**/
    .table-rule { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
        .table-rule .tr { width: 98% !important; /* border-right: solid 8px #fff; */ /* border-left: solid 1px rgba(0,0,0,0.2); */ }
            .table-rule .tr:hover { box-shadow: none !important; background-color: #ddd; }

    .slider-container.theme-green { width: 300px !important; padding-left: 20px !important; }

}

[type="submit"], [type="button"], .button2, .button1, .button3, .button4 { font-size: 12px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; padding: 8px 60px; text-transform: uppercase; }
@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: Arial; }
.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:#ed1c24; }
.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: #ed1c24; 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; margin-bottom: 5px; }
.gallery-03 .customcb { top: 5px; position: absolute; left: 5px; z-index: 9; }
.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); background-color: #fff; border-radius: 100%; }
.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); background-color: #fff; border-radius: 100%; }

.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; }




@media screen and (max-width: 1251px) { /**/
	.collapse-container-desktop { display: block !important; }
	/**/

	.rightbar { display: none !important; }
	.leftbar { display: none !important; }
}

/**/
.datiavanzatirule { flex-wrap: wrap !important; display: flex; justify-content: space-around; }
	.datiavanzatirule > div { width: 100%; }

/**/
.container { position: relative; width: 100%; display: flex; justify-content: space-between; margin-top: 95px; }

	.container .leftbar { background-color: #ffffff; display: block; 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-family: 'Josefin Sans', sans-serif; height: 20px; line-height: 20px; text-align: center; margin-bottom: 7px; position: relative; }


	.container .centerbar { width: 100%; z-index: 1; margin: 0 10px; }
		.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 #ed1c24; 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; position: relative; overflow: hidden; background-color: #ffffff; display: flex; flex-direction:column; }
			.container .centerbar .center-content .titolo-center-content { font-family: 'Josefin 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 #1c69d4; 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-family: 'Josefin Sans', sans-serif; font-size: 15px; }
				.container .rightbar .stat-bar .section .text { text-align: center; margin: 3px 0; font-family: 'Josefin 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%; position: relative; }
		.container02 .section.radius-top { border-radius: 5px; }
		.container02 .section .titolo { margin-top: -25px; color: #878787; font-size: 18px; font-family: 'Josefin Sans', sans-serif; }
			.container02 .section .titolo.tit02 { margin-top: 0; height: 50px; line-height: 50px; color: #878787; font-size: 12px; font-family: 'Josefin Sans', sans-serif; }

.container .buttons { display: flex; justify-content: space-around; margin: 15px 10px; position: relative; }
	.container .buttons .button1 { display: block; font-size: 12px; font-family: 'Josefin 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-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 7px; position: relative; width: 100% !important; position: relative }
	.container02 .buttons .button2 { display: block; font-size: 11px; font-family: 'Josefin Sans', sans-serif; width: 90%; 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-family: 'Josefin Sans', sans-serif; width: 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-family: 'Josefin Sans', sans-serif; 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-family: 'Josefin Sans', sans-serif; width: 90%; text-align: center; margin-bottom: 7px; position: relative; position: relative; margin-right: 2px; }
	.container02 .buttons-bottom .button3 { display: block; font-size: 11px; font-family: 'Josefin Sans', sans-serif; width: 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 #ed1c24; }
	.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: 13px 5px 13px 18px; background-position: 98% center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url(../img/Icone/Grigio_Scuro/chevron-down.svg); cursor: pointer; font-size: 12px !important; text-transform: uppercase; font-weight: normal; }
	.content-collapse .collapse-container { padding: 10px; }

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

.stikybar { position: sticky !important; top: 50px !important; z-index: 999 !important; background-color: #fff; }
	.stikybar .openstiky { padding: 10px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999; }

	.stikybar .buttons-stiky { display: flex; flex-direction: column; display: none; }
		.stikybar .buttons-stiky > div { }
		.stikybar .buttons-stiky > a { background-color: transparent !important; }
		.stikybar .buttons-stiky a { background-color: transparent !important; display: block; padding: 16px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #999; }
		.stikybar .buttons-stiky input { background-color: transparent !important; }
.divbottomfixed { }


.titoloform { margin: 10px; border-bottom: solid 1px #ed1c24; width: 100%; color: #252632; }

.hidden { display: none !important; }
.modal-header .BMW-Bold { font-family: Arial; font-weight: bold; font-size: 26px; }

.stickysummary { position: sticky !important; bottom: 0; border: solid #1980DD; border-width: 1px; height: auto; margin-top: 5px; border-radius: 5px; background-color: #ffffff; }
.modal-header .BMW-Bold { font-family: Arial; font-weight: bold; font-size: 26px; }

.stickysummary .stickysummary-hide { display: none; }

.stickysummary-placeholder { display: none; }

.vminput { width: 11.4% !important; }

.d-none { display: none !important }

.bottombutton { width: 100%; display: flex; margin-left: 30% !important; }

.txtprezzoconcordato { width: 100% !important; border: none; outline: none; outline-offset: 0; -webkit-appearance: none; }

.bottomacconto { margin-left: -31%; width: 100%; }

.bottomdatavendita { margin-left: 10%; width: 100%; }

.bottomdataritiro { margin-left: 15%; width: 100%; }

.preventivirules > div { font-size: 16px !important; color: #666 !important; }
	.preventivirules > div .line-grey { border-bottom: 1px solid #ed1c24 !important; }

.divbottomfixed-rules { }
	.divbottomfixed-rules .box-cont { justify-content: flex-start !important; }
	.divbottomfixed-rules .box-srch { width: auto !important; }
	.divbottomfixed-rules > div span { color: #ed1c24 !important; }
	.divbottomfixed-rules .buttons { justify-content: flex-end !important; }
	.divbottomfixed-rules .button1 { width: auto !important; }


.prezzobar { color: #ed1c24 !important; font-size: 20px; }

.permutarules { width: 100%; }
.PermutaAllestimentoDescrizione { text-align: center; font-size: 16px; font-weight: normal; border-bottom: solid 1px #ccc; }

/**/
.datirata { margin-left: 10px !important; }
.titolorata { font-size: 13px; }
	.titolorata span { font-weight: bold !important; }
.contentstiky { width: 100% !important; max-width: 1500px !important; margin: 0 auto !important; }

/**/
.salvastampa { display: none }
.eliminacliente { padding: 8px 43px !important; max-height: 13px !important; margin-top: 2% !important; max-width: 124px !important; margin-left: 1.8%; }
.detraiiva { width: 8% !important; }
.btnResetFinanziamento { text-align: center; width: 9%; margin-left: 80%; cursor: pointer; margin-bottom: -1%; margin-top: -1%; }
.stampausato { width: 13% !important; }

form { width: 100%; }

/**/
.flexfilters { display: flex; justify-content: space-around; flex-wrap: wrap; }
.item-filters { width: 40%; margin-right: 5px; }
/**/
.item-3columns { width: 33%; margin-right: 5px; }

a.buttonlist { display: flex; align-items: center; width: 10%; }
/**/
.circular-graph { position: relative; }
.circular-graph .circular-graph-legend { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 50%; max-height: 50%; overflow: hidden; }
.circular-graph .circular-graph-legend .circular-graph-legend-link { display: block; margin: 4px; }
.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; }

.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; }

.risultatoselezione { padding:3px; width: 100%; height: auto; vertical-align: middle; position: relative; border: solid 1px #ed1c24 !important; }
.risultatoselezione span { cursor: pointer; }
.act-stampa {height:100%}
.alert-targa {color: #ed1c24; font-size: 14px; width: 40%; margin-top: 5%; display:none}
.tooltipelementhead{width:100%; text-overflow: ellipsis !important; padding:1.5% 0}
.w20 {width: 20%;}

.pager-info { position: relative; display: block; margin-bottom: 10px; padding: 0 0 0 20px; }
.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: #fff; background-color: #1980DD; margin-right: 3px; cursor: pointer; }
.pager-links .pager-link:hover { background-color: #539cdd; }
.pager-links .pager-link.pager-link-current { cursor: default; background-color: #A00810; }
.pager-links .pager-link.pager-link-current:hover { background-color: #A00810; }


@media screen and (max-width: 1280px) {
	/*TABLET AND SMALL SCREEN*/
    .pager-links { margin-top: 25px; margin-bottom: 25px; padding: 0 0 0 10px; }
	.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'); }