.sidebar .menu .list{overflow: scroll!important;overflow-x: unset!important;}
.navbar label, .navbar h6{    color: #fff;
font-weight: 500;
font-size: 14px;}
.navbar{width: 100%!important}

#leftsidebar {background: #01d8da;}
#leftsidebar ul{padding: 0;margin-left: 0;}
#leftsidebar ul>li{width: 100%;}
#leftsidebar .nav-tabs>.nav-item>.nav-link.active,
#leftsidebar .nav-tabs>.nav-item>.nav-link,.ml-menu li a,.ml-menu li a.active{
border: 0!important;
border-radius: 0;
border-bottom: 1px solid #ffffffb0 !important;
color: #FFF;
margin: 0;
}
#leftsidebar .nav-tabs>.nav-item>.nav-link.active, .ml-menu li a.active{
background: #139395b0!important;
font-weight: 600;
color: #fff!important;
}

.ml-menu li a{padding-left: 40px;border-bottom: 1px solid #ffffffb0 !important;}
.ml-menu li a{
border-top: 0;
}
.sidebar .menu .list a {
color: #FFF;
position: relative;
padding: 14px 10px;
font-weight: 500;
border-bottom: 1px solid #fff;
}
.theme-cyan .sidebar .menu .list li.active {
background-color: #0da8ab;
}
#myMenu .ml-menu li:hover{
background-color: #0da8ab;
}
.theme-cyan .sidebar .menu .list li.active a, .theme-cyan .sidebar .menu .list li.active>:first-child i, 
.theme-cyan .sidebar .menu .list li.active>:first-child span,
.sidebar .menu .list .ml-menu li a:before{
color: #FFF;
}
.sidebar .menu .list a:hover,
.theme-cyan .sidebar .menu .list li:hover a,
.theme-cyan .sidebar .menu .list li:hover a span{color: #FFF;}
.menu-toggle:before {
content: '\f2f9';
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
font-family: 'Material-Design-Iconic-Font';
position: absolute;
top: calc(50% - 11px);
right: 17px;
font-size: 15px;
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-family: 'Material-Design-Iconic-Font';
}

#treeTable table {
margin: 1em 0;
border-collapse: collapse;
}

#treeTable caption {
text-align: left;
font-style: italic;
/*padding: 0.25em 0.5em 0.5em 0.5em;*/
}

#treeTable th:nth-child(1),
/*#treeTable td:nth-child(1){padding: 0;}*/
#treeTable th,
#treeTable td {
/*padding: 0.25em 0.5em 0.25em 1em;*/
/*vertical-align: text-top;*/
text-align: left;
/*text-indent: -0.5em;*/
}

/*#treeTable .row td:nth-of-type(2), #treeTable .cell td:nth-of-type(3) {
font-style: italic;
}*/

/*#treeTable td[colspan] {
color: #000;
font-weight: normal;
padding: 0;
text-indent: 0;
}*/

#treeTable  tr.shown, #treeTable  tr.hidden {
display: table-row;
/*background: aliceblue;*/
}

#treeTable tr.hidden {
display: none;
}

#treeTable .row button {
background-color: transparent;
border: .1em solid transparent;
font: inherit;
/*padding: 0.25em 0.5em 0.25em .25em;*/
width: 100%;
/*text-align: left;*/
}

#treeTable .row button:focus, .row button:hover {
/*background-color: #ddd;*/
/*outline: .2em solid #00f;*/
}

#treeTable .row button svg {
width: .8em;
height: .8em;
margin: 0 0 -.05em 0;
fill: #66f;
transition: transform 0.25s ease-in;
transform-origin: center 45%;
}

#treeTable .row button:hover svg,
#treeTable .row button:focus svg {
fill: #00c;
}

/ Lean on programmatic state for styling /
#treeTable .row button[aria-expanded="true"] svg {
transform: rotate(180deg);
}

#treeTable .cell .btn-n {
/*width: 100%;*/
height: 100%;
vertical-align: middle;
background-color: transparent;
border: none;
display: inline-flex;
border-radius: 50%;
line-height: 1;
text-align: center;
text-indent: 0;
/*transform: rotate(270deg);*/
}

#treeTable .cell .btn-n i {
/*width: 1.25em;*/
/*height: 1.25em;*/
/*fill: #fff;*/
transition: transform 0.25s ease-in;
transform-origin: center 45%;
line-height: 16px;
}

#treeTable .cell .btn-n:hover,
#treeTable .cell .btn-n:focus {
/*background-color: #fff;*/
outline: none;
}



/ Lean on programmatic state for styling /
#treeTable .cell button[aria-expanded="true"] i {
transform: rotate(-90deg);
}

/ Proven method to visually hide something but /
/ still make it available to assistive technology /
#treeTable .visually-hidden {
position: absolute;
top: auto;
overflow: hidden;
clip: rect(1px 1px 1px 1px); / IE 6/7 /
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
}
#treeTable .group-item td{
    border-top: 0;
}
/*#treeTable td:nth-child(1)*/
#treeTable .group-item td:nth-child(1){border-left: 1px solid #dee2e6!important ;}
#treeTable .group-item td:last-child{border-right: 1px solid #dee2e6!important ;}
#treeTable .group-item:last-child td{
    border-bottom: 1px solid #dee2e6!important;
}
#treeTable .group-item-title{
    background: #01d8da24;
}
#treeTable .group-item-title th{
    border-bottom: 1px solid #dee2e6!important ;
}
#treeTable .group-item-title th:nth-child(1) {
    border-left: 1px solid #dee2e6!important ;
    border-radius: 4px 0 0 0;
}
#treeTable .group-item-title th:last-child{
    border-right: 1px solid #dee2e6!important ;
}



#logoutMenu .slimScrollDiv,#logoutMenu .slimScrollDiv ul{
    height: auto!important;
}
#logoutMenu .slimScrollDiv ul li a{color: #000}

.current{background-color: #65a5a6;}