/*Sign in css starts here*/

#content-container{
    opacity: 0;
}

#content-container.container.custom-signin-form-container{
    opacity:1;
}

#wrapper.custom-signin-wrapper header.nonMember:after, #wrapper.change-password-container header.nonMember:after, .container.custom-change-password .col-md-4{
    display: none;
}

.custom-signin-form-container .nav.nav-tabs.nav-account{
    display: none;
}

.custom-signin-form-container .page-content .row > .col-md-6{
    float: none;
    margin: auto;
    display: table;
}

.container.custom-change-password .col-md-8{
    width: 100%;
    float: none;
    margin: auto;
    display: table;
    max-width: 370px;
}

.container.custom-change-password .col-sm-8{
    width: 100%;
}

.container.custom-change-password .col-sm-offset-4.col-sm-8{
    margin-left: 0;
    margin-top: 15px;
}

.custom-signin-form-container .custom-signin-form .form-horizontal > fieldset >legend{
    border: 1px solid transparent;
    margin-bottom: 5px;
}

.custom-signin-form-container .custom-signin-form div#loginValidationSummary{
    margin-bottom: 0;
}

.custom-signin-form-container .custom-signin-form .form-horizontal .control-label{
    float: none;
    display: block;
    text-align: left !important;
    width: 100%;
    font-family : Source Sans Pro; 
    font-size : 14px; 
    line-height : 18px; 
    color : #6E6F71; 
    font-weight: normal;
    margin-bottom: 5px;
}


.container.custom-change-password .form-horizontal label.control-label{
    margin-bottom: 5px;
    display: block;
    float: none;
    width: 100%;
    text-align: left;
}

.container.custom-change-password label.control-label[for="Username"], 
.container.custom-change-password input#Username, 
.container.custom-change-password label.control-label[for="ConfirmPassword"] > span > span{
    display: none;
}

.container.custom-change-password label.control-label[for="ConfirmPassword"]:after {
    content: "Confirm New Password";
}

.custom-signin-form-container .custom-signin-form .form-horizontal > fieldset > .form-group .col-sm-offset-4{
    margin-left: 0;
}

.custom-signin-form-container .custom-signin-form .btn.btn-default{
    border: 0 none !important;
    background: none !important;
    display: inline-block;
    text-align: left;
    padding: 0 !important;
    color: #47AAE0 !important;
    margin: 10px 0 0 5px;
    font-family : Source Sans Pro; font-size : 14px; line-height : 26px;
}

.custom-signin-form-container .custom-signin-form .btn.btn-default:hover, .custom-signin-form-container .custom-signin-form .btn.btn-default:focus{
    color: #47AAE0;
    background: none;
}

.custom-signin-form-container .custom-signin-form #submit-signin-local{
    background : #A5C755;
    border: 1px solid  #A5C755;
    height : 40px;
    font-family : Source Sans Pro;
    font-weight : bold;
    font-size : 14px;
    color : #FFFFFF;
    text-transform: uppercase;
    padding: 0 30px;
    margin-top: -5px;
}

.custom-signin-form-container .custom-signin-form #submit-signin-local:hover, .custom-signin-form-container .custom-signin-form #submit-signin-local:focus{
    background : #D4E2B0;
    border: 1px solid  #D4E2B0;
}

.custom-signin-form-container .custom-signin-form .form-horizontal > fieldset >legend > span > span {
    text-indent: -450px;
    display: block;
    overflow: hidden;
    height: 30px;
}
.custom-signin-form-container .custom-signin-form .form-horizontal > fieldset >legend > span > span:after {
    text-indent: 0px;
    float: left;
    content: 'Membership Sign In';
    font-family : Source Sans Pro; font-size : 21px; color : #6E6F71;
}

.custom-signin-form-container .custom-signin-form .form-horizontal label[for="Username"] > span,
.custom-signin-form-container .custom-signin-form .form-horizontal label[for="Username"] > span > span {
    text-indent: -150px;
    display: block;
    overflow: hidden;
    height: 20px;
}

.custom-signin-form-container .custom-signin-form .form-horizontal label.control-label.required:before, .custom-signin-form-container .page-content .row > .col-md-6:nth-child(2), .custom-signin-form .form-horizontal .checkbox{
    display: none;
}

.custom-signin-form-container .custom-signin-form .form-horizontal label[for="Username"] > span > span:after{
    text-indent: 0px;
    content: 'Member ID';
    float: left;
}

.custom-signin-form-container .custom-signin-form .form-horizontal input[type=text], .custom-signin-form-container .custom-signin-form .form-horizontal input[type=password]{
    background : #FFFFFF;
    border-style : Solid;
    border-color : #6D6E70;
    border-width : 1px;
    width : 270px;
    height : 40px;
}

.custom-change-password #login-validation-summary {
    background-color: #F5DFDD;
    width: 100%;
    max-width: 370px;
    min-height: 70px;
    border-color: #F5DFDD;
}

.custom-change-password #login-validation-summary ul {
    padding: 0 15px;
}

.custom-change-password #login-validation-summary ul li {
    font-size: 14px;
    line-height: 18px;
    color: #DA5454;
    margin-top: 5px;
}

.custom-change-password #login-validation-summary ul li:first-child{
	margin-top: 0;
}

