/**************************
 * Overwtrites
 **************************/
.ll-register-container {
    margin: auto;
    margin-bottom: 125px;
    padding: 0;
    width: 100%;
}
.ll-register-container h1 {
    color: black;
    font-family: "Nexa",Helvetica,Arial,sans-serif;
    font-size: 34px;
    margin: 0;
    padding: 2px 0 0 10px;
    text-align: left;
    line-height: normal;
}
.ll-register-container .page-message {
    margin: 12px 4% 0 4%;
}
/**************************
 * Account Form
 **************************/
.ll-login p {
    margin-bottom: 0;
    margin-top: 0;
}
.tpc-account-container
{
    display: flex;
    justify-content: space-around;
    padding: 0 24px;
}
.tpc-account-container .tp-form-box {
    padding: 18px 24px;
}
.tpc-account-block {
    display: flex;
    width: 45%;
    flex-direction: column;
}
.tpc-account-header {
    border-bottom: 1px solid #999;
    margin: 20px 0 10px;
    padding: 0;
    position: relative;
}
.tpc-account-container h2 {
    display: inline;
    font-size: 32px;
    line-height: normal;
    font-family: "Nexa",Helvetica,Arial,sans-serif;
    color: #333;
    border-bottom: 4px solid #107bb8;
    padding: 0 0 1px 0;
}
.account-update-form input:disabled {
    background-color: #e4e4e4;
}
.gp-birthday-container {
    border: 1px solid #ccc;
    padding: 8px 10px;
    margin: 8px 0;
}
.gp-birthday-header {
    color: #979ca2;
}
.af-first-name, .af-last-name {
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 10px 0 10px;
    width: 50%;
}
.af-first-name {
    padding-left: 0;
}
.af-last-name {
    padding-right: 0;
}
.af-birthday-month,
.af-birthday-day {
    box-sizing: border-box;
    display: inline-block;
}
.af-birthday-month,
.af-birthday-day {
    min-width: 50px;
    padding: 10px 10px 0 10px;
    width: 50%;
}
.af-birthday-month {
    padding-left: 0;
}
.af-birthday-day {
    padding-right: 0;
}
#appcard_birthday_month,
#appcard_birthday_day {
    line-height: normal;
    padding: 0;
}
.af-state,
.af-city,
.af-zip {
    box-sizing: border-box;
    display: inline-block;
    padding: 3px 10px 0 10px;
}
.af-state {
    width: 40%;
}
.af-city {
    padding-left: 0;
    width: 40%;
}
.af-zip {
    padding-right: 0;
    width: 20%;
}
/**************************
 * Login Form
 **************************/
