/* CSS reset */
@font-face {
    font-family: "Proxima Nova";
    src: url("https://pure1.purestorage.com/fonts/ProximaNova.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
body {background-repeat:no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; background-attachment: fixed;} 

body.pure1-login { }


div.pure1_login_page {
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
	background-color:#FFFFFF;
	margin-top:150px;
}

.errorM3 {
    background-color: #F0F0F0;
    margin-left: calc(10%);
    width: 100%;
}

.errorM3 h4 {
    margin: 0;
}

.pure1_login_link {
    display: inline-block;
}

.pure1-logo {
    display: block;
    width: 275px;
    max-width: 100%;
    margin: auto;
    padding: 10px 20px;
	background-color:#FFFFFF;
	margin-bottom:40px;
	margin-top: 40px;
	
}

div.pure1_login_page {
    height: 540px;
    width: 646px;
    left:calc(50% - 323px);
    transform: translateY(-50%)
    border:thin #000000;
    margin-top:10%;
    max-width:100%;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--Color-Primitives-Primary-Neutrals-White, #FFF);
    box-shadow: var(--Shadow-Bottom-elevation-4-X, 0px) var(--Shadow-Bottom-elevation-4-Y, 32px) var(--Shadow-Bottom-elevation-4-Blur, 96px) var(--Shadow-Bottom-elevation-4-Spread, 0px) var(--Shadow-Bottom-elevation-4-Shadow, rgba(0, 0, 0, 0.30));
}

.pure1_login_form {
    position: relative;
    height: 220px;
    width: 282px;
    margin: 0 0 0 -140px;
    top: 0;
    left: 50%;
	margin-top:30px;
}

.pure1_login_link {
    position: absolute;
    margin-top: -10px;
    top: 175px;
    left: 50%;
    margin-left: -77px;
    color: #e07135;
    font-family: Proxima Nova, Arial;
    font-size: 11pt;
}

.sign-in {
    width: 220px;
}

#passwordjs, #usernamejs {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    border: 1px solid #c5c5c5;
    width: 282px;
    height: 44px;
    padding-left: 13px;
    font-family: Proxima Nova, Arial;
    font-size: 10pt;                             
}

#passwordjs {
    height: 43px;
    border-top: 0 solid #ffffff;
}

#loginPage\:loginForm\:doLogin {
    width: 300px;
    height: 40px;
    background: #FE5000;
    color: #FFFFFF;
    border-width: 0;
    font-family: Proxima Nova, Arial;
    font-size: 12pt;
    margin: 23px 0 0 0;
    display: flex;
    align-items: flex-start;
    flex: 1 0 0;
    box-shadow: var(--Shadow-Bottom-elevation-1-X, 0px) var(--Shadow-Bottom-elevation-1-Y, 2px) var(--Shadow-Bottom-elevation-1-Blur, 6px) var(--Shadow-Bottom-elevation-1-Spread, 0px) var(--Shadow-Bottom-elevation-1-Shadow, rgba(0, 0, 0, 0.15));
    border-radius: var(--Radius-radius-med, 8px);
    background: var(--Gradients-Orange-50---40-Linear, linear-gradient(180deg, #FE5000 0%, #CC4000 100%));                            
}

#pure1Terms {
    width: 320px;
    margin-top: 20px;
    margin-left: -64px;
    color: #9b9195;
    font-size: 7pt;
@font
font-family: Proxima Nova, Arial;

}

@media (max-width: 600px) {
    .errorM3 {
        margin-top: 50%;
        width: 100%; 
        margin-left: calc(15% - 100px);
    }                                                       
}
                                                            
                                                            
@media only screen and (max-height: 599px) {
    .pure1-logo {
        margin-top: 50px;
    }
}
                                                            
@media (min-width: 1920px) {
   .errorM3 {
        margin-left: calc(50%);
    }                                                                  
}
                                                                                                                     
                                                                                                                      
@media only screen and (min-width: 620px) {
    #pure1Terms {
        display: yes;
    }
   
}