@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Nunito:ital,wght@0,200;0,400;0,700;0,1000;1,200;1,400;1,700;1,1000&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');

:root {
	--w-header: 200px !important;
    --w-header-small: 60px !important;
    --w-header-up: 40px !important;
    --w-header-down: 120px !important;
    --w-header-down-small: 0px !important;
    --w-header-padding: 50px !important;
    --w-width-menu-left: 52px;
    --w-menu-orizontale-h: 40px;
    --w-menu-orizontale-padding: 5px;

    --font-body: 18px !important;
    --line-height-body: 1.6re !important;
    --font-family-2: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans;
    --font-family-1: 'Nunito', sans-serif;

    --w-color-text: #585858; 
    --w-color-text-bold: #585858;
    --w-color-text-apici: #2F98CE;
    --w-color-text-pedici: #2F98CE;
    --w-color-1:#065ca9;
    --w-color-1-n:#ffffff;
    --w-color-2:#27aae1;
    --w-color-2-n:#ffffff;
    --w-color-3:#8ECEE3;
    --w-color-3-n:#ffffff;
    --w-color-4:#FFDA05;
    --w-color-4-n:#585858;
    --w-color-5:#f9f9f9;
    --w-color-5-n:#585858;
    --w-color-input:#f9f9f9;
    --w-hover: #27aae1;
    --w-hover-text: #ffffff;
    --w-black-gradient: linear-gradient(0deg, rgba(0,0,0,0) 49%, rgba(0,0,0,0.725910432532388) 100%);
    --w-shadow: #00000023;
}

body { 

}
#main {}
.s3 > .header-up {}
.s3 > .header-up.small {}
.s3 > .header-down {}
.s3 > .header-down.small {}
.s3 > .footer-up {}
.s3 > .footer-down {}

.s4 > .header-up {}
.s4 > .header-up.small {}
.s4 > .header-down {}
.s4 > .header-down.small {}
.s4 > .footer-up {}
.s4 > .footer-down {}


.w-btn-1.crea { position: absolute; right: 20px; }

/* --------------- ROCK ----------------*/

.header-down.small { 
    box-shadow: none; 
    background-color: #ffffffed; 
    top: -50px; 
}
.menu-profile.small { background-color: transparent !important; color: var(--sup); }
.menu-profile > .accordion-content-menu, .menu-profile.small > .accordion-content-menu { color: var(--w-color-text); background-color: var(--sup); }
.menu-profile-header { height: 50px !important; } 

.w-accordion-header { background-color: var(--w-color-1) !important; color: var(--sup)!important; }
.box-form { width: var(--w-30); }

.box-vote { width: 20px; display: inline-block; vertical-align: middle; }
.box-15.rig-service { 
    text-align: center;
    padding: 5px;
    font-size: 0.8em;
    margin: 0px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-style: italic;
    line-height: 1.2em;
    width: auto !important;
}

.box-15.rig-service i { width: auto; font-size: 1.2em; padding-right:10px; color: var(--w-color-2); }

.appstore { border: 0px; cursor: pointer; }
.appstore:hover { border: 0px; cursor: pointer; }
.appstore img { height: 70px; }

.rig-service-torna { top: -20px; left:20px; position:absolute; }

@media screen and (max-width: 1200px){ 
    .rig-service-torna { font-size: 1.4em }
}
.rockets_elemento_infinito > .box-form.delete { flex: 0 0 50px; position: relative; left: -80px; top: 10px; }
.rockets_elemento_infinito > .box-form.rockets_idanagrafica_rocket  { 
    flex: 0 1 100% !important;
    position: relative;
    top: -50px;
}
.rockets_elemento_infinito > .box-form.rockets_descrizione { flex: 0 1 100% !important; }
.rockets_elemento_infinito > .box-form.rockets_idprodotto,
.box-form.rockets_idprodotto { 
    flex: 0 1 100% !important;
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px 0px;
    margin: 40px 0px;
}
.rockets_elemento_infinito > .box-form.rockets_idprodotto > .w-check > label { 
    flex: 0 1 calc(var(--w-25) - 35px) !important;
}

.rockets_elemento_infinito > .box-form { 
    flex: 0 1 calc(var(--w-33) - 20px) !important;
}
.display-flex.box-form-1 > .box-form.diretto_stringa { 
    flex: 0 1 100% !important; 
}
.display-flex.box-form-1 > .box-form.idisola,
.display-flex.box-form-1 > .box-form.stato,
.display-flex.box-form-1 > .box-form.inizio_data,
.display-flex.box-form-1 > .box-form.fine_data { 
    flex: 0 1 calc(var(--w-25) - 20px );
}

.display-flex.box-form-1 > .box-form.pax_a,
.display-flex.box-form-1 > .box-form.pax_b,
.display-flex.box-form-1 > .box-form.pax_c { 
    flex: 0 1 calc(var(--w-33) - 20px );
}
.display-flex.box-form-1 > .box-form.cliente_url a { 
    background-color: var(--w-color-1);
    color: var(--sup);
    padding: 6px 18px;
    border-radius: 5px; 
    font-weight: 600;
    font-size: var(--font-small);
}
.display-flex.box-form-1 > .box-form.cliente_url a:hover { 
    background-color: var(--w-hover);
}
.display-flex.box-form-3 > .box-form { 
    flex: 0 1 var(--w-100) !important; 
}
.box-form.rockets_idprodotto > .w-check > label { 
    flex: 0 1 calc(var(--w-25) - 35px) !important;
}