/* RESET CSS */
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html, body {
  margin: 0px;
  font-size: 16px;
}
@media(max-width: 767px) {
    html, body {
        font-size: 12px !important;
    }
}

/* Text */
a {
  text-decoration: none !important;
}
p {
    margin: 0;
}
.strike {
    text-decoration: line-through;
}
.text-bold {
    font-weight: 700 !important;
}

/* Img */
img {
    width: 100%;
}

/* Width */
.w-100 {
    width: 100% !important;
}
.w-80 {
    width: 80% !important;
}
.w-50 {
    width: 50% !important;
}

/* Radius */
.radius-0 {
    border-radius: 0px;
}
.radius-8 {
    border-radius: 8px;
}
.radius-12 {
    border-radius: 12px;
}
.radius-16 {
    border-radius: 16px;
}
.radius-mirror-24 {
    border-radius: 0 24px 0 24px;
}
.radius-mirror-32 {
    border-radius: 0 32px 0 32px;
}

/* Border */
.border-none {
    border: none !important;
}

/* Misc */
.d-none {
    display: none !important;
}

/* COLORS -- COLORS -- COLORS -- COLORS -- COLORS -- COLORS */
/* COLORS -- COLORS -- COLORS -- COLORS -- COLORS -- COLORS */
/* COLORS -- COLORS -- COLORS -- COLORS -- COLORS -- COLORS */
:root {
    /* PRIMARY */
    --dim-blu100: rgba(1, 99, 165, 1);
    --dim-blu90: rgba(0, 108, 171, 1);
    --dim-blu80: rgba(33, 119, 178, 1);
    --dim-blu70: rgba(68, 129, 186, 1);
    --dim-blu60: rgba(94, 142, 194, 1);
    --dim-blu50: rgba(117, 156, 202, 1);
    --dim-blu40: rgba(141, 172, 210, 1);
    --dim-blu30: rgba(166, 189, 220, 1);
    --dim-blu20: rgba(192, 206, 230, 1);
    --dim-blu10: rgba(220, 227, 240, 1);

    /* CELESTE */
    --dim-cele100: rgba(27, 154, 214, 1);
    --dim-cele90: rgba(69, 161, 218, 1);
    --dim-cele80: rgba(94, 169, 221, 1);
    --dim-cele70: rgba(114, 177, 224, 1);
    --dim-cele60: rgba(134, 186, 228, 1);
    --dim-cele50: rgba(154, 195, 233, 1);
    --dim-cele40: rgba(172, 206, 236, 1);
    --dim-cele30: rgba(192, 217, 240, 1);
    --dim-cele20: rgba(212, 227, 245, 1);
    --dim-cele10: rgba(232, 239, 249, 1);

    /* SECONDARY */
    --dim-sec-blu100: rgba(0, 66, 122, 1);
    --dim-sec-blu90: rgba(0, 77, 132, 1);
    --dim-sec-blu80: rgba(37, 89, 142, 1);
    --dim-sec-blu70: rgba(63, 103, 153, 1);
    --dim-sec-blu60: rgba(85, 118, 165, 1);
    --dim-sec-blu50: rgba(108, 135, 178, 1);
    --dim-sec-blu40: rgba(131, 153, 190, 1);
    --dim-sec-blu30: rgba(157, 172, 204, 1);
    --dim-sec-blu20: rgba(184, 195, 219, 1);
    --dim-sec-blu10: rgba(215, 220, 234, 1);

    /* SECONDARY NAVY */
    --dim-navy100: rgba(4, 63, 97, 1);
    --dim-navy90: rgba(39, 74, 107, 1);
    --dim-navy80: rgba(61, 86, 117, 1);
    --dim-navy70: rgba(80, 100, 128, 1);
    --dim-navy60: rgba(100, 114, 140, 1);
    --dim-navy50: rgba(120, 130, 155, 1);
    --dim-navy40: rgba(142, 149, 170, 1);
    --dim-navy30: rgba(165, 170, 188, 1);
    --dim-navy20: rgba(191, 193, 205, 1);
    --dim-navy10: rgba(218, 219, 226, 1);

    /* DARK BLUE */
    --dim-dark-blu100: rgba(0, 31, 53, 1);
    --dim-dark-blu90: rgba(22, 45, 65, 1);
    --dim-dark-blu80: rgba(43, 58, 78, 1);
    --dim-dark-blu70: rgba(63, 73, 92, 1);
    --dim-dark-blu60: rgba(83, 90, 108, 1);
    --dim-dark-blu50: rgba(104, 109, 125, 1);
    --dim-dark-blu40: rgba(126, 130, 145, 1);
    --dim-dark-blu30: rgba(153, 154, 166, 1);
    --dim-dark-blu20: rgba(181, 182, 191, 1);
    --dim-dark-blu10: rgba(212, 212, 217, 1);

    /* BLACK */
    --dim-black100: rgba(0, 0, 0, 1);
    --dim-black90: rgba(65, 64, 66, 1);
    --dim-black80: rgba(88, 89, 91, 1);
    --dim-black70: rgba(109, 110, 113, 1);
    --dim-black60: rgba(129, 130, 132, 1);
    --dim-black50: rgba(148, 149, 152, 1);
    --dim-black40: rgba(167, 169, 172, 1);
    --dim-black30: rgba(188, 190, 192, 1);
    --dim-black20: rgba(209, 211, 212, 1);
    --dim-black10: rgba(230, 231, 232, 1);

    /* MISC */
    --dim-white100: rgba(255, 255, 255, 1);
    --dim-white60: rgba(255, 255, 255, 0.6);
    --dim-grey20: rgba(234, 234, 234, 1);
    --dim-grey10: rgba(247, 247, 247, 1);
    --dim-success100: rgba(133, 212, 177, 1);
    --dim-success-hover: rgba(89, 219, 161, 1);
    --dim-error100: rgba(217, 110, 110, 1);
    --dim-error-hover: rgba(236, 103, 103, 1);
    --dim-transparent: rgba(255, 255, 255, 0);
}



