.menu-primo-livello {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    bottom: 50px;
    z-index: 1;
    padding: 0 10%;
    margin-bottom: -80px;
}

    .menu-primo-livello a {
        display: flex;
        justify-content: center;
        align-items: center;
        /*color: #FFFFFF; backup colore originale*/ 
        color: #373434;
        font-size: 15px;
        font-weight: 700 !important;
        height: 90px;
        padding: 0% 3%;
        text-align: center;
    }

        .menu-primo-livello a:hover {
            /*color: #FFFFFF; backup colore originale*/
            color: #373434;
        }

        .menu-primo-livello a:hover:not(.menu-primo-livello-selected) {
            background-color: #cbe1a2;
        }

.menu-primo-livello-primo-elemento {
    flex: 1.1;
    height: 100%;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
    margin-right: -6px;
}

.menu-primo-livello-centrale-elemento {
    flex: 1;
    height: 100%;
    clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
    margin-right: -6px;
}

.menu-primo-livello-ultimo-elemento {
    flex: 1;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}

.menu-primo-livello-selected {
    background-color: #83BB52;
}

.menu-primo-livello-not-selected {
    background-color: #BDD78E;
}

.edit-menu-primo-livello a{
    color: black;
    padding: 0px 25px;
}

.menu-primo-livello-mobile {
    display: none;
}

@media only screen and (max-width: 1450px) {
    .menu-primo-livello a {
        font-size: 1vw;
    }
}

/* typical phone screen resolution */
@media only screen and (max-width : 768px) {
    .menu-primo-livello {
        display: none;
    }

    .menu-primo-livello-options {
        display: none;
    }

    .menu-primo-livello-options-active {
        display: flex;
        width: 100%;
        position: absolute;
        top: 90px;
        padding: 0 10% 0 10%;
        height: 100%;
    }

    .selected-option {
        display: flex;
        width: 100%;
    }

    .menu-primo-livello-mobile {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        bottom: 40px;
        z-index: 1;
        padding: 0 10% 0 10%;
        margin-bottom: -80px;
        flex-direction: column;
    }

        .menu-primo-livello-mobile a {
            display: flex;
            justify-content: center;
            align-items: center;
            /*color: #FFFFFF; backup colore originale*/
            color: #373434;
            font-size: 14px;
            font-weight: 600;
            height: 70px;
        }

    .menu-primo-livello-primo-elemento {
        height: 100%;
        clip-path: polygon(0% 0%, 93% 0, 100% 100%, 0% 100%);
        margin-right: 0;
        flex: 0.7;
    }

    .menu-primo-livello-ultimo-elemento {
        height: 100%;
        clip-path: polygon(0% 0%, 100% 0, 100% 100%, 15% 100%);
        margin-right: 0;
        flex: 0.3;
    }

    .menu-primo-livello-mobile-option {
        flex: 1 1 auto;
        height: 100%;
        margin-right: 0;
        background-color: #BDD78E;
    }
}

/*#region Edit form*/

.errorLabel{
    color: red;
}

.submitSection {
    display: flex;
    flex-direction: column;
}

.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: 0 auto;
    margin-bottom: 10px;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*#endregion Edit Form*/