/*Socal login panel*/
 .login-container .block.social-login-authentication-channel.account-social-login{
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.account-social-login .block-content{
     display:inline-block;
     width: 100%;
}
.social-btn{
    display:inline-block;
}
.btn-social{
    padding: 10px 20px 10px 60px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    background: red;
    color: #fff;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius:2px;
    letter-spacing: 1px;
    width: 100%;
    cursor:pointer;
    margin: 0 0 5px 0;
}
.wx_tip,.wx_sep{
    margin: 25px;
    font-size: 14px;
    color: #aeaeae;
}
.wx_sep{
    padding:10px 0;
}
.btn-social:hover{
    color:#fff;
}
body:not(.rtl).social-btn + .social-btn .btn-social{
    margin-right:0;
}
body.rtl.social-btn + .social-btn .btn-social{
    margin-left:0;
}
.btn-facebook{
     background:#304D8D;
}
.btn-google{
    background:#CC4326;
}
.btn-twitter{
    background:#0099DA;
}
.btn-social:before{
    font-family: "Ionicons";
    position: absolute;
    left: 20px;
    top: 50%;
    font-size: 20px;
    content: '';
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}

.btn-social:after{
    content: '';
    background: rgba(245,245,245,0.1);
    position: absolute;
    top: 0;
    width:50px;
    height: 100%;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius:2px 0 0 2px;
}

body:not(.rtl) .btn-social:after{
     left: 0;
}

body.rtl .btn-social:after{
     right: 0;
}


.btn-facebook:before{
     content:'\f231';
}
.btn-google:before{
    content: '\f34f';
}
.btn-twitter:before{
    content:'\f243';
}
.sign-in-links{
    margin: 10px;
    display: inline-block;
    font-size: 14px;
    color: #222;
    text-decoration: underline;
}

/*Social login Popup*/

.social_login_popup .modal-footer{
    display: none;
}
.modal-popup.social_login_popup .modal-header,
.modal-popup.social_login_popup .modal-content{
    padding:0;
}
.social_login_box {
    position: relative;
    top: 0;
    height: 100%;
    background: url(../images/social_bg.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    padding: 50px 0;
}
.social_content_box{
    background:#fff;
    width: 100%;
}

body:not(.rtl) .social_login_box {
    float: left;
    left: 0;
}
body.rtl .social_login_box {
    float: right;
    right: 0;
}

body:not(.rtl) .social_content_box{
    float: right;
}
body.rtl .social_content_box{
    float: left;
}
.social_content_box{
    padding: 100px 50px;
}
.register-title{
    font-size: 25px;
    font-weight: bold;
}
.register-info{
    color: #858585;
}
.register-info a{
    color: #50BAB8;
}
.social_content_box .input-text,
.social_content_box .control.customer-dob ._has-datepicker,
.social_content_box .field.password .input-text,
.social_content_box .field.confirmation .input-text,
.social-login .field .input-text{
    border-color: transparent transparent #B5B5B5 transparent;
    padding: 15px 0;
    height: auto;
    color: #222;
    text-transform:none;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0;
}

.social_content_box .field label{
    display:none!important;
}
.social_content_box .fieldset > .field, 
.social_content_box .fieldset > .fields > .field{
    margin-bottom: 0;
}
.social_content_box .control.customer-dob{
    position: relative;
}
.social_content_box  .ui-datepicker-trigger.v-middle{
    position: absolute;
    top:15px;
}
body:not(.rtl) .social_content_box  .ui-datepicker-trigger.v-middle{
    right: 0;
}
body.rtl .social_content_box  .ui-datepicker-trigger.v-middle{
    left: 0;
}
.social_content_box .register-link-bottom {
    margin: 12px 0;
}
body:not(.rtl) .social_content_box .register-link-bottom {
    float: right;
}
body.rtl .social_content_box .register-link-bottom {
    float: left;
}

.rf-submit-row{
    display: inline-block;
    vertical-align: top;
}
.social_content_box .register-form ul{
    margin-bottom: 30px;
}
.social_container{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.social_wrap {
    display: inline-block;
    width: 240px;
    position:relative;
}
.social-buttons{
    width: 222px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    background: #304D8D;
    line-height: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 5px;
    position: relative;
    cursor: pointer;
}
body:not(.rtl) .social-buttons{
    padding-left: 60px;
    text-align: left;
}
body.rtl .social-buttons{
    padding-right: 60px;
    text-align: right;
}
.social-buttons:hover{
    color: #fff;
}
.social-facebook{
     background:#304D8D;
}
.social-google{
    background:#CC4326;
}
.social-twitter{
    background:#0099DA;
}
.social-buttons:before{
    font-family: "Ionicons";
    position: absolute;
    top: 50%;
    font-size: 20px;
    content: '';
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    text-shadow: 1px 4px 6px rgba(0,0,0,0.2);
}
body:not(.rtl) .social-buttons:before{
    left: 20px;
}
body.rtl .social-buttons:before{
    right: 20px;
}
.social-buttons:after{
    content: '';
    background: rgba(245,245,245,0.1);
    position: absolute;
    top: 0;
    width:50px;
    height: 100%;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius:2px 0 0 2px;
}
body:not(.rtl) .social-buttons:after{
    left: 0;
}
body.rtl .social-buttons:after{
    right: 0;
}
.social-facebook:before{
     content:'\f231';
}
.social-google:before{
    content: '\f34f';
}
.social-twitter:before{
    content:'\f243';
}
.wx_or{
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    color: #222;
    text-align: center;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
}
.social_content_box div.mage-error[generated]{
    margin: 0;
}
.social_content_box .input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #222;
}
.social_content_box .input-text::-moz-placeholder { /* Firefox 19+ */
  color: #222;
}
.social_content_box .input-text:-ms-input-placeholder { /* IE 10+ */
  color: #222;
}
.social_content_box .input-text:-moz-placeholder { /* Firefox 18- */
  color: #222;
}
.rf-field {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
body:not(.rtl) .rf-field .radio-input{
    float: left;
    margin-right: 10px;
}
body.rtl .rf-field .radio-input{
    float: right;
    margin-left: 10px;
}

.social_content_box .field.field-name-prefix,
.social_content_box .field.field-name-suffix{
    width: 100px;
}
.social_content_box .fieldset-fullname .field.field-name-firstname,
.social_content_box .fieldset-fullname .field.field-name-middlename,
.social_content_box .fieldset-fullname .field.field-name-lastname{
    width:100%;
}
body:not(.rtl) .social_content_box .fieldset-fullname .field.field-name-firstname,
body:not(.rtl) .social_content_box .fieldset-fullname .field.field-name-middlename,
body:not(.rtl) .social_content_box .fieldset-fullname .field.field-name-lastname{
    clear: left;
}
body.rtl .social_content_box .fieldset-fullname .field.field-name-firstname,
body.rtl .social_content_box .fieldset-fullname .field.field-name-middlename,
body.rtl .social_content_box .fieldset-fullname .field.field-name-lastname{
    clear: right;
}
.newsletter .legend-label{
    display:inline;
    font-weight: bold;
}

body:not(.rtl) .modal-custom .action-close, 
body:not(.rtl) .modal-popup .action-close, 
body:not(.rtl) .modal-slide .action-close{
    right: 0;
    left: auto;
    z-index: 1;
}
body.rtl .modal-custom .action-close, 
body.rtl .modal-popup .action-close, 
body.rtl .modal-slide .action-close{
    left: 0;
    right: auto;
    z-index: 1;
}

@media (min-width:768px){
    .account-social-login .block-content{
         display:table;
    }
    .social-btn{
        display: table-cell;
        vertical-align: middle;
    }
    .btn-social{
        margin:0 5px 0 0;
        width: calc(100% - 5px);
    }
}

@media (min-width:992px){
    .social_login_box {
        width: 50%;
        padding: 0;
        position: absolute;
    }
    .social_content_box{
        width: 50%;
    }
    .wx_or{
        top:50%;
        margin-top: -25px;
    }
    body:not(.rtl) .wx_or{
        right: -25px;
    }
    body.rtl .wx_or{
        left: -25px;
    }
    .social_container{
        display: table;
    }
    .social_wrap {
        position: absolute;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        top: 50%;
        left: 50%;
    }
}
@media (max-width:991px){
    .wx_or{
        bottom:-25px;
        left:50%;
        margin-left: -25px;
    }
}
@media (max-width:767px){
    
}