.bl-main-content{height:100vh;padding-top:1rem;max-width:100%;overflow:auto}.bl-main-content>*{max-width:1200px;margin:auto;width:100%}@media(max-width: 768px){.bl-main-content{min-height:calc(100vh - 4rem);height:initial;margin-top:4rem}.bl-main-content:has(.mobileHeader){min-height:calc(100vh - 7.5rem);margin-top:7.5rem}}.sidebarContainer{flex:0}@media(min-width: 768px){.sidebarContainer{flex:0;position:relative}}.is-admin .bl-main-content{background:url('data:image/svg+xml;utf8,') 0 0/100px 100px}[data-bs-theme=dark] .is-admin .bl-main-content{background:url('data:image/svg+xml;utf8,') 0 0/100px 100px}
.bl-top-navbar{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);max-height:4rem}.bl-top-navbar .navbar-brand img{height:45px}@media screen and (min-width: 769px){.bl-top-navbar{display:none}}.is-admin .bl-top-navbar{background-color:#d8aa00 !important}
.notificationCenter{position:fixed;z-index:1000;right:1rem;bottom:1rem;display:flex;flex-direction:column}.notificationCenter .toast+.toast{margin-top:.5rem}.notificationCenter .toast{--bs-toast-header-bg: var(--bs-tertiary-bg);--bs-toast-bg: var(--bs-body-bg);--bs-toast-border-color: var(--bs-border-color)}.notificationCenter .toast .toast-header{border-bottom:none}.notificationCenter .toast .close{float:right}
.searchModal input.form-control{max-width:100%;width:100%;margin-bottom:.75rem}.searchModal .modal-body:has(form input:focus) .searchResultGroup:first-of-type .searchResult:first-of-type a,.searchModal .searchResult a:focus{background-color:var(--bs-secondary-bg);border-left:4px solid var(--bs-primary);outline:none}.searchModal .searchResult a:hover{background-color:var(--bs-secondary-bg)}.searchModal .searchResultGroup h5{font-size:.9rem;font-weight:600;color:var(--bs-secondary-color);margin-bottom:.5rem;text-transform:uppercase}.searchModal .searchResult{list-style:none;margin-bottom:.25rem}.searchModal .searchResult a{border-left:4px solid rgba(0,0,0,0);display:flex;flex-direction:row;align-items:center;padding:.45rem .5rem;flex:1;text-decoration:none;background-color:var(--bs-tertiary-bg)}.searchModal .searchResult .icon{height:24px;flex:0 0 24px;font-size:1.3rem;line-height:1.1;text-align:center;color:var(--bs-emphasis-color)}.searchModal .searchResult img{width:24px;height:24px;flex:0}.searchModal .searchResult .name{margin-left:.7rem;font-size:1.1rem;flex:1}.searchModal .searchResult .ip{margin-left:.5rem;font-size:.8rem;color:var(--bs-secondary-color);margin-right:.4rem}.searchModal ul.searchResultList{padding-left:0}
.sidebar{order:0;padding-left:0;padding-right:0;overflow-x:hidden;flex:0;overflow-y:auto;height:100vh;border-right:1px solid rgba(0,0,0,.125)}.sidebar .ion-md-open{float:right;opacity:.3}.sidebar .bl-sidebar-links{margin-left:0;margin-right:0;height:100%;display:block;z-index:1040}@media screen and (max-width: 768px){.sidebar .bl-sidebar-links{position:fixed;left:0;right:0;top:0;bottom:0;display:none;overflow-y:auto}.sidebar .bl-sidebar-links .sideBarWrapper{display:none}.sidebar .bl-sidebar-links.show{display:block;animation:fade-in .2s ease-out forwards}.sidebar .bl-sidebar-links.show .sideBarWrapper{display:flex;animation:slide-in .2s ease-out}}.sidebar .sideBarWrapper{display:flex;flex-direction:row;min-height:100%}.sidebar .sideBarSubNav{width:240px;padding-top:.25rem;padding-bottom:.25rem;background-color:var(--bs-tertiary-bg)}.sidebar .sideBarSubNav .nav-link{color:var(--bs-body-color)}.sidebar .sideBarSubNav .nav-item:hover{background-color:rgba(0,0,0,.08)}.sidebar .sideBarSubNav .nav-link.active{font-weight:bold}.sidebar .sideBarGlobalNav{display:flex;flex-direction:column;flex:0;background-color:var(--sidebar-bg)}.sidebar .sideBarGlobalNav .nav-link{color:var(--sidebar-text-color);display:block;padding:1rem 1.5rem;font-size:110%}.sidebar .sideBarGlobalNav .nav-link:hover,.sidebar .sideBarGlobalNav .active>.nav-link{text-decoration:none;background-color:rgba(255,255,255,.08)}.sidebar .sideBarGlobalNav .logo .nav-link:hover{background-color:initial}.sidebar .sideBarGlobalNav .logo .logo-icon{display:none}.sidebar .sideBarGlobalNav .nav-link .label{display:inline}.sidebar .sideBarGlobalNav .nav-link .icon{display:inline-block;min-width:16px;margin-right:1.5rem}.sidebar .sideBarGlobalNav .active>.nav-link{color:#f1ca00}.sidebar .sideBarGlobalNav .profileNav{margin-top:auto}.sidebar .sideBarGlobalNav .nav>li{width:240px}.sidebar.withSubNav .sideBarGlobalNav li{width:100%}.sidebar.withSubNav .sideBarGlobalNav .logo .logo-icon{display:inline}.sidebar.withSubNav .sideBarGlobalNav .logo .logo-horizontal{display:none}.sidebar.withSubNav .sideBarGlobalNav .nav-link .label{display:none}.sidebar.withSubNav .sideBarGlobalNav .nav-link .icon{margin-right:0px}@keyframes slide-in{from{transform:translate(-320px, 0)}to{transform:translate3d(0, 0)}}@keyframes fade-in{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.4)}}.is-admin .sideBarGlobalNav{background-color:#d8aa00 !important}.is-admin .sideBarGlobalNav .active>.nav-link{color:#343a40}
.darkModeToggle{padding-left:0;font-size:.7rem;opacity:.4;margin-bottom:.5rem;margin-top:-0.25rem;color:var(--sidebar-text-color);text-align:center}.darkModeToggle .form-check-input{margin-left:.5rem;margin-right:.5rem;margin-top:.15rem}.sidebar.withSubNav .darkModeToggle .form-check-input{margin-left:.2rem;margin-right:.2rem}
.bl-main-content{height:100vh;padding-top:1rem;max-width:100%;overflow:auto}.bl-main-content>*{max-width:1200px;margin:auto;width:100%}@media(max-width: 768px){.bl-main-content{min-height:calc(100vh - 4rem);height:initial;margin-top:4rem}.bl-main-content:has(.mobileHeader){min-height:calc(100vh - 7.5rem);margin-top:7.5rem}}.sidebarContainer{flex:0}@media(min-width: 768px){.sidebarContainer{flex:0;position:relative}}.is-admin .bl-main-content{background:url('data:image/svg+xml;utf8,') 0 0/100px 100px}[data-bs-theme=dark] .is-admin .bl-main-content{background:url('data:image/svg+xml;utf8,') 0 0/100px 100px}
.loginRedirectPage .logo img{height:45px}
.productInstanceSelector .nav-item .nav-link{padding:.5rem 0rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.productInstanceSelector .nav-item{width:100%}.productInstanceSelector .searchButton{flex:0 0 2rem;display:flex;align-items:center;justify-content:center;padding:.25rem;cursor:pointer;border-radius:50%}.productInstanceSelector .searchButton:hover{background-color:rgba(0,0,0,.08)}
.sideNavHeader{margin:.5rem 1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.2)}.sideNavHeader .heading{font-size:1.25rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sideNavHeader .description{font-size:.85rem;font-weight:300;margin-top:.4rem}.sideNavHeader .distributionLogo img{width:1.2rem;margin-right:.4rem}
.loader{text-align:center;padding:20px}
.actionProgressMini{position:fixed;bottom:0rem;right:0;z-index:1010;padding:.5rem;color:var(--bs-body-color);font-size:1rem;min-height:1.5rem;max-width:calc(100% - 1rem)}.actionProgressMini .actionProgressText{margin-bottom:.25rem}.actionProgressMini .actionProgressWrap{margin-top:.1rem;background-color:var(--bs-body-bg);padding:.75rem;max-width:100%;margin-left:1rem;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);box-shadow:var(--bs-box-shadow);margin-right:.2rem;float:right;width:500px;animation:slidein .6s cubic-bezier(0.83, 0, 0.17, 1)}@keyframes slidein{from{transform:translate(600px, 0px)}to{transform:translate(0px, 0px)}}.actionProgressMini .actionProgress{height:.5rem}@media screen and (max-width: 768px){.actionProgressMini .actionProgressText{font-size:.75rem}}
.actionStatusIcon{display:inline-block}.actionStep .actionStatusIcon{margin-right:.5rem;width:1rem}.serverActions .card{margin-bottom:.5rem}.serverActions .actionProgressStatus{text-align:center;margin-top:.5rem}.serverActions .completeTime{color:var(--bs-tertiary-color)}
.actionMonitor{display:flex;flex-direction:column;align-items:center;justify-content:start;height:100%;min-height:430px}.actionMonitor .spinnerSection{min-height:calc(85px + 2rem);flex:0;display:flex;align-items:center}.actionMonitor.completed .spinnerSection span,.actionMonitor.errored .spinnerSection span{font-size:5.5rem;line-height:5.5rem;animation:status-fade-in .5s linear}.actionMonitor .actionStepWrapper{width:100%;max-width:320px;flex:1}.actionMonitor .actionSteps{padding:1rem 1.5rem;margin-top:.5rem;background-color:var(--bs-body-bg);flex:1}.actionMonitor .actionProgressSection{width:100%;max-width:320px;margin-bottom:2rem;flex:0}.actionMonitor .progress{height:1.5rem}.actionMonitor .actionProgressDetail{margin-bottom:.5rem;opacity:1;transition:opacity .5s linear;min-height:24px}.actionMonitor.completed .actionProgressDetail,.actionMonitor.errored .actionProgressDetail{opacity:0}.actionMonitor span.serverLoader{display:inline-block;vertical-align:middle;opacity:0;width:10px;height:10px;margin:20px 10px;background:var(--bs-emphasis-color);border-radius:50px;animation:loader .9s infinite alternate}.actionMonitor .sideBySide{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;width:100%;flex:1;column-gap:1.5rem;row-gap:3.5rem}.actionMonitor .sideBySide>div{display:flex;flex-direction:column;align-items:center;justify-content:start}.actionMonitor .sideBySide .progressSide{flex:1 1 320px}.actionMonitor .sideBySide .consoleSection{flex:1 1 480px}@keyframes loader{0%{opacity:.9;transform:translateY(0) scale(1)}100%{opacity:.1;transform:translateY(-21px) scale(3.4)}}@keyframes status-fade-in{from{opacity:0}to{opacity:1}}
.consolePane{width:100%;padding-top:75%;padding-bottom:40px;position:relative}.consolePane iframe{max-width:100%;max-height:100%;width:804px;height:644px;border:2px solid #000;position:absolute;top:0;left:0;right:0;bottom:0}
.errorList{color:var(--bs-form-invalid-color);margin-bottom:0;margin-top:0}
.settingsNav{border-bottom:2px solid var(--bs-secondary-bg);margin-top:1.8rem;margin-bottom:1rem}.settingsNav li{margin-bottom:-2px}.settingsNav .nav-link{padding:.5rem 0rem .2rem 0rem;margin-right:1.5rem;color:var(--bs-tertiary-color);font-size:1rem;cursor:pointer}.settingsNav .nav-link:hover,.settingsNav .nav-link:active,.settingsNav .nav-link.active{color:var(--bs-primary)}.settingsNav .nav-link:active,.settingsNav .nav-link.active{border-bottom:2px solid var(--bs-primary)}
.busyButton .busyButtonSpinner,.busyButton .icon{margin-right:.5rem;min-width:1rem}.busyButton .icon.icon-only{margin-right:0}.busyButton .busyButtonSpinner .spinner-border{vertical-align:baseline;border-width:.1em}
.passwordInput input::-ms-reveal{display:none}
.preLoginPanel{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bs-body-bg);padding-top:2rem;padding-bottom:2rem}.preLoginPanel .preLoginContainer{width:100%;max-width:420px;margin:0 auto}.preLoginPanel .preLoginHeader{position:relative;text-align:center;margin-bottom:2rem}.preLoginPanel .preLoginHeader .themeToggle{position:absolute;top:0;right:0}.preLoginPanel .preLoginHeader .themeToggle .darkModeToggle{opacity:.4;margin:0;padding:0;font-size:.8rem;color:var(--bs-body-color)}.preLoginPanel .preLoginHeader .logo img{height:60px;max-width:280px;width:auto}.preLoginPanel .preLoginCard{margin-bottom:2rem;box-shadow:var(--bs-box-shadow)}.preLoginPanel .preLoginCard .card-body{padding:3rem}@media(max-width: 420px){.preLoginPanel .preLoginCard{border:none;box-shadow:none}.preLoginPanel .preLoginCard .card-body{padding:0rem 1.5rem}}.preLoginPanel .preLoginCard .preLoginTitle{text-align:center;margin-bottom:2rem}.preLoginPanel .preLoginCard .preLoginTitle h2{font-size:1.6rem;font-weight:600;margin-bottom:.5rem}.preLoginPanel .preLoginCard .preLoginTitle p{font-size:.95rem;margin:0;color:var(--bs-secondary-color)}.preLoginPanel .preLoginFooter{text-align:center;color:var(--bs-secondary-color);font-size:.85rem}.preLoginPanel .preLoginFooter a{color:var(--bs-secondary-color)}.preLoginPanel .preLoginFooter .footerLinks{margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;color:var(--bs-secondary-color)}.preLoginPanel .preLoginFooter .footerBranding{opacity:.8;color:var(--bs-secondary-color)}.preLoginPanel .preLoginFooter .footerBranding .separator{margin:0 .5rem;opacity:.5}
.OSSelector .selectButtonList .btn img{display:block;margin:0 auto .3rem auto;width:2.4rem;filter:grayscale(1)}.OSSelector .selectButtonList .btn-secondary img{filter:grayscale(0)}
.selectButtonList>li{display:inline-block;padding:.75rem 1.5rem;font-size:1.2rem;margin:.5rem}.selectButtonList>li.btn-outline-secondary{border-color:var(--bs-secondary-border-subtle)}.selectButtonList{margin-bottom:0;margin-left:-0.5rem;margin-right:-0.5rem;display:flex;flex-direction:row;flex-wrap:wrap;padding:0}
.viewInMpanel{position:fixed;top:0;right:0}.viewInMpanel a{background:rgba(var(--bs-secondary-bg-rgb), 0.75);padding:.3rem 1rem;font-size:.9rem}.viewInMpanel a:hover{text-decoration:none;background:var(--bs-secondary-bg)}
.sizeOptions>p{margin-top:2.5rem}
.sizeSelector{position:relative}.sizeSelector.disabled,.sizeSelector tr.disabled{opacity:.5}.sizeSelector .progress{position:absolute;top:0;left:0;right:0;height:.25rem}
.defTable{margin-bottom:0}.defTable .defItem+.defItem{margin-top:.5rem}.defItem{flex-wrap:wrap;display:flex;padding-left:.5rem}.defItem .defName{flex:0 0 6rem;font-size:.9rem;font-weight:400;color:var(--bs-secondary-color);margin-left:-0.5rem;white-space:nowrap}.defItem .defValue{flex:1 1 60%;padding-left:.5rem;max-width:100%}.defItem .defValue.ownLine{flex:1 1 100%}.defTable.wide .defName{flex:0 0 7.5rem}
.billingDetails .defItem+.defItem{margin-top:1rem}.billingDetails .defItem .defValue{margin-left:1rem}.billingDetails .defItem .defValue select{margin-left:-0.75rem}
.mobileHeader{display:none}.mobileHeader div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(max-width: 768px){.mobileHeader{display:block;position:fixed;left:0;right:0;top:4rem;z-index:1000;font-size:1.5rem;text-align:center;max-height:3.5rem;overflow:hidden}}.mobileHeader .grayHeader{background-color:var(--bs-tertiary-bg);padding:.5rem;border-bottom:1px solid var(--divider-color)}.mobileHeader .distributionLogo img{width:1.5rem;margin-right:.4rem;margin-bottom:.4rem}
.serverAddForm .card+*{margin-top:1rem}.serverAddForm div.mb-3,.serverAddForm .form-check{margin:0rem 1.5rem 1rem 1.5rem}.serverAddForm div.mb-3 input,.serverAddForm div.mb-3 select,.serverAddForm .form-check input,.serverAddForm .form-check select{max-width:350px}.serverAddForm div.mb-3+p,.serverAddForm .sizeOptions+p{margin-top:2.5rem}.serverAddForm .sizeOptions{margin-top:1.5rem}.serverAddForm .sizeOptions+h5{margin-top:2.5rem}