/* layout start */
.side-menu__layout{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(229,229,229,.8);
    opacity: 1;
    visibility: visible;
    z-index: 698;
    transition: opacity 300ms, visibility 300ms;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    display: none;
}
.left-side-menu-transition-disable .side-menu__layout{
    transition: opacity 0ms, visibility 0ms;
}
@media (max-width: 1279.9px){
    .side-menu__layout{
        display: block;
    }
}
.left-side-menu-transition-disable #wh_topic_toc,
.left-side-menu-transition-disable .new-left-side-menu__container{
    transition: left 0ms, right 0ms;
}
.right-side-menu-close.left-side-menu-close .side-menu__layout{
    opacity: 0;
    visibility: hidden;
}
/* layout end */

/* side menu buttons start */
.burger-mobile__wrapper{
    display: none!important;
}
.side-menu-button{
    width: 20px;
    height: 16px;
    background-image: url(../images/sideMenus/sideButton.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
    top: 58px;
    z-index: 699;
    cursor: pointer;
}
@media (max-width: 767px){
    .side-menu-button,#wh_topic_toc{
        display: none!important;
    }
    body:not(.left-side-menu-close) .breadcrumbs {
        z-index: 700;
    }
}
.side-menu-button-left{
    left: calc(50% - 772px);
}
@media (max-width: 1599px){
    .side-menu-button-left{
        left: 30px;
    }
}
.left-side-menu-close .side-menu-button-left{
    transform: rotate(180deg);
}
@media (max-width: 1279px) {
    .left-side-menu-close:not(.right-side-menu-close) .side-menu-button-left{
        z-index: 698;
        opacity: .3;
        pointer-events: none;
        filter: blur(1px);
    }
}
.side-menu-button-right{
    right: calc(50% - 771px);
    transform: rotate(180deg);
}
@media (max-width: 1599px){
    .side-menu-button-right{
        right: 30px;
    }
}
.right-side-menu-close .side-menu-button-right{
    transform: rotate(0deg);
}
@media (max-width: 1279.9px) {
    .right-side-menu-close:not(.left-side-menu-close) .side-menu-button-right{
        z-index: 698;
        opacity: .3;
        pointer-events: none;
        filter: blur(1px);
    }
}
/* side menu buttons end */

/*показ страницы с боковыми меню открытыми в нужном положении*/
body{
    opacity: 0;
}
body.page-ready-to-show{
    opacity: 1;
}
/*сдвиги контента при активации кнопок*/

/*неактивные кнопки*/
.side-menu-button.side-menu-button-left.button-disable,
.side-menu-button.side-menu-button-right.button-disable {
    pointer-events: none;
    background-image: url(../images/sideMenus/sideButton_disabled.svg);
}
/*неактивные кнопки*/