:root {
    --mm-dimensione-testo-1: 14px;
    --mm-dimensione-testo-1-5: 18px;
    --mm-dimensione-testo-2: 22px;
    --mm-dimensione-testo-3: 28px;
    --mm-dimensione-testo-4: 34px;
    --mm-dimensione-testo-5: 38px;
    --mm-dimensione-testo-0-5: 12px;

    --mm-fw-weight-1: 100;
    --mm-fw-weight-2: 200;
    --mm-fw-weight-3: 300;
    --mm-fw-weight-4: 400;
    --mm-fw-weight-5: 500;
    --mm-fw-weight-6: 600;
    --mm-fw-weight-7: 700;
    --mm-fw-weight-8: 800;
    --mm-fw-weight-9: 900;
    --mm-fw-weight-10: 1000;

    --spacer-sx: 5px;
    --spacer-laterale: 15px;
    --spacer: 15px;
    --spacer-lg: 30px;
    --border-radius: 15px;
    --container-shadow-color: rgba(0, 0, 0, 0.1);

    --body-color: white;

    --mm-background-1: rgb(0, 71, 142);
    --mm-background-2: white;
    --mm-background-3: #f5f5f5;

    --mm-testo-1: #00478e;
    --mm-testo-2: white;
    --mm-testo-3: #00478e;
}
html,
body {
    background-color: var(--mm-background-1);
}

select {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
    padding-right: 30px !important;
}

::placeholder
{
    opacity: 1;
}

.select-container {
    position: relative;
    display: inline-block;
}

.select-container div.icon {
    position: absolute;
    top: 50%;
    right: 10px; /* Distanza dalla destra */
    width: auto;
    height: auto;
    transform: translateY(-50%);
    color: var(--mm-testo-1);
}

.mm-icona-sx {
    height: 20px;
    width: auto;
}

.mm-icona-xsm {
    height: 14px;
    width: auto;
}

.mm-icona {
    height: 28px;
    width: auto;
}

.mm-icona-lg
{
    height: 48px;
    width: auto;
}

.mm-input-clean {
    background-color: transparent;
    color: var(--mm-testo-1);
    border: 0px;
    padding: 0px;
}
.mm-input-clean:focus, .mm-input-clean:focus-visible
{
    box-shadow: none !important;
    outline: none !important;
}

/* Dimensioni e strutture */
.mm-container-sx {
    padding: var(--spacer-sx);
}

.mm-container {
    padding: var(--spacer-laterale);
}

.mm-container-lg {
    padding: var(--spacer-lg);
}

.mm-container-x {
    padding-top: var(--spacer-laterale);
    padding-bottom: var(--spacer-laterale);
}

.mm-border-radius {
    border-radius: var(--border-radius);
}

.mm-container-shadow {
    box-shadow: 0px 0px 15px 0px var(--container-shadow-color);
}
/* Dimensioni testo */
.mm-text-size-0-5 {
    font-size: var(--mm-dimensione-testo-0-5);
}
.mm-text-size-1 {
    font-size: var(--mm-dimensione-testo-1);
}
.mm-text-size-1-5 {
    font-size: var(--mm-dimensione-testo-1-5);
}
.mm-text-size-2 {
    font-size: var(--mm-dimensione-testo-2);
}
.mm-text-size-3 {
    font-size: var(--mm-dimensione-testo-3);
}
.mm-text-size-4 {
    font-size: var(--mm-dimensione-testo-4);
}
.mm-text-size-5 {
    font-size: var(--mm-dimensione-testo-5);
}

.mm-fw-1 {
    font-weight: var(--mm-fw-weight-1);
}
.mm-fw-2 {
    font-weight: var(--mm-fw-weight-2);
}
.mm-fw-3 {
    font-weight: var(--mm-fw-weight-3);
}
.mm-fw-4 {
    font-weight: var(--mm-fw-weight-4);
}
.mm-fw-5 {
    font-weight: var(--mm-fw-weight-5);
}
.mm-fw-6 {
    font-weight: var(--mm-fw-weight-6);
}
.mm-fw-7 {
    font-weight: var(--mm-fw-weight-7);
}
.mm-fw-8 {
    font-weight: var(--mm-fw-weight-8);
}
.mm-fw-9 {
    font-weight: var(--mm-fw-weight-9);
}
.mm-fw-10 {
    font-weight: var(--mm-fw-weight-10);
}

/* Colorazioni temi */
.mm-text-1 {
    color: var(--mm-testo-1);
}
.mm-text-2 {
    color: var(--mm-testo-2);
}

/* */
.mm-background-1 {
    background-color: var(--mm-background-1);
}
.mm-background-2 {
    background-color: var(--mm-background-2);
}
.mm-background-3 {
    background-color: var(--mm-background-3);
}