@font-face
{
    font-family:'Lato';
    font-style:normal;
    font-weight:normal;
    src:url('../fonts/lato/Lato-Regular.ttf') format('truetype');
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:600;
    src:url('../fonts/lato/Lato-Semibold.ttf') format('truetype');
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:700;
    src:url('../fonts/lato/Lato-Bold.ttf') format('truetype');
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:'Lato';
    font-style:italic;
    font-weight:normal;
    src:url('../fonts/lato/Lato-Italic.ttf') format('truetype');
    text-rendering:optimizeLegibility
}
.tpc-content-wrapper {
    background: white;
    font-family: "Lato", "Helvetica", "Arial";
}
.tpc-login-container {
    width: 320px;
    padding: 60px 5% 120px 5%;
    margin: auto;
    box-sizing: content-box;
    font-size: 13px;
}
/*.tpc-login-forms {
    min-height: 220px;
}*/
.tpc-login-title {
    font-family: "Nexa", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #107bb8;
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    margin-bottom: 25px;
}
.form-field label {
    display: block;
    margin-bottom: 4px;
    font-size: 14px;
    color: #747487;
}
.form-group {
    margin-bottom: 24px;
}
.form-field .error-block {
    color: #ff1e5a;
    display: block;
    margin-top: 5px;
}
.form-input {
    background-color: #fff;
    background-image: none;
    border-color: #babacc;
    border-radius: 8px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-sizing: border-box;
    color: #232333;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 100%;
}
.form-input:focus {
    border-color: #0e71eb;
    box-shadow: none;
    outline: none;
}
.form-input.has-error,
.form-input.has-error:focus
{
    border-color: #ff1e5a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
}
.tpc-login-button {
    background-color: #107bb8;
    border-color: #107bb8;
    border-radius: 8px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    display: block;
    line-height: 28px;
    padding: 5px 16px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    white-space: nowrap;
}
.tpc-login-button:hover, .tpc-login-button:focus {
    background-color: #3f96d5;
    border-color: #3f96d5;
    color: white;
}
.line-divider {
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 32px;
}
.line-divider:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 12px;
    background-color: #ededf4;
}
.line-divider span {
    background-color: #fff;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
    line-height: 24px;
    position: relative;
    z-index: 1;
    color: #747487;
}
.login-opt-btn {
    display: block;
    border-radius: 8px;
    line-height: 38px;
    border: 1px solid #babacc;
    background-color: #fff;
    font-style: normal;
    font-weight: 700;
    padding: 0 8px 0 54px;
    position: relative;
    text-decoration: none;
}
.login-opt-btn, a.login-opt-btn:visited,
a.login-opt-btn:active {
    color: #747487;
}
a.login-opt-btn:hover {
    color: #295ebd;
}
.login-opt-btn::after {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    left: 40px;
    top: 0;
    background-color: #babacc;
}
.login-opt-btn::before {
    background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    height: 18px;
    left: 12px;
    position: absolute;
    top: 11px;
    width: 18px;
}
.login-opt-btn + .login-opt-btn {
    margin-top: 8px;
}
.login-opt-pass::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AkdEAw5AfR6cwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAHVSURBVFjD7dY7aBVREAbgL0GR3CC+AhHFQlHEV2XEQNBGE3w1FjYiWtmkUEQRq1hqawoLsVERQVHE9yMKgpY2ImjjA7mCTRoVb6zWZoKXZW/urvcmWOwPhy1mzsy/5/wzcyhRosRffEUyQ+vTZNKOOgJJfM/j6jT95FHsw290pY0JzqKGE6i0eZ3Dd5yMHGBWisQdPMdNLMZIG/66E6PYiSHMThvr0YGX2IWDsbGzheRzcAnbYr3JYpeF17FhOy5HoKKo4BbWRZzPjY6nET5gEGsiUKVA8gW4F3sGo8IUJTBZmkOh2AfoyZF8CR6H0ndjvJlAmmE8Av3EUyydwnc5xuL09uJXHoXmQQ2H0BsJVmX4rA+CFRzGRN4SyXunN/AuCIyhr87ej0e4i2poZm5R1SYYyGggK/AWL0IDXTiDH9iBPXE9p8O/F6+ikpZlxNtS34iaEVgd93kfC1O2YxGohiMp2yI8w3us/FcCG/AF1zCvQXs9gP0NbPNxOwbP2qIE+vENF9HdQv/vjk5YxcYsAlki3IyHuB5Hm7TQihMMhzifYNNUVZBgawykUZxq0whOcBwXgshAevjUOya4Es7TgeHQzETWe6A6gy+ij+UDtESJ/wZ/APn8mhlWaVigAAAAAElFTkSuQmCC');
}
.login-opt-ep::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AkdECUO/Q9AlwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAFxSURBVFjD7ZW/SgNBEMZ/iSJqJUawEYSEFDZCKjFgFbDIQ5hHyANY+wIJNsHCws42lXkAm1R2IZBKIhKDnZdOmzlY1r3c7t1uRMgHA7N7M998t7N/YA13NIB7YAxEYmOZa4QsfAQMgO8UG0isV5wAU4visU0lxwv2gImhyAh4EBsZvk8kNzc6GvEb0DTENeWbGtvJW/xANllM+AlUl8RXJSaOj4QjM1raH7UtctpaTiuPgK5GVrLIKWk53WXBxRSyfcX/AOYWAuYSa+JwFrCh+AuHlVskcDgLCI7NhPlD4Aaoa719tORV90oduAOugXdbYT2HW8/Wei4tqAVY7ZqLgEIAAQWXPWCDCHgS/xLY8bkJ0/AFnAMvMj4FnoFdV6Ksx7CvFEf8fhairAKKoe+UYcqRioCKEl/RXk2TDX2uwDZQVsZlmVtZC7zhXwvYSvBXcg8A3AJX4p/9hYBjsSAteA3QbifOC2Dm8SmeCecav/ADmNyZgk7EN64AAAAASUVORK5CYII=');
}
.login-opt-phone::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AkdEBcE8Kr9+AAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADESURBVFjD7ZcxCsIwFIY/i9dwdpAg7noIdw/h5B08Qnd3z1A8gJAr5B6pS4QQm5qkkTq8D0L74H/lo8nwAsJ3DoAB+sxlXO8oiwQBDSivNsAxkr0Dq6B3O1XABjkLPCPZHdB4dR/UHywTt+EB3DK37gTsa5wBC7QFfa3rHaWZ+4SLgAiIgAiIgAiIwOwCqRORAs6Z31YpoZKZMIdqM2GMq3teJkgm/YGhub/zMl0kY2udgSE2wNp7/xm64Fb0Xvrvr2bCCwjGSxo37poQAAAAAElFTkSuQmCC');
}
.login-opt-btn:hover::after {
    background-color: #cfe3fb;
}
.login-opt-btn:hover {
    background-color: #e7f1fd;
    color: #295ebd;
    border-color: #cfe3fb;
    text-decoration: none;
}
.tpc-login-container .disclaimer {
    clear: both;
}
/****************
*
*******************/
button.overlay-button {
    background: #2a7aff;
    border-radius: 5px;
    border: none;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    box-sizing: border-box;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    min-height: 38px;
    min-width: 120px;
}
button.overlay-button:hover {
    background: #2a7aff;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}
@media (max-width: 850px) {
    .af-city {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .af-state {
        padding-left: 0;
        width: 70%;
    }
    .af-zip {
        padding-right: 0;
        width: 30%;
    }
}
@media (max-width: 650px) {
    .tpc-account-block {
        width: 100%;
    }
    .tpc-account-container {
        flex-direction: column;
    }
    .tpc-account-container {
        padding: 0;
    }
    .ll-register-container h1 {
        padding: 0;
    }
}