/*====RESET CSS====*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
input,
textarea,
[contenteditable="true"] {
    outline: none;
}
body,
html {
    font-size: 100%;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit Non somma padding, border e margin */
    /* Firefox, other Gecko Non somma padding, border e margin */
    box-sizing: border-box;
    /* Opera/IE 8+ Non somma padding, border e margin */
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -ms-box-sizing: inherit;
    -o-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-tap-highlight-color: transparent;
}
/*====/RESET CSS====*/
/*====UTILITA====*/
body,
html {
    width: 100%;
    height: 100%;
}
.sCont{
    width: 100%;
    max-width: 1440px;
    max-width: 90rem;
    margin: auto;
}
/*Pad*/
.contMn {
    padding: 8px;
    padding: .5rem;
}
.contSm {
    padding: 16px;
    padding: 1rem;
}
.contMd {
    padding: 32px;
    padding: 2rem;
}
.cont {
    padding: 48px;
    padding: 3rem;
}
.padLMn {
    padding-left: 8px;
    padding-left: .5rem;
}
.padLSm {
    padding-left: 16px;
    padding-left: 1rem;
}
.padLMd {
    padding-left: 32px;
    padding-left: 2rem;
}
.padL {
    padding-left: 48px;
    padding-left: 3rem;
}
.padRMn {
    padding-right: 8px;
    padding-right: .5rem;
}
.padRSm {
    padding-right: 16px;
    padding-right: 1rem;
}
.padRMd {
    padding-right: 32px;
    padding-right: 2rem;
}
.padR {
    padding-right: 48px;
    padding-right: 3rem;
}
.padTMn {
    padding-top: 8px;
    padding-top: .5rem;
}
.padTSm {
    padding-top: 16px;
    padding-top: 1rem;
}
.padTMd {
    padding-top: 32px;
    padding-top: 2rem;
}
.padT {
    padding-top: 48px;
    padding-top: 3rem;
}
.padBMn {
    padding-bottom: 8px;
    padding-bottom: .5rem;
}
.padBSm {
    padding-bottom: 16px;
    padding-bottom: 1rem;
}
.padBMd {
    padding-bottom: 32px;
    padding-bottom: 2rem;
}
.padB {
    padding-bottom: 48px;
    padding-bottom: 3rem;
}
.padTBMn {
    padding-bottom: 8px;
    padding-bottom: .5rem;
    padding-top: 8px;
    padding-top: .5rem;
}
.padTBSm {
    padding-bottom: 16px;
    padding-bottom: 1rem;
    padding-top: 16px;
    padding-top: 1rem;
}
.padTBMd {
    padding-bottom: 32px;
    padding-bottom: 2rem;
    padding-top: 32px;
    padding-top: 2rem;
}
.padTB {
    padding-bottom: 48px;
    padding-bottom: 3rem;
    padding-top: 48px;
    padding-top: 3rem;
}
.padLRMn {
    padding-right: 8px;
    padding-right: .5rem;
    padding-left: 8px;
    padding-left: .5rem;
}
.padLRSm {
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
}
.padLRMd {
    padding-right: 32px;
    padding-right: 2rem;
    padding-left: 32px;
    padding-left: 2rem;
}
.padLR {
    padding-right: 48px;
    padding-right: 3rem;
    padding-left: 48px;
    padding-left: 3rem;
}
.noCont {
    padding: 0;
}
.noPadL {
    padding-left: 0;
}
.noPadR {
    padding-right: 0;
}
.noPadTB {
    padding-bottom: 0;
    padding-top: 0;
}
.noPadT {
    padding-top: 0;
}
.noPadB {
    padding-bottom: 0;
}
.noPadLR {
    padding-right: 0;
    padding-left: 0;
}
/*Mar*/
.marMn {
    margin: 8px;
    margin: .5rem;
}
.marSm {
    margin: 16px;
    margin: 1rem;
}
.marMd {
    margin: 32px;
    margin: 2rem;
}
.mar {
    margin: 48px;
    margin: 3rem;
}
.marLMn {
    margin-left: 8px;
    margin-left: .5rem;
}
.marLSm {
    margin-left: 16px;
    margin-left: 1rem;
}
.marLMd {
    margin-left: 32px;
    margin-left: 2rem;
}
.marL {
    margin-left: 48px;
    margin-left: 3rem;
}
.marRMn {
    margin-right: 8px;
    margin-right: .5rem;
}
.marRSm {
    margin-right: 16px;
    margin-right: 1rem;
}
.marRMd {
    margin-right: 32px;
    margin-right: 2rem;
}
.marR {
    margin-right: 48px;
    margin-right: 3rem;
}
.marTMn {
    margin-top: 8px;
    margin-top: .5rem;
}
.marTSm {
    margin-top: 16px;
    margin-top: 1rem;
}
.marTMd {
    margin-top: 32px;
    margin-top: 2rem;
}
.marT {
    margin-top: 48px;
    margin-top: 3rem;
}
.marBMn {
    margin-bottom: 8px;
    margin-bottom: .5rem;
}
.marBSm {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}
.marBMd {
    margin-bottom: 32px;
    margin-bottom: 2rem;
}
.marB {
    margin-bottom: 48px;
    margin-bottom: 3rem;
}
.marTBMn {
    margin-bottom: 8px;
    margin-bottom: .5rem;
    margin-top: 8px;
    margin-top: .5rem;
}
.marTBSm {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    margin-top: 16px;
    margin-top: 1rem;
}
.marTBMd {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    margin-top: 32px;
    margin-top: 2rem;
}
.marTB {
    margin-bottom: 48px;
    margin-bottom: 3rem;
    margin-top: 48px;
    margin-top: 3rem;
}
.marLRMn {
    margin-right: 8px;
    margin-right: .5rem;
    margin-left: 8px;
    margin-left: .5rem;
}
.marLRSm {
    margin-right: 16px;
    margin-right: 1rem;
    margin-left: 16px;
    margin-left: 1rem;
}
.marLRMd {
    margin-right: 32px;
    margin-right: 2rem;
    margin-left: 32px;
    margin-left: 2rem;
}
.marLR {
    margin-right: 48px;
    margin-right: 3rem;
    margin-left: 48px;
    margin-left: 3rem;
}
.noMar {
    margin: 0;
}
.noMarL {
    margin-left: 0;
}
.noMarR {
    margin-right: 0;
}
.noMarT {
    margin-bottom: 0;
}
.noMarB {
    margin-bottom: 0;
}
.noMarTB {
    margin-bottom: 0;
    margin-top: 0;
}
.noMarLR {
    margin-right: 0;
    margin-left: 0;
}
/*Larghezza elementi*/
.w-5 {
    width: 5%;
}
.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-20 {
    width: 20%;
}
.w-25 {
    width: 25%;
}
.w-30 {
    width: 30%;
}
.w-33 {
    width: 33.33%;
}
.w-35 {
    width: 35%;
}
.w-40 {
    width: 40%;
}
.w-45 {
    width: 45%;
}
.w-50 {
    width: 50%;
}
.w-55 {
    width: 55%;
}
.w-60 {
    width: 60%;
}
.w-65 {
    width: 65%;
}
.w-70 {
    width: 70%;
}
.w-75 {
    width: 75%;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}
