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


/* ------------------------------------------------------------------------------------------------
    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; }
select { padding: 4px 3px 3px 3px; border: 1px solid #a5a5a5; 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; }
textarea { min-height: 60px; padding: 3px; border: 1px solid #a5a5a5; color: #666; 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; }

input[type="text"], input[type="password"], input[type="number"] { height: 24px; padding: 4px 5px 4px 8px; font-size: 14px; }
    input[type="text"]: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="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="checkbox"]:hover, input[type="checkbox"]:focus { border: 1px solid #017ecd; background: #dfecfa; outline: 4px solid #dfecfa; }
input[type="radio"]:hover, input[type="radio"]:focus { border: 1px solid #017ecd; background: #dfecfa; outline-offset: 0; outline: 4px 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; }
.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; }

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

/*required*/
input.required { border-bottom: 2px solid #e00000; }
select.required { border-bottom: 2px solid #e00000; }
input.required:hover, input.required:focus { border-bottom: 2px 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; }
.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; }

/*text indent*/
.txt_indext1_3 { text-indent: 1.7em; }
.txt_name { display: inline-block; }
.txt_indent1em { text-indent: -1em; }
.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 0; }
    .wc_money:hover { background: transparent url(/Images/icon_dollar.png) no-repeat 0 0; }
    .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; }



/* --------------------------------
    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: 2px auto 0 auto; font-family: 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; }

/* --------------------------------
    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-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; }

.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; }

/**/
.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 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; }

.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: 20px 0 0 20px; }

/*comment*/
.comment-box /*temporary*/ { width: 100%; min-height: 80px; }
.comment-field { overflow-y: auto; width: 100%; min-height: 80px; min-height: inherit; padding: 6px; border: 1px solid #c3c3c3; 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;*/ }

.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; }

/* --------------------------------
    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; 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; }
    .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: 230px; height: 230px; }
        .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; }
.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 .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:hover { background: url(/Images/bg_brw02.png) no-repeat 0 0; }


/* --------------------------------
    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 { 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 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 .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; }
    .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; }
        .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 dd { display: inline-block; width: 90px; margin-bottom: -1px; padding: 10px; border: 1px solid #c3c3c3; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #fff; /*background:#f5f5f5;*/ text-align: center; }
        .mail-tab dd:last-of-type { margin-right: 15px; }
        .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; }

.menu-tab { border-bottom: 1px solid #c3c3c3; text-align: left; }
    .menu-tab dd { display: inline-block; min-width: 140px; margin-bottom: -1px; padding: 10px; border: 1px solid #c3c3c3; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #fff; /*background:#f5f5f5;*/ text-align: center; }
        .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; }

/*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 { 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 { vertical-align: middle; }
        .mail-signature .social-icon-container dd.text-sub { min-height: 20px; padding: 0 10px 0 0; vertical-align: bottom; box-sizing: border-box; }
    .mail-signature .social-icon-container span { display: none; }
    .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; }


/*.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: 1002; 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: 72px; }
    .config-list dt.on label { color: #019bbb; font-weight: bold; letter-spacing: -1px; }

.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-right: 8px; border: 1px solid #a5a5a5; color: #019bbb; vertical-align: -5px; }
        .config-group input[type="checkbox"]:focus, .config-group input[type="checkbox"]:hover { border: 1px solid #017ecd; outline: none; }

    .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-block; width: 410px; min-height: 26px; margin: 4px 10px 2px 20px; font-size: 12px; line-height: 2em; vertical-align: middle; box-sizing: border-box; }
            .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 { margin-top: 8px; }
        .config-group.menu-list dt.sub-title { min-height: 20px; margin: 5px 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: 3px; 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 { 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: 10px; border-bottom: 1px dotted #ddd; }
    /*.config-group dl dt:nth-child(1), 
.config-group dl dt:nth-child(4), 
.config-group dl dt:nth-child(19),
.config-group dl dt:nth-child(22),
.config-group dl dt:nth-child(25) { margin-bottom:7px!important; padding-bottom:13px; 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; }

.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) { color: #b7b7b7; text-align: center; }

/*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%; }

/*.eye { position: relative; display: inline-block; width: 26px; height: 26px; border:1px solid #019bbb; background:#fff; }
.eye input { opacity: 0; width: 0; height: 0; }
.fa-eye { position:absolute; top:4px; left:4px; visibility:hidden; opacity:0; font-size:17px; }
input:checked + .fa-eye { visibility:visible; opacity:1; }
input:focus + .fa-eye { visibility:visible; opacity:1; }
input:focus + .fa-eye { visibility:visible; opacity:1; }
input:not(:checked) + .fa-eye { visibility:hidden; opacity:0; }*/



/*@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; }


/* --------------------------------
    SOURCE TREE
-------------------------------- */
.doc-tmp-line { width: 800px; 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; }



/* --------------------------------
    Dashboard
-------------------------------- */
.slt-date { width: 200px; border: 1px solid #a5a5a5; }
    .slt-date select { padding-left: 10px; padding-right: 10px; border: none; border-right: 1px solid #a5a5a5; }
        .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 .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-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 { margin-bottom: 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: 875px; 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-all; }
        .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; }

/*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; }


/* --------------------------------
    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 10px; 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 #b4b5b5; background: #b4b5b5; color: #fff; 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-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-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: 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; }
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; }
/*button.btn-secondary:hover { text-decoration:underline; }*/


/* --------------------------------
    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_168 { width: 168px !important; }
.wth_170 { width: 170px !important; }
.wth_173 { width: 173px !important; }
.wth_175 { width: 175px !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_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_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_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_500 { width: 500px !important; }
.wth_510 { width: 510px !important; }
.wth_515 { width: 515px !important; }
.wth_520 { width: 520px !important; }
.wth_525 { width: 525px !important; }
.wth_530 { width: 530px !important; }
.wth_534 { width: 534px !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_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_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_1030 { width: 1030px !important; }
.wth_1062 { width: 1062px !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_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; }
.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; }
.mgT12 { margin-top: 12px !important; }
.mgT10 { margin-top: 10px !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; }

.mgR10 { margin-right: 10px !important; }
.mgR13 { margin-right: 13px !important; }
.mgR14 { margin-right: 14px !important; }
.mgR20 { margin-right: 20px !important; }
.mgR25 { margin-right: 25px !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; }
.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; }
.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; }
.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: pointer; }
.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-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; }


/* --------------------------------
    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
1005_Popup-Loan Originator header
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;
}*/