@import url(https://fonts.googleapis.com/css?family=Open+Sans:wght@300;400;600;700&display=swap);@import url(https://fonts.googleapis.com/css?family=Raleway);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181f26;font-family:Open Sans,sans-serif;height:100%;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.connect-screen .message-box{align-items:center;background:#1e2a36;display:flex;flex-direction:column;justify-content:space-between;padding:15px;width:320px}.connect-screen .message-box.lobby{align-items:center;justify-content:center}.connect-screen .message-box .show-id{color:#fff;display:none;font-size:20px}.connect-screen .message-box .title{font-size:18px;margin-top:20px}.connect-screen .message-box .name{color:#3abb79;font-size:14px;margin-bottom:15px;margin-top:5px}.connect-screen .message-box img{margin-top:15px;width:60%}.connect-screen .message-box .text{color:#fff;font-size:13px;margin-bottom:15px;text-align:center;width:75%}.connect-screen .message-box .text.green{color:#3abb79}.connect-screen .message-box .message-footer{align-items:center;background:#23313f;display:flex;flex-direction:column;height:175px;justify-content:center;margin-top:15px;width:100%}.connect-screen .message-box .message-footer .top{margin-top:10px}.connect-screen .message-box .message-footer .bottom{margin-bottom:10px}.connect-screen .message-box .message-footer .position{align-items:center;background-color:#184337;border-radius:50%;color:#fff;display:flex;font-size:20px;height:60px;justify-content:center;margin:15px 0;width:60px}.horizontal-message-box{align-items:center;background:#1e2a36;display:flex;flex-direction:column;justify-content:space-between;padding:15px;width:500px}.horizontal-message-box .header{align-items:flex-start;display:flex;justify-content:flex-start;width:100%}.horizontal-message-box .header img{width:200px}.horizontal-message-box .content{align-items:center;background-color:#26303e;display:flex;flex-direction:row;height:220px;justify-content:space-between;margin-top:30px;width:100%}.horizontal-message-box .content .left{flex:1 1;margin:15px}.horizontal-message-box .content .left .text{color:#fff;font-size:18px}.horizontal-message-box .content .left button{background-color:#479859}.horizontal-message-box .content .left button,.horizontal-message-box .content .left button.cancel{border:none;border-radius:5px;color:#fff;font-size:18px;margin-top:15px;outline:none;padding:10px 30px;text-decoration:none}.horizontal-message-box .content .left button.cancel{background-color:#4e6379}.horizontal-message-box .content .left button:active{left:2px;position:relative;top:2px}.horizontal-message-box .content .right{flex:1 1;margin:15px}.horizontal-message-box .content .right img{width:180px}.vertical-message-box{align-items:center;background:#1e2a36;display:flex;flex-direction:column;justify-content:space-between;padding:15px;width:500px}.vertical-message-box .header{align-items:flex-start;display:flex;justify-content:flex-start;width:100%}.vertical-message-box .header img{width:200px}.vertical-message-box .content{align-items:center;background-color:#26303e;display:flex;flex-direction:column-reverse;justify-content:space-between;margin-top:30px;width:100%}.vertical-message-box .content .left{flex:1 1;margin:0 15px 30px}.vertical-message-box .content .left .text{color:#fff;font-size:18px;margin:0 55px}.vertical-message-box .content .left .text ol{font-size:16px;margin-top:14px;padding-left:28px}.vertical-message-box .content .left .text ol li{margin-bottom:10px}.vertical-message-box .content .left button{background-color:#479859;border:none;border-radius:5px;color:#fff;font-size:18px;margin-top:15px;outline:none;padding:10px 30px;text-decoration:none}.vertical-message-box .content .left button:active{left:2px;position:relative;top:2px}.vertical-message-box .content .right{flex:1 1}.vertical-message-box .content .right img{width:320px}.button{border:0;border-radius:2px;cursor:pointer;display:inline-block;font-size:14px;margin:0 5px;outline:none;padding:7px 30px;position:relative;-webkit-user-select:none;user-select:none}.button:disabled{opacity:.5;pointer-events:none}.button .button-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.button .button-content .icon{height:26px;margin-right:10px;width:26px}.button .button-content .text{flex:1 1;line-height:26px}.button.primary{background-color:#287737;color:#fff}.button.secondary{background-color:#4e6379;color:#fff}.button.danger{background-color:#711a20;color:#fff}.button.link{background-color:initial;color:#287737}.button:active{left:2px;top:2px}.button:active,.custom-select{position:relative}.custom-select select{display:none}.select-selected:after{border:4px solid transparent;border-top-color:#787878;content:"";height:0;position:absolute;right:10px;top:18px;width:0}.select-items div,.select-selected{border:1px solid transparent;border-bottom-color:rgba(0,0,0,.1);color:#787878;cursor:pointer;font-size:13px;padding:8px 20px;text-align:left}.select-selected{border-bottom:.5px solid hsla(0,0%,50%,.5)}.select-items{background-color:#1d242b;left:0;position:absolute;right:0;top:100%;z-index:99}.select-hide{display:none}.same-as-selected,.select-items div:hover{background-color:#22282f}.select-container{position:relative}.select-container .select-list{align-items:center;border-bottom:1px solid #a9aaab;color:#a9aaab;cursor:pointer;display:flex;justify-content:space-between;min-width:0;position:relative}.select-container .select-list .selected{color:#fff;overflow:hidden;padding-left:5px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.select-container .select-list img{position:relative}.select-container .select-list-options{box-shadow:2px 2px 4px -1px rgba(0,0,0,.5);max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:999}.select-container .select-list-options .option{align-items:center;background:#1e272f;border-bottom:1px solid #131b21;color:#a9aaab;cursor:pointer;display:flex;height:32px;justify-content:flex-start;padding:5px;-webkit-user-select:none;user-select:none}.select-container .select-list-options .option.selected{background:#141b21}.select-container .select-list-options .option.active,.select-container .select-list-options .option:focus,.select-container .select-list-options .option:hover{background:#24313f!important}.select-container .select-list-options .option .option-label{font-size:16px;margin-left:5px}.speed-test-container{background-color:#1e2a38;color:#f3f3f3;display:flex;flex-direction:column;height:auto;margin:0 10px;width:400px}.speed-test-container .header{align-items:flex-end;color:#f3f3f3;display:flex;flex-direction:column;font-size:18px;font-weight:400;padding:20px 15px 0}.speed-test-container .header .name{font-weight:700}.speed-test-container .status{align-items:center;border-radius:10px;display:flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:1px;padding:4px 12px}.speed-test-container .status .indicator{border-radius:50%;height:10px;margin-right:8px;width:10px}.speed-test-container .status span{font-weight:700}.speed-test-container .server-type{padding:0 15px}.speed-test-container .server-type>img{margin:5px 15px 15px;width:70%}.speed-test-container .instance-id{color:#43586f;font-size:14px;margin-bottom:5px}.speed-test-container .instance-type{border-bottom:1px solid transparent;color:#43586f;display:inline-block;font-size:14px;height:22px;margin-bottom:15px}.speed-test-container .instance-type.stopped:hover{border-bottom:1px solid #43586f;cursor:pointer}.speed-test-container .instance-type .edit-capacity button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:30px;justify-content:center;margin:0;opacity:.7;outline:none;-webkit-user-select:none;user-select:none;width:30px}.speed-test-container .instance-type .edit-capacity button img{height:15px;margin:0;width:15px}.speed-test-container .uptime{color:#43586f;font-size:15px;height:20px;margin-bottom:5px}.speed-test-container .monitoring{align-items:flex-start;display:flex;flex-direction:column;margin:10px 5px 0}.speed-test-container .actions{align-items:center;display:flex;height:40px;justify-content:center;padding:15px}.widget{padding:5px 15px 15px}.widget .title{color:#8b8b8b;font-size:13px;margin-bottom:6px}.widget .control .progress-container .labels{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.widget .control .progress-container .labels .percentage{color:#69b846}.widget .control .progress-container .progress-bar{background:#69b846;border:0;overflow:hidden;width:100%}.widget .control .progress-container .progress-bar .progress{background-color:#293746;border:0;height:5px;left:0;margin:0;position:relative;width:100%}.widget .control .network-container{align-items:center;display:flex;justify-content:space-between}.onboarding-container,.widget .control .network-container .icon-label{align-items:center;display:flex;justify-content:center}.onboarding-container{flex:1 1;flex-direction:column;height:100%;width:100%}.fade-in{transition:opacity .4s ease-in-out}.onboarding{background-color:#24313f;color:#f5f5f5;flex-direction:column;height:100%;justify-content:center;margin:20px;max-height:650px;max-width:1024px;padding:30px 60px}.onboarding,.onboarding-title{align-items:center;display:flex;width:100%}.onboarding-title{flex-direction:row;justify-content:flex-end}.onboarding-title h1{margin:0}.onboarding-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding-top:15px;width:100%}.onboarding-content h3{margin-bottom:20px;margin-top:0;text-align:center}.onboarding-footer{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:40px;position:relative;width:100%}.onboarding .steps{align-self:center;justify-content:flex-start;margin-top:45px}.onboarding .steps,.onboarding .steps .step{align-items:center;display:flex;flex-direction:row}.onboarding .steps .step{background-color:initial;border:2px solid #3c4f61;border-radius:50%;color:#3c4f61;cursor:pointer;font-size:20px;height:40px;justify-content:center;margin:0 15px;position:relative;-webkit-user-select:none;user-select:none;width:40px}.onboarding .steps .step:disabled{cursor:not-allowed}.onboarding .steps .step:first-child{margin-left:0}.onboarding .steps .step:last-child{margin-right:0}.onboarding .steps .step:not(:last-child):after{background-color:#3c4f61;content:"";height:2px;left:45px;position:absolute;width:15px}.onboarding .steps .step.completed:not(:last-child):after{background-color:#76bd22;content:"";height:2px;left:45px;position:absolute;width:15px}.onboarding .steps .step.selected{border:2px solid #76bd22;color:#76bd22}.onboarding .steps .step.completed{border:none}.stacked-input{display:flex;flex-direction:column;margin:10px}.stacked-input input{background:transparent;border:0;border-bottom:1px solid #777;color:#fff;font-size:14px;outline:none;padding:5px;text-align:left;transition:background .25s ease-in}.stacked-input label{color:#a9aaab;text-align:left}.input-wrapper{margin:10px}.input-label{color:#a9aaab;text-align:left}.input-label input{background:transparent;border:0;color:#fff;font-size:14px;margin-left:20px;outline:none;padding:5px;text-align:center;transition:background .25s ease-in}.input-label input,.input-label input:focus,.stacked-input input:focus{border-bottom:1px solid #fff}.input-label input.error,.stacked-input input.error{background:rgba(213,26,44,.25);border-bottom:1px solid #d51a2c}.input-label input[type=number]::-webkit-inner-spin-button,.input-label input[type=number]::-webkit-outer-spin-button,.stacked-input input[type=number]::-webkit-inner-spin-button,.stacked-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#root,.App,body,html{background-color:#181f26;height:100%;overflow:hidden;width:100%}.App{align-items:center;display:flex;flex-direction:column;justify-content:center}.swal-overlay{background-color:rgba(0,0,0,.6)}.swal-modal{background-color:#1e2a35;border:2px solid #4e6379}.swal-button--confirm,.swal-button--confirm:not([disabled]):hover{background-color:#2b763a}.swal-text,.swal-title{color:#a9aaab}.swal-modal.swal-custom-content,.swal-modal.swal-custom-content-ipad{background-color:#202a36;border:none;width:560px}.swal-modal.swal-custom-content-ipad{margin-left:24%}.swal-modal.swal-break{background-color:#202a36;border:none;margin-bottom:50%;width:560px}.swal-modal.swal-break .swal-title{font-size:20px;margin-bottom:15px;margin-top:20px;padding:0}.swal-modal.swal-break .swal-text:last-child{margin-bottom:35px}.swal-modal.swal-break-ipad{background-color:#202a36;border:none;margin-bottom:50%;width:560px}.swal-modal.swal-break-ipad .swal-title{font-size:20px;margin-bottom:15px;margin-top:20px;padding:0}.swal-modal.swal-break-ipad .swal-text:last-child{margin-bottom:35px}.lds-spinner{color:official;display:inline-block;height:40px;position:relative;width:40px}.lds-spinner div{-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite;-webkit-transform-origin:20px 20px;transform-origin:20px 20px}.lds-spinner div:after{background:#fff;border-radius:18%;content:" ";display:block;height:14px;left:18px;position:absolute;top:-6px;width:4px}.lds-spinner div:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.lds-spinner div:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.lds-spinner div:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.lds-spinner div:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.lds-spinner div:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.lds-spinner div:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s;-webkit-transform:rotate(150deg);transform:rotate(150deg)}.lds-spinner div:nth-child(7){-webkit-animation-delay:-.5s;animation-delay:-.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lds-spinner div:nth-child(8){-webkit-animation-delay:-.4s;animation-delay:-.4s;-webkit-transform:rotate(210deg);transform:rotate(210deg)}.lds-spinner div:nth-child(9){-webkit-animation-delay:-.3s;animation-delay:-.3s;-webkit-transform:rotate(240deg);transform:rotate(240deg)}.lds-spinner div:nth-child(10){-webkit-animation-delay:-.2s;animation-delay:-.2s;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.lds-spinner div:nth-child(11){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-transform:rotate(300deg);transform:rotate(300deg)}.lds-spinner div:nth-child(12){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(330deg);transform:rotate(330deg)}@-webkit-keyframes lds-spinner{0%{opacity:1}to{opacity:0}}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background-color:initial}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4e6379;border-radius:3px;outline:1px solid #4e6379}.link{cursor:pointer;font-weight:700;text-decoration:underline}.login-message-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-message-container .message-wrapper{color:#999;flex:1 1;font-size:13px;text-align:center;width:300px}.landing-page,.login-message-container .message-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.landing-page{color:#fff;height:100vh;width:100%}.landing-page .flex-columns{display:flex;flex-direction:row}.landing-page .flex-columns .logo-container{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:60px}.landing-page .flex-columns .content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.landing-page .flex-columns .content h1{font-size:45px;margin-bottom:10px}.landing-page .flex-columns .content h3{text-transform:uppercase;width:320px}.landing-page .flex-columns .content p{width:480px}.landing-page .flex-columns .content .button-container{margin-top:30px}
/*# sourceMappingURL=main.489ad8c9.css.map*/