/* TEXT COLORS -- TEXT COLORS -- TEXT COLORS -- TEXT COLORS */
/* TEXT COLORS -- TEXT COLORS -- TEXT COLORS -- TEXT COLORS */
/* TEXT COLORS -- TEXT COLORS -- TEXT COLORS -- TEXT COLORS */
/* PRIMARY */
.text-dim-blu100 { color: var(--dim-blu100) !important; }
.text-dim-blu90 { color: var(--dim-blu90) !important; }
.text-dim-blu80 { color: var(--dim-blu80) !important; }
.text-dim-blu70 { color: var(--dim-blu70) !important; }
.text-dim-blu60 { color: var(--dim-blu60) !important; }
.text-dim-blu50 { color: var(--dim-blu50) !important; }
.text-dim-blu40 { color: var(--dim-blu40) !important; }
.text-dim-blu30 { color: var(--dim-blu30) !important; }
.text-dim-blu20 { color: var(--dim-blu20) !important; }
.text-dim-blu10 { color: var(--dim-blu10) !important; }

/* CELESTE */
.text-dim-cele100 { color: var(--dim-cele100) !important; }
.text-dim-cele90 { color: var(--dim-cele90) !important; }
.text-dim-cele80 { color: var(--dim-cele80) !important; }
.text-dim-cele70 { color: var(--dim-cele70) !important; }
.text-dim-cele60 { color: var(--dim-cele60) !important; }
.text-dim-cele50 { color: var(--dim-cele50) !important; }
.text-dim-cele40 { color: var(--dim-cele40) !important; }
.text-dim-cele30 { color: var(--dim-cele30) !important; }
.text-dim-cele20 { color: var(--dim-cele20) !important; }
.text-dim-cele10 { color: var(--dim-cele10) !important; }

/* SECONDARY */
.text-dim-sec-blu100 { color: var(--dim-sec-blu100) !important; }
.text-dim-sec-blu90 { color: var(--dim-sec-blu90) !important; }
.text-dim-sec-blu80 { color: var(--dim-sec-blu80) !important; }
.text-dim-sec-blu70 { color: var(--dim-sec-blu70) !important; }
.text-dim-sec-blu60 { color: var(--dim-sec-blu60) !important; }
.text-dim-sec-blu50 { color: var(--dim-sec-blu50) !important; }
.text-dim-sec-blu40 { color: var(--dim-sec-blu40) !important; }
.text-dim-sec-blu30 { color: var(--dim-sec-blu30) !important; }
.text-dim-sec-blu20 { color: var(--dim-sec-blu20) !important; }
.text-dim-sec-blu10 { color: var(--dim-sec-blu10) !important; }