.w-100 {
    width: 100%;
}
/*Altezze elementi*/
.h-5 {
    height: 5%;
}
.h-10 {
    height: 10%;
}
.h-15 {
    height: 15%;
}
.h-20 {
    height: 20%;
}
.h-25 {
    height: 25%;
}
.h-30 {
    height: 30%;
}
.h-35 {
    height: 35%;
}
.h-40 {
    height: 40%;
}
.h-45 {
    height: 45%;
}
.h-50 {
    height: 50%;
}
.h-55 {
    height: 55%;
}
.h-60 {
    height: 60%;
}
.h-65 {
    height: 65%;
}
.h-70 {
    height: 70%;
}
.h-75 {
    height: 75%;
}
.h-80 {
    height: 80%;
}
.h-85 {
    height: 85%;
}
.h-90 {
    height: 90%;
}
.h-95 {
    height: 95%;
}
.fullH {
    height: 100%;
}
.fullHAuto {
    min-height: 100%;
}
/*Posizionamento*/
.floating.fixed {
    position: fixed;
}
.floating.absolute {
    position: absolute
}
.stickyBox {
    position: -webkit-sticky;
    position: sticky;
}
/*Visibilità*/
.hideElement {
    display: none;
}
.showElement {
    display: block;
}
.visibilityOff {
    visibility: hidden;
    opacity: 0;
}
.visibilityOn {
    visibility: visible;
    opacity: 1;
}
/*Interazione*/
.noSelect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.pointer {
    cursor: pointer;
}
.overflowY {
    overflow-y: auto;
}
/*====/UTILITA====*/
/*====TESTO====*/
/*
.h1 {
    font-size: 96px;
    font-size: 6rem;
    letter-spacing: -1.5px;
    letter-spacing: -0.09375rem;
}
.h2 {
    font-size: 60px;
    font-size: 3.75rem;
    letter-spacing: -0.5px;
    letter-spacing: -0.03125rem;
}
.h3 {
    font-size: 48px;
    font-size: 3rem;
    letter-spacing: 0;
    letter-spacing: 0;
}
.h4 {
    font-size: 34px;
    font-size: 2.125rem;
    letter-spacing: 0.25px;
    letter-spacing: 0.015625rem;
}
.h5 {
    font-size: 24px;
    font-size: 1.5rem;
    letter-spacing: 0;
    letter-spacing: 0;
}
.h6 {
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: 0.15px;
    letter-spacing: 0.009375rem;
}
.subtitle1 {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.15px;
    letter-spacing: 0.009375rem;
}
.subtitle2 {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0.1px;
    letter-spacing: 0.00625rem;
}
.body1 {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.5;
    letter-spacing: 0.03125rem;
}
.body2 {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0.25px;
    letter-spacing: 0.015625rem;
}
.caption {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.4px;
    letter-spacing: 0.025rem;
}
.overline {
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 1.5px;
    letter-spacing: 0.09375rem;
}
.buttonLabel {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 1.25px;
    letter-spacing: 0.078125rem;
}
*/
.overline,
.uppercase {
    text-transform: uppercase;
}
a.none {
    color: inherit;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.alignL {
    text-align: left;
}
.alignC {
    text-align: center;
}
.alignR {
    text-align: right;
}
.alignJ {
    text-align: justify;
}
br.noBreak {
    display: none;
}
br.break {
    display: static;
}
/*====/TESTO====*/
/*====ICONE====*/
i {
    font-size: 24px;
    font-size: 1.5rem;
}
.dense i {
    font-size: 16px;
    font-size: 1rem;
}
/*====/ICONE====*/
/*====ELEMENTI LISTA====*/
.list.inline li {
    display: inline-block;
}
.list.noPoints {
    list-style-type: none;
}
/*====/ELEMENTI LISTA====*/
/*====FORM====*/
/*Rimuove lo stile dell'autocompletamento*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
}
/*ELEMENTI STANDARD*/
.inputArea {
    min-width: 280px;
    min-width: 17.5rem;
}
.inputAutoW.inputArea,
.col .inputArea {
    min-width: auto;
}
.inputArea.textarea.minHauto .inputBox,
.inputArea.textarea.minHauto {
    min-height: auto;
}
.inputArea .inputBox .bkg,
.inputArea .textareaBox [contenteditable="true"],
.inputArea .inputBox .inputMsg,
.inputArea .inputBox .bkg:after {
    width: 100%;
}
.inputArea .inputBox .inputLabel,
.inputArea .inputBox .input,
.inputArea .inputBox .selInput,
.inputArea .inputBox .bkg:after,
.inputArea .textareaBox [contenteditable="true"] {
    position: absolute;
    top: 0;
    left: 0;
}
.inputArea .inputBox .input,
.inputArea .inputBox .selInput {
    width: 100%;
    border: none;
}
.inputArea .inputBox .bkg {
    position: relative;
}
.inputArea .inputBox .bkg:after {
    content: "";
    height: 100%;
}
.inputArea .inputBox .inputMsg {
    height: 16px;
    height: 1rem;
}
.inputArea.minH .inputBox .inputMsg{
    height: inherit;
}
.inputArea .textareaBox [contenteditable="true"] {
    word-wrap: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}
/*Casella di testo*/
.inputArea.textarea {
    min-height: 73.6px;
    min-height: 4.6rem;
    margin-bottom: 19.2px;
    margin-bottom: 1.2rem;
}
.inputArea.textarea .inputBox {
    min-height: 72px;
    min-height: 4.5rem;
    cursor: text
}
.textareaBox {
    height: 56px;
    height: 3.5rem;
    min-height: 56px;
    min-height: 3.5rem;
    padding: 24px 11.2px 0 11.2px;
    padding: 1.5rem .7rem 0 .7rem;
    border: none;
}
.inputArea.contenteditable .textareaBox {
    position: relative;
}
.textareaBox textarea,
.textareaBox [contenteditable="true"] {
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 100%;
    resize: none;
    border: none;
}
.inputArea.textarea [contenteditable="true"] {
    position: relative;
}
.inputArea.contenteditable .inputBox .inputLabel,
.inputArea.contenteditable .inputBox .bkg {
    z-index: 1;
}
.inputArea.contenteditable .inputBox .bkg:after {
    z-index: -1;
}
/*VALORI VARIABILI*/
.inputArea.filled.noBorders .inputBox .bkg,
.inputArea.filled.noBorders .inputBox .textareaBox,
.inputArea.filled.noBorders.focus .inputBox .bkg:after,
.inputArea.filled.noBorders.data .inputBox .bkg:after,
.inputArea.filled.noBorders.focus .inputBox .textareaBox,
.inputArea.filled.noBorders.data .inputBox .textareaBox {
    border: none;
}
.inputArea.left .inputBox {
    margin-right: 16px;
    margin-right: 1rem;
}
.inputArea.center .inputBox,
.inputArea.center .inputMsg {
    margin-left: 16px;
    margin-left: 1rem;
    margin-right: 16px;
    margin-right: 1rem;
}
.inputArea.right .inputBox {
    margin-left: 16px;
    margin-left: 1rem;
}
.inputArea .inputBox {
    height: 72px;
    height: 4.5rem;
    position: relative;
}
.inputArea.minH .inputBox {
    height: auto;
    min-height: 72px;
    min-height: 4.5rem;
    position: relative;
}
.inputArea.noHelper .inputBox,
.inputArea.dense .inputBox,
.inputArea.textarea.noHelper .inputBox {
    height: 56px;
    height: 3.5rem;
}
.inputArea.textarea.noHelper .inputBox {
    min-height: 56px;
    min-height: 3.5rem;
}
.inputArea.dense.noHelper .inputBox,
.inputArea.dense.noHelper {
    height: 40px;
    height: 2.5rem;
}
.inputArea .inputBox .inputLabel {
    top: 19px;
    top: 1.1875rem;
    width: auto;
}
.inputArea.dense .inputBox .inputLabel {
    top: 10.2px;
    top: .64rem;
}
.inputArea.dense.subtitle2 .inputBox .inputLabel,
.inputArea.dense.body2 .inputBox .inputLabel {
    top: 12.2px;
    top: .76rem;
}
.inputArea .inputBox .input,
.inputArea .inputBox .selInput,
.inputArea .inputBox .bkg {
    height: 56px;
    height: 3.5rem;
}
.inputArea.dense .inputBox .input,
.inputArea.dense .inputBox .selInput,
.inputArea.dense .inputBox .bkg,
.inputArea.dense .inputBox .focusedBorderBox {
    height: 40px;
    height: 2.5rem;
}
.inputArea .inputBox .inputLabel,
.inputArea .inputBox .input,
.inputArea .inputBox .selInput,
.inputArea .inputMsg {
    padding: 0 12px;
    padding: 0 0.75rem;
}
/*TIPOLOGIE CAMPI*/
/*Campi pieni*/
.inputArea.filled .inputBox .bkg,
.inputArea.filled .inputBox .textareaBox {
    border-bottom: solid 1px;
    border-bottom: solid 0.0625rem;
}
.inputArea.filled .inputBox .input,
.inputArea.filled .inputBox .selInput {
    padding-top: 12px;
    padding-top: 0.75rem;
}
.inputArea.filled .inputBox .input.inputDiv,
.inputArea.filled .inputBox .selInput.inputDiv {
    padding-top: 25px;
    padding-top: 1.56rem;
}
.inputArea.filled.focus .inputBox .bkg:after,
.inputArea.filled.data .inputBox .bkg:after,
.inputArea.filled.focus .inputBox .textareaBox,
.inputArea.filled.data .inputBox .textareaBox {
    border-bottom: solid 2px;
    border-bottom: solid 0.125rem;
}
.inputArea.filled .inputBox .text {
    border: none;
}
.inputArea.filled.focus .inputBox .inputLabel,
.inputArea.filled.data .inputBox .inputLabel {
    top: 10px;
    top: 0.625rem;
}
.inputArea.dense.filled.focus .inputBox .inputLabel,
.inputArea.dense.filled.data .inputBox .inputLabel {
    top: 5px;
    top: .31rem;
}
.inputArea.filled.focus .inputBox .inputLabel,
.inputArea.filled.data .inputBox .inputLabel {
    /*width: 100%;*/
    width: auto;
}
.inputArea.filled.focus .inputBox .inputLabel .subtitle1,
.inputArea.filled.data .inputBox .inputLabel .subtitle1,
.inputArea.filled.focus .inputBox .inputLabel .subtitle2,
.inputArea.filled.data .inputBox .inputLabel .subtitle2 {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.4px;
    letter-spacing: 0.025rem;
}
.inputArea.filled.focus .inputBox [contenteditable="true"].bkg:after,
.inputArea.filled.data .inputBox [contenteditable="true"].bkg:after {
    border-bottom: 0;
}
/*Campi contenuto*/
.inputArea.outlined .inputBox .focusedBorderBox .borderSx,
.inputArea.outlined .inputBox .focusedBorderBox .borderMid,
.inputArea.outlined .inputBox .focusedBorderBox .borderDx {
    border: solid 1px;
    border: solid 0.0625rem;
}
.inputArea.outlined .inputBox .focusedBorderBox .borderLabel {
    border-bottom: solid 1px;
    border-bottom: solid 0.0625rem;
}
.inputArea.outlined .inputBox .focusedBorderBox .borderSx {
    border-right: none;
}
.inputArea.outlined .inputBox .focusedBorderBox .borderDx {
    border-left: none;
}
.inputArea.outlined .inputBox .focusedBorderBox .borderMid {
    border-left: none;
    border-right: none;
}
.inputArea.outlined .inputBox .bkg.text {
    border: none;
}
.inputArea.outlined.focus .inputBox .focusedBorderBox .borderSx,
.inputArea.outlined.data .inputBox .focusedBorderBox .borderSx,
.inputArea.outlined.focus .inputBox .focusedBorderBox .borderMid,
.inputArea.outlined.data .inputBox .focusedBorderBox .borderMid,
.inputArea.outlined.focus .inputBox .focusedBorderBox .borderDx,
.inputArea.outlined.data .inputBox .focusedBorderBox .borderDx {
    border: solid 2px;
    border: solid 0.125rem;
}
.inputArea.outlined.focus .inputBox .focusedBorderBox .borderLabel,
.inputArea.outlined.data .inputBox .focusedBorderBox .borderLabel {
    border-bottom: solid 2px;
    border-bottom: solid 0.125rem;
}
.inputArea.outlined.focus .inputBox .focusedBorderBox .borderSx,
.inputArea.outlined.data .inputBox .focusedBorderBox .borderSx {
    border-right: none;
}
.inputArea.outlined.focus .inputBox .focusedBorderBox .borderDx,
.inputArea.outlined.data .inputBox .focusedBorderBox .borderDx {
    border-left: none;
}
.inputArea.outlined.focus .inputBox .focusedBorderBox .borderMid,
.inputArea.outlined.data .inputBox .focusedBorderBox .borderMid {
    border-left: none;
    border-right: none;
}
.inputArea.outlined.focus .inputBox .inputLabel,
.inputArea.outlined.data .inputBox .inputLabel {
    top: -5px;
    top: -0.3125rem;
    z-index: 1;
}
.inputArea.outlined .inputBox .textareaBox {
    position: relative;
    z-index: 1;
}
.inputArea.outlined.focus .inputBox .inputLabel .subtitle1,
.inputArea.outlined.data .inputBox .inputLabel .subtitle1 {
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.4px;
    letter-spacing: 0.025rem;
}
.inputArea .inputBox .focusedBorderBox {
    position: absolute;
    height: 56px;
    height: 3.5rem;
    width: 100%;
    top: 0;
    left: 0;
}
.inputArea .inputBox .focusedBorderBox .borderSx,
.inputArea .inputBox .focusedBorderBox .borderDx,
.inputArea .inputBox .focusedBorderBox .borderLabel,
.inputArea .inputBox .focusedBorderBox .borderMid {
    height: 100%;
}
.inputArea .inputBox .focusedBorderBox .borderSx,
.inputArea .inputBox .focusedBorderBox .borderDx {
    width: 8px;
    width: .5rem;
}
.inputArea .inputBox .focusedBorderBox .borderLabel {
    padding: 0;
    width: 0;
}
.inputArea.focus .inputBox .focusedBorderBox .borderLabel,
.inputArea.data .inputBox .focusedBorderBox .borderLabel {
    padding: 0 .35rem;
    width: auto;
}
.inputArea .inputBox .focusedBorderBox .borderLabel .caption {
    white-space: nowrap;
    visibility: hidden;
}
.inputArea .inputBox .focusedBorderBox .borderMid {
    width: 100%;
}
.inputArea.outlined.disabled .input.inputDiv {
    padding-top: 20px;
    padding-top: 1.25rem;
}
/*Campi icone*/
.inputArea.icon.sx .inputBox .input,
.inputArea.icon.sx .inputBox .selInput,
.inputArea.icon.sx.dropdown.select .dropdownBox li {
    padding-left: 52px;
    padding-left: 3.25rem;
}
.inputArea.icon.dx .inputBox .input,
.inputArea.icon.dx .inputBox .selInput,
.inputArea.icon.dx.dropdown.select .dropdownBox li {
    padding-right: 52px;
    padding-right: 3.25rem;
}
.inputArea.icon.sx .inputBox .inputLabel {
    left: 40px;
    left: 2.5rem;
}
.inputArea.outlined.icon.sx.focus .inputBox .inputLabel,
.inputArea.outlined.icon.sx.data .inputBox .inputLabel {
    left: 0;
}
.inputArea.icon .inputBox .inputIcon {
    position: absolute;
    z-index: 1;
    top: 16px;
    top: 1rem;
}
.inputArea.dense.icon .inputBox .inputIcon {
    top: 8px;
    top: .5rem;
}
.inputArea.icon .inputBox .inputIcon.iconSx {
    left: 16px;
    left: 1rem;
}
.inputArea.icon .inputBox .inputIcon.iconDx {
    z-index: 1;
    right: 16px;
    right: 1rem;
}
.inputArea.icon .inputBox .inputIcon i {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0;
}
.inputArea.icon.select .inputBox .inputIcon.iconDx {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    line-height: 28px;
    line-height: 1.75rem;
}
.inputArea.icon.select .inputBox .inputIcon.iconDx i {
    font-size: 16px;
    font-size: 1rem;
    margin: 4rem;
    margin: .25rem;
}
.inputArea .removeFilter{
    cursor: pointer;
    visibility: hidden;
    opacity: 0;    
}
.inputArea.notEmpty .removeFilter{
    visibility: visible;
    opacity: 1;
}
/*Campi con prefisso o suffisso*/
.prefixBox,
.suffixBox {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.inputArea.prefix .inputBox .input,
.inputArea.suffix .inputBox .input {
    position: relative;
}
.prefixBox .prefixTxt,
.suffixBox .suffixTxt {
    opacity: 0;
    visibility: hidden;
}
.inputArea.filled.prefix.focus .prefixBox .prefixTxt,
.inputArea.filled.prefix.data .prefixBox .prefixTxt,
.inputArea.outlined.prefix.focus .prefixBox .prefixTxt,
.inputArea.outlined.prefix.data .prefixBox .prefixTxt,
.inputArea.filled.suffix.focus .suffixBox .suffixTxt,
.inputArea.filled.suffix.data .suffixBox .suffixTxt,
.inputArea.outlined.suffix.focus .suffixBox .suffixTxt,
.inputArea.outlined.suffix.data .suffixBox .suffixTxt {
    opacity: 1;
    visibility: visible;
}
.inputArea.filled.prefix .prefixBox .prefixTxt,
.inputArea.filled.suffix .suffixBox .suffixTxt {
    padding-top: 12px;
    padding-top: 0.75rem;
}
/*Campi con prefisso*/
.prefixBox {
    padding-left: 12px;
    padding-left: 0.75rem;
}
.inputArea.prefix .inputBox .input {
    padding-left: 3px;
    padding-left: .2rem;
}
/*Campi con suffisso*/
.suffixBox {
    padding-right: 12px;
    padding-right: 0.75rem;
}
.inputArea.suffix .inputBox .input {
    padding-right: 3px;
    padding-right: .2rem;
}
/*Campi password*/
.inputArea .showPassword i:first-child,
.inputArea .showPassword.on i:last-child {
    display: block;
}
.inputArea .showPassword i:last-child,
.inputArea .showPassword.on i:first-child {
    display: none;
}
/*Pattern*/
[data-pattern="cf"] input{
    text-transform: uppercase;
}
/*DROPDOWN*/
.inputArea.dropdown .inputBox {
    height: 56px;
    height: 3.5rem;
}
.inputArea.dropdown .inputBox .dropdownBox {
    width: 100%;
    position: relative;
    z-index: 2;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
}
.inputArea.dropdown.focus .inputBox .dropdownBox {
    max-height: 144px;
    max-height: 9rem;
    visibility: visible;
    opacity: 1;
    overflow-y: auto;
}
.inputArea.icon .inputBox .inputIcon.iconDx {
    width: 24px;
    width: 1.5rem;
}
.inputArea.dropdown.focus .inputBox .inputIcon.iconDx i {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    position: absolute;
    left: 0;
}
.dropdownBox {
    max-height: 144px;
    max-height: 9rem;
    overflow-y: auto;
    height: 0;
}
/*.dropdownBox .dropdownMenu,*/
.dropdownBox .dropdownMenu li {
    padding: 16px 8px;
    padding: 1rem 0.5rem;
    cursor: pointer;
}
.dropdown.select .input span {
    position: relative;
}
/*Tipologie Select*/
/*Nuova opzione lista*/
.dropdownMenu .newOption {
    padding: 0 12px;
    padding: 0 .75rem;
    position: relative;
}
.dropdownMenu .newOption .iconBox {
    padding-right: 12px;
    padding-right: .75rem;
}
.dropdownMenu .newOption .label {
    position: absolute;
    left: 45px;
    left: 2.8rem;
    top: 16px;
    top: 1rem;
}
.dropdownMenu .newOption input {
    height: 50px;
    height: 3.13rem;
    border: none;
    padding-top: 0;
}
.dropdownMenu .newOption .button {
    margin-left: 16px;
    margin-left: 1rem;
    visibility: hidden;
    opacity: 0;
}
.dropdownMenu .newOptionArea.data .button {
    visibility: visible;
    opacity: 1;
}
.dropdownMenu .newOptionArea.focus .label,
.dropdownMenu .newOptionArea.data .label {
    top: 8px;
    top: .5rem;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.4px;
    letter-spacing: 0.025rem;
}
.dropdownMenu .newOptionArea.focus input,
.dropdownMenu .newOptionArea.data input {
    padding-top: 16px;
    padding-top: 1rem;
}
/*Checkbox*/
[type="checkbox"]{
    display: none;
}
.box {
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem;
    margin-right: 24px;
    margin-right: 1.5rem;
    border: solid 3px;
    border: solid .19rem;
}
.box i {
    padding: 0;
    opacity: 0;
    visibility: hidden;
}
.selControlsArea .selControlBox {
    display: inline-block;
}
.selControl.checked .box i {
    opacity: 1;
    visibility: visible;
}
/*Radio*/
.radioBtn .box {
    border-radius: 100%;
}
/*Switch*/
.switch {
    position: relative;
    width: 36px;
    height: 16px;
    border-radius: 15px;
    border-radius: .94rem;
    z-index: 0;
}
.switch .thumb {
    position: absolute;
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
    border-radius: 100%;
    top: -2px;
    top: -.13rem;
    left: 0;
    cursor: pointer;
}
.switchArea.disabled .switch .thumb {
    cursor: default;
}
.switchArea .selControl.checked .switch .thumb {
    left: 17px;
    left: 1.06rem;
}
.switch .thumb:before,
.selControlsArea.disabled .switch .thumb:hover:before {
    content: "";
    position: absolute;
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
    left: -10px;
    left: -.63rem;
    top: -10px;
    top: -.63rem;
    border-radius: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.switch .thumb:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.switchArea [type="checkbox"] {
    display: none;
}
/*Date pickers*/
.datepickerCtrl {
    position: relative;
}
.datepickerBox {
    visibility: hidden;
    opacity: 0;
}
.datepickerBox.visibilityOn {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}
.datepickerBox .datepicker {
    width: 328px;
    width: 20.5rem;
}
.datepickerHeader {
    height: 120px;
    height: 7.5rem;
    padding: 16px 24px;
    padding: 1rem 1.5rem;
}
.datepickerHeader .currentDateBox {
    height: 72px;
    height: 4.5rem;
}
.datepickerHeader .currentDateBox .h4 {
    line-height: 27px;
    line-height: 1.69rem;
}
.datepickerHeader .iconArea {
    position: relative;
    top: 13px;
    top: .8rem;
    right: -15px;
    right: -.94rem;
}
.datepicker .selectorBox {
    padding: 16px 24px;
    padding: 1rem 1.5rem;
}
.datepicker .selectorBox .selector .iconBox,
.datepicker .selectorBox .label [data-parametro="anno"] {
    padding-left: 4px;
    padding-left: .25rem;
}
.datepicker .selectorBox .arrowSelector .iconBox {
    margin-left: 24px;
    margin-left: 1.5rem;
    cursor: pointer;
}
.datepickerArea .selector .iconBox {
    position: relative;
    width: 24px;
    width: 1.5rem;
    height: 20px;
    height: 1.25rem;
}
.datepickerArea .selector .icon-down {
    position: absolute;
}
.datepickerArea.selYear .selector .icon-down {
    transform: rotate(180deg);
}
.datepicker .calendar {
    padding: 0 12px;
}
.datepicker .calendar .numBox,
.datepicker .calendar .numberArea {
    position: relative;
}
.datepicker .calendar .num,
.datepicker .calendar .day,
.datepicker .calendar .emptyNum {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    line-height: 40px;
    line-height: 2.5rem;
    text-align: center;
    margin-right: 4px;
    margin-right: .25rem;
}
.datepickerArea.selYear .calendar,
.datepickerArea .yearArea {
    height: 300px;
    height: 18.75rem;
}
.datepicker .calendar .year {
    width: 88px;
    width: 5.5rem;
    height: 52px;
    height: 3.25rem;
    position: relative;
}
.datepicker .calendar .year p {
    width: 72px;
    width: 4.5rem;
    height: 36px;
    height: 2.25rem;
    line-height: 36px;
    line-height: 2.25rem;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.datepickerArea.selYear .arrowSelector,
.datepickerArea.selYear .dayArea,
.datepickerArea.selYear .numberArea,
.datepickerArea .yearArea {
    visibility: hidden;
    opacity: 0;
}
.datepickerArea.selYear .yearArea {
    visibility: visible;
    opacity: 1;
}
.datepickerArea .yearArea {
    position: absolute;
    overflow-y: auto;
}
.datepicker .calendar .num,
.datepicker .iconBox,
.datepicker .selector .label,
.datepicker .calendar .year {
    cursor: pointer;
}
.datepicker .calendar .indicator,
.datepicker .calendar .todayIndicator {
    width: 36px;
    height: 36px;
    position: absolute;
    margin: 2px;
    margin: .13rem;
    display: none;
}
.datepicker .calendar .todayIndicator {
    border: solid 1px;
    border: solid .06rem;
}
.datepicker .calendar .num:nth-child(7n + 0),
.datepicker .calendar .day:nth-child(7n + 0) {
    margin-right: 0;
}
.datepicker .footerBox {
    padding: 8px;
    padding: .5rem;
}
.periodSelArea{
    position: relative;
}
.periodSelArea .datePeriodSelector {
    position: absolute;
    top: 0;
    right: 0;
}
.periodSelArea .datePeriodSelector .period{
    height: 28px;
    height: 1.75rem;
    line-height: 28px;
    line-height: 1.75rem;
    cursor: pointer;
    border: solid 1px;
    border: solid .06rem;
}
.periodSelArea .datePeriodSelector .period:first-of-type{
    border-radius: 0 5px 0 0;
    border-radius: 0 .3rem 0 0;
}
.periodSelArea .datePeriodSelector .period:last-of-type{
    border-top: 0;
    border-radius: 0 0 5px 0;
    border-radius: 0 0 .3rem 0;
}
.periodSelArea .inputBox{
    min-width: 150px;
    min-width: 9.38rem;
}
.periodSelArea.inputArea.filled .inputBox .input, .periodSelArea.inputArea.outlined .inputBox .input{
    padding-right: 56px;
    padding-right: 3.5rem;
}
.periodSelArea.inputArea.filled.data .inputBox .bkg:before, .periodSelArea.inputArea.filled.focus .inputBox .bkg:before{
    width: calc(100% - 52px);
    width: calc(100% - 3.25rem);
}
/*Time pickers*/
.timePickerArea .timeInput .hours,
.timePickerArea .timeInput .minutes {
    width: 96px;
    width: 6rem;
}
.timePickerArea .timeInput .hours input,
.timePickerArea .timeInput .minutes input {
    text-align: center;
    width: 100%;
}
.timePickerArea .timeInput .dots {
    width: 24px;
    width: 1.5rem;
    text-align: center;
}
.timePickerArea .meridiemSelector, .periodSelArea .datePeriodSelector {
    width: 52px;
    width: 3.25rem;
    margin-left: 12px;
    margin-left: .75rem;
    text-align: center;
}
.timePickerArea .meridiemSelector .meridiem{
    height: 37px;
    height: 2.31rem;
    line-height: 35px;
    line-height: 2.19rem;
}
.timePickerArea .pickerCategory {
    position: relative;
}
.timePickerArea .pickerCategory .switchMode {
    padding-right: 0;
    position: absolute;
    bottom: -1.06rem;
    bottom: -17px;
    left: 0;
}
.timePickerArea .dialogBox .dialog .dialogFooterBox .button.switchMode {
    padding-right: 0;
}
.timePickerArea.clock [data-modalita="tastiera"],
.timePickerArea.keyboard [data-modalita="orologio"] {
    visibility: visible;
    opacity: 1;
}
.timePickerArea.keyboard [data-modalita="tastiera"],
.timePickerArea.clock [data-modalita="orologio"] {
    visibility: hidden;
    opacity: 0;
}
.timePickerArea .clockInput {
    overflow: hidden;
    max-width: 256px;
    max-width: 16rem;
    width: 256px;
    width: 16rem;
    max-height: 256px;
    max-height: 16rem;
    height: 256px;
    height: 16rem;
    margin: 32px;
    margin: 2rem;
}
.timePickerArea.keyboard .clockInput {
    width: 0;
    height: 0;
    margin: 0;
}
.timePickerArea .clockInput .clock {
    border-radius: 100%;
    width: 256px;
    width: 16rem;
    height: 256px;
    height: 16rem;
    position: relative;
}
.timePickerArea.clock .dialogBox .dialog .dialogBody {
    padding-bottom: 0;
}
.timePickerArea .clockInput .clock .time {
    position: absolute;
    width: 48px;
    width: 3rem;
    height: 48px;
    height: 3rem;
    text-align: center;
    border-radius: 100%;
    line-height: 48px;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}
.timePickerArea .clockInput .clock .time:nth-child(11),
.timePickerArea .clockInput .clock .time:nth-child(1) {
    top: -173px;
    top: -10.8rem;
}
.timePickerArea .clockInput .clock .time:nth-child(5),
.timePickerArea .clockInput .clock .time:nth-child(7) {
    top: 173px;
    top: 10.8rem;
}
.timePickerArea .clockInput .clock .time:nth-child(8),
.timePickerArea .clockInput .clock .time:nth-child(10) {
    left: -173px;
    left: -10.8rem;
}
.timePickerArea .clockInput .clock .time:nth-child(4),
.timePickerArea .clockInput .clock .time:nth-child(2) {
    left: 173px;
    left: 10.8rem;
}
.timePickerArea .clockInput .clock .time:nth-child(12) {
    top: -200px;
    top: -12.5rem;
}
.timePickerArea .clockInput .clock .time:nth-child(9) {
    left: -200px;
    left: -12.5rem;
}
.timePickerArea .clockInput .clock .time:nth-child(6) {
    top: 200px;
    top: 12.5rem;
}
.timePickerArea .clockInput .clock .time:nth-child(3) {
    left: 200px;
    left: 12.5rem;
}
.timePickerArea .clockInput .clock .time:nth-child(11),
.timePickerArea .clockInput .clock .time:nth-child(7) {
    left: -100px;
    left: -6.25rem;
}
.timePickerArea .clockInput .clock .time:nth-child(1),
.timePickerArea .clockInput .clock .time:nth-child(5) {
    left: 100px;
    left: 6.25rem;
}
.timePickerArea .clockInput .clock .time:nth-child(10),
.timePickerArea .clockInput .clock .time:nth-child(2) {
    top: -100px;
    top: -6.25rem;
}
.timePickerArea .clockInput .clock .time:nth-child(8),
.timePickerArea .clockInput .clock .time:nth-child(4) {
    top: 100px;
    top: 6.25rem;
}
.timePickerArea .clockInput .clock:before,
.timePickerArea .clockInput .clock:after {
    content: "";
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
}
.timePickerArea .clockInput .clock:before {
    bottom: 0;
    width: 8px;
    width: .5rem;
    height: 8px;
    height: .5rem;
    border-radius: 100%;
}
.timePickerArea .clockInput .clock:after {
    bottom: 73px;
    bottom: 4.56rem;
    width: 2px;
    width: .125rem;
    height: 77px;
    height: 4.8rem;
    z-index: 0;
}
.timePickerArea .clockInput .clock[data-ora="6"]:after,
.timePickerArea .clockInput .clock[data-ora="3"]:after,
.timePickerArea .clockInput .clock[data-ora="9"]:after,
.timePickerArea .clockInput .clock[data-ora="2"]:after,
.timePickerArea .clockInput .clock[data-ora="10"]:after,
.timePickerArea .clockInput .clock[data-ora="4"]:after,
.timePickerArea .clockInput .clock[data-ora="8"]:after,
.timePickerArea .clockInput .clock[data-ora="5"]:after,
.timePickerArea .clockInput .clock[data-ora="7"]:after {
    top: -4px;
    top: -.25rem;
}
.timePickerArea .clockInput .clock[data-ora="6"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.timePickerArea .clockInput .clock[data-ora="3"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.timePickerArea .clockInput .clock[data-ora="9"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.timePickerArea .clockInput .clock[data-ora="1"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(28deg);
    transform: rotate(28deg);
}
.timePickerArea .clockInput .clock[data-ora="11"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(-28deg);
    transform: rotate(-28deg);
}
.timePickerArea .clockInput .clock[data-ora="2"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(59deg);
    transform: rotate(59deg);
}
.timePickerArea .clockInput .clock[data-ora="10"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(-59deg);
    transform: rotate(-59deg);
}
.timePickerArea .clockInput .clock[data-ora="4"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(121deg);
    transform: rotate(121deg);
}
.timePickerArea .clockInput .clock[data-ora="8"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(-121deg);
    transform: rotate(-121deg);
}
.timePickerArea .clockInput .clock[data-ora="5"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(152deg);
    transform: rotate(152deg);
}
.timePickerArea .clockInput .clock[data-ora="7"]:after {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: rotate(-152deg);
    transform: rotate(-152deg);
}
/*E-commerce*/
[data-area="modificaQuantita"] .quantityArea.disabled [data-azione="1"],
[data-area="modificaQuantita"] .quantityArea [data-azione="0"] {
    display: none;
}
[data-area="modificaQuantita"] .quantityArea.disabled [data-azione="0"],
[data-area="modificaQuantita"] .quantityArea [data-azione="1"] {
    display: block;
}
/*====/FORM====*/
/*====PULSANTI====*/
.fab,
.button {
    position: relative;
    overflow: hidden;
    line-height: inherit;
    border: none;
    outline: none;
    cursor: pointer;
}
/*==GENERICI==*/
.button {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 1.25px;
    letter-spacing: 0.078125rem;
}
/*Tipologie*/
.button.lg {
    min-width: 64px;
    min-width: 4rem;
    height: 40px;
    height: 2.5rem;
    padding: 0 24px;
    padding: 0 1.5rem;
}
.button.icon.lg.sx {
    padding-left: 16px;
    padding-left: 1rem;
}
.button.icon.lg.dx {
    padding-right: 16px;
    padding-right: 1rem;
}
.button.icon.lg i {
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
}
.button.icon.lg.sx i {
    margin-right: 8px;
    margin-right: 0.5rem;
}
.button.icon.lg.dx i {
    margin-left: 8px;
    margin-left: 0.5rem;
}
.button.icon.lg span:not(.ripple) {
    position: relative;
    top: -2px;
    top: -0.125rem;
}
.button.sm {
    width: 48px;
    width: 3rem;
    height: 48px;
    height: 3rem;
}
.button.sm.dense{
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
}
.button.icon.sm i {
    font-size: 24px;
    font-size: 1.5rem;
}
.button.icon.sm span:not(.ripple) {
    position: relative;
    top: -2px;
    top: -0.125rem;
}
.button.outlined {
    border: solid 1px;
    border: solid .06rem;
}
.button.lg.text {
    padding: 0 12px;
    padding: 0 .75rem
}
.toggleBtn .button.outlined:not(.toggleBtn .button.outlined:last-of-type) {
    border-right: 0;
}
/*==/GENERICI==*/
/*==NUMERI DI PAGINA==*/
.tbPagesBox .customPageBox {
    width: 48px;
    width: 3rem;
    height: 48px;
    height: 3rem;
}
.tbPagesBox .customPageBox.outlined {
    border: solid 1px;
    width: 47px;
    width: 2.9375rem;
    height: 47px;
    height: 2.9375rem;
}
.tbPagesBox .customPageBox input {
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    background: transparent;
}
.btnOnOff {
    cursor: pointer;
}
/*==/NUMERI DI PAGINA==*/
/*==FAB==*/
.fab {
    width: 56px;
    height: 56px;
    padding: 0px 16px;
    padding: 0rem 1rem;
    text-align: center;
    z-index: 10;
}
.fab i {
    padding: 0;
    font-size: 24px;
    font-size: 1.5rem;
}
.fab .fabLabel {
    height: 100%;
    width: 100%;
}
/*Posizionamento*/
.fab.fixed,
.fabBox.fixed {
    position: fixed;
}
.fab.fixed.right,
.fabBox.fixed.right {
    right: 16px;
    right: 1rem;
}
.fab.fixed.bottom,
.fabBox.fixed.bottom {
    bottom: 16px;
    bottom: 1rem;
}
.fab.fixed.bottom.appBarFab {
    bottom: 1.8rem;
}
.fab.fixed.center {
    left: 0;
    right: 0;
    margin: auto;
}
/*/Posizionamento*/
/*Tipologie*/
.fab.big {
    width: 96px;
    width: 6rem;
    height: 96px;
    height: 6rem;
    padding: 0px 8px;
    padding: 0rem 0.5rem;
}
.fab.mini {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    padding: 0px 8px;
    padding: 0rem 0.5rem;
}
.fab.text {
    width: auto;
    display: inline-block;
    height: 56px;
    height: 3.5rem;
    min-width: 80px;
    min-width: 5rem;
    padding: 0px 20px;
    padding: 0 1.3rem;
}
.fab.text.icon {
    padding: 0px 20px 0px 12px;
    padding: 0 1.3rem 0 0.8rem;
}
.fab.text.icon i {
    padding-right: 12px;
    padding-right: .8rem;
}
.fabBox .relatedActionsBox {
    padding-bottom: 8px;
    padding-bottom: .5rem;
}
.fabBox .relatedActionsBox .fab {
    margin: 0 auto;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.fabBox .relatedActionsBox .action.active .fab {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.fabArea.relatedFab .fabCtrl i {
    top: 0;
    bottom: 0;
    height: 24px;
    height: 1.5rem;
    margin: auto;
    position: absolute;
}
.fabArea.relatedFab .fabCtrl.expanded .open,
.fabArea.relatedFab .fabCtrl .close {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fabArea.relatedFab .fabCtrl.expanded .close,
.fabArea.relatedFab .fabCtrl .open {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.fabArea.relatedMenu .relatedActionsBox .overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.fabBox.fixed.right .relatedActionsBox .menuArea {
    position: fixed;
    right: 16px;
    right: 1rem;
}
.fabBox.fixed.bottom .relatedActionsBox .menuArea {
    position: fixed;
    bottom: 16px;
    bottom: 1rem;
}
.fabArea.relatedMenu .menu {
    overflow: hidden;
    min-width: 150px;
    min-width: 9.38rem;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}
.fabArea.relatedMenu.expanded .menu {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}
.fabArea .menuArea .option {
    height: 56px;
    height: 3.5rem;
    line-height: 56px;
    line-height: 3.5rem;
}
.fabArea .fabLabel span{
    white-space: nowrap;
}
.fabArea.collapse.compressed .fabLabel span {
    max-width: 0;
}
.fabArea.collapse.compressed .fabLabel i {
    padding-right: 0;
}
.fabArea.collapse.compressed .fab.text.icon {
    padding-right: 5px;
    padding-right: .8rem;
    height: 48px;
    height: 3rem;
    max-width: 48px;
    max-width: 3rem;
    min-width: 48px;
    min-width: 3rem;
}
.fabArea.relatedMenu.expanded .fab,
.fabArea.relatedMenu .relatedActionsArea,
.fabArea.relatedFab .fabCtrl.expanded .open,
.fabArea.relatedFab .fabCtrl .close,
.fabBox .relatedActionsBox .fab,
.fabArea.collapse.compressed .fabLabel span {
    visibility: hidden;
    opacity: 0;
}
.fabArea.relatedMenu .fab,
.fabArea.relatedMenu.expanded .relatedActionsArea,
.fabArea.relatedFab .fabCtrl.expanded .close,
.fabArea.relatedFab .fabCtrl .open,
.fabBox .relatedActionsBox .action.active .fab,
.fabArea.collapse .fabLabel span {
    visibility: visible;
    opacity: 1;
}
.fab.big i {
    font-size: 36px;
    font-size: 2.25rem;
}
/*/Tipologie*/
/*==/FAB==*/
/*====/PULSANTI====*/
/*====TABELLE E COLONNE====*/
.colCont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.colWrap {
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.colNoWrap {
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -o-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.verticalAlign {
    -moz-align-items: center;
    -o-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.verticalAlign.bottom {
    -moz-align-items: flex-end;
    -o-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.verticalAlign.stretch {
    -moz-align-items: stretch;
    -o-align-items: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.colWrap.left,
.colNoWrap.left {
    -moz-justify-content: flex-start;
    -o-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.colWrap.center,
.colNoWrap.center {
    -moz-justify-content: center;
    -o-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.colWrap.right,
.colNoWrap.right {
    -moz-justify-content: flex-end;
    -o-justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.colWrap.spaceBetween,
.colNoWrap.spaceBetween {
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.colWrap.spaceAround,
.colNoWrap.spaceAround {
    -o-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}
.colWrap.spaceEvenly,
.colNoWrap.spaceEvenly {
    -o-align-content: space-evenly;
    -ms-flex-line-pack: space-evenly;
    align-content: space-evenly;
}
.flexDirectionCol {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.colReverse {
    -moz-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
.rowReverse {
    -moz-flex-direction: row-reverse;
    -o-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.tbBox {
    border: solid 1px;
    border: solid .06rem;
    border-radius: 4px;
    border-radius: 0.25rem;
}
.tbCont {
    overflow-y: hidden;
    height: 100%;
}
/*Righe*/
.row {
    height: 52px;
    height: 3.25rem;
    min-width: 100%;
}
.row.header {
    height: 56px;
    height: 3.5rem;
}
.row.filters .col {
    padding-top: 0;
    padding-bottom: 0;
}
.row .button.sm {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
}
/*/Righe*/
/*Colonne*/
.row .col {
    height: 52px;
    height: 3.25rem;
    padding: 16px 8px;
    padding: 1rem .5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.tbContainer .row .col {
    border-bottom: solid 1px;
    border-bottom: solid .06rem;
}
.row.header .col {
    height: 56px;
    height: 3.5rem;
}
.col[data-ordinamento] p {
    width: calc(100% - 40px);
    width: calc(100% - 2.5rem);
}
.col.avatar p {
    width: calc(100% - 48px);
    width: calc(100% - 3rem);
}
/*Filtri colonne*/
.row.filters .col {
    padding: 6px 8px;
    padding: .38rem .5rem;
}
.tbContainer.filters .row.header .col,
.tbContainer.filters .tbBody .row .col {
    padding: 6px 20px;
    padding: .38rem 1.25rem;
}
.row.filters .col .inputArea {
    width: 100%;
}
/*Footer tabella*/
.tbFooterBox .inputArea.filled .inputBox .input,
.tbFooterBox .inputArea.filled .inputBox .selInput {
    padding-top: 0;
}
.inputArea.filled.data .inputBox .bkg:after {
    border-bottom: none;
}
/*====/TABELLE E COLONNE====*/
/*====COMPONENTI====*/
/*Badge di notifica*/
[data-badge] {
    position: relative;
}
[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    left: 16px;
    left: 1rem;
    top: 0;
    padding: 3px;
    padding: .19rem;
    border-radius: 50px;
    border-radius: 3rem;
    font-size: 10px;
    font-size: .63rem;
    line-height: 8px;
    line-height: .5rem;
    min-width: 14px;
    min-width: .88rem;
    height: 14px;
    height: .88rem;
}
.badgeSm[data-badge]:after {
    content: "";
    width: 5px;
    width: .3rem;
    min-width: inherit;
    max-width: 5px;
    max-width: .3rem;
    height: 5px;
    height: .3rem;
    overflow: hidden;
}
[data-badge=""]:after,
[data-badge="0"]:after {
    display: none;
}
/*/Badge di notifica*/
/*Barra di navigazione*/
.hamburgerBox {
    width: 24px;
    width: 1.5rem;
    height: 24px;
    height: 1.5rem;
    min-width: 24px;
    min-width: 1.5rem;
    min-height: 24px;
    min-height: 1.5rem;
    max-width: 24px;
    max-width: 1.5rem;
    max-height: 24px;
    max-height: 1.5rem;
}
/*Barra di navigazione inferiore*/
.bottomNavBox {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 3;
}
.bottomNavBox {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.bottomNavBox.hide {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.bottomNavBox .bottomNav {
    height: 80px;
    height: 5rem;
}
.bottomNavBox .btnBox {
    height: 100%;
}
.bottomNavBox .bottomNav .btnBox {
    cursor: pointer;
    min-width: 48px;
    min-width: 3rem;
    max-width: 168px;
    max-width: 10.5rem;
    padding-top: 12px;
    padding-top: .75rem;
    padding-bottom: 16px;
    padding-bottom: 1rem;
    margin: 0 4px;
    margin: 0 .25rem;
}
.bottomNavBox .bottomNav .btnBox.noLabel {
    padding: 0;
}
.bottomNavBox .bottomNav .btnBox:first-child {
    margin-left: 0;
}
.bottomNavBox .bottomNav .btnBox:last-child {
    margin-right: 0;
}
.bottomNavBox .bottomNav .btnBox .btn {
    height: 32px;
    height: 2rem;
    width: 64px;
    width: 4rem;
    line-height: 37px;
    line-height: 2.3rem;
    border-radius: 16px;
    border-radius: 1rem;
    margin: auto;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
}
.bottomNavBox .bottomNav .btnBox a {
    height: 100%;
    width: 100%;
}
.bottomNavBox p.label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*/Barra di navigazione inferiore*/
/*==APP BAR==*/
.appBarArea {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
}
.appBarBox.bottom {
    height: 64;
    height: 4rem;
    width: 100%;
}
.appBarSection {
    height: 100%;
    line-height: 64px;
    line-height: 4rem;
}
.appBarSection.pull {
    width: 7px;
    width: 0.4rem;
}
.appBarSection .iconAppBar {
    position: relative;
    display: inline-block;
}
.appBarSection.dx {
    text-align: right;
    padding-right: 16px;
    padding-right: 1rem;
}
.appBarSection.sx {
    text-align: left;
    padding-left: 16px;
    padding-left: 1rem;
}
.appBarSection.dx .iconAppBar:last-of-type {
    margin-right: 0;
}
.appBarSection.sx .iconAppBar:first-child {
    margin-left: 0;
}
.appBarSection .avatarArea.sm .avatarBox{
    width: 30px;
    width: 1.88rem;
    height: 30px;
    height: 1.88rem;
}
.appBarSection.dx .iconBox{
    margin-left: 24px;
    margin-left: 1.5rem;
}
/*APP BAR SUPERIORE*/
.appBarArea.top {
    top: 0;
}
.appBarArea.top.hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.appBarArea.top .appBarSection.sx,.appBarArea.top .appBarSection.dx{
    min-width: 70px;
    min-width: 4.38rem;
}
.appBarArea.top .appBarSection.dx .avatarArea {
    margin-left: 24px;
    margin-left: 1.5rem;
}
.appBarArea.top .appBarSection.sx .hamburgerArea {
    margin-right: 24px;
    margin-right: 1.5rem;
}
.appBarSection.txt {
    position: relative;
}
.appBarSection.txt .appBarTitle {
    position: absolute;
    left: 0;
    margin-left: 32px;
    margin-left: 2rem;
}
.appBarArea.centered .appBarSection.txt {
    right: 0;
    left: 0;
    margin: 0 auto;
    line-height: 56px;
}
.appBarArea.top, .appBarArea.top.medium.compressed, .appBarArea.top.big.compressed{
    height: 64px;
    height: 4rem;
}
.appBarArea.top.medium{
    padding: 20px 16px;
    padding: 1.25rem 1rem;
    height: 112px;
    height: 7rem;
}
.appBarArea.top.big{
    padding: 20px 16px 28px 16px;
    padding: 1.25rem 1rem 1.75rem 1rem;
    height: 152px;
    height: 9.5rem;
}
.appBarArea.top .appBarSection{
    line-height: 64px;
    line-height: 4rem;
}
.appBarArea.top.medium .appBarSection, .appBarArea.top.big .appBarSection{
    line-height: initial;
}
.appBarArea.top.medium .appBarSection.sx, .appBarArea.top.big .appBarSection.sx{
    padding-left: 0;
}
.appBarArea.top.medium .txt {
    position: absolute;
    left: 20px;
    left: 1.25rem;
    bottom: 20px;
    bottom: 1.25rem;
    height: auto;
    line-height: initial;
}
.appBarArea.top.big .txt {
    position: absolute;
    left: 20px;
    left: 1.25rem;
    bottom: 28px;
    bottom: 1.75rem;
    height: auto;
    line-height: initial;
}
.appBarArea.top.medium.compressed .txt, .appBarArea.top.big.compressed .txt {
    margin-left: 34px;
    margin-left: 2.13rem;
    bottom: 20px;
    bottom: 1.25rem;
}
.appBarArea.top.medium .appBarBox, .appBarArea.top.big .appBarBox{
    height: auto;
}
/*/APP BAR SUPERIORE*/
/*APP BAR INFERIORE*/
.appBarArea.bottom {
    bottom: 0;
    display: none;
}
.appBarArea.bottom.hide {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.appBarArea.bottom .appBarSection{
    height: 64px;
    height: 4rem;
}
.appBarArea.bottom .appBarSection.sx .iconAppBar, .appBarArea.bottom .appBarSection.sx .hamburgerArea{
    margin-right: 24px;
    margin-right: 1.5rem;
}
.appBarArea.bottom .appBarSection.dx .iconAppBar{
    margin-left: 24px;
    margin-left: 1.5rem;
}
.appBarArea .fab.fixed.bottom {
    bottom: 29px;
    bottom: 1.8rem;
}
.fabBarInset {
    max-width: 83px;
    max-width: 5.2rem;
    min-width: 77px;
    min-width: 4.8rem;
    -webkit-clip-path: url(#appbarMask);
    -moz-clip-path: url(#appbarMask);
    -ms-clip-path: url(#appbarMask);
    -o-clip-path: url(#appbarMask);
    clip-path: url(#appbarMask);
}
/*/APP BAR INFERIORE*/
/*==/APP BAR==*/
/*BANNERS*/
/*Banners in cima alla pagina*/
.bannerArea {
    overflow-y: hidden;
    height: 0;
}
.banner {
    border-bottom: solid 1px;
    border-bottom: solid 0.06rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.banner .bannerSection.txt {
    padding: 0 36px 0 16px;
    padding: 0 2.25rem 0 1rem;
}
.banner .bannerSection.actions {
    padding: 8px 8px 8px 0;
    padding: .5rem .5rem .5rem 0;
}
.bannerArea .bannerBox {
    visibility: hidden;
    opacity: 0;
}
.bannerArea.opened .bannerBox {
    visibility: visible;
    opacity: 1;
}
.bannerArea.sticky .bannerBox {
    position: fixed;
    z-index: 7;
}
/*/BANNERS*/
/*CHIPS*/
.chip {
    padding: 0 16px;
    padding: 0 1rem;
    border-radius: 8px;
    border-radius: .5rem;
    cursor: pointer;
    margin: .8px .8px .8px 0;
    margin: .5rem .5rem .5rem 0;
}
.chip.icon.sx {
    padding-left: 8px;
    padding-left: .5rem;
}
.chip.icon.sx.avatar {
    padding-left: 4px;
    padding-left: .25rem;
}
.chip.icon.dx {
    padding-right: 8px;
    padding-right: .5rem;
}
.chip p,
.chip .chipIcon {
    line-height: 32px;
    line-height: 2rem;
}
.chip.icon.sx .iconBox.sx .chipIcon {
    font-size: 18px;
    font-size: 1.13rem;
    margin-right: 8px;
    margin-right: .5rem;
}
.chip.icon.sx .iconBox.sx.img {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 4px 8px 4px 0;
    margin: .25rem .5rem .25rem 0;
    border-radius: 100%;
    overflow: hidden;
}
.chip.icon.sx .iconBox.sx.img .overlay {
    opacity: 0;
    visibility: hidden;
}
.chip.icon.sx.checked .iconBox.sx.img .overlay {
    opacity: 1;
    visibility: visible;
}
.chip.icon.dx .iconBox.dx .chipIcon {
    font-size: 18px;
    font-size: 1.13rem;
    margin-left: 8px;
    margin-left: .5rem;
}
.chip [type="checkbox"] {
    display: none;
}
.chip.outlined {
    border: solid 1px;
}
.chip.toggleIcon .iconBox.sx {
    overflow: hidden;
    width: 0;
    opacity: 0;
}
.chip.toggleIcon.checked .iconBox.sx {
    overflow: hidden;
    width: 32px;
    width: 2rem;
    opacity: 1;
}
/*/CHIPS*/
/*TOOLTIPS*/
.tooltip {
    position: fixed;
    z-index: 999;
    height: 24px;
    height: 1.5rem;
    padding: 0px 8px;
    padding: 0rem 0.5rem;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.tooltip.hover {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.tooltipLabel {
    text-transform: none;
}
.tooltip .ripple {
    display: none;
}
/*/TOOLTIPS*/
/*SNACKBARS*/
.snackbarListArea {
    position: fixed;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 25;
}
.snackbarListArea,
.snackbarBox {
    display: inline-block;
}
.snackbarArea {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
.snackbarArea.active {
    z-index: 1;
}
.snackbarListArea.active,
.snackbarArea.active {
    visibility: visible;
    opacity: 1;
}
.snackbarArea.md {
    text-align: center;
}
.snackbarArea .snackbar {
    min-width: 344px;
    min-width: 21.5rem;
}
.snackbarArea.singleLine .snackbar {
    height: 48px;
    height: 3rem;
    padding: 16px;
    padding: 1rem;
}
.snackbarArea.twoLine .snackbar {
    height: 68px;
    height: 4.25rem;
}
.snackbarArea.singleLine.action .snackbar {
    padding: 6px 8px 6px 16px;
    padding: .38rem .5rem .38rem 1rem;
}
.snackbarArea.twoLine.action .snackbar {
    padding: 16px 8px 16px 16px;
    padding: 1rem .5rem 1rem 1rem;
}
.snackbarArea.singleLine.action .snackbar .actionBox,
.snackbarArea.twoLine.action .snackbar .actionBox {
    padding-left: 8px;
    padding-left: .5rem;
}
.snackbarArea.big.action .txtBox {
    padding: 16px 16px 0 16px;
    padding: 1rem 1rem 0 1rem;
}
.snackbarArea.big.action .actionBox {
    padding: 18px 8px 8px 16px;
    padding: 1.13rem .5rem .5rem 1rem;
}
/*/SNACKBARS*/
/*FINESTRE DI DIALOGO*/
.dialogArea {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: -9;
}
.dialogArea.wAuto .dialogBox .dialog {
    max-width: inherit;
}
.dialogArea.minWAuto .dialogBox .dialog {
    min-width: inherit;
}
.dialogArea.openedDialog {
    visibility: visible;
    opacity: 1;
    z-index: 5;
}
.dialogBox {
    width: 100%;
    height: 100%;
}
.dialogBox .dialog {
    min-width: 280px;
    min-width: 17.5rem;
    max-width: 560px;
    max-width: 35rem;
}
.dialogArea.fullScreen .dialog {
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
}
.dialogBox .dialog .dialogHeader {
    padding: 24px 24px 0px 24px;
    padding: 1.5rem 1.5rem 0px 1.5rem;
}
.dialogArea.fullScreen .dialog .dialogHeader.icon {
    padding: 0 24px 0 16px;
    padding: 0 1.5rem 0 1rem;
    height: 56px;
    height: 3.5rem;
}
.dialogHeader.icon i {
    font-size: 16px;
    font-size: 1rem;
    margin: 4px;
    margin: .25rem;
}
.dialogBox .dialog .dialogBody {
    padding: 16px 24px 24 24px;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
}
.dialogBox.scrollable .dialog .dialogBody {
    overflow-y: auto;
}
.dialogBox .dialog .dialogFooter {
    height: 52px;
    height: 3.3rem;
}
.dialogBox .dialog .dialogFooterBox {
    width: 100%;
    height: 100%;
    padding: 0 24px 24px 24px;
    padding: 0 1.5rem 1.5rem 1.5rem;
}
.dialogFooter .button {
    margin-right: 8px;
    margin-right: .5rem;
}
.dialogFooter .button:last-of-type {
    margin-right: 0;
}
/*/FINESTRE DI DIALOGO*/
/*CARDS*/
.cardArea .cardsBox {
    margin-left: 16px;
    margin-left: 1rem;
    margin-right: 16px;
    margin-right: 1rem;
}
.cardArea.outlined .cardBox .card {
    border: solid 1px;
    border: solid 0.06rem;
}
/*Sezioni della card*/
.cardArea .cardBox .cardContent {
    width: 100%;
}
.cardArea .cardBox .cardBody,
.cardArea .cardBox .cardHeader {
    max-width: 100%;
}
.cardArea .cardBox .card .cardHeader {
    padding: 16px;
    padding: 1rem;
}
.cardArea .cardBox .card .cardHeader .thumbImgBox {
    padding-right: 16px;
    padding-right: 1rem;
}
.cardArea .cardBox .card .cardHeader .thumbImgBox .thumbImg {
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
}
.cardArea .cardBox .card .cardMedia {
    width: 100%;
    height: 194px;
    height: 12.125rem;
    position: relative;
    overflow: hidden;
}
.cardArea .cardBox .card .cardMedia img {
    width: 100%;
}
.cardArea .cardBox .card .cardBody {
    padding: 16px;
    padding: 1rem;
}
.cardArea .cardBox .card .cardFooter {
    padding: 8px;
    padding: 0.5rem;
}
.cardArea.dragged .cardBox .card {
    position: relative;
    bottom: 8px;
    bottom: .5rem;
}
/*==CARDS ARTICOLO==*/
.articleCard .card,
.articleCard .infoArea,
.articleCard [data-slider="1"] .draggableSlider {
    position: relative;
}
.articleCard .promoIcon {
    position: absolute;
    z-index: 1;
}
.articleCard .voteArea {
    display: none;
}
[data-modalita_visualizzazione="1"] .articleCard .voteArea {
    display: block;
}
.articleCard .infoBox {
    width: 100%;
    position: absolute;
    overflow: hidden;
}
[data-slider="1"] .variantArea {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
[data-slider="1"] .variantArea.active {
    display: block;
}
.articleCard .sliderController {
    min-width: 20px;
    min-width: 1.25rem;
}
.articleCard .promoIcon,
.articleCard .sliderController .iconBox {
    visibility: hidden;
    opacity: 0;
}
.articleCard.promo .promoIcon,
[data-slider]:hover .sliderController .iconBox,
[data-card_tipologia_articolo="1"] .controllers:hover .sliderController .iconBox,
[data-card_tipologia_articolo="2"] .controllers:hover .sliderController .iconBox {
    visibility: visible;
    opacity: 1;
}
.articleCard .txtDesc {
    display: none;
}
[data-modalita_visualizzazione="1"] .articleCard {
    width: 100%;
}
[data-modalita_visualizzazione="1"] .articleCard .card.flexDirectionCol {
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
[data-modalita_visualizzazione="1"] .articleCard .txtDesc {
    display: block;
}
/*/CARDS*/
/*TABS*/
.tabsBox {
    width: 100%;
    height: 48px;
    height: 3rem;
    overflow: hidden;
}
.tabsBox .tabs {
    height: 100%;
}
.tabsArea .tabs {
    position: relative;
}
.tabsArea.scrollable .tabsBox .tabs {
    padding-left: 52px;
    padding-left: 3rem;
}
.tabsBox .tabs .tab {
    height: 100%;
}
.tabsBox .tabs .tab .label {
    width: 100%;
}
.tabsArea .tabsBox .tab {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 90px;
    min-width: 6rem;
    padding: 0 16px;
    padding: 0 1rem;
    height: 48px;
}
.activeTabBar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    height: 0.13rem;
    z-index: 1;
}
.tabsArea.draggableTab {
    overflow-y: hidden;
    height: 48px;
    height: 3rem;
}
/*Per nascondere l'overflow x utile al mobile*/
.tabsArea.draggableTab .tabsBox {
    height: 51px;
    height: 3.2rem;
}
.tabsPanelsBox {
    position: relative;
    overflow: hidden;
}
.tabsPanelsBox .tabPanel {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
}
/*/TABS*/
/*SLIDERS*/
.draggableSlider {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab;
}
.draggableSlider:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.draggableSlider::-webkit-scrollbar {
    width: 5px;
    width: 0.3rem;
    height: 3px;
    height: 0.19rem;
}
.draggableSlider::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
.draggableSlider::-webkit-scrollbar-thumb {
    border: 0px none;
    border-radius: 0;
}
.draggableSlider::-webkit-scrollbar-track {
    border: 0px none;
    border-radius: 50px;
    border-radius: 3rem;
}
.draggableSliderArea.dissolve {
    position: relative;
}
.draggableSliderArea.dissolve:after,
.draggableSliderArea.dissolve:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 1;
}
.draggableSliderArea.dissolve:before {
    left: 0;
}
.draggableSliderArea.dissolve:after {
    right: 0;
}
.draggableSliderArea.dissolve .sliderController {
    position: relative;
    z-index: 2;
}
.sliderController .iconBox {
    cursor: pointer;
}
/*Input sliders*/
.inputSlider {
    position: relative;
    width: 100%;
    height: 4px;
    cursor: pointer;
}
.inputSliderThumb {
    position: absolute;
    top: -8px;
    width: 20px;
    height: 20px;
    cursor: ew-resize;
    margin-left: -10px;
}
.inputSliderFill {
    height: 100%;
}
.tickMark {
    position: absolute;
    display: inline-block;
    padding: 8px;
    padding: .5rem;
    visibility: hidden;
}
.inputSliderArea.active .tickMark {
    visibility: visible;
}
/*/SLIDERS*/
/*==LISTE==*/
.listEl {
    height: 100%;
}
.listEl .icon i {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0;
}
.listArea .listGroupBox {
    padding: 8px 0 8px 0;
    padding: 0.5rem 0 0.5rem 0;
}
/*TIPOLOGIE*/
.scrollableList {
    overflow-y: auto;
}
.listElArea.threeLine .listElBox {
    height: 88px;
    height: 5.5rem;
}
.listElArea.twoLine.icon.sx .listElBox,
.listElArea.twoLine.thumbnail .listElBox,
.listElArea.singleLine.thumbnail.medium .listElBox,
.listElArea.singleLine.thumbnail.medium.icon.dx .listElBox,
.listElArea.singleLine.thumbnail.big .listElBox,
.listElArea.icon.dx.singleLine.thumbnail.big .listElBox {
    height: 72px;
    height: 4.5rem;
}
.listElArea.twoLine .listElBox {
    height: 64px;
    height: 4rem;
}
.listElArea.singleLine.icon.sx .listElBox,
.listElArea.singleLine.thumbnail.small .listElBox {
    height: 56px;
    height: 3.5rem;
}
.listElArea.singleLine .listElBox {
    height: 48px;
    height: 3rem;
}
.listElArea.autoLine .listElBox{
    height: auto;
}
.listElArea.icon .icon.sx {
    padding: 16px 32px 16px 16px;
    padding: 1rem 2rem 1rem 1rem;
}
.listElArea.icon .icon.dx,
.listElArea .meta {
    padding: 16px;
    padding: 1rem;
}
.listElArea .meta {
    padding-left: 28px;
    padding-left: 1.75rem;
}
.listElArea.icon.twoLine .icon.dx,
.listElArea.icon.singleLine.thumbnail.medium .icon.dx,
.listElArea.icon.singleLine.thumbnail.big .icon.dx {
    padding-top: 24px;
    padding-top: 1.5rem;
}
.listElArea.icon.singleLine.thumbnail.medium .icon.dx,
.listElArea.icon.singleLine.thumbnail.big .icon.dx {
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
}
.listElArea.txt.singleLine .icon.dx {
    padding-top: 12px;
    padding-bottom: 0.75rem;
}
.listElArea .txtBox {
    padding: 16px;
    padding: 1rem;
}
.listElArea.sx .txtBox {
    padding-left: 0;
}
.listElArea.dx .txtBox {
    padding-right: 0;
}
.listElArea.thumbnail img {
    margin: 16px;
    margin: 1rem;
}
.listElArea.thumbnail.big img {
    margin-left: 0;
}
.listElArea.threeLine.thumbnail.big img {
    margin-right: 20px;
    margin-right: 1.25rem;
}
.listElArea.twoLine.thumbnail.big img,
.listElArea.singleLine.thumbnail.big img {
    margin: 8px 16px 8px 0;
    margin: .5rem 1rem .5rem 0;
}
.listElArea.singleLine.thumbnail.small img,
.listElArea.singleLine.thumbnail.medium img {
    margin: 8px 16px 8px 16px;
    margin: .5rem 1rem .5rem 1rem;
}
.listElArea.thumbnail.small img,
.listElArea.thumbnail.medium img {
    border-radius: 40px;
    border-radius: 2.5rem;
    width: 40px;
    width: 2.5rem;
    height: 40px;
    height: 2.5rem;
    min-width: 40px;
    min-width: 2.5rem;
    min-height: 40px;
    min-height: 2.5rem;
}
.listElArea.thumbnail.medium img {
    border-radius: 0;
}
.listElArea.singleLine.thumbnail.medium img {
    width: 56px;
    width: 3.5rem;
    height: 56px;
    height: 3.5rem;
    min-width: 56px;
    min-width: 3.5rem;
    min-height: 56px;
    min-height: 3.5rem;
}
.listElArea.thumbnail.big img {
    width: 100px;
    width: 6.25rem;
    height: 56px;
    height: 3.5rem;
    min-width: 100px;
    min-width: 6.25rem;
    min-height: 56px;
    min-height: 3.5rem;
}
.listBox[data-dropdown] {
    padding-top: 0;
    padding-bottom: 0;
}
.listGroupBox[data-dropdown].expanded {
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
}
/*/==LISTE==*/
/*==MENU A DISCESA==*/
[data-dropdown_collegato]:hover {
    cursor: pointer;
}
.dropdownIcon {
    position: relative;
    height: 24px;
    height: 1.5rem;
    width: 24px;
    width: 1.5rem;
    margin-right: 16px;
    margin-right: 1rem;
}
.dropdownIcon i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 24px;
    height: 1.5rem;
}
.expanded .dropdownIcon i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
[data-dropdown] {
    overflow-y: auto;
    height: 0;
    padding: 0;
}
.listArea.floatingDropdown {
    position: relative;
}
.listArea.floatingDropdown .listBox {
    position: absolute;
}
/*/==MENU A DISCESA==*/
/*==MENU==*/
.menu[data-pannello] {
    min-width: 112px;
    min-width: 7rem;
    max-width: 280px;
    max-width: 17.5rem;
}
.menu.optionsList[data-pannello] {
    padding: 8px 0;
    padding: 0.5rem 0;
}
.menu .option {
    padding: 0 12px;
    padding: 0 .75rem;
    height: 48px;
    height: 3rem;
    line-height: 48px;
    line-height: 3rem;
    cursor: pointer;
}
.menu .option.icon {
    line-height: inherit;
}
.menu .option.icon .iconBox {
    margin-right: 12px;
    margin-right: .75rem;
}
.menu .option.icon .iconBox.dx {
    margin-left: 12px;
    margin-left: .75rem;
    margin-right: 0;
}
.menu .option.icon .iconBox.dx i {
    font-size: 16px;
    font-size: 1rem;
    margin: 4px;
    margin: .25rem;
}
.menu.dense .option {
    height: 32px;
    height: 2rem;
    line-height: 32px;
    line-height: 2rem;
}
.menu.float,
[data-pannello].float {
    position: fixed;
}
/*/==MENU==*/
/*==BACKDROP==*/
.backdropArea {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*Intestazione*/
.backdropArea .backdropHeaderBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.backdropArea .backdropHeaderBox,
.backdropArea .backdropHeader {
    height: 56px;
    height: 3.5rem;
}
.backdropArea .backdropHeader {
    padding: 16px;
    padding: 1rem;
}
.backdropArea .backdropHeader .iconBox.left {
    width: 24px;
    width: 1.5rem;
}
.backdropArea .backdropHeader .content {
    padding-left: 32px;
    padding-left: 2rem;
}
.backdropArea .backdropHeader .iconArea .iconBox {
    margin-left: 24px;
    margin-left: 1.5rem;
}
[data-backdrop_opt],
.backdropArea .expandBtn {
    cursor: pointer;
}
[data-backdrop_opt_area] {
    visibility: hidden;
    opacity: 0;
}
[data-backdrop_opt_area].active {
    visibility: visible;
    opacity: 1;
}
.backdropHeaderBox [data-backdrop_opt_area] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.backdropContentArea {
    position: relative;
    opacity: 0;
}
.backdropArea.expanded .backdropContentArea {
    opacity: 1;
}
.backdropContentArea [data-backdrop_opt_area] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: auto;
}
/*Contenuto backdrop*/
.backdrop {
    padding-top: 56px;
    padding-top: 3.5rem;
}
/*Contenuto principale*/
.backdropArea .mainArea {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
.backdropArea .mainAreaHeader {
    height: 56px;
    height: 3.5rem;
    top: 0;
    left: 0;
    width: 100%;
}
.backdropArea .mainAreaHeader .content {
    border-bottom: solid 1px;
}
.backdropArea .mainArea.header {
    border-bottom: 1px solid;
    border-bottom: .06rem solid;
}
.backdropArea .mainArea .main {
    max-height: 100%;
    overflow: auto;
}
.backdropArea.expanded .disablingLayer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
/*==/BACKDROP==*/
/*==AVATAR==*/
.avatarArea.inline {
    display: inline-block;
}
.avatarArea.rounded .avatarBox,
.avatarArea.rounded .avatar {
    border-radius: 100%;
}
.avatarArea img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.avatarArea.mini .avatarBox {
    height: 20px;
    height: 1.3rem;
    width: 20px;
    width: 1.3rem;
}
.avatarArea.sm .avatarBox {
    height: 40px;
    height: 2.5rem;
    width: 40px;
    width: 2.5rem;
}
.avatarArea.md .avatarBox {
    height: 48px;
    height: 3rem;
    width: 48px;
    width: 3rem;
}
.avatarArea.lg .avatarBox {
    height: 56px;
    height: 3.5rem;
    width: 100px;
    width: 6rem;
}
.avatarArea.center .avatarBox {
    margin: 0 auto;
}
.avatarArea .avatar {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*==/AVATAR==*/
/*==RITAGLIO IMMAGINE==*/
.dialog[data-proportions="1:1"] {
    width: 320px;
    width: 20rem;
}
.dialog[data-proportions="1:1"] .dragArea {
    height: 320px;
    height: 20rem;
}
.cropArea .zoom .small i {
    font-size: 16px;
    font-size: 1rem;
}
.cropArea .zoom .big i {
    font-size: 24px;
    font-size: 1.5rem;
}
.cropArea .dragArea {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.cropArea .draggableContent {
    position: absolute;
}
.cropBox .line {
    position: absolute;
    z-index: 1;
}
.cropBox .grid1,
.cropBox .grid2 {
    width: 100%;
    height: 1px;
    height: 0.06rem;
}
.cropBox .grid3,
.cropBox .grid4 {
    height: 100%;
    width: 1px;
    width: 0.06rem;
}
.cropBox .grid1 {
    top: 33.33%;
}
.cropBox .grid2 {
    top: 66.66%;
}
.cropBox .grid3 {
    left: 33.33%;
}
.cropBox .grid4 {
    left: 66.66%;
}
/*==/RITAGLIO IMMAGINE==*/
/*====SFONDI e DECORAZIONI====*/
.overlay {
    height: 100%;
    width: 100%;
}
/*====/SFONDI e DECORAZIONI====*/
/*==GRAFICI==*/
.chart,
.chart .dataBox,
.chart.bar .barBox,
.chart.histogram .barBox {
    position: relative;
}
.chart.bar .barBox .bar,
.chart.bar .barBox .labelX,
.chart.histogram .barBox .bar,
.chart.histogram .barBox .labelX,
.chart .yAxis {
    position: absolute;
}
.chart .dataBox {
    z-index: 1;
}
.chart.bar .barBox {
    height: 100%;
}
.chart .yAxisArea {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.chart .yAxisArea .dataY {
    position: absolute;
    height: 1px;
    height: .06rem;
    width: 100%;
    bottom: 0;
}
.chart .yAxisArea .dataY p {
    position: absolute;
}
.chart.bar .barBox .bar,
.chart.bar .barBox .labelX {
    position: absolute;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.chart.bar .barBox .bar,
.chart.histogram .barBox .bar {
    bottom: 0;
}
.chart.histogram .histogramData {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.chart.histogram .histogramData svg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.chart.histogram .barBox:hover .node .tooltipChart,
.chart.histogram .node:hover .tooltipChart {
    opacity: 1;
}
.chart.histogram .barBox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 2px;
    width: .13rem;
    border: 1px dashed;
    border: .06rem dashed;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.chart.histogram .barBox:hover:after {
    opacity: 1;
    visibility: visible;
}
.chart.pie,
.chart.pie .pieData {
    position: relative;
}
.chart.pie .slice {
    position: absolute;
    -webkit-animation: graficoTorta 1s;
    animation: graficoTorta 1s;
}
.chart.pie .slice span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}
@-webkit-keyframes graficoTorta {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}
@keyframes graficoTorta {
    from {
        -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}
/*==/GRAFICI==*/
/*==INDICATORI DI PROGRESSO==*/
.progressIndicatorArea {
    visibility: hidden;
    opacity: 0;
    position: relative;
}
.progressIndicatorArea.active {
    visibility: visible;
    opacity: 1;
}
.progressIndicatorArea .progressIndicatorBox {
    position: absolute;
}
/*Lineare*/
.progressIndicatorArea.linear .track {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
}
.progressIndicatorArea.linear.active .track {
    height: 4px;
    height: .25rem;
}
.progressIndicatorArea.linear.percentage .track {
    height: 16px;
    height: 1rem;
}
.progressIndicatorArea.linear .indicator,
.progressIndicatorArea.linear .track:after {
    height: 100%;
    width: 0%;
    position: absolute;
    height: 100%;
}
.progressIndicatorArea.linear .track:after {
    content: "";
    left: 0;
    top: 0;
    z-index: 9;
}
/*Circolare*/
.progressIndicatorArea.circular .indicatorBox {
    position: relative;
    width: 48px;
    width: 3rem;
}
.progressIndicatorArea.circular .indicatorBox:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.progressIndicatorArea.circular .indicator {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
.progressIndicatorArea.circular.determinate .indicator {
    -webkit-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
}
.progressIndicatorArea.circular.indeterminate .indicator {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}
.progressIndicatorArea.circular .circleLoadingPath {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
}
.progressIndicatorArea.circular.indeterminate .circleLoadingPath {
    -webkit-animation: progressBarRotateIndeterminate 1.5s ease-in-out infinite;
    animation: progressBarRotateIndeterminate 1.5s ease-in-out infinite;
}
.progressIndicatorArea.circular.determinate .circleLoadingPath {
    stroke-dasharray: 126, 126;
    stroke-dashoffset: 126;
}
/*==/INDICATORI DI PROGRESSO==*/
/*==PLAYER VIDEO==*/
video::-webkit-media-controls {
    display: none !important;
}
video::-webkit-media-controls-enclosure {
    display: none !important;
}
.playerVideo,
.playerAudio {
    position: relative;
}
.playerVideoArea.fullScreen .video {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 25;
}
.playerVideoArea.fullScreen,
body.fullScreenVideo {
    overflow: hidden;
}
.playerVideoArea.fullScreen .controlsArea {
    position: fixed;
    z-index: 25;
    bottom: 0;
    width: 100%;
}
.playerVideoArea .inputSliderRef input {
    display: none;
}
/*==/PLAYER VIDEO==*/
/*====E-COMMERCE====*/
.cartPreviewBtn {
    position: relative;
    display: inline-block;
}
.cartPreviewBtn .button {
    position: absolute;
}
.cartPreviewBtn [data-stato="1"],
.openedCart .cartPreviewBtn [data-stato="0"],
.cartPreviewPanelArea {
    visibility: hidden;
    opacity: 0;
}
.openedCart .cartPreviewBtn [data-stato="1"],
.cartPreviewBtn [data-stato="0"],
.openedCart .cartPreviewPanelArea {
    visibility: visible;
    opacity: 1;
}
.cartPreviewPanelArea {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
}
/*==GALLERIA ARTICOLO==*/
[data-area="galleriaArticolo"] .imgBox {
    position: relative;
}
[data-area="galleriaArticolo"] .img.zoom,
[data-area="galleriaArticolo"] .ytVideo {
    min-width: calc(100% - 95px);
    min-width: calc(100% - 5.94rem);
    max-width: calc(100% - 95px);
    max-width: calc(100% - 5.94rem);
}
[data-area="galleriaArticolo"] .img.zoom {
    position: relative;
}
[data-area="galleriaArticolo"] .img.zoom img {
    width: 100%;
}
.zoomArea {
    overflow: hidden;
    display: none;
}
[data-area="galleriaArticolo"] .img.zoom.hover .zoomArea {
    display: block;
}
.zoomArea,
.zoomArea img {
    position: absolute;
    top: 0;
    left: 0;
}
[data-area="galleriaArticolo"].slideshow .img,
[data-area="galleriaArticolo"].slideshow .ytVideo,
[data-area="galleriaArticolo"].slideshow.img .ytVideo,
[area="galleriaArticolo"].slideshow.video .img.zoom {
    display: none;
}
[data-area="galleriaArticolo"].slideshow.video .ytVideo,
[data-area="galleriaArticolo"].slideshow.img .img {
    display: block;
}
[data-area="galleriaArticolo"] .ytVideo {
    position: absolute;
    left: 0;
    top: 0;
}
[data-area="galleriaArticolo"] .indexArea.y .indexCtrl {
    margin-top: 0;
}
[data-area="galleriaArticolo"] .indexArea.y .avatarArea {
    margin: 8px 0;
    margin: .5rem 0;
}
/*==SCHEDA ARTICOLO==*/
[data-area="schedaArticolo"] .cardFooter .draggableSlider {
    padding-left: 0;
}
[data-area="schedaArticolo"] .label {
    display: block;
}
/*====/E-COMMERCE====*/
/*====STATI====*/
.button.disabled,
.chip.disabled,
.menuArea.disabled .menu {
    opacity: .38;
    cursor: default;
}
.button.disabled .ripple,
.chip.disabled .ripple,
.menuArea.disabled .menu .ripple {
    display: none !important;
}
/*====/STATI====*/
/*====/COMPONENTI====*/
/*====OMBREGGIATURA====*/
.button.elevated,
.button.contained:hover,
.button.elevated:hover:active,
.fab,
.fab:hover:active,
.cardArea.elevated .card,
.cardArea.elevated .card:hover:active,
.cardArea.filled .card:hover,
.chip.elevated,
.chip.elevated:hover:active,
.switch .thumb {
    -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 .06rem .13rem .06rem rgba(0, 0, 0, .2);
    box-shadow: 0 .06rem .13rem .06rem rgba(0, 0, 0, .2);
}
.button.elevated:hover,
.fab:hover,
.cardArea.elevated .card:hover,
.chip.elevated:hover,
.menu.float,
.dropdownBox:not(.dropdown.select.inputArea .dropdownBox.resultsPanel),
.dropdown.select.inputArea.expanded .dropdownBox,
[data-dropdown],
.datepicker {
    -webkit-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 5px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 .25rem .31rem .06rem rgba(0, 0, 0, .2);
    box-shadow: 0 .25rem .31rem .06rem rgba(0, 0, 0, .2);
}
.fabArea .menuArea .menu,
.cardArea.filled .card.dragged,
.dialog,
.ui-sortable-helper,
.snackbarArea .snackbar {
    -webkit-box-shadow: 0 8px 8px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 8px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 .5rem .5rem .13rem rgba(0, 0, 0, .2);
    box-shadow: 0 .5rem .5rem .13rem rgba(0, 0, 0, .2);
}
.cardArea.elevated .card.dragged,
.chip.elevated.dragged {
    -webkit-box-shadow: 0 16px 16px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 16px 16px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1rem 1rem .13rem rgba(0, 0, 0, .2);
    box-shadow: 0 1rem 1rem .13rem rgba(0, 0, 0, .2);
}
.button.contained:hover:active,
.cardArea.filled .card:hover:active {
    box-shadow: none;
}
.button.disabled,
.chip.disabled {
    box-shadow: none !important;
}
/*====/OMBREGGIATURA====*/
/*====TEMI====*/
.textareaBox textarea,
.textareaBox [contenteditable="true"],
.inputArea .inputBox .input,
.inputArea .inputBox .selInput,
.button.outlined,
.button.text,
.draggableSlider::-webkit-scrollbar-thumb,
.draggableSlider::-webkit-scrollbar-thumb:hover,
.draggableSlider::-webkit-scrollbar-thumb:active,
.draggableSlider::-webkit-scrollbar-track,
.draggableSlider::-webkit-scrollbar-track:hover,
.draggableSlider::-webkit-scrollbar-track:active,
.draggableSlider::-webkit-scrollbar-corner {
    background: transparent;
}
.inputArea.filled.focus .inputBox .bkg,
.inputArea.filled.data .inputBox .bkg {
    border: transparent;
}
.draggableSlider::-webkit-scrollbar-thumb,
.draggableSlider::-webkit-scrollbar-track {
    border-color: #FFF;
}
/*====/TEMI====*/
/*====MEDIA QUERIES====*/
/*Schermi piccoli smartphone <576px*/
@media only screen and (max-width:576px) {
    /*====TESTO====*/
    .smobAlignL {
        text-align: left;
    }
    .smobAlignC {
        text-align: center;
    }
    .smobAlignR {
        text-align: right;
    }
    .smobAlignJ {
        text-align: justify;
    }
    br.smobNoBreak {
        display: none;
    }
    br.smobBreak {
        display: static;
    }
    /*====/TESTO====*/
    /*====UTILITA====*/
    /*Pad*/
    .smobContMn {
        padding: 8px;
        padding: .5rem;
    }
    .smobContSm {
        padding: 16px;
        padding: 1rem;
    }
    .smobContMd {
        padding: 32px;
        padding: 2rem;
    }
    .smobCont {
        padding: 48px;
        padding: 3rem;
    }
    .smobPadLMn {
        padding-left: 8px;
        padding-left: .5rem;
    }
    .smobPadLSm {
        padding-left: 16px;
        padding-left: 1rem;
    }
    .smobPadLMd {
        padding-left: 32px;
        padding-left: 2rem;
    }
    .smobPadL {
        padding-left: 48px;
        padding-left: 3rem;
    }
    .smobPadRMn {
        padding-right: 8px;
        padding-right: .5rem;
    }
    .smobPadRSm {
        padding-right: 16px;
        padding-right: 1rem;
    }
    .smobPadRMd {
        padding-right: 32px;
        padding-right: 2rem;
    }
    .smobPadR {
        padding-right: 48px;
        padding-right: 3rem;
    }
    .smobPadTMn {
        padding-top: 8px;
        padding-top: .5rem;
    }
    .smobPadTSm {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .smobPadTMd {
        padding-top: 32px;
        padding-top: 2rem;
    }
    .smobPadT {
        padding-top: 48px;
        padding-top: 3rem;
    }
    .smobPadBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
    }
    .smobPadBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
    }
    .smobPadBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
    }
    .smobPadB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
    }
    .smobPadTBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
        padding-top: 8px;
        padding-top: .5rem;
    }
    .smobPadTBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-top: 16px;
        padding-top: 1rem;
    }
    .smobPadTBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
        padding-top: 32px;
        padding-top: 2rem;
    }
    .smobPadTB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        padding-top: 48px;
        padding-top: 3rem;
    }
    .smobPadLRMn {
        padding-right: 8px;
        padding-right: .5rem;
        padding-left: 8px;
        padding-left: .5rem;
    }
    .smobPadLRSm {
        padding-right: 16px;
        padding-right: 1rem;
        padding-left: 16px;
        padding-left: 1rem;
    }
    .smobPadLRMd {
        padding-right: 32px;
        padding-right: 2rem;
        padding-left: 32px;
        padding-left: 2rem;
    }
    .smobPadLR {
        padding-right: 48px;
        padding-right: 3rem;
        padding-left: 48px;
        padding-left: 3rem;
    }
    .smobNoCont {
        padding: 0;
    }
    .smobNoPadL {
        padding-left: 0;
    }
    .smobNoPadR {
        padding-right: 0;
    }
    .smobNoPadTB {
        padding-bottom: 0;
        padding-top: 0;
    }
    .smobNoPadT {
        padding-top: 0;
    }
    .smobNoPadB {
        padding-bottom: 0;
    }
    .smobNoPadLR {
        padding-right: 0;
        padding-left: 0;
    }
    /*Mar*/
    .smobMarMn {
        margin: 8px;
        margin: .5rem;
    }
    .smobMarSm {
        margin: 16px;
        margin: 1rem;
    }
    .smobMarMd {
        margin: 32px;
        margin: 2rem;
    }
    .smobMar {
        margin: 48px;
        margin: 3rem;
    }
    .smobMarLMn {
        margin-left: 8px;
        margin-left: .5rem;
    }
    .smobMarLSm {
        margin-left: 16px;
        margin-left: 1rem;
    }
    .smobMarLMd {
        margin-left: 32px;
        margin-left: 2rem;
    }
    .smobMarL {
        margin-left: 48px;
        margin-left: 3rem;
    }
    .smobMarRMn {
        margin-right: 8px;
        margin-right: .5rem;
    }
    .smobMarRSm {
        margin-right: 16px;
        margin-right: 1rem;
    }
    .smobMarRMd {
        margin-right: 32px;
        margin-right: 2rem;
    }
    .smobMarR {
        margin-right: 48px;
        margin-right: 3rem;
    }
    .smobMarTMn {
        margin-top: 8px;
        margin-top: .5rem;
    }
    .smobMarTSm {
        margin-top: 16px;
        margin-top: 1rem;
    }
    .smobMarTMd {
        margin-top: 32px;
        margin-top: 2rem;
    }
    .smobMarT {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .smobMarBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
    }
    .smobMarBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }
    .smobMarBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
    .smobMarB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }
    .smobMarTBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
        margin-top: 8px;
        margin-top: .5rem;
    }
    .smobMarTBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-top: 16px;
        margin-top: 1rem;
    }
    .smobMarTBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-top: 32px;
        margin-top: 2rem;
    }
    .smobMarTB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
        margin-top: 48px;
        margin-top: 3rem;
    }
    .smobMarLRMn {
        margin-right: 8px;
        margin-right: .5rem;
        margin-left: 8px;
        margin-left: .5rem;
    }
    .smobMarLRSm {
        margin-right: 16px;
        margin-right: 1rem;
        margin-left: 16px;
        margin-left: 1rem;
    }
    .smobMarLRMd {
        margin-right: 32px;
        margin-right: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }
    .smobMarLR {
        margin-right: 48px;
        margin-right: 3rem;
        margin-left: 48px;
        margin-left: 3rem;
    }
    .smobNoMar {
        margin: 0;
    }
    .smobNoMarL {
        margin-left: 0;
    }
    .smobNoMarR {
        margin-right: 0;
    }
    .smobNoMarT {
        margin-bottom: 0;
    }
    .smobNoMarB {
        margin-bottom: 0;
    }
    .smobNoMarTB {
        margin-bottom: 0;
        margin-top: 0;
    }
    .smobNoMarLR {
        margin-right: 0;
        margin-left: 0;
    }
    /*Larghezza elementi*/
    .smobW-5 {
        width: 5%;
    }
    .smobW-10 {
        width: 10%;
    }
    .smobW-15 {
        width: 15%;
    }
    .smobW-20 {
        width: 20%;
    }
    .smobW-25 {
        width: 25%;
    }
    .smobW-30 {
        width: 30%;
    }
    .smobW-33 {
        width: 33.33%;
    }
    .smobW-35 {
        width: 35%;
    }
    .smobW-40 {
        width: 40%;
    }
    .smobW-45 {
        width: 45%;
    }
    .smobW-50 {
        width: 50%;
    }
    .smobW-55 {
        width: 55%;
    }
    .smobW-60 {
        width: 60%;
    }
    .smobW-65 {
        width: 65%;
    }
    .smobW-70 {
        width: 70%;
    }
    .smobW-75 {
        width: 75%;
    }
    .smobW-80 {
        width: 80%;
    }
    .smobW-85 {
        width: 85%;
    }
    .smobW-90 {
        width: 90%;
    }
    .smobW-95 {
        width: 95%;
    }
    .smobW-100 {
        width: 100%;
    }
    /*Altezze elementi*/
    .smobH-10 {
        height: 10%;
    }
    .smobH-15 {
        height: 15%;
    }
    .smobH-20 {
        height: 20%;
    }
    .smobH-25 {
        height: 25%;
    }
    .smobH-30 {
        height: 30%;
    }
    .smobH-35 {
        height: 35%;
    }
    .smobH-40 {
        height: 40%;
    }
    .smobH-45 {
        height: 45%;
    }
    .smobH-50 {
        height: 50%;
    }
    .smobH-55 {
        height: 55%;
    }
    .smobH-60 {
        height: 60%;
    }
    .smobH-65 {
        height: 65%;
    }
    .smobH-70 {
        height: 70%;
    }
    .smobH-75 {
        height: 75%;
    }
    .smobH-80 {
        height: 80%;
    }
    .smobH-85 {
        height: 85%;
    }
    .smobH-90 {
        height: 90%;
    }
    .smobH-95 {
        height: 95%;
    }
    .smobFullH {
        height: 100%;
    }
    .smobFullHAuto {
        min-height: 100%;
    }
    /*Visibilità*/
    .smobHideElement {
        display: none;
    }
    .smobShowElement {
        display: block;
    }
    .smobVisibilityOff {
        visibility: hidden;
        opacity: 0;
    }
    .smobVisibilityOn {
        visibility: visible;
        opacity: 1;
    }
    /*====/UTILITA====*/
    /*====TABELLE E COLONNE====*/
    .smobColCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .smobColWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .smobColNoWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .smobVerticalAlign {
        -moz-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .smobVerticalAlign.smobBottom {
        -moz-align-items: flex-end;
        -o-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .smobVerticalAlign.smobStretch {
        -moz-align-items: stretch;
        -o-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .smobColWrap.smobLeft,
    .smobColNoWrap.smobLeft {
        -moz-justify-content: flex-start;
        -o-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .smobColWrap.smobCenter,
    .smobColNoWrap.smobCenter {
        -moz-justify-content: center;
        -o-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .smobColWrap.smobRight,
    .smobColNoWrap.smobRight {
        -moz-justify-content: flex-end;
        -o-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .smobColWrap.smobSpaceBetween,
    .smobColNoWrap.smobSpaceBetween {
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .smobColWrap.smobSpaceAround,
    .smobColNoWrap.smobSpaceAround {
        -o-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .smobColWrap.smobSpaceEvenly,
    .smobColNoWrap.smobSpaceEvenly {
        -o-align-content: space-evenly;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
    }
    .smobFlexDirectionCol {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .smobColReverse {
        -moz-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .smobRowReverse {
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    /*====/TABELLE E COLONNE====*/
}
/*Schermi smartphone >= 576px*/
@media only screen and (min-width:577px) and (max-width:768px) {
    /*====TESTO====*/
    .mobAlignL {
        text-align: left;
    }
    .mobAlignC {
        text-align: center;
    }
    .mobAlignR {
        text-align: right;
    }
    .mobAlignJ {
        text-align: justify;
    }
    br.mobNoBreak {
        display: none;
    }
    br.mobBreak {
        display: static;
    }
    /*====/TESTO====*/
    /*====UTILITA====*/
    /*Pad*/
    .mobContMn {
        padding: 8px;
        padding: .5rem;
    }
    .mobContSm {
        padding: 16px;
        padding: 1rem;
    }
    .mobContMd {
        padding: 32px;
        padding: 2rem;
    }
    .mobCont {
        padding: 48px;
        padding: 3rem;
    }
    .mobPadLMn {
        padding-left: 8px;
        padding-left: .5rem;
    }
    .mobPadLSm {
        padding-left: 16px;
        padding-left: 1rem;
    }
    .mobPadLMd {
        padding-left: 32px;
        padding-left: 2rem;
    }
    .mobPadL {
        padding-left: 48px;
        padding-left: 3rem;
    }
    .mobPadRMn {
        padding-right: 8px;
        padding-right: .5rem;
    }
    .mobPadRSm {
        padding-right: 16px;
        padding-right: 1rem;
    }
    .mobPadRMd {
        padding-right: 32px;
        padding-right: 2rem;
    }
    .mobPadR {
        padding-right: 48px;
        padding-right: 3rem;
    }
    .mobPadTMn {
        padding-top: 8px;
        padding-top: .5rem;
    }
    .mobPadTSm {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .mobPadTMd {
        padding-top: 32px;
        padding-top: 2rem;
    }
    .mobPadT {
        padding-top: 48px;
        padding-top: 3rem;
    }
    .mobPadBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
    }
    .mobPadBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
    }
    .mobPadBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
    }
    .mobPadB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
    }
    .mobPadTBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
        padding-top: 8px;
        padding-top: .5rem;
    }
    .mobPadTBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-top: 16px;
        padding-top: 1rem;
    }
    .mobPadTBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
        padding-top: 32px;
        padding-top: 2rem;
    }
    .mobPadTB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        padding-top: 48px;
        padding-top: 3rem;
    }
    .mobPadLRMn {
        padding-right: 8px;
        padding-right: .5rem;
        padding-left: 8px;
        padding-left: .5rem;
    }
    .mobPadLRSm {
        padding-right: 16px;
        padding-right: 1rem;
        padding-left: 16px;
        padding-left: 1rem;
    }
    .mobPadLRMd {
        padding-right: 32px;
        padding-right: 2rem;
        padding-left: 32px;
        padding-left: 2rem;
    }
    .mobPadLR {
        padding-right: 48px;
        padding-right: 3rem;
        padding-left: 48px;
        padding-left: 3rem;
    }
    .mobNoCont {
        padding: 0;
    }
    .mobNoPadL {
        padding-left: 0;
    }
    .mobNoPadR {
        padding-right: 0;
    }
    .mobNoPadTB {
        padding-bottom: 0;
        padding-top: 0;
    }
    .mobNoPadT {
        padding-top: 0;
    }
    .mobNoPadB {
        padding-bottom: 0;
    }
    .mobNoPadLR {
        padding-right: 0;
        padding-left: 0;
    }
    /*Mar*/
    .mobMarMn {
        margin: 8px;
        margin: .5rem;
    }
    .mobMarSm {
        margin: 16px;
        margin: 1rem;
    }
    .mobMarMd {
        margin: 32px;
        margin: 2rem;
    }
    .mobMar {
        margin: 48px;
        margin: 3rem;
    }
    .mobMarLMn {
        margin-left: 8px;
        margin-left: .5rem;
    }
    .mobMarLSm {
        margin-left: 16px;
        margin-left: 1rem;
    }
    .mobMarLMd {
        margin-left: 32px;
        margin-left: 2rem;
    }
    .mobMarL {
        margin-left: 48px;
        margin-left: 3rem;
    }
    .mobMarRMn {
        margin-right: 8px;
        margin-right: .5rem;
    }
    .mobMarRSm {
        margin-right: 16px;
        margin-right: 1rem;
    }
    .mobMarRMd {
        margin-right: 32px;
        margin-right: 2rem;
    }
    .mobMarR {
        margin-right: 48px;
        margin-right: 3rem;
    }
    .mobMarTMn {
        margin-top: 8px;
        margin-top: .5rem;
    }
    .mobMarTSm {
        margin-top: 16px;
        margin-top: 1rem;
    }
    .mobMarTMd {
        margin-top: 32px;
        margin-top: 2rem;
    }
    .mobMarT {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .mobMarBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
    }
    .mobMarBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }
    .mobMarBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
    .mobMarB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }
    .mobMarTBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
        margin-top: 8px;
        margin-top: .5rem;
    }
    .mobMarTBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-top: 16px;
        margin-top: 1rem;
    }
    .mobMarTBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-top: 32px;
        margin-top: 2rem;
    }
    .mobMarTB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
        margin-top: 48px;
        margin-top: 3rem;
    }
    .mobMarLRMn {
        margin-right: 8px;
        margin-right: .5rem;
        margin-left: 8px;
        margin-left: .5rem;
    }
    .mobMarLRSm {
        margin-right: 16px;
        margin-right: 1rem;
        margin-left: 16px;
        margin-left: 1rem;
    }
    .mobMarLRMd {
        margin-right: 32px;
        margin-right: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }
    .mobMarLR {
        margin-right: 48px;
        margin-right: 3rem;
        margin-left: 48px;
        margin-left: 3rem;
    }
    .mobNoMar {
        margin: 0;
    }
    .mobNoMarL {
        margin-left: 0;
    }
    .mobNoMarR {
        margin-right: 0;
    }
    .mobNoMarT {
        margin-bottom: 0;
    }
    .mobNoMarB {
        margin-bottom: 0;
    }
    .mobNoMarTB {
        margin-bottom: 0;
        margin-top: 0;
    }
    .mobNoMarLR {
        margin-right: 0;
        margin-left: 0;
    }
    /*Larghezza elementi*/
    .mobW-5 {
        width: 5%;
    }
    .mobW-10 {
        width: 10%;
    }
    .mobW-15 {
        width: 15%;
    }
    .mobW-20 {
        width: 20%;
    }
    .mobW-25 {
        width: 25%;
    }
    .mobW-30 {
        width: 30%;
    }
    .mobW-33 {
        width: 33.33%;
    }
    .mobW-35 {
        width: 35%;
    }
    .mobW-40 {
        width: 40%;
    }
    .mobW-45 {
        width: 45%;
    }
    .mobW-50 {
        width: 50%;
    }
    .mobW-55 {
        width: 55%;
    }
    .mobW-60 {
        width: 60%;
    }
    .mobW-65 {
        width: 65%;
    }
    .mobW-70 {
        width: 70%;
    }
    .mobW-75 {
        width: 75%;
    }
    .mobW-80 {
        width: 80%;
    }
    .mobW-85 {
        width: 85%;
    }
    .mobW-90 {
        width: 90%;
    }
    .mobW-95 {
        width: 95%;
    }
    .mobW-100 {
        width: 100%;
    }
    /*Altezze elementi*/
    .mobH-10 {
        height: 10%;
    }
    .mobH-15 {
        height: 15%;
    }
    .mobH-20 {
        height: 20%;
    }
    .mobH-25 {
        height: 25%;
    }
    .mobH-30 {
        height: 30%;
    }
    .mobH-35 {
        height: 35%;
    }
    .mobH-40 {
        height: 40%;
    }
    .mobH-45 {
        height: 45%;
    }
    .mobH-50 {
        height: 50%;
    }
    .mobH-55 {
        height: 55%;
    }
    .mobH-60 {
        height: 60%;
    }
    .mobH-65 {
        height: 65%;
    }
    .mobH-70 {
        height: 70%;
    }
    .mobH-75 {
        height: 75%;
    }
    .mobH-80 {
        height: 80%;
    }
    .mobH-85 {
        height: 85%;
    }
    .mobH-90 {
        height: 90%;
    }
    .mobH-95 {
        height: 95%;
    }
    .mobFullH {
        height: 100%;
    }
    .mobFullHAuto {
        min-height: 100%;
    }
    /*Visibilità*/
    .mobHideElement {
        display: none;
    }
    .mobShowElement {
        display: block;
    }
    .mobVisibilityOff {
        visibility: hidden;
        opacity: 0;
    }
    .mobVisibilityOn {
        visibility: visible;
        opacity: 1;
    }
    /*====/UTILITA====*/
    /*====TABELLE E COLONNE====*/
    .mobColCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .mobColWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .mobColNoWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .mobVerticalAlign {
        -moz-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .mobVerticalAlign.mobBottom {
        -moz-align-items: flex-end;
        -o-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .mobVerticalAlign.mobStretch {
        -moz-align-items: stretch;
        -o-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .mobColWrap.mobLeft,
    .mobColNoWrap.mobLeft {
        -moz-justify-content: flex-start;
        -o-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .mobColWrap.mobCenter,
    .mobColNoWrap.mobCenter {
        -moz-justify-content: center;
        -o-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .mobColWrap.mobRight,
    .mobColNoWrap.mobRight {
        -moz-justify-content: flex-end;
        -o-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .mobColWrap.mobSpaceBetween,
    .mobColNoWrap.mobSpaceBetween {
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .mobColWrap.mobSpaceAround,
    .mobColNoWrap.mobSpaceAround {
        -o-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .mobColWrap.mobSpaceEvenly,
    .mobColNoWrap.mobSpaceEvenly {
        -o-align-content: space-evenly;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
    }
    .mobFlexDirectionCol {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mobColReverse {
        -moz-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .mobRowReverse {
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    /*====/TABELLE E COLONNE====*/
}
/*Schermi tablet ≥768px*/
@media only screen and (min-width:769px) and (max-width:992px) {
    /*====TESTO====*/
    .tabAlignL {
        text-align: left;
    }
    .tabAlignC {
        text-align: center;
    }
    .tabAlignR {
        text-align: right;
    }
    .tabAlignJ {
        text-align: justify;
    }
    br.tabNoBreak {
        display: none;
    }
    br.tabBreak {
        display: static;
    }
    /*====/TESTO====*/
    /*====UTILITA====*/
    /*Pad*/
    .tabContMn {
        padding: 8px;
        padding: .5rem;
    }
    .tabContSm {
        padding: 16px;
        padding: 1rem;
    }
    .tabContMd {
        padding: 32px;
        padding: 2rem;
    }
    .tabCont {
        padding: 48px;
        padding: 3rem;
    }
    .tabPadLMn {
        padding-left: 8px;
        padding-left: .5rem;
    }
    .tabPadLSm {
        padding-left: 16px;
        padding-left: 1rem;
    }
    .tabPadLMd {
        padding-left: 32px;
        padding-left: 2rem;
    }
    .tabPadL {
        padding-left: 48px;
        padding-left: 3rem;
    }
    .tabPadRMn {
        padding-right: 8px;
        padding-right: .5rem;
    }
    .tabPadRSm {
        padding-right: 16px;
        padding-right: 1rem;
    }
    .tabPadRMd {
        padding-right: 32px;
        padding-right: 2rem;
    }
    .tabPadR {
        padding-right: 48px;
        padding-right: 3rem;
    }
    .tabPadTMn {
        padding-top: 8px;
        padding-top: .5rem;
    }
    .tabPadTSm {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .tabPadTMd {
        padding-top: 32px;
        padding-top: 2rem;
    }
    .tabPadT {
        padding-top: 48px;
        padding-top: 3rem;
    }
    .tabPadBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
    }
    .tabPadBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
    }
    .tabPadBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
    }
    .tabPadB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
    }
    .tabPadTBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
        padding-top: 8px;
        padding-top: .5rem;
    }
    .tabPadTBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-top: 16px;
        padding-top: 1rem;
    }
    .tabPadTBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
        padding-top: 32px;
        padding-top: 2rem;
    }
    .tabPadTB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        padding-top: 48px;
        padding-top: 3rem;
    }
    .tabPadLRMn {
        padding-right: 8px;
        padding-right: .5rem;
        padding-left: 8px;
        padding-left: .5rem;
    }
    .tabPadLRSm {
        padding-right: 16px;
        padding-right: 1rem;
        padding-left: 16px;
        padding-left: 1rem;
    }
    .tabPadLRMd {
        padding-right: 32px;
        padding-right: 2rem;
        padding-left: 32px;
        padding-left: 2rem;
    }
    .tabPadLR {
        padding-right: 48px;
        padding-right: 3rem;
        padding-left: 48px;
        padding-left: 3rem;
    }
    .tabNoCont {
        padding: 0;
    }
    .tabNoPadL {
        padding-left: 0;
    }
    .tabNoPadR {
        padding-right: 0;
    }
    .tabNoPadTB {
        padding-bottom: 0;
        padding-top: 0;
    }
    .tabNoPadT {
        padding-top: 0;
    }
    .tabNoPadB {
        padding-bottom: 0;
    }
    .tabNoPadLR {
        padding-right: 0;
        padding-left: 0;
    }
    /*Mar*/
    .tabMarMn {
        margin: 8px;
        margin: .5rem;
    }
    .tabMarSm {
        margin: 16px;
        margin: 1rem;
    }
    .tabMarMd {
        margin: 32px;
        margin: 2rem;
    }
    .tabMar {
        margin: 48px;
        margin: 3rem;
    }
    .tabMarLMn {
        margin-left: 8px;
        margin-left: .5rem;
    }
    .tabMarLSm {
        margin-left: 16px;
        margin-left: 1rem;
    }
    .tabMarLMd {
        margin-left: 32px;
        margin-left: 2rem;
    }
    .tabMarL {
        margin-left: 48px;
        margin-left: 3rem;
    }
    .tabMarRMn {
        margin-right: 8px;
        margin-right: .5rem;
    }
    .tabMarRSm {
        margin-right: 16px;
        margin-right: 1rem;
    }
    .tabMarRMd {
        margin-right: 32px;
        margin-right: 2rem;
    }
    .tabMarR {
        margin-right: 48px;
        margin-right: 3rem;
    }
    .tabMarTMn {
        margin-top: 8px;
        margin-top: .5rem;
    }
    .tabMarTSm {
        margin-top: 16px;
        margin-top: 1rem;
    }
    .tabMarTMd {
        margin-top: 32px;
        margin-top: 2rem;
    }
    .tabMarT {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .tabMarBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
    }
    .tabMarBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }
    .tabMarBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
    .tabMarB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }
    .tabMarTBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
        margin-top: 8px;
        margin-top: .5rem;
    }
    .tabMarTBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-top: 16px;
        margin-top: 1rem;
    }
    .tabMarTBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-top: 32px;
        margin-top: 2rem;
    }
    .tabMarTB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
        margin-top: 48px;
        margin-top: 3rem;
    }
    .tabMarLRMn {
        margin-right: 8px;
        margin-right: .5rem;
        margin-left: 8px;
        margin-left: .5rem;
    }
    .tabMarLRSm {
        margin-right: 16px;
        margin-right: 1rem;
        margin-left: 16px;
        margin-left: 1rem;
    }
    .tabMarLRMd {
        margin-right: 32px;
        margin-right: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }
    .tabMarLR {
        margin-right: 48px;
        margin-right: 3rem;
        margin-left: 48px;
        margin-left: 3rem;
    }
    .tabNoMar {
        margin: 0;
    }
    .tabNoMarL {
        margin-left: 0;
    }
    .tabNoMarR {
        margin-right: 0;
    }
    .tabNoMarT {
        margin-bottom: 0;
    }
    .tabNoMarB {
        margin-bottom: 0;
    }
    .tabNoMarTB {
        margin-bottom: 0;
        margin-top: 0;
    }
    .tabNoMarLR {
        margin-right: 0;
        margin-left: 0;
    }
    /*Larghezza elementi*/
    .tabW-5 {
        width: 5%;
    }
    .tabW-10 {
        width: 10%;
    }
    .tabW-15 {
        width: 15%;
    }
    .tabW-20 {
        width: 20%;
    }
    .tabW-25 {
        width: 25%;
    }
    .tabW-30 {
        width: 30%;
    }
    .tabW-33 {
        width: 33.33%;
    }
    .tabW-35 {
        width: 35%;
    }
    .tabW-40 {
        width: 40%;
    }
    .tabW-45 {
        width: 45%;
    }
    .tabW-50 {
        width: 50%;
    }
    .tabW-55 {
        width: 55%;
    }
    .tabW-60 {
        width: 60%;
    }
    .tabW-65 {
        width: 65%;
    }
    .tabW-70 {
        width: 70%;
    }
    .tabW-75 {
        width: 75%;
    }
    .tabW-80 {
        width: 80%;
    }
    .tabW-85 {
        width: 85%;
    }
    .tabW-90 {
        width: 90%;
    }
    .tabW-95 {
        width: 95%;
    }
    .tabW-100 {
        width: 100%;
    }
    /*Altezze elementi*/
    .tabH-10 {
        height: 10%;
    }
    .tabH-15 {
        height: 15%;
    }
    .tabH-20 {
        height: 20%;
    }
    .tabH-25 {
        height: 25%;
    }
    .tabH-30 {
        height: 30%;
    }
    .tabH-35 {
        height: 35%;
    }
    .tabH-40 {
        height: 40%;
    }
    .tabH-45 {
        height: 45%;
    }
    .tabH-50 {
        height: 50%;
    }
    .tabH-55 {
        height: 55%;
    }
    .tabH-60 {
        height: 60%;
    }
    .tabH-65 {
        height: 65%;
    }
    .tabH-70 {
        height: 70%;
    }
    .tabH-75 {
        height: 75%;
    }
    .tabH-80 {
        height: 80%;
    }
    .tabH-85 {
        height: 85%;
    }
    .tabH-90 {
        height: 90%;
    }
    .tabH-95 {
        height: 95%;
    }
    .tabFullH {
        height: 100%;
    }
    .tabFullHAuto {
        min-height: 100%;
    }
    /*Visibilità*/
    .tabHideElement {
        display: none;
    }
    .tabShowElement {
        display: block;
    }
    .tabVisibilityOff {
        visibility: hidden;
        opacity: 0;
    }
    .tabVisibilityOn {
        visibility: visible;
        opacity: 1;
    }
    /*====/UTILITA====*/
    /*====TABELLE E COLONNE====*/
    .tabColCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .tabColWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .tabColNoWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .tabVerticalAlign {
        -moz-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .tabVerticalAlign.tabBottom {
        -moz-align-items: flex-end;
        -o-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .tabVerticalAlign.tabStretch {
        -moz-align-items: stretch;
        -o-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .tabColWrap.tabLeft,
    .tabColNoWrap.tabLeft {
        -moz-justify-content: flex-start;
        -o-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .tabColWrap.tabCenter,
    .tabColNoWrap.tabCenter {
        -moz-justify-content: center;
        -o-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tabColWrap.tabRight,
    .tabColNoWrap.tabRight {
        -moz-justify-content: flex-end;
        -o-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .tabColWrap.tabSpaceBetween,
    .tabColNoWrap.tabSpaceBetween {
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .tabColWrap.tabSpaceAround,
    .tabColNoWrap.tabSpaceAround {
        -o-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .tabColWrap.tabSpaceEvenly,
    .tabColNoWrap.tabSpaceEvenly {
        -o-align-content: space-evenly;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
    }
    .tabFlexDirectionCol {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tabColReverse {
        -moz-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .tabRowReverse {
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    /*====/TABELLE E COLONNE====*/
}
/*Schermi <= tablet*/
@media only screen and (max-width:992px) {
    /*====COMPONENTI====*/
    /*Barra di navigazione inferiore*/
    .bottomNavBox.hide {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: .5s all ease;
        transition: .5s all ease;
    }
    /*/Barra di navigazione inferiore*/
    /*==APP BAR==*/
    /*APP BAR INFERIORE*/
    .appBarArea.bottom {
        display: block;
    }
    /*/APP BAR INFERIORE*/
    /*==/APP BAR==*/
    /*TOOLTIPS*/
    .tooltip {
        height: 32px;
        padding: 0 16px;
        padding: 0 1rem;
    }
    /*/TOOLTIPS*/
    /*SLIDER*/
    .draggableSlider {
        overflow-x: auto;
    }
    /*/SLIDER*/
    /*BANNERS*/
    /*Tipologie*/
    .bannerArea.singleLine {
        max-height: 54px;
        max-height: 3.4rem;
    }
    .bannerArea.multipleLine {
        max-height: 112px;
        max-height: 7rem;
    }
    .bannerArea.multipleLine .bannerSection.txt,
    .bannerArea.img .bannerSection.txt {
        padding-top: 24px;
        padding-top: 1.5rem;
        padding-right: 16px;
        padding-right: 1rem;
    }
    .bannerArea.multipleLine .bannerSection,
    .bannerArea.img .bannerSection,
    .bannerArea.multipleLine .bannerSection .footer,
    .bannerArea.img .bannerSection .footer {
        width: 100%;
    }
    .bannerArea.img .bannerSection.img {
        width: 56px;
        width: 3.5rem;
    }
    .bannerArea.img .bannerSection.img .bannerImg {
        height: 40px;
        height: 2.5rem;
        width: 40px;
        width: 2.5rem;
        margin-left: 16px;
        margin-left: 1rem;
        margin-top: 24px;
        margin-top: 1.5rem;
    }
    /*/BANNERS*/
    /*BNI*/
    .bottomNavBox {
        display: block;
    }
    /*/BNI*/
    /*====/COMPONENTI====*/
}
/*Schermi > tablet*/
@media only screen and (min-width:993px) {
    /*====COMPONENTI====*/
    /*Barra di navigazione inferiore*/
    .bottomNavBox.hide {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: .5s all ease;
        transition: .5s all ease;
    }
    /*/Barra di navigazione inferiore*/
    /*TOOLTIPS*/
    .tooltip {
        height: 32px;
        padding: 0 16px;
        padding: 0 1rem;
    }
    /*/TOOLTIPS*/
    /*SLIDER*/
    .draggableSlider {
        overflow-x: auto;
    }
    /*/SLIDER*/
    /*BANNERS*/
    /*Tipologie*/
    .bannerArea.singleLine {
        max-height: 52px;
        max-height: 3.25rem;
    }
    .bannerArea.multipleLine {
        max-height: 70px;
        max-height: 4.4rem;
    }
    .bannerArea.img {
        max-height: 72px;
        max-height: 4.5rem;
    }
    .bannerArea.multipleLine .bannerSection.txt,
    .bannerArea.img .bannerSection.txt {
        padding-right: 90px;
        padding-right: 5.63rem;
        vertical-align: text-bottom;
    }
    .bannerArea.img .bannerBoxContent {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .bannerArea.img .bannerSection.img .bannerImg {
        height: 40px;
        height: 2.5rem;
        width: 40px;
        width: 2.5rem;
        margin: 0 24px 16px 16px;
        margin: 0 1.5rem 1rem 1rem;
    }
    /*/BANNERS*/
    /*BNI*/
    .bottomNavBox {
        display: block;
    }
    /*/BNI*/
    /*====/COMPONENTI====*/
}
/*Schermi desktop piccoli >= 992px*/
@media only screen and (min-width:993px) and (max-width:1199px) {
    /*====TESTO====*/
    .sdeskAlignL {
        text-align: left;
    }
    .sdeskAlignC {
        text-align: center;
    }
    .sdeskAlignR {
        text-align: right;
    }
    .sdeskAlignJ {
        text-align: justify;
    }
    br.sdeskNoBreak {
        display: none;
    }
    br.sdeskBreak {
        display: static;
    }
    /*====/TESTO====*/
    /*====UTILITA====*/
    /*Pad*/
    .sdeskContMn {
        padding: 8px;
        padding: .5rem;
    }
    .sdeskContSm {
        padding: 16px;
        padding: 1rem;
    }
    .sdeskContMd {
        padding: 32px;
        padding: 2rem;
    }
    .sdeskCont {
        padding: 48px;
        padding: 3rem;
    }
    .sdeskPadLMn {
        padding-left: 8px;
        padding-left: .5rem;
    }
    .sdeskPadLSm {
        padding-left: 16px;
        padding-left: 1rem;
    }
    .sdeskPadLMd {
        padding-left: 32px;
        padding-left: 2rem;
    }
    .sdeskPadL {
        padding-left: 48px;
        padding-left: 3rem;
    }
    .sdeskPadRMn {
        padding-right: 8px;
        padding-right: .5rem;
    }
    .sdeskPadRSm {
        padding-right: 16px;
        padding-right: 1rem;
    }
    .sdeskPadRMd {
        padding-right: 32px;
        padding-right: 2rem;
    }
    .sdeskPadR {
        padding-right: 48px;
        padding-right: 3rem;
    }
    .sdeskPadTMn {
        padding-top: 8px;
        padding-top: .5rem;
    }
    .sdeskPadTSm {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .sdeskPadTMd {
        padding-top: 32px;
        padding-top: 2rem;
    }
    .sdeskPadT {
        padding-top: 48px;
        padding-top: 3rem;
    }
    .sdeskPadBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
    }
    .sdeskPadBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
    }
    .sdeskPadBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
    }
    .sdeskPadB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
    }
    .sdeskPadTBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
        padding-top: 8px;
        padding-top: .5rem;
    }
    .sdeskPadTBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-top: 16px;
        padding-top: 1rem;
    }
    .sdeskPadTBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
        padding-top: 32px;
        padding-top: 2rem;
    }
    .sdeskPadTB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        padding-top: 48px;
        padding-top: 3rem;
    }
    .sdeskPadLRMn {
        padding-right: 8px;
        padding-right: .5rem;
        padding-left: 8px;
        padding-left: .5rem;
    }
    .sdeskPadLRSm {
        padding-right: 16px;
        padding-right: 1rem;
        padding-left: 16px;
        padding-left: 1rem;
    }
    .sdeskPadLRMd {
        padding-right: 32px;
        padding-right: 2rem;
        padding-left: 32px;
        padding-left: 2rem;
    }
    .sdeskPadLR {
        padding-right: 48px;
        padding-right: 3rem;
        padding-left: 48px;
        padding-left: 3rem;
    }
    .sdeskNoCont {
        padding: 0;
    }
    .sdeskNoPadL {
        padding-left: 0;
    }
    .sdeskNoPadR {
        padding-right: 0;
    }
    .sdeskNoPadTB {
        padding-bottom: 0;
        padding-top: 0;
    }
    .sdeskNoPadT {
        padding-top: 0;
    }
    .sdeskNoPadB {
        padding-bottom: 0;
    }
    .sdeskNoPadLR {
        padding-right: 0;
        padding-left: 0;
    }
    /*Mar*/
    .sdeskMarMn {
        margin: 8px;
        margin: .5rem;
    }
    .sdeskMarSm {
        margin: 16px;
        margin: 1rem;
    }
    .sdeskMarMd {
        margin: 32px;
        margin: 2rem;
    }
    .sdeskMar {
        margin: 48px;
        margin: 3rem;
    }
    .sdeskMarLMn {
        margin-left: 8px;
        margin-left: .5rem;
    }
    .sdeskMarLSm {
        margin-left: 16px;
        margin-left: 1rem;
    }
    .sdeskMarLMd {
        margin-left: 32px;
        margin-left: 2rem;
    }
    .sdeskMarL {
        margin-left: 48px;
        margin-left: 3rem;
    }
    .sdeskMarRMn {
        margin-right: 8px;
        margin-right: .5rem;
    }
    .sdeskMarRSm {
        margin-right: 16px;
        margin-right: 1rem;
    }
    .sdeskMarRMd {
        margin-right: 32px;
        margin-right: 2rem;
    }
    .sdeskMarR {
        margin-right: 48px;
        margin-right: 3rem;
    }
    .sdeskMarTMn {
        margin-top: 8px;
        margin-top: .5rem;
    }
    .sdeskMarTSm {
        margin-top: 16px;
        margin-top: 1rem;
    }
    .sdeskMarTMd {
        margin-top: 32px;
        margin-top: 2rem;
    }
    .sdeskMarT {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .sdeskMarBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
    }
    .sdeskMarBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }
    .sdeskMarBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
    .sdeskMarB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }
    .sdeskMarTBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
        margin-top: 8px;
        margin-top: .5rem;
    }
    .sdeskMarTBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-top: 16px;
        margin-top: 1rem;
    }
    .sdeskMarTBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-top: 32px;
        margin-top: 2rem;
    }
    .sdeskMarTB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
        margin-top: 48px;
        margin-top: 3rem;
    }
    .sdeskMarLRMn {
        margin-right: 8px;
        margin-right: .5rem;
        margin-left: 8px;
        margin-left: .5rem;
    }
    .sdeskMarLRSm {
        margin-right: 16px;
        margin-right: 1rem;
        margin-left: 16px;
        margin-left: 1rem;
    }
    .sdeskMarLRMd {
        margin-right: 32px;
        margin-right: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }
    .sdeskMarLR {
        margin-right: 48px;
        margin-right: 3rem;
        margin-left: 48px;
        margin-left: 3rem;
    }
    .sdeskNoMar {
        margin: 0;
    }
    .sdeskNoMarL {
        margin-left: 0;
    }
    .sdeskNoMarR {
        margin-right: 0;
    }
    .sdeskNoMarT {
        margin-bottom: 0;
    }
    .sdeskNoMarB {
        margin-bottom: 0;
    }
    .sdeskNoMarTB {
        margin-bottom: 0;
        margin-top: 0;
    }
    .sdeskNoMarLR {
        margin-right: 0;
        margin-left: 0;
    }
    /*Larghezza elementi*/
    .sdeskW-5 {
        width: 5%;
    }
    .sdeskW-10 {
        width: 10%;
    }
    .sdeskW-15 {
        width: 15%;
    }
    .sdeskW-20 {
        width: 20%;
    }
    .sdeskW-25 {
        width: 25%;
    }
    .sdeskW-30 {
        width: 30%;
    }
    .sdeskW-33 {
        width: 33.33%;
    }
    .sdeskW-35 {
        width: 35%;
    }
    .sdeskW-40 {
        width: 40%;
    }
    .sdeskW-45 {
        width: 45%;
    }
    .sdeskW-50 {
        width: 50%;
    }
    .sdeskW-55 {
        width: 55%;
    }
    .sdeskW-60 {
        width: 60%;
    }
    .sdeskW-65 {
        width: 65%;
    }
    .sdeskW-70 {
        width: 70%;
    }
    .sdeskW-75 {
        width: 75%;
    }
    .sdeskW-80 {
        width: 80%;
    }
    .sdeskW-85 {
        width: 85%;
    }
    .sdeskW-90 {
        width: 90%;
    }
    .sdeskW-95 {
        width: 95%;
    }
    .sdeskW-100 {
        width: 100%;
    }
    /*Altezze elementi*/
    .sdeskH-10 {
        height: 10%;
    }
    .sdeskH-15 {
        height: 15%;
    }
    .sdeskH-20 {
        height: 20%;
    }
    .sdeskH-25 {
        height: 25%;
    }
    .sdeskH-30 {
        height: 30%;
    }
    .sdeskH-35 {
        height: 35%;
    }
    .sdeskH-40 {
        height: 40%;
    }
    .sdeskH-45 {
        height: 45%;
    }
    .sdeskH-50 {
        height: 50%;
    }
    .sdeskH-55 {
        height: 55%;
    }
    .sdeskH-60 {
        height: 60%;
    }
    .sdeskH-65 {
        height: 65%;
    }
    .sdeskH-70 {
        height: 70%;
    }
    .sdeskH-75 {
        height: 75%;
    }
    .sdeskH-80 {
        height: 80%;
    }
    .sdeskH-85 {
        height: 85%;
    }
    .sdeskH-90 {
        height: 90%;
    }
    .sdeskH-95 {
        height: 95%;
    }
    .sdeskFullH {
        height: 100%;
    }
    .sdeskFullHAuto {
        min-height: 100%;
    }
    /*Visibilità*/
    .sdeskHideElement {
        display: none;
    }
    .sdeskShowElement {
        display: block;
    }
    .sdeskVisibilityOff {
        visibility: hidden;
        opacity: 0;
    }
    .sdeskVisibilityOn {
        visibility: visible;
        opacity: 1;
    }
    /*====/UTILITA====*/
    /*====TABELLE E COLONNE====*/
    .sdeskColCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .sdeskColWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .sdeskColNoWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .sdeskVerticalAlign {
        -moz-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .sdeskVerticalAlign.sdeskBottom {
        -moz-align-items: flex-end;
        -o-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .sdeskVerticalAlign.sdeskStretch {
        -moz-align-items: stretch;
        -o-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .sdeskColWrap.sdeskLeft,
    .sdeskColNoWrap.sdeskLeft {
        -moz-justify-content: flex-start;
        -o-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .sdeskColWrap.sdeskCenter,
    .sdeskColNoWrap.sdeskCenter {
        -moz-justify-content: center;
        -o-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sdeskColWrap.sdeskRight,
    .sdeskColNoWrap.sdeskRight {
        -moz-justify-content: flex-end;
        -o-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .sdeskColWrap.sdeskSpaceBetween,
    .sdeskColNoWrap.sdeskSpaceBetween {
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .sdeskColWrap.sdeskSpaceAround,
    .sdeskColNoWrap.sdeskSpaceAround {
        -o-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .sdeskColWrap.sdeskSpaceEvenly,
    .sdeskColNoWrap.sdeskSpaceEvenly {
        -o-align-content: space-evenly;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
    }
    .sdeskFlexDirectionCol {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .sdeskColReverse {
        -moz-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .sdeskRowReverse {
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    /*====/TABELLE E COLONNE====*/
}
/*Schermi < desktop*/
@media only screen and (max-width:1199px) {
    /*====UTILITA====*/
    /*====TESTO====*/
    .smsAlignL {
        text-align: left;
    }
    .smsAlignC {
        text-align: center;
    }
    .smsAlignR {
        text-align: right;
    }
    .smsAlignJ {
        text-align: justify;
    }
    br.smsNoBreak {
        display: none;
    }
    br.smsBreak {
        display: static;
    }
    /*====/TESTO====*/
    /*====UTILITA====*/
    /*Pad*/
    .smsContMn {
        padding: 8px;
        padding: .5rem;
    }
    .smsContSm {
        padding: 16px;
        padding: 1rem;
    }
    .smsContMd {
        padding: 32px;
        padding: 2rem;
    }
    .smsCont {
        padding: 48px;
        padding: 3rem;
    }
    .smsPadLMn {
        padding-left: 8px;
        padding-left: .5rem;
    }
    .smsPadLSm {
        padding-left: 16px;
        padding-left: 1rem;
    }
    .smsPadLMd {
        padding-left: 32px;
        padding-left: 2rem;
    }
    .smsPadL {
        padding-left: 48px;
        padding-left: 3rem;
    }
    .smsPadRMn {
        padding-right: 8px;
        padding-right: .5rem;
    }
    .smsPadRSm {
        padding-right: 16px;
        padding-right: 1rem;
    }
    .smsPadRMd {
        padding-right: 32px;
        padding-right: 2rem;
    }
    .smsPadR {
        padding-right: 48px;
        padding-right: 3rem;
    }
    .smsPadTMn {
        padding-top: 8px;
        padding-top: .5rem;
    }
    .smsPadTSm {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .smsPadTMd {
        padding-top: 32px;
        padding-top: 2rem;
    }
    .smsPadT {
        padding-top: 48px;
        padding-top: 3rem;
    }
    .smsPadBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
    }
    .smsPadBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
    }
    .smsPadBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
    }
    .smsPadB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
    }
    .smsPadTBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
        padding-top: 8px;
        padding-top: .5rem;
    }
    .smsPadTBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-top: 16px;
        padding-top: 1rem;
    }
    .smsPadTBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
        padding-top: 32px;
        padding-top: 2rem;
    }
    .smsPadTB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        padding-top: 48px;
        padding-top: 3rem;
    }
    .smsPadLRMn {
        padding-right: 8px;
        padding-right: .5rem;
        padding-left: 8px;
        padding-left: .5rem;
    }
    .smsPadLRSm {
        padding-right: 16px;
        padding-right: 1rem;
        padding-left: 16px;
        padding-left: 1rem;
    }
    .smsPadLRMd {
        padding-right: 32px;
        padding-right: 2rem;
        padding-left: 32px;
        padding-left: 2rem;
    }
    .smsPadLR {
        padding-right: 48px;
        padding-right: 3rem;
        padding-left: 48px;
        padding-left: 3rem;
    }
    .smsNoCont {
        padding: 0;
    }
    .smsNoPadL {
        padding-left: 0;
    }
    .smsNoPadR {
        padding-right: 0;
    }
    .smsNoPadTB {
        padding-bottom: 0;
        padding-top: 0;
    }
    .smsNoPadT {
        padding-top: 0;
    }
    .smsNoPadB {
        padding-bottom: 0;
    }
    .smsNoPadLR {
        padding-right: 0;
        padding-left: 0;
    }
    /*Mar*/
    .smsMarMn {
        margin: 8px;
        margin: .5rem;
    }
    .smsMarSm {
        margin: 16px;
        margin: 1rem;
    }
    .smsMarMd {
        margin: 32px;
        margin: 2rem;
    }
    .smsMar {
        margin: 48px;
        margin: 3rem;
    }
    .smsMarLMn {
        margin-left: 8px;
        margin-left: .5rem;
    }
    .smsMarLSm {
        margin-left: 16px;
        margin-left: 1rem;
    }
    .smsMarLMd {
        margin-left: 32px;
        margin-left: 2rem;
    }
    .smsMarL {
        margin-left: 48px;
        margin-left: 3rem;
    }
    .smsMarRMn {
        margin-right: 8px;
        margin-right: .5rem;
    }
    .smsMarRSm {
        margin-right: 16px;
        margin-right: 1rem;
    }
    .smsMarRMd {
        margin-right: 32px;
        margin-right: 2rem;
    }
    .smsMarR {
        margin-right: 48px;
        margin-right: 3rem;
    }
    .smsMarTMn {
        margin-top: 8px;
        margin-top: .5rem;
    }
    .smsMarTSm {
        margin-top: 16px;
        margin-top: 1rem;
    }
    .smsMarTMd {
        margin-top: 32px;
        margin-top: 2rem;
    }
    .smsMarT {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .smsMarBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
    }
    .smsMarBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }
    .smsMarBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
    .smsMarB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }
    .smsMarTBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
        margin-top: 8px;
        margin-top: .5rem;
    }
    .smsMarTBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-top: 16px;
        margin-top: 1rem;
    }
    .smsMarTBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-top: 32px;
        margin-top: 2rem;
    }
    .smsMarTB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
        margin-top: 48px;
        margin-top: 3rem;
    }
    .smsMarLRMn {
        margin-right: 8px;
        margin-right: .5rem;
        margin-left: 8px;
        margin-left: .5rem;
    }
    .smsMarLRSm {
        margin-right: 16px;
        margin-right: 1rem;
        margin-left: 16px;
        margin-left: 1rem;
    }
    .smsMarLRMd {
        margin-right: 32px;
        margin-right: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }
    .smsMarLR {
        margin-right: 48px;
        margin-right: 3rem;
        margin-left: 48px;
        margin-left: 3rem;
    }
    .smsNoMar {
        margin: 0;
    }
    .smsNoMarL {
        margin-left: 0;
    }
    .smsNoMarR {
        margin-right: 0;
    }
    .smsNoMarT {
        margin-bottom: 0;
    }
    .smsNoMarB {
        margin-bottom: 0;
    }
    .smsNoMarTB {
        margin-bottom: 0;
        margin-top: 0;
    }
    .smsNoMarLR {
        margin-right: 0;
        margin-left: 0;
    }
    /*Larghezza elementi*/
    .smsW-5 {
        width: 5%;
    }
    .smsW-10 {
        width: 10%;
    }
    .smsW-15 {
        width: 15%;
    }
    .smsW-20 {
        width: 20%;
    }
    .smsW-25 {
        width: 25%;
    }
    .smsW-30 {
        width: 30%;
    }
    .smsW-33 {
        width: 33.33%;
    }
    .smsW-35 {
        width: 35%;
    }
    .smsW-40 {
        width: 40%;
    }
    .smsW-45 {
        width: 45%;
    }
    .smsW-50 {
        width: 50%;
    }
    .smsW-55 {
        width: 55%;
    }
    .smsW-60 {
        width: 60%;
    }
    .smsW-65 {
        width: 65%;
    }
    .smsW-70 {
        width: 70%;
    }
    .smsW-75 {
        width: 75%;
    }
    .smsW-80 {
        width: 80%;
    }
    .smsW-85 {
        width: 85%;
    }
    .smsW-90 {
        width: 90%;
    }
    .smsW-95 {
        width: 95%;
    }
    .smsW-100 {
        width: 100%;
    }
    /*Altezze elementi*/
    .smsH-10 {
        height: 10%;
    }
    .smsH-15 {
        height: 15%;
    }
    .smsH-20 {
        height: 20%;
    }
    .smsH-25 {
        height: 25%;
    }
    .smsH-30 {
        height: 30%;
    }
    .smsH-35 {
        height: 35%;
    }
    .smsH-40 {
        height: 40%;
    }
    .smsH-45 {
        height: 45%;
    }
    .smsH-50 {
        height: 50%;
    }
    .smsH-55 {
        height: 55%;
    }
    .smsH-60 {
        height: 60%;
    }
    .smsH-65 {
        height: 65%;
    }
    .smsH-70 {
        height: 70%;
    }
    .smsH-75 {
        height: 75%;
    }
    .smsH-80 {
        height: 80%;
    }
    .smsH-85 {
        height: 85%;
    }
    .smsH-90 {
        height: 90%;
    }
    .smsH-95 {
        height: 95%;
    }
    .smsFullH {
        height: 100%;
    }
    .smsFullHAuto {
        min-height: 100%;
    }
    /*Visibilità*/
    .smsHideElement {
        display: none;
    }
    .smsShowElement {
        display: block;
    }
    .smsVisibilityOff {
        visibility: hidden;
        opacity: 0;
    }
    .smsVisibilityOn {
        visibility: visible;
        opacity: 1;
    }
    /*====/UTILITA====*/
    /*====TABELLE E COLONNE====*/
    .smsColCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .smsColWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .smsColNoWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .smsVerticalAlign {
        -moz-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .smsVerticalAlign.smsBottom {
        -moz-align-items: flex-end;
        -o-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .smsVerticalAlign.smsStretch {
        -moz-align-items: stretch;
        -o-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .smsColWrap.smsLeft,
    .smsColNoWrap.smsLeft {
        -moz-justify-content: flex-start;
        -o-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .smsColWrap.smsCenter,
    .smsColNoWrap.smsCenter {
        -moz-justify-content: center;
        -o-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .smsColWrap.smsRight,
    .smsColNoWrap.smsRight {
        -moz-justify-content: flex-end;
        -o-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .smsColWrap.smsSpaceBetween,
    .smsColNoWrap.smsSpaceBetween {
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .smsColWrap.smsSpaceAround,
    .smsColNoWrap.smsSpaceAround {
        -o-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .smsColWrap.smsSpaceEvenly,
    .smsColNoWrap.smsSpaceEvenly {
        -o-align-content: space-evenly;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
    }
    .smsFlexDirectionCol {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .smsColReverse {
        -moz-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .smsRowReverse {
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    /*====/TABELLE E COLONNE====*/
    /*SNACKBAR*/
    .snackbarArea {
        bottom: 16px;
        bottom: 1rem;
    }
    .snackbarAreaMarB .snackbarArea {
        bottom: 72px;
        bottom: 4.5rem;
    }
    .snackbarArea.sx {
        left: 16px;
        left: 1rem;
    }
    .snackbarArea .snackbar {
        width: 344px;
        width: 21.5rem;
    }
    .snackbarArea.md .snackbar {
        margin: 0 auto;
    }
    /*/SNACKBAR*/
    /*DATE PICKER*/
    .datepickerBox {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .datepickerBox .datepicker {
        width: 328px;
        width: 20.5rem;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
    }
}
/*Schermi desktop > 1200px*/
@media only screen and (min-width:1200px) {
    /*====UTILITA====*/
    /*====TESTO====*/
    .wsAlignL {
        text-align: left;
    }
    .wsAlignC {
        text-align: center;
    }
    .wsAlignR {
        text-align: right;
    }
    .wsAlignJ {
        text-align: justify;
    }
    br.wsNoBreak {
        display: none;
    }
    br.wsBreak {
        display: static;
    }
    /*====/TESTO====*/
    /*====UTILITA====*/
    /*Pad*/
    .wsContMn {
        padding: 8px;
        padding: .5rem;
    }
    .wsContSm {
        padding: 16px;
        padding: 1rem;
    }
    .wsContMd {
        padding: 32px;
        padding: 2rem;
    }
    .wsCont {
        padding: 48px;
        padding: 3rem;
    }
    .wsPadLMn {
        padding-left: 8px;
        padding-left: .5rem;
    }
    .wsPadLSm {
        padding-left: 16px;
        padding-left: 1rem;
    }
    .wsPadLMd {
        padding-left: 32px;
        padding-left: 2rem;
    }
    .wsPadL {
        padding-left: 48px;
        padding-left: 3rem;
    }
    .wsPadRMn {
        padding-right: 8px;
        padding-right: .5rem;
    }
    .wsPadRSm {
        padding-right: 16px;
        padding-right: 1rem;
    }
    .wsPadRMd {
        padding-right: 32px;
        padding-right: 2rem;
    }
    .wsPadR {
        padding-right: 48px;
        padding-right: 3rem;
    }
    .wsPadTMn {
        padding-top: 8px;
        padding-top: .5rem;
    }
    .wsPadTSm {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .wsPadTMd {
        padding-top: 32px;
        padding-top: 2rem;
    }
    .wsPadT {
        padding-top: 48px;
        padding-top: 3rem;
    }
    .wsPadBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
    }
    .wsPadBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
    }
    .wsPadBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
    }
    .wsPadB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
    }
    .wsPadTBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
        padding-top: 8px;
        padding-top: .5rem;
    }
    .wsPadTBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-top: 16px;
        padding-top: 1rem;
    }
    .wsPadTBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
        padding-top: 32px;
        padding-top: 2rem;
    }
    .wsPadTB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        padding-top: 48px;
        padding-top: 3rem;
    }
    .wsPadLRMn {
        padding-right: 8px;
        padding-right: .5rem;
        padding-left: 8px;
        padding-left: .5rem;
    }
    .wsPadLRSm {
        padding-right: 16px;
        padding-right: 1rem;
        padding-left: 16px;
        padding-left: 1rem;
    }
    .wsPadLRMd {
        padding-right: 32px;
        padding-right: 2rem;
        padding-left: 32px;
        padding-left: 2rem;
    }
    .wsPadLR {
        padding-right: 48px;
        padding-right: 3rem;
        padding-left: 48px;
        padding-left: 3rem;
    }
    .wsNoCont {
        padding: 0;
    }
    .wsNoPadL {
        padding-left: 0;
    }
    .wsNoPadR {
        padding-right: 0;
    }
    .wsNoPadTB {
        padding-bottom: 0;
        padding-top: 0;
    }
    .wsNoPadT {
        padding-top: 0;
    }
    .wsNoPadB {
        padding-bottom: 0;
    }
    .wsNoPadLR {
        padding-right: 0;
        padding-left: 0;
    }
    /*Mar*/
    .wsMarMn {
        margin: 8px;
        margin: .5rem;
    }
    .wsMarSm {
        margin: 16px;
        margin: 1rem;
    }
    .wsMarMd {
        margin: 32px;
        margin: 2rem;
    }
    .wsMar {
        margin: 48px;
        margin: 3rem;
    }
    .wsMarLMn {
        margin-left: 8px;
        margin-left: .5rem;
    }
    .wsMarLSm {
        margin-left: 16px;
        margin-left: 1rem;
    }
    .wsMarLMd {
        margin-left: 32px;
        margin-left: 2rem;
    }
    .wsMarL {
        margin-left: 48px;
        margin-left: 3rem;
    }
    .wsMarRMn {
        margin-right: 8px;
        margin-right: .5rem;
    }
    .wsMarRSm {
        margin-right: 16px;
        margin-right: 1rem;
    }
    .wsMarRMd {
        margin-right: 32px;
        margin-right: 2rem;
    }
    .wsMarR {
        margin-right: 48px;
        margin-right: 3rem;
    }
    .wsMarTMn {
        margin-top: 8px;
        margin-top: .5rem;
    }
    .wsMarTSm {
        margin-top: 16px;
        margin-top: 1rem;
    }
    .wsMarTMd {
        margin-top: 32px;
        margin-top: 2rem;
    }
    .wsMarT {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .wsMarBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
    }
    .wsMarBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }
    .wsMarBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
    .wsMarB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }
    .wsMarTBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
        margin-top: 8px;
        margin-top: .5rem;
    }
    .wsMarTBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-top: 16px;
        margin-top: 1rem;
    }
    .wsMarTBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-top: 32px;
        margin-top: 2rem;
    }
    .wsMarTB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
        margin-top: 48px;
        margin-top: 3rem;
    }
    .wsMarLRMn {
        margin-right: 8px;
        margin-right: .5rem;
        margin-left: 8px;
        margin-left: .5rem;
    }
    .wsMarLRSm {
        margin-right: 16px;
        margin-right: 1rem;
        margin-left: 16px;
        margin-left: 1rem;
    }
    .wsMarLRMd {
        margin-right: 32px;
        margin-right: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }
    .wsMarLR {
        margin-right: 48px;
        margin-right: 3rem;
        margin-left: 48px;
        margin-left: 3rem;
    }
    .wsNoMar {
        margin: 0;
    }
    .wsNoMarL {
        margin-left: 0;
    }
    .wsNoMarR {
        margin-right: 0;
    }
    .wsNoMarT {
        margin-bottom: 0;
    }
    .wsNoMarB {
        margin-bottom: 0;
    }
    .wsNoMarTB {
        margin-bottom: 0;
        margin-top: 0;
    }
    .wsNoMarLR {
        margin-right: 0;
        margin-left: 0;
    }
    /*Larghezza elementi*/
    .wsW-5 {
        width: 5%;
    }
    .wsW-10 {
        width: 10%;
    }
    .wsW-15 {
        width: 15%;
    }
    .wsW-20 {
        width: 20%;
    }
    .wsW-25 {
        width: 25%;
    }
    .wsW-30 {
        width: 30%;
    }
    .wsW-33 {
        width: 33.33%;
    }
    .wsW-35 {
        width: 35%;
    }
    .wsW-40 {
        width: 40%;
    }
    .wsW-45 {
        width: 45%;
    }
    .wsW-50 {
        width: 50%;
    }
    .wsW-55 {
        width: 55%;
    }
    .wsW-60 {
        width: 60%;
    }
    .wsW-65 {
        width: 65%;
    }
    .wsW-70 {
        width: 70%;
    }
    .wsW-75 {
        width: 75%;
    }
    .wsW-80 {
        width: 80%;
    }
    .wsW-85 {
        width: 85%;
    }
    .wsW-90 {
        width: 90%;
    }
    .wsW-95 {
        width: 95%;
    }
    .wsW-100 {
        width: 100%;
    }
    /*Altezze elementi*/
    .wsH-10 {
        height: 10%;
    }
    .wsH-15 {
        height: 15%;
    }
    .wsH-20 {
        height: 20%;
    }
    .wsH-25 {
        height: 25%;
    }
    .wsH-30 {
        height: 30%;
    }
    .wsH-35 {
        height: 35%;
    }
    .wsH-40 {
        height: 40%;
    }
    .wsH-45 {
        height: 45%;
    }
    .wsH-50 {
        height: 50%;
    }
    .wsH-55 {
        height: 55%;
    }
    .wsH-60 {
        height: 60%;
    }
    .wsH-65 {
        height: 65%;
    }
    .wsH-70 {
        height: 70%;
    }
    .wsH-75 {
        height: 75%;
    }
    .wsH-80 {
        height: 80%;
    }
    .wsH-85 {
        height: 85%;
    }
    .wsH-90 {
        height: 90%;
    }
    .wsH-95 {
        height: 95%;
    }
    .wsFullH {
        height: 100%;
    }
    .wsFullHAuto {
        min-height: 100%;
    }
    /*Visibilità*/
    .wsHideElement {
        display: none;
    }
    .wsShowElement {
        display: block;
    }
    .wsVisibilityOff {
        visibility: hidden;
        opacity: 0;
    }
    .wsVisibilityOn {
        visibility: visible;
        opacity: 1;
    }
    /*====/UTILITA====*/
    /*====TABELLE E COLONNE====*/
    .wsColCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .wsColWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .wsColNoWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .wsVerticalAlign {
        -moz-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .wsVerticalAlign.wsBottom {
        -moz-align-items: flex-end;
        -o-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .wsVerticalAlign.wsStretch {
        -moz-align-items: stretch;
        -o-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .wsColWrap.wsLeft,
    .wsColNoWrap.wsLeft {
        -moz-justify-content: flex-start;
        -o-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .wsColWrap.wsCenter,
    .wsColNoWrap.wsCenter {
        -moz-justify-content: center;
        -o-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .wsColWrap.wsRight,
    .wsColNoWrap.wsRight {
        -moz-justify-content: flex-end;
        -o-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .wsColWrap.wsSpaceBetween,
    .wsColNoWrap.wsSpaceBetween {
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .wsColWrap.wsSpaceAround,
    .wsColNoWrap.wsSpaceAround {
        -o-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .wsColWrap.wsSpaceEvenly,
    .wsColNoWrap.wsSpaceEvenly {
        -o-align-content: space-evenly;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
    }
    .wsFlexDirectionCol {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wsColReverse {
        -moz-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .wsRowReverse {
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    /*====/TABELLE E COLONNE====*/
    /*====COMPONENTI====*/
    /*SNACKBAR*/
    .snackbarArea {
        bottom: 32px;
        bottom: 2rem;
    }
    .snackbarArea.sx {
        left: 32px;
        left: 2rem;
    }
    .snackbarArea .snackbar {
        min-width: 344px;
        min-width: 21.5rem;
    }
    /*/SNACKBAR*/
    /*DATE PICKER*/
    .datepickerHeader,
    .datepicker .footerArea {
        display: none;
    }
    .datepickerBox .datepicker {
        position: fixed;
        z-index: 2;
    }
    /*====/COMPONENTI====*/
}
/*Schermi desktop >= 1200px*/
@media only screen and (min-width:1200px) and (max-width:1399px) {}
/*Schermi grandi >= 1400px*/
@media only screen and (min-width:1400px) {
    /*====TESTO====*/
    .bigAlignL {
        text-align: left;
    }
    .bigAlignC {
        text-align: center;
    }
    .bigAlignR {
        text-align: right;
    }
    .bigAlignJ {
        text-align: justify;
    }
    br.bigNoBreak {
        display: none;
    }
    br.bigBreak {
        display: static;
    }
    /*====/TESTO====*/
    /*====UTILITA====*/
    /*Pad*/
    .bigContMn {
        padding: 8px;
        padding: .5rem;
    }
    .bigContSm {
        padding: 16px;
        padding: 1rem;
    }
    .bigContMd {
        padding: 32px;
        padding: 2rem;
    }
    .bigCont {
        padding: 48px;
        padding: 3rem;
    }
    .bigPadLMn {
        padding-left: 8px;
        padding-left: .5rem;
    }
    .bigPadLSm {
        padding-left: 16px;
        padding-left: 1rem;
    }
    .bigPadLMd {
        padding-left: 32px;
        padding-left: 2rem;
    }
    .bigPadL {
        padding-left: 48px;
        padding-left: 3rem;
    }
    .bigPadRMn {
        padding-right: 8px;
        padding-right: .5rem;
    }
    .bigPadRSm {
        padding-right: 16px;
        padding-right: 1rem;
    }
    .bigPadRMd {
        padding-right: 32px;
        padding-right: 2rem;
    }
    .bigPadR {
        padding-right: 48px;
        padding-right: 3rem;
    }
    .bigPadTMn {
        padding-top: 8px;
        padding-top: .5rem;
    }
    .bigPadTSm {
        padding-top: 16px;
        padding-top: 1rem;
    }
    .bigPadTMd {
        padding-top: 32px;
        padding-top: 2rem;
    }
    .bigPadT {
        padding-top: 48px;
        padding-top: 3rem;
    }
    .bigPadBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
    }
    .bigPadBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
    }
    .bigPadBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
    }
    .bigPadB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
    }
    .bigPadTBMn {
        padding-bottom: 8px;
        padding-bottom: .5rem;
        padding-top: 8px;
        padding-top: .5rem;
    }
    .bigPadTBSm {
        padding-bottom: 16px;
        padding-bottom: 1rem;
        padding-top: 16px;
        padding-top: 1rem;
    }
    .bigPadTBMd {
        padding-bottom: 32px;
        padding-bottom: 2rem;
        padding-top: 32px;
        padding-top: 2rem;
    }
    .bigPadTB {
        padding-bottom: 48px;
        padding-bottom: 3rem;
        padding-top: 48px;
        padding-top: 3rem;
    }
    .bigPadLRMn {
        padding-right: 8px;
        padding-right: .5rem;
        padding-left: 8px;
        padding-left: .5rem;
    }
    .bigPadLRSm {
        padding-right: 16px;
        padding-right: 1rem;
        padding-left: 16px;
        padding-left: 1rem;
    }
    .bigPadLRMd {
        padding-right: 32px;
        padding-right: 2rem;
        padding-left: 32px;
        padding-left: 2rem;
    }
    .bigPadLR {
        padding-right: 48px;
        padding-right: 3rem;
        padding-left: 48px;
        padding-left: 3rem;
    }
    .bigNoCont {
        padding: 0;
    }
    .bigNoPadL {
        padding-left: 0;
    }
    .bigNoPadR {
        padding-right: 0;
    }
    .bigNoPadTB {
        padding-bottom: 0;
        padding-top: 0;
    }
    .bigNoPadT {
        padding-top: 0;
    }
    .bigNoPadB {
        padding-bottom: 0;
    }
    .bigNoPadLR {
        padding-right: 0;
        padding-left: 0;
    }
    /*Mar*/
    .bigMarMn {
        margin: 8px;
        margin: .5rem;
    }
    .bigMarSm {
        margin: 16px;
        margin: 1rem;
    }
    .bigMarMd {
        margin: 32px;
        margin: 2rem;
    }
    .bigMar {
        margin: 48px;
        margin: 3rem;
    }
    .bigMarLMn {
        margin-left: 8px;
        margin-left: .5rem;
    }
    .bigMarLSm {
        margin-left: 16px;
        margin-left: 1rem;
    }
    .bigMarLMd {
        margin-left: 32px;
        margin-left: 2rem;
    }
    .bigMarL {
        margin-left: 48px;
        margin-left: 3rem;
    }
    .bigMarRMn {
        margin-right: 8px;
        margin-right: .5rem;
    }
    .bigMarRSm {
        margin-right: 16px;
        margin-right: 1rem;
    }
    .bigMarRMd {
        margin-right: 32px;
        margin-right: 2rem;
    }
    .bigMarR {
        margin-right: 48px;
        margin-right: 3rem;
    }
    .bigMarTMn {
        margin-top: 8px;
        margin-top: .5rem;
    }
    .bigMarTSm {
        margin-top: 16px;
        margin-top: 1rem;
    }
    .bigMarTMd {
        margin-top: 32px;
        margin-top: 2rem;
    }
    .bigMarT {
        margin-top: 48px;
        margin-top: 3rem;
    }
    .bigMarBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
    }
    .bigMarBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }
    .bigMarBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
    .bigMarB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
    }
    .bigMarTBMn {
        margin-bottom: 8px;
        margin-bottom: .5rem;
        margin-top: 8px;
        margin-top: .5rem;
    }
    .bigMarTBSm {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-top: 16px;
        margin-top: 1rem;
    }
    .bigMarTBMd {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-top: 32px;
        margin-top: 2rem;
    }
    .bigMarTB {
        margin-bottom: 48px;
        margin-bottom: 3rem;
        margin-top: 48px;
        margin-top: 3rem;
    }
    .bigMarLRMn {
        margin-right: 8px;
        margin-right: .5rem;
        margin-left: 8px;
        margin-left: .5rem;
    }
    .bigMarLRSm {
        margin-right: 16px;
        margin-right: 1rem;
        margin-left: 16px;
        margin-left: 1rem;
    }
    .bigMarLRMd {
        margin-right: 32px;
        margin-right: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }
    .bigMarLR {
        margin-right: 48px;
        margin-right: 3rem;
        margin-left: 48px;
        margin-left: 3rem;
    }
    .bigNoMar {
        margin: 0;
    }
    .bigNoMarL {
        margin-left: 0;
    }
    .bigNoMarR {
        margin-right: 0;
    }
    .bigNoMarT {
        margin-bottom: 0;
    }
    .bigNoMarB {
        margin-bottom: 0;
    }
    .bigNoMarTB {
        margin-bottom: 0;
        margin-top: 0;
    }
    .bigNoMarLR {
        margin-right: 0;
        margin-left: 0;
    }
    /*Larghezza elementi*/
    .bigW-5 {
        width: 5%;
    }
    .bigW-10 {
        width: 10%;
    }
    .bigW-15 {
        width: 15%;
    }
    .bigW-20 {
        width: 20%;
    }
    .bigW-25 {
        width: 25%;
    }
    .bigW-30 {
        width: 30%;
    }
    .bigW-33 {
        width: 33.33%;
    }
    .bigW-35 {
        width: 35%;
    }
    .bigW-40 {
        width: 40%;
    }
    .bigW-45 {
        width: 45%;
    }
    .bigW-50 {
        width: 50%;
    }
    .bigW-55 {
        width: 55%;
    }
    .bigW-60 {
        width: 60%;
    }
    .bigW-65 {
        width: 65%;
    }
    .bigW-70 {
        width: 70%;
    }
    .bigW-75 {
        width: 75%;
    }
    .bigW-80 {
        width: 80%;
    }
    .bigW-85 {
        width: 85%;
    }
    .bigW-90 {
        width: 90%;
    }
    .bigW-95 {
        width: 95%;
    }
    .bigW-100 {
        width: 100%;
    }
    /*Altezze elementi*/
    .bigH-10 {
        height: 10%;
    }
    .bigH-15 {
        height: 15%;
    }
    .bigH-20 {
        height: 20%;
    }
    .bigH-25 {
        height: 25%;
    }
    .bigH-30 {
        height: 30%;
    }
    .bigH-35 {
        height: 35%;
    }
    .bigH-40 {
        height: 40%;
    }
    .bigH-45 {
        height: 45%;
    }
    .bigH-50 {
        height: 50%;
    }
    .bigH-55 {
        height: 55%;
    }
    .bigH-60 {
        height: 60%;
    }
    .bigH-65 {
        height: 65%;
    }
    .bigH-70 {
        height: 70%;
    }
    .bigH-75 {
        height: 75%;
    }
    .bigH-80 {
        height: 80%;
    }
    .bigH-85 {
        height: 85%;
    }
    .bigH-90 {
        height: 90%;
    }
    .bigH-95 {
        height: 95%;
    }
    .bigFullH {
        height: 100%;
    }
    .bigFullHAuto {
        min-height: 100%;
    }
    /*Visibilità*/
    .bigHideElement {
        display: none;
    }
    .bigShowElement {
        display: block;
    }
    .bigVisibilityOff {
        visibility: hidden;
        opacity: 0;
    }
    .bigVisibilityOn {
        visibility: visible;
        opacity: 1;
    }
    /*====/UTILITA====*/
    /*====TABELLE E COLONNE====*/
    .bigColCont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .bigColWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .bigColNoWrap {
        -moz-flex-direction: row;
        -o-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -o-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .bigVerticalAlign {
        -moz-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .bigVerticalAlign.bigBottom {
        -moz-align-items: flex-end;
        -o-align-items: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .bigVerticalAlign.bigStretch {
        -moz-align-items: stretch;
        -o-align-items: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .bigColWrap.bigLeft,
    .bigColNoWrap.bigLeft {
        -moz-justify-content: flex-start;
        -o-justify-content: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .bigColWrap.bigCenter,
    .bigColNoWrap.bigCenter {
        -moz-justify-content: center;
        -o-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .bigColWrap.bigRight,
    .bigColNoWrap.bigRight {
        -moz-justify-content: flex-end;
        -o-justify-content: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .bigColWrap.bigSpaceBetween,
    .bigColNoWrap.bigSpaceBetween {
        -moz-justify-content: space-between;
        -o-justify-content: space-between;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .bigColWrap.bigSpaceAround,
    .bigColNoWrap.bigSpaceAround {
        -o-align-content: space-around;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
    }
    .bigColWrap.bigSpaceEvenly,
    .bigColNoWrap.bigSpaceEvenly {
        -o-align-content: space-evenly;
        -ms-flex-line-pack: space-evenly;
        align-content: space-evenly;
    }
    .bigFlexDirectionCol {
        -moz-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .bigColReverse {
        -moz-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
    }
    .bigRowReverse {
        -moz-flex-direction: row-reverse;
        -o-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
    }
    /*====/TABELLE E COLONNE====*/
}
/*====FIREFOX====*/
@-moz-document url-prefix() {
    /*====PULSANTI====*/
    .button.text, .button.outlined {
        background: transparent;
    }
    /*====FORM====*/
    .inputArea.filled .inputBox .input, .inputArea.filled .inputBox .selInput, .inputArea.outlined .inputBox .input, .inputArea.outlined .inputBox .selInput, .textareaBox textarea, .textareaBox [contenteditable="true"], .inputArea.filled.focus .inputBox .bkg, .inputArea.filled.data .inputBox .bkg{
        background: transparent;
    }
    .inputArea.filled .inputBox .bkg, .inputArea.filled .inputBox .textareaBox{
        border-bottom: solid 1px;
        border-bottom: solid .06rem;
    }
    .inputArea.filled.focus .inputBox .bkg:after,
    .inputArea.filled.data .inputBox .bkg:after,
    .inputArea.filled.focus .inputBox .textareaBox,
    .inputArea.filled.data .inputBox .textareaBox{
        border-bottom: solid 2px;
        border-bottom: solid 0.125rem;
    }
    .inputArea.filled.focus textarea,.inputArea.filled.data textarea{
        position: relative;
        bottom: 1px;
        bottom: .06rem;
    }
    /*====TABS====*/
    .draggableSlider{
        scrollbar-width: none;
    }
    .tabsArea.scrollable.draggableTab .tabsBox{
        height: 50px;
        height: 3.13rem;
    }
    .tabsArea.scrollable.draggableTab .tabsBox,.tabsArea.scrollable.draggableTab .activeTabBar{
        bottom: 1px;
        bottom: .06rem;
    }
}