body{margin:0;overflow:hidden;height:100vh;display:flex}.content{width:100%}#iContent{height:100vh;width:100%;border:none}.container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}.icon-bar .icon-bar-top{display:flex;flex-direction:column}.icon-bar .icon-bar-bottom{display:flex;flex-direction:column}.icon-bar{width:50px;background-color:#555;height:100vh;box-shadow:inset -2px 0 10px 0 #181818}.icon-bar a{display:block;text-align:center;padding:16px;transition:all .3s ease;color:#d4d4d4;font-size:15px}@media screen and (max-height:590px){.icon-bar a{padding:10px}}@media screen and (min-height:590px) and (max-height:750px){.icon-bar a{padding:12px}}.icon-bar a:hover{background-color:#727272;color:#fff}.icon-bar .mini-logo{padding:13px 0 10px 0!important;border-bottom:dashed;border-width:1px}.icon-bar .danger{background-color:#c64d4d85}.icon-bar .support{background-color:#4c7474}.icon-bar .active{box-shadow:inset 5px 0 0 #5b5,inset 6px 0 0 #222;background:#e0e0e0;color:#3b3b3b}
.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:125px;background-color:#616161;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:3;top:12px;left:110%}.tooltip .tooltiptext::after{content:"";position:absolute;top:50%;z-index:3;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent #616161 transparent transparent}.tooltip:not(.active):hover .tooltiptext{visibility:visible}
.sidebar{font-family:Arial,Helvetica,Verdana;font-size:14px;color:#666;background:#e0e0e0;overflow-x:hidden;line-height:18px;position:absolute;width:270px;height:100vh}.wrapper{display:flex;min-height:100%;width:100%}.content{flex:1;background:#eee;box-shadow:0 0 5px #000;transform:translate3d(0,0,0);transition:transform .3s}.content.isOpen{transform:translate3d(270px,0,0)}.sidebar-widelogo{border-bottom:#fff;border-bottom-style:dashed;border-width:1px;background-color:#e0e0e0;border-color:#a9a9a9;text-align:center}.sidebar-title{font-size:14px;line-height:48px;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#eee;background:#a1a1a1;border-bottom:1px;border-bottom-style:dashed;border-color:#a9a9a9}#menuItems.nav{list-style:none;-webkit-padding-start:0;padding-inline-start:0}ul#menuItems:empty{margin:0;padding:0}#menuItems.nav li a{position:relative;padding:15px 15px 15px 15px;font-size:12px;color:#4a4a4a;border-bottom:1px solid #222;cursor:pointer;display:block;text-decoration:none}#menuItems.nav .sidebar-dropdown-child li a{color:#000}#menuItems.nav li a:before{font:14px fontawesome;position:absolute;top:16px;left:20px}#menuItems .nav-right{position:absolute;right:20px;font-size:15px}.nav-right.nav-star{color:#e0e0e0}.sidebar-divide-child{-webkit-padding-start:0;padding-inline-start:0}.sidebar-dropdown-child .nav-right.nav-star{color:#bbb}.sidebar-dropdown-child .nav-right.nav-star-active{color:#0084ff}.nav-right.nav-star:active{transform:scale(1.5)}.nav-right.nav-star-active{color:#0084ff}.nav-right.nav-star:hover:not(.nav-star-active){color:#e0e0e0}.sidebar-divide{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:75%;text-transform:uppercase;background-color:#7d7d7d;color:#fff;padding:5px 5px 5px 15px}.sidebar-dropdown-child{background-color:#bbb;-webkit-padding-start:0;padding-inline-start:0;display:none}.sidebar-dropdown-open .sidebar-dropdown-child{display:block}.sidebar-dropdown-open-filter .sidebar-dropdown-child{display:block}@media screen and (max-height:590px){.nav li a{padding:10px 15px 10px 15px}.nav li a:before{top:10px}}@media screen and (min-height:590px) and (max-height:750px){.nav li a{padding:12px 15px 12px 15px}.nav li a:before{top:12px}}.nav li a:hover{background:#a1a1a1}#menuItems.nav li a:hover{background:#f5f5f5}.nav li a.active{box-shadow:inset 5px 0 0 #5b5,inset 6px 0 0 #222;background:#444}.nav>li>a>i{padding-right:15px;font-size:16px;width:16px}.fa-transparent{color:transparent}#sideBarStatusText{display:flex;justify-content:center}.arrow{border:solid #a7a7a7;border-width:0 3px 3px 0;display:inline-block;padding:3px}.arrow.arrow-right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.arrow.arrow-down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.sidebar-dropdown-child>li>a>i{padding-right:10px}.sidebar-divide-child>li>a>i{padding-right:10px}
.search{margin:10px;display:flex;overflow:hidden;background-color:#f5f5f5;border-radius:18px}.search .searchInput{width:100%;border:0;height:30px;padding:0 15px;outline:0;background-color:#f5f5f5;color:#363636}.search .btn{background:#f5f5f5;height:30px;padding:5px;margin-right:10px;border:0;cursor:pointer;outline:0;color:grey}.searchInput::-moz-placeholder{color:#d1d0d0;opacity:1}.searchInput::placeholder{color:#d1d0d0;opacity:1}.searchInput:-ms-input-placeholder{color:#d1d0d0}.searchInput::-ms-input-placeholder{color:#d1d0d0}
#overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgb(255 255 255 / 70%);z-index:2;cursor:pointer}#overlay{text-align:center;padding-top:45vh}#overlay>i{color:#555}#overlay>i.is-loaded{display:none}