/* SECONDARY NAVY */
.text-dim-navy100 { color: var(--dim-navy100) !important; }
.text-dim-navy90 { color: var(--dim-navy90) !important; }
.text-dim-navy80 { color: var(--dim-navy80) !important; }
.text-dim-navy70 { color: var(--dim-navy70) !important; }
.text-dim-navy60 { color: var(--dim-navy60) !important; }
.text-dim-navy50 { color: var(--dim-navy50) !important; }
.text-dim-navy40 { color: var(--dim-navy40) !important; }
.text-dim-navy30 { color: var(--dim-navy30) !important; }
.text-dim-navy20 { color: var(--dim-navy20) !important; }
.text-dim-navy10 { color: var(--dim-navy10) !important; }

/* DARK BLUE */
.text-dim-dark-blu100 { color: var(--dim-dark-blu100) !important; }
.text-dim-dark-blu90 { color: var(--dim-dark-blu90) !important; }
.text-dim-dark-blu80 { color: var(--dim-dark-blu80) !important; }
.text-dim-dark-blu70 { color: var(--dim-dark-blu70) !important; }
.text-dim-dark-blu60 { color: var(--dim-dark-blu60) !important; }
.text-dim-dark-blu50 { color: var(--dim-dark-blu50) !important; }
.text-dim-dark-blu40 { color: var(--dim-dark-blu40) !important; }
.text-dim-dark-blu30 { color: var(--dim-dark-blu30) !important; }
.text-dim-dark-blu20 { color: var(--dim-dark-blu20) !important; }
.text-dim-dark-blu10 { color: var(--dim-dark-blu10) !important; }

/* BLACK */
.text-dim-black100 { color: var(--dim-black100) !important; }
.text-dim-black90 { color: var(--dim-black90) !important; }
.text-dim-black80 { color: var(--dim-black80) !important; }
.text-dim-black70 { color: var(--dim-black70) !important; }
.text-dim-black60 { color: var(--dim-black60) !important; }
.text-dim-black50 { color: var(--dim-black50) !important; }
.text-dim-black40 { color: var(--dim-black40) !important; }
.text-dim-black30 { color: var(--dim-black30) !important; }
.text-dim-black20 { color: var(--dim-black20) !important; }
.text-dim-black10 { color: var(--dim-black10) !important; }

/* MISC */
.text-dim-white100 { color: var(--dim-white100) !important; }
.text-dim-white60 { color: var(--dim-white60) !important; }
.text-dim-grey20 { color: var(--dim-grey20) !important; }
.text-dim-grey10 { color: var(--dim-grey10) !important; }
.text-dim-success100 { color: var(--dim-success100) !important; }
.text-dim-success-hover { color: var(--dim-success-hover) !important; }
.text-dim-error100 { color: var(--dim-error100) !important; }
.text-dim-error-hover { color: var(--dim-error-hover) !important; }
.text-dim-transparent { color: var(--dim-transparent) !important; }


/* BACKGROUND COLORS -- BACKGROUND COLORS -- BACKGROUND COLORS */
/* BACKGROUND COLORS -- BACKGROUND COLORS -- BACKGROUND COLORS */
/* BACKGROUND COLORS -- BACKGROUND COLORS -- BACKGROUND COLORS */
/* PRIMARY */
.bg-dim-blu100 { background-color: var(--dim-blu100) !important; }
.bg-dim-blu90 { background-color: var(--dim-blu90) !important; }
.bg-dim-blu80 { background-color: var(--dim-blu80) !important; }
.bg-dim-blu70 { background-color: var(--dim-blu70) !important; }
.bg-dim-blu60 { background-color: var(--dim-blu60) !important; }
.bg-dim-blu50 { background-color: var(--dim-blu50) !important; }
.bg-dim-blu40 { background-color: var(--dim-blu40) !important; }
.bg-dim-blu30 { background-color: var(--dim-blu30) !important; }
.bg-dim-blu20 { background-color: var(--dim-blu20) !important; }
.bg-dim-blu10 { background-color: var(--dim-blu10) !important; }

