@font-face {
    font-family: 'pt-root-ui';
    src: url("/jakarta.faces.resource/fonts/pt-root-ui_regular.ttf.xhtml?ln=atlantis-layout") format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'pt-root-ui';
    src: url("/jakarta.faces.resource/fonts/pt-root-ui_light.ttf.xhtml?ln=atlantis-layout") format("truetype");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'pt-root-ui';
    src: url("/jakarta.faces.resource/fonts/pt-root-ui_medium.ttf.xhtml?ln=atlantis-layout") format("truetype");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'pt-root-ui';
    src: url("/jakarta.faces.resource/fonts/pt-root-ui_bold.ttf.xhtml?ln=atlantis-layout") format("truetype");
    font-weight: 700;
    font-display: swap;
}
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.justify-content-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.left_menu{
    width: 90px;
    height: calc(100vh - 60px);
    background: #fff;
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 999;
    font: 16px 'pt-root-ui', sans-serif;
    webkit-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
}
.left_menu .lm_links .fa {
    height: 32px;
    display: block;
}
.left_menu_toggle{
    width: 340px;
    height: calc(100vh - 60px);
    background: #fff;
    position: fixed;
    top: 60px;
    left: -340px;
    z-index: 998;
    overflow: auto;
    border-left: 1px solid #F0F2F2;
    visibility: hidden;
    transition: 0.7s all ease;
    font: 16px 'pt-root-ui', sans-serif;
    webkit-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
}
.left_menu_toggle.opened{
    left: 80px;
    transition: 0.7s all ease;
    visibility: visible;
}
.left_menu_toggle > ul {
    margin: 0;
    padding: 0;
}
.prev_btn{
    width: 100%;
    height: 40px;
    background: #F0F2F2;
    cursor: pointer;
    position: absolute;
    visibility: hidden;
}
.scrolling .prev_btn {
    visibility: visible;
}
.menu_end .next_btn {
    visibility: hidden;
}
.next_btn{
    width: 100%;
    height: 40px;
    background: #F0F2F2;
    cursor: pointer;
    position: absolute;
    bottom: 0;
}
.left_menu.no_buttons .next_btn, .left_menu.no_buttons .prev_btn{
    display: none;
}
.lm_links a{
    width: 100%;
    padding: 8px 0;
    text-align: center;
}
.lm_links a i{
    color: #0097D7;
    transition: .2s;
}
.lm_links a span{
    display: block;
    font-size: 12px;
    line-height: 10px;
    /*text-transform: uppercase;*/
    margin-top: 8px;
	word-break: break-word;
    color: #000000;
    padding: 0 2px;
    font-weight: 500;
}
.lm_links a:hover{
    background: rgba(139, 186, 44, 0.10);
}
.lm_links a:hover i{
    color: #8BBA2C;
}
.lm_links a.active{
    background: rgba(139, 186, 44, 0.10);
}
.lm_links a.active i{
    color: #8BBA2C;
}
.lm_links{
    overflow: auto;
    height: calc(100vh - 60px);
}
.lmt_title{
    padding: 30px 60px 30px 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.lmt_list>li{
    list-style: none;
    padding: 0 30px;
    position: relative;
}
.lmt_list>li>a{
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 15px 0;
    border-top: 1px solid rgba(44, 56, 69, 0.15);
    position: relative;
    color: #2C3845;
}
.lmt_toggle ul{
    display: none;
}
.lmt_toggle.active{
    background: rgba(139, 186, 44, 0.10);
}
.lmt_toggle.active ul{
    display: block;
}
.lmt_toggle ul{
    padding-left: 20px;
}
.lmt_toggle ul li{
    list-style: none;
}
.lmt_toggle ul li a{
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 15px 0;
    border-top: 1px solid rgba(44, 56, 69, 0.15);
    font-weight: 600;
    color: #2C3845;
}
.lmt_toggle ul li a:hover {
    color: #8BBA2C;
}
.lmt_list > li > a:hover {
    color: #8BBA2C;
}
.lmt_toggle>a:before{
    content: '';
    width: 10px;
    height: 10px;
    background: url("/jakarta.faces.resource/common/images/ico11.svg.xhtml") no-repeat center center;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
}
.lmt_list>li:last-child>a{
    border-bottom: 1px solid rgba(44, 56, 69, 0.15);
}
.lmt_back{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(44, 56, 69, 0.20);
    background: #fff url("/jakarta.faces.resource/common/images/ico1.svg.xhtml") no-repeat center center;
    background-size: 10px auto;
    position: absolute;
    top: 25px;
    right: 30px;
    transform: rotate(180deg);
    cursor: pointer;
}
.lmt_toggle.active > a:before {
    transform: rotate(180deg);
}

*::-webkit-scrollbar {
    width: 3px;               /* width of the entire scrollbar */
    position: absolute;
    right: 0;
}

*::-webkit-scrollbar-track {
    background: none;        /* color of the tracking area */
}
*::-webkit-scrollbar-thumb {
    background-color: #ccc;    /* color of the scroll thumb */
    border-radius: 3px;       /* roundness of the scroll thumb */
    border: none;  /* creates padding around scroll thumb */
}