.page-main-container.account-main-container {
    position: relative;
    overflow: auto;
}

#account-section {
    display: flex;
    min-height: calc(100vh - var(--topbar-height));
}

#account-section input[type=text] {
    border: none;
    width: 100%;
    background: none;
}

#account-section .form-row > label {
    display: block;
    font-size: 1.1rem;
    font-family: "Alegreya Sans SC", sans-serif;
    color: #333;
    font-weight: 500;
    margin: 4px auto;
}

#account-section h1.section-title {
    margin: 0;
}

#account-section h2.section-subtitle {
    color: gray;
}

#account-form-personal {
    margin: 30px auto auto;
}
#birthday-form {
    padding-bottom: 5px;
}

#birthday-form select {
    width: 60px;
}

#account-form-personal select {
    cursor: pointer;
}

#account-form-personal .form-row {
    position: relative;
    margin: 25px auto;
    border-bottom: solid 2px #aaa;
}

#account-form-personal .form-row .nl-button {
    position: absolute;
    right: 0;
    bottom: 10px;
}

#account-section > div {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 110px 30px 30px;
}

#account-left {
    flex: 0.6;
}

#account-right {
    flex: 0.4;
    background: rgba(255, 255, 255, 0.9);
    padding-left: 0;
}

#account-left::before {
    content: '';
    background: url(/static/img/home/wave.png) no-repeat right;
    background-size: 100% 100%;
    width: 209px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.9;
}

#account-personal-bloc {
    background: #fff;
    width: 370px;
    padding: 40px;
    border-radius: 40px;
    box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.15);
    margin: 90px auto;
    position: relative;
}

#messenging-subscription {
    text-align: center;
}

.user-reset h2 {
    text-align: center;
    color: #fff;
    text-shadow: 1px 2px 1px #040404;
}

.user-reset form {
    padding: 1em;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 8px;
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

.popupContainer {
    position: absolute;
    width: 330px;
    height: auto;
    left: 45%;
    top: 80px;
    background: #FFF;
}

.new-layout-popup.vacation .flavr-outer {
    padding: 0 40px 40px !important;
}
.new-layout-popup.vacation .flavr-message {
    line-height: 23px !important;
}

.new-layout-popup.account-popup form {
    margin: 20px auto 10px !important;
    width: 300px;
}
.new-layout-popup.account-popup .form-row {
    margin-top: 10px !important;
}
.new-layout-popup.account-popup .form-row label {
    font-size: 1.2em;
    margin: 20px auto 10px;
    display: block;
}
.new-layout-popup.account-popup input {
    margin: auto;
    text-align: left !important;
}
.new-layout-popup.account-popup input[type=text] {
    border: none;
    border-bottom: solid 2px #AAA;
    padding-bottom: 5px;
}

#modal_trigger {
    margin: 100px auto;
    width: 100px;
    display: block;
}

.btn {
    padding: 10px 20px;
    background: #F4F4F2;
}

.btn:hover {
    background: #E4E4E2;
}

.btn_red:hover {
    background: #C12B05;
}

a.btn {
    color: #666;
    text-align: center;
    text-decoration: none;
}

a.btn_red {
    color: #FFF;
}

.home_btn {
    width: 350px;
    margin: 0 0 15px 15px;
    float: left;
}

/* Popup Styles*/
#register-popup {
    height: auto;
    width: 400px;
}

.popupHeader {
    font-size: 16px;
    text-transform: uppercase;
}

.popupHeader {
    background: #F4F4F2;
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #DDD;
    font-weight: bold;
}

.popupHeader .modal_close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px;
    background: #E4E4E2;
    cursor: pointer;
    color: #aaa;
    font-size: 16px;
}

.popupBody {
    padding: 20px;
}

/* Social Login Form */
.social_login .social_box {
    display: block;
    clear: both;
    padding: 10px;
    margin-bottom: 10px;
    background: #F4F4F2;
    overflow: hidden;
}

.social_login .icon {
    display: block;
    width: 10px;
    padding: 5px 10px;
    margin-right: 10px;
    float: left;
    color: #FFF;
    font-size: 16px;
    text-align: center;
}

.social_login .fb .icon {
    background: #3B5998;
}

.social_login .google .icon {
    background: #DD4B39;
}

/*
.social_login .icon_title {
	display:block; 
	padding:5px 0; 
	float:left; 
	font-weight: bold; 
	font-size: 16px; 
	color:#777;
}*/
.social_login .social_box:hover {
    background: #E4E4E2;
}

.centeredText {
    text-align: center;
    margin: 20px 0;
    clear: both;
    overflow: hidden;
    text-transform: uppercase;
}

.action_btns {
    clear: both;
    overflow: hidden;
}

.action_btns a {
    display: block;
}

/* User Login Form */
.user_login {
    display: none;
}

.user_login label {
    display: block;
    margin-bottom: 5px;
}

.user_login input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}

.user_login input[type="checkbox"] + label {
    float: left;
}