.custom-signin-form-container .custom-signin-form .btn.btn-default {
        display: none;
}

.custom-signin-form-container .custom-signin-form .btn.btn-default.forgotlink {
        display: block;
        margin: 30px 0 0 0;
        height: 10px !important;
}


/*Sign In CSS ends*/


/* forget Password Starts

.container .form-horizontal > fieldset >legend > span > span {
    text-indent: -60px;
    display: block;
    overflow: hidden;
    height: 30px;
	font-family : Source Sans Pro; font-size : 21px; color : #6E6F71;
}

button#submit-forgot-password {
    background: #A5C755;
    border: 1px solid #A5C755;
    height: 40px;
    font-family: Source Sans Pro;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 0 30px;
    margin-top: -5px;
}

button#submit-forgot-password:hover, button#submit-forgot-password:focus {
    background: #D4E2B0;
    border: 1px solid #D4E2B0;
}


.container .form-horizontal {
    float: none;
    margin: auto;
    display: table;
}

.container .form-horizontal input[type=text], .container.custom-change-password input[type=password]{
	background : #FFFFFF;
    border-style : Solid;
    border-color : #6D6E70;
    border-width : 1px;
    width : 270px;
    height : 40px;
}

 .container .form-horizontal .control-label{
    float: none;
    display: block;
    text-align: left !important;
    width: 100%;
    font-family : Source Sans Pro; font-size : 14px; line-height : 18px; color : #6E6F71; font-weight: normal;
}


forget password ends here*/


/*New Forgot Password css starts*/

.container.customForgotPassword #EntityFormControl_53d1ea154d32e7118184f0921c124e44, 
.forgotMemberId, .forgotMemberId #divIFrame,
.container.customForgotPassword #EntityFormControl_764b7e454e32e7118184f0921c124e44{
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
}

.forgotMemberId{
    padding: 0 15px;
}

.container.customForgotPassword .crmEntityFormView .tab .tab-column:nth-child(2), .container.customForgotPassword .crmEntityFormView .tab .tab-column:nth-child(3){
    display: none;
}

.container.customForgotPassword .crmEntityFormView .tab{
    margin-bottom: 0;
}

.container.customForgotPassword .crmEntityFormView .cell:first-child{
    padding-bottom: 0;
}

.container.customForgotPassword .crmEntityFormView .actions {
    border-top: 0 none;
    margin: 0;
    padding: 0;
}

.container.customForgotPassword input{
    background: #FFFFFF;
}

.container.customForgotPassword .rcCaptchaAudioLink {
    display: none !important;
}

#wrapper.customForgotPasswordWrap header:after, .forgotMemberIdWrap header:after{
    display: none;
}

.forgotMemberId h3, .container.customForgotPassword h3{
    width: 100%;
    font-size: 21px;
    color: #6E6F71;
    text-transform: capitalize;
    max-width: 370px;
    margin: 0 auto 20px;
}

.forgotMemberId label{
    font-size: 14px;
    line-height: 18px;
    color: #6E6F71;
    font-weight: normal;
}

.forgotMemberId #btnSubmit{
    margin-top: 10px;
}

.forgotMemberId #txtEmail{
    background: #FFFFFF;
}


.customForgotPassword .validation-summary.alert.alert-error.alert-danger.alert-block,
.forgotMemberId #divWarning, #divActiveContacts .failure-message{
    background-color: #F5DFDD;
    width: 100%;
    max-width: 370px;
    min-height: 70px;
    border-color: #F5DFDD;
}

.customForgotPassword .validation-summary.alert.alert-error.alert-danger.alert-block h4, 
.customForgotPassword .validation-summary.alert.alert-error.alert-danger.alert-block ul li,
.forgotMemberId #divWarning label,
#divActiveContacts .failure-message p{
    font-size: 14px;
    line-height: 18px;
    color: #DA5454;
    margin-top: 5px;
    display: block;
}

#divWarning{
    display: none;
}

#divWarning label{
    font-weight: normal;
    padding:5px;
}

#divIFrame iframe{
    width: 100%;
    height: 100%;
}


#divActiveContacts{
    font-family: 'Source Sans Pro', sans-serif;
}

.resetFailed label.failed{
    text-align: center;
    margin: 30px auto;
    display: table;
    color: #DA5454;
}

/*New Forgot Password css ends*/

.custom-change-password .form-horizontal .btn.btn-primary,
.custom-change-password .form-horizontal #forgotcancel{
    float: left;
    clear: both;
    margin-bottom: 30px;
}

.custom-change-password .form-horizontal #forgotcancel{
    line-height: 40px;
}    



@media (min-width: 768px){
    .custom-signin-form-container .page-content .row > .col-md-6{
        width: 40%;
    }
    .custom-signin-form-container .form-horizontal > fieldset > .form-group .col-sm-offset-4{
        margin-left: 0;
    }
    .custom-signin-form-container .custom-signin-form .btn.btn-default {
        margin: 10px 0 0 0;
        line-height : 18px;
    }
    .forgotMemberId{
        padding: 0;
    }

    .custom-change-password .form-horizontal #forgotcancel {
        float: right;
        clear: none;
    }

}

@media (min-width: 992px){
    .custom-signin-form-container .page-content .row > .col-md-6{
        width: 25%;
    }
}