/* CELESTE */
.bg-dim-cele100 { background-color: var(--dim-cele100) !important; }
.bg-dim-cele90 { background-color: var(--dim-cele90) !important; }
.bg-dim-cele80 { background-color: var(--dim-cele80) !important; }
.bg-dim-cele70 { background-color: var(--dim-cele70) !important; }
.bg-dim-cele60 { background-color: var(--dim-cele60) !important; }
.bg-dim-cele50 { background-color: var(--dim-cele50) !important; }
.bg-dim-cele40 { background-color: var(--dim-cele40) !important; }
.bg-dim-cele30 { background-color: var(--dim-cele30) !important; }
.bg-dim-cele20 { background-color: var(--dim-cele20) !important; }
.bg-dim-cele10 { background-color: var(--dim-cele10) !important; }

/* SECONDARY */
.bg-dim-sec-blu100 { background-color: var(--dim-sec-blu100) !important; }
.bg-dim-sec-blu90 { background-color: var(--dim-sec-blu90) !important; }
.bg-dim-sec-blu80 { background-color: var(--dim-sec-blu80) !important; }
.bg-dim-sec-blu70 { background-color: var(--dim-sec-blu70) !important; }
.bg-dim-sec-blu60 { background-color: var(--dim-sec-blu60) !important; }
.bg-dim-sec-blu50 { background-color: var(--dim-sec-blu50) !important; }
.bg-dim-sec-blu40 { background-color: var(--dim-sec-blu40) !important; }
.bg-dim-sec-blu30 { background-color: var(--dim-sec-blu30) !important; }
.bg-dim-sec-blu20 { background-color: var(--dim-sec-blu20) !important; }
.bg-dim-sec-blu10 { background-color: var(--dim-sec-blu10) !important; }

/* SECONDARY NAVY */
.bg-dim-navy100 { background-color: var(--dim-navy100) !important; }
.bg-dim-navy90 { background-color: var(--dim-navy90) !important; }
.bg-dim-navy80 { background-color: var(--dim-navy80) !important; }
.bg-dim-navy70 { background-color: var(--dim-navy70) !important; }
.bg-dim-navy60 { background-color: var(--dim-navy60) !important; }
.bg-dim-navy50 { background-color: var(--dim-navy50) !important; }
.bg-dim-navy40 { background-color: var(--dim-navy40) !important; }
.bg-dim-navy30 { background-color: var(--dim-navy30) !important; }
.bg-dim-navy20 { background-color: var(--dim-navy20) !important; }
.bg-dim-navy10 { background-color: var(--dim-navy10) !important; }

/* DARK BLUE */
.bg-dim-dark-blu100 { background-color: var(--dim-dark-blu100) !important; }
.bg-dim-dark-blu90 { background-color: var(--dim-dark-blu90) !important; }
.bg-dim-dark-blu80 { background-color: var(--dim-dark-blu80) !important; }
.bg-dim-dark-blu70 { background-color: var(--dim-dark-blu70) !important; }
.bg-dim-dark-blu60 { background-color: var(--dim-dark-blu60) !important; }
.bg-dim-dark-blu50 { background-color: var(--dim-dark-blu50) !important; }
.bg-dim-dark-blu40 { background-color: var(--dim-dark-blu40) !important; }
.bg-dim-dark-blu30 { background-color: var(--dim-dark-blu30) !important; }
.bg-dim-dark-blu20 { background-color: var(--dim-dark-blu20) !important; }
.bg-dim-dark-blu10 { background-color: var(--dim-dark-blu10) !important; }

