#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.SpaceChart .spaceInTitle{background-color:#56567e;font-size:20px;font-weight:700;text-align:left;padding:5px}.SpaceChart .svgCircle{width:20px}.SpaceChart span{margin-right:10px;margin-left:1px;margin-bottom:3px;display:inline-block;vertical-align:middle}.SpaceChart .spaceInChart{padding:20px;height:290px}.SpaceChart .spaceInChart canvas{height:260px!important}.SpaceComponents,.SpaceComponents .container-fluid,.SpaceComponents .container-fluid .row{height:100%}@media screen and (min-width:992px){.SpaceComponents .container-fluid .row .mainCol{width:29%!important;flex:0 0 29.3333333%!important}.SpaceComponents .container-fluid .row .graphCol{width:70%!important;flex:0 0 70.6666667%!important}}.SpaceComponents .container-fluid .row .cols{border:5px solid #201f3b;background-color:#282743;color:#fff}.SpaceComponents .container-fluid .row .cols .spaceIcons div{width:100%;padding:5px}.SpaceComponents .container-fluid .row .cols .spaceIcons div img{width:100%}.SpaceComponents .container-fluid .row .cols .MainSpace .progressCheck{margin-bottom:6px;display:flex;font-size:15px;align-items:center}.SpaceComponents .container-fluid .row .cols .MainSpace .progressCheck .label{text-align:right;padding-right:5px}.SpaceComponents .container-fluid .row .cols .MainSpace .progressCheck .progress{background-color:#171629}.SpaceComponents .container-fluid .row .cols .MainSpace .progressCheck .progress .progress-bar{background-color:#a0a2c3;margin:1px;border-radius:5px}.SpaceComponents .container-fluid .row .cols .spaceFunction{padding:"5px";margin-top:3px;margin-bottom:20px}.SpaceComponents .container-fluid .row .cols .spaceFunction span{cursor:pointer;padding:5px;margin-left:5px;margin-right:5px;border-radius:25px;font-size:17px;border:1px solid #a0a2c3;color:#a0a2c3}.SpaceComponents .container-fluid .row .cols .spaceFunction span .disable{display:none}.SpaceComponents .container-fluid .row .cols .spaceFunction span .active{display:inline-block}.SpaceComponents .container-fluid .row .cols .spaceFunction span img{width:22px;margin-bottom:4px}.SpaceComponents .container-fluid .row .cols .bottomFunction{margin-top:5px;border:1px solid #fff;display:flex;justify-content:space-between;align-items:center}.SpaceComponents .container-fluid .row .cols .bottomFunction .bottomwrap{width:100%;height:60px;margin:10px;text-align:center;text-align:-webkit-center}.TopbarComponents{width:100%;background-color:#282743}.TopbarComponents .TopbarNav{height:65px}@media screen and (max-width:576px){.TopbarComponents .TopbarNav{padding-left:5px;padding-right:5px;height:auto}}.TopbarComponents .TopbarNav #nav-text-collapse{padding:10px;justify-content:end}.TopbarComponents .TopbarNav #nav-text-collapse .selectSpaceForm{border-radius:5px;padding:5px;margin:10px}.TopbarComponents .TopbarNav #nav-text-collapse .dropdown-menu-right{right:0}.SpaceView{background-color:#201f3b;width:100%;overflow-x:hidden;margin:0!important}.swiper-pagination{width:100%;height:40px}.swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;margin:5px;background:#fff}.LoginView{height:100%}.LoginView body{font-family:Open Sans,sans-serif;height:100vh;background:url(https://i.imgur.com/HgflTDf.jpg) 50% fixed;background-size:cover}@-webkit-keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.LoginView *{box-sizing:border-box}.LoginView .wrapper{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;min-height:100%;padding:20px;background:rgba(4,40,68,.85)}.LoginView .login{border-radius:2px 2px 5px 5px;padding:10px 20px 20px 20px;width:90%;max-width:320px;background:#fff;position:relative;padding-bottom:80px;box-shadow:0 1px 5px rgba(0,0,0,.3)}.LoginView .login.loading button{max-height:100%;padding-top:50px}.LoginView .login.loading button .spinner{opacity:1;top:40%}.LoginView .login.ok button{background-color:#8bc34a}.LoginView .login.ok button .spinner{border-radius:0;border-top-color:transparent;border-right-color:transparent;height:20px;-webkit-animation:none;animation:none;transform:rotate(-45deg)}.LoginView .login input{display:block;padding:15px 10px;margin-bottom:10px;width:100%;border:1px solid #ddd;transition:border-width .2s ease;border-radius:2px;color:#ccc}.LoginView .login input+.ifa{color:#fff;font-size:1em;position:absolute;margin-top:-42px;opacity:0;left:0;transition:all .1s ease-in}.LoginView .login input:focus{outline:none;color:#444;border-color:#2196f3;border-left-width:35px}.LoginView .login input:focus+.ifa{opacity:1;left:30px;transition:all .25s ease-out}.LoginView .login a{font-size:.8em;color:#2196f3;text-decoration:none}.LoginView .login .title{color:#444;font-size:1.2em;font-weight:700;margin:10px 0 30px 0;border-bottom:1px solid #eee;padding-bottom:20px}.LoginView .login button{width:100%;height:100%;padding:10px 10px;background:#2196f3;color:#fff;display:block;border:none;margin-top:20px;position:absolute;left:0;bottom:0;max-height:60px;border:0 solid rgba(0,0,0,.1);border-radius:0 0 2px 2px;transform:rotate(0deg);transition:all .1s ease-out;border-bottom-width:7px}.LoginView .login button .spinner{display:block;width:40px;height:40px;position:absolute;border:4px solid #fff;border-top-color:hsla(0,0%,100%,.3);border-radius:100%;left:50%;top:0;opacity:0;margin-left:-20px;margin-top:-20px;-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite;transition:top .3s ease .3s,opacity .3s ease .3s,border-radius .3s ease;box-shadow:0 1px 0 rgba(0,0,0,.2)}.LoginView .login:not(.loading) button:hover{box-shadow:0 1px 3px #2196f3}.LoginView .login:not(.loading) button:focus{border-bottom-width:4px}.LoginView footer{display:block;padding-top:50px;text-align:center;color:#ddd;font-weight:400;text-shadow:0 -1px 0 rgba(0,0,0,.2);font-size:.8em}.LoginView footer a,.LoginView footer a:link{color:#fff;text-decoration:none}html,html body{height:100%}html body{background-color:#201f3b}@media screen and (max-width:1200px){html body{height:auto}}html body #app{height:100%}html body #app .VueCarousel{justify-content:center}html body #app .swiper-container{overflow-y:auto;height:calc(100% - 40px)}html body #app .swiper-container .swiper-wrapper{transition-duration:1s!important;min-height:100%;align-items:center}