.user_login .checkbox {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

.forgot_password {
    display: block;
    margin: 20px 0 10px;
    clear: both;
    overflow: hidden;
    text-decoration: none;
    color: #ED6347;
}

/* User Register Form */
.user_register {
    display: none;
}

.user_register label {
    display: block;
    margin-bottom: 5px;
}

.user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"],
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {
    display: block;
    width: 359px;
    padding: 10px;
    border: 1px solid #DDD;
    color: #666;
}

.user_register input[type="checkbox"] {
    float: left;
    margin-right: 5px;
}

.user_register input[type="checkbox"] + label {
    float: left;
}

.user_register .checkbox {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

.account-left-side {
    float: left;
    margin-right: 10px;
}

.acccount-left-side,
.account-right-side {
    height: 120px;
}

#messenging-subscription iframe {
    height: 410px;
    width: 100%;
}

.button_blue_small, .button_gray_small {
    text-transform: uppercase;
}

.account-main-container .gender {
    display: none;
}

.account-main-container .custom-checkbox {
    display: inline-block;
    border-radius: 4px;
    background-color: #f1f2f3;
    height: 29px;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    font-weight: 700;
    padding: 0 15px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 5px;
}

#account-gender-f:checked + .custom-checkbox {
    background-color: #f98ab9;
    color: #fff;
}

#account-gender-m:checked + .custom-checkbox {
    background-color: #239dd6;
    color: #fff;
}

#account-country {
    border: none;
    padding: 5px 0;
    width: 100%;
    background: #fff;
    font-size: 13px;
    box-sizing: border-box;
}

input#account-personal-submit, input#account-new-password-submit, input#account-email-submit {
    width: initial;
    display: block;
    margin: auto;
}

.reset-main-container {
    text-align: center;
}

.reset-main-container .action_btns {
    display: inline-block;
}

.user-reset {
    display: inline-block;
    margin: 20px 30px;
    width: 520px;
    vertical-align: top;
}

.user-reset h2 {
    text-align: center;
}

#user-reset-form label, #user-update-form label {
    display: block;
    font-size: 14px;
}

#user-reset-form input[type="text"], #user-update-form input[type="password"] {
    border-radius: 7px;
    font-size: 16px;

    width: 250px;
    height: 35px;
    margin: 6px 0;
    padding: 0 10px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6) inset;
    border: none;
    color: #4c4c4c;
}

#header-forget {
    margin-top: 10px;
}

#header-forget a {
    text-decoration: none;
    color: #000;
}

#user-reset-form {
    margin-top: 20px;
}

.form_btn {
    margin: 0 0 15px 15px;
    float: left;
}

.validation-message {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    color: red;
    margin: 5px 0;
}

#account-password-warning {
    padding: 5px 0;
}

.marketplace-assistance {
    color: #34386f;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 10px;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 16px;
}

.account-misc-bloc {
    margin: 0 auto 20px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 500;
}
.account-misc-actions .nl-button,
.account-legal-bloc .nl-button {
    margin-right: 10px;
    margin-bottom: 10px;
}

.nl-button.account-unfreeze {
    margin-top: 30px;
}

.account-social-label {
    vertical-align: middle;
    margin-right: 15px;
}

.account-toggle-btn {
    background-color: white;
    border-radius: 20px;
    border: 2px solid #D0D0D0;
    height: 18px;
    cursor: pointer;
    width: 40px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

.account-toggle-btn button {
    cursor: pointer;
    outline: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    background-color: white;
    float: left;
    margin: -2px 0 0 -2px;
    border: 2px solid #D0D0D0;
    transition: left 0.3s;
}

.account-toggle-btn-selected {
    background-color: #83B152;
    border: 2px solid #7DA652;
}

.account-toggle-btn-selected button {
    left: 22px;
    top: 0;
    margin: 0;
    border: none;
    width: 18px;
    height: 18px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.lost-transactions-main-container .payment-method-form {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 250px;
    width: 100%;
}

.lost-transactions-main-container #payment-method-forms {
    position: relative;
    height: 250px;
    font-size: 16px;
    line-height: 16px;
}

.lost-transactions-main-container #account-section input[type=text] {
    height: auto;
    line-height: 44px;
    min-width: 300px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 0 3px 0 rgb(34 33 34 / 56%);
    outline: none;
    border: none;
    border-radius: 52px;
    padding: 0 21px;
    color: rgba(50, 21, 64, 0.77);
    font-family: "Alegreya Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 10px 10px 20px 0;
}

#lost-transactions-left-bloc {
    background: #fff;
    width: 400px;
    padding: 40px;
    border-radius: 40px;
    box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.15);
    margin: 90px auto;
    position: relative;
}

#lost-transactions-informations {
    margin: 30px auto auto;
    line-height: 25px;
    font-size: 18px;
}

#lost-transactions-informations p {
    margin: 15px 0;
}

.lost-transactions-main-container .error {
    margin: 10px 0;
    font-size: 20px;
}

#old-transactions-detail {
    font-size: 18px;
    line-height: 25px;
}

#others.payment-method-form ul,
#others.payment-method-form li {
    margin: 10px 0;
}