.left-menu {
    width: 215px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    overflow-x: hidden;
    border-right: 1px solid #DADADA;
    z-index: 10;
    box-shadow: 0 -3px 10px 0 #00000033;
    /*transition: width 0.3s ease;*/
}

.menu-spisok {
    list-style-type: none;
    padding: 0;
}

ul.menu-spisok > li:hover {
    background-color: #E8F6FC;
    cursor: pointer;
    border-right: 3px solid #52B85C;
}

ul.menu-spisok > li:hover span {
    color: #000000;
}

.li-active span {
    color: #000000;
}

.left-menu-img-monitoring {
    background-image: url('/web/site/assets/img/menu/monitoring.svg');
}

.left-menu-img-mail {
    background-image: url('/web/site/assets/img/menu/mail.svg');
}

.left-menu-img-mass-audit {
    background-image: url('/web/site/assets/img/menu/mass-audit.svg');
}

.left-menu-img-selection {
    background-image: url('/web/site/assets/img/menu/selection.svg');
}

.left-menu-img-browsing {
    background-image: url('/web/site/assets/img/menu/browsing.svg');
}

.left-menu-img-news {
    background-image: url('/web/site/assets/img/menu/news.svg');
}

.left-menu-img-possibilities {
    background-image: url('/web/site/assets/img/menu/possibilities-menu.svg');
    background-size: 22px;
    background-position-x: 12px !important;
}

.left-menu-img-tarif {
    background-image: url('/web/site/assets/img/menu/tarif-menu.svg');
    background-size: 22px;
    background-position-x: 12px !important;
}

.left-menu-img-knowledge {
    background-image: url('/web/site/assets/img/menu/baza-menu.svg');
    background-size: 22px;
    background-position-x: 12px !important;
}

.left-menu-img-api {
    background-image: url('/web/site/assets/img/menu/api-menu.svg');
    background-size: 22px;
    background-position-x: 12px !important;
}

.left-menu-img-statistics {
    background-image: url('/web/site/assets/img/menu/statistics-menu.svg');
    background-size: 22px;
    background-position-x: 12px !important;
}

.left-menu-img-office {
    background-image: url('/web/site/assets/img/menu/office.svg');
    background-size: 22px;
    background-position-x: 12px !important;
}

ul.menu-spisok > li:hover .left-menu-img-monitoring {
    background-image: url('/web/site/assets/img/menu/monitoring-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-mail {
    background-image: url('/web/site/assets/img/menu/mail-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-mass-audit {
    background-image: url('/web/site/assets/img/menu/mass-audit-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-selection {
    background-image: url('/web/site/assets/img/menu/selection-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-browsing {
    background-image: url('/web/site/assets/img/menu/browsing-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-news {
    background-image: url('/web/site/assets/img/menu/news-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-possibilities {
    background-image: url('/web/site/assets/img/menu/possibilities-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-tarif {
    background-image: url('/web/site/assets/img/menu/tarif-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-knowledge {
    background-image: url('/web/site/assets/img/menu/baza-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-api {
    background-image: url('/web/site/assets/img/menu/api-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-statistics {
    background-image: url('/web/site/assets/img/menu/statistics-green.svg');
}

ul.menu-spisok > li:hover .left-menu-img-office {
    background-image: url('/web/site/assets/img/menu/office-green.svg');
}

.menu-spisok li a {
    color: #666666;
    text-decoration: none;
    display: block;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 10px;
    line-height: 40px;
    height: 40px;
}

.menu-spisok li a span {
    display: none;
    margin-left: 50px;
}

.hide-arrow {
    cursor: pointer;
    transition: transform 0.3s ease;
}

.hide-left-menu {
    width: 44px !important; /* Ширина меню при скрытии */
}

/*.backflip-arrow-menu:hover {
    content: url("/web/site/assets/img/menu/hide-arrow-green.svg");
}*/

.flip-arrow-menu {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.backflip-arrow-menu {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.hide-arrow-menu {
    cursor: pointer;
    padding: 10px;
}

.activity-left-menu {
    background-color: #E8F6FC;
    color: #000000 !important;
    border-right: 3px solid #52B85C;
}

.left-menu-img-monitoring-active {
    background-image: url('/web/site/assets/img/menu/monitoring-green.svg') !important;
}

.left-menu-img-mail-active {
    background-image: url('/web/site/assets/img/menu/mail-green.svg') !important;
}

.left-menu-img-mass-audit-active {
    background-image: url('/web/site/assets/img/menu/mass-audit-green.svg') !important;
}

.left-menu-img-selection-active {
    background-image: url('/web/site/assets/img/menu/selection-green.svg') !important;
}

.left-menu-img-browsing-active {
    background-image: url('/web/site/assets/img/menu/browsing-green.svg') !important;
}

.left-menu-img-news-active {
    background-image: url('/web/site/assets/img/menu/news-green.svg') !important;
}

.left-menu-img-possibilities-active {
    background-image: url('/web/site/assets/img/menu/possibilities-green.svg') !important;
}

.left-menu-img-tarif-active {
    background-image: url('/web/site/assets/img/menu/tarif-green.svg') !important;
}

.left-menu-img-knowledge-active {
    background-image: url('/web/site/assets/img/menu/baza-green.svg') !important;
}

.left-menu-img-api-active {
    background-image: url('/web/site/assets/img/menu/api-green.svg') !important;
}

.left-menu-img-statistics-active {
    background-image: url('/web/site/assets/img/menu/statistics-green.svg') !important;
}

.left-menu-img-office-active {
    background-image: url('/web/site/assets/img/menu/office-green.svg') !important;
}