/* Start:/local/components/parnas/instructions/templates/.default/style.css?17618437322775*/
:root {
    --header-height: 3rem;
    --nav-width: 0px;
    --first-color: #4723D9;
    --first-color-light: #AFA5D9;
    --white-color: #F7F6FB;
    --normal-font-size: 1rem;
    --z-fixed: 100
}

*,
::before,
::after {
    box-sizing: border-box
}

html {
    position: relative;
    min-height: 100%;
}

a {
    text-decoration: none
}

.l-navbar h5 a {
    transition: opacity 0.5s ease;
}


.l-navbar.show .header_toggle {
    right: 0;
}

.l-navbar:not(.show) .header_toggle {
    left: 5px;
}

.header_toggle {
    font-size: 1.5rem;
    cursor: pointer;
    top: 30px;
    left: 260px;
    transition: all 0.5s ease;
    z-index: 100;
}

.header_img img {
    width: 40px
}

.nav_icon {
    font-size: 1.25rem
}

.bx-menu.bx-x svg {
    transition: transform .35s ease;
    transform-origin: 0.5em 50%;
    transform: rotate(180deg);
}

.bx-menu svg {
    transform: rotate(0deg);
}

.height-100 {
    height: 100vh
}

/*лендинг инструкции*/

.desktop__actions {
    display: flex;
    flex-wrap: nowrap;
}

.desktop__actions button:not(:last-child) {
    margin-right: 8px;
}

#orders-collapse {
    transition: all 1s ease;
    overflow-x: hidden;
}

.l-navbar {
    transition: all 0.5s ease;
}

.l-navbar.show {
    width: 296px;
    min-width: 296px;
    border-right: 1px solid #E8E8EF;
}

.l-navbar:not(.show) {
    min-width: unset;
    width: 30px;
}
.l-navbar:not(.show) h5 {
    opacity: 0;
}
.l-navbar:not(.show) ul {
    opacity: 0;
}

.l-navbar:not(.show) .sidebar {
    border-right: 1px solid transparent;
}

nav .list-unstyled.overflow-hidden {
    transition: all 0.3s ease;
}

.instruct-nav__list {
    display: flex;
    flex-direction: column;
}
.instruct-nav__item {
    margin-bottom: 6px;
    padding-left: 24px;
}
.instruct-nav__item a {
    border-radius: 10px 0 0 10px;
}
.instruct-nav__top {
    padding: 6px 8px;
}
.instruct-nav__top .collapse-icon {
    min-height: 20px;
    min-width: 20px;
}
.instruct-nav__top:not(.collapsed) .instruct-nav__section {
    font-weight: 600;
}
.instruct-nav__top.collapsed .collapse-icon {
    transform: rotate(180deg);
}
.instruct-nav__section {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #101025;
}
.instruct-nav__top a {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
}
.instruct-nav__icon {
    padding: 8px 4px 4px 4px;
    margin-right: 8px;
}
.instruct-nav__top a:not(.collapsed) .instruct-nav__icon {
    transform: rotate(180deg);
}

#instructionMenu {
    padding-top: 30px;
    position: relative;
}
#instructionMenu p {
    margin: 0;
    max-width: 250px;
}

#body-pd {
    padding-left: 296px;
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 100vw;
}
/* End */
/* /local/components/parnas/instructions/templates/.default/style.css?17618437322775 */