:root {
    --primaryColor: #191718;
    --secondaryColor: #191c21;
    --bgMenuActive: #191c21;
    --bgButton: #191718;
    --logoImageUrl: url('/Common/Images/app-logo-on-dark.svg');
    --bgAside: var(--primaryColor);
}


.logiML {
    padding: 40px !important;
}

.hc-aside__logo {
    max-width: 209px !important;
    margin: 50px 40px 30px 40px !important;
    background-position: bottom;
    display: initial !important;
    height: 62px !important;
    width: 100% !important;
    min-width: 4rem !important;
    border-radius: 0px !important;
}

.hc-aside.is-open {
    width: 291px !important;
}

.hc-aside__open-btn {
    display: none !important;
}

.hc-aside-menu__item {
    padding: 12.5px 20px !important;
}

    .hc-aside-menu__item.hc-aside-menu__item--active {
        background-color: #191c21 !important;
        color: #fff !important;
    }


/* ------- Redoc ------- */

body {
    margin: 0px;
}



.menu-content,
.scrollbar-container > ul > li > label {
    background-color: var(--bgAside) !important;
    color: #fff;
    width: 300px !important;
}

    .scrollbar-container > ul > li > label.active,
    .scrollbar-container > ul > li > label:hover {
        background-color: var(--bgMenuActive) !important;
        color: #fff !important;
    }


    .menu-content > div > img {
        max-width: 213px !important;
        margin: 47px 38px 30px 40px;
    }

[role="search"] > input,
[role="search"] > svg > path {
    color: #fff !important;
    fill: #fff !important
}

.api-content > div {
    padding: 10px 0px !important;
}

[role="menuitem"] > label {
    background-color: var(--primaryColor) !important;
    color: #fff;
}

    [role="menuitem"] > label:hover,
    [role="menuitem"] > label.active {
        background-color: var(--bgMenuActive) !important;
        color: #fff;
    }

[role="menuitem"] > span {
    color: #fff;
}

[rel="noopener noreferrer"] {
    display: none !important;
}