@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* Alice_20170629 */
/* modify_20190814 */

/*var -----------*/
:root {
    --defaultFont: "Open Sans",Arial,sans-serif;
    --defaultText: #5e5e5e;
    --defaultSoftText: #767676;
    --defaultBlue: #0381a2;
    --defaultBlue2: #298fc2;
    --defaultSoftLightBlue: #e6edf3;
    --defaultHardLightBlue: #dde8ef;
    --defaultOrange: #b36200;
    --defaultLightOrange: #ed8b00;
    --defaultYellow: #ffe9bb;
    --defaultOutline: rgba(1, 117, 228, 0.2);
    --defaultRed: #bc204b;
    --defaultBorder: #e0e0e0;
    --defaultButton: #019bbb;
    --defaultGrey: #e5e5e5;
    --default-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.25);
    --defaultHover: #e9f4f7;
    --defaultTransition: all .28s ease-in-out;
    --colorSet1: #0381a2;
    --colorSet2: #0381a2;

    --login-box-width : 360px;
}


/* ------------------------------------------------------------------------------------------------
    COMMON
------------------------------------------------------------------------------------------------ */
.m_visible { display:none!important; }

img { border:0; outline:none; }
ul { margin:0; padding:0; }
li { list-style:none; }
input { padding:4px 3px; border:1px solid #a5a5a5; color:#666; font-family:Verdana, 'sans-serif'; }
select { padding:4px 3px 3px 5px; border:1px solid #a5a5a5; border-radius:1px; background:#fff; font-size:14px; color:#666; outline:none; cursor:pointer; }
select:disabled{ border:1px solid #c1c1c1!important; background:#efefef; color:#c1c1c1; cursor:default; outline:none; pointer-events:none; }
@-moz-document url-prefix() { select { padding:4px 5px 4px 8px;}}
textarea { min-height:60px; padding:4px 5px 4px 8px; border:1px solid #a5a5a5; border-radius:1px; color:#666; font-size:14px; font-family:Verdana, 'sans-serif'; box-sizing:border-box; resize:none; outline:none; }
/*textarea:hover { border:1px solid #017ecd; background:#dfecfa; }*/
button { cursor:pointer; outline:none; }
a { display:block; color:inherit; text-decoration:none; outline:none; }
.visually_hidden{ position: absolute !important; width: 1px!important; height: 1px!important; margin: -1px!important; padding: 0!important; overflow: hidden!important; clip: rect(0, 0, 0, 0)!important; border: 0!important; } 


input[type="text"], input[type="tel"], input[type="password"], input[type="number"] { height:24px; padding:4px 5px 4px 8px; border-radius:2px; font-size:14px; }
input[type="text"]:read-only, input[type="tel"]:read-only, input[type="text"]:disabled, input[type="password"]:read-only, input[type="number"]:read-only, input[type="email"]:read-only { border:1px solid #c1c1c1; background:#efefef; color:#b7b7b7; pointer-events:none; }
input[type="email"]:disabled { border:1px solid #c1c1c1; background:#efefef; color:#b7b7b7; }
input[type="text"]:read-only:hover, input[type="tel"]:read-only:hover, input[type="text"]:disabled:hover, input[type="password"]:read-only:hover, input[type="number"]:read-only:hover, input[type="email"]:read-only:hover, input[type="checkbox"]:read-only:hover { border:1px solid #c1c1c1; background:#efefef; outline:none; /*pointer-events:none;*/ }
input[type="checkbox"]:disabled:hover { border:1px solid #c1c1c1; background:#efefef; cursor:default; outline:none; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { border:1px solid #017ecd; background:#dfecfa; }

select:hover, select:focus { border:1px solid #017ecd; background:#dfecfa; box-shadow:none; }
input[type="text"]:hover, input[type="text"]:focus { border:1px solid #017ecd; background:#dfecfa; }
input[type="password"]:hover, input[type="password"]:hover { border:1px solid #017ecd; background:#dfecfa; }
input[type="tel"]:hover, input[type="tel"]:focus { border:1px solid #017ecd; background:#dfecfa; }
input[type="checkbox"]:hover, input[type="checkbox"]:focus { border:1px solid #017ecd; background:#dfecfa; outline:3px solid #dfecfa; }
input[type="radio"]:hover, input[type="radio"]:focus { border:1px solid #017ecd; background:#dfecfa; outline-offset:0; outline:3px solid #ededed; /*outline:4px solid rgba(1, 126, 205, .5);*/ }
input[type="checkbox"][disabled], input[type="radio"][disabled] { outline:none; cursor:default; }
input[type="number"]:hover, input[type="number"]:focus { border:1px solid #017ecd; background:#dfecfa; }
input[type="file"] { height:20px; padding:4px 5px 4px 8px; cursor:pointer; }
input[type="checkbox"] { width:18px; height:18px; margin:0\0/ie10+11; border:none; background-color:none\0/ie10+11; vertical-align:middle; cursor:pointer; }
input[type="checkbox"]:hover { border:1px solid #09466a; background:#bdddfc; }
input[type="checkbox"].chk_comm { width:14px; height:14px; margin:-3px 0 0 0; border:1px solid #a9a9a9; border-radius:0; color:#666; vertical-align:middle; box-shadow:none; cursor:pointer; outline:none; }
input[type="radio"] { width:18px; height:18px; margin:0; margin:0\0/ie10+11; background-color:none\0/ie10+11; vertical-align:middle; cursor:pointer; }
input[type="radio"]:hover { border:1px solid #09466a; background:#bdddfc; }
input[type="radio"].chk_comm { width:14px; height:14px; margin:-3px 0 0 0; border:1px solid #a9a9a9; border-radius:0; color:#666; vertical-align:middle; box-shadow:none; cursor:pointer; outline:none; }
.config-tree input[type="checkbox"][disabled] + label { cursor:default; color:#c1c1c1; }
/*input[type="radio"][disabled] + label { cursor:default; color:#c1c1c1; }*/

.mailto { display:inline-block; text-decoration:underline; color:#0098c0; cursor:pointer; }
.linkto { display:inline-block; text-decoration:underline; color:#0098c0; cursor:pointer; }
.linkto:hover { opacity:0.8; }
.moveto { word-break:break-all; }
.unselectable { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.disabled { /*background:#efefef;*/ color:#c1c1c1!important; cursor:default!important; }
.vscrolling { overflow-x:hidden; overflow-y:auto; }
.clear { clear:both; }
.overflow__hidden { overflow:hidden; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.borderNone { border:none!important; }
.borderline_dotted { border-top:1px solid #ccc; }
.borderlineT { border-top:1px solid #ccc; }
.borderline_dotted { margin-top:15px; border-top:1px dotted #ccc; }
.borderline_dotted_b { padding-bottom:15px; border-bottom:1px dotted #ccc; }
.txt_ink_it { display:block; font-size:11px!important; }
.ico-default { display:inline-block; color:#ed8b00; font-size:12px; }
.fas.ico-add { font-size:24px; color:#019bbb; cursor:pointer; }
.fas.ico-remove { font-size:24px; color:#b5b5b5; cursor:pointer; }
.fas.ico-add.disabled { color:#aed6e4!important; }
.fas.ico-remove.disabled { color:#e4e4e4!important; }
.txt_em { color:#ed8b00; }

/*align*/
.txt_alg_l { text-align:left!important; }
.txt_alg_c { text-align:center!important; }
.txt_alg_r { text-align:right!important; }
.txt_l { text-align:left!important; }
.txt_c { text-align:center!important; }
.txt_r { text-align:right!important; }
.flt_l { float:left; }
.flt_r { float:right; }
.fltL { float:left!important; }
.fltR { float:right!important; }

.valign-top { vertical-align:top!important; }
.valign_t { vertical-align:top!important; }
.valign_m { vertical-align:middle!important; }
.valign_b { vertical-align:bottom!important; }
.valign_m2 { vertical-align:-2px!important; }
.valign_m3 { vertical-align:-3px!important; }
.valign_m4 { vertical-align:-4px!important; }

/*display*/
.show { display:block; }
.hide { display:none!important; }
.pst_r { position:relative; }
.dsp_b { display:block!important; }
.dsp_inb { display:inline-block!important; }
.dsp_ine { display:inline!important; }

.dsp_f { display:flex !important; }
.dsp_inf { display:inline-flex !important; }

:is(.dsp_f, .dsp_inf).ai_fs { align-items:flex-start !important; }
:is(.dsp_f, .dsp_inf).ai_c { align-items:center !important; }
:is(.dsp_f, .dsp_inf).ai_fe { align-items:flex-end !important; }

:is(.dsp_f, .dsp_inf).jc_fs { justify-content:flex-start !important;  }
:is(.dsp_f, .dsp_inf).jc_c { justify-content:center !important;  }
:is(.dsp_f, .dsp_inf).jc_fe { justify-content:flex-end !important;  }

/*point*/
.pointer {cursor:pointer}
.cursorP { cursor:pointer; }
.cursorD { cursor:default; pointer-events:none; }

/*required*/
input.required { border-bottom:1px solid #e00000; }
select.required { border-bottom:1px solid #e00000; }
input.required:hover, input.required:focus { border-bottom:1px solid #e00000; }

/*font*/
.txt_b { font-weight:bold!important; }
.txt_normal { font-weight:normal!important; }
.txt_notice { font-weight:bold!important; font-style:italic!important; }
.txt_italic { font-style:italic!important; line-height:1.6em; }
.txt_blue { color:#0098c0; }
.txt_red { color:#cc0000; }
.txt_grey { color:#afafaf; }
.notice-text { display:block; margin:0 auto 10px auto; color:#cc0000; font-size:12px!important; font-weight:bold!important; }
.notice-text span { display:block; padding:2px 0; color:#cc0000; font-size:12px!important; font-weight:bold!important; }
.notice-text02 { display:block; padding-left:3px; color:#e00000; font-weight:bold!important; font-size:12px; }

.txt_notice_blue { display:block; color:#0087be; font-size:12px!important; font-weight:bold!important; }
.txt_notice_blue span { display:block; color:#0087be; font-size:12px!important; font-weight:bold!important; }
.txt_linked { display:inline-block; color:#0098c0; text-decoration:underline; cursor:pointer; }
.txt_highlight { display:inline; padding:1px 3px; background:#0098c0; color:#fff; }
.txt_underline { text-decoration:underline; }
.txt_help { display:inline-block; width:20px; height:20px; padding:0; background:#0098c0; color:#fff; font-weight:bold!important; text-align:center; font-family:Arial; line-height:20px; border-radius:15px; }
.txt_disabled { color:#9d9d9d; }
.text-sub { font-size:12px!important; color:#666; }
.text-summary-em { color:#0098c0; }
.text-sub-g { font-size:12px!important; color:#888; }
.text-sub-b { display:inline-block; margin:0 0 5px 0; font-weight:bold; }
.text-fee-title { color:#0098c0; font-size:14px; font-weight:bold; }
/*white space*/
.text-no-wrap {white-space: nowrap;}

/*text indent*/
.txt_indext1_3 { text-indent:1.7em; }
.txt_indext2_2 { text-indent:2.2em; }
.txt_name { display:inline-block; }
.txt_indent1em { text-indent:-1em; }
.txt_indent2em { text-indent:-2em; }
.txt_indent3em { text-indent:-3em; }
.txt_indent3_5em { text-indent:-3.5em; }
.txt_indent10 { display:block; margin-left:10px; }
.txt_indent15 { display:block; margin-left:15px; }

/*money*/
.wc_money { width:120px; padding-left:20px; text-align:right; /*background:#fff url(/Images/icon_dollar.png) no-repeat 0 3px;*/ }
/*.wc_money:hover { background:transparent url(/Images/icon_dollar.png) no-repeat 0 0; }
.wc_money::after { content:"$"; }
.wc_money:before { content:"$"; }
.wc_money::before { content:"$"; }*/
.wc_zipcode { width:130px; }

/******placeholder_color******/
input::-webkit-input-placeholder { color:#c1c1c1!important; }
input:-moz-placeholder { color:#c1c1c1!important; }/* Firefox 18- */
input::-moz-placeholder { color:#c1c1c1!important; }/* Firefox 19+ */
input:-ms-input-placeholder { color:#c1c1c1!important; }

textarea::-webkit-input-placeholder { color:#c1c1c1!important; }
textarea:-moz-placeholder { color:#c1c1c1!important; }/* Firefox 18- */
textarea::-moz-placeholder { color:#c1c1c1!important; }/* Firefox 19+ */
textarea:-ms-input-placeholder { color:#c1c1c1!important; }


/******remove default outline******/
input[type="text"]:hover { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }
input[type="text"]:focus { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="password"]:hover { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="password"]:focus { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="checkbox"]:hover { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="checkbox"]:focus { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="radio"]:hover { border:0; border:1px solid #019bbb; background:#e5f1fe; outline-offset:0; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="radio"]:focus { border:0; border:1px solid #019bbb; background:#e5f1fe; outline-offset:0; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="tel"]:hover { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="tel"]:focus { border:0; border:1px solid #019bbb; background:#e5f1fe; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="text"].required, input[type="password"].required, input[type="tel"].required { border-bottom:1px solid #e00000; }
textarea:hover, textarea:focus { border:1px solid #019bbb; background:#e5f1fe; outline:1px solid rgba(1, 117, 228, 0.2); }

/* --------------------------------
    LAYOUTS
-------------------------------- */
/** { margin:0; padding:0; font-size:14px; font-family:Verdana, 'sans-serif'; font-weight:normal; }*/
html{ overflow:auto; min-width:1295px; height:100%; font-size:14px; font-family:Verdana, 'sans-serif'; font-weight:normal; vertical-align:middle; }
body { min-width:700px; height:100%; min-height:600px; margin:0; padding:0; color:#666; font-family:Verdana, 'sans-serif'; }
dl, dd, ul, li { margin:0; padding:0; }
.wrap { width:100%; height:100%; }
.container { /*display:inline;*/ position:relative; min-width:1295px; width:100%; height:100%; margin:0 auto; padding:0; }
.header { display:inline-block; position:absolute; top:0; z-index:1002; width:100%; min-width:1024px; margin:0 auto; background:#fff; text-align:left; }
.header > img { }
.header > .main_logo { text-align:center; }
.content { display:inline-block; position:relative; z-index:1001; width:1294px; min-height:1000px; margin:48px 0 0 0; padding:30px 0 10px 320px; background:url(/Images/bg_body.png) repeat-y 0 0; text-align:left; box-sizing:border-box; }
.content-order { display:block; width:900px; margin:0 auto 0 auto; padding:90px 25px 10px 25px; background:none; }
.footer { display:inline-block; width:100%; margin:30px auto 20px auto; text-align:center; }
.footer > img { margin:0 auto; }

.copyright { display:block; position:static; bottom:0; width:100%; min-width:500px; margin:0 auto; padding:10px 0 0 0; border-top:1px solid #ccc; font-family:Verdana; font-size:11px; color:#2e4453; text-align:center; line-height:17px; }
.copyright-link { display:inline-block; height:20px; padding:2px 4px; color:#2e4453; font-weight:normal; font-size:12px; text-decoration:underline; vertical-align:middle; }
.copyright-link:hover { color:#2e4453; opacity:0.8; cursor:pointer; }
.copyright-link.borderline { width:10px; padding:2px; color:#666; font-weight:normal; cursor:default; text-decoration:none; }
.copyright a { display:inline-block; font-size:12px; text-decoration:underline; color:#0098c0; }
.copyright a:hover { text-decoration:underline; cursor:pointer; }
span.copyright { padding-bottom:20px; border-top:none; }

.popup-bg { overflow:hidden; position:absolute; top:0; left:0; z-index:1999; width:100%; height:100%; background:rgba(0,0,0,.5); }
.landing-mobile .popup_wrap { position:absolute; z-index:2000; width:86%; max-width:500px; margin:0 auto; box-shadow:rgba(47, 47, 47, 0.7) 0 0 10px 7px; }
.landing-web .popup_wrap { position:absolute; z-index:2000; box-shadow:rgba(47, 47, 47, 0.7) 0 0 10px 7px; }
/*for develop*/
.imglogo_wrap_zenly > img { margin-left:0!important; }


/* --------------------------------
    LOGIN
-------------------------------- */
.login-background { width:100%; height:100%; min-height:800px; background:#e1e1e1; }
.login-box { margin:0 auto; padding:8% 0 0 0; text-align:center; }
.login-logo { width:398px; height:73px; margin:0 auto; padding:0 0; border:1px solid #c6c6c6; border-bottom:0; background:transparent url(/Images/bg_login.png) repeat-x 0 0; color:#2e4453; font-size:1.8em; text-align:center; font-family:Arial; font-weight:500; text-shadow:#f9f9f9 0px 2px; }
.login-group { width:400px; margin:0 auto; padding:15px 20px 30px 20px; border:1px solid #c6c6c6; border-top:0; background:#fefefe; text-align:left; box-sizing:border-box; }
.login-field { width:100%; margin:0; padding:0; }
.login-field li { display:inline-block; width:100%; padding:3px 0; }

.login-field li:nth-child(2) { margin-top:0; }
.login-group-title { margin-top:20px; color:#666; }
.login-group-select { height:38px; padding:2px 2px 2px 8px; border:1px solid #c8d7e1; }
.login-remeberme { display:inline-block; width:320px; padding:10px 0 10px 0; font-size:0.8em; color:#666; text-align:left; line-height:16px; vertical-align:middle; cursor:pointer; }
.login-field[type="text"], .login-field[type="password"], .login-field[type="tel"] { width:100%; height:38px; padding:2px 8px; border:1px solid #b3b3b3; background:#fefefe; font-size:14px; box-sizing:border-box; }
.login-field input:focus { border:1px solid #017ecd; background:#dfecfa; }
.login-field input:hover { border:1px solid #017ecd; background:#dfecfa; }
.login-group input[type="checkbox"] { border:1px solid #c8d7e1; }
a.login-text { margin:0 auto; color:#0087be; font-size:12px; text-align:center; }
a.login-text:hover { color:#0579a9; }
img.login-group_shadw { margin:0 auto; }
.login-copyright { display:block; position:static; bottom:0; width:100%; min-width:500px; height:40px; margin:unset; font-famil :Verdana; font-size:12px; color:#666; text-align:center; line-height:17px; }
.login-copyright > span { font-size:12px; }

.notice-required { display:block; min-width:250px; margin-top:20px; color:#e00000; font-weight:bold; font-size:12px!important; text-align:left; }
.notice-required span { display:block; color:#e00000; font-size:12px; font-weight:bold; }
.notice_wrap .notice-required, .notice_wrap .notice-required span { font-size:12px!important; }


body:has(.login-background.new_login ){ min-width: unset; height: unset;  min-height: unset; }
.login-background.new_login { width:unset; height:unset; min-height:unset; background:#e1e1e1; }
.login-background.new_login .login-box { width:var(--login-box-width); margin:7% auto; padding: 40px 0 0; text-align:center; background-color:#ffffff; box-shadow:rgba(190, 190, 190, 0.35) 5px 10px 5px 0; }
.login-background.new_login .login-logo { width:var(--login-box-width); display:flex; justify-content:center;  height:auto; margin:0 auto; padding:0 0; border:unset; border-bottom:0; background:unset; color:#2e4453; font-size:1.8em; text-align:center; font-family:Arial; font-weight:500; text-shadow:#f9f9f9 0px 2px; }
.login-background.new_login .login-group { width:var(--login-box-width); margin:0 auto; padding:30px 50px 30px 50px; border:unset; border-top:0; background:#fefefe; text-align:left; box-sizing:border-box; }
.login-background.new_login .login-field { width:100%; margin:0;}
.login-background.new_login .login-field li { display:inline-block; width:100%; margin:7px 0; padding:unset; position:relative; }
.login-background.new_login .login-field li span.input-title { position:absolute; font-size: 1em; top: 50%; transform:translateY(-50%); left: 10px; opacity:0.4; transition:0.2s; pointer-events:none; z-index:10; }
.login-background.new_login .login-field li input::placeholder { opacity:0; font-size: 1em; color:#666; letter-spacing:0; }
.login-background.new_login .login-field li input:placeholder-shown + span.input-title, .login-background.new_login .login-field li input:invalid + span.input-title { position:absolute; font-size: 1em; top: 50%; transform:translateY(-50%); left: 10px; opacity:0.4; transition:0.2s; pointer-events:none; z-index:10;  color:#666; letter-spacing:0; }
.login-background.new_login .login-field li input:focus + span.input-title { position: absolute;  top: 50%; transform: translate(-20%, -135%) scale(65%); left: 10px; opacity: 0.7; } 
.login-background.new_login .login-field li input:not(:placeholder-shown) + span.input-title, .login-background.new_login .login-field li input:valid + span.input-title  { opacity:0; }

.login-background.new_login .login-field li:nth-child(2) { margin-top:0; }
.login-background.new_login .login-group-title { margin-top:20px; color:#666; }
.login-background.new_login .login-group-select { height:38px; padding:2px 2px 2px 8px; border:1px solid #c8d7e1; }
.login-background.new_login #rememberemail { margin-left:0; }
.login-background.new_login .login-remeberme { display:inline-block; width:unset; padding:10px 0 10px 0; font-size:12px; color:#666; text-align:left; line-height:16px; vertical-align:middle; cursor:pointer; }
.login-background.new_login .login-field[type="text"], .login-field[type="password"], .login-field[type="tel"] { width:100%; height:46px; padding:2px 10px; border:1px solid #b3b3b3; background:#fefefe; font-size:14px; box-sizing:border-box; }
.login-background.new_login .login-field input:focus { border:1px solid #017ecd; background:#dfecfa; }
.login-background.new_login .login-field input:hover { border:1px solid #017ecd; background:#dfecfa; }
.login-background.new_login .login-group input[type="checkbox"] { border:1px solid #c8d7e1; }
.login-background.new_login a.login-text { margin:0 auto; color:var(--defaultBlue2); font-size:12px; text-align:center; text-decoration:underline; }
.login-background.new_login a.login-text:hover { color:#0579a9; }
.login-background.new_login img.login-group_shadw { margin:0 auto; }
.login-background.new_login .login-copyright { display:block; position:static; bottom:0; width:100%; min-width:unset; box-sizing:border-box; padding:6px 20px 17px;  background-color:#f2f2f2; height:auto; margin:unset; font-family:Verdana; font-size:12px; color:#666; text-align:center; line-height:17px;  box-shadow: inset 0px 5px 5px 0px rgba(190, 190, 190,0.35); }
.login-background.new_login .login-copyright > span { font-size:12px; line-height:25px; width:100%; display:inline-block; color:#999999; }

.login-background.new_login .notice-required { display:block; min-width:250px; margin-top:20px; color:#e00000; font-weight:bold; font-size:12px!important; text-align:left; }
.login-background.new_login .notice-required span { display:block; color:#e00000; font-size:12px; font-weight:bold; }
.login-background.new_login .notice_wrap .notice-required, .notice_wrap .notice-required span { font-size:12px!important; }
.login-background.new_login .required-notice { margin-left:0; }
.login-background.new_login .btn-login { width: 100%; padding: 7.5px 24px !important; border: 1px solid #019bbb; border-radius: 5px; background: var(--defaultBlue2); color: #fff; text-align: center; outline: none; transition: all 0.1s; }
.login-background.new_login .btn-login:hover { background-color:var(--defaultLightOrange); border-color:var(--defaultLightOrange); }


/*Loan Summary*/
.content-summary { font-family: 'Open Sans'; }
.content-summary div.checkbox-button { display:none; }
.content-summary .txt-title { margin:0 0 10px 0; font-weight:400; }
.content-summary .txt-title span { display:inline-block; margin:0; color:var(--defaultText); font-size:calc(1.25rem + .1vw); font-weight:400; }
.content-summary .txt-title h3 { display:inline-block; margin:0; color:inherit; font-size:calc(1.25rem + .1vw); font-weight:400; }
.content-summary .txt-title .item-title:has(+ .edit-item){ display:inline-block; margin:0; color:var(--defaultText); font-size:calc(1.25rem + .1vw); font-weight:400; }
.content-summary .title-level-1 { padding-bottom:10px; border-bottom:2px solid var(--colorSet1); }
.content-summary .title-level-1 h2 { margin: 0; display: inline-block; color: var(--defaultText); font-size: calc(1.35rem + .1vw); font-weight: 400; line-height: calc(1.5em + .1vw); }
.content-summary .title-level-1 span { margin-left:1em; font-weight:400; font-size:1em; }
.content-summary .content-level-2 { width:960px; margin-bottom:15px; padding-bottom:12px; border-bottom:1px solid var(--colorSet1); }
.content-summary .content-level-2 li { min-height:24px; margin-bottom:0; padding:.1em .2em; font-size:1rem; box-sizing:border-box; }
.content-summary .content-level-2 li.title { min-height:24px; margin-bottom:0; padding:.1em .2em; font-size:1rem; box-sizing:border-box; }
.content-summary .content-level-2 li.title { border-bottom:1px dashed var(--defaultBorder); }
.content-summary .content-level-2 li:not(.column__1 li, .title__sub li, .column__2_1 li, .txt_indent40 .checkbox-handler) { border-bottom:1px dashed var(--defaultBorder); }
.content-summary .content-level-2 li span { margin-left:.5em; font-weight:400; }
.content-summary .content-level-2 li span span { margin-left:-.5em; }
.content-summary .content-level-2 li span.blank { margin:0 1em; }
.content-summary .content-level-2 li label { font-size:1rem; }
/*list nth-child(even) background*/
.content-summary .content-level-2 .bg_list li:not(.column__1 li, .title__sub li, .column__2_1 li, .txt_indent40 .checkbox-handler) { border-bottom:0; }
.content-summary .content-level-2 .bg_list li:not(:empty .column__1 li, .title__sub li, .column__2_1 li, .txt_indent40 .checkbox-handler):nth-child(even) { background-color:var(--defaultHover); }

/*.content-summary .content-level-2 li:is(:focus, :hover, :active) { background:var(--defaultHover); }*/
.content-summary .content-level-2 .blank { }
.content-summary .content-level-2 .checkbox-button::before { font-size:1.5em; }
.content-summary .content-level-2 .checkbox-button.disabled { top:2px; left:2px; z-index:0; height:21px; /*background:#ddd;*/ opacity:.6!important; }
.content-summary .content-level-2 .checkbox-handler { cursor:default; }
.content-summary .content-level-2 .checkbox-handler input[type="checkbox"] { cursor:default; }
.content-summary .content-level-2 .checkbox-handler input[type="checkbox"]:checked ~ .checkbox-button::before { color:var(--defaultText); font-size: 1.5em; opacity:.6; }
.content-summary .content-level-2 .checkbox-handler input[type="checkbox"]:checked + label { color:var(--defaultText); }
.content-summary .content-level-2 .checkbox-handler label { cursor:default; }
.content-summary .content-level-2 .txt_indent40 { margin-top:5px; margin-left:2rem!important; line-height:1.5em; }
.content-summary .content-level-2 .txt_indent40 > ul { margin-top:10px; }
.content-summary .content-level-2 .edit-item { display:inline-block; position:relative; width:60px; height:24px; margin-left:.5em; padding:1px 10px; border:2px solid var(--colorSet2); border-radius:2rem; background:var(--colorSet2); color:#fff; font-size:13px; font-weight:400; text-align:center; box-sizing:border-box; }
.content-summary .content-level-2 .edit-item:is(:focus, :hover, :active) { outline:var(--outlineThickness) solid var(--newOutline); }
.content-summary .content-level-2.col__demographic { border-bottom:none; }

.content-summary .content__co { display:none; padding-block:10px; }
.content-summary .content__co .txt-title__sub { margin-bottom:5px; color:var(--defaultOrange); font-weight:400; }
.content-summary .content__co .txt-title__sub:is(h2,h3,h4,dt){ font-size: calc(1rem + .1vw);  margin-bottom:5px; color:var(--defaultOrange); font-weight:400; }
.content-summary .content__co .txt-title__sub :is(h2,h3,h4,dt){ font-size: calc(1rem + .1vw); margin-bottom:inherit; color:inherit; font-weight:inherit; }
.content-summary .content__co .txt-title__sub span,
.content-summary .content__co .txt-title__sub h4 { display:inline-block; margin:0; font-size:inherit; font-weight:400; }
.content-summary .content__co .txt-title__sub button { margin-left:.5em; }
.content-summary .content__co ul:nth-child(2):not(.col-5-5 ul, .txt_indent40 ul) { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #c1c1c1; }
.content-summary .content__co .col-5-5 { display:inline-grid; }
.content-summary .content__co .col-5-5:first-of-type { margin-right:10px; border-right:1px dotted #c1c1c1; }
.content-summary .content__co .col-5-5 .txt_indent40 li.col-2 { width:45%!important; }

.content-summary .content-level-2 .column__1 { display: grid; grid-template-columns: 1fr 80px; grid-template-rows: auto; grid-column-gap: 0; grid-row-gap: 0; max-width:500px;}
.content-summary .content-level-2 .column__1 li { min-height:30px; padding:.1em .2em .6em .2em; }
.content-summary .content-level-2 .column__1_1 { display: grid; grid-template-columns:80px 1fr; grid-template-rows: auto; grid-column-gap: 0; grid-row-gap: 0; max-width:90%; }
.content-summary .content-level-2 .column__1_1 li.title:is(:focus, :hover, :active),
.content-summary .content-level-2 .column__1_1 li:is(:focus, :hover, :active) { background: var(--defaultHover); }
.content-summary .content-level-2 .column__1_1 li.title,
.content-summary .content-level-2 .column__1_1 li:last-of-type { border:none; }
.content-summary .content-level-2 .column__1_1 li.title span,
.content-summary .content-level-2 .column__1_1 li span { display:inline-block; min-width:22px; padding:0 3px; border-bottom:1px solid var(--defaultText); color:var(--defaultText); }
.content-summary .content-level-2 .column__1_1 .txt_indent { padding-left:20px; }
.content-summary .content-level-2 .column__1 li .edit-item { vertical-align:-3px; }
.content-summary .content-level-2 .column__1 li span:first-of-type { margin-inline:0; }

.content-summary .content-level-2 .column__1.custom-question { width:100%; display:block; max-width:unset; }
.content-summary .content-level-2 .column__1.custom-question :is(dt,dd){ width:100%; }


.content-summary .content-level-2 .column__2 { display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: column; column-count:2; overflow-x:hidden; width:960px; min-height:24px; margin-bottom:10px; }
.content-summary .content-level-2 .column__2:last-of-type { margin-bottom:0; }
.content-summary .content-level-2 .column__2.title__sub { margin-bottom:0; }
.content-summary .content-level-2 .column__2 li { width:50%; }

/*column__2 for DL_not separated dt*/
.content-summary .content-level-2 dd:not(.column__1 dt, .title__sub dt, .column__2_1 dt, .txt_indent40 .checkbox-handler) { border-bottom: 1px dashed var(--defaultBorder); }
.content-summary .content-level-2 dl.column__2 { width:100%; flex-direction:row; }
.content-summary .content-level-2 dl.column__2 dt:nth-child(2n-1) { visibility: visible !important; display: block !important; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.content-summary .content-level-2 dl.column__2 dd:nth-child(2n) { width:50%; margin-right:2%; }
.content-summary .content-level-2 dl.column__2 dd:nth-child(4n) { width:48%; margin-right:0%; }

.content-summary .content-level-2 :is(.column__2, .column__2_div).column__2_grid { width:100%; display:inline-grid; width:100%; grid-template-columns:48% 50%; grid-column-gap:2%; }

/*.content-summary .content-level-2 .column__2 li:nth-child(even):not(.blank, .column__2_1 li) { background:var(--defaultHover); }*/
.content-summary .content-level-2 .column__2_1 span { margin: 0 .5em 0 0; }
.content-summary .content-level-2 .column__2_1 li { width:100%; }
.content-summary .content-level-2 .column__2_1 li:nth-child(odd) { width:100%; background:var(--defaultHover); }

.content-summary .content-level-2 .column__2_div { width:960px; display:flex; flex-wrap:wrap; min-height:24px; margin-bottom:10px; }
.content-summary .content-level-2 .column__2_div > :is(ul, dl, div){ width:50%; box-sizing:border-box; }
.content-summary .content-level-2 .column__2_div > :is(ul, dl, div):nth-child(odd) { margin-right:2%; }
.content-summary .content-level-2 .column__2_div > :is(ul, dl, div):nth-child(even) { width:48%; }

.content-summary .content-level-2 .column__2_div > dl dt:nth-child(2n-1) { visibility: visible !important; display: block !important; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.content-summary .content-level-2 .column__2.title__sub { margin-bottom:0; background:var(--defaultHover); }
.content-summary .content-level-2 .column__2.title__sub.col__expand_2 li:nth-child(2n-1) { width:33.2%; }
.content-summary .content-level-2 .column__2.title__sub.col__expand_2 li:nth-child(2n) { width:62.4%; }
.content-summary .content-level-2 .column__2.col__expand_2 { display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: row; column-count: 2; width: 960px; }
.content-summary .content-level-2 .column__2.col__expand_2 li { width:31.2%; }
.content-summary .content-level-2 .column__2.col__expand_2 li span { margin-left:0; }
.content-summary .content-level-2 .column__2.col__expand_2 li.title { display:none; }
.content-summary .content-level-2 .column__2.col__expand_2 li:nth-child(2n) { width:33.2%; }
.content-summary .content-level-2 .column__2.col__expand_2 li:nth-child(4n) { width:62.4%; }
.content-summary .content-level-2 .column__2.col__expand_2 .blank { display:block; min-height:0; margin:0; padding:0; background:none; }

.content-summary .content-level-2 .column__2.title__sub { margin-bottom:0; background:var(--defaultHover); }
.content-summary .content-level-2 .column__2.title__sub.col__expand_1 li:nth-child(2n-1) { width:64.4%; }
.content-summary .content-level-2 .column__2.title__sub.col__expand_1 li:nth-child(2n) { width:31.2%; }
.content-summary .content-level-2 .column__2.col__expand_1 { display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: row; column-count: 2; width: 960px; }
.content-summary .content-level-2 .column__2.col__expand_1 li { width:31.2%; }
.content-summary .content-level-2 .column__2.col__expand_1 li span { margin-left:0; }
.content-summary .content-level-2 .column__2.col__expand_1 li.title { display:none; }
.content-summary .content-level-2 .column__2.col__expand_1 li:nth-child(2n) { width:64.4%; }
.content-summary .content-level-2 .column__2.col__expand_1 li:nth-child(4n) { width:31.2%; }
.content-summary .content-level-2 .column__2.col__expand_1 .blank { display:block; min-height:0; margin:0; padding:0; background:none; }

.content-summary .content-level-2 .co_borrower_column__2 { width: 960px; display: grid; min-height: 24px; margin-bottom: 10px; grid-template-columns:100%;}
.content-summary .content-level-2 .co_borrower_column__2:has(.co_borrower__info) { grid-template-columns:50% 48%; grid-column-gap:2%;  }
.content-summary .content-level-2 .co_borrower_column__2 .borrower__info { grid-column:1/2; }
.content-summary .content-level-2 .co_borrower_column__2 .co_borrower__info { grid-column:2/3; }
.content-summary .content-level-2 .co_borrower_column__2 > dl dt.txt-title__sub { visibility: visible !important; display: block !important; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.content-level-1 .content-level-2 .co_borrower_column__2 > dl dd { display: inline-block; position: relative; width: 100%; min-height: 24px; margin-bottom: 0; padding: .1em .2em; font-size: 1rem; box-sizing: border-box; margin-right: 0px; vertical-align: bottom; }

.content-summary .content-level-2 .column__3 { display: flex; flex-wrap: wrap; align-content: flex-start; flex-direction: row; column-count:3; width:960px; }
.content-summary .content-level-2 .column__3.title__sub { margin-bottom:0; background:var(--defaultHover); }
.content-summary .content-level-2 .column__3 li { width:31.2%; }
.content-summary .content-level-2 .column__3 li span { margin-left:0; }
.content-summary .content-level-2 .column__3 li.title { display:none; width:31.2%; padding:0 .2em; }



/* --------------------------------
    GNB
-------------------------------- */
.gnb { position:absolute; top:0; left:0; z-index:1002; width:100%; min-width:800px; height:45px; min-height:44px; padding:0; /*background:#d6d6d6;*/ background:#fff url(/Images/bg_top.png) repeat-x 0 0; box-sizing:border-box; }
.imglogo_wrap { float:left; }
.txt_logo { display:inline-block; height:59px; margin:0 0 0 20px; padding:10px 0 0 30px; color:#fff; font-size:30px; font-family:Gadugi, Verdana, 'sans-serif'; text-shadow:2px 3px #272c33; }
.gnb-nav { float:right; display:inline-block; height:60px; padding:0 20px 0 0; line-height:54px; }
.nav-list { display:inline-block; height:20px; padding:10px 8px 10px 4px; color:#019bbb; font-weight:normal; font-size:14px; line-height:1.5em; text-decoration:underline; vertical-align:middle; }
.nav-list:hover { cursor:pointer; }
.nav-list:last-of-type { padding-right:2px; }
.nav-list.borderline { width:10px; padding:10px 2px; cursor:default; text-decoration:none; }
.nav-list > a { display:inline-block; }
.nav-list:hover > a { text-decoration:underline; cursor:pointer; }

.gnb-zenly { height:44px; background:#e7e7e7!important; }
.gnb-zenly .imglogo_wrap img { margin-left:0; }


/* --------------------------------
    LNB
-------------------------------- */
.lnb { position:absolute; top:45px; left:0; z-index:1002; width:270px; height:100%; min-height:1000px; /*box-shadow:inset #e2e2e2 -3px 17px 15px 0px;*/ }
.depth1 { margin:0; padding:0; border-top:2px solid #039abb; }
.depth1 > dt { display:block; height:50px; padding:0 0 0 20px; border-top:1px solid #fff; font-size:0.9em; color:#666; line-height:1.8em; vertical-align:middle; cursor:pointer; box-sizing:border-box; }
.depth1 > dd { background:none; color:#666; }
.depth1 > dt:first-of-type { border-top:none; }
.depth1 > dt > a { display:inline-block; width:245px; padding:13px 0 13px 3px; vertical-align:middle; font-size:12px; }
.depth1 > dt.title-menu { pointer-events:none; }
.depth2 { margin:0; padding:0; }
.depth2 > li { display:block; height:36px; padding:0; border-top:1px solid #fff; font-size:0.9em; color:#666; line-height:1.8em; vertical-align:middle; cursor:pointer; box-sizing:border-box; }
.depth2 > li > a { padding:6px 0 6px 20px; text-indent:2.8em; font-size:12px; }

/*background color*/
.depth1 > dt { background:#d6d6d6; }
.depth1 > dt:hover { background:#ed8b00; color:#fff; }
.depth1 > dt.on { background:#019bbb url(/Images/nav_on.png) no-repeat center right; color:#fff; }
.depth1 > dt.on:hover { background:#ed8b00 url(/Images/nav_on_over.png) no-repeat center right; color:#fff; }

.depth2 > li { background:#e5e5e5; }
.depth2 > li:hover { background:#ed8b00; color:#fff; }
.depth2 > li:hover > a { color:#fff; }
.depth2 > li.on { background:#019bbb url(/Images/nav_on.png) no-repeat center right; color:#fff; }
.depth2 > li.on > a { color:#fff; }
.depth2 > li.on:hover { background:#ed8b00 url(/Images/nav_on_over.png) no-repeat center right; color:#fff; }

/*background images*/
.depth1 dt .nav { display:inline-block; width:30px; height:20px; background:transparent url(/Images/icon_nav_default.png) no-repeat; font-weight:bold; font-size:14px; color:#fff; text-indent:-500em; }
.depth1 dt:hover .nav { background-image:url(/Images/icon_nav_over.png); }
.depth1 dt.on .nav { background-image:url(/Images/icon_nav_over.png); }

.depth1 dt .nav-MainSite { background-position:0 -57px; }
.depth1 dt .nav-BorrowerInterview { background-position:0 2px; }
.depth1 dt .nav-RetentionPolicy { background-position:0 -276px; }
.depth1 dt .nav-Delivery { background-position:0 -84px; }
.depth1 dt .nav-Email { background-position:0 -137px; }
.depth1 dt .nav-Report { background-position:0 -247px; }
.depth1 dt .nav-PaymentManagement { background-position:0 -28px; }
.depth1 dt .nav-Setup { background-position:0 -304px; }
.depth1 dt .nav-eSignature { background-position:0 -111px; }
.depth1 dt .nav-Password { background-position:0 -191px; }
.depth1 dt .nav-WebAddress { background-position:0 -330px; }
.depth1 dt .nav-Originator { background-position:0 -163px; }


/* --------------------------------
    progress-box
-------------------------------- */
.progress-box { width:100%; margin:0 0 30px 0; text-align:center; }
.progress-list { width:100%; margin:0; padding:18px 0 0 0; }
.progress-list > dd { display:inline-block; width:24.2%; min-width:130px; margin:0 2px; font-size:14px; color:#c6c6c6; text-align:center; }
.progress-list > dd:first-of-type { margin-left:0; }
.progress-list > dd:nth-last-child(-n+2) { margin-right:0; }
.progress-text { margin:0; padding:0; }
.progress-text > li { font-size:14px; color:#c9c9c9; text-align:center; }
.progress-text > li > .bar { display:block; left:0; height:12px; background:transparent; }
.progress-text > li > .step_txt { position:absolute; top:12px; left:0; z-index:1002; width:100%; color:#fff; text-align:center; box-sizing:border-box; }
.progress-text > .progress-group { height:12px; background:#c6c6c6; text-align:left; line-height:12px; }
.on .progress-group { background:none; }

/*ON*/
.progress-list > dd.on {  }
.progress-list > dd.on span.bar { background:#ed8b00; }
.progress-list > dd.on li { color:#666; }

/*DONE*/
/*.progress-list > dd.done span.bar { background:#259edb; }*/
.progress-list > .done .bar { background:#019bbb; }
.progress-list > .done li { color:#c5c5c5; }


/* --------------------------------
    CONTENTS
-------------------------------- */
.title-level-0 { min-height:22px; margin:0; border-bottom:none; color:#666; font-size:1em; font-weight:normal; line-height:1.2em; }
.title-level-1 { margin-bottom:20px; color:#019bbb; font-size:30px; font-weight:normal; }
.title-level-2 { margin-top:25px; margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid #ccc; font-size:18px; font-weight:normal; color:#ed8b00; }
.title-level-2 .txt_emphasis { color:#666; font-size:18px; }
.title-level-3 { padding-bottom:5px; border:none; color:#019bbb; font-size:14px; font-weight:bold; }
.title-level-4 { padding-bottom:5px; border:none; font-size:14px; font-weight:bold; }
.title_wrap { margin:10px 0 10px 0; color:#666; font-size:1.0em; font-weight:bold; line-height:1.5em; }

:is(.title-level-0,.title-level-1,.title-level-2,.title-level-3,.title-level-4) .title-level-button { background-color:#7f7f7f; color:#ffffff; font-size:13px; padding:6px 8px; border:none; border-radius:4px; display:flex; justify-content:center; align-items:center; }
:is(.title-level-0,.title-level-1,.title-level-2,.title-level-3,.title-level-4) :is(h1, h2, h3, h4, h5) { font-weight:inherit; font-size:inherit; color:inherit; margin:inherit; margin:0; }

.content-level-1 { display:inline-block; width:100%; min-height:600px; margin:10px 0 0 0; padding:0 0 20px 0; color:#666; font-size:1.0em; text-align:left; line-height:1.5em; }
.content-level-1 span { font-size:14px; }
.content-level-1 label { cursor:pointer; }
.content-level-1 .label-disabled { color:#adadad; cursor:default; }
.content-level-2 { padding-bottom:50px; }
.content-level-2.borderlineT { padding-top:20px; }

.title-area { display:flex; align-items:center; }
.title-area .title-left { }
.title-area .title-right { margin-left:auto; }

/**/
.field-primary { margin:0; padding:20px 0 0 0; }
.field-primary dt { display:inline-block; width:100%; min-height:30px; padding:3px 0; line-height:1.5em; vertical-align:middle; }
.field-primary dt.required { }
.field-primary dd { display:inline-block; width:100%; min-height:30px; padding:3px 0; line-height:1.5em; vertical-align:middle; }
.field-primary dd select { height:34px; margin:0; }
.field-primary select { height:34px; margin:0; }
.field-primary select.required { box-shadow: inset #cc0000 0 -1px 0; }

/*.field-primary dd input[type="text"], .field-primary dd input[type="password"] { margin:0; }*/

.field-summary { margin:0; padding:20px 0 0 0; }
.field-summary dt { display:inline-block; width:100%; min-height:22px; padding:3px 0; line-height:1em; vertical-align:middle; }
.field-summary dt.required { }
.field-summary dd { display:inline-block; width:100%; min-height:22px; padding:3px 0; line-height:1em; vertical-align:middle; }
.field-summary dd select { height:36px; margin:0; }
.field-summary dd input[type="text"], .field-primary dd input[type="password"] { margin:0; }


.field-guide { margin:0; padding:20px 0 50px 0; }
.field-guide dt { display:inline-block; width:100%; min-height:22px; margin-top:10px; padding:3px 0; line-height:1.5em; vertical-align:middle; }
.field-guide dt.required { }
.field-guide dd { display:inline-block; width:100%; min-height:22px; padding:3px 0; line-height:1.5em; vertical-align:middle; }
.field-guide dd select { height:36px; margin:0; }
.field-guide dd input[type="text"], .field-primary dd input[type="password"] { margin:0; }

/*select2 library CSS*/
.field-primary .select2-selection.select2-selection--single { padding: 3px 3px 5px 3px; border: none; border-radius: 2px 2px 0 0; box-shadow: inset #a5a5a5 0 -1px 0; box-sizing:border-box; height:34px; font-family:inherit;}
.field-primary .select2-selection.select2-selection--single[ aria-expanded = "true" ] { color: #019bbb; box-shadow: inset #019bbb 0 -2px 0; background: #dfecfa; }
.field-primary .select2-selection.select2-selection--single:hover { color: #019bbb; box-shadow: inset #019bbb 0 -1px 0; background: #dfecfa; }
.field-primary .select2-selection.select2-selection--single:is(:focus, :active) { color: #019bbb; box-shadow: inset #019bbb 0 -2px 0; background: #dfecfa; }
body .select2-container--open .select2-dropdown--below { background: #dfecfa; border-radius:0; border-color:#666666; }
body .select2-container--default .select2-search--dropdown .select2-search__field:is(:hover, :focus, :active){ border: 1px solid #019bbb; background: #fff; outline: 1px solid rgba(1, 117, 228, 0.2); }
body .select2-container--default .select2-results__option--selectable { color:#019bbb; }
body .select2-container--default .select2-results__option.select2-results__option--selected { background: #dfecfa;}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background:#1967D2; color:#fff;}
body .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: inherit; color:inherit;  font-family:inherit; }

.field-primary select.required + .select2-container--default .select2-selection { box-shadow: inset #cc0000 0 -1px 0; }
.field-primary .select2-container--default.required .select2-selection { box-shadow: inset #cc0000 0 -1px 0; }


.field-state { margin:0; padding:0; }
.list-component { margin:0; padding:0; }
.list-component li { display:inline-block; }
.option-level-1 { margin:0 0 0 20px; }
.option-level-2 { max-width:80%; margin:0 0 0 20px; }
.required-notice { margin:0 0 0 20px; }

/*comment*/
.comment-box /*temporary*/ { width:100%; min-height:80px; box-sizing:border-box; }
.comment-box-temp { border: 1px solid #c3c3c3; width: 100%; padding: 5px; box-sizing: border-box; min-height: 100px; max-height:350px; overflow-x:scroll; overflow-y:scroll }
.comment-field { overflow-y:auto; width:100%; min-height:80px; min-height:inherit; padding:6px; border:1px solid #a5a5a5; background:#fff; box-sizing:border-box; white-space:pre-wrap; }
.comment-field:hover { background:#fff; }
.comment-readonly{ width:100%; margin:0 0 0px 0; /*padding:10px; border:1px solid #a5a5a5;*/ }
.comment-eng { margin:0 0 10px; padding:0 0 20px 0; /*border-bottom:1px solid #ccc;*/ }

:is(.comment-box, .comment-box-temp).user-custom { color:#000000; }
:is(.comment-box, .comment-box-temp).user-custom span { font-size:inherit; color:inherit; }

.config-tree dt { padding:5px 0; }
.disclaimer-box { overflow-y:auto; width:100%; min-height:inherit; min-height:60px; max-height:500px; margin:6px 0 30px 0; padding:0 10px 10px 10px; background:#fff; box-sizing:border-box; }
.disclaimer-box textarea { width:100%; }

/* order_readonly  */
.class_readonly { border:1px solid #c1c1c1 !important; background:#efefef; color:#b7b7b7; cursor:default; pointer-events:none; }
.class_readonly:hover { border:1px solid #c1c1c1 !important; background:#efefef; color:#b7b7b7; cursor:default; pointer-events:none; }
.class_readonly:focus { border:1px solid #c1c1c1 !important; background:#efefef; color:#b7b7b7; cursor:default; pointer-events:none; }

/*hide*/
.comment-box textarea { width:100%; opacity:0; }
.comment-box textarea:focus { border:1px solid #017ecd; background:#dfecfa; }
.disclaimer-box textarea { width:100%; opacity:0; }
.multipleSelect { width:700px; opacity:0; }

.order-license { font-family:arial; font-size:inherit; }
.order-license span { line-height:14px; }
.order-license b, .order-license b span { font-weight:bold!important; font-family:Arial; }
p.MsoNormal, li.MsoNormal, div.MsoNormal { font-family:arial!important; font-size:10.0pt!important; }
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph { font-family:arial!important; font-size:10.0pt!important; }

/*Loan Originator*/
.fas.ico_forward { color:#999; font-size:30px; }
.fas.ico_forward_grey { font-size:16px; opacity:0.2; vertical-align:-2px; }
.list-box-group dl.list-box dt { height:40px; margin-left:-1px; border:1px solid #019bbb; background:#019bbb; color:#fff; text-align:center; line-height:40px; }
.list-box-group dl.list-box dd { position:relative; width:100%; min-height:36px; padding:4px 10px; border-bottom:1px solid #ddd; text-align:left; line-height:1.5em; vertical-align:middle; box-sizing:border-box; cursor:pointer; }

/* --------------------------------
    COLOR SETTINGS
-------------------------------- */
.color-setting dd { width:53%; }
.color-setting span { display:inline-block; overflow:hidden; height:30px; box-sizing:border-box; }
.color-setting span.wth_730 { overflow:visible; }
.color-hex span { padding:0; line-height:35px; }

/*color picker*/
.color-selector { display:inline-block; float:right; border-radius:1px; line-height:28px; vertical-align:middle; }
.color-selector input[type="text"] { padding-right:30px; font-size:12px; letter-spacing:-0.03em; }
.color-selector .selected_color { display:inline-block; width:30px; height:30px; border:1px solid #a5a5a5; vertical-align:-10px; box-sizing:border-box; text-indent:-500em; cursor:pointer; }
.minicolors-theme-default .minicolors-swatch { width:30px!important; height:30px!important; }

/* --------------------------------
    UPLOAD FILES
-------------------------------- */
.attach-wrapper { display:inline-block; position:relative; width:248px; }
.upload-title { height:40px; line-height:40px; vertical-align:top; }
.upload-btn-group { display:inline-block; width:140px; margin-top:-5px; vertical-align:middle; }
.upload-btn-group label { display:inline-block; overflow:hidden; position:relative; width:58px; height:27px; margin:-10px 0 0 0; text-align:center; line-height:22px; cursor:pointer; vertical-align:bottom; }
.upload-btn-group label input[type="file"] { overflow:hidden; position:absolute; top:0; left:0; z-index:1001; width:58px; height:27px; opacity:0; cursor:pointer; }
.upload-file-name { display:inline-block; width:100%; margin-top:5px; position:relative;}
.upload-file-name li { width:243px; margin-bottom:3px; border:1px solid #a5a5a5; }
.upload-file-name li input[type="text"] { height:27px; border:none; width:98%; outline:none; box-sizing:border-box; }
.upload-file-name li input[type="text"]:read-only { background:transparent!important; border:none!important; }

.image-preview { overflow:visible; position:relative; width:800px; /*max-height:227px;*/ min-height:50px; margin:20px 0 0 0; padding:3px 8px; border:1px solid #ccc; text-align:center; }
@-moz-document url-prefix() { .image-preview {margin:20px 0 0 -15px;}}
.image-preview img { max-width:100%; max-height:500px; margin:5px auto 0 auto; }
.image-preview .btn-delete-image { top:0; right:-20px; }
.popup-box .image-preview img { margin:5px auto; }

.btn-file { height:27px; padding:1px 6px; border:1px solid #7b838d; border-radius:4px; background:#7b838d; color:#fff; line-height:19px; font-family:Arial; font-size:13.3333px; }
.btn-delete-image { position:absolute; top:0; right:0; width:15px; height:15px; padding:0; border:none; background:none; font-size:11px; color:#666; line-height:15px; outline:none; }
.btn-delete-image:hover { font-weight:bold; }


/* --------------------------------
    UPLOAD IMAGES
-------------------------------- */
.upload-image { position:relative; width:245px; height:245px; padding:0; border:1px solid #a5a5a5; border-radius:2px; background:#fff; text-align:center; line-height:239px; vertical-align:middle; box-sizing:border-box; }
.upload-image img { max-width:230px; max-height:230px; margin:0 auto; vertical-align:middle; width:100%; height:100%; }
.upload-image img.img-null { max-width:245px; max-height:245px; }
.upload-image .upload-btn-group { position:absolute; top:5px; left:0; z-index:1004; width:100%; height:100%; }
.upload-image .upload-btn-group label, .upload-image .upload-btn-group input[type="file"] { width:150px; height:150px; box-sizing:border-box; }
.upload-image .upload-btn-group:hover { background:url(/Images/bg_brw.png) no-repeat 0 0; }
.upload-image div.upload-btn-group .btn-delete-image { right:-20px; }
.upload-image div.upload-btn-group .btn-delete-image:hover { font-weight:bold; }
.upload-image-crop { display:inline-block; min-width:100px!important; height:30px; margin-left:10px; text-align:left; vertical-align:bottom; }
.upload-image-signature { width:167px; height:167px; line-height:162px; }
.upload-image-signature img { max-width:150px; max-height:150px; margin:0 auto; vertical-align:middle; }
.upload-image-signature img.img-null { max-width:165px; max-height:165px; }
.upload-image-signature .upload-btn-group:hover { background:url(/Images/bg_brw_signature.png) no-repeat 0 0; }
.upload-image-signature .upload-btn-group label, .upload-image-signature .upload-btn-group input[type="file"] { width:150px; height:150px; box-sizing:border-box; }
.btn-crop { opacity:0; min-width:60px; height:29px; padding:1px 6px; border:1px solid #7b838d; background:#7b838d; color:#fff; line-height:20px; font-family:Arial; font-size:13.3333px; vertical-align:2px; }

/*logo*/
.upload-logo-thumbnail { position:relative; width:100px; height:100px; padding:0; border:1px solid #a5a5a5; background:#fff; text-align:center; line-height:96px; vertical-align:middle; box-sizing:border-box; }
.upload-logo-thumbnail img { max-width:90px; max-height:90px; margin:0 auto; vertical-align:middle; }
.upload-logo-thumbnail img.img-null { max-width:100px; max-height:100px; }
.upload-logo-thumbnail .btn-delete-image { right:-20px!important; }
.upload-logo-thumbnail .btn-delete-image:hover { font-weight:bold; }
.upload-logo-thumbnail .upload-btn-group { position:absolute; top:5px; left:0; z-index:1004; width:100%; height:100%; }
.upload-logo-thumbnail .upload-btn-group label, .upload-logo-thumbnail .upload-btn-group input[type="file"] { width:100%; height:100%; }
.upload-logo-thumbnail .upload-btn-group label.ltb {position:absolute;width:15px;height:15px;margin:0;padding: 0;top: 0;line-height: 15px;}
.upload-logo-thumbnail .upload-btn-group:hover { background:url(/Images/bg_brw02.png) no-repeat 0 0; }

/*renewal*/
/*.field-primary dt.required { vertical-align:12px; }
.field-primary dd.required { position:relative; margin-bottom:25px; }
.field-primary dd.required .notice-required { position:absolute; left:0; bottom:-19px; min-width:50px; margin:0; font-weight:500; }*/
.field-primary dd.upload-button-group { vertical-align:bottom; }
.field-primary dd.upload-button-group dl.text-sub dd { min-height:16px; line-height:initial; }
.field-primary dd.upload-button-group .upload-image-crop dd { width:82px; }



/* --------------------------------
    TABLE
-------------------------------- */
.table-report { border:none; border-collapse:collapse; }
.table-report tr:nth-child(odd) { background:#f5f5f5; }
.table-report tr:nth-child(even) { background:#fff; }
.table-report tr:only-child { background:#fff; }
.table-report tr:nth-child(odd):last-of-type { border-bottom:1px solid #e4e0e0; }
.table-report tr:nth-child(even):last-of-type { border-bottom:1px solid #e4e0e0; }
.table-report tr:first-of-type th { border-left:0; border-right:0; border-top:2px solid #089bd0; border-bottom:2px solid #0a97ca; }
.table-report th:first-of-type, .table-report td:first-of-type { padding-left:10px; }
.table-report th:last-of-type.txt_alg_r, .table-report td:last-of-type.txt_alg_r { padding:8px 10px 8px 0; }
.table-report th:first-of-type.txt_alg_c, .table-report td:first-of-type.txt_alg_c { padding:8px 5px; }
.table-report th { padding:8px 0; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #efeeee; background:#019bbb; color:#fff; font-size:14px; font-weight:normal; line-height:22px; /*text-decoration:underline; cursor:pointer;*/ }
.table-report th a { width:95%; word-break:break-all; cursor:pointer; }
.table-report th span { cursor:pointer; }
.table-report td { padding:8px 10px 8px 0; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #e4e0e0; font-size:12px; vertical-align:top; word-break:break-all; }
.table-report td.txt_alg_c { padding-right:0; }
.table-report td.txt_c { padding-right:0; }
.table-report td.txt_c img { vertical-align:-6px; }
.table-report td div { font-size:12px; }
.table-report td span { display:block; word-break:break-word; }
.table-report td span.linked { text-decoration:underline; color:#0098c0; cursor:pointer; }
.table-report td span.canceled { color:#0098c0; font-size:12px; font-weight:600; cursor:pointer; }
.table-report td span.canceled:hover { text-decoration:underline; }
.table-report td a { display:inline; text-decoration:underline; font-size:12px; color:#0098c0; cursor:pointer; }
.table-report td a.txt_disabled { color:#c1c1c1; text-decoration:none; cursor:default; }
.table-report td a { display:inline; text-decoration:underline; font-size:12px; color:#0098c0; cursor:pointer; }
.table-report td button.anchor { display:inline; text-decoration:underline; font-size:12px; color:#0098c0; cursor:pointer; background-color:inherit; border:none; }


.table-report.type-2 td:nth-child(odd) { background-color:#e5f4f7; color:#0381a2; }

.table-report.type-3 tr:first-of-type tr { border-bottom:1px solid #0381a2; }
.table-report.type-3 tr:first-of-type th { background-color:#e5f4f7; color:#0381a2; border-top:none; border-bottom:1px solid #0381a2; }
.table-report.type-3 td:nth-child(odd){ background-color:#ffffff; color:#5e5e5e; }
.table-report.type-3 td:nth-child(even){ background-color:#ffffff; color:#5e5e5e; }


.popup-box .table-report__line th.txt_alg_l { padding:8px 0 8px 5px; }
.popup-box .table-report__line th:last-of-type { border-right:1px solid #089bd0; }
.popup-box .table-report__line td { padding:8px 10px 8px 5px; border-left:1px solid #e4e0e0; border-right:1px solid #e4e0e0; box-sizing:border-box; }

.table-product th i { font-size:28px; vertical-align:-5px; cursor:pointer; }
.table-product th i:is(:focus, :hover, :active) { opacity:.8; } 
.table-product td { padding:4px 10px 4px 0; vertical-align:middle; }
.table-product td i:not(.ico-activated, .ico-deactivated) { width:34px; height:34px; padding:9px; color:#a3a3a3; border-radius: 34px; font-size:16px; vertical-align:middle; box-sizing:border-box; cursor:pointer; }
.table-product td i:not(.ico-activated, .ico-deactivated):is(:focus, :hover, :active) { background:#e9e9e9; cursor:pointer; }
.table-product td i.ico-activated { color:#4fd478; font-size:9px; vertical-align:1px; cursor:default; }
.table-product td i.ico-deactivated { color:#ef2e63; font-size:9px; vertical-align:1px; cursor:default; }
.table-product td a { padding:1em 0; }
.table-product td:first-of-type a { padding:1em 1em 1em 0; }

/*.table-report td .ico-default { width:initial; height:initial; }*/

/*.cell-merged td { vertical-align:top; }*/
.cell-merged td:last-of-type { padding-right:0; }
.cell-merged table { border:none; background:none; }
.cell-merged table tr { border:none; background:none; }
.cell-merged table tr:nth-child(odd) { border:none; background:none; }
.cell-merged table tr:nth-child(even) { border:none; background:none; }
.cell-merged table tr:last-of-type td { padding-bottom:0; }
.cell-merged table td { padding:0 0 6px 0; border:none; background:none; vertical-align:middle; }
.cell-merged table td div { line-height:18px }
.cell-merged table td:first-of-type { padding-left:0; }

/*border line*/
.report-statistics .table-report tr:first-of-type th { border-left:1px solid #089bd0; border-right:1px solid #089bd0; border-top:0; border-bottom:0; }
.report-statistics .table-report tr:nth-child(n+1) th { border-right:1px solid #fff; }
.report-statistics .table-report tr:nth-child(n+1) th:last-of-type { border-right:1px solid #089bd0; }
.report-statistics .table-report tr th { border-left:1px solid #089bd0; border-right:1px solid #089bd0; }
.report-statistics .table-report tr td { border-left:1px solid #ddd; border-right:1px solid #ddd; }

/*loan originator*/
.table-lo { border:none; border-collapse:collapse; }
.table-lo dl { width:970px; box-sizing:border-box; white-space:nowrap; }
.table-lo dl dt, .table-lo dl dd { display:inline-block; box-sizing:border-box; }

.table-lo .table-hd { background:#019bbb;  }
.table-lo .table-hd a { width:95%; word-break:break-all; cursor:pointer; }
.table-lo .table-hd dl dt { padding:8px 0; color:#fff; font-weight:normal; line-height:22px; /*text-decoration:underline; cursor:pointer;*/ }
.table-lo .table-hd dl dt:first-of-type { padding-left:10px; }
.table-lo .table-row { min-height:36px; border-bottom:1px solid #e4e0e0; cursor:pointer; }
.table-lo .table-row dl dd { padding:8px 10px 8px 0; vertical-align:top; white-space:normal; word-break:break-all; }
.table-lo .table-row .txt_c { padding-right:0; }
.table-lo .table-hd dl dt:first-of-type, .table-lo .table-row dl dd:first-of-type { padding-left:10px; }
.table-lo .table-row span { display:block; word-break:break-word; }
.table-lo .table-row span.linked { text-decoration:underline; color:#0098c0; cursor:pointer; }
.table-lo .table-row a { text-decoration:underline; color:#0098c0; cursor:pointer; }
/*.table-lo .table-row:focus { outline:4px solid rgba(2, 157, 212, 0.5); }*/

.table-lo .table-row:nth-child(odd) { background:#fff; }
.table-lo .table-row:nth-child(even) { background:#f5f5f5; }
.table-lo .table-row:nth-child(odd):last-of-type { border-bottom:1px solid #e4e0e0; }
.table-lo .table-row:nth-child(even):last-of-type { border-bottom:1px solid #e4e0e0; }

/*lightbox*/
.table-report.table-lb th { background:#019bbb; text-decoration:none; /*font-weight:bold;*/ cursor:default; }
.table-report.table-lb tr th:first-of-type, .table-report.table-lb tr td:first-of-type { border-right:2px solid #fff; }
.table-report.table-lb tr:last-of-type { border-bottom:1px solid #e4e0e0; }

/*.report_summary { display:inline-block; width:100%; }*/
.table-summary { margin-top:40px; border:none; border-collapse:collapse; }
.table-summary tr:first-of-type { background:#019bbb!important; border-bottom:2px solid #0a97ca!important; }
.table-summary tr:last-of-type { background:#9c9c9c!important; color:#fff; }
.table-summary tr:last-of-type th { color:#fff!important; }
.table-summary tr:last-of-type td { border:0; }
.table-summary tr:last-of-type td:last-of-type { border-right:1px solid #9c9c9c; }

.table-summary tr:nth-child(odd) { background:#f5f5f5; }
.table-summary tr:nth-child(even) { background:#fff; }
.table-summary tr:nth-child(n+1) th { border-right:1px solid #fff; }
.table-summary tr:nth-child(n+1) th:last-of-type { border-right:1px solid #089bd0; }
.table-summary th { padding:8px 10px 8px 10px!important; border-left:1px solid #089bd0; border-right:1px solid #089bd0; color:#fff; line-height:22px; font-weight:normal!important; text-decoration:none!important; cursor:default; }
.table-summary td { padding:8px 10px 8px 5px!important; border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:12px; vertical-align:top; word-break:break-word; }

/*billing cycle information*/
.table-billing { width:446px; border:none; border-collapse:collapse; }
.table-billing th { min-width:80px; padding:8px 0; border:none; background:#e4e0e0; font-size:12px; text-align:center; }
.table-billing td { padding:8px 10px; border:none; border-bottom:1px solid #e4e0e0; font-size:12px; text-align:center; vertical-align:top; word-break:break-all; }
/*.table-billing tr:last-of-type td { border:0; }*/
.table-billing th:nth-child(2) { padding:8px 20px; }
.table-billing th:nth-child(3) { padding:8px 20px; }
.table-billing td:nth-child(1) { padding:8px 25px 8px 5px; text-align:left; }
.table-billing td:nth-child(2) { }
.table-billing td:nth-child(3) { }

/*pagination*/
.pagination { display:inline-block; float:right; width:100%; margin:10px 0 20px 0; text-align:right; }
.pagination a { display:inline-block; width:14px; height:25px; margin:0; padding:2px; font-size:12px!important; text-align:center; }
.pagination a.on { color:#ed8b00; font-weight:bold; }
.pagination a:hover { text-decoration:underline; }
.pagination a:first-of-type { margin-right:5px; }
.pagination a:last-of-type { margin-left:5px; }

/*language option*/
.list-component.radio_list { display:inline-block; }
.list-component.radio_list li { width:60px; margin-right:10px; }

.colorpicker_wrap { position:relative; width:100%; height:100%; }
.colorpicker_wrap .picker { position:absolute; z-index:1002; opacity:0; transition:opacity 0.6s; transition-property:unset; visibility:hidden; background-color:#fff; border:2px solid #0098c0; color:#666; text-align:left; padding:8px; box-shadow:#504c4c 2px 2px 14px 0px; }
.colorpicker_wrap .picker { overflow-x:hidden; overflow-y:auto; width:625px; height:340px; top:-240px; right:240px; }

/*temporary color picker*/
.colorpicker_wrap .picker::after { transition-property:unset; content:""; position:absolute; top:100%; z-index:1002; margin-left:-5px; border-width:5px; border-style:solid; border-color:#0098c0 transparent transparent transparent; }
.colorpicker_wrap .picker { visibility:visible; opacity:1; }

/*email*/
.email_wrap textarea.txtarea_200 { overflow-y:auto; width:100%; height:200px; min-height:inherit; padding:6px; border:1px solid #a5a5a5; background:#fff; line-height:1.5em; box-sizing:border-box; white-space:pre-wrap; }
.email_wrap textarea.txtarea_200:hover { background:#fff; }

.email_wrap textarea.txtarea_100 { overflow-y:auto; width:100%; height:100px; min-height:inherit; padding:6px; border:1px solid #a5a5a5; background:#fff; line-height:1.5em; box-sizing:border-box; white-space:pre-wrap; }
.email_wrap textarea.txtarea_100:hover { background:#fff; }

/*agreement*/
.agreement_wrap { overflow-x:hidden; overflow-y:scroll; width:964px; height:250px; margin-bottom:-1px; border:1px solid #ccc; -webkit-overflow-scrolling:touch; }
.agreement_wrap iframe { overflow:hidden; display:inline-block; width:963px; height:267px; border:none; background:transparent; font-size:14px; color:#666; }

/*scoll*/
.agreement_wrap::-webkit-scrollbar {width:1px; height:2em; }
.agreement_wrap::-webkit-scrollbar-button { background:#fff; }
.agreement_wrap::-webkit-scrollbar-track-piece { background:#fff; }
.agreement_wrap::-webkit-scrollbar-thumb { background:#fff; }
.agreement_wrap::-webkit-scrollbar-track-piece { background:#fff; }

/*LoanOriginators*/
.fstElement { border:1px solid #a5a5a5!important; }
.fstResults { border:1px solid #a5a5a5!important; }
.fstMultipleMode.fstActive .fstResults { border-top:1px solid #d8d1d1!important; }
.fstControls input { cursor:pointer; }
.fstMultipleMode .fstControls { padding:4px 0px 0px 4px!important; }

dl.list_select {  }
dl.list_select dt { min-height:31px; padding:10px 0 0 0!important; vertical-align:top; }

/*email notification fold*/
.mail-group { width:974px; margin:20px 0 0 0; padding:0; }
.mail-group input[type="text"] { border:1px solid #c3c3c3; }
.mail-group select { height:34px; margin:0; margin-top:-6px!important; }
.mail-group .btn-sub { margin-right:15px; text-align:right; }
.mail-group .btn-sub .linkto { margin-right:10px; }
.mail-group .option-level-1 { padding-top:30px; }
.mail-group .option-level-1 textarea { min-height:260px; border:1px solid #c3c3c3; }
.mail-group .option-level-1 .comment-box-footer textarea { min-height:120px; }
.mail-group .fas.ico-add { color:#7b838d; font-size:26px; vertical-align:-4px; cursor:pointer; }
.mail-group .fa-question-circle { margin:4px 0 0 2px; color:#019bbb; font-size:22px; vertical-align:-3px; cursor:pointer; }

.mail-tab { margin-left:10px; border-bottom:1px solid #c3c3c3; text-align:right; }
.mail-tab dt.mail-title { display:inline-block; float:left; padding-left:10px; /*color:#019bbb; font-weight:bold;*/ box-sizing:border-box; }
.mail-tab dt.mail-title.wth_inherit { padding-left:0; }
.mail-tab dd { display:inline-block; width:inherit; min-width:82px; min-height:initial; margin-bottom:-1px; padding:5px 8.5px; border:1px solid #c3c3c3; border-radius:4px 4px 0 0; background:#fff; font-size:13.3333px; text-align:center; line-height:20px; box-sizing:border-box; }
.mail-tab dd.edit-btn-wrap { border:unset; color:#019bbb; font-family:Arial; font-weight:bold; cursor:pointer; line-height:unset; background:unset; }
.mail-tab dd.edit-btn-wrap .button-edit { font-size:12px; }
.mail-tab dd:last-of-type { margin-right:15px; }
.mail-tab dd:nth-child(1) { border-radius:4px 4px 0 0; }
.mail-tab dd:nth-child(2) { border-radius:4px 4px 0 0; }
.mail-tab dd.on { border:1px solid #05849f; background:#019bbb; color:#fff; font-weight:500; }
.mail-tab dd:hover { opacity:0.85; cursor:pointer; }
.mail-tab dd.on:hover { color:#fff; cursor:pointer; }

.mail-group .border-trans + .option-level-1 { margin-top:-4px; padding-top:0; }
.mail-group .border-trans dd:last-of-type { margin-right:28px; }

.menu-tab { border-bottom:1px solid #c3c3c3; text-align:left; }
.menu-tab dd { display:inline-block; width:inherit; min-width:82px; margin-bottom:-1px; padding:5px 8.5px; border:1px solid #c3c3c3; border-radius:4px 4px 0 0; background:#fff; font-size:13.3333px; text-align:center; line-height:20px; box-sizing:border-box; }
.menu-tab dd:nth-child(1) { border-radius:4px 4px 0 0; }
.menu-tab dd:nth-child(2) { border-radius:4px 4px 0 0; }
.menu-tab dd.on { border:1px solid #05849f; background:#019bbb; color:#fff; font-weight:500; }
.menu-tab dd:hover { opacity:0.85; cursor:pointer; }
.menu-tab dd.on:hover { color:#fff; cursor:pointer; }

.menu-tab.menu-tab-2 {  }
.menu-tab.menu-tab-2 dd { background-color:#d7d7d7; color:#5e5e5e; border-color:#e0e0e0; }
.menu-tab.menu-tab-2 dd.on { background-color:#ffffff; color:#019bbb; }
.menu-tab.menu-tab-2 dd:hover { background-color:#ffffff; color:#019bbb; }
.menu-tab.menu-tab-2 dd.on:hover { background-color:#ffffff; color:#019bbb; border-color:#e0e0e0; }

.menu-tab.border-trans { text-align:right; }
.border-trans { border-bottom:1px solid transparent; }

/*Email*/
.mail-subj.wth_790 { width:792px!important; }
.mail-subj { height:40px; border:1px solid #c5c5c5; box-sizing:border-box; }
.mail-subj input[type="text"] { height:28px; margin:2px 0 2px 5px; border:none; box-sizing:border-box; }
.mail-subj .mce-container {  }

/*Email Signature*/
.mail-signature { position:relative; min-height:50px; margin-top:10px; }
.mail-signature .fa-question-circle { position:absolute; top:10px; right:10px; color:#019bbb; font-size:22px; cursor:pointer; }
.mail-signature .social-icon-box { width: 24px; height: 24px; margin-top: -5px; }
.mail-signature .button-edit { /*position:absolute; bottom:33px; left:415px;*/ color: #019bbb; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: underline; cursor: pointer; }
.mail-signature .button-edit:hover { opacity: 0.8; }
.mail-signature .social-icon-container dd { display: inline-flex; align-items: center; flex-direction: row; }
.mail-signature .social-icon-container dd.text-sub { justify-content: flex-end; min-height: 20px; padding: 0; align-items: flex-end; box-sizing: border-box; }
.mail-signature .social-icon-container span { display: none; }
.mail-signature .social-icon-container label { display: inline-block; width: 30px; height: 30px; margin-inline: 10px; color: #767676; font-size: 30px; }
.mail-signature .social-icon-container label img { vertical-align:middle; }
/*.mail-signature .social-icon-container i { width:28px; margin:0 5px 0 0; color:#767676; font-size:31px; vertical-align:-8px; }*/
i.fa-circle.list-dot { font-size:5px; vertical-align:middle; }
.mail-signature textarea { width:100%; min-height:236px; border:1px solid #ccc; }

.signature-type { height:100px; padding:10px 0 0 0; white-space:nowrap; }
.signature-type .type-box { display:inline-block; width:113px; height:80px; margin:0 8px; border:1px solid #ddd; border-radius:1px; cursor:pointer; }
.signature-type .type-box img { border-radius:1px; }
.signature-type .type-box:hover { border:1px solid #f3bf89; box-shadow:0px 0px 5px 1px #f5be84!important; }
.signature-type .type-box.on, .signature-type .type-box.on:hover { border:1px solid #93afc5; box-shadow:0px 0px 5px 1px #9ebcd3!important; }


/*.mail-title img { display:none; float:right; width:28px; margin-right:25px; }
.mail-title img:hover { cursor:pointer; }*/
/*.mail-group.on > .mail-title { color:#019bbb; font-weight:bold; }
.mail-group.on + .mail-group { border-top:1px solid #ccc; }*/

.tbl_order table { border:none; border-collapse:collapse; }
.tbl_order table tr:nth-child(1) { background:#019bbb!important; border-bottom:2px solid #0a97ca!important; }
.tbl_order table tr:nth-child(2) { background:#f7f7f7; }
.tbl_order table tr:nth-child(3) { background:#9c9c9c!important; border-top:3px solid #fff; border-bottom:1px solid #9e9e9e!important; color:#fff; }

.tbl_order table tr th { padding:8px 10px; border-left:2px solid #fff; background:transparent!important; color:#fff; line-height:22px; }
.tbl_order table tr td { padding:8px 10px 8px 5px; border-top:2px solid #fff; border-left:2px solid #fff; vertical-align:top; word-break:break-word; }
.tbl_order table tr td div.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tbl_order table tr th:first-of-type, .tbl_order table tr td:first-of-type { padding-left:10px!important; }

/*set loan originator list*/
.Lo-list-wrap { vertical-align:top; }
.Lo-list-wrap .btn-group-top { margin:40px 0 8px 0; text-align:right; }
.Lo-list-wrap .btn-group { display:inline-block; width:120px; min-width:120px; height:480px; padding-top:140px; text-align:center; vertical-align:top; box-sizing:border-box; }
.Lo-list-wrap .btn-group .btn-move { width:58px; height:31px; margin:4px 0; border:none; background:url(/Images/img-button-set.png) no-repeat 0 0; }
.Lo-list-wrap .btn-group .btn-move:nth-child(1) { background-position:-10px -10px; }
.Lo-list-wrap .btn-group .btn-move:nth-child(2) { background-position:-10px -50px; }
.Lo-list-wrap .btn-group .btn-move:nth-child(3) { background-position:-10px -90px; }
.Lo-list-wrap .btn-group .btn-move:nth-child(4) { background-position:-10px -130px; }
.Lo-list-wrap .btn-group .btn-move:nth-child(1):hover { background-position:-78px -10px; }
.Lo-list-wrap .btn-group .btn-move:nth-child(2):hover { background-position:-78px -50px; }
.Lo-list-wrap .btn-group .btn-move:nth-child(3):hover { background-position:-78px -90px; }
.Lo-list-wrap .btn-group .btn-move:nth-child(4):hover { background-position:-78px -130px; }

.list-box-group { display:inline-block; width:420px; border:1px solid #ddd; vertical-align:top; }
.list-box-group .list-box-title { width:420px; height:40px; margin-left:-1px; border:1px solid #019bbb; background:#019bbb; color:#fff; text-align:center; line-height:40px; }
.list-box-group dl.list-box { display:inline-block; overflow-x:hidden; overflow-y:auto; width:420px; height:480px; vertical-align:top; }
.list-box-group dl.list-box dd { position:relative; width:100%; min-height:36px; padding:4px 10px; border-bottom:1px solid #ddd; text-align:left; line-height:1.5em; vertical-align:middle; box-sizing:border-box; cursor:pointer; }
.list-box-group dl.list-box dd:only-of-type { border-bottom:1px solid #ddd; }
/*.list-box-group dl.list-box dd:last-of-type { border-bottom:none; }*/
.list-box-group dl.list-box dd .fa-bars { float:right; margin-top:2px; font-size:20px; color:#aaa; }
.list-box-group dl.list-box dd.selected-box { border-bottom:1px solid #ddd; background:#e8e8e8; cursor:default; }
.list-box-group dl.list-box dd.selected-box span { color:#c5c5c5; }
.list-box-group dl.list-box dd.selected-box:hover { background:#e8e8e8; cursor:default; }
.list-box-group dl.list-box dd.selected-box::selection { background:#e8e8e8; }
.list-box-group dl.list-box dd.selected-box span::selection { background:#ececec; }
.list-box-group .ico-default { margin-right:5px; opacity:0.8; }

.list-box-group dl.list-box dd:hover { background:#c9ecf9; color:#019bbb; }
.list-box-group dl.list-box dd span.name { display:inline-block; overflow:hidden; max-width:340px; height:22px; margin-top:2px; font-size:12px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; }
.list-box-group dl.list-box dd.choosen-box { border-bottom:1px solid #ddd; background:#c9ecf9; color:#019bbb; }
.list-box-group.list-box-group-right dl.list-box dd { border-collapse:collapse; background:url(/Images/ico-bars.png) no-repeat center right; }
.list-box-group.list-box-group-right dl.list-box dd.selected-box { background:#e8e8e8 url(/Images/ico-bars.png) no-repeat center right; }
.list-box-group.list-box-group-right dl.list-box dd.selected-box.choosen-box { background:#e8e8e8 url(/Images/ico-bars.png) no-repeat center right; }
.list-box-group.list-box-group-right dl.list-box dd.selected-box:hover { background:#e8e8e8 url(/Images/ico-bars.png) no-repeat center right; cursor:default; }
.list-box-group.list-box-group-right dl.list-box dd.choosen-box { background:#c9ecf9 url(/Images/ico-bars.png) no-repeat center right; }
.list-box-group.list-box-group-right dl.list-box dd:hover { background:#c9ecf9 url(/Images/ico-bars.png) no-repeat center right; }
.list-box-group-right dd span { max-width:80%; }

.list-box-group dl.list-box dd::selection { background:#c9ecf9; }
.list-box-group dl.list-box dd span::selection { background:#fff; }
.list-box-group dl.list-box dd:hover span::selection { background:#ffd2a3; }

.list-box-group .lo-box { display:inline-block; width:100%; min-height:145px; }
.list-box-group .lo-pic { display:inline-block; width:145px; text-align:left; }
.list-box-group .lo-pic img { width:100%; max-height:180px; margin:0 auto; }
.list-box-group .lo-contact { display:inline-block; width:180px; margin:0 0 0 10px; text-align:left; vertical-align:top; }
.list-box-group .lo-contact dl { width:100%; }
.list-box-group .lo-contact dl dd { display:block; width:100%; min-height:20px; padding:0; border:none; color:#6d6d71; font-size:12px; line-height:1em; word-break:break-word; cursor:default; }
.list-box-group .lo-contact dl dd.name { min-height:25px; }
.list-box-group .lo-contact dl dd.name a { margin:0 0 15px 0; color:#019bbb; font-size:14px; font-weight:bold; line-height:1.4em; }
.list-box-group .lo-contact dl dd.name a:hover { text-decoration:underline; }
.list-box-group .lo-contact .lo-title { display:block!important; height:14px; min-height:14px; margin-top:4px; color:inherit; }

/*tooltip*/
.list-box-group dl.list-box dd .help-tip { vertical-align:top; }
.list-box-group dl.list-box dd .tooltip-box { position:absolute; z-index:1005; opacity:0; transition:opacity 0.2s; transition-property:unset; visibility:hidden; background-color:#fff; border:2px solid #019bbb; color:#6d6d71; text-align:left; padding:12px; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.38) 0px 0px 7px 1px; }
.list-box-group dl.list-box dd span.name:hover + .tooltip-box { visibility:visible!important; opacity:1!important; }
.list-box-group dl.list-box dd .tooltip-box:after { display:none; }
.list-box-group dl.list-box dd .tooltip-box { top:110%; left:23px; width:350px; min-height:50px; }
.list-box-group .lo-contact dl dd { background:none!important; }

/*gradient-test*/
/*.list-box-group dl.list-box dd .tooltip-box { padding:14px; border:none!important; border-radius:10px; background: rgb(127,127,213); background: linear-gradient(120deg, rgba(127,127,213,1) 0%, rgba(134,168,231,1) 45%, rgba(145,234,228,1) 100%); color:#fff; }*/


/*scroll*/
.list-box-group dl::-webkit-scrollbar {width:3px; height:2px; }
.list-box-group dl::-webkit-scrollbar-button { width:0; height:0; background:#ccc; }
.list-box-group dl::-webkit-scrollbar-track-piece { background:#ccc; }
.list-box-group dl::-webkit-scrollbar-thumb { height:1em; background:#989898; }


/*configuration-new*/
.config-top { margin:0 0 0 20px; padding:40px 0 10px; }
.config-list { display:inline-block; overflow-x:hidden; overflow-y:auto; width:480px; min-height:480px; vertical-align:top; }
.config-list dt label { display:inline-block; width:77px; font-size:12px; }
.config-list dt.on label { color:#019bbb; font-weight:bold; letter-spacing:-0.03em; }

.config-detailed { display:inline-block; overflow-x:hidden; overflow-y:auto; width:480px; min-height:480px; padding-top:6px; vertical-align:top; }
.config-list-wrap { margin:10px 0 0 0; vertical-align:top; }
.config-list-wrap .btn-group-top { margin:40px 0 8px 0; text-align:right; }

.config-group { display:inline-block; width:450px; border:1px solid #ddd; vertical-align:top; }
.config-group input[type="checkbox"] { width:18px; height:18px; margin-block:0; margin-inline:4px 8px; border:1px solid #a5a5a5; color:#019bbb; vertical-align:middle; }
.config-group input[type="checkbox"]:focus, .config-group input[type="checkbox"]:hover { border:1px solid #017ecd; outline:none; }
.config-group .btn-secondary { min-width:56px; height:24px; margin-left:10px; font-size:12px; line-height:18px; }

.config-group.menu-list { margin-top: 10px; }
.config-group.menu-list dl { display: inline-block; width: 100%; margin-left: -1px; vertical-align: top; }
.config-group.menu-list dl dt { display: inline-flex; flex-direction: row; align-items: center; width: 410px; min-height: 22px; margin: 4px 10px 0 20px; font-size: 12px; line-height: 2em; vertical-align: middle; box-sizing: border-box; }
.config-group.menu-list dl dt label { word-break: break-word; }
.config-group.menu-list dl dd { display: inline-block; min-height: 30px; margin: 4px 0; font-size: 12px; line-height: 2em; vertical-align: middle; box-sizing: border-box; }
.config-group.menu-list dl dd.wth_90.txt_c { margin-top: 6px; margin-bottom: 0; min-height: 26px; }
.config-group.menu-list dt.sub-title { min-height:20px; margin:10px 10px 0 24px; padding:0 10px 0 20px; color:#767676; font-size:14px; font-family:Arial; font-weight:bold; line-height:16px; }
.config-group.menu-list dt.sub { margin-top:2px; padding-left:25px; }
.config-group.menu-list dt.sub-level-2 { margin-top:1px; margin-bottom:0; padding-left:50px; }

/*.config-group.menu-list dt:first-of-type { padding-top:12px; }
.config-group.menu-list dt:last-of-type { margin-bottom:12px; }*/
.config-group.menu-list dt.uneditable label,
.config-group.menu-list dt.uneditable input[type="checkbox"] { color:#9a9a9a; opacity:0.7; }
.config-group.menu-list dt.uneditable label { cursor:default; }
/*.config-group.menu-list .list-title:hover { border:none; border-bottom:1px solid #0a97ca; background:#019bbb; color:#fff; cursor:default; }*/

/*.config-group dl dt:nth-child(1), 
.config-group dl dt:nth-child(3), 
.config-group dl dt:nth-child(18),
.config-group dl dt:nth-child(21),
.config-group dl dt:nth-child(24) { margin-bottom:6px; padding-bottom:6px; border-bottom:1px dotted #ddd; }
.config-group dl dt:nth-child(3) { width:390px; margin-left:40px; padding-left:5px!important; }
.config-group dl dt:nth-child(11),
.config-group dl dt:nth-child(15) { margin-top:6px!important; }
.config-group dl dt:nth-child(18) { margin-bottom:6px!important; }*/

/*Custom Question*/
.config-border__top { margin-top:6px!important; padding-top:6px; border-top:1px dotted #ddd; }
.config-border__btm { margin-bottom:2px!important; padding-bottom:6px; border-bottom:1px dotted #ddd; }
/*.config-group dl dt:nth-child(1), 
.config-group dl dt:nth-child(7), 
.config-group dl dt:nth-child(22),
.config-group dl dt:nth-child(25),
.config-group dl dt:nth-child(28) { margin-bottom:6px; padding-bottom:6px; border-bottom:1px dotted #ddd; }
.config-group dl dt:nth-child(7) { width:390px; margin-left:40px; padding-left:5px!important; }*/
/*.config-group dl dt:nth-child(15),
.config-group dl dt:nth-child(19) { margin-top:6px!important; }
.config-group dl dt:nth-child(22) { margin-bottom:6px!important; }*/


.menu-title { padding:0; border:none; color:#019bbb; font-size:15px; font-weight:bold; text-align:left; box-sizing:border-box; }
.config-group dl.menu-header { margin-left:0; padding:0; background:#f5f5f5; border-bottom:1px solid #ddd; }
.config-group dl.menu-header dd { display:inline-block; padding:4px 0; color:#787878; font-size:13px; box-sizing:border-box; }
.config-group dl.menu-header dd:nth-child(1) { padding-left:20px; border-right:1px solid #ddd; }
.config-group dl.menu-header dd:nth-child(1) label { font-size:13px; }
.config-group dl.menu-header dd:nth-child(2) { margin-top:5px; color:#b7b7b7; text-align:center; }

/* Custom Question */
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.custom-q__box { 
    --custom-q__shawdow:0 1px 4px -1px rgba(0,0,0,0.18), 0 1px 1px 0 rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.10);
    --custom-q__shawdow__on:0 1px 4px -1px rgba(0,0,0,0.25), 0 1px 1px 0 rgba(0,0,0,0.25), 0 1px 3px 0 rgba(0,0,0,0.12);
    /*--custom-q__focus:4px solid #4fd478;*/
}

.popup-box .custom-q__box .field-primary { padding:5px 0 0 0; }
.custom-q__box { position:relative; margin-bottom:20px; padding:20px; border:1px solid #bec7c9; border-radius:5px; box-shadow:var(--custom-q__shawdow); }
.custom-q__box.on { box-shadow:var(--custom-q__shawdow__on); }
.custom-q__box .custom-q__focus { position:absolute; bottom:-1px; left:-1px; display:flex; width:5px; height:calc(100% + 2px); border-radius:5px 0 0 5px; background:#4fd478; animation: fadeIn .28s; }
.custom-q__box:last-child, .custom-q__box:only-child { margin-bottom:0; }
.custom-q__box .ico_gripdots { position:absolute; top:10px; left:416.5px; cursor:pointer; }
.custom-q__box .ico_gripdots { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.custom-q__box .fa-dollar-sign { margin-right:5px; font-size:calc(1.2rem + .1vw); vertical-align:-5px; }
.custom-q__box .fa-times { width:32px; height:32px; padding:8px; border-radius:32px; background:transparent; font-size:16px; text-align:center; vertical-align:middle; box-sizing:border-box; cursor:pointer; }
.custom-q__box .fa-times:is(:focus, :hover, :active) { background:#e9e9e9; /*color:#019bbb;*/ }

.custom-q__title .menu-tab { width:180px; border-bottom:none; text-align:left; }
.custom-q__title .menu-tab dd { width:82px; min-width:71px; height:33px; min-height:inherit; padding:5px 4.5px; font-size:13.3333px; box-sizing:border-box; }
.custom-q__title .menu-tab dd:nth-child(1) { margin-right:-5px; border-right:1px solid #f9f9f9; border-radius:4px 0 0 4px; }
.custom-q__title .menu-tab dd:nth-child(2) { border-left:1px solid #f9f9f9; border-radius:0px 4px 4px 0; }

.custom-q__box .menu-tab { width:810px; padding-bottom:5px; border-bottom:none; text-align:right; }
.custom-q__box .menu-tab dd { width:82px; min-width:71px; padding:5px 4.5px; font-size:13.3333px; }
.custom-q__box .menu-tab dd:nth-child(1) { margin-right:-5px; border-right:1px solid #f9f9f9; border-radius:4px 0 0 4px; }
.custom-q__box .menu-tab dd:nth-child(2) { border-left:1px solid #f9f9f9; border-radius:0px 4px 4px 0; }

.tab-btn-sm__box .menu-tab { width:830px; border-bottom:none; text-align:right; }
.tab-btn-sm__box .menu-tab dd { width:82px; min-width:71px; padding:5px 4.5px; font-size:13.3333px; }
.tab-btn-sm__box .menu-tab dd:nth-child(1) { margin-right:-5px; border-right:1px solid #f9f9f9; border-radius:4px 0 0 0; }
.tab-btn-sm__box .menu-tab dd:nth-child(2) { border-left:1px solid #f9f9f9; border-radius:0px 4px 0 0; }

.custom-q__box .btn-sub { position:relative; text-align:right; }
.custom-q__box .btn-sub dd { height:30px; }
.custom-q__box .btn-sub dd:nth-child(1) { width:140px; margin-right:10px; }
.custom-q__box .btn-sub dd:nth-child(2) { width:34px; padding-left:10px; border-left:1px solid #bec7c9; }
.custom-q__box .btn-sub dd:nth-child(3) { width:34px; }
.custom-q__box .btn-sub .btn-delete-box { position:absolute; bottom:0; right:0; z-index:2; background:#fff; animation: fadeIn .4s; transition:ease-in-out 4s; }
.custom-q__box .btn-sub .btn-delete-box dd:nth-child(1) { width:34px; margin-right:0; padding-left:10px; }
.custom-q__box .btn-sub .btn-delete-box dd:nth-child(2) { width:34px; padding-left:0; border:none; }

.custom-q__box .btn-sub.titled dd:nth-child(2) { width:140px; margin-right:10px; border-left:none;  }
.custom-q__box .btn-sub.titled dd:nth-child(3) { width:34px; padding-left:10px; border-left:1px solid #bec7c9; }
.custom-q__box .btn-sub.titled dd:nth-child(4) { width:34px; }
.custom-q__box .btn-sub.titled .btn-delete-box { position:absolute; bottom:0; right:0; z-index:2; background:#fff; animation: fadeIn .4s; transition:ease-in-out 4s; }
.custom-q__box .btn-sub.titled .btn-delete-box dd:nth-child(2) { width:34px; margin-right:0; padding-left:10px; }
.custom-q__box .btn-sub.titled .btn-delete-box dd:nth-child(3) { width:34px; padding-left:0; border:none; }

.custom-q__box .btn-sub span { margin-right:5px; font-size:12px; vertical-align:-2px; }
.custom-q__box .btn-sub i { width:34px; height:34px; margin-top:-4px; padding:9px; border-radius:34px; background:transparent; color:#a3a3a3; font-size:16px; text-align:center; vertical-align:middle; box-sizing:border-box; }
.custom-q__box .btn-sub i:is(:focus, :hover, :active) { background:#e9e9e9; cursor:pointer; }
.custom-q__box .btn-sub i.fa-check:is(:focus, :hover, :active) { color:#4fd478; }
.custom-q__box .btn-sub i.disabled { opacity:.8; }
.custom-q__box .btn-sub i.disabled:is(:focus, :hover, :active) { background:none; }

.custom-q__box select { padding:3px 3px 5px 3px; border:none; border-radius:2px 2px 0 0; box-shadow:inset #a5a5a5 0 -1px 0; }
.custom-q__box select:is(:focus, :hover, :active) { box-shadow:inset #019bbb 0 -1px 0; outline:none; }
.custom-q__box select:is(:focus) { color:#019bbb; box-shadow:inset #019bbb 0 -2px 0; }

.custom-q__box input[type='text'] { height:26px; padding:3px 5px 5px 8px; border:none; border-radius:2px 2px 0 0; cursor:pointer; -moz-appearance:none; box-shadow:inset #a5a5a5 0 -1px 0; }
.custom-q__box input[type='text']:is(:focus, :hover, :active) { box-shadow:inset #019bbb 0 -1px 0; cursor:text; -moz-appearance:none; outline:none; }
.custom-q__box input[type='text']:is(:focus) { color:#019bbb; box-shadow:inset #019bbb 0 -2px 0; }
.custom-q__box input[type='text'].custom-q__anw { border:none!important; background:#fff; color:#666!important; box-shadow:inset #019bbb 0 -1px 0; outline:none; }
.custom-q__box input[type='text'].custom-q__anw:read-only { border:none!important; background:#fff; color:#666!important; box-shadow:inset #a5a5a5 0 -1px 0; outline:none; }
.custom-q__box input[type='text'].required { box-shadow:inset #cc0000 0 -1px 0; }
.custom-q__box input[type='checkbox'] { pointer-events:none; opacity:.8; }
.custom-q__box input[type='radio'] { width:20px; height:20px; margin:4px 3px 3px 2px; pointer-events:none; }
.custom-q__box input[type='text'].btn_add_option { width:80px; border-bottom:1px solid transparent; background:none; color:#c1c1c1; vertical-align:-1px; }
.custom-q__box input[type='text'].btn_add_option:is(:focus, :hover, :active) { border-bottom:1px dotted #a5a5a5; background:none; outline:none; -moz-appearance:none; cursor:pointer; }
.custom-q__box input[type='text']:read-only.btn_add_option { box-shadow:none; pointer-events:painted; }
.custom-q__box input[type='text']:read-only.btn_add_option:hover { border:none!important; border-bottom:1px dotted #a5a5a5!important; box-shadow:none; }

.custom-q__box input[type='text'].input-list.invalid { position:relative; color:#cc0000; box-shadow: inset #cc0000 0 -1px 0; }
/*.custom-q__box :is(div,dd):has( input[type='text'].input-list.invalid ) { position:relative; }
.custom-q__box :is(div,dd):has( input[type='text'].input-list.invalid )::after { position:absolute; content:attr(data-invalid); line-height:1em; color:red; top:100%; left:0; font-size:0.9em;}*/

.custom-q__box .date-container {  }
.custom-q__box .date-container dd { margin-right:2%; }
.custom-q__box .date-container dd:nth-child(1) { width:160px; }
.custom-q__box .date-container dd:nth-child(2) { width:10px; }
.custom-q__box .date-container dd:nth-child(3) { width:80px; }
.custom-q__box .date-container dd:nth-child(4) { width:10px; }
.custom-q__box .date-container dd:nth-child(5) { width:115px; }

.custom-q__box .date-container dd.date-slash { width:10px; height:40px; margin-right:1.2%; transform:scale(1.2); text-align:center; font-weight:bold; line-height:40px; }
.custom-q__box .date-container dd.date-slash:hover { color:#5e5e5e; cursor:default; }
.custom-q__box .date-container select { width:100%; height:40px; padding:3px 3px 5px 3px; border:none!important; border-radius:0; background:#fff; color:#666!important; outline:none; cursor:pointer; -moz-appearance:none; box-sizing:border-box; opacity:1; }
.custom-q__box .date-container select:disabled { width:100%; height:40px; padding:3px 3px 5px 3px; border:none!important; border-radius:0; background:#fff; color:#c8c8c8!important; box-shadow:inset #a5a5a5 0 -1px 0; outline:none; cursor:pointer; -moz-appearance:none; box-sizing:border-box; opacity:1;}


/*scroll*/
.quest-inner-box::-webkit-scrollbar {width:3px; height:2px; }
.quest-inner-box::-webkit-scrollbar-button { width:0; height:0; background:#ccc; }
.quest-inner-box::-webkit-scrollbar-track-piece { background:#ccc; }
.quest-inner-box::-webkit-scrollbar-thumb { height:1em; background:#989898; }

/* Round switch */
.switch { position:relative; display:inline-block; width:50px!important; height:26px; vertical-align:top; }
.switch input { opacity:0; width:0; height:0; }
.slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; width:52px; background-color:#c5c5c5; -webkit-transition:.4s; transition:.4s; }
.slider:before { position:absolute; content:""; height:18px; width:18px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s; }
input:checked + .slider { background-color:#4fd478; }
input:disabled + .slider { background-color:#e0e0e0; cursor:default; }
input:checked:disabled + .slider { background-color:#c5efd3; cursor:default; }
input:focus + .slider { box-shadow:0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); }
.slider.round { border-radius:34px; }
.slider.round:before { border-radius:50%; }

/*loan term setting*/
.list-term-group { text-align:center; }
.list-term-group dl { position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; margin-block:10px; text-align:left; webkit-overflow-scrolling:touch; webkit-overflow-x:hidden; webkit-overflow-y:scroll; }
.list-term-group dl dd { display: flex; align-items: center; justify-content: space-between; height:35px; padding-inline:10px; border-bottom:1px solid #e4e0e0; }
.list-term-group dl dd:nth-child(odd) { background:#f5f5f5; }
.list-term-group dl dd:first-of-type { border-top:1px solid #e4e0e0; } 
.list-term-group dl dd:last-of-type { border-bottom:1px solid #e4e0e0; }
.list-term-group dl dd label { display: inline-flex; }
.list-term-group dl dd .num { display: inline-flex; align-items: center; width: calc(100% - 120px); padding-inline: 0 10px; }
.list-term-group dl dd .num input { width:50px; margin-inline-end:5px; border:none; background:transparent; text-align:right; box-sizing:border-box; pointer-events:none; }
.list-term-group dl dd .num.editable input { border-bottom:1px solid #a5a5a5; border-radius:2px 2px 0 0; background:transparent;; pointer-events:initial; }
.list-term-group dl dd .num.editable input:is(:focus, :hover, :active) { border-bottom:1px solid #019bbb; background:#e5f1fe; }
.list-term-group dl dd .num.editable input.required { border-bottom:1px solid #e00000; }
.list-term-group dl dd i { width:30px; margin-inline:2px; border-radius:30px; color:#a3a3a3; font-size: 16px; text-align:center; line-height:30px; box-sizing:border-box; }
.list-term-group dl dd i:is(:focus, :hover, :active) { background:#e9e9e9; cursor:pointer; }
/*Make list text unselectable*/
.list-term-group dl dd { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	.config-group input[type="checkbox"]:before { display:inline-block; content:""; text-align:center; vertical-align:middle; padding:0\0/ie9 !important; }
	.config-group input[type="checkbox"]:checked:before { content:''; color:#334d65; }
	.config-group input[type="checkbox"]:checked:focus:before { color:#334d65; }
	.config-group input[type="checkbox"]:disabled:before { cursor:default; }
	.config-group input[type="checkbox"][readonly]:before { cursor:default; }

	.config-group input[type="checkbox"] { border:1px solid transparent; background:url(/Images/ico_check_v.png) no-repeat -1px -1px; background-size:100% 100%; text-indent:-500em; }
	.config-group input[type="checkbox"]:before { background:#fff url(/Images/ico_check_v.png) no-repeat -1px -1px; }
	.config-group input[type="checkbox"]:checked { border:1px solid transparent; background:url(/Images/ico_check_vv.png) no-repeat -1px -1px; }
	.config-group input[type="checkbox"]:checked:before { border:1px solid transparent; background:url(/Images/ico_check_vv.png) no-repeat -1px -1px; }
	.config-group input[type="checkbox"]:disabled { border:1px solid transparent; background:url(/Images/ico_check_grey_v.png) no-repeat -1px -1px; }
	.config-group input[type="checkbox"]:disabled:before { border:1px solid transparent; background:url(/Images/ico_check_grey_v.png) no-repeat -1px -1px; }
	.config-group input[type="checkbox"][readonly]:before { border:1px solid transparent; background:url(/Images/ico_check_grey_v.png) no-repeat -1px -1px; }
	.config-group input[type="checkbox"]:checked:disabled, .config-group input[type="checkbox"]:checked[readonly] { border:1px solid transparent; background:url(/Images/ico_check_grey_vv.png) no-repeat -1px -1px; }	
	.config-group input[type="checkbox"]:checked:disabled:before, .config-group input[type="checkbox"]:checked[readonly]:before { border:1px solid transparent; background:url(/Images/ico_check_grey_vv.png) no-repeat -1px -1px; }
}*/


/*date*/
.ajax__calendar { top:262px!important; font-size:11px!important; }
.ajax__calendar table { font-size:11px!important; }
.ajax__calendar_body table tr td div { font-size:11px!important; }
.ajax__calendar_header, .ajax__calendar_body, .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years, .ajax__calendar_title, .ajax__calendar_footer, .ajax__calendar_today { font-size:11px!important; }
.ajax__calendar_prev, .ajax__calendar_next { padding:4px 0; }
.ajax__calendar_body { height:168px!important; }
.ajax__calendar_day { height:20px!important; padding:0 2px 2px 2px!important; text-align:center!important; }
.ajax__calendar_title { color:#019bbb; }
.ajax__calendar .ajax__calendar_dayname { padding:0 2px 6px 2px; border-bottom:1px solid #e4e4e4!important; color:#676767!important; font-weight:bold!important; }
.ajax__calendar .ajax__calendar_footer { border-top:1px solid #e4e4e4!important; }
.ajax__calendar .ajax__calendar_other .ajax__calendar_day { color:#c7c7c7!important; }

.table-fee { border-collapse:collapse; }
.table-fee tr th { padding:8px; border:0; background:#fff; /*border-bottom:1px solid #ccc;*/ font-weight:normal; text-align:center; line-height:22px; vertical-align:top; border-collapse:collapse; }
.table-fee tr:first-of-type th { border-bottom:0; }
.table-fee tr td { height:30px; padding:4px 8px 4px 8px; border-top:0; border-left:0; border-right:0; text-align:center; vertical-align:middle; word-break:break-all; border-collapse:collapse; }
.table-fee tr th:first-of-type, .table-fee tr td:first-of-type { text-align:left; }
.table-fee .tr_title { margin-top:20px; /*border-bottom:1px solid #ccc;*/ background:#fff; }
.table-fee .tr_title td { height:28px; padding:0 8px; color:#0098c0; }

/*editor*/
.mce-tinymce { border:1px solid #a5a5a5!important; box-shadow:none!important; }
/*editor image size*/
/*.mce-content-body img { max-width:800px; }*/



/* --------------------------------
    SOURCE TREE
-------------------------------- */
.doc-tmp { width:800px; }

.doc-tmp:not(:first-of-type) { margin-top:20px; border-top:1px dotted #ddd; }
.field-primary dt.doc-tmp-title { padding-right:3px; text-align:left; box-sizing:border-box; }
.field-primary dt.doc-tmp-type { padding-right:3px; text-align:left; box-sizing:border-box; }
.field-primary dt.doc-tmp-note { padding-right:5px; /*color:#999;*/ text-align:left; vertical-align:top; box-sizing:border-box; }
.doc-tmp .btn-secondary { width:105px; }
.field-primary.doc-tmp dt:not(:first-of-type) { text-indent:2.2em; }

/*doc-tmp-lang ZNF-254*/
.doc-tmp-wrap { margin-bottom:20px; }
.doc-tmp-wrap .doc-tmp { margin-top:0; border-top:none; padding-top:0;}
.doc-tmp-wrap:not(:first-of-type) { border-top:1px dotted #ddd; }
.doc-tmp-wrap .lang-list{ padding-top:10px; width:760px; margin:0 0 0 20px; display:flex; justify-content: flex-end; align-items: flex-end;}
.doc-tmp-wrap .lang-list .lang-tab { font-size:0.9em; border-radius: 5px; border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; padding: 0.3em 1em; color:var(--defaultText); background: var(--defaultGrey); margin: 0 0.2em; }
.doc-tmp-wrap .lang-list .lang-tab button { border:none; background:inherit; color:inherit; font-size:inherit; padding:0; }
.doc-tmp-wrap .lang-list .lang-tab:last-of-type { margin-right:0; } 
.doc-tmp-wrap .lang-list .lang-tab:hover { background: var(--defaultLightOrange); color:#fff; }
.doc-tmp-wrap .lang-list .lang-tab.on { background: var(--defaultButton); color:#fff;}

.doc-tmp-wrap .doc-tmp-lang .field-primary{ border-top:none; }



.doc-detail-group { position:relative; width:100%; box-sizing:border-box; }
.doc-detail-group .doc-detail-list { display:inline-block; vertical-align:top; }
.doc-detail-group .doc-detail-list:nth-child(2) { width:245px; padding-right:25px; border-right:1px solid #ddd; }
.doc-detail-group .doc-detail-list:nth-child(3) { width:370px; padding-right:25px; border-right:1px solid #ddd; }
.doc-detail-group .doc-detail-list:nth-child(4) { width:260px; }
.doc-detail-group .doc-detail-list .doc-detail:last-of-type { margin-bottom:0; }
.doc-detail-group .doc-detail-list .doc-detail:last-of-type dl.doc-level-1 { margin-bottom:0; padding-bottom:0; border-bottom:none; }

.doc-detail-group dl.menu-header { margin:0 0 15px 0; padding:0; background:#f5f5f5; border:1px solid #ddd; }
.doc-detail-group dl.menu-header dd { display:inline-block; padding:8px 0 8px 10px; color:#787878; font-size:13px; box-sizing:border-box; }
.doc-detail-group dl.menu-header label:not(.switch) { min-width:inherit; }

.doc-detail { width:100%; margin-bottom:10px; padding-left:10px; font-size:12px; }
.doc-detail .linkto { margin-left:10px; }
.doc-detail .linkto i.fas { font-size:12px; text-decoration:underline; }
.doc-detail dl.doc-level-1 { margin:5px 0 12px 0; padding:0 0 7px 15px; border-bottom:1px dotted #ddd; }
.doc-detail dl.doc-level-1 dt { display:inline-block; box-sizing:border-box; }
.doc-detail dl.doc-level-1 dd { display:inline-block; width:100%; margin-bottom:1px; vertical-align:top; box-sizing:border-box; }
.doc-detail dl.doc-level-1 dd input[type="checkbox"] { margin-top:0; }
.doc-detail dl.doc-level-1 dd label { margin-left:8px; }
.doc-detail dl.doc-level-2 { margin-bottom:6px; }
.doc-detail dl.doc-level-2 dt { display:inline-block; width:100%; box-sizing:border-box; }
.doc-detail dl.doc-level-2 dd { display:inline-block; width:100%; margin:0px 0 1px 20px; box-sizing:border-box; }
.doc-detail dl.doc-level-2 dd label { margin-left:8px; }
.doc-detail dl.doc-level-2 dd:first-of-type { margin-top:2px; }
.doc-detail dl.doc-level-yn { display:inline-block; width:130px; margin:0; padding:0; }
.doc-detail dl.doc-level-yn dd { display:inline-block; vertical-align:top; box-sizing:border-box; }
.doc-detail dl.doc-level-yn dd label { margin-left:5px; }
.doc-detail dl.doc-level-yn dd:nth-child(1) { width:60px; }
.doc-detail dl.doc-level-yn dd:nth-child(2) { width:55px; }
/*toggle*/
.doc-detail-group .switch { width:40px!important; height:20px; }
.doc-detail-group .switch + label { display:inline-block; min-width:180px; margin-left:3px; font-size:12px; }
.doc-detail-group .slider { width:38px; }
.doc-detail-group .slider:before { width:12px; height:12px; left:5px; }
.doc-detail-group input:checked + .slider:before { -webkit-transform:translateX(16px); -ms-transform:translateX(16px); transform:translateX(16px); }


/* --------------------------------
    Dashboard
-------------------------------- */
.slt-date { width:200px; border:1px solid #a5a5a5; border-radius:1px; }
.slt-date select { padding-left:10px; padding-right:10px; border:none; border-right:1px solid #a5a5a5; border-radius:0; }
.slt-date select:disabled { border:none!important; border-right:1px solid #c1c1c1!important }
.slt-date span { padding-left:5px; }
.disabled .slt-date { border:1px solid #b4b5b5; }
.disabled .slt-date select:disabled { border:none!important; border-right:1px solid #a5a5a5!important; }


/* --------------------------------
    POPUP
-------------------------------- */
.popup-box { display:inline-block; position:relative; border:3px solid #259edb; border-radius:5px; background:#fff; text-align:center; box-shadow:rgba(0, 0, 0, 0.38) 0px 0px 7px 1px; }
.popup-content { padding:0 10px; }
.popup-content-10 { margin:10px auto; }
.popup-content-20 { margin:20px auto; }
.popup-content-20-40 { margin:20px auto 40px auto; }
.popup-content-47 { margin:47px auto; }
.popup-content-47-60 { margin:47px auto 60px auto; }

.popup-header-group { position:static; }
.popup-header { height:41px; background:transparent url('/Images/bg_popup.png') repeat-x 0 0; border-top-left-radius:9px; border-top-right-radius:9px; }
.popup-title-level-1 { display:inline-block; float:left; margin:0 0 0 15px; color:#666; font-size:14px; line-height:40px; }
.popup-title-level-2 { margin-right:15px; color:#019bbb; font-size:16px!important; font-weight:bold; }
.popup-text-title { display:block; color:#ed8b00; font-weight:bold; }
.popup-text { display:inline-block; width:100%; margin:0 auto 0 auto; text-align:center; }
.popup-box button.btn_close { overflow:hidden; float:right; width:18px; height:18px; margin:4px 10px 0 0; background:url('/Images/ic-popup-close.png') no-repeat 0 0; background-size:100% 100%; color:#979797; font-weight:bold; text-indent:-500em; cursor:pointer; }
button.btn_close { display:inline-block; position:absolute; top:8px; right:4px; width:25px; height:25px; margin:-4px 0 0 0; padding:0; border:0; line-height:25px; vertical-align:middle; outline:none; }
.popup-box i.btn_close { display:inline-block; position:absolute; top:8px; right:4px; overflow:hidden; float:right; width:20px; height:20px; margin:0 5px 0 0; color:#019bbb; font-size:20px; font-weight:bold; line-height:25px; vertical-align:middle; cursor:pointer; }
.popup-box i.btn_close_login { color:#019bbb; font-weight:bold; cursor:pointer; }
.popup-box i.btn_close_login:focus { outline:4px solid rgba(1, 117, 228, 0.2); }
/*.popup-box i.btn_close { width:34px; height:34px; padding:8px; border-radius:34px; background:transparent; text-align:center; line-height:20px; vertical-align:middle; box-sizing:border-box; }
.popup-box i.btn_close:is(:focus, :hover, :active) { background:#e9e9e9; cursor:pointer; }*/

.popup-box .btn-group { width:100%; min-width:inherit; height:55px; margin:0; background:#edecec; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.popup-box .btn-group ul li { margin:8px 0 0 3px; }
.popup-content.wth_330 { margin:0 auto; box-sizing:border-box; }

.popup-noheader { padding:20px 25px!important; text-align:left!important; box-sizing:border-box; }
.popup-noheader .popup-header-group + .content-level-1 { z-index:1004; overflow-x:hidden; overflow-y:auto; height:570px; min-height:inherit; margin:20px 0 10px 0; padding-right:20px; }
.popup-noheader .popup-header-group + .content-level-1.overflow__hidden { overflow:hidden; }
.popup-box.popup-noheader .btn-group { background:none; }
.popup-box.popup-noheader .popup-header { height:0; background:none; }
.popup-box.popup-noheader .popup-header-group { height:initial; min-height:30px; }
.popup-box.popup-noheader .popup-header-group .title-level-1 { width:90%; margin:0; }
.popup-box.popup-noheader .popup-header-group .title-level-2 { margin:0; border:none; color:#019bbb; font-size:18px; font-weight:normal; }
.popup-box.popup-noheader .popup-header-group .txt_italic { margin-top:20px; }
.wth_920 .popup-header-group { z-index:1005; width:100%; height:80px; background:#fff; }
.wth_990.popup-noheader .content-level-2 { padding-bottom:20px; }

.popup-header-tooltip { display:inline-block; width:100%; padding:5px 0 0 5px; text-align:left!important; box-sizing:border-box; }
.popup-registered { overflow-x:hidden; overflow-y:auto; margin-bottom:20px; padding:10px 10px 0 20px; }
.popup-registered dt { line-height:36px; }
.table-report.table-registered tr th { border-right:2px solid #fff; background:#019bbb; text-decoration:none; font-weight:normal; cursor:default; }
.table-report.table-registered tr td { border-right:2px solid #fff; font-size:12px; }
.table-report.table-registered tr:last-of-type { border-bottom:1px solid #e4e0e0; }
input[type="text"].search-mail { height: 30px; box-sizing: border-box; }

.popup-email { overflow-x:hidden; overflow-y:auto; margin-bottom:20px; padding:0; line-height:1.5em; }
.table-email-merge { margin-top:10px; border:1px solid #e4e0e0; border-collapse:collapse; }
.table-email-merge th { padding:8px 10px; border:1px solid #019bbb; border-top:2px solid #fff; background:#019bbb; color:#fff; font-size:12px; text-align:left; font-weight:normal; line-height:22px; vertical-align:middle; }
.table-email-merge td { padding:8px 10px; border:none; border-right:1px solid #e4e0e0; border-bottom:1px solid #e4e0e0; background:#fff; font-size:12px; line-height:1.5em; vertical-align:top; word-break:break-word; }
.table-email-merge td:first-of-type { color:#019bbb; }
.table-email-merge td.lv-2 { background:#f5f5f5; vertical-align:middle; }
.table-email-merge td button { min-width: 240px; padding: .72rem 2rem; border: 1px solid #019bbb; border-radius: .382rem; background: #0381a2; font-size: 1.2em; color: #fff; outline: none; box-shadow: none; cursor:default; }
.table-email-merge tr:first-of-type th { border-top:1px solid #019bbb; }

.popup-box .content-level-2 { padding-bottom: 30px; }
.popup-box .field-primary { padding: 10px 0 0 0; }
.popup-box .option-title { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0; }


/*CSC*/
.popup-cvc { text-align: left; }
.popup-cvc span { text-align: left; }
.popup-cvc img { width: inherit; }

/*scroll*/
.popup-noheader .popup-header-group + .content-level-1::-webkit-scrollbar {width:3px; height:2em; }
.popup-noheader .popup-header-group + .content-level-1::-webkit-scrollbar-button { width:0; height:2px; background:#ccc; }
.popup-noheader .popup-header-group + .content-level-1::-webkit-scrollbar-track-piece { background:#ccc; }
.popup-noheader .popup-header-group + .content-level-1::-webkit-scrollbar-thumb { height:1em; background:#989898; }

.list-term-group dl::-webkit-scrollbar {width:3px; height:2em; }
.list-term-group dl::-webkit-scrollbar-button { width:0; height:2px; background:#ccc; }
.list-term-group dl::-webkit-scrollbar-track-piece { background:#ccc; }
.list-term-group dl::-webkit-scrollbar-thumb { height:1em; background:#989898; }


/* --------------------------------
    MAIL
-------------------------------- */
.inaccessible_wrap { width:500px; padding:60px 100px; }
.inaccessible_wrap img { margin:0 0 20px 0; }
.inaccessible_wrap span { display:block; width:500px; margin:0 auto; font-size:18px; text-align:left; line-height:1.4em; letter-spacing:-0.01em; }
.inaccessible_wrap .link { margin:20px auto; font-size:14px; letter-spacing:0; }
.inaccessible_wrap .link span { display:inline; }

/* --------------------------------
    SOURCE TREE
-------------------------------- */
.index_order { margin-top:15px; }
.index_order li { padding:6px 0; }
.index_order li a { text-decoration:underline; }


/* --------------------------------
    BUTTON
-------------------------------- */
button { cursor:pointer; outline:none; }

.btn-group { min-width:600px; margin:30px auto 30px auto; text-align:center; }
.btn-group ul li { display:inline-block; margin:0 3px; }
.btn-group ul li:first-of-type { margin-left:0; }
.btn-group ul li:last-of-type { margin-right:0; }

.btn-primary { /*padding:.625rem 1.875rem;*/ min-width:130px; padding:8px 12px; border:1px solid #019bbb; border-radius:20px; background-color:#019bbb; font-size:1.2em; color:#fff; text-align:center; outline:none; box-shadow:none; }
.btn-primary:hover { border:1px solid #ed8b00; background:#ed8b00; color:#fff; }
.btn-primary:disabled { border:1px solid #cecece; background:#cecece; color:#fff!important; cursor:default; }
.btn-primary.disabled { border:1px solid #cecece; background:#cecece; color:#fff!important; cursor:default; }
.btn-secondary { height:29px; padding:1px 6px; border:1px solid #7b838d; background:#7b838d; color:#fff; line-height:20px; font-family:Arial; font-size:13.3333px; vertical-align:2px; }
.btn-secondary.disabled { border:1px solid #cecece; background:#cecece; color:#fff!important; cursor:default; }
.btn-secondary:disabled { border:1px solid #cecece; background:#cecece; color:#fff!important; cursor:default; }
.btn-secondarygroup { margin-right:10px; }
.btn-secondarygroup .btn-secondary { min-width:70px; }
.btn-login { width:100%; padding:10px 24px!important; border:1px solid #019bbb; border-radius:22px; background:#019bbb; color:#fff; text-align:center; outline:none; }
.btn-login:hover { border:1px solid #ed8b00; background:#ed8b00; outline:none; }
.btn-search { /*padding:.625rem 1.875rem;*/ min-width:100px; padding:5px; border:1px solid #019bbb; border-radius:20px; background-color:#019bbb; font-size:1em; color:#fff; text-align:center; outline:none; box-shadow:none; }
.btn-previous { min-width:130px; padding:8px 10px; border:1px solid #019bbb; border-radius:20px; background-color:#fff; font-size:1.2em; color:#019bbb; text-align:center; outline:none; box-shadow:none; }

/*.btn-right { position:absolute; top:47px; right:0; }*/
.text-right { position:absolute; top:3px; right:10px; }
.btn-right { position:absolute; top:-6px; right:0; }
.btn-wide { min-width:160px; }
.btn-wide02 { min-width:220px; }
.btn-wide03 { padding:6px 30px; }
.emphasis { border:1px solid #ed8b00; background:#ed8b00; }
button.slt_color { height:30px; padding:6px 8px; border:1px solid #7b838d; background:#7b838d; color:#fff; font-size:12px; text-align:center; outline:none; box-shadow:none; vertical-align:1px; }
button.btn_em { height:29px; padding:3px 12px; border:1px solid #019bbb; border-radius:16px; background:#019bbb; color:#fff; line-height:20px; font-family:Arial; font-size:13.3333px; vertical-align:2px; }
button.btn-secondary { min-width:80px; height:30px; padding:1px 6px; border:1px solid #7b838d; border-radius:4px; background:#7b838d; color:#fff; line-height:28px; font-family:Arial; font-size:13.3333px; vertical-align:2px; }
button.btn-secondary:disabled { border:1px solid #cecece; background:#cecece; color:#fff!important; cursor:default; }
button.btn-editbanner { min-width:80px; height:40px; padding:5px 20px; border:1px solid #019bbb; border-radius:4px; background:#019bbb; color:#fff; line-height:20px; font-family:Arial; font-size:15px; vertical-align:2px; }
button.btn-go { min-width:60px; height:29px; padding:1px 6px; border:1px solid #7b838d; border-radius:4px; background:#7b838d; color:#fff; line-height:20px; font-family:Arial; font-size:13.3333px; vertical-align:2px; }

/*browse image*/
button.btn-edit-img { min-width:80px; height:29px; padding:1px 6px; border:1px solid #019bbb; border-radius:4px; background:#019bbb; color:#fff; line-height:20px; font-family:Arial; font-size:13.3333px; vertical-align:2px; }
button.btn-edit-img:hover { border:1px solid #ed8b00; background:#ed8b00; color:#fff; }
button.btn-edit-img.disabled, button.btn-edit-img:disabled { border:1px solid #b4b5b5; background:#b4b5b5; color:#fff!important; cursor:default; }



/* --------------------------------
    AUTHENTICATION
-------------------------------- */
.login-authentication { max-width:380px; padding:0 20px; color:#6d6d71; line-height:1.4em; }
.login-authentication dd { width:100%; text-align:left; }
.login-authentication .subtitle { margin:0; padding:0 0 10px 0; font-size:14px; font-weight:bold; text-align:left; }
.login-authentication .txt_code { margin-bottom:15px; font-size:12px; text-align:left; line-height:22px; }
.login-authentication .txt_code span { font-weight:bold; }
.login-authentication .count_num { color:#ff0000; /*color:#9a9a9a;*/ font-size:11px; }
.login-authentication input[type="text"] { width:250px; margin:0 5px 0 0; padding-left:0; border:none; border-bottom:1px solid #019bbb; color:#019bbb; }
.login-authentication input[type="text"]:hover, .login-authentication input[type="text"]:focus { border:none; border-bottom:1px solid #019bbb; background:none; outline:none; }
.login-authentication .sub_option { font-size:12px!important; color:#6d6d71; text-align:left; }
.login-authentication .linked { display:inline-block; color:#019bbb; font-size:12px; text-align:right; text-decoration:underline; }


/* --------------------------------
    SCALE
-------------------------------- */

.wth_inherit { width:inherit!important; }

/*pixel*/
.wth_10 { width:10px!important; }
.wth_20 { width:20px!important; }
.wth_30 { width:30px!important; }
.wth_40 { width:40px!important; }
.wth_48 { width:48px!important; }
.wth_50 { width:50px!important; }
.wth_53 { width:53px!important; }
.wth_55 { width:55px!important; }
.wth_60 { width:60px!important; }
.wth_62 { width:62px!important; }
.wth_63 { width:63px!important; }
.wth_64 { width:64px!important; }
.wth_65 { width:65px!important; }
.wth_67 { width:67px!important; }
.wth_68 { width:68px!important; }
.wth_70 { width:70px!important; }
.wth_75 { width:75px!important; }
.wth_80 { width:80px!important; }
.wth_85 { width:85px!important; }
.wth_87 { width:87px!important; }
.wth_90 { width:90px!important; }
.wth_94 { width:94px!important; }
.wth_95 { width:94px!important; }
.wth_97 { width:97px!important; }
.wth_98 { width:98px!important; }
.wth_100 { width:100px!important; }
.wth_103 { width:103px!important; }
.wth_104 { width:104px!important; }
.wth_105 { width:105px!important; }
.wth_107 { width:107px!important; }
.wth_110 { width:110px!important; }
.wth_115 { width:115px!important; }
.wth_119 { width:119px!important; }
.wth_120 { width:120px!important; }
.wth_125 { width:125px!important; }
.wth_130 { width:130px!important; }
.wth_132 { width:132px!important; }
.wth_133 { width:133px!important; }
.wth_135 { width:135px!important; }
.wth_140 { width:140px!important; }
.wth_143 { width:143px!important; }
.wth_144 { width:144px!important; }
.wth_145 { width:145px!important; }
.wth_148 { width:148px!important; }
.wth_149 { width:149px!important; }
.wth_150 { width:150px!important; }
.wth_154 { width:154px!important; }
.wth_155 { width:155px!important; }
.wth_159 { width:159px!important; }
.wth_160 { width:160px!important; }
.wth_164 { width:164px!important; }
.wth_165 { width:165px!important; }
.wth_167 { width:167px!important; }
.wth_168 { width:168px!important; }
.wth_170 { width:170px!important; }
.wth_173 { width:173px!important; }
.wth_175 { width:175px!important; }
.wth_178 { width:178px!important; }
.wth_180 { width:180px!important; }
.wth_185 { width:185px!important; }
.wth_187 { width:187px!important; }
.wth_190 { width:190px!important; }
.wth_193 { width:193px!important; }
.wth_196 { width:196px!important; }
.wth_197 { width:197px!important; }
.wth_198 { width:198px!important; }
.wth_200 { width:200px!important; }
.wth_202 { width:202px!important; }
.wth_204 { width:204px!important; }
.wth_205 { width:205px!important; }
.wth_210 { width:210px!important; }
.wth_212 { width:212px!important; }
.wth_215 { width:215px!important; }
.wth_220 { width:220px!important; }
.wth_225 { width:225px!important; }
.wth_228 { width:228px!important; }
.wth_230 { width:228px!important; }
.wth_235 { width:235px!important; }
.wth_240 { width:240px!important; }
.wth_243 { width:243px!important; }
.wth_244 { width:244px!important; }
.wth_245 { width:245px!important; }
.wth_248 { width:248px!important; }
.wth_250 { width:250px!important; }
.wth_252 { width:252px!important; }
.wth_259 { width:259px!important; }
.wth_260 { width:260px!important; }
.wth_265 { width:265px!important; }
.wth_270 { width:270px!important; }
.wth_273 { width:273px!important; }
.wth_277 { width:277px!important; }
.wth_280 { width:280px!important; }
.wth_285 { width:285px!important; }
.wth_286 { width:286px!important; }
.wth_290 { width:290px!important; }
.wth_291 { width:291px!important; }
.wth_292 { width:292px!important; }
.wth_294 { width:294px!important; }
.wth_295 { width:295px!important; }
.wth_296 { width:296px!important; }
.wth_300 { width:300px!important; }
.wth_306 { width:306px!important; }
.wth_310 { width:310px!important; }
.wth_315 { width:315px!important; }
.wth_320 { width:320px!important; }
.wth_325 { width:325px!important; }
.wth_330 { width:330px!important; }
.wth_334 { width:334px!important; }
.wth_335 { width:335px!important; }
.wth_340 { width:340px!important; }
.wth_350 { width:350px!important; }
.wth_354 { width:354px!important; }
.wth_355 { width:355px!important; }
.wth_360 { width:360px!important; }
.wth_364 { width:364px!important; }
.wth_370 { width:370px!important; }
.wth_379 { width:379px!important; }
.wth_380 { width:380px!important; }
.wth_390 { width:390px!important; }
.wth_400 { width:400px!important; }
.wth_405 { width:405px!important; }
.wth_415 { width:415px!important; }
.wth_420 { width:420px!important; }
.wth_430 { width:430px!important; }
.wth_440 { width:440px!important; }
.wth_441 { width:441px!important; }
.wth_450 { width:450px!important; }
.wth_455 { width:455px!important; }
.wth_460 { width:460px!important; }
.wth_467 { width:467px!important; }
.wth_470 { width:470px!important; }
.wth_480 { width:480px!important; }
.wth_490 { width:490px!important; }
.wth_495 { width:495px!important; }
.wth_500 { width:500px!important; }
.wth_502 { width:502px!important; }
.wth_510 { width:510px!important; }
.wth_515 { width:515px!important; }
.wth_517 { width:517px!important; }
.wth_520 { width:520px!important; }
.wth_525 { width:525px!important; }
.wth_530 { width:530px!important; }
.wth_534 { width:534px!important; }
.wth_535 { width:535px!important; }
.wth_537 { width:537px!important; }
.wth_545 { width:545px!important; }
.wth_548 { width:548px!important; }
.wth_550 { width:550px!important; }
.wth_557 { width:557px!important; }
.wth_560 { width:560px!important; }
.wth_565 { width:565px!important; }
.wth_570 { width:570px!important; }
.wth_575 { width:575px!important; }
.wth_580 { width:580px!important; }
.wth_583 { width:583px!important; }
.wth_584 { width:584px!important; }
.wth_590 { width:590px!important; }
.wth_595 { width:595px!important; }
.wth_598 { width:598px!important; }
.wth_600 { width:600px!important; }
.wth_610 { width:610px!important; }
.wth_620 { width:620px!important; }
.wth_630 { width:630px!important; }
.wth_635 { width:635px!important; }
.wth_640 { width:640px!important; }
.wth_650 { width:650px!important; }
.wth_660 { width:660px!important; }
.wth_670 { width:670px!important; }
.wth_680 { width:680px!important; }
.wth_700 { width:700px!important; }
.wth_720 { width:720px!important; }
.wth_730 { width:730px!important; }
.wth_735 { width:735px!important; }
.wth_740 { width:740px!important; }
.wth_750 { width:750px!important; }
.wth_755 { width:755px!important; }
.wth_757 { width:757px!important; }
.wth_758 { width:758px!important; }
.wth_760 { width:760px!important; }
.wth_763 { width:763px!important; }
.wth_767 { width:767px!important; }
.wth_770 { width:770px!important; }
.wth_775 { width:775px!important; }
.wth_777 { width:777px!important; }
.wth_778 { width:778px!important; }
.wth_780 { width:780px!important; }
.wth_785 { width:785px!important; }
.wth_787 { width:787px!important; }
.wth_790 { width:790px!important; }
.wth_800 { width:800px!important; }
.wth_830 { width:830px!important; }
.wth_850 { width:850px!important; }
.wth_860 { width:860px!important; }
.wth_880 { width:880px!important; }
.wth_900 { width:900px!important; }
.wth_920 { width:920px!important; }
.wth_960 { width:960px!important; }
.wth_970 { width:970px!important; }
.wth_974 { width:974px!important; }
.wth_978 { width:978px!important; }
.wth_990 { width:990px!important; }
.wth_1000 { width:1000px!important; }
.wth_1010 { width:1010px!important; }
.wth_1020 { width:1020px!important; }
.wth_1030 { width:1030px!important; }
.wth_1040 { width:1040px!important; }
.wth_1062 { width:1062px!important; }
.wth_1100 { width:1100px!important; }
.wth_1200 { width:1200px!important; }
.wth_1210 { width:1210px!important; }

/*percent*/
.wth_p10 { width:10%; }
.wth_p20 { width:20%; }
.wth_p27 { width:27%; }
.wth_p30 { width:30%; }
.wth_p40 { width:40%; }
.wth_p45 { width:45%; }
.wth_p50 { width:50%; }
.wth_p50_5 { width:50.5%; }
.wth_p60 { width:60%; }
.wth_p65 { width:65%; }
.wth_p70 { width:70%; }
.wth_p78 { width:78%; }
.wth_p80 { width:80%; }
.wth_p90 { width:90%; }
.wth_p95 { width:95%; }
.wth_p96 { width:96%; }
.wth_p97 { width:97%; }
.wth_p97_6 { width:97.6%; }
.wth_p98 { width:98%; }
.wth_p99 { width:99%; }
.wth_p99_6 { width:99.6%; }
.wth_p100 { width:100%; }

/*height*/
.hgt_10 { height:10px!important; }
.hgt_15 { height:15px!important; }
.hgt_20 { height:20px!important; }
.hgt_24 { height:24px!important; }
.hgt_25 { height:25px!important; }
.hgt_28 { height:28px!important; }
.hgt_30 { height:30px!important; }
.hgt_35 { height:35px!important; }
.hgt_40 { height:40px!important; }
.hgt_45 { height:45px!important; }
.hgt_50 { height:50px!important; }
.hgt_55 { height:55px!important; }
.hgt_60 { height:60px!important; }
.hgt_65 { height:65px!important; }
.hgt_70 { height:70px!important; }
.hgt_75 { height:75px!important; }
.hgt_79 { height:79px!important; }
.hgt_80 { height:80px!important; }
.hgt_85 { height:85px!important; }
.hgt_90 { height:90px!important; }
.hgt_95 { height:95px!important; }
.hgt_100 { height:100px!important; }
.hgt_110 { height:110px!important; }
.hgt_120 { height:120px!important; }
.hgt_130 { height:130px!important; }
.hgt_140 { height:140px!important; }
.hgt_150 { height:150px!important; }
.hgt_160 { height:160px!important; }
.hgt_170 { height:170px!important; }
.hgt_180 { height:180px!important; }
.hgt_190 { height:190px!important; }
.hgt_200 { height:200px!important; }
.hgt_210 { height:210px!important; }
.hgt_220 { height:220px!important; }
.hgt_230 { height:230px!important; }
.hgt_240 { height:240px!important; }
.hgt_250 { height:250px!important; }
.hgt_260 { height:260px!important; }
.hgt_270 { height:270px!important; }
.hgt_280 { height:280px!important; }
.hgt_290 { height:290px!important; }
.hgt_300 { height:300px!important; }
.hgt_310 { height:310px!important; }
.hgt_320 { height:320px!important; }
.hgt_330 { height:330px!important; }
.hgt_340 { height:340px!important; }
.hgt_350 { height:350px!important; }
.hgt_360 { height:360px!important; }
.hgt_370 { height:370px!important; }
.hgt_380 { height:380px!important; }
.hgt_390 { height:390px!important; }
.hgt_400 { height:400px!important; }
.hgt_410 { height:410px!important; }
.hgt_420 { height:420px!important; }
.hgt_430 { height:430px!important; }
.hgt_440 { height:440px!important; }
.hgt_450 { height:450px!important; }
.hgt_460 { height:460px!important; }
.hgt_470 { height:470px!important; }
.hgt_480 { height:480px!important; }
.hgt_490 { height:490px!important; }
.hgt_500 { height:500px!important; }

.hgt_p101 { height:101%!important; }

/*margin*/
.mg20 { margin:20px!important; }
.mg30 { margin:30px!important; }
.mg40 { margin:40px!important; }

.mgpdT0 { margin-top:0px!important; padding-top:0px!important; }
.mgTm20 { margin-top:-20px!important; }
.mgTm30 { margin-top:-30px!important; }
.mgTm50 { margin-top:-50px!important; }
.mgTm55 { margin-top:-55px!important; }
.mgT0 { margin-top:0px!important; }
.mgT1 { margin-top:1px!important; }
.mgT2 { margin-top:2px!important; }
.mgT3 { margin-top:3px!important; }
.mgT4 { margin-top:4px!important; }
.mgT5 { margin-top:5px!important; }
.mgT6 { margin-top:6px!important; }
.mgT7 { margin-top:7px!important; }
.mgT8 { margin-top:8px!important; }
.mgT10 { margin-top:10px!important; }
.mgT12 { margin-top:12px!important; }
.mgT14 { margin-top:14px!important; }
.mgT15 { margin-top:15px!important; }
.mgT20 { margin-top:20px!important; }
.mgT25 { margin-top:25px!important; }
.mgT30 { margin-top:30px!important; }
.mgT40 { margin-top:40px!important; }
.mgT50 { margin-top:50px!important; }
.mgT60 { margin-top:60px!important; }
.mgT100 { margin-top:100px!important; }
.mgT140 { margin-top:140px!important; }

.mgR0 { margin-right:0px!important;}
.mgR5 { margin-right:5px!important;}
.mgR10 { margin-right:10px!important;}
.mgR15 { margin-right:15px!important;}
.mgR20 { margin-right:20px!important;}
.mgR25 { margin-right:25px!important;}
.mgR30 { margin-right:30px!important;}
.mgR35 { margin-right:35px!important;}
.mgR40 { margin-right:40px!important;}
.mgR45 { margin-right:45px!important;}
.mgR50 { margin-right:50px!important;}
.mgR55 { margin-right:55px!important;}
.mgR60 { margin-right:60px!important;}
.mgR65 { margin-right:65px!important;}
.mgR70 { margin-right:70px!important;}
.mgR75 { margin-right:75px!important;}


.mgBm3 { margin-bottom:-3px!important; }
.mgBm20 { margin-bottom:-20px!important; }
.mgB0 { margin-bottom:0!important; }
.mgB3 { margin-bottom:3px!important; }
.mgB5 { margin-bottom:5px!important; }
.mgB10 { margin-bottom:10px!important; }
.mgB13 { margin-bottom:13px!important; }
.mgB15 { margin-bottom:15px!important; }
.mgB20 { margin-bottom:20px!important; }
.mgB25 { margin-bottom:25px!important; }
.mgB30 { margin-bottom:30px!important; }
.mgB32 { margin-bottom:32px!important; }
.mgB35 { margin-bottom:35px!important; }
.mgB50 { margin-bottom:50px!important; }
.mgB60 { margin-bottom:60px!important; }

.mgLm20 { margin-left:-20px!important; }
.mgL0 { margin-left:0!important; }
.mgL3 { margin-left:3px!important; }
.mgL4 { margin-left:4px!important; }
.mgL5 { margin-left:5px!important; }
.mgL6 { margin-left:6px!important; }
.mgL10 { margin-left:10px!important; }
.mgL15 { margin-left:15px!important; }
.mgL20 { margin-left:20px!important; }
.mgL25 { margin-left:25px!important; }
.mgL30 { margin-left:30px!important; }
.mgL35 { margin-left:35px!important; }
.mgL40 { margin-left:40px!important; }
.mgL50 { margin-left:50px!important; }
.mgL90 { margin-left:90px!important; }
.mgL100 { margin-left:100px!important; }
.mgL105 { margin-left:105px!important; }
.mgL110 { margin-left:110px!important; }
.mgL180 { margin-left:180px!important; }

/*padding*/
.pd0 { padding:0!important; }
.pd5 { padding:5px!important; }
.pd10 { padding:10px!important; }
.pd15 { padding:15px!important; }
.pd20 { padding:20px!important; }

.pdT0 { padding-top:0px!important; }
.pdT2 { padding-top:2px!important; }
.pdT3 { padding-top:3px!important; }
.pdT5 { padding-top:5px!important; }
.pdT7 { padding-top:7px!important; }
.pdT10 { padding-top:10px!important; }
.pdT20 { padding-top:20px!important; }
.pdT25 { padding-top:25px!important; }
.pdT30 { padding-top:30px!important; }
.pdT40 { padding-top:40px!important; }

.pdB0 { padding-bottom:0!important; }
.pdB5 { padding-bottom:5px!important; }
.pdB6 { padding-bottom:6px!important; }
.pdB10 { padding-bottom:10px!important; }
.pdB20 { padding-bottom:20px!important; }
.pdB25 { padding-bottom:25px!important; }
.pdB30 { padding-bottom:30px!important; }
.pdB40 { padding-bottom:40px!important; }
.pdB50 { padding-bottom:50px!important; }

.pdL0 { padding-left:0!important; }
.pdL2 { padding-left:2px!important; }
.pdL5 { padding-left:5px!important; }
.pdL8 { padding-left:8px!important; }
.pdL10 { padding-left:10px!important; }
.pdL14 { padding-left:14px!important; }
.pdL15 { padding-left:15px!important; }
.pdL20 { padding-left:20px!important; }
.pdL23 { padding-left:23px!important; }
.pdL25 { padding-left:25px!important; }
.pdL30 { padding-left:30px!important; }
.pdL40 { padding-left:40px!important; }
.pdL50 { padding-left:50px!important; }
.pdL180 { padding-left:180px!important; }
.pdL240 { padding-left:240px!important; }
.pdL270 { padding-left:270px!important; }
.pdL278 { padding-left:278px!important; }
.pdL300 { padding-left:300px!important; }
.pdL620 { padding-left:620px!important; }
.pdL720 { padding-left:720px!important; }
.pdL730 { padding-left:730px!important; }
.pdL755 { padding-left:755px!important; }
.pdL760 { padding-left:760px!important; }
.pdL770 { padding-left:770px!important; }
.pdL777 { padding-left:777px!important; }
.pdL845 { padding-left:845px!important; }
.pdL850 { padding-left:850px!important; }

.pdR0 { padding-right:0!important; }
.pdR5 { padding-right:5px!important; }
.pdR10 { padding-right:10px!important; }
.pdR15 { padding-right:15px!important; }
.pdR20 { padding-right:20px!important; }
.pdR30 { padding-right:30px!important; }

/*font*/
.ft_10_grey { font-size:10px; color:#888; }


/* --------------------------------
    TOOLTIP    
-------------------------------- */
.tooltip { position:relative; cursor:pointer; }
.tooltip .tooltiptext { position:absolute; z-index:1002; opacity:0;	transition:opacity 0.6s; transition-property:unset; visibility:hidden; background-color:#fff; border:none!important; color:#666; text-align:left; padding:8px; box-shadow:rgba(0, 0, 0, 0.38) 0px 0px 7px 1px; }
.tooltip a.linkto { font-size:12px; }

.tooltip img { width:100%; }
.tooltip .tooltip_cont { overflow-x:hidden; overflow-y:auto; position:absolute; top:-560px; left:-50px; z-index:1002; opacity:0; transition:opacity 0.6s; transition-property:unset; visibility:hidden; width:800px; height:525px; margin-left:0; background-color:#fff; border:2px solid #0098c0; color:#666; text-align:left; padding:8px; box-shadow:rgba(0, 0, 0, 0.38) 0px 0px 7px 1px; }
.tooltip .tooltip_cont02 { overflow-x:hidden; overflow-y:auto; position:absolute; top:-420px; left:-120px; z-index:1002; opacity:0; transition:opacity 0.6s; transition-property:unset; visibility:hidden; width:630px; height:380px; margin-left:0; background-color:#fff; border:2px solid #0098c0; color:#666; text-align:left; padding:8px; box-shadow:rgba(0, 0, 0, 0.38) 0px 0px 7px 1px; }
.tooltip .tooltip_cont02 span.popup-text-title { display:block; color:#ed8b00; font-weight:bold; }
.tooltip .tooltip_cont02 img { width:inherit; }

/*scoll*/
span.tooltiptext02::-webkit-scrollbar {width:2px; height:2em; }
span.tooltiptext02::-webkit-scrollbar-button { background:#ccc; }
span.tooltiptext02::-webkit-scrollbar-track-piece { background:#ccc; }
span.tooltiptext02::-webkit-scrollbar-thumb { background:#888; }

.tooltip:hover .tooltip_cont { visibility:visible; opacity:1; }
.tooltip:hover .tooltip_cont02 { visibility:visible; opacity:1; }

.tooltip span.txt_underline { display:block; margin-bottom:10px; }
.tooltip span.txt_indent { display:block; margin:0 0 10px 0; }
.tooltip span.txt_indent02 { display:block; margin:0 0 10px 15px; }
.tooltip span.txt_blue { color:#0098c0; }

.tooltip-wrap { position:relative; }
.help-tip { display:inline-block; position:relative; font-size:18px; color:#019bbb; font-weight:bold; vertical-align:-1px; cursor:default; }
.title-level-2 .help-tip { vertical-align:-2px; }
div.help-tip { background:none; }
.tooltip-box { position:absolute; z-index:1002; opacity:0; transition:opacity 0.8s; transition-property:unset; visibility:hidden; background-color:#fff; border:none!important; color:#6d6d71; text-align:left; padding:12px; border-radius:5px; box-shadow:rgba(0, 0, 0, 0.38) 0px 0px 7px 1px; }
/*.tooltip-wrap .tooltip-box::after { transition-property:unset; content:""; position:absolute; z-index:1002; margin-left:-5px; border-width:5px; border-style:solid; border-color:#019bbb transparent transparent transparent; }*/
.help-tip:hover + .tooltip-box { visibility:visible!important; opacity:1!important; }
.help-tip .ico-default:hover + .tooltip-box { visibility:visible!important; opacity:1!important; }
.tooltip-box:after { display:none; }
.tooltip-wrap > .help-tip:hover > .tooltip-box { visibility:visible!important; opacity:1!important; }
.tooltip-wrap > .tooltip-box:hover { visibility:visible!important; opacity:1!important; }
.tooltip-default { top:30px; left:100px; width:550px; min-height:50px; }
.tooltip-emphasis { top:2px; left:23px; width:200px; min-height:50px; font-size:14px; font-weight:500; }
.tooltip-color { top:30px; left:100px; width:790px; min-height:50px; box-shadow:none; }
.tooltip-color-new { top:30px; right:0; width:790px; min-height:50px; box-shadow:none; }
.tooltip-box .popup-box { border:none; }


/* --------------------------------
    ErrorMSG
-------------------------------- */
.error-page { width:100%; min-width:700px; min-height:620px; margin:0; padding:0; text-align:center; }
.error-page .footer-error { display:inline-block; position:static; bottom:20px; left:0; z-index:1001; width:100%; margin:0 auto; text-align:center; }
.error-page .footer-error a { padding:0; text-align:center; }
.error-page .footer-error a { padding:0; text-align:center; }
.error-page .error-cont { display:inline-block; max-width:1000px; min-height:720px; margin:80px auto 0 auto; padding:80px 0; text-align:center; box-sizing:border-box; }
.error-page .error-cont img { margin:0; }
.error-page .error-cont .errornum { display:inline-block; margin:0 auto; font-size:23em; font-family:Arial!important; font-weight:lighter; line-height:250px; }
.error-page .error-cont .txt { display:inline-block; width:100%; margin:40px auto 0 auto; color:#019bbb; font-size:22px; text-align:center; line-height:1.4em; letter-spacing:-0.01em; }


/* --------------------------------
    SPINNERS    
-------------------------------- */
/* hide up/down arrows ("spinners") on input fields marked type="number" */
.no-spinners {
  -moz-appearance:textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0;
}

/* --------------------------------
    DISABLE TEXT DRAG    
-------------------------------- */
div.pagination, .copyright, div.lnb, div.gnb, button
 { 
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* --------------------------------
    AUTOFILL    
-------------------------------- */
input:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 0 white inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-text-fill-color:#6d6d71 !important;
    font-size:12px;
}



/* --------------------------------
    Custom Input    
-------------------------------- */

.custom-input-wrap { position:relative; display:inline-flex !important; justify-content:flex-start; align-items:center; }
.custom-input-wrap input { position:absolute; opacity:0; height:0; width:0; }
.custom-input-wrap .custom-input-text { margin-left:7px; }
.custom-input-wrap:before{ position:relative; display:inline-flex; justify-content:center; align-items:center; left:0; top:0; width:17.5px; height:18px; margin: 3px 0; content:" "; border-radius:3.5px; box-sizing:border-box; font-family: "Font Awesome 6 Sharp"; color:#fff; font-weight:bold; border:1px solid #b3b3b3; }
.custom-input-wrap:has( input:checked ):before { content:"\f00c"; background-color:#298fc2; border-color:transparent; }

/* --------------------------------
    Font Awesome
-------------------------------- */






/* Jaden */
/* --------------------------------
    MessageBox
-------------------------------- */
.MessageBoxBehind { overflow:hidden; width:120%; height:100%; position:fixed; background:rgba(0,0,0,.5); z-index:10; text-align:center; display:none; }
.MessageBoxContent { z-index:1000; position:absolute; background-color:white; top:30%; left:40%; display:none; }

/* Jane */
/* --------------------------------
    Set Loan Originators List
-------------------------------- */


/* --------------------------------
    ZLC
-------------------------------- */
div.container_zlc { border-top: 1px solid #fff; }
div.container_zlc div.lnb { top:0!important; }
div.container_zlc div.content { margin-top:0!important; }

form.form_focused { padding:20px 0 20px 20px; }
form.form_focused:focus-within { background:#e8eef9; }




/*z-index*/
/*
1001_content
1002_GNB, LNB
1003_File Browse
1004_Popup-Loan Originator Content
    file upload
1005_Popup-Loan Originator header
    Tooltip
1006_upload-image .upload-btn-group
1007_btn-delete-image
    _Company Main Edit
    
*/

/*test*/
/*div.cont_wrap :not(.popup-title-level-2le) { color:red!important; }*/
/*button:not(disabled) { background:#fff!important; }*/
/*h1.popup-title-level-2le:first-of-type:first-letter { 
    background-color: #019bbb;
    color: white;
}*/