.main-nav{width:100%;height:64px;background:#fff;margin:0;padding:0;display:flex;box-shadow:0 2px 1px 1px rgba(0,0,0,.15);position:fixed;top:0}.main-nav .main-nav-logo{width:355px;height:calc(100% - 20px);display:flex;align-items:center;padding:10px;padding-left:16px}.main-nav .main-nav-logo img{max-height:100%;max-width:100%}.main-nav .main-nav-tabs{flex-grow:1;justify-content:center;flex-direction:row}.main-nav .main-nav-settings,.main-nav .main-nav-tabs{height:100%;display:flex;align-items:center}.loading-slider{max-width:100%;background:#3f88c5;position:absolute;transition:width .5s;box-shadow:0 2px 1px 1px rgba(0,0,0,.15);height:2px;top:64px}.main-nav-tab{color:#383838;text-decoration:none;margin:0 10px;padding:0 4px;position:relative;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.main-nav-tab.router-link-active .main-nav-tab-slider{opacity:1}.main-nav-tab .main-nav-tab-slider{position:absolute;background:#3f88c5;opacity:.1;height:7px;border-radius:2px;width:100%;bottom:0}.side-nav{display:inline-block;background:#fff;width:355px;min-width:355px;height:calc(100vh - 128px);padding-top:64px;box-shadow:2px 0 1px 1px rgba(0,0,0,.15)}.side-nav-tab{height:64px;color:#383838;position:relative;display:flex;align-items:center;padding-left:34px;text-decoration:none}.side-nav-tab.router-link-active{background:rgba(63,136,197,.1)}.side-nav-tab.router-link-active .side-nav-tab-slider{display:block}.side-nav-tab .side-nav-tab-slider{display:none;background:#3f88c5;height:40px;border-radius:2px;width:6px;position:absolute;left:16px}.content-header-navigation{display:flex;width:100%;padding-top:10px}.content-header-navigation .button-container{width:30%;display:flex;align-items:center;justify-content:flex-start}.content-header-navigation .search-container{width:40%;display:flex;align-items:center}.content-header-navigation .search-container .thanos-input{width:100%}.content-header-navigation .settings-container{width:30%;display:flex;justify-content:flex-end}.content-side-navigation{display:flex;flex-direction:column;align-items:flex-start;padding-left:20px}.content-side-navigation a{font-size:17px;display:block;padding-bottom:10px;text-align:left;color:rgba(0,0,0,.5);text-decoration:none}.content-side-navigation a:hover{color:rgba(0,0,0,.7)}.content-side-navigation a.router-link-exact-active{color:#3f88c5;color:#306ea1}.title-navigation-container{display:flex;flex-direction:column;align-items:flex-center;align-items:flex-start}.title-navigation-container .title-navigation-back{color:rgba(0,0,0,.5)}.title-navigation-container .title-navigation-back:hover{color:rgba(0,0,0,.6);cursor:pointer}.title-navigation-container .title-navigation-back .icon{padding-right:10px}.title-navigation-container .title-navigation-title{padding-top:10px;font-size:30px}.thanos-card{padding:10px 10px;background:#fff;width:calc(16.666% - 40px);margin-right:20px;margin-bottom:10px;display:inline-block;border-radius:10px;box-shadow:2px 2px 1px 1px rgba(0,0,0,.15);min-height:80px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border:3px solid transparent}.thanos-card .thanos-card-content{position:relative}.thanos-card>.icon{width:100%;display:inline-block;padding-bottom:10px}.thanos-card.dense{min-height:auto;padding:0;width:calc(16.666% - 20px)}.thanos-card:hover{cursor:pointer;box-shadow:2px 2px 1px 1px rgba(0,0,0,.25)}.thanos-card.addable{box-shadow:none;border:3px dotted rgba(0,0,0,.2);color:#3f88c5}.thanos-card.addable:hover{border:3px dotted #3f88c5;cursor:pointer}.thanos-card-container{display:flex;padding-top:40px;flex-wrap:wrap}.thanos-button{background:#3f88c5;display:inline-block;color:#fff;padding:5px 15px;border-radius:5px;height:auto}.thanos-button:hover{background:#367bb4;cursor:pointer}.thanos-button .thanos-button-icon{padding-right:10px}.thanos-input{display:inline-block;border-radius:5px;padding:5px 10px;background:rgba(63,136,197,.1);color:#3f88c5;position:relative}.thanos-input:hover{cursor:text;background:rgba(48,110,161,.1)}.thanos-input .icon{height:100%;top:0;position:absolute}.thanos-input input{width:calc(100% - 20px);margin-left:20px;font-size:15px;background:transparent;border:none;color:#3f88c5}.thanos-input input:focus{border:none;outline:none}.thanos-toggle,.thanos-toggle .thanos-toggle-container{display:flex;justify-content:center;align-items:center}.thanos-toggle .thanos-toggle-container{position:relative;padding:0 15px;margin-left:10px;margin-right:10px}.thanos-toggle .thanos-toggle-container:hover{cursor:pointer}.thanos-toggle .thanos-toggle-container .thanos-toggle-box{background:rgba(63,136,197,.1);height:15px;width:45px;border-radius:5px}.thanos-toggle .thanos-toggle-container .thanos-toggle-bubble{height:30px;width:30px;border-radius:50%;background:#8db9dd;position:absolute;left:0;transition:all .3s}.thanos-toggle .thanos-toggle-container .thanos-toggle-bubble:hover{background:#66a0d1}.thanos-toggle .thanos-toggle-container.on .thanos-toggle-bubble{left:45px;background:#3f88c5}.thanos-toggle .thanos-toggle-container.on .thanos-toggle-bubble:hover{background:#306ea1}.choose-vmsize-container{display:flex;width:100%;flex-wrap:wrap;margin-top:40px}.choose-vmsize-container .choose-vmsize-heading{width:100%;text-align:left;font-size:25px;margin-bottom:10px;color:#727272}.choose-vmsize-container .choose-vmsize-card{padding:20px;margin:10px;width:calc(25% - 60px);background:#fff;color:#383838;box-shadow:2px 2px 1px 1px rgba(0,0,0,.15);border-radius:10px;display:flex;align-items:center;text-align:left;flex-wrap:wrap}.choose-vmsize-container .choose-vmsize-card.active{background:#3f88c5;color:#fff}.choose-vmsize-container .choose-vmsize-card:hover{cursor:pointer;box-shadow:2px 2px 1px 1px rgba(0,0,0,.25)}.choose-vmsize-container .choose-vmsize-card .choose-vmsize-name{width:100%;font-weight:700;margin-bottom:10px}.choose-vmsize-container .choose-vmsize-card .choose-vmsize-cores{padding-left:5px;margin-bottom:5px;width:100%}.choose-vmsize-container .choose-vmsize-card .choose-vmsize-ram{padding-left:5px;width:100%}.choose-image-container{display:flex;width:100%;flex-wrap:wrap;margin-top:40px}.choose-image-container .choose-image-heading{width:100%;text-align:left;font-size:25px;margin-bottom:10px;color:#727272}.choose-image-container .choose-image-card{padding:20px 10px;margin:10px;width:calc(25% - 40px);background:#fff;color:#383838;box-shadow:2px 2px 1px 1px rgba(0,0,0,.15);border-radius:10px;display:flex;align-items:center;text-align:left;flex-wrap:wrap}.choose-image-container .choose-image-card.active{background:#3f88c5;color:#fff}.choose-image-container .choose-image-card:hover{cursor:pointer;box-shadow:2px 2px 1px 1px rgba(0,0,0,.25)}.choose-image-container .choose-image-card .choose-image-name{width:calc(80% - 20px);font-weight:700;padding-left:20px}.choose-image-container .choose-image-card .choose-image-icon{width:20%;font-weight:700}.choose-image-container .choose-image-card .choose-image-icon img{max-width:100%;max-height:100%}.choose-region-container{display:flex;width:100%;flex-wrap:wrap}.choose-region-container .choose-region-heading{width:100%;text-align:left;font-size:25px;margin-bottom:10px;color:#727272}.choose-region-container .choose-region-card{padding:20px;margin:10px;width:calc(25% - 60px);background:#fff;color:#383838;box-shadow:2px 2px 1px 1px rgba(0,0,0,.15);border-radius:10px;display:flex;align-items:center;text-align:left}.choose-region-container .choose-region-card.active{background:#3f88c5;color:#fff}.choose-region-container .choose-region-card:hover{cursor:pointer;box-shadow:2px 2px 1px 1px rgba(0,0,0,.25)}.choose-region-container .choose-region-card .choose-region-icon{padding-left:10px;padding-right:20px;width:calc(40% - 30px);display:flex}.choose-region-container .choose-region-card .choose-region-icon img{max-width:100%}.choose-region-container .choose-region-card .choose-region-meta{width:60%}.choose-region-container .choose-region-card .choose-region-meta .choose-region-name{font-weight:700}.choose-region-container .choose-region-card .choose-region-meta .choose-region-location{padding-top:5px;font-size:12px}#app,body{margin:0;background:#f8f9fd}#app{min-height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:0}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.home-content-container{display:flex;justify-content:center;flex-direction:row}.home-content-container .home-content-main{flex-grow:1;padding:40px;overflow-y:scroll;max-height:calc(100vh - 144px)}.scale-enter-active,.scale-leave-active{transition:all .5s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.fade-enter-active,.fade-leave-active{transition:all .35s ease}.fade-enter-from,.fade-leave-to{opacity:0}.network-content-container{display:flex;padding-top:40px;align-items:flex-start}.network-content-container .content-side-navigation{width:15%}.network-content-container .network-content-container-router-view{width:85%;display:flex;flex-wrap:wrap;align-items:stretch}.create-vm-container .create-vm-name{display:flex;flex-wrap:wrap;justify-content:flex-start}.create-vm-container .create-vm-name .create-vm-name-heading{width:100%;text-align:left;font-size:25px;margin-bottom:10px;color:#727272}.create-vm-container .create-vm-name .thanos-input{margin-top:10px;margin-bottom:20px;margin-left:10px}.create-vm-container .create-vm-name .thanos-input input{font-size:25px}.create-vm-button{display:flex;margin-top:20px;padding-left:10px}.choose-network-container{widht:100%;margin-top:40px;display:flex;flex-wrap:wrap}.choose-network-container .choose-network-card{padding:18px;margin:10px;width:calc(20% - 60px);background:#fff;color:#383838;box-shadow:2px 2px 1px 1px rgba(0,0,0,.15);border-radius:10px;border:2px solid #fff}.choose-network-container .choose-network-card:hover{cursor:pointer;box-shadow:2px 2px 1px 1px rgba(0,0,0,.25)}.choose-network-container .choose-network-card.active{border:2px solid #3f88c5}.choose-network-container .choose-network-header{width:100%;text-align:left;font-size:25px;margin-bottom:10px;color:#727272}.login-page{background:#f8f9fd;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.login-page .login-card .login-title{font-size:20px;font-weight:700}.login-page .login-card .login-input .thanos-button,.login-page .login-card .login-input .thanos-input{margin-top:20px}.choose-client-container{padding:20px;padding-top:64px;height:calc(100vh - 84px)}.task-list-container{position:absolute;right:30px;top:70px;text-align:left}.task-list-item{margin-top:10px;background:#fff;border-radius:10px;border:1px solid #3f88c5;overflow:hidden;position:relative;min-width:15vw}.task-list-text{padding-left:10px;padding-right:20px;padding-top:10px}.task-list-dismiss{padding:0 10px;padding-top:10px;position:absolute;top:-5px;right:-5px}.task-list-dismiss:hover{cursor:pointer}.task-progress{margin-top:10px;height:2px;background:#3f88c5;transition:width .1s}