/*
	OneSteppe Application
	StyleSheet for MyAccount.cshtml
*/


#oneSteppe-MyAccount-banner {
	height: 95%;
	padding: 8em 0 9em 0;
	background-image: url(/OneSteppe/EmbeddedResources/images/GSGrouse-Smith.jpg);
	background-size: cover;
	background-position: bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
}

    #oneSteppe-MyAccount-banner:before {
        content: '';
        background: rgba(75, 75, 93, 0.70);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    #oneSteppe-MyAccount-banner .oneSteppe-MyAccount-inner {
        /*  border-top: 2px solid rgba(255, 255, 255, 0.2);  */
        position: relative;
        z-index: 10005;
        padding-top: 8em;
        /* padding-bottom:4em; */
        color:white;
        font-size: 25px;
        
    }
.onesteppe-MyAccount-text {
    color:white;
    font-size: 25px;
    /* padding-top: 4em;
    padding-bottom:4em; */
}

.oneSteppe-MyAccount-inner {
    max-width:90%;
    margin: 0 auto;
}

    @media screen and (max-width: 1280px) {

        .oneSteppe-MyAccount-inner {
            max-width: 90%;
        }

    }

    @media screen and (max-width: 480px) {

        .oneSteppe-MyAccount-inner {
            max-width: 90%;
        }

    }

#oneSteppe-MyAccount-banner .oneSteppe-MyAccount-inner {
    /*  border-top: 2px solid rgba(255, 255, 255, 0.2);  */
    position: relative;
    z-index: 10005;
    padding-top: 8em;
}
#onesteppe-MyAccount-recoverAccount-submitEmail {
    width:35%;
    position: absolute;
    z-index: 15;
    top: 100%;
    left: 35%;

}
#onesteppe-MyAccount-recoverAccount-submitEmail-email {
    margin:10px;
}
#onesteppe-MyAccount-recoverAccount-submitEmail-submit {
    margin:10px;
}

#onesteppe-MyAccount-recoverAccount-submitPassword-submit {
  
    width:20%;
    position: absolute;
    z-index: 15;
    top: 180%;
    left: 40%;
}

#onesteppe-MyAccount-changePassword {
    width:35%;
    position: absolute;
    z-index: 15;
    top: 1%;
    left: 35%;
}
#onesteppe-MyAccount-checkPassword {
    width:35%;
    position: absolute;
    z-index: 15;
    top: 100%;
    left: 35%;
}