html,body {width: 100%;height: 100%;margin: 0;}
html {
  background-color: white;
  -ms-text-size-adjust: 100%;
  overscroll-behavior-y: contain;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  -webkit-font-smoothing: antialiased;
  color: #262b2d;
  overflow: hidden;
  perspective: 2000px;
  -webkit-overflow-scrolling: touch;
}.nav>li,.nav>li>a,nav{display:block}.nav>li,.nav>li>a,.navi ul.nav li,.navi ul.nav li a>i{position:relative}.badge,.fa-fw,.text-center{text-align:center}.icon-bubbles,.icon-people,.icon-settings,.icon-shuffle,.icon-speedometer{font-family:simple-line-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.badge,b{font-weight:700}.icon-people:before{content:"\e001"}.icon-speedometer:before{content:"\e007"}.icon-bubbles:before{content:"\e04a"}.icon-shuffle:before{content:"\e059"}.icon-settings:before{content:"\e09a"}/*! CSS Used from: file:///Applications/MAMP/htdocs/SS-Admin/src/css/bootstrap-custom.css */a{background-color:transparent}a:active,a:hover{outline:0}img{border:0;vertical-align:middle}@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid;max-width:100%!important}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}ul{margin-top:0;margin-bottom:10px}.nav,ul ul{margin-bottom:0}.nav{padding-left:0;list-style:none}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.badge{display:inline-block;color:#fff;white-space:nowrap;vertical-align:baseline;border-radius:10px}a,a:focus,a:hover{color:inherit;text-decoration:none}.badge:empty{display:none}.clearfix:after,.clearfix:before,.nav:after,.nav:before{display:table;content:" "}.clearfix:after,.nav:after{clear:both}.pull-right{float:right!important}.hide{display:none!important}:focus{outline:0!important}a{cursor:pointer}.badge{text-shadow:0 1px 0 rgba(0,0,0,.2);background-color:#cfdadd}.nav>li>a:focus,.nav>li>a:hover{background-color:rgba(0,0,0,.05)}.nav-sub{height:0;margin-left:-20px;overflow:hidden;opacity:0;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.app-aside-folded li:active>.nav-sub,.app-aside-folded li:focus>.nav-sub,.app-aside-folded li:hover>.nav-sub{height:auto!important;margin-left:0;overflow:auto;opacity:1}.navi ul.nav li{display:block}.navi ul.nav li li a{padding-left:55px}.navi ul.nav li a{padding:10px 20px}.navi ul.nav li a>i{float:left;width:40px;margin:-10px 5px -10px -10px;overflow:hidden;line-height:40px;text-align:center}.navi ul.nav li a>i:before{position:relative;z-index:2}@media (min-width:768px){.app-aside-folded .navi>ul>li>a{position:relative;height:50px;padding:0;text-align:center;border:none}.app-aside-folded .navi>ul>li>a span{display:none}.app-aside-folded .navi>ul>li>a span.pull-right{display:none!important}.app-aside-folded .navi>ul>li>a i{display:block;float:none!important;width:auto;margin:0;font-size:16px;line-height:50px;border:none!important}.app-aside-folded .navi>ul>li>ul{position:absolute;top:0!important;left:100%;z-index:1050;width:200px;height:0!important;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1)}.app-aside-folded .navi li li a{padding-left:20px!important}}@media (max-width:767px){body{overflow-x:hidden!important}}.bg-black{background-color:#1c2b36}.bg-black a{color:#96abbb}.bg-black a:hover{color:#fff}.bg-black .nav>li>a:focus,.bg-black .nav>li>a:hover{background-color:#16232d}.bg-black .text-muted{color:#5c798f!important}.bg-info{background-color:#23b7e5}.bg-white-only{background-color:#fff}.text-muted{color:#606d72}.text-active{display:none!important}.h-full{height:100%}/*! CSS Used from: file:///Applications/MAMP/htdocs/SS-Admin/src/css/custom.css */.loading{display:block;border-radius:50%;width:24px;height:24px;border:1px solid rgba(100,100,100,.2);border-top-color:#646464;animation:spin .7s infinite linear}#navbar-inner .icon-image:hover img{filter:brightness(400%)}.flex{display:flex}.app-aside-folded .navi>ul>li>a span{display:none!important}.app-aside-folded .navi>ul>li>a{padding:0;height:60px}.nav>li>a{-webkit-transition:.5s cubic-bezier(.25,.8,.25,1) color,.5s cubic-bezier(.25,.8,.25,1) background-color;-moz-transition:.5s cubic-bezier(.25,.8,.25,1) color,.5s cubic-bezier(.25,.8,.25,1) background-color;-ms-transition:.5s cubic-bezier(.25,.8,.25,1) color,.5s cubic-bezier(.25,.8,.25,1) background-color;-o-transition:.5s cubic-bezier(.25,.8,.25,1) color,.5s cubic-bezier(.25,.8,.25,1) background-color;transition:.2s cubic-bezier(.25,.8,.25,1) all!important;background-color:transparent}.nav-sub{border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.15);background:inherit}.navi .nav-sub{border-radius:3px;margin:0!important;box-shadow:none!important}.nav-sub>li>b{position:relative;top:12px;right:10px}.navi ul.nav li a{position:relative;display:block;font-weight:400;text-transform:none;-webkit-transition:background-color .2s ease-in-out 0s;transition:background-color .2s ease-in-out 0s;color:#98c3e2}.navi ul.nav-sub li{padding:5px 0}.app-aside-folded .navi>ul>li>a i{line-height:60px!important;font-size:17px!important}.bg-black .nav>li:focus>a,.bg-black .nav>li:hover>a{background-color:inherit;color:#ebfaff}#main-hibou-container{margin:0 auto 30px;display:flex;justify-content:center;align-items:center}#loading-logo{filter:grayscale(100%);transform:scale(.7);opacity:0;transition:.6s cubic-bezier(.23,1,.32,1) all}#loading-logo.show-logo{opacity:1}#loading-logo.scale-logo{transform:scale(1)}#loading-logo.colorize-logo{filter:grayscale(0)}.navi .nav-sub li a{margin:0!important}.bg-black{color:#b8ccda}#navbar-inner>li{will-change:transform,opacity;display:flex;flex-direction:column;width:80px}.loading-page{transition:.33s linear all;opacity:0;pointer-events:none;display:flex;position:absolute;background:#fff;z-index:1500;bottom:0;left:0;right:0;top:0;perspective:2000px}.loading-page.showohoh{opacity:1;pointer-events:all}#app{transition:.4s ease-out all;opacity:1;min-width:0}@media (max-width:767px){.hide-sm{display:none!important}}#loading-page-progress{transform:translateX(-300px)}#loading-page-progress:after{content:'';position:absolute;z-index:-1;right:-1px;top:-1px;width:185px;bottom:-1px;background:linear-gradient(to right,rgba(4,149,244,0),#0495f4);border-radius:6px}.relative,.top-1{position:relative}.top-1{top:-1px}.bg-black .nav>li>a{color:#6697a7}.overflow-hidden{overflow:hidden}.bg-info{color:#fff}.bg-info.gradient{background:linear-gradient(to right,#23b7e5,#36c4f1);color:#fff}.navbar-title{font-weight:500;font-size:12px}.badge,.navi ul.nav li a .badge{padding:2px 5px;line-height:13px;font-size:12px;min-width:17px}#navbar-inner>li{opacity:0;pointer-events:none;transition:.33s cubic-bezier(.23,1,.32,1) all}#navbar-inner>li.show{opacity:1;pointer-events:all}.flex-column{display:flex;flex-direction:column}#nav-selector{position:absolute;top:0;left:0;right:0;height:60px;border-left:3px solid #ecfaff;background:#061219;opacity:0;transition:.33s cubic-bezier(.23,1,.32,1) all}#nav-selector.show{opacity:1}.m-auto{margin:auto}.m-b{margin-bottom:15px}.flex-grow-1{flex-grow:1}.bg-black.dk{background-color:#131e26}.bg-black .lt{background-color:#263845}/*! CSS Used from: file:///Applications/MAMP/htdocs/SS-Admin/src/css/font-awesome.css */.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-fw{width:1.28571429em}.fa-angle-right:before{content:"\f105"}.fa-angle-down:before{content:"\f107"}/*! CSS Used keyframes */@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}/*! CSS Used fontfaces */