/* BLACK */
.bg-dim-black100 { background-color: var(--dim-black100) !important; }
.bg-dim-black90 { background-color: var(--dim-black90) !important; }
.bg-dim-black80 { background-color: var(--dim-black80) !important; }
.bg-dim-black70 { background-color: var(--dim-black70) !important; }
.bg-dim-black60 { background-color: var(--dim-black60) !important; }
.bg-dim-black50 { background-color: var(--dim-black50) !important; }
.bg-dim-black40 { background-color: var(--dim-black40) !important; }
.bg-dim-black30 { background-color: var(--dim-black30) !important; }
.bg-dim-black20 { background-color: var(--dim-black20) !important; }
.bg-dim-black10 { background-color: var(--dim-black10) !important; }

/* MISC */
.bg-dim-white100 { background-color: var(--dim-white100) !important; }
.bg-dim-white60 { background-color: var(--dim-white60) !important; }
.bg-dim-grey20 { background-color: var(--dim-grey20) !important; }
.bg-dim-grey10 { background-color: var(--dim-grey10) !important; }
.bg-dim-success100 { background-color: var(--dim-success100) !important; }
.bg-dim-success-hover { background-color: var(--dim-success-hover) !important; }
.bg-dim-error100 { background-color: var(--dim-error100) !important; }
.bg-dim-error-hover { background-color: var(--dim-error-hover) !important; }
.bg-dim-transparent { background-color: var(--dim-transparent) !important; }




/* HEADINGS -- HEADINGS -- HEADINGS -- HEADINGS -- HEADINGS */
/* HEADINGS -- HEADINGS -- HEADINGS -- HEADINGS -- HEADINGS */
/* HEADINGS -- HEADINGS -- HEADINGS -- HEADINGS -- HEADINGS */
h1, h2, h3, h4, h5, h6,
[class*="h1-"], [class*="h2-"], [class*="h3-"], [class*="h4-"], [class*="h5-"], [class*="h6-"] {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-style: normal;
    letter-spacing: 0px;
    margin: 0;
}

