@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);@import url(https://fonts.googleapis.com/css?family=Rubik);.number,.s-text{font-weight:600}#content,#sidebar,.fa-angle-down{transition:all .3s}.toggle-btn{padding:0!important;margin:0!important;border:none!important;background:0 0}.menu-title-visible{display:none!important},.sidebar-header2 img{display:block}.toggle-btn i{color:#bdc3c7}.btn.focus,.btn:focus{box-shadow:none!important}.toogle-btn::after{border:none}.fa-angle-down{transform:rotate(-90deg)}.rotate-icon{transform:none}.nav-icon{padding:5px;font-size:20px;width:40px;height:40px;text-align:center}.nav-icon i{transform:translateY(10%)}.chart-wrapper{max-width:600px;border:.3px solid grey;padding:20px;border-radius:5px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.16),0 2px 4px rgba(0,0,0,.23)}.dropdown-header,.sidebar-header2{background-color:#10171E!important}.notification-container{margin-bottom:30px;min-height:70px}.sidebar-header,.sidebar-header2{min-height:60px;padding-top:5px}.section{padding-left:20px;clear:both}.s-text{padding-top:5px;color:#000;font-size:20px;text-transform:uppercase}.number{color:#FAFAFA;font-size:27px;text-shadow:1px 1px #000}#sidebar,body{font-weight:400}.s-icon{width:50px;height:50px}.drop{float:right}.sec-icon{width:55px;height:55px}.c-heading{color:#9EA3A6}.c-heading2{color:#3a81ba}.sec-num{color:#CFD8DC}.widget-collapsed a{padding:10px!important;font-size:15px!important}.dropdown-header{color:#D6D6D6FF!important;margin:0!important;padding-left:20px!important;font-size:15px;text-align:center!important}.dropdown-menu{padding-top:0!important}.sub_menu,.sub_menu2,.sub_menu3,.sub_menu4,.sub_menu5,.sub_menu6{display:none;position:absolute;top:0;left:80px;z-index:1;border-left:none;min-width:200px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.baca{margin-right:15px!important;margin-top:-5px;padding-bottom:22px;color:#bdc3c7}.breadcrumb{padding-left:25px!important}.icon-container{display:inline-block;float:right;padding-top:13px}hr{border-color:#232E35}#sidebar.active ul li a>.drop{display:none!important}#sidebar .sidebar-header2,#sidebar.active ul li a>.name,#sidebar.active ul li a>.sidebar-badge{display:none}#sidebar.active .sidebar-header2{display:block}#sidebar.active .sidebar-header{min-height:80px;justify-content:center;display:none}.sidebar-badge{margin-left:10px!important}#sidebar.active ul li a .nav-icon{font-size:15px}#sidebar ul>#remove2,#sidebar.active ul>#remove{display:none}#sidebar.active ul>#remove2{display:block}.icon-blue{color:#08c}.icon-grey{color:grey}#notification{width:100px!important;text-align:center!important;vertical-align:middle!important;position:relative!important}.notification-badge:after{content:attr(data-count);position:absolute;background:#009BF7;height:20px;top:.6rem;right:2rem;width:20px;text-align:center;line-height:1.3rem;font-size:13px;border-radius:50%;color:#fff;font-weight:400;font-family:Poppins}.topbar-notifications{background-color:#10171E;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);width:200px;height:200px;position:absolute;top:60px;right:2.5%;z-index:2;display:none;color:#fff;border-top:none}.noti:hover{cursor:pointer}.show{display:block}.noti{font-size:30px!important;margin-right:30px}#hula{display:none}.highcharts-title{fill:#fff!important}.navbar{min-height:50px;background-color:#10171E!important;padding:15px 10px;border:none;border-radius:0;margin-bottom:40px}body{font-family:Rubik;color:#CFD8DC}a,a:focus,a:hover{color:inherit;text-decoration:none;transition:all 150ms}.line{width:100%;height:1px;border-bottom:1px dashed #ddd;margin:40px 0}i,span{display:inline-block}.wrapper{display:flex}#sidebar{min-width:220px;max-width:250px;min-height:100vh;font-size:13px;background-color:#10171E}#sidebar.active{min-width:80px;max-width:80px;text-align:center}#sidebar.active .CTAs,#sidebar.active .sidebar-header h3{display:none}#sidebar.active .sidebar-header strong{display:block}#sidebar ul li a{text-align:left;color:#bdc3c7}#sidebar.active ul li a{padding:15px!important;text-align:center!important}@keyframes fade{0%{opacity:0}100%{opacity:1}}.name{animation:fade .2s ease;-moz-animation:fade .2s ease}#sidebar.active ul li a i{justify-content:center;display:block;font-size:23px;margin-bottom:8px}#sidebar.active ul ul a{padding:13px 13px 13px 25px!important}.second-collapsed-menu a{background-color:#080B10;color:#24303B;padding-left:60px!important}.second-collapsed-menu a:hover{background-color:#121B23!important}.sub-collapsed-menu{background-color:#576574!important;color:#000;z-index:2;font-size:12px}.sub-collapsed-menu a:hover{color:#fff!important;background-color:#212C31}#sidebar.active .sub-collapsed-menu{background-color:#2c3e50!important}#sidebar.active .sub-collapsed-menu i{display:inline;font-size:14px}#sidebar.active .sub-collapsed-menu a{padding-left:40px!important;background-color:#18212a!important;text-align:left!important}#sidebar.active .sub-collapsed-menu a:hover{background-color:#10171E!important}#sidebar ul.components{padding:0}#sidebar ul li a{padding:12px 12px 12px 15px;font-size:1.1em;display:block}#sidebar ul li a:hover{background-color:#212C36;color:#fff}#sidebar ul li a i{margin-right:10px}#sidebar ul li.active>a,a[aria-expanded=true]{color:#fff;background-color:#212C36;border-left:5px solid #2196F3}a[data-toggle=collapse]{position:relative}ul ul a{font-size:14px;padding-left:40px!important;background-color:#0B1016;color:#CFD8DC!important}#sidebar.active li.active{background-color:#2C3A47}#content{padding-left:0;padding-top:0;min-height:100%;width:100%;background:#18212a}@media (max-width:850px){#sidebar .sidebar-header,#sidebarCollapse span{display:none}#sidebar{min-width:220px!important;max-width:220px;text-align:center;margin-left:-220px!important}#sidebar.active{margin-left:0!important}#sidebar.active ul li a,a{text-align:left!important}li{text-align:center!important}#sidebar.active ul li a>.name{display:inline-block!important}#sidebar.active ul li a>.nav-icon{text-align:center!important;width:auto}#sidebar.active ul li a>.nav-icon i{transform:translateY(10%) translateX(20%)}#sidebar.active ul li a>.icon-container i{font-size:16px;padding-top:3px}#sidebar.active ul>#remove{display:block!important}#sidebar.active ul>#remove2{display:none!important}}