.MainMenu {
    width: fit-content;
    font-family: Arial, sans-serif;
    padding-right: 1em;

    display: block;
    /* top: 50px; */
    justify-content: flex-start;
    font-size: 1.25em;
    padding: 10px 20px;
    background-color: rgba(224, 247, 250, 0.16);

    width: fit-content;
    height: 100vh;
    color: black;
}



/* Styly pro jednotlivé položky menu */
.menuItem {
    margin: 0 10px;
    padding: 10px;
    cursor: pointer;
}

/* Odkazy v položkách menu */
.menuItem a {
    color: black;
    text-decoration: none;
}




.menuItem a:hover {
    text-decoration: underline;
}


/* Přidání efektu při najetí myší na položky menu */
.menuItem:hover {
    background-color: #448d979c;
    color: white;

    border-radius: 0.5em 0em 0em 0.5em;
    width: 93%;


}





/* Styly pro horní menu */
.TopMenu {
    background-color: rgba(0, 255, 55, 0.16);
    padding: 10px 20px;
    position: sticky;
    top: 0px;
    width: 100%;

    display: flex;
    flex-direction: column;
}

/* Styly pro menu přihlášení */
.LoginMenu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.LoginMenu div {
    /*border: 1px solid black;*/
    display: flex;
    justify-content: flex-end;
    width: fit-content;
}

/* Styly pro položky přihlášení */
.loginItem {
    margin: 0 5px;

}

/* Styly pro  menu Správce */
.SpravceMenu {
    display: block;
    justify-content: flex-start;

    padding: 10px 20px;
    background-color: rgba(192, 192, 192, 0.16);
    color: black;
    width: fit-content;
}

/* Styly pro administrátorské menu */
.AdminMenu {
    display: block;
    justify-content: flex-start;

    padding: 10px 20px;
    background-color: rgba(249, 30, 30, 0.16);
    color: black;
    width: fit-content;

}

.AdminMenu .menuItem {
    margin: 0 10px;
    padding: 10px;
}

.AdminMenu .menuItem a {
    color: black;
    text-decoration: none;
}

.AdminMenu .menuItem a:hover {
    text-decoration: underline;
}


/* Stylování pro role a uživatelské jméno */
.UserName,
.UserRole {
    font-weight: bold;

}

.UserMenu {

    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: rgba(172, 255, 47, 0.15);
    color: black;
    display: flex;
}



.leftMenu {
    color: inherit;
    margin: 2px;

    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: gray 5px 5px 5px;
    width: auto;
}

.TazID,
.TazName,
.TazEmail,
.TazPhone {
    font-weight: bold;
    margin-right: 10px;
}