.center {
    margin: auto;
}

.center-container {
    display: flex;
    justify-content: center;
}

.pointer {
    cursor: pointer;
}

/* LEFT MENU */
.group-content-container {
    margin-left: 10px;
}

.menu-item:hover {
    /*background-color: aliceblue;*/
    text-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    animation: ease;
    animation-duration: 300ms;
}

a:hover {
    text-decoration: none;
    font-weight: bold;
}

.left-menu-item-container > vaadin-icon {
    margin-right: 5px;
}

/* LIST VIEW GRID */
vaadin-grid-cell-content {
    cursor: pointer;
}

vaadin-grid-cell-content vaadin-checkbox {
    cursor: pointer;
}

/* FORM CONTENT */
.form-content-container {
    padding: 1px 10px 15px 15px;
    background-color: #fdfdfd;
    max-width: 98%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.form-content-container .field-component {
    max-width: 90%;
    min-width: 300px;
}

/* MEMBER PROGRAM EXERCISE */
.scroller-flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}
.exercise-card {
    background-color: #fdfdfd;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    min-height: 300px;
}

.exercise-card:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    animation: ease-in;
    animation-duration: 300ms;
    cursor: pointer;
}

.generated {
    background-color: antiquewhite;
}

.exercise-item {
    display: list-item;
    margin-left: 20px;
}