/**
 * atarlife-connect.css
 *
 * Handles login / registration popup
 */

#atarlife_connect_popup{top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;}
.flip {    background: white;color: #333;display: block;clear: both;width:400px;padding: 2%;bottom: 0;position: fixed;right: 0;-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .45s ease;
    -moz-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease;z-index: 102;    border-radius: 4px 4px 0 0!important;
    box-shadow: 0 2px 10px rgba(0,0,0,.1)!important;}
.flip p {    text-align: left}
.flip p del{color:red;}
.flip p span input{width:70%}
.flip p span input.wpcf7-form-control.wpcf7-submit.not-empty{background:#3d3d3d}
.flip i.le_close{position: absolute;font-size: 20px;font-weight: normal;right: 0;padding: 15px;top: 0;cursor: pointer;}
.flip p span input , .flip p span textarea{border: 1px solid;}
.flip p span input:focus, #atarlife_connect_popup p span textarea:focus{box-shadow:none}
#atarlife_connect_popup .atlc_container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: rgba(255,255,255,0.6);}
#atarlife_connect_popup .atlc_container .atlc_popup{position: relative;background: #FFF;padding: 0;width: auto;max-width: 600px;margin: 70px auto;border: 1px solid #ddd;opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
#atlc_popup_tab ul.connect-tab {height: 50px;padding: 0;margin: 0;}
#atlc_popup_tab ul.connect-tab li {list-style: none;display: block;background-color: #fafafa;width: 50%;float: left;white-space: nowrap;}
#atlc_popup_tab ul.connect-tab li.active {background-color: #fff;position: relative;}
#atlc_popup_tab ul.connect-tab li a {text-decoration: none;display: block;height: 50px;border-bottom: 1px solid #ddd;border-top: 5px solid #fafafa;color: #a2a7b4;font-size: 20px;text-align: center;line-height: 40px;font-weight: 300;overflow: hidden;}
#atlc_popup_tab ul.connect-tab li.active a {border-bottom-color: #fff;color: #6996d1;border-top: 5px solid;}
.rightLine {box-shadow: 1px 0px #ddd;}
.leftLine {box-shadow: -1px 0px #ddd;}
.max450{max-width: 450px;}
.clear{clear: both;}
.mgr2per{margin:0 2%;}
/*Login form*/
#atlc_login{padding: 20px 20px 20px 20px;margin: 0 auto;}
#atlc_login #frm_atlc_login{width: 100%;}
#atlc_login #frm_atlc_login .atlc_login_fields{text-align: left;margin-bottom: 10px;}
#atlc_login #frm_atlc_login .atlc_login_fields .atlc_login_labels label{font-size: 15px!important;line-height: 22px!important;font-weight: 600;}
#atlc_login #frm_atlc_login .atlc_login_fields .atlc_login_field{width: 100%;margin-bottom: 0px;}
#atlc_login #frm_atlc_login .atlc_login_fields input[type="submit"]{  background:#6996d1; color:#fff;vertical-align: middle!important;height: auto!important;font-size: 15px;cursor: pointer!important;width: auto;min-width:200px;box-shadow: none;text-shadow: none;font-family: inherit;outline: 0!important;margin: 0;opacity: 1;}
#atlc_login #frm_atlc_login  #rememberme_chk{width: 14px;height: 14px;vertical-align: middle;}
#atlc_login #frm_atlc_login .atlc_login_fields .atlc_login_labels .fa{color:#6996d1;}

/*Registration form*/
#atlc_registration{padding: 20px 20px 20px 20px;margin: 0 auto;}
#atlc_registration #frm_atlc_signup{width: 100%;}
#atlc_registration #frm_atlc_signup .atlc_signup_fields{text-align: left;}
#atlc_registration #frm_atlc_signup .atlc_signup_fields .atlc_signup_labels label{font-size: 15px!important;line-height: 22px!important;font-weight: 600;}
#atlc_registration #frm_atlc_signup .atlc_signup_fields .atlc_signup_field{width: 100%;margin-bottom: 0px;}
#atlc_registration #frm_atlc_signup .atlc_signup_fields input[type="submit"]{  background:#6996d1; color:#fff;vertical-align: middle!important;height: auto!important;font-size: 15px;cursor: pointer!important;width: auto;min-width:200px;box-shadow: none;text-shadow: none;font-family: inherit;outline: 0!important;margin: 0;opacity: 1;}
#atlc_registration #frm_atlc_signup  #rememberme_chk{width: 14px;height: 14px;vertical-align: middle;}
#atlc_registration #frm_atlc_signup .atlc_signup_fields .atlc_signup_labels .fa{color:#6996d1;}
#atlc_registration #frm_atlc_signup .atlc_signup_fields.two_part{width: 46%;margin:0 2% 10px;float: left;}

#atarlife_connect_popup a{text-decoration: none;}
#atarlife_connect_popup a:hover{text-decoration: underline;}
.atlc-field-error{text-align:left;width: auto;max-width: 100%;background: #C74A4A;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff;box-sizing: border-box;position: relative;padding: 12px;font-size: 14px;line-height: 20px!important;margin:5px 0 0;}
.atlc-field-success{text-align:left;width: auto;max-width: 100%;background: #7ad03a;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff;box-sizing: border-box;position: relative;padding: 12px;font-size: 14px;line-height: 20px!important;margin:5px 0 0;}
.um-field-arrow {top: -17px;left: 10px;position: absolute;z-index: 900;color: #C74A4A;font-size: 28px;line-height: 1em!important;}

/*forgot password*/
#atarlife_connect_popup .atlc_container .atlc_fp_popup{max-width:450px;position: relative;background: #FFF;padding: 0;width: auto;margin: 70px auto;border: 1px solid #ddd;opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
#atarlife_connect_popup .atlc_container .atlc_fp_popup h3{color: #333;font-weight: 600;font-size: 26px;text-align: center;}
#atlc_fp{padding: 5%;}
#atlc_fp .subtext_fp{margin-bottom: 10px;text-align: left;}
#atlc_fp #frm_atlc_fp .atlc_fp_fields{text-align: left;margin-bottom: 10px;}
#atlc_fp #frm_atlc_fp .atlc_fp_fields .atlc_fp_labels label{font-size: 15px!important;line-height: 22px!important;  color: #6996d1;}
#atlc_fp #frm_atlc_fp .atlc_fp_fields .atlc_fp_field{width: 100%;margin-bottom: 0px;}
#atlc_fp #frm_atlc_fp .atlc_fp_fields input[type="submit"]{  background:#6996d1; color:#fff;vertical-align: middle!important;height: auto!important;font-size: 15px;cursor: pointer!important;width: auto;min-width:200px;box-shadow: none;text-shadow: none;font-family: inherit;outline: 0!important;margin: 0;opacity: 1;}
#atlc_fp #close_fp{font-size: 22px;color: #ccc;position: absolute;right: 18px;top: 18px;z-index: 10;cursor: pointer;}