.outerContainer
{
    height: auto; 
    width: 1140px; 
    margin: 0 auto;
    margin-top: 20px; 
}

.innerContainer
{
    position: relative;
    height: auto;
    width: 390px;
    padding: 30px 30px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 8px #dfdfdf;
}

    .innerContainer > table 
    {
        width: 100%;
    }

.div_success
{
    width: 620px;
    margin: 0 auto;
    padding-top: 130px;
}

.errorMessage, .promo
{
    color: #fff !important;
}

#A1 
{
    display: none;
}

.header-container
{
    position: relative !important;
}

.controlContainer
{
    position: relative;
    width: 100%;
    padding-bottom: 7px;
    margin-top: 15px;
}

.controlContainer > div {
    display: inline-block;
}

.controlContainer span
{
    color: #808080;
}

.usernameError, .passwordError, .emailError
{
    position: absolute;
    right: 26px;
    top: 11px;
    font-size: 13px;
    color: red;
}

/* Set info icon color */
.infoSpan {
    color: #00A2FF;
}

/* Format tooltip style */
.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto;}
.tooltip.in{filter:alpha(opacity=90);opacity:.9}
.tooltip.top{padding:5px 0;margin-top:-3px}
.tooltip.right{padding:0 5px;margin-left:3px}
.tooltip.bottom{padding:5px 0;margin-top:3px}
.tooltip.left{padding:0 5px;margin-left:-3px}
.tooltip-inner{max-width:800px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}

.inputMaterial 				
{
    width: 345px;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #757575;
    padding: 5px 5px;
    display: block;
}

.inputMaterial:focus
{
    outline: none;
}

.label 				 
{
    position: absolute;
    color: #999; 
    font-size: 13px;
    font-weight: normal;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all; 
    -moz-transition: 0.2s ease all; 
    -webkit-transition: 0.2s ease all;
}

/* active state */
.inputMaterial:valid ~ .label, .inputMaterial:focus ~ .label
{
    top: -15px;
    font-size: 14px;
    color: #E41276;
}

/* BOTTOM BARS ================================= */
.bar 	
{
    position: relative; 
    width: 355px;
    display: block;
}

.bar:before, .bar:after 	
{
    position: absolute;
    content: '';
    height: 2px; 
    width: 0;
    bottom: 1px;
    background: #E41276; 
    transition: 0.2s ease all; 
    -moz-transition: 0.2s ease all; 
    -webkit-transition: 0.2s ease all;
}

.bar:before 
{
    left: 50%;
}

.bar:after 
{
    right: 50%; 
}

/* active state */
.inputMaterial:focus ~ .bar:before, .inputMaterial:focus ~ .bar:after 
{
    width: 50%;
}

.registerButton, .loginButton, .resetButton
{
    width: 100% !important;
    padding: 7px 0;
    text-align: center;
    font-size: 18px;
}

.header-container {
    display: none !important;
}

.imageWrapper 
{
    height: 90px;
    width: 100%;
    text-align: center;
    margin: 0 auto 30px auto; 
    overflow: hidden;
}

.intuitLoginWrapper, .resetPasswordWrapper
{
    position: relative;
    width: 100%;
    text-align: center;
    display: table;
}

.intuitLoginWrapper > span
{
    font-size: 20px;
    color: #757575;
    margin-right: 7px;
    vertical-align: middle;
}

.forgotPasswordWrapper
{
    text-align: right;
    margin: 15px 0;
}

.forgotPasswordWrapper > a,
.registerWrapper > a
{
    text-decoration: none;
}

.registerWrapper > a 
{
    font-weight: bold;
}

.registerWrapper
{
    height: auto;
    width: 450px;
    padding: 15px 0;
    text-align: center;
    margin: 0 auto;
    background: #f5f5f5;
    box-shadow: 0 0 8px #dfdfdf;
    font-size: 16px;
}

 #A1 
{
    display: none;
}

.text-left
{
    text-align: left !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{
    background: #fff !important;
}

.promo 
{
    color: #757575 !important;
}

.promo > span {
    font-size: 18px !important;
}