﻿.adminMenuItem {
    font-family: 'Inter';
    font-weight: 800;
    color: #4c4c4c;
}

.MenuList ul {
    list-style: none; /*убираем маркеры списка*/
    padding-left: 0; /*убираем отступы*/
}

.MenuList a {
    text-decoration: none; /*убираем подчеркивание текста ссылок*/
    padding: 0 10px;
    line-height: 50px; /*ровняем меню по вертикали*/
    display: block;
    -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
    -o-transition: all 0.3s 0.01s ease;
    -webkit-transition: all 0.3s 0.01s ease;
}

.MenuList span {
    line-height: 50px; /*ровняем меню по вертикали*/
    padding: 0 10px;
}

.MenuList span {
    cursor: default;
}

.MenuList li {
    float: left; /*Размещаем список горизонтально для реализации меню*/
    position: relative; /*задаем позицию для позиционирования*/
}
    /*Стили для скрытого выпадающего меню*/
    .MenuList li > ul {
        background: white;
        padding: 5px 5px;
        position: absolute;
        top: 50px;
        display: none;
        background: white;
        border-top: none;
        z-index: 10;
        box-shadow: 0px 5px 7px #e9e9e9;
        border-radius: 8px;
    }
    /*Делаем скрытую часть видимой*/
    .MenuList li:hover > ul {
        display: block;
        width: 280px; /*Задаем ширину выпадающего меню*/
    }

        .MenuList li:hover > ul > li {
            float: none; /*Убираем горизонтальное позиционирование*/
            border-radius: 8px;
        }

            .MenuList li:hover > ul > li:hover {
                background: #0464F4;
            }

                .MenuList li:hover > ul > li:hover > a {
                    color: white;
                }
