/*----------------------------------------------------- */
/* MAIN PANEL */
/*----------------------------------------------------- */
.main-panel_scroller { max-height: calc(100% - 318px); }
@media screen and (max-height: 640px) { .main-panel_scroller { max-height: calc(100% - 126px); } }
@media screen and (max-width: 1020px) { .main-panel_scroller { max-height: calc(100% - 126px); } }

.main-panel_menu-1 { font-size: 15px; }
.main-panel_menu-1 ul { list-style: none; margin: 0; padding: 0; }
.main-panel_menu-1 li { position: relative; }
.main-panel_menu-1 li ul { display: none; }
.main-panel_menu-1 a { display: block; height: 30px; line-height: 26px; transition: color 0.18s; white-space: nowrap; }
.main-panel_menu-1 .aligner { line-height: 1; }
.main-panel_menu-1 .upper > li.is-active > a { background: #34393c; border-color: #0cb28b; }
.main-panel_menu-1 .upper > li > a { border-left: 3px solid transparent; color: white; padding: 0 30px 0 27px; transition: background 0.18s, border-color 0.18s, color 0.18s; text-transform: uppercase; }
.main-panel_menu-1 .middle { background: #34393c; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 12px; }
.main-panel_menu-1 .middle > li.is-active > a { color: #787878; }
.main-panel_menu-1 .middle > li > a { color: white; padding: 0 30px; text-transform: uppercase; }
.main-panel_menu-1 .lower { background: #212427; }
.main-panel_menu-1 .lower > li.is-active > a { color: white; }
.main-panel_menu-1 .lower > li > a { color: #b2b4b7; padding: 0 25px; }
@media screen and (max-width: 1020px) { .main-panel_menu-1 .lower > li > a { padding: 0 30px; } }

.main-panel_menu-1 .upper .is-child-active > a {background: #34393c;border-color: #ccc;}
.main-panel_menu-1 .upper .is-child-active > ul {display: block;}