/* H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 */
h1,
.h1-regular {
    font-size: 4rem;
    line-height: 4.375rem;
    font-weight: 400;
}
.h1-bold {
    font-size: 4rem;
    line-height: 4.375rem;
    font-weight: 700;
}
.h1-extrabold {
    font-size: 4rem;
    line-height: 4.375rem;
    font-weight: 800;
}
.h1-big {
    font-size: 4.375rem;
    line-height: 5rem;
    font-weight: 800;
}
/* H2 -- H2 -- H2 -- H2 -- H2 -- H2 -- H2 -- H2 -- H2 -- H2 */
h2,
.h2-regular {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 400;
}
.h2-bold {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 700;
}
.h2-extrabold {
    font-size: 2.5rem;
    line-height: 2.875rem;
    font-weight: 800;
}
/* H3 -- H3 -- H3 -- H3 -- H3 -- H3 -- H3 -- H3 -- H3 -- H3 */
h3,
.h3-regular {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 400;
}
.h3-bold {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.h3-extrabold {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 800;
}
/* H4 -- H4 -- H4 -- H4 -- H4 -- H4 -- H4 -- H4 -- H4 -- H4 */
h4,
.h4-regular {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 400;
}
.h4-bold {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 700;
}
/* H5 -- H5 -- H5 -- H5 -- H5 -- H5 -- H5 -- H5 -- H5 -- H5 */
h5,
.h5-regular {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 400;
}
.h5-bold {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 700;
}
/* H6 -- H6 -- H6 -- H6 -- H6 -- H6 -- H6 -- H6 -- H6 -- H6 */
h6,
.h6-regular {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 400;
}
.h6-bold {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
}
@media(max-width: 767px){
    /* H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 -- H1 */
    h1,
    .h1-regular,
    .h1-bold,
    .h1-big {
        font-size: 3rem;
        line-height: 3.5rem;
    }
    h2,
    .h2-regular,
    .h2-bold,
    .h2-extra-bold {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    h3,
    .h3-regular,
    .h3-bold,
    .h3-extra-bold  {
        font-size: 1.75rem;
        line-height: 2rem;
    }
}


/* TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT */
/* TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT */
/* TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT -- TEXT */
p,
span {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: 0px;
}
.text-regular {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 400;
}
.text-big {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
}
.text-small {
    /* Lascio le dimensioni in px perchè in mobile non voglio che rimpicciolisca */
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
}
.text-titoletto {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.text-button {
    font-family: "Montserrat", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
}



/* BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS */
/* BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS */
/* BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS -- BUTTONS */
.btn-custom,
input[type="button"],
input[type="submit"] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-width: 220px;
    max-width: 100%;

    font-family: "Montserrat", Helvetica, sans-serif;
    /* Lascio le dimensioni in px perchè in mobile non voglio che rimpicciolisca */
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-align: center;

    padding: 12px 20px;
    border-radius: 200px;
    color: var(--dim-white100);
    border: solid 1px var(--dim-transparent);
    transition: all .3s;
}
@media(max-width: 767px){
    .btn-custom,
    input[type="button"],
    input[type="submit"] {
        padding: 10px 16px;
        letter-spacing: 0;
        min-width: unset;
    }
}

/* BUTTON PRIMARY */
.btn-primary,
input[type="button"],
input[type="submit"] {
    background: var(--dim-blu100);
    border-color: var(--dim-blu100);
}
.btn-primary:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
    background: var(--dim-white100);
    color: var(--dim-blu100);
}

/* BUTTON SECONDARY */
.btn-secondary {
    background: var(--dim-cele100);
    border-color: var(--dim-cele100);
}
.btn-secondary:hover {
    color: var(--dim-cele100);
    background: var(--dim-white100);
}

/* BUTTON WHITE */
.btn-white{
    color: var(--dim-cele100);
    background: var(--dim-white100);
}
.btn-white:hover {
    color: var(--dim-white100);
    background: var(--dim-cele100);
    border-color: var(--dim-cele100);
}

/* BUTTON GHOST */
.btn-ghost {
    color: var(--dim-cele100);
    background: var(--dim-transparent);
    padding: 12px;
}
.btn-ghost:hover {
    color: var(--dim-white100);
    background: var(--dim-cele100);
}

/* BUTTON DISABLED */
.btn-disabled,
button[disabled]{
    background: var(--dim-black30);
}

/* BUTTON SUCCESS */
.btn-success,
input.btn-success {
    background: var(--dim-success100);
}
.btn-success:hover,
input.btn-success:hover {
    background: var(--dim-success-hover);
}

/* BUTTON ERROR */
.btn-error,
input.btn-error {
    background: var(--dim-error100);
}
.btn-error:hover,
input.btn-error:hover {
    background: var(--dim-error-hover);
}


/* SPACING -- SPACING -- SPACING -- SPACING -- SPACING -- SPACING */
/* SPACING -- SPACING -- SPACING -- SPACING -- SPACING -- SPACING */
/* SPACING -- SPACING -- SPACING -- SPACING -- SPACING -- SPACING */

/* Paddings -- Paddings -- Paddings -- Paddings -- Paddings -- Paddings */
/* Paddings -- Paddings -- Paddings -- Paddings -- Paddings -- Paddings */
/* Padding 0 */
.padd-0 {
    padding: 0;
}
.padd-t-0 {
    padding-top: 0;
}
.padd-b-0 {
    padding-bottom: 0;
}
.padd-l-0 {
    padding-left: 0;
}
.padd-r-0 {
    padding-right: 0;
}
/* Padding 4px - 0.25rem */
.padd-4 {
    padding: 0.25rem;
}
.padd-t-4 {
    padding-top: 0.25rem;
}
.padd-b-4 {
    padding-bottom: 0.25rem;
}
.padd-l-4 {
    padding-left: 0.25rem;
}
.padd-r-4 {
    padding-right: 0.25rem;
}

/* Padding 8px - 0.5rem */
.padd-8 {
    padding: 0.5rem;
}
.padd-t-8 {
    padding-top: 0.5rem;
}
.padd-b-8 {
    padding-bottom: 0.5rem;
}
.padd-l-8 {
    padding-left: 0.5rem;
}
.padd-r-8 {
    padding-right: 0.5rem;
}
/* Padding 12px - 0.75rem */
.padd-12 {
    padding: 0.75rem;
}
.padd-t-12 {
    padding-top: 0.75rem;
}
.padd-b-12 {
    padding-bottom: 0.75rem;
}
.padd-l-12 {
    padding-left: 0.75rem;
}
.padd-r-12 {
    padding-right: 0.75rem;
}
/* Padding 16px - 1rem */
.padd-16 {
    padding: 1rem;
}
.padd-t-16 {
    padding-top: 1rem;
}
.padd-b-16 {
    padding-bottom: 1rem;
}
.padd-l-16 {
    padding-left: 1rem;
}
.padd-r-16 {
    padding-right: 1rem;
}
/* Padding 24px - 1.5rem */
.padd-24 {
    padding: 1.5rem;
}
.padd-t-24 {
    padding-top: 1.5rem;
}
.padd-b-24 {
    padding-bottom: 1.5rem;
}
.padd-l-24 {
    padding-left: 1.5rem;
}
.padd-r-24 {
    padding-right: 1.5rem;
}
/* Padding 32px - 2rem */
.padd-32 {
    padding: 2rem;
}
.padd-t-32 {
    padding-top: 2rem;
}
.padd-b-32 {
    padding-bottom: 2rem;
}
.padd-l-32 {
    padding-left: 2rem;
}
.padd-r-32 {
    padding-right: 2rem;
}
/* Padding 40px - 2.5rem */
.padd-40 {
    padding: 2.5rem;
}
.padd-t-40 {
    padding-top: 2.5rem;
}
.padd-b-40 {
    padding-bottom: 2.5rem;
}
.padd-l-40 {
    padding-left: 2.5rem;
}
.padd-r-40 {
    padding-right: 2.5rem;
}
/* Padding 48px - 3rem */
.padd-48 {
    padding: 3rem;
}
.padd-t-48 {
    padding-top: 3rem;
}
.padd-b-48 {
    padding-bottom: 3rem;
}
.padd-l-48 {
    padding-left: 3rem;
}
.padd-r-48 {
    padding-right: 3rem;
}
/* Padding 64px - 4rem */
.padd-64 {
    padding: 4rem;
}
.padd-t-64 {
    padding-top: 4rem;
}
.padd-b-64 {
    padding-bottom: 4rem;
}
.padd-l-64 {
    padding-left: 4rem;
}
.padd-r-64 {
    padding-right: 4rem;
}
/* Padding 80px - 5rem */
.padd-80 {
    padding: 5rem;
}
.padd-t-80 {
    padding-top: 5rem;
}
.padd-b-80 {
    padding-bottom: 5rem;
}
.padd-l-80 {
    padding-left: 5rem;
}
.padd-r-80 {
    padding-right: 5rem;
}
/* Padding 100px - 6.25rem */
.padd-100 {
    padding: 6.25rem;
}
.padd-t-100 {
    padding-top: 6.25rem;
}
.padd-b-100 {
    padding-bottom: 6.25rem;
}
.padd-l-100 {
    padding-left: 6.25rem;
}
.padd-r-100 {
    padding-right: 6.25rem;
}
/* Padding 120px - 7.5rem */
.padd-120 {
    padding: 7.5rem;
}
.padd-t-120 {
    padding-top: 7.5rem;
}
.padd-b-120 {
    padding-bottom: 7.5rem;
}
.padd-l-120 {
    padding-left: 7.5rem;
}
.padd-r-120 {
    padding-right: 7.5rem;
}

/* Workaround In attesa di Tailwind css con le sue classi per risoluzione */
@media(max-width: 991px){    
    /* TABLET -> padd-b-48/padd-t-48 diventa come padd-b-32/padd-t-32 */
    /* Padding 48px - 3rem */
    .padd-b-48 {
        padding-bottom: 2rem;
    }
    .padd-t-48 {
        padding-bottom: 2rem;
    }
}




/* Margins -- Margins -- Margins -- Margins -- Margins */
/* Margins -- Margins -- Margins -- Margins -- Margins */
/* margin 0px */
.marg-0 {
    margin: 0;
}
.marg-t-0 {
    margin-top: 0;
}
.marg-b-0 {
    margin-bottom: 0;
}
.marg-l-0 {
    margin-left: 0;
}
.marg-r-0 {
    margin-right: 0;
}
/* margin 4px - 0.25rem */
.marg-4 {
    margin: 0.25rem;
}
.marg-t-4 {
    margin-top: 0.25rem;
}
.marg-b-4 {
    margin-bottom: 0.25rem;
}
.marg-l-4 {
    margin-left: 0.25rem;
}
.marg-r-4 {
    margin-right: 0.25rem;
}
/* margin 8px - 0.5rem */
.marg-8 {
    margin: 0.5rem;
}
.marg-t-8 {
    margin-top: 0.5rem;
}
.marg-b-8 {
    margin-bottom: 0.5rem;
}
.marg-l-8 {
    margin-left: 0.5rem;
}
.marg-r-8 {
    margin-right: 0.5rem;
}
/* margin 12px - 0.75rem */
.marg-12 {
    margin: 0.75rem;
}
.marg-t-12 {
    margin-top: 0.75rem;
}
.marg-b-12 {
    margin-bottom: 0.75rem;
}
.marg-l-12 {
    margin-left: 0.75rem;
}
.marg-r-12 {
    margin-right: 0.75rem;
}
/* margin 16px - 1rem */
.marg-16 {
    margin: 1rem;
}
.marg-t-16 {
    margin-top: 1rem;
}
.marg-b-16 {
    margin-bottom: 1rem;
}
.marg-l-16 {
    margin-left: 1rem;
}
.marg-r-16 {
    margin-right: 1rem;
}
/* margin 24px - 1.5rem */
.marg-24 {
    margin: 1.5rem;
}
.marg-t-24 {
    margin-top: 1.5rem;
}
.marg-b-24 {
    margin-bottom: 1.5rem;
}
.marg-l-24 {
    margin-left: 1.5rem;
}
.marg-r-24 {
    margin-right: 1.5rem;
}
/* margin 32px - 2rem */
.marg-32 {
    margin: 2rem;
}
.marg-t-32 {
    margin-top: 2rem;
}
.marg-b-32 {
    margin-bottom: 2rem;
}
.marg-l-32 {
    margin-left: 2rem;
}
.marg-r-32 {
    margin-right: 2rem;
}
/* margin 40px - 2.5rem */
.marg-40 {
    margin: 2.5rem;
}
.marg-t-40 {
    margin-top: 2.5rem;
}
.marg-b-40 {
    margin-bottom: 2.5rem;
}
.marg-l-40 {
    margin-left: 2.5rem;
}
.marg-r-40 {
    margin-right: 2.5rem;
}
/* margin 48px - 3rem */
.marg-48 {
    margin: 3rem;
}
.marg-t-48 {
    margin-top: 3rem;
}
.marg-b-48 {
    margin-bottom: 3rem;
}
.marg-l-48 {
    margin-left: 3rem;
}
.marg-r-48 {
    margin-right: 3rem;
}
/* margin 64px - 4rem */
.marg-64 {
    margin: 4rem;
}
.marg-t-64 {
    margin-top: 4rem;
}
.marg-b-64 {
    margin-bottom: 4rem;
}
.marg-l-64 {
    margin-left: 4rem;
}
.marg-r-64 {
    margin-right: 4rem;
}
/* margin 80px - 5rem */
.marg-80 {
    margin: 5rem;
}
.marg-t-80 {
    margin-top: 5rem;
}
.marg-b-80 {
    margin-bottom: 5rem;
}
.marg-l-80 {
    margin-left: 5rem;
}
.marg-r-80 {
    margin-right: 5rem;
}
/* margin 100px - 6.25rem */
.marg-100 {
    margin: 6.25rem;
}
.marg-t-100 {
    margin-top: 6.25rem;
}
.marg-b-100 {
    margin-bottom: 6.25rem;
}
.marg-l-100 {
    margin-left: 6.25rem;
}
.marg-r-100 {
    margin-right: 6.25rem;
}
/* margin 120px - 7.5rem */
.marg-120 {
    margin: 7.5rem;
}
.marg-t-120 {
    margin-top: 7.5rem;
}
.marg-b-120 {
    margin-bottom: 7.5rem;
}
.marg-l-120 {
    margin-left: 7.5rem;
}
.marg-r-120 {
    margin-right: 7.5rem;
}