.n-content-wrapper .vertical-centered-box{
width:100%;
height:100%;
position:absolute;
text-align:center;
}
.n-content-wrapper .vertical-centered-box::after{
content:'';
display:inline-block;
height:100%;
vertical-align:middle;
margin-right:-0.25em;
}
.n-content-wrapper .prism-loader{
transition:all 0.5s cubic-bezier(0.6,-0.28,0.74,0.05);
position:relative;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
text-align:left;
font-size:0;
}
.n-content-wrapper .prism-loader.fade-out{
opacity:0;
}
.n-content-wrapper .prism-loader > .loader-circle{
width:120px;
height:120px;
position:absolute;
left:50%;
top:50%;
margin-left:-60px;
margin-top:-60px;
border-radius:50%;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.1);
}
.n-content-wrapper .prism-loader > .loader-line-mask{
width:60px;
height:120px;
position:absolute;
left:50%;
top:50%;
margin-left:-60px;
margin-top:-60px;
overflow:hidden;
transform-origin:60px 60px;
animation:prism-loader-rotate 1.2s infinite linear;
}
@keyframes prism-loader-rotate{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
.n-content-wrapper .prism-loader > .loader-line-mask > .loader-line{
width:120px;
height:120px;
border-radius:50%;
box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
.login-background,
.n-particle-view{
background-image:linear-gradient(-134deg,#002025 0%,#3f3251 98%);
}
.login-background .particles-gradient,
.n-particle-view .particles-gradient,
.login-background #particles-foreground,
.n-particle-view #particles-foreground,
.login-background #particles-background,
.n-particle-view #particles-background,
.login-background,
.n-particle-view{
width:100%;
height:100%;
overflow:hidden;
position:absolute;
}
.login-background #particles-foreground.fade-in,
.n-particle-view #particles-foreground.fade-in,
.login-background #particles-background.fade-in,
.n-particle-view #particles-background.fade-in{
animation:fade-in-particles 1s ease-out;
}
@keyframes fade-in-particles{
0%{
opacity:0;
transform:scale(2);
}
100%{
opacity:1;
transform:scale(1);
}
}
.login-background .particles-gradient.fade-in,
.n-particle-view .particles-gradient.fade-in{
animation:fade-in-particle-bg 2.5s ease-out;
}
@keyframes fade-in-particle-bg{
0%,
20%{
opacity:0;
transform:scale(2);
}
100%{
opacity:1;
transform:scale(1);
}
}
.n-particle-view{
position:relative;
}
.login-background{
position:fixed;
}
#n-login-wrapper.loaded > .bottom-left,
#n-login-wrapper.loaded > .bottom-right{
opacity:1;
animation:login-fade-in-o 0.35s cubic-bezier(0.39,0.58,0.57,1);
}
@keyframes login-fade-in-o{
0%{
opacity:0;
}
100%{
opacity:1;
}
}
#n-login-wrapper #n-ctr-login{
background:#000000;
}
#n-login-wrapper #n-ctr-login input{
background-color:transparent;
border:none;
border-radius:none;
box-shadow:none;
transition:none;
display:inline-block;
height:auto;
padding:0;
margin:0;
vertical-align:baseline;
font-family:'Nutanix Soft',Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:500;
line-height:normal;
color:rgba(255,255,255,0.8);
}
#n-login-wrapper #n-ctr-login input:-ms-input-placeholder{
color:rgba(255,255,255,0.3);
}
#n-login-wrapper #n-ctr-login input::placeholder{
color:rgba(255,255,255,0.3);
}
#n-login-wrapper #n-ctr-login #inputUsername::-ms-clear{
display:none;
}
#n-login-wrapper #n-ctr-login #inputPassword::-ms-clear{
display:none;
}
#n-login-wrapper #n-ctr-login .animateFocus{
transition:all 0.48s;
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader{
width:11px;
height:11px;
display:inline-block;
animation:rotate 0.8s linear infinite;
border-radius:50%;
background-repeat:no-repeat;
background-size:5px 5px,6px 5px,6px 6px,5px 6px;
background-position:bottom left,bottom right,top right,top left;
position:relative;
margin-top:-2px;
vertical-align:middle;
background-color:rgba(34,165,247,0);
background-image:linear-gradient(135deg,#22A5F7,rgba(34,165,247,0.7)),linear-gradient(45deg,rgba(34,165,247,0.7),rgba(34,165,247,0.4)),linear-gradient(135deg,rgba(34,165,247,0.1),rgba(34,165,247,0.4)),linear-gradient(45deg,rgba(34,165,247,0) 40%,rgba(34,165,247,0.1));
width:22px;
height:22px;
background-size:11px 11px,11px 11px,11px 11px,11px 11px;
margin:5px;
}
@keyframes rotate{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader::before{
width:2px;
height:1px;
width:2;
height:1;
position:absolute;
content:'';
left:0;
top:5px;
border-radius:1px 1px 0 0;
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader::after{
width:7px;
height:7px;
position:absolute;
content:'';
left:2px;
top:2px;
border-radius:50%;
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader::before{
background-color:#22A5F7;
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader::after{
background-color:#363e4f;
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader::before{
width:4px;
height:4px;
top:10px;
border-radius:10px 10px 0 0;
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader::after{
width:14px;
height:14px;
left:4px;
top:4px;
}
#n-login-wrapper #n-ctr-login #inputPassword + label .donut-loader::after{
transition:all 0.4s;
}
#n-login-wrapper #n-ctr-login #inputPassword:focus + label .loginSubmitArrow path{
fill:#000000;
}
#n-login-wrapper #n-ctr-login #inputPassword:focus + label .loginSubmitArrow.active{
opacity:0.4;
}
#n-login-wrapper #n-ctr-login #inputPassword:focus + label .donut-loader::after{
background-color:#e6e6e6;
}
#n-login-wrapper #n-ctr-login #welcomeBannerSection{
display:none;
position:absolute;
z-index:100;
top:50%;
left:50%;
margin-left:-260px;
margin-top:-245px;
text-align:center;
animation-name:slidein;
animation-duration:0.75s;
}
#n-login-wrapper #n-ctr-login #welcomeBannerSection .alert-error{
background:rgba(0,0,0,0.8);
border:none;
text-shadow:none;
display:none;
text-align:center;
position:relative;
z-index:1000;
max-width:250px;
min-width:150px;
margin:30px auto 0;
padding:8px 10px;
color:#F55656;
}
#n-login-wrapper #n-ctr-login .form-login{
display:none;
position:absolute;
z-index:99;
top:50%;
left:0;
right:0;
margin:-125px auto 0;
}
#n-login-wrapper #n-ctr-login .form-login.form-section-override{
margin-top:-190px;
}
#n-login-wrapper #n-ctr-login .form-login > .n-login-form{
text-align:center;
}
#n-login-wrapper #n-ctr-login .form-login > .n-login-form > .login-controls{
display:inline-block;
}
#n-login-wrapper #n-ctr-login .form-login .n-login-help{
margin-top:20px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
}
#n-login-wrapper #n-ctr-login .form-login .n-login-help > span{
opacity:0.5;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
}
#n-login-wrapper #n-ctr-login .form-login .n-login-help > span:hover{
opacity:1;
cursor:pointer;
}
#n-login-wrapper #n-ctr-login .form-login .alert-error,
#n-login-wrapper #n-ctr-login .form-login .alert-success,
#n-login-wrapper #n-ctr-login .form-login .alert-info{
background:rgba(0,0,0,0.8);
border:none;
text-shadow:none;
text-align:center;
padding:8px 10px;
}
#n-login-wrapper #n-ctr-login .form-login .alert-error{
color:#F55656;
}
#n-login-wrapper #n-ctr-login .form-login .alert-success{
color:#26925e;
}
#n-login-wrapper #n-ctr-login .form-login .alert-info{
color:#1b6dc6;
}
#n-login-wrapper #n-ctr-login .form-login > .alert-error,
#n-login-wrapper #n-ctr-login .form-login > .alert-success,
#n-login-wrapper #n-ctr-login .form-login > .alert-info{
display:none;
position:relative;
z-index:1000;
max-width:485px;
min-width:150px;
margin:0 auto;
margin-top:20px;
box-sizing:border-box;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo{
text-transform:uppercase;
letter-spacing:3px;
font-size:38px;
font-weight:400;
color:#1b6dc6;
cursor:default;
animation-name:slidein;
animation-duration:0.8s;
margin-bottom:32px;
text-align:center;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span{
display:inline-block;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span + span{
margin-left:10px;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-child(1){
color:#FFFFFF;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-child(2){
color:#d3edfd;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-child(3){
color:#91d2fb;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-child(4){
color:#22A5F7;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-child(5){
color:#1b6dc6;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(6):first-child{
color:#FFFFFF;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(6):first-child ~ span:nth-child(1){
color:#d9e7f5;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(6):first-child ~ span:nth-child(2){
color:#b3ceec;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(6):first-child ~ span:nth-child(3){
color:#8db6e2;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(6):first-child ~ span:nth-child(4){
color:#679ed9;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(6):first-child ~ span:nth-child(5){
color:#4186cf;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(7):first-child{
color:#FFFFFF;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(7):first-child ~ span:nth-child(1){
color:#deeaf7;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(7):first-child ~ span:nth-child(2){
color:#bed5ef;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(7):first-child ~ span:nth-child(3){
color:#9dc1e6;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(7):first-child ~ span:nth-child(4){
color:#7dacde;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(7):first-child ~ span:nth-child(5){
color:#5c97d6;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(7):first-child ~ span:nth-child(6){
color:#3c82ce;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child{
color:#FFFFFF;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child ~ span:nth-child(1){
color:#e3edf8;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child ~ span:nth-child(2){
color:#c6dbf1;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child ~ span:nth-child(3){
color:#aac8e9;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child ~ span:nth-child(4){
color:#8db6e2;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child ~ span:nth-child(5){
color:#71a4db;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child ~ span:nth-child(6){
color:#5492d4;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo span:nth-last-child(8):first-child ~ span:nth-child(7){
color:#387fcd;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo.custom span:nth-child(-n+5){
color:#FFFFFF;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo.small{
font-size:30px;
font-weight:500;
}
#n-login-wrapper #n-ctr-login .form-login > .prism-logo.-animate{
animation-name:slidein;
animation-duration:0.8s;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div{
margin-bottom:25px;
opacity:1;
animation-name:slidein_2;
animation-duration:1s;
width:485px;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div:empty{
margin:0;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div:last-child{
margin-bottom:0;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit{
position:relative;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit > .submit-button-wrapper{
margin:0;
position:absolute;
right:23px;
top:19px;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit > .submit-button-wrapper > .loginSubmit{
width:32px;
height:32px;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit > .submit-button-wrapper > .loginSubmit .loginSubmitArrow{
width:32px;
height:32px;
color:transparent;
opacity:0;
cursor:pointer;
transition:opacity 0.2s ease;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit > .submit-button-wrapper > .loginSubmit .loginSubmitArrow.animate{
opacity:0.2;
animation:showLoginSubmitArrow 0.48s ease;
}
@keyframes showLoginSubmitArrow{
0%{
transform:scale(0);
}
100%{
transform:scale(1);
}
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit > .submit-button-wrapper > .loginSubmit .loginSubmitArrow.active{
opacity:0.8;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit > .submit-button-wrapper > .loginSubmit .loginSubmitArrow path{
fill:#FFFFFF;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div.login-password-submit > .submit-button-wrapper > .submit{
display:none;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input{
box-shadow:none;
display:inline-block;
margin:0;
vertical-align:baseline;
font-family:'Nutanix Soft',Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:500;
line-height:normal;
color:rgba(255,255,255,0.8);
background:rgba(255,255,255,0.1);
border-radius:6px;
border:none;
font-size:24px;
outline:none;
width:100%;
height:70px;
padding:20px;
transition:all 0.4s;
box-sizing:border-box;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input:-ms-input-placeholder{
color:rgba(255,255,255,0.3);
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input::placeholder{
color:rgba(255,255,255,0.3);
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input.password-submit{
padding-right:80px;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input:focus,
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input.focus{
background:rgba(255,255,255,0.9);
color:#000000;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input:focus:-ms-input-placeholder,
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input.focus:-ms-input-placeholder{
color:rgba(0,0,0,0.3);
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input:focus::placeholder,
#n-login-wrapper #n-ctr-login .form-login .login-controls > div input.focus::placeholder{
color:rgba(0,0,0,0.3);
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > .company-text{
margin-top:35px;
text-align:center;
font-size:14px;
font-weight:500;
color:rgba(255,255,255,0.5);
}
#n-login-wrapper #n-ctr-login .form-login .login-controls > .login-instructions{
color:#FFFFFF;
font-size:16px;
text-align:center;
margin:25px auto;
}
#n-login-wrapper #n-ctr-login .form-login .login-controls .help-text{
font-size:14px;
color:#FFFFFF;
text-align:left;
}
#n-login-wrapper #n-ctr-login .form-login .loginLinks a{
color:#FFFFFF;
font-size:16px;
text-decoration:none;
opacity:0.5;
}
#n-login-wrapper #n-ctr-login .form-login .loginLinks a:hover{
color:#FFFFFF;
opacity:1;
}
#n-login-wrapper #n-ctr-login .form-login .loginLinks .left{
float:left;
}
#n-login-wrapper #n-ctr-login .form-login .loginLinks .right{
float:right;
}
#n-login-wrapper #n-ctr-login .form-login .submit{
display:none;
}
#n-login-wrapper #n-ctr-login #loginHostPort{
display:none;
}
#n-login-wrapper #n-ctr-login .login-footer-message{
font-size:18px;
color:#F2F4F6;
text-align:center;
text-transform:capitalize;
padding-top:15px;
}
#n-login-wrapper ~ .ui-menu{
background-color:#F2F4F6;
border-top-left-radius:0;
border-top-right-radius:0;
overflow:visible;
border:0;
padding:0;
}
#n-login-wrapper ~ .ui-menu::before{
content:'';
height:6px;
width:485px;
background:#F2F4F6;
position:absolute;
top:-6px;
left:0;
}
#n-login-wrapper ~ .ui-menu .ui-menu-item a{
text-decoration:none;
display:block;
padding:20px;
line-height:normal;
font-size:24px;
color:#627386;
height:29px;
transition:none;
}
#n-login-wrapper ~ .ui-menu .ui-menu-item a.ui-state-hover{
background-color:#F2F4F6 !important;
margin:0;
color:#22272E;
}
#n-login-wrapper ~ .ui-menu .ui-menu-item a.ui-corner-all{
border-radius:0;
border:none !important;
}
#n-login-wrapper ~ .ui-menu .ui-menu-item:last-child a.ui-state-hover{
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}
#n-login-wrapper > .bottom-left{
opacity:0;
position:fixed;
bottom:18px;
left:25px;
}
#n-login-wrapper > .bottom-left > .powered-by{
position:relative;
font-size:14px;
margin-right:9px;
font-weight:normal;
color:#FFFFFF;
}
#n-login-wrapper > .bottom-left .rebrand{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
}
#n-login-wrapper > .bottom-left .rebrand span:first-child{
width:90px;
height:32px;
padding-right:20px;
border-right:1px solid #5c586f;
}
#n-login-wrapper > .bottom-left .rebrand span:first-child g{
fill:#FFFFFF;
}
#n-login-wrapper > .bottom-left .rebrand span:first-child g polygon:first-child{
fill:#040707;
}
#n-login-wrapper > .bottom-left .rebrand span:nth-child(2){
width:36px;
height:16px;
padding-left:20px;
padding-right:9px;
}
#n-login-wrapper > .bottom-left .rebrand span:nth-child(2) path{
fill:#FFFFFF;
}
#n-login-wrapper > .bottom-left .rebrand span:nth-child(2) g.hx{
transform:translate(821px,0);
}
#n-login-wrapper > .bottom-left .rebrand span:nth-child(2) g.hx path{
fill:#afafaf;
}
#n-login-wrapper > .bottom-left .rebrand span:last-child{
color:#FFFFFF;
font-weight:500;
font-size:16px;
}
#n-login-wrapper > .bottom-left > .svg-loader{
background-color:rgba(34,165,247,0);
background-image:linear-gradient(135deg,#22A5F7,rgba(34,165,247,0.7)),linear-gradient(45deg,rgba(34,165,247,0.7),rgba(34,165,247,0.4)),linear-gradient(135deg,rgba(34,165,247,0.1),rgba(34,165,247,0.4)),linear-gradient(45deg,rgba(34,165,247,0) 40%,rgba(34,165,247,0.1));
}
#n-login-wrapper > .bottom-left > .svg-loader::before{
background-color:#22A5F7;
}
#n-login-wrapper > .bottom-left > .svg-loader::after{
background-color:#000000;
}
#n-login-wrapper > .bottom-left > .nutanix-logo{
fill:#FFFFFF;
display:inline-block;
vertical-align:middle;
width:90px;
height:11px;
position:relative;
bottom:2px;
}
#n-login-wrapper > .bottom-left > .multicluster-mode{
display:inline-block;
vertical-align:middle;
margin-left:15px;
text-transform:uppercase;
font-size:14px;
font-weight:600;
letter-spacing:1px;
color:#FFFFFF;
opacity:0.6;
}
#n-login-wrapper > .bottom-right{
opacity:0;
}
#n-login-wrapper #disableVideoSection .videoControlLink{
position:fixed;
right:25px;
bottom:19px;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
opacity:0.5;
z-index:5;
display:none;
}
#n-login-wrapper #disableVideoSection .videoControlLink:hover{
opacity:1;
cursor:pointer;
}
#n-login-wrapper #disableVideoSection #disableVideoLink{
display:block;
}
@keyframes slidein{
from{
opacity:0;
transform:scale(0);
}
to{
opacity:1;
transform:scale(1);
}
}
@keyframes slidein_2{
0%{
opacity:0;
transform:scale(0);
}
60%{
opacity:0;
transform:scale(0);
}
100%{
opacity:1;
transform:scale(1);
}
}
#loginWelcomeBanner{
text-align:center;
width:520px;
height:400px;
background-color:#FFFFFF;
border:1px solid #FFFFFF;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
#loginWelcomeBanner .antiscroll-wrap .antiscroll-inner{
height:400px;
}
#loginWelcomeBanner #welcomeBannerContainer{
opacity:0;
transition:opacity 2s;
padding-top:30px;
box-sizing:border-box;
text-align:left;
color:#627386;
font-weight:400;
font-size:18px;
}
#loginWelcomeBanner #welcomeBannerContainer h1{
font-weight:700;
font-size:24px;
}
#loginWelcomeBanner #welcomeBannerContainer h2{
font-weight:700;
font-size:20px;
}
#loginWelcomeBanner #welcomeBannerContainer h3{
font-weight:700;
font-size:18px;
}
#loginWelcomeBanner #welcomeBannerContainer h4{
font-weight:700;
font-size:16px;
}
#loginWelcomeBanner #welcomeBannerContainer ul,
#loginWelcomeBanner #welcomeBannerContainer li{
font-size:15px;
}
#btnAccept{
cursor:pointer;
margin-top:0;
padding:5px 0;
width:100%;
text-align:center;
color:#FFFFFF;
font-size:15px;
font-weight:600;
line-height:35px;
background-color:#2ba664;
border:1px solid #2ba664;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
#btnAccept:hover,
#btnAccept:focus{
background-color:#26925e;
}
#btnAccept .n-msg{
padding:0 35px;
float:left;
margin:0;
}
#btnAccept .n-check{
padding:0 35px;
float:right;
font-size:15px;
font-weight:400;
}
.n-pulse-info-container{
position:absolute;
top:50%;
left:50%;
margin-top:-200px;
margin-left:-250px;
text-align:left;
max-height:410px;
max-width:500px;
overflow:hidden;
font-weight:500;
font-size:14px;
color:#FFFFFF;
}
.n-pulse-info-container .n-pulse-header{
font-weight:600;
font-size:30px;
color:#FFFFFF;
text-align:center;
}
.n-pulse-info-container .n-message-header{
height:25px;
}
.n-pulse-info-container .n-message-header .n-error-message{
color:#c44556;
font-size:12px;
}
.n-pulse-info-container .n-pulse-content{
max-height:400px;
overflow:hidden;
position:relative;
}
.n-pulse-info-container .n-pulse-content .n-pulse-warning{
color:#F55656;
}
.n-pulse-info-container .n-pulse-input-container{
padding-top:30px;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-pack:justify;
justify-content:space-between;
}
.n-pulse-info-container .n-pulse-input-container .n-checkbox-container{
font-size:14px;
}
.n-pulse-info-container .n-pulse-input-container .n-button-container .btn{
min-width:150px;
font-size:14px;
}
.n-pulse-info-container .n-pulse-disclaimer{
color:#9AA5B5;
padding-top:40px;
font-size:12px;
}
.n-eula-agreement-container{
position:absolute;
top:50%;
left:50%;
margin-top:-250px;
margin-left:-500px;
text-align:center;
max-height:500px;
max-width:1000px;
}
.n-eula-agreement-container input[type="text"]{
background:rgba(255,255,255,0.1);
border-radius:6px;
border:none;
font-size:16px;
outline:none;
width:100%;
padding:18px;
transition:all 0.4s;
box-sizing:border-box;
box-shadow:none;
display:inline-block;
height:auto;
margin:0;
vertical-align:baseline;
font-family:'Nutanix Soft',Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:500;
line-height:normal;
color:rgba(255,255,255,0.8);
}
.n-eula-agreement-container input[type="text"]:-ms-input-placeholder{
color:rgba(255,255,255,0.3);
}
.n-eula-agreement-container input[type="text"]::placeholder{
color:rgba(255,255,255,0.3);
}
.n-eula-agreement-container input[type="text"]:focus,
.n-eula-agreement-container input[type="text"].focus{
background:rgba(255,255,255,0.9);
color:#000000;
}
.n-eula-agreement-container input[type="text"]:focus:-ms-input-placeholder,
.n-eula-agreement-container input[type="text"].focus:-ms-input-placeholder{
color:rgba(0,0,0,0.3);
}
.n-eula-agreement-container input[type="text"]:focus::placeholder,
.n-eula-agreement-container input[type="text"].focus::placeholder{
color:rgba(0,0,0,0.3);
}
.n-eula-agreement-container .n-eula-header{
font-weight:600;
font-size:30px;
color:#FFFFFF;
padding-bottom:64px;
}
.n-eula-agreement-container .n-eula-container .n-eula-agreement{
font-weight:500;
font-size:14px;
color:#B8BFCA;
display:inline-block;
max-height:375px;
box-sizing:border-box;
overflow:hidden;
text-align:left;
vertical-align:top;
padding-right:20px;
max-width:500px;
position:relative;
top:25px;
}
.n-eula-agreement-container .n-eula-container .n-eula-agreement ol{
counter-reset:item;
}
.n-eula-agreement-container .n-eula-container .n-eula-agreement ol li{
display:block;
}
.n-eula-agreement-container .n-eula-container .n-eula-agreement ol li::before{
content:counters(item,".") ". ";
counter-increment:item;
}
.n-eula-agreement-container .n-eula-container .n-eula-agreement ol li ol li::before{
content:counters(item,".") " ";
counter-increment:item;
}
.n-eula-agreement-container .n-eula-container .n-eula-agreement ol li ol li ol li::before{
counter-increment:item;
content:" (" counter(item,lower-alpha) ") ";
}
.n-eula-agreement-container .n-eula-container .n-eula-agreement .antiscroll-scrollbar-vertical{
background-color:#627386;
right:0;
z-index:1;
width:4px;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container{
display:inline-block;
box-sizing:border-box;
max-height:400px;
vertical-align:top;
padding-left:90px;
padding-right:50px;
max-width:500px;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-message-header{
height:25px;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-message-header .n-error-message{
color:#c44556;
font-size:11px;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-error{
box-shadow:0 0 0 1px #c44556 !important;
z-index:10;
bottom:1px !important;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row + .n-row{
margin:20px 0;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row.n-btn-container{
margin:0;
text-align:left;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row.n-btn-container .n-button + .n-button{
margin-left:18px;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row.n-terms-conditions-container{
padding:16px 0;
text-align:left;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-checkbox + label{
background-color:transparent !important;
line-height:20px;
vertical-align:middle;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-checkbox:checked + label{
background-color:#22A5F7 !important;
border-color:#22A5F7 !important;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-checkbox:checked + label::after{
color:#FFFFFF !important;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button{
color:#FFFFFF;
font-weight:600;
font-size:16px;
background-color:transparent;
line-height:36px;
border-color:#627386;
width:150px;
box-sizing:border-box;
height:40px;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button.n-accept{
float:right;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button.n-decline{
float:left;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button.n-decline:hover,
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button.n-decline:focus{
border-color:#FFFFFF;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button.n-blue{
background:#22A5F7;
border:0;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button.n-blue:hover,
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-button.n-blue:focus{
background:#1f88de;
border:0;
}
.n-eula-agreement-container .n-eula-container .n-eula-input-container .n-row .n-terms-conditions-label{
font-weight:500;
font-size:14px;
color:#B8BFCA;
display:inline-block;
margin:0;
line-height:20px;
vertical-align:middle;
padding-left:10px;
}