@charset "utf-8";
/* LU member and communication modules */
.lu-module-content .xm,
.lu-module-content .xc { box-sizing:border-box; width:100%; max-width:100%; min-width:0; color:#555b66; font-size:15px; }
.lu-module-content .xm h1,
.lu-module-content .xc h1 { margin:42px 0 30px; color:#111318; font-size:30px; font-weight:700; line-height:1.35; }
.lu-module-content .xm h1[style] { border-bottom:0 !important; }
.lu-module-content .xm .dl-horizontal { box-sizing:border-box; max-width:720px; margin:0; padding:18px 24px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.lu-module-content .xm .dl-horizontal dt { box-sizing:border-box; width:180px; padding:10px 20px 10px 0; color:#555b66; font-weight:600; text-align:right; }
.lu-module-content .xm .dl-horizontal dd { min-height:24px; margin-left:180px; padding:10px 0; color:#292d35; }

.lu-module-content .xm .nav-tabs,
.lu-module-content .xc .nav-tabs { display:flex; margin:0 0 40px; padding:0; overflow-x:auto; border-bottom:1px solid #e4e6ea; list-style:none; white-space:nowrap; }
.lu-module-content .xm .nav-tabs>li,
.lu-module-content .xc .nav-tabs>li { float:none; margin:0; }
.lu-module-content .xm .nav-tabs>li>a,
.lu-module-content .xc .nav-tabs>li>a { display:block; margin:0; padding:14px 18px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:#555b66; font-size:15px; line-height:1.4; }
.lu-module-content .xm .nav-tabs>li>a:hover,
.lu-module-content .xc .nav-tabs>li>a:hover { background:#fafafa; color:#111318; }
.lu-module-content .xm .nav-tabs>.active>a,
.lu-module-content .xm .nav-tabs>.active>a:hover,
.lu-module-content .xc .nav-tabs>.active>a,
.lu-module-content .xc .nav-tabs>.active>a:hover { border:0; border-bottom:2px solid var(--primary-color); background:transparent; color:#111318; font-weight:700; }

.lu-module-content .xm select,
.lu-module-content .xc select,
.lu-module-content .xm input[type="text"],
.lu-module-content .xc input[type="text"],
.lu-module-content .xm input[type="search"],
.lu-module-content .xc input[type="search"],
.lu-module-content .xm input[type="email"],
.lu-module-content .xc input[type="email"],
.lu-module-content .xm input[type="password"],
.lu-module-content .xc input[type="password"],
.lu-module-content .xm input[type="url"],
.lu-module-content .xc input[type="url"],
.lu-module-content .xm input[type="tel"],
.lu-module-content .xc input[type="tel"],
.lu-module-content .xm input[type="number"],
.lu-module-content .xc input[type="number"],
.lu-module-content .xm input[type="date"],
.lu-module-content .xc input[type="date"] { box-sizing:border-box; height:42px; margin:0; padding:0 14px; border:1px solid #dfe1e6; border-radius:8px; background:#fff; box-shadow:none; color:#292d35; font:inherit; font-size:14px; line-height:40px; vertical-align:middle; }
.lu-module-content .xm select:focus,
.lu-module-content .xc select:focus,
.lu-module-content .xm input:focus,
.lu-module-content .xc input:focus { border-color:var(--primary-color); box-shadow:0 0 0 3px rgba(186,159,115,.14); outline:none; }

.lu-module-content .xm .btn,
.lu-module-content .xc .btn { box-sizing:border-box; min-height:42px; margin:0; padding:0 17px; border:1px solid #dfe1e6; border-radius:8px; background:#fff; box-shadow:none; color:#292d35; font:inherit; font-size:14px; font-weight:600; line-height:40px; text-shadow:none; vertical-align:middle; }
.lu-module-content .xm .btn:hover,
.lu-module-content .xm .btn:focus,
.lu-module-content .xc .btn:hover,
.lu-module-content .xc .btn:focus,
.lu-module-content .xm .btn-inverse,
.lu-module-content .xc .btn-inverse { border-color:var(--primary-color); background:var(--primary-color); color:#fff; }
.lu-module-content .xm .btnArea,
.lu-module-content .xc .btnArea { margin:0 0 20px; }
.lu-module-content .xm .btnArea::after,
.lu-module-content .xc .btnArea::after { display:block; clear:both; content:""; }

/* Member information action buttons */
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:34px;
}
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group>.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    float:none;
    min-height:42px;
    margin:0;
    padding:10px 18px;
    border-radius:8px;
    line-height:1.4;
    text-align:center;
}
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group>.btn:first-child {
    border-color:var(--primary-color);
    background:var(--primary-color);
    color:#fff;
}
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group>.btn:first-child:hover,
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group>.btn:first-child:focus {
    filter:brightness(.94);
}
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group>.btn:last-child {
    border-color:#e5a5a5;
    color:#b33a3a;
}
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group>.btn:last-child:hover,
.lu-module-content .xm .dl-horizontal+.btnArea.btn-group>.btn:last-child:focus {
    border-color:#b33a3a;
    background:#b33a3a;
    color:#fff;
}

.lu-module-content .xc>.btnArea:first-of-type { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border:1px solid #e5e7eb; border-radius:14px; background:#fafafa; }
.lu-module-content .xc>.btnArea:first-of-type>div,
.lu-module-content .xc>.btnArea:first-of-type>form { float:none !important; }
.lu-module-content .xc>.btnArea:first-of-type form { display:flex !important; align-items:center; gap:6px; }
.lu-module-content .xc>.btnArea:first-of-type>.btn-group {
    display:flex !important;
    align-items:center;
    gap:4px;
    padding:4px;
    border-radius:11px;
    background:#eef0f3;
}
.lu-module-content .xc>.btnArea:first-of-type>.btn-group>.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    margin:0;
    padding:9px 16px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#555b66;
    line-height:1.4;
    text-align:center;
}
.lu-module-content .xc>.btnArea:first-of-type>.btn-group>.btn:hover,
.lu-module-content .xc>.btnArea:first-of-type>.btn-group>.btn:focus {
    background:#fff;
    color:#111318;
}
.lu-module-content .xc>.btnArea:first-of-type>.btn-group>.btn[style*="font-weight"] {
    background:var(--primary-color);
    color:#fff;
    box-shadow:0 3px 9px rgba(82,68,45,.18);
}
.lu-module-content .xc>.btnArea:first-of-type form select,
.lu-module-content .xc>.btnArea:first-of-type form .btn { height:42px; }
.lu-module-content .xc>.btnArea:first-of-type form .btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1.4;
}

.lu-module-content .xm .table,
.lu-module-content .xc .table { width:100%; margin:0 0 24px; overflow:hidden; border:1px solid #e5e7eb; border-collapse:separate; border-spacing:0; border-radius:14px; background:#fff; }
.lu-module-content .xm .table th,
.lu-module-content .xm .table td,
.lu-module-content .xc .table th,
.lu-module-content .xc .table td { padding:16px 18px; border:0; border-bottom:1px solid #eceef1; color:#555b66; line-height:1.5; vertical-align:middle; }
.lu-module-content .xm .table th,
.lu-module-content .xc .table th { background:#fafafa; color:#8a909b; font-size:13px; font-weight:600; }
.lu-module-content .xm .table tbody tr:last-child td,
.lu-module-content .xc .table tbody tr:last-child td { border-bottom:0; }
.lu-module-content .xm .table-striped tbody>tr:nth-child(odd)>td,
.lu-module-content .xc .table-striped tbody>tr:nth-child(odd)>td { background:#fff; }
.lu-module-content .xm .table-hover tbody tr:hover>td,
.lu-module-content .xc .table-hover tbody tr:hover>td { background:#fffaf2; }

.lu-module-content .xm .pagination,
.lu-module-content .xc .pagination { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:28px 0 0; padding:0; }
.lu-module-content .xm .pagination form,
.lu-module-content .xc .pagination form { display:flex; align-items:center; gap:6px; float:none !important; margin:0; }
.lu-module-content .xm .pagination form select,
.lu-module-content .xc .pagination form select { flex:0 0 auto; min-width:120px; }
.lu-module-content .xm .pagination form input[type="text"],
.lu-module-content .xc .pagination form input[type="text"] { width:260px; }
.lu-module-content .xm .pagination ul,
.lu-module-content .xc .pagination ul { display:flex; flex:0 0 auto; float:none !important; margin:0 !important; padding:0 !important; border:0; border-radius:8px; box-shadow:none; list-style:none; }
.lu-module-content .xm .pagination ul>li,
.lu-module-content .xc .pagination ul>li { display:block; }
.lu-module-content .xm .pagination ul>li>a,
.lu-module-content .xm .pagination ul>li>span,
.lu-module-content .xc .pagination ul>li>a,
.lu-module-content .xc .pagination ul>li>span { box-sizing:border-box; min-height:42px; padding:10px 14px; border:1px solid #dfe1e6; border-left-width:0; background:#fff; color:#555b66; line-height:20px; }
.lu-module-content .xm .pagination ul>li:first-child>a,
.lu-module-content .xc .pagination ul>li:first-child>a { border-left-width:1px; }
.lu-module-content .xm .pagination ul>.active>a,
.lu-module-content .xc .pagination ul>.active>a { border-color:#111318; background:#111318; color:#fff; }

/* Login */
.lu-module-content .xm .signin { box-sizing:border-box; width:100%; max-width:480px; margin:30px auto; overflow:hidden; border:1px solid #e5e7eb; border-radius:16px; background:#fff; box-shadow:0 18px 45px rgba(17,19,24,.09); }
.lu-module-content .xm .signin>.login-header { padding:28px 30px 18px; border:0; }
.lu-module-content .xm .signin>.login-header>h1 { margin:0; color:#111318; font-size:28px; font-weight:700; line-height:1.35; }
.lu-module-content .xm .signin>.login-header>h1>i { display:none; }
.lu-module-content .xm .signin>.login-body { max-height:none; padding:10px 30px 28px; }
.lu-module-content .xm .signin form { margin:0; }
.lu-module-content .xm .signin .control-group { display:flex; position:static; flex-direction:column; gap:12px; margin:0; padding:0; }
.lu-module-content .xm .signin input[type="text"],
.lu-module-content .xm .signin input[type="email"],
.lu-module-content .xm .signin input[type="password"] { width:100%; height:52px; padding:0 16px; font-size:16px; line-height:50px; }
.lu-module-content .xm .signin label { display:flex; align-items:center; gap:8px; margin:4px 0 0; cursor:pointer; }
.lu-module-content .xm .signin input[type="checkbox"] { width:18px; height:18px; margin:0; accent-color:var(--primary-color); }
.lu-module-content .xm .signin .submit { display:flex; position:static; align-items:center; justify-content:center; width:100%; min-height:52px; margin-top:4px; padding:0 20px; line-height:1.4; }
.lu-module-content .xm .signin #warning { margin:0; padding:12px 14px; border-radius:8px; background:#fff8eb; color:#7a6544; font-size:13px; }
.lu-module-content .xm .signin #warning>p { margin:0; }
.lu-module-content .xm .signin>.login-footer { padding:20px 30px; border-top:1px solid #eceef1; border-radius:0; background:#fafafa; box-shadow:none; color:#c4c7cc; text-align:center; }
.lu-module-content .xm .signin>.login-footer>a { color:#555b66; }
.lu-module-content .xm .signin>.login-footer>a:hover { color:var(--primary-color); }

/* Account recovery and compact account forms */
.lu-module-content .xm>section { box-sizing:border-box; max-width:760px; margin:0 auto 28px; padding:30px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.lu-module-content .xm>section h1 { margin:0 0 16px; }
.lu-module-content .xm>section>p,
.lu-module-content .xm>h1+p { margin:0 0 24px; color:#6f7580; line-height:1.75; }
.lu-module-content .xm>section form { margin:24px 0 0; }
.lu-module-content .xm>section form>div { display:flex; align-items:stretch; flex-wrap:wrap; gap:12px; }
.lu-module-content .xm>section form br { display:none; }
.lu-module-content .xm>section input[type="email"] { width:100%; max-width:440px; }

.lu-module-content .xm>form:not(.form-horizontal):not(#fo_member_login) { box-sizing:border-box; max-width:680px; margin:0 0 30px; padding:28px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.lu-module-content .xm>form:not(.form-horizontal):not(#fo_member_login)>div { margin-bottom:14px; }
.lu-module-content .xm>form:not(.form-horizontal):not(#fo_member_login)>div:last-of-type { margin-bottom:20px; }
.lu-module-content .xm>form:not(.form-horizontal):not(#fo_member_login) input[type="text"],
.lu-module-content .xm>form:not(.form-horizontal):not(#fo_member_login) input[type="email"],
.lu-module-content .xm>form:not(.form-horizontal):not(#fo_member_login) input[type="password"] { width:100%; max-width:440px; }
.lu-module-content .xm .input-append,
.lu-module-content .xm .input-prepend { display:flex; align-items:stretch; flex-wrap:wrap; gap:10px; margin:0; font-size:inherit; white-space:normal; }
.lu-module-content .xm .input-append input,
.lu-module-content .xm .input-prepend input,
.lu-module-content .xm .input-append .btn,
.lu-module-content .xm .input-prepend .btn { margin:0; border-radius:8px; }

/* Signup and profile edit forms */
.lu-module-content .xm .form-horizontal { box-sizing:border-box; width:100%; max-width:780px; margin:0; padding:28px; border:1px solid #e5e7eb; border-radius:16px; background:#fff; }
.lu-module-content .xm .form-horizontal .control-group { margin:0; padding:10px 0; border-bottom:1px solid #f0f1f3; }
.lu-module-content .xm .form-horizontal .control-group::after { display:block; clear:both; content:""; }
.lu-module-content .xm .form-horizontal .control-label { box-sizing:border-box; width:160px; padding:10px 22px 0 0; color:#343840; font-weight:600; }
.lu-module-content .xm .form-horizontal .controls { min-height:42px; margin-left:180px; }
.lu-module-content .xm .form-horizontal .controls>input[type="text"],
.lu-module-content .xm .form-horizontal .controls>input[type="email"],
.lu-module-content .xm .form-horizontal .controls>input[type="password"],
.lu-module-content .xm .form-horizontal .controls>input[type="url"],
.lu-module-content .xm .form-horizontal .controls>input[type="tel"],
.lu-module-content .xm .form-horizontal .controls>input[type="number"],
.lu-module-content .xm .form-horizontal .controls>select,
.lu-module-content .xm .form-horizontal .controls>textarea { width:100%; max-width:420px; }
.lu-module-content .xm .form-horizontal .controls>input[type="date"] { width:100%; max-width:260px; }
.lu-module-content .xm .form-horizontal .controls>.dateRemover { display:inline-flex; align-items:center; justify-content:center; min-height:42px; margin-left:8px; padding:0 15px; line-height:1.4; }
.lu-module-content .xm .form-horizontal .controls label { display:inline-flex; align-items:center; gap:7px; margin:8px 20px 8px 0; line-height:1.4; }
.lu-module-content .xm .form-horizontal .controls input[type="radio"],
.lu-module-content .xm .form-horizontal .controls input[type="checkbox"] { flex:0 0 auto; width:17px; height:17px; margin:0; accent-color:var(--primary-color); }
.lu-module-content .xm .form-horizontal .help-inline { display:block; margin-top:7px; padding:0; color:#858b95; font-size:13px; line-height:1.55; }
.lu-module-content .xm .form-horizontal>.btnArea { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:24px 0 0; padding-top:24px !important; border-top:1px solid #eceef1 !important; }
.lu-module-content .xm .form-horizontal>.btnArea .pull-left,
.lu-module-content .xm .form-horizontal>.btnArea .pull-right { float:none; }
.lu-module-content .xm .form-horizontal>.btnArea .btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:88px;
    min-height:46px;
    padding:10px 18px;
    line-height:1.4;
    text-align:center;
}
.lu-module-content .xm .agreement { margin-bottom:18px; padding:20px; border:1px solid #e5e7eb; border-radius:12px; background:#fafafa; }
.lu-module-content .xm .agreement>.title { color:#292d35; }
.lu-module-content .xm .agreement>.confirm label { display:flex; align-items:center; gap:8px; margin:0; }
.lu-module-content .xm .agreement input[type="checkbox"] { width:18px; height:18px; margin:0; accent-color:var(--primary-color); }

/* Feedback, destructive and utility controls */
.lu-module-content .xm .message,
.lu-module-content .xc .message { margin:0 0 20px; padding:14px 16px; border:1px solid #e6d3a9; border-radius:10px; background:#fff9ec; color:#715b32; }
.lu-module-content .xm .message p,
.lu-module-content .xc .message p { margin:0; }
.lu-module-content .xm button.text,
.lu-module-content .xc button.text,
.lu-module-content .xm button.delete_autologin,
.lu-module-content .xm button.delete_device { padding:5px 10px; border:1px solid #e5a5a5; border-radius:7px; background:#fff; color:#b33a3a; cursor:pointer; }
.lu-module-content .xm .savedContent { margin-top:12px; padding:16px; border-radius:8px; background:#f7f8fa; white-space:normal; }

/* Friend list controls */
.lu-module-content .xc #fo_friend_list>.btnArea:first-of-type,
.lu-module-content .xc #fo_friend_list>.table+.btnArea {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}
.lu-module-content .xc #fo_friend_list>.btnArea .etc,
.lu-module-content .xc #fo_friend_list>.btnArea .btn-group,
.lu-module-content .xc #fo_friend_list>.btnArea .__submit_group {
    display:flex;
    align-items:center;
    gap:8px;
}
.lu-module-content .xc #fo_friend_list>.btnArea .btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    margin:0;
    padding:9px 16px;
    border-radius:8px;
    line-height:1.4;
    text-align:center;
}
.lu-module-content .xc #fo_friend_list>.table+.btnArea .__submit_group>.btn:last-child {
    border-color:#e5a5a5;
    background:#fff;
    color:#b33a3a;
}
.lu-module-content .xc #fo_friend_list>.table+.btnArea .__submit_group>.btn:last-child:hover,
.lu-module-content .xc #fo_friend_list>.table+.btnArea .__submit_group>.btn:last-child:focus {
    border-color:#b33a3a;
    background:#b33a3a;
    color:#fff;
}
.lu-module-content .xc #fo_friend_list>.pagination-centered { justify-content:center; }

@media (max-width:991px) {
    .lu-module-content .xm .pagination,
    .lu-module-content .xc .pagination { align-items:flex-start; flex-direction:column; }
    .lu-module-content .xm .form-horizontal .control-label { float:none; width:100%; padding:0 0 8px; text-align:left; }
    .lu-module-content .xm .form-horizontal .controls { margin-left:0; }
    .lu-module-content .xm .dl-horizontal dt { float:none; width:100%; padding:10px 0 2px; text-align:left; }
    .lu-module-content .xm .dl-horizontal dd { margin-left:0; padding:2px 0 10px; }
    .lu-module-content .xc #fo_friend_list>.btnArea:first-of-type,
    .lu-module-content .xc #fo_friend_list>.table+.btnArea { align-items:stretch; }
}
@media (max-width:575px) {
    .lu-module-content .xm h1,
    .lu-module-content .xc h1 { margin-top:28px; font-size:26px; }
    .lu-module-content .xc>.btnArea:first-of-type { align-items:stretch; flex-direction:column; }
    .lu-module-content .xc>.btnArea:first-of-type>.btn-group { overflow-x:auto; }
    .lu-module-content .xc>.btnArea:first-of-type>.btn-group>.btn { flex:0 0 auto; }
    .lu-module-content .xc>.btnArea:first-of-type form { justify-content:flex-end; }
    .lu-module-content .xm .pagination form,
    .lu-module-content .xc .pagination form { width:100%; flex-wrap:wrap; }
    .lu-module-content .xm .pagination form input[type="text"],
    .lu-module-content .xc .pagination form input[type="text"] { flex:1 1 140px; width:auto; }
    .lu-module-content .xm .pagination ul,
    .lu-module-content .xc .pagination ul { max-width:100%; overflow-x:auto; }
    .lu-module-content .xm .table,
    .lu-module-content .xc .table { display:block; overflow-x:auto; white-space:nowrap; }
    .lu-module-content .xm .signin>.login-header { padding:24px 20px 14px; }
    .lu-module-content .xm .signin>.login-body { padding:8px 20px 22px; }
    .lu-module-content .xm .signin>.login-footer { padding:18px 20px; }
    .lu-module-content .xm>section,
    .lu-module-content .xm>form:not(.form-horizontal):not(#fo_member_login),
    .lu-module-content .xm .form-horizontal { box-sizing:border-box; width:100%; max-width:100%; min-width:0; padding:20px; overflow:hidden; }
    .lu-module-content .xm>section form>div { flex-direction:column; }
    .lu-module-content .xm>section input[type="email"],
    .lu-module-content .xm>section .btn { width:100%; }
    .lu-module-content .xm .input-append,
    .lu-module-content .xm .input-prepend { flex-direction:column; }
    .lu-module-content .xm .input-append input,
    .lu-module-content .xm .input-prepend input,
    .lu-module-content .xm .input-append .btn,
    .lu-module-content .xm .input-prepend .btn { width:100%; max-width:none; }
    .lu-module-content .xm .form-horizontal>.btnArea { align-items:stretch; flex-direction:column-reverse; }
    .lu-module-content .xm .form-horizontal>.btnArea .btn { width:100%; }
    .lu-module-content .xm .form-horizontal .controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; }
    .lu-module-content .xm .form-horizontal .controls>* { min-width:0; max-width:100%; }
    .lu-module-content .xm .form-horizontal .controls>input:not([type="radio"]):not([type="checkbox"]):not([type="button"]),
    .lu-module-content .xm .form-horizontal .controls>select,
    .lu-module-content .xm .form-horizontal .controls>textarea { box-sizing:border-box; width:100%; }
    .lu-module-content .xm .form-horizontal .controls label { margin:4px 0; }
    .lu-module-content .xm .form-horizontal .controls .help-inline { flex:0 0 100%; overflow-wrap:anywhere; }
}