/* TEMA */

:root {
    --mdc-theme-primary: #ffb300;
    --mdc-theme-secondary: #ff5722;
    --mdc-theme-on-primary: #ffffff;
    --mdc-theme-on-secondary: #ffffff;
}


/* PAGINA */

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
}

.page-content {
    padding-bottom: 100px;
}


/* MENU */

.mdc-menu {
    width: 160px;
}


/* ETICHETTE */

.mdc-floating-label {
    color: var(--mdc-theme-secondary)!important;
}


/* FABs */

.mdc-fab {
    position: fixed;
    right: 25px;
    bottom: 25px;
}


/* RESPONSIVE */

.page-content .mdc-list-item {
    padding-left: 33%;
}

.responsive {
    padding-left: 33%;
    padding-right: 33%;
}

@media (max-width: 900px) {

    .page-content .mdc-list-item {
        padding-left: 30%;
    }

    .responsive {
        padding-left: 30%;
        padding-right: 30%;
    }

}

@media (max-width: 800px) {

    .page-content .mdc-list-item {
        padding-left: 25%;
    }

    .responsive {
        padding-left: 25%;
        padding-right: 25%;
    }

}

@media (max-width: 650px) {

    .page-content .mdc-list-item {
        padding-left: 20%;
    }

    .responsive {
        padding-left: 20%;
        padding-right: 20%;
    }

}

@media (max-width: 500px) {

    .page-content .mdc-list-item {
        padding-left: 16px;
    }

    .responsive {
        padding-left: 16px;
        padding-right: 16px;
    }

}