.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

* {
    box-sizing:border-box;
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    background:#fff;
    color:#333;
}

#window {
    position:fixed;
    bottom:50px;
    right:10px;
    background:#333;
    color:#fff;
    padding:5px 10px;
    z-index:100;
}

.container-fluid {
    min-height:100vh;
}

.left_menu {
    background:#eee;
    min-height:100vh;
    padding-top:24px;
    padding-bottom:24px;
    order:1;
}

@media (max-width:767px) {
    .left_menu {
        min-height:100px;
        order:2;
    }
}

.content_box {
    padding-top:24px;
    padding-bottom:24px;
    order:2;
}

@media (max-width:767px) {
    .content_box {
        order:1;
    }
}

.logo {
    display:block;
    width:100%;
    max-width:150px;
    margin-bottom:16px;
}

ul.menu {
    list-style:none;
    padding:0;
    margin:0 0 14px 0;
}

ul.menu li {
    padding:0;
    margin:0 0 16px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:14px;
    line-height:18px;
}

ul.menu li a {
    text-decoration:none;
}

ul.menu li a span.arrow {
    display:inline-block;
    vertical-align:middle;
    width:26px;
    height:26px;
    background:url(../img/arrow.svg) no-repeat 50% 50%;
    background-size:60% 60%;
    transform: rotate(-90deg);
    transition:all ease .5s;
}

ul.menu li.active a span.arrow {
    transform: rotate(0deg);
    transition:all ease .5s;
}

ul.menu li a span.num {
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
    color:#777;
}

ul.menu li ul {
    display:none;
    padding-top:6px;
}

@media (max-width:767px) {
    ul.menu li ul {
        display:block;
    }
}

ul.menu li.active ul {
    display:block;
}

ul.menu li ul li {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:12px;
  line-height:15px;
}

ul.menu li a {
    color:#000;
}

ul.menu li a.act {
    color:var(--bs-link-color);
}

@media (max-width:576px) {
    .breadcrumb {
        font-size: 12px;
    }
}


.nc_text {
    padding:0 !important;
}


.content_box img {
    max-width:60%;
    height:auto;
    cursor:pointer;
    padding:10px;
    background:#fff;
    border:1px solid #eee;
    margin-bottom:36px;
}

.content_box img.logo {
    max-width:150px;
    margin:0 0 16px 0;
    padding:0px;
    background:none;
    border:0;
    cursor:text;
}

.content_box img:hover {
    opacity:0.9;
}

.content_box p {
    min-height:10px;
}

@media (max-width:576px) {
    .content_box img {
        max-width:90%;
    }
}

@media (min-width: 1200px) {
    .content_box .h2, .content_box h2 {
        font-size: 1.6rem;
    }
}

code {
    display:block;
    color:#ffdd04;
    background:#333;
    padding:10px;
    line-height: 28px;
    margin-bottom:1rem;
    overflow:auto;
    max-width:100%;
}

div.flex_menu {
    margin:36px 0;
}

div.flex_menu div.item > a {
    display:inline-block;
    padding:0;
    margin:0 0 16px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size:18px;
    line-height:20px;
    text-decoration:none;
}

div.flex_menu div.item ul {
    list-style:none;
    margin:0 0 16px 0;
    padding:0;
}

div.flex_menu div.item li a {
    color:#000;
    display:inline-block;
    padding:0;
    margin:0 0 10px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:14px;
    line-height:16px;
    text-decoration:none;
}