.topbar{position:fixed;height:50px;top:0;left:0;right:0;background-color:#2c3e50;z-index:200;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.topbar BUTTON{margin:5px;margin-right:0;border:2px solid #69808d;border-radius:10px;background-color:inherit;color:#f2f2f2;outline:0}.topbar BUTTON.active{background-color:#69808d}.topbar BUTTON:last-of-type{margin-right:5px}.topbar .refresh{width:50vw}.topbar .switch{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:100%;flex-basis:100%;font-size:110%}.host{margin-top:.5rem;margin-bottom:.3rem}.host .hostname{color:#e5e510}.host .additional{font-size:85%;color:#737373}.host .col-sm:first-of-type{margin-left:0}.problems .problem{position:relative;padding-left:.5rem;padding-bottom:.2rem}.problems .problem:before{content:"";position:absolute;bottom:-1px;left:0;height:100%;width:2px;background-color:#454f55}.problems .problem:after{content:"";position:absolute;z-index:100;display:block;width:4px;height:4px;left:-3px;top:.25rem;border-radius:100%;border:2px solid #2b2b2b;background-color:#69808d}.problems .col-sm{display:inline;margin-left:.5rem}.problems .time{color:#4796c4}.problem .status.has-problem{color:red}.problem .status.has-resolved{color:#0f0}.problems .col-sm:first-of-type{margin-left:0}.dashboard{padding-top:60px}.no-problemo{padding:50px 0}.auth-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.auth-form{width:80%;margin:0 auto;border:1px solid #69808d;padding:25px}.auth-form .form-group{padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.auth-form .form-group.checkbox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.auth-form LABEL.label{display:inline-block;width:20%;text-align:right;padding-right:1em;-ms-flex-item-align:center;align-self:center}.auth-form INPUT[type=password],.auth-form INPUT[type=text]{border:1px solid #4f4f4f;color:#f2f2f2;background-color:#383838;outline:0;padding:0 5px;min-height:24px;display:inline-block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.auth-form INPUT[type=checkbox]{margin-right:10px}.auth-form BUTTON{border:2px solid #69808d;border-radius:3px;background-color:#69808d;color:#f2f2f2;outline:0;display:inline-block;width:100%;padding:.51em 0;font-size:110%}.auth-form BUTTON:hover{color:#f2f2f2;background-color:#5e737e;border-color:#5e737e}.status-message{position:absolute;width:80%;left:0;right:0;margin:0 auto;background-color:#000;color:#fff;padding:1rem;top:60px;z-index:999;text-align:center}.status-message.error{color:#ffa0a0;background-color:#503434}.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-leave-to{opacity:0}.status-message BUTTON{border:2px solid #69808d;border-radius:3px;background-color:#69808d;color:#f2f2f2;outline:0;display:inline-block;padding:.51em 1em;font-size:110%}BODY,HTML{padding:0;margin:0;height:100%}BODY{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2b2b2b;color:#fff;font-size:14px}#app{max-width:700px;margin-left:auto;margin-right:auto;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}@media (max-width:700px){#app{margin-left:10px;margin-right:10px}}