.login-page .logo{text-align:center}.login-page .logo img{max-width:140px;margin:20px auto}.login-page .login{padding:20px}.login-page .login-button{display:flex;flex-flow:column;margin-top:30px}.login-page .footer-default{text-align:center;margin-top:50px}.login-page .footer-default h1{font-family:GothamMedium;font-size:32px;color:#444;font-weight:400}.login-page .form{max-width:540px;margin:40px auto}.table-wrapper{padding:0!important;background-color:#fff}table.data-table{width:100%}table.data-table .relative{position:relative;line-height:52px;padding-right:30px}table.data-table tr.is-selected-row{background-color:#eee}table.data-table th{color:#222b45;font-size:12px;font-weight:700;text-transform:uppercase;border-right:1px solid #e4e9f2;border-bottom:1px solid #e4e9f2;padding:5px 10px;white-space:nowrap;background-color:#f7f9fc}table.data-table th:first-child{border-top-left-radius:14px}table.data-table th:last-child{border-right:0;border-top-right-radius:14px}table.data-table th .svg-icon{position:absolute;right:0;top:-5px}table.data-table td{padding:15px 10px;border-bottom:1px solid #e4e9f2;white-space:nowrap;color:#222b45;font-size:15px;line-height:20px}table.data-table tr:last-child td{border-bottom:0}.host-list-page .page-header button+button,.host-list-page .page-header input+button{margin-left:10px}.input-base{color:#8992a3;font-family:Open Sans;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;padding:20px 20px 0 20px;box-sizing:border-box}.input-base label{margin-bottom:.5rem}.input-base div.value{color:#222b45;font-family:Open Sans;font-size:15px;font-weight:600;letter-spacing:0;line-height:30px;border-bottom:1px solid #e4e9f2;min-height:30px;flex-grow:2}.user-list-page .page-header button+button,.user-list-page .page-header input+button{margin-left:10px}.user-list-page .host-checkboxes{display:flex;flex-wrap:wrap}.user-list-page .host-checkboxes .host-checkbox{width:25%}.path-list-row{display:grid;grid-template-columns:150px auto 120px 120px 120px;align-items:center;padding:15px;border-top:1px solid #ddd}.path-list-row .description{text-align:left;padding-left:50px}.path-list-row p{font-size:12px;line-height:1.5;margin:0!important;color:#777}.path-list-row .btn-show-menu{background-color:#e0e0e0;border:0!important;height:36px}.path-list-row .btn-show-menu:after{border-radius:0;transform:none}.path-list-row .path-image img{width:120px}.color-picker .slot-control{position:relative}.color-picker .slot-control .color-picker-popup{background-color:#fff;width:100%;position:absolute;margin-top:.3rem;z-index:100;border-radius:2px;box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3)}.color-picker .slot-control .color-picker-popup .vc-chrome{width:100%;box-shadow:unset}.color-picker .slot-control .color-picker-popup button{margin:0 auto;background-color:#fff;color:#00f}.image-picker img{width:100%;border:2px solid grey;box-sizing:border-box}.image-picker input[type=file]{display:none}.host-detail-page .host-detail-page-header{display:flex}.host-detail-page .host-detail-page-header .logo{max-width:200px}.host-detail-page .host-detail-page-header .buttons,.host-detail-page .host-detail-page-header .logo img{width:200px}.host-detail-page .host-detail-page-header .buttons button{width:190px;margin-bottom:10px}.host-detail-page .host-detail-page-header .settings{display:flex;flex-wrap:wrap;flex-grow:2}.host-detail-page .host-detail-page-header .settings div.form-entry{width:33%}.host-detail-page .buttons.flex-column{margin-left:10px}.host-detail-page .navbar-item a{width:100px}.host-detail-page .NoResult{margin-bottom:10px;padding:20px;text-align:center;font-size:18px;font-weight:700;border:1px solid #ccc;border-radius:8px}.host-detail-page .setting-column{max-width:400px!important;width:400px}.host-detail-page .setting-draggable{display:flex}.host-detail-page .setting-draggable h4{margin:3px 0}.host-detail-page .settings-tab{display:flex}.host-detail-page .settings-tab .setting-language{display:flex;margin-right:20px;width:150px}.host-detail-page .settings-tab .setting-language .tooltip{font-size:12px;color:#666;margin-bottom:10px}.host-detail-page .settings-tab .list-group-item{border:1px solid grey;padding:5px;background-color:#eee;width:135px}.host-detail-page .settings-tab .list-group-item input{margin-right:20px;vertical-align:middle}.host-detail-page .button-save{float:right;margin-right:20px;margin-top:30px}.host-detail-page .error{color:red;font-size:10px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;max-width:1200px;margin:0 auto;padding-top:30px}.is-weekly{background-color:#fa0}.is-monthly{background-color:#00e096}.is-daily{background-color:#ff3d71}.is-blue{background-color:#36f}.is-grey{background-color:#666}.svg-icon{text-align:center}.svg-icon svg{vertical-align:middle}.svg-icon svg.is-fill-white path{fill:#fff}.svg-icon svg.is-fill-blue path{fill:#36f}.svg-icon svg.is-fill-grey path{fill:#c5cee0}.svg-icon svg.is-fill-red path{fill:red}.content-panel{box-sizing:border-box;border:1px solid #e4e9f2;border-radius:14px;background-color:#fff;padding:20px}.content-panel .is-align-middle{justify-content:center;align-items:center}.content-panel .content-row{margin-bottom:15px}.content-panel .content-body{padding:20px}.content-panel.has-header{padding:0}.content-panel.has-header .content-header{border-bottom:1px solid #e4e9f2;margin-bottom:10px}.content-panel.has-header .content-header .content-header-content{padding:10px 20px 0 10px}.content-panel .content-header{color:#222b45;font-size:18px;font-weight:700;line-height:24px}.content-panel .content-header.has-arrow-up:after{content:"┥";position:relative;float:right;right:0;color:#222b45;cursor:pointer;transition:all .25s ease;line-height:24px}.content-panel .pull-right{float:right}.content-panel .pull-left{float:left}.has-two-controls{display:flex;justify-content:space-between;flex:auto}.has-two-controls .form-entry:first-child{margin-right:20px}.mt0{margin-top:0!important}.pt0{padding-top:0!important}.mtS{margin-top:10px!important}.ptS{padding-top:10px!important}.mtM{margin-top:15px!important}.mtL{margin-top:20px!important}.mlM{margin-left:15px!important}.button{text-align:center;display:block;color:#fff;border:0;outline:0}.button:disabled{background-color:grey!important}.button.is-small{height:24px;border-radius:5px;font-size:12px;font-weight:400;line-height:24px;padding:0 15px}.button.is-normal{font-size:14px;font-weight:700;line-height:16px;text-align:center;height:40px;padding:10px 15px;border-radius:5px}.button.is-chip{border:1px solid #00e58f;background-color:#ebfdf7;color:#00db92;font-weight:600;padding-right:10px}.button.is-chip:after{content:"✖";position:relative;padding-left:10px;color:#00db92;cursor:pointer;pointer-events:none;transition:all .25s ease;line-height:24px}.is-chip-group{display:flex;flex-wrap:wrap;margin-top:10px}.is-chip-group .is-chip{margin-left:5px;margin-bottom:10px}input[type=date],input[type=password],input[type=text]{padding:5px 15px;border:1px solid #e1e7ec;border-radius:5px;background-color:#f8f9fa}.form-entry{margin-bottom:15px;width:100%}.form-entry input{border-radius:5px;height:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:100%}.form-entry input.has-error{color:red!important}.form-entry input:-ms-input-placeholder,.form-entry input::-webkit-input-placeholder,.form-entry input::placeholder{color:#8f9bb3;font-size:15px;line-height:20px;font-weight:400;padding-left:5px}.form-entry input:disabled{background-color:#ddd}.form-entry.is-one-line{display:flex;align-items:center;justify-content:flex-start}.form-entry.is-one-line label{display:block;width:150px}.form-entry.flex-column{display:flex;flex-direction:column}.form-entry.flex-column label{color:#8992a3;font-size:12px;font-weight:700;line-height:16px}.form-entry .select{position:relative;display:flex;width:100%;height:40px;line-height:3;background:#f8f9fa;overflow:hidden;border:1px solid #e1e7ec;border-radius:24px}.form-entry .select .select-value{position:absolute;height:40px;line-height:40px;padding-left:20px;color:#222b45;font-size:15px;font-weight:600}.form-entry .select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#f8f9fa;background-image:none;flex:1;padding:0 .5em;color:#fff;cursor:pointer;width:100%}.form-entry .select select::-ms-expand{display:none}.form-entry .select select option{color:#000}.form-entry .select:after{content:"⌄";position:absolute;top:0;right:0;padding:0 1em;background:#f8f9fa;cursor:pointer;pointer-events:none;transition:all .25s ease;line-height:30px}.form-entry .select:hover:after{color:#f39c12}.form-entry input[type=checkbox]{display:none}.form-entry input[type=checkbox]:disabled+label{color:grey}.form-entry input[type=checkbox]+label{display:block;margin:.2em;cursor:pointer;padding:.2em;color:#222b45;font-size:15px;line-height:24px;font-weight:600}.form-entry input[type=checkbox]+label:before{content:"✔";border:.1em solid #8992a3;border-radius:.2em;display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:bottom;color:transparent;transition:.2s;line-height:16px;text-align:center}.form-entry input[type=checkbox]+label:active:before{transform:scale(0)}.form-entry input[type=checkbox]:checked+label:before{background-color:#36f;border-color:#36f;color:#fff}.form-entry input[type=checkbox]:disabled+label:before{transform:scale(1);border-color:#aaa}.form-entry input[type=checkbox]:checked:disabled+label:before{transform:scale(1);background-color:#bfb;border-color:#bfb}.button-group{display:flex;margin-top:30px;justify-content:flex-end}.button-group button+button{margin-left:15px}.progress-bar{display:flex;flex-flow:row-reverse;align-items:center}.progress-bar .bar{height:10px;position:relative;background:#e4e9f2;border-radius:8px;padding:0;width:100%}.progress-bar .bar .meter{background-color:#00e096;display:block;width:40%;height:10px;border-radius:8px}.progress-bar .value{color:#222b45;font-size:15px;font-weight:600;line-height:24px;text-align:right;padding:0 20px}.navbar{display:flex}.navbar .title{height:48px;color:#222b45;font-size:22px;font-weight:700;line-height:48px;padding-right:20px}.navbar .navbar-item{display:flex}.navbar .navbar-item a{display:block;padding:10px;color:#8f9bb3;font-size:14px;font-weight:700;line-height:28px;text-align:center;text-decoration:none}.navbar .navbar-item a:focus,.navbar .navbar-item a:hover{text-decoration:none}.navbar .navbar-item a.is-active{border-bottom:5px solid #36f;color:#36f}.navbar .navbar-item.is-loose a{margin-right:40px}.nav-content{margin-top:30px}.modal-mask{position:fixed;z-index:90;background-color:rgba(0,0,0,.5);transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:10px;top:0;bottom:0;left:0;right:0}.modal-wrapper{margin-top:auto;margin-bottom:auto}.modal-container{max-width:500px;margin:0 auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;overflow:hidden}.modal-header{margin-bottom:20px}.modal-header h3{color:#222b45;font-size:18px;font-weight:700;line-height:24px}.modal-body img.is-full-width{display:block;margin-bottom:15px;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px);max-width:none}.modal-footer{display:flex;flex-direction:row-reverse}.modal-footer a,.modal-footer button{margin-left:10px}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}