/*notification alert*/
/*var -----------*/
:root {
    --defaultFont: "Open Sans",Arial,sans-serif;
    --defaultBlue: #334d65;
    --defaultLightBlue: #347bb9;
    --defaultOrange: #c65e00;
    --defaultYellow: #ffe9bb;
    --defaultOutline: #fbe0a7;
    --defaultHover: #e6edf3;
    --defaultRed: #cc0000;
    --defaultWhite: #fff;
    --defaultBorder: #bccbd4;
    --bg-LightBlue: #dde8ef;
    --bg-LightBlue__2: #e6edf3;
    --default-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.25);
    --bubble-size: 1.2em;
    --scroll-width:15px;
    --scroll-height:15px;
    --header-height:133px;
}

.navbar, .tab_menu {
    --nav-pd: 9px 16px;
    --nav-pd-quick-icon: 9px 8px 9px 16px;
    --nav-pd-quick-text: 9px 16px 9px 8px;
    --nav-bg-default: #dde8ef;
    --nav-bg-0: url("/images/Menu/button0.png") no-repeat top left;
    --nav-bg-0-sandbox: url("/images/Menu/button0_sandbox.png") no-repeat top left;
    --nav-bg-1: url("/images/Menu/button1.png") no-repeat top left;
    --nav-bg-2: url("/images/Menu/button2_sub.png") no-repeat top left;
    --nav-bg-3: url("/images/Menu/button3.png") no-repeat top left;
    --nav-bg-0-transparent: url("/images/Menu/button0_transparent.png") no-repeat top left;
    --nav-bg-transparent: url("/images/Menu/button_transparent.png") no-repeat top left;
    --nav-bg-hover: url("/images/Menu/button-roll.png") no-repeat top left;
    --nav-bg-quick: url("/images/Menu/button2_sub.png") no-repeat top left;
    --nav-bg-quick-hover: url("/images/Menu/button2_sub-roll.png") no-repeat top left;
    --nav-bg-current-hover: url("/images/Menu/button2_sub-roll.png") no-repeat top left;
    --nav-bg-quick-icon: url("/images/Menu/button2_sub.png") no-repeat top left;
    --nav-bg-quick-icon-hover: url("/images/Menu/button2_sub-roll.png") no-repeat top left;
    --nav-bg-quick-text: url("/images/Menu/button2_quick_right.png") no-repeat top left;
    --nav-bg-quick-text-hover: url("/images/Menu/button2_quick_right-roll.png") no-repeat top left;
    --nav-border-r: 0 0 5px 5px;
    --nav-border-r-sub: 5px;
    --nav-txt-active: #c65e00;
    --nav-list-hover: #e6edf3;
    --divider-bg: #dee5e8;
    --nav-shadow: 0 4px 10px -4px rgba(0, 0, 0, 0.25);
    --nav-box-inner-shadow: inset -0 -1px #7892a7;
    --nav-box-outer-shadow: 0 2px 2px rgba(0, 0, 0, .12);
    --nav-inner-shadow__top: inset 0 1px #c4ced5;
    --nav-inner-shadow__right: inset -1px 0 #7892a7;
    --nav-inner-shadow__bottom: 0 3px 0 #fff;
    --nav-outer-shadow__bottom: 0 0 0 #fff;
    --nav-button-shadow: 0 0 0px 1px #7892a7;
    --nav-transition: all .28s ease-in-out;
}

/*CSS3 animations defined rule*/
@-webkit-keyframes ani_dropdown {
    0% { -webkit-transform:translateY(-100%); transform:translateY(-100%) }
    100% { -webkit-transform:translateY(0); transform:translateY(0) }
}

@keyframes ani_dropdown {
    0% { -webkit-transform:translateY(-100%); transform:translateY(-100%) }
    100% { -webkit-transform:translateY(0); transform:translateY(0) }
}

@-webkit-keyframes ani_dropdown_sub {
    0% { -webkit-transform:translateY(-100%); transform:translateY(-100%); opacity:0.3; }
    100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
}

@keyframes ani_dropdown_sub {
    0% { -webkit-transform:translateY(-100%); transform:translateY(-100%); opacity:0.3; }
    100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
}


/*colors*/
.cred { color:red!important; }
.bg-lightgreen { background-color: #E0F0E5 !important; }
.border-red { border:1px solid red; }

.welcome span.top_alert{ position:relative; display: inline-block; width: max-content; padding: 0; text-align: center; font-size: 12px !important;}
.welcome span.top_alert .bubble{ font-size:0.8em; position: absolute; background-color: var(--ck-color-widget-hover-border); color: #fff; border-radius: 1em; top: 0; left: 100%; transform: translate(-50%, -50%); display:flex; justify-content:center; align-items:center; min-width:var(--bubble-size); max-height:var(--bubble-size); padding:0.3em 0.5em;}
.welcome span.top_alert .bubble span{ font-size:1em; }
.welcome span.top_alert.no .bubble { display: none }
.welcome span.top_alert .bubble span{ display:flex; align-content:center;justify-content:center; line-height:var(--bubble-size); min-height:var(--bubble-size); padding-top:0.5em;}
.welcome span.top_alert i { margin-right: 5px; font-size: 14px; vertical-align:0; }
.welcome span.top_alert .bubble .plus{ display:none; padding-top:0; justify-content:center; align-items:center; min-width:1em;} 
.welcome span.top_alert .bubble .plus { position:relative; }
.welcome span.top_alert .bubble .plus i{ position:absolute; top:calc(50% - 0.1em); left:50%; transform:translate(-50%, -50%); font-size: 0.8em; margin: 0; padding-right: 0.5em;}
.welcome span.top_alert:hover{}s
.welcome span.top_alert.no{}
.welcome span.top_alert.no .bubble{ display:none; }
.welcome span.top_alert.less .bubble{ padding:0.3em; }
.welcome span.top_alert.regular{}
.welcome span.top_alert.more{}
.welcome span.top_alert.more .bubble .plus{ display:flex; }



/*password eye (typeControl)*/

div.commlist_wrap dl dd { position:relative; }
div.commlist_wrap dl dd span.password-eye { position: absolute; right: 4%; top: 50%; transform: translateY(-50%); }
div.commlist_wrap dl dd span.password-eye .eye{ width:16px; height:16px; }
div.commlist_wrap dl dd span.password-eye.on .eye-on{ display:block; }
div.commlist_wrap dl dd span.password-eye.on .eye-off{ display:none; }
div.commlist_wrap dl dd span.password-eye .eye-on{ display:none; }
div.commlist_wrap dl dd span.password-eye .eye-off{ display:block; }

/*password eye (typeControl) end*/


/*icon focus*/
/*img { outline: 1px solid var(--ck-color-image-caption-highligted-background)!important; }*/
/*img:hover { outline: 3px solid var(--defaultOutline) !important; }*/
img:focus { outline: 3px solid var(--defaultOutline) !important; }
img.disable-me:not(.Information) { pointer-events:none; }


/*login image*/
.login_pic img:is(:focus, :hover){ outline:none !important; }

/*loading image*/
.blockUI img:hover { outline:none !important; }
.blockUI img:focus { outline:none !important; }

/*button focus*/

.pop_bt input:focus { outline: 3px solid var(--defaultOutline) !important; }



/*task*/
.clsIDFeeWorksheetDiv .task_right.dspflex { width:100%; display:flex; flex-direction:column !important; justify-content:center !important; align-items:flex-end !important; }


/*display*/

.dsp_b { display:block !important; }
.dsp_inb { display:inline-block !important; }
.dsp_ine { display:inline !important; }
.dsp_fs {display:flex !important;  align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important;}
.dsp_f {display:flex !important;  align-items:center !important; justify-content:flex-end !important; flex-wrap:wrap !important;}
.dsp_fc { display:flex !important;  align-items:center !important; justify-content:center !important; flex-wrap:wrap !important;}
.dsp_infs {display:inline-flex !important;  align-items:center !important; justify-content:flex-start !important; flex-wrap:wrap !important;}
.dsp_infe {display:inline-flex!important;  align-items:center !important; justify-content:flex-end !important; flex-wrap:wrap !important;}
.dsp_infc { display:inline-flex !important;  align-items:center !important; justify-content:center !important; flex-wrap:wrap !important;}
.flex_nowrap:is(.dsp_fs, .dsp_fc, .dsp_infs, .dsp_infe, .dsp_infc  ){ flex-wrap:nowrap !important; }
.flex_as { align-items:flex-start !important; }
.flex_ae { align-items:flex-end !important; }
.visible {visibility:visible !important; }
.invisible {visibility:hidden !important; }
.visually_hidden{ position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 
.white_nowrap{ white-space:nowrap !important;}


/*Select-cover*/
.new-grid dl dd {position:relative;}
.new-grid dl dd select + span.select-cover{ position:absolute; pointer-events:none; background-color :#fff; width:calc(100% - 1.8em); height:calc(100% - 6px); top:2px; left:2px; box-sizing:border-box; padding:1px 3px;}

.new-grid dl dd select + span.select-cover:focus{ background-color: var(--defaultYellow); }
.new-grid dl dd select + span.select-cover:hover{ background-color: var(--defaultYellow); }

.new-grid dl dd select  :focus + span.select-cover{ background-color: var(--defaultYellow); }
.new-grid dl dd select:hover + span.select-cover{ background-color: var(--defaultYellow); }

.new-grid dl dd select:has(+ span.select-cover:focus ){ background-color: var(--defaultYellow); }
.new-grid dl dd select:has(+ span.select-cover:hover ){ background-color: var(--defaultYellow); }


/* newDrop Editable Select */

.newDrop1 { position:relative; height: 22px;border: 1px solid #bccbd4 ;font-size: 12px;color: #334d65;}
.newDrop1 input, .newDrop1 select{ position:absolute; width:100%; height:100% ;  top:0; left:0; border:none !important; padding: 2px 2px 2px 3px; box-sizing: border-box;}
.newDrop1 input{ width:calc(100% - 1.5em)}
.newDrop1 .dropSelect:focus{ /*outline: 2px ridge var(--defaultOutline);*/ }
.newDrop1 .dropSelect:hover +.inputSpan .dropInput{ background-color: var(--defaultYellow); }
.newDrop1 .dropSelect:focus +.inputSpan .dropInput{ background-color: var(--defaultYellow); }
.newDrop1 .dropSelect:disabled +.inputSpan .dropInput:is([readonly],:disabled),
.newDrop1 .dropSelect:disabled +.inputSpan .dropInput{ border:none !important;  }
.newDrop1 .dropSelect:has(+ .inputSpan .dropInput:focus){ /* outline: 2px ridge var(--defaultOutline);*/ background-color: var(--defaultYellow);} 
.newDrop1 input:hover,.newDrop1 input:focus { outline: none !important; }
.newDrop1 button.cancel {  z-index: 1; color:#334d65; position:absolute; top:calc(50% + 0.1em); right:1.8em; transform: translateY(-50%);}

.newDrop2 { position:relative; height: 22px;border: 1px solid #bccbd4 ;font-size: 12px;color: #334d65;}
.newDrop2 input, .newDrop2 select{ position:absolute; width:100%; height:100% ;  top:0; left:0; border:none !important; padding: 2px 2px 2px 3px; box-sizing: border-box;}
.newDrop2 input{ width:calc(100% - 1.5em)}
.newDrop2 .dropSelect:focus{ /*outline: 2px ridge ridge var(--defaultOutline);*/ }
.newDrop2 .dropSelect:hover +.inputSpan .dropInput{ background-color: var(--defaultYellow); }
.newDrop2 .dropSelect:focus +.inputSpan .dropInput{ background-color: var(--defaultYellow); }
.newDrop2 .dropSelect:disabled +.inputSpan .dropInput:is([readonly],:disabled),
.newDrop2 .dropSelect:disabled +.inputSpan .dropInput{ border:none !important; }
.newDrop2 .dropSelect:has(+ .inputSpan .dropInput:focus){ /* outline: 2px ridge var(--defaultOutline); */ background-color: var(--defaultYellow);}
.newDrop2 input:hover,.newDrop2 input:focus { outline: none !important; }
.newDrop2 button.cancel {  z-index: 1; color:#334d65; position:absolute; top:calc(50% + 0.1em); right:1.8em; transform: translateY(-50%);}

/*HMDA Edit Report Parameters*/

dl.new-popup-dl{ position:relative; }
dl.new-popup-dl dt { display:inline-block; width: 150px; height:23px; margin-bottom:10px; }
dl.new-popup-dl dd { display:inline-block; width: 340px;  height:23px; margin-bottom:10px; }


/*rules - detail*/


.grid-col .rule-detail-conditions dl { display:flex; justify-content:flex-start; align-items:center; }
.grid-col .rule-detail-conditions dt, .grid-col .rule-detail-conditions dd{ width:auto; display:inline-flex; justify-content:flex-start; align-items:center; margin-right:10px; }
.grid-col .rule-detail-conditions dd:last-of-type{ margin:0; }

.grid-col .rule-detail-search.wrap .rule-detail-search { display:flex; justify-content:flex-start; align-items:center; }
.grid-col .rule-detail-search.wrap .rule-detail-search dt, .grid-col .rule-detail-search.wrap .rule-detail-search dd{ width:auto; display:inline-flex; justify-content:flex-start; align-items:center; margin-right:10px;  }

.grid-col .rule-detail-conditions .select-condition.wrap { margin-top:10px; background-color:#e8f0f5;  }
.grid-col .rule-detail-conditions .select-condition.wrap .select-condition { box-sizing:border-box; padding:10px; border-bottom: 1px solid #bac8d2; }
.grid-col .rule-detail-conditions .select-condition.wrap .select-condition:first-of-type {  border-top: 1px solid #bac8d2; }
.grid-col .rule-detail-conditions dd.delete{ margin-left:auto; align-items:center; }



/*popup- grid*/

.license_list .pop_role_basic dl.grid-col { display:inline-grid; width:100%;}
.license_list .pop_role_basic dl.grid-col.col-2 { grid-template-columns: 1fr 1fr; }

.license_list .pop_role_basic dl.scroll{ overflow: hidden auto; max-height:500px; width:calc(100% + 2px); } 
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar { width: 5px; height: 8px; }
@-moz-document url-prefix() { .license_list .pop_role_basic dl.scroll{scrollbar-width: auto;} }
/*.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-button:start:decrement,
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-button:end:increment { width: 0px; height: 0; display: block; background-color: #fff; }
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-button:horizontal:start:decrement,
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-button:horizontal:end:increment { height: 0; display: block; background-color: #fff; }
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-track-piece { background-color: var(--bg-message); border-radius: 10px; }*/
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-thumb:vertical,
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-thumb:horizontal { background-color: var(--defaultBorder); border: 1px solid var(--nav-button-shadow); -webkit-border-radius: 6px; }
.license_list .pop_role_basic dl.scroll::-webkit-scrollbar-track { background-color: var(--bg-LightBlue); border: 1px solid var(--bg-LightBlue); -webkit-border-radius: 6px; }

.license_list .pop_role_basic dl.grid-col input{ width: 100%; height: 22px; box-sizing: border-box; }


/*Unavailability Findings LB*/
.license_list .pop_role_basic dl.unavailability-findings .uf-name{ margin-bottom:5px; }
.license_list .pop_role_basic dl.unavailability-findings .uf-detail{ padding-left:15px; margin-bottom:3px;}
.license_list .pop_role_basic dl.unavailability-findings .uf-detail:last-of-type{ padding-left:15px; margin-bottom:3px;}


/*Documentary Summary*/
.user_table.document_summary table tr:has(td):hover { background: var(--defaultYellow) !important; cursor:pointer; }
.user_table.document_summary.noWrap td { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user_table.document_summary.noWrap td div:has(img){ display:flex; justify-content:center; align-items:center; }

/*eSign History PopUp*/
.eSignHistory dl dt{ width:150px; min-height: 24px; line-height: 18px; margin-bottom:10px; }
.eSignHistory dl dd{ width:250px;  min-height: 24px; line-height: 18px; margin-bottom:10px; }

.eSignHistory_2 dl dt{ width:150px; min-height: 24px; line-height: 18px; margin-bottom:10px; }
.eSignHistory_2 dl dd{ width:calc(100% - 150px); min-height: 24px; line-height: 18px; margin-bottom:10px; }
.eSignHistory_2 dl dd input[type="email"] { width: 100%; height: 22px; box-sizing: border-box; }  
.eSignHistory_2 dl dd input[type="email"]:not(.txtSearch) { height:26px; }

.user_table.eSignHistory tr:has(td):hover { background: var(--defaultYellow) !important; cursor:pointer; }
.user_table.eSignHistory.noWrap td { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user_table.eSignHistory.noWrap td div:has(img){ display:flex; justify-content:center; align-items:center; }

.user_table.wrappable tr:has(td):hover { background: var(--defaultYellow) !important; cursor:pointer; }
.user_table.wrappable.noWrap td { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user_table.wrappable.noWrap td div:has(img){ display:flex; justify-content:center; align-items:center; }

.dd420 dl dt{ width:150px; min-height: 24px; line-height: 18px; margin-bottom:10px; }
.dd420 dl dd{ width:250px;  min-height: 24px; line-height: 18px; margin-bottom:10px; }

.ddAuto dl dt{ width:150px; min-height: 24px; line-height: 18px; margin-bottom:10px; }
.ddAuto dl dd{ width:calc(100% - 150px); min-height: 24px; line-height: 18px; margin-bottom:10px; }

/*resizable Table*/

/*#divMain:has(.resizableTable){ width:1100px;}*/

.user_table.resizableTable table { table-layout:fixed;}
.user_table.resizableTable th{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user_table.resizableTable th > * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.user_table.resizableTable th.resizable{ position:relative; padding-right:1em; }
.user_table.resizableTable th.resizable::before{ width:7px; height:16px; position:absolute; top:50%; right:0; transform:translate(-50%,-50%); background:transparent url(/images/icons/select.png) no-repeat; content:" ";}
.user_table.resizableTable td div{ width:100%; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}


/*undock_refresh*/

.undock_refresh_wrap:has(+ #divMain #divLosConditionsSearch ) { z-index:100; }
.undock_refresh_wrap + #divMain .pst_r #divConditionMain .doc-list { padding-left:0; }
.undock_refresh_wrap + #divMain .pst_r #divConditionMain .doc_show { margin-left:15px; }
.undock_refresh_wrap .undock_refresh_condition { top:21px; }

/*NewDashboard related CSS*/

html{ overflow:auto; }
body{ min-width:1110px;}

#header { width:100%; min-width:1100px; position:relative; z-index:2; }
.dropdown-menu.sub-menu-box__lg > ul { columns:3; }

/*#divMain:has(.resizableTable){ width:100%;}*/


:is(.wth_1110.width_wrapper, .wth_1100.width_wrapper) .user_table { min-width:unset; }
.user_table.wth_1110 { width:1110px !important; min-width:unset; }
.user_table.wth_1110 > table{ width:1110px !important; min-width:unset; }
.user_table.wth_1100 { width:1100px !important; min-width:unset; }
.user_table.wth_1100 > table{ width:1100px !important; min-width:unset; }

/*ktop-search temp*/
.temp_ktop_search { clear: both; height: 23px; margin: 0 0 15px 0; border: 0 solid transparent;}
.temp_ktop_search .temp_ktop_search_left{ float:left; }


#container { width: 100% !important; position:relative; display:inline-block;  margin-right:-5px !important; height: calc( var(--bodyHeight) - var(--btmHeight) - var(--headerHeight) ); margin-top:0 !important;  box-sizing:border-box; overflow:auto; transition:var(--nav-transition); padding-bottom:150px; z-index:1; }
/*#container:has(#divMain) { width: 100% !important; position:relative; display:inline-block;  margin-right:-5px !important; height: calc( var(--bodyHeight) - var(--btmHeight) - var(--headerHeight) ); margin-top:0 !important;  box-sizing:border-box; overflow:auto; transition:var(--nav-transition); padding-bottom:unset; padding-left:unset;  z-index:1; }
#container #divWrap { padding-bottom:150px; }*/


/*Show field UI*/
#container  #divMapping { top: 0; left:0;}
#container  #divMappingDetail {  top: 0; left:0; width:100%; }
#container  #divHiddenMapping {  top: 0; left:0;}
.clsMappingInfo { pointer-events:none; }
.clsMappingInfo .cursorP{ pointer-events:auto; }
.clsMappingInfo span{ pointer-events:auto; }

/*#container:has(#divMain) #divMain { position: relative;}*/
#container .dashboard{  width:70% !important;}
#container::-webkit-scrollbar {width: var(--scroll-width); height: var(--scroll-height);  transition:0.3s;}
#container:hover::-webkit-scrollbar { opacity:1; }
@-moz-document url-prefix() { #container {scrollbar-width: auto;} }

#container::-webkit-scrollbar-thumb:vertical,
#container::-webkit-scrollbar-thumb:horizontal { transition:0.3s; background-color: var(--defaultBorder); border: 1px solid var(--nav-button-shadow); /*-webkit-border-radius: 6px;*/ }
#container::-webkit-scrollbar-track { transition:0.3s; background-color: var(--bg-LightBlue); border: 1px solid var(--bg-LightBlue); }
#container::-webkit-scrollbar-corner { background-color: var(--bg-LightBlue); }
#container::-webkit-scrollbar-button { display: initial; position:relative; cursor:pointer; background-color:var(--bg-LightBlue); background-position:center; background-repeat:no-repeat; height: var(--scroll-height); width: var(--scroll-width); font-family:"Font Awesome 5 Pro";  color:black; }
#container::-webkit-scrollbar-button:single-button:horizontal:increment { background-image:url(/Images/btn_next.png); }
#container::-webkit-scrollbar-button:single-button:horizontal:decrement { background-image:url(/Images/btn_prev.png); }
#container::-webkit-scrollbar-button:single-button:vertical:increment { background-image:url(/Images/btn_down.png);}
#container::-webkit-scrollbar-button:single-button:vertical:decrement { background-image:url(/Images/btn_up.png);}


/*#divTab:has(ul) + #divMain { margin-top:62px; padding-top:1px; }*/
/*#container:has(#divTab.menu-fixed) :is(#divMain, #divDetail, #divDetailSec, #divDetailThird) { margin-top:63px; }*/
#container #divTab { margin-left: 0; margin-top:0; margin-bottom:20px; }
#container #divTab:not(:has(ul)) { margin-bottom:0; }
#divTab.menu-fixed { position:sticky; padding-top:15px; top:0; left:0; z-index:2; /*width:100%;*/ margin-left:0; background:#fff; -webkit-animation:ani_dropdown_sub .635s cubic-bezier(.215,.61,.355,1); animation:ani_dropdown_sub .635s cubic-bezier(.215,.61,.355,1); }

/*#divTab:has(ul:is([style*="display:none;"],[style*="display: none;"])) + #divMain {margin-top :0px; }*/
/*#divTab:has(+ #divMain) { position:absolute; left:-25px; padding-left:50px; background:#fff; min-width:calc(100% - 25px); z-index:2; }*/
/*#divTab:not(:has(ul)) { position:relative !important; padding-left:0px !important; }*/
.content_title_bar .content_title_bar { position:relative; }
.menu-fixed .tab_menu { margin-top:inherit; }



.license_list > div[class = ""] { width:max-content; }

#wrapper{  position:relative; --dashboard-width:310px; }
#wrapper.drawer-on { display:grid; grid-template-columns:1fr var(--dashboard-width); }
#wrapper.drawer-on #divData { grid-column: 1 / span 2; }
/*#container:has(#divMain).drawer-on { width:calc(99.7% - var(--dashboard-width)) !important; }*/
#divDashboardSide2 { display: inline-block; z-index:1; height: calc(var(--bodyHeight) - var(--btmHeight) - var(--headerHeight));  margin-right:-4px; right:unset; transition:right 0.3s; overflow: auto; width: 0px; position: relative; top:unset; vertical-align: top; box-sizing:border-box; border-left:1px solid var(--defaultBorder); /*box-shadow:-20px 0px 10px -20px rgba(0, 0, 0, 0.25);*/ background-color:#ffffff; }
#divDashboardSide2.drawer-on { width:var(--dashboard-width); right:0; }
#wrapper .dashboard-button{ display: inline-block; position:absolute; right:0px; top: 170px; transition:transform 0.3s;  width: 26px; height: 86px; padding: 0; border-top-left-radius: 5px; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 0; background: var(--defaultOrange) url(/Images/btn_dashboard.png) no-repeat 8px 7px; color: #fff; vertical-align: top; cursor: pointer; box-shadow: unset; z-index:1; transform:translateY(0px); }
#wrapper .dashboard-button.on { right:312px; width: 18px; height: 22px; margin-right: -3px; background: var(--defaultOrange) url(/Images/btn_dashboard-arrow.png) no-repeat 6px 9px; box-shadow: unset; }
#divDashboardSide2 #divDashboardSideView2 { position:relative; display: inline-block; overflow: unset; width: 100%; /*height: calc( var(--bodyHeight) - var(--btmHeight) - var(--headerHeight) );*/ box-sizing: border-box; z-index:10;}


#divDashboardSide2::-webkit-scrollbar { width: var(--scroll-width); height: var(--scroll-height); transition:0.3s;}
#divDashboardSide2:hover::-webkit-scrollbar { opacity:1; }
@-moz-document url-prefix() { #divDashboardSide2{ scrollbar-width: auto;} }

#divDashboardSide2::-webkit-scrollbar-thumb:vertical,
#divDashboardSide2::-webkit-scrollbar-thumb:horizontal { transition:0.3s; background-color: var(--defaultBorder); border: 1px solid var(--nav-button-shadow); /*-webkit-border-radius: 6px; */  z-index:2;}
#divDashboardSide2::-webkit-scrollbar-track { transition:0.3s; background-color: var(--bg-LightBlue); border: 1px solid var(--bg-LightBlue); z-index:2; }
#divDashboardSide2::-webkit-scrollbar-corner { background-color: var(--bg-LightBlue);  z-index:2;}

#divDashboardSide2 .dashboard-list { width:305px; height:100%; max-height: max-content !important; }
#divDashboardSide2 .dashboard-list dl { display:grid; grid-template-columns: 130px 1fr; padding-top:5px;}
#divDashboardSide2 .dashboard-list dt { display:inline-block; min-height:24px; vertical-align:middle; box-sizing:border-box; margin: 0; padding-right: 5px; border-bottom: 1px solid #fff; background: #f0f0f0; color: #444; font-size: 11px; text-align: right; line-height: 22px; }
#divDashboardSide2  .dashboard-list dd { display:inline-block; min-height:24px; vertical-align:middle; box-sizing:border-box; line-height:18px; margin: 0; padding-left: 4px; border-bottom: 1px solid #f0f0f0; font-size: 11px; text-align: left; }
#divDashboardSide2  .dashboard-list dd input{ overflow: hidden; width: 100%; padding-left: 0; border: none !important; background: transparent !important; color: #444 !important; font-size: 11px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
#divDashboardSide2  .dashboard-list dd:has(button.ui-datepicker-trigger) input { width: max-content; }

/* new Dashboard field UI issue*/

#divDashboardSide2 #divDashboardHiddenMapping, #divDashboardSide2 #divDashboardMapping, #divDashboardSide2 #divDashboardMappingDetail{ display:none; width:100%; }
#divDashboardSide2.drawer-on #divDashboardHiddenMapping, #divDashboardSide2.drawer-on #divDashboardMapping, #divDashboardSide2.drawer-on #divDashboardMappingDetail { display:block ;}
#divDashboardSide2.drawer-on #divDashboardMapping .clsMappingInfo { max-width: calc( 100% - 130px ); min-width:unset !important; }

/* new Scroller */
.newScroller::-webkit-scrollbar { width: var(--scroll-width); height: var(--scroll-height);  transition:0.3s;}
.newScroller:hover::-webkit-scrollbar { opacity:1; }
@-moz-document url-prefix() { .newScroller{scrollbar-width: thin;} }

.newScroller::-webkit-scrollbar-thumb:vertical,
.newScroller::-webkit-scrollbar-thumb:horizontal { transition:0.3s; background-color: var(--defaultBorder); border: 1px solid var(--nav-button-shadow); /*-webkit-border-radius: 6px;*/ }
.newScroller::-webkit-scrollbar-track { transition:0.3s; background-color: var(--bg-LightBlue); border: 1px solid var(--bg-LightBlue); }

/* chat function*/
.btn_btm { width:100%; }
.btn_btm #divBtn { padding-right: 20px; }
.btn_btm.chatOn #divBtn { padding-right:100px;}
.btn_btm.chatOn #divBtn.btn_scroll_wrap .btn_scroll_cont { width:100%; }

.btn_btm .doc_top { width:100%; }
.btn_btm .doc_top .doc_drip_wrap { width:100%; }
.doc_drop.resizer_wrap{ width:100%; }

#divChatBtn { position:absolute; top:50%; right:0; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:80px; padding-right:20px; z-index:inherit; }
#divChatBtn #chatAlert { position:absolute; display:flex; justify-content:center; align-items:center; transform: translate(31px, -20px);padding: 0.2em 0.5em; color: #fff; background:var(--defaultRed); font-size:0.7em; border-radius:0.7em; }
#divChatBtn #chatAlert.noMsg { width:5px; height:5px; padding:0; border-radius:50%;transform: translate(25px, -20px); }

.btn_btm #divChat{ width:400px; position:absolute; bottom:15px; right:20px;}

.col-message { position: absolute; bottom: 0; right: 0; width: 100%;  background-color:#ffffff; }
.col-message { display: flex; align-items: start; flex-direction: column; justify-content: space-between; height: 77vh; background: var(--bg-message);  }
.col-message.addList { display: block; box-sizing:border-box;}
.col-message .ui-dialog.message__chatRoom{ position:relative; width:100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; height: 77vh!important;  background: #ffffff; font-family: var(--defaultFont); box-shadow: var(--default-shadow); border: 1px solid #c5c5c5; /*height: auto !important;*/ margin-top: 2px;  top: 0; left: 0; outline: 0; padding: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; color: #333; z-index: 100;}
.col-message .message__header { /*display: flex; flex-direction: row; justify-content: space-between*/ width: 100%; /*height: 34px;*/ cursor:auto;  padding-inline: 10px 0; background: var(--defaultBlue); color: #fff; line-height: 34px; box-sizing: border-box; position: relative; z-index: 2; padding: .6em 1em;  font-weight: bold; border: 1px solid var(--bg-LightBlue); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.col-message .message__header > span{ width: 80%; float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; height: 18px; font-size: 15px; line-height: 16px;  font-weight: 500; } 
.col-message .message__header .fa-circle.fa-beat-fade { margin-left: 0; }
.col-message .message__header .btn__header{ display:flex; justify-content:center; align-items:center; }

/*.ui-dialog:has(.btnBackToList) .ui-dialog-title { width: 80% ; }*/
/*.col-message .message__header .ui-dialog-titlebar-back { position: absolute; right: 2.1em; top: 49%; transform:translateY(-50%); width: 21px; margin:unset; padding: 1px; height: 20px; border: none; background: none; }*/
/*.col-message .message__header .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -9px 0 0 0; height: 20px;  }*/
.col-message .message__header button { display: inline-block; cursor: pointer; text-align: center; border: none; background: none; color: #fff; font-size: 1.2rem; padding:1px 6px;  font-weight: 600; line-height: 18px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.col-message .message__header #btnCloseMessage { box-sizing: border-box; text-indent: -9999px; white-space: nowrap;  position: absolute; right: .3em; top: 50%; width: 21px; margin: -9px 0 0 0; height: 20px;}
.col-message .message__header #btnCloseMessage span { background: url(/Images/icons/close-pop-window.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 16px; height: 16px; display: inline-block;  text-indent: -99999px; overflow: hidden;}
/*.col-message .message__header button:last-of-type { margin-right:5px; }*/ 
.col-message .message__date { height: 30px; margin-block: 5px; /*backgrounsd:#e1e1e1;*/ color: var(--defaultSoftText); text-align: center; line-height: 30px; }
/*.col-message .message__date span { opacity:.8; }*/
.col-message .message__date i { margin-inline-end: 10px; color: var(--colorSet2); font-size: 16px; vertical-align: 0; }
.col-message .message__container { position: relative; height:calc(100% - 50px - 34px);  overflow: hidden auto; width: 100%; padding-inline: 20px; box-sizing: border-box; }
.col-message .message__container[messagecontainer]:empty::before { content: ""; position: absolute; top: 10px; left: 0; width: 100%; color: var(--defaultSoftText); text-align: center; }
.col-message .message__container .message__notice { position: absolute; bottom: 0; width: 100%; color: #939393; text-align: center; }
.col-message .message__container .message__g:first-of-type { margin-block: 15px; }
.col-message .message__container .message__g { margin-block: 15px; text-align:right; }
.col-message .message__container .user__info { margin-block-end: 8px; }
.col-message .message__container .user__pic { width: 40px; height: 40px; padding: 1px; border: 1px solid var(--defaultSoftText); background: #fff; box-sizing: border-box; }
.col-message .message__container .user__pic img { width: 100%; border-radius: 100%; }
.col-message .message__container .user__name { }
.col-message .message__container .message { display: flex; align-items: flex-start; flex-direction: column; text-align: left; }
.col-message .message__container .message .text__box { display: inline-block; max-width: 75%; color: #334D65; background: #E6EDF3; border-radius: 6px; padding: 5px 10px; }
.col-message .message__container .message .text__timestamp { display: inline-block; font-size:0.9em; text-align: center; color: #999; margin: 0; padding-bottom:5px; padding-inline:5px; }
.col-message .message__container .attachment { }
.col-message .message__container .text__timestamp { font-size: .86rem; }

.col-message .attachment { display: flex; align-items: flex-start; flex-direction: column; text-align: right; }
.col-message .attachment .attachment__g { display: inline-block; max-width: 75%; color: #334D65; background: #E6EDF3; border-radius: 6px; padding: 5px 10px;  }
.col-message .attachment .text__timestamp { display: inline-block; font-size:0.9em; text-align: center; color: #999; margin: 0; padding-bottom:5px; padding-inline:5px; }
.col-message .attachment__g .file__attachment { display: flex; align-items: flex-start; flex-direction: row; text-align: right; color:inherit;}
.col-message .attachment__g .file__icon button { width: 40px; height: 40px; display:flex; justify-content:center; align-items:center; padding: 1px; border: 1px solid rgba(3, 129, 162,.3);  color: var(--colorSet2); font-size: 24px; text-align: center; box-sizing: border-box; background:#fff; border-radius:50%;}
.col-message .attachment__g .file__icon button img{ width:70%; }
.col-message .attachment__g .file__name { margin-inline-end: 10px; font-size: .9rem; text-align: left; color:inherit; }
.col-message .attachment__g .file__info { margin-block: 10px 0; color: var(--defaultSoftText); font-size: 12px; text-align: left; user-select: none;  color:inherit;}
.col-message .attachment__g .file__expiry { color:inherit;}
.col-message .attachment__g .file__size {  color:inherit;}
.col-message .attachment__g .file__open { margin-block: 5px 0; color:inherit; }
.col-message .attachment__g .file__open span { margin-inline: 2px; color:inherit;}
.col-message .attachment__g .file__open a { display: inline-block; color: var(--defaultText); color:inherit;color:inherit; margin:0; width:unset; height:unset; background:none;}
.col-message .attachment__g .file__open a:is(:focus, :hover, :active) { text-decoration: underline; cursor: pointer; color:inherit;}

/*user side*/
.col-message .message__container .user .message { text-align: left;  align-items:flex-end; }
.col-message .message__container .user .attachment .attachment__g .file__attachment { text-align: left; align-items:flex-start; }

.col-message .message__container .user .attachment { text-align:left; align-items:flex-end; }
.col-message .message__container .user .text__box,
.col-message .message__container .user .attachment .attachment__g { color: #FFFFFF; background: #7892A7; text-align: left; border-radius: 6px; padding: 5px 10px; }
/*.col-message .message__container .user .text__timestamp { text-align: center; }*/



.col-message .message__bottom { display: grid; grid-template-columns: 30px 1fr 40px; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; align-items: center; border-top:2px solid var(--defaultBlue);}
.col-message .message__bottom .box__icon { grid-area: 1 / 1 / 2 / 2; }
.col-message .message__bottom .box__text { grid-area: 1 / 2 / 2 / 3; }
.col-message .message__bottom .box__button { grid-area: 1 / 3 / 2 / 4; }

.col-message .message__bottom { width: 100%; height: fit-content; max-height: 10vh; padding-block: 10px; }
.col-message .message__bottom .box__icon { position: relative; text-align: center; }
.col-message .message__bottom .box__icon i { margin-top: 5px; color: var(--colorSet2); font-size: 1.5rem; }
/*.col-message .message__bottom .box__icon i:is(:focus, :hover, :active) { color:#fff; }*/
.col-message .message__bottom .box__icon label { display: inline-block; width: 30px; height: 30px;  background: none; cursor: pointer; }
.col-message .message__bottom .box__icon label:is(:focus, :hover, :active) { background: var(--defaultOrange); }
.col-message .message__bottom .box__icon label:is(:focus, :hover, :active) i { color: #fff; font-weight: 100; }
.col-message .message__bottom .box__icon label input[type="file"] { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; padding: 0; visibility: hidden; opacity: 0; box-sizing: border-box; }
.col-message .message__bottom .box__text { position: relative; }
.col-message .message__bottom .box__text .box__textarea { display: block; position: static; bottom: 0; overflow: hidden auto; resize: none; width: 100%; height:32px; min-height: 32px; max-height: 85px; padding: 5px; background: var(--bg-LightBlue__2); color:var(--defaultBlue); line-height: 1.4rem; box-sizing: border-box; border-radius: 6px; word-break:break-all; border:none;  font-family: Arial; font-size: 1em;}
.col-message .message__bottom .box__text .box__textarea[contenteditable]:empty::before { content: ""; color: #939393; }
.col-message .message__bottom .box__button { text-align: center; }
.col-message .message__bottom .box__button .btn-primary { margin-block-end: 1px; background: var(--colorSet2); color: #fff; }

/*20240724 message chatlist*/
.col-message .message__chatList{ width:100%; height:100%; }
.col-message .message__chatList .list__header{  width: 100%; height: 34px; padding-inline: 10px 0; background: var(--defaultBlue); color: #fff; line-height: 34px; box-sizing: border-box; }
.col-message .message__chatList .list__header .fa-circle.fa-beat-fade { margin-left: 0; }
.col-message .message__chatList .list__header button { border: none; background: none; color:#fff; font-size: 1.2rem;  padding:1px 6px; }
.col-message .message__chatList .list__header button:last-of-type{ margin-right:5px;}
.col-message .message__chatList .list__search{ width: 100%; position: relative; height: 28px; margin: 1em; box-sizing: border-box; }
.col-message .message__chatList .list__container{ position: relative; overflow: hidden auto; width: 100%; height:calc(77vh - 102px); box-sizing: border-box; border-top:3px solid var(--defaultBorder); }
.col-message .message__chatList .list__container .list__chatRoomUL{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; overflow:hidden auto; }
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom{ width:100%; border-top:2px solid var(--defaultBorder); padding:1.5em; cursor:pointer; box-sizing:border-box;}
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom:is(:hover,:focus){ background-color:var(--defaultBorder); }
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom:first-of-type{ border-top:none; }
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom:last-of-type{ border-bottom:2px solid var(--defaultBorder);}
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom .chatRoom__header{ display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; color:var(--colorSet2); margin-bottom:0.3em; font-size:1.2em; font-weight:600;  }
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom .chatRoom__header .DND{ display:inline-block; }
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom .chatRoom__container{ padding-left:1.5em; box-sizing:border-box; }
.col-message .message__chatList .list__container .list__chatRoomUL .list__chatRoom .chatRoom__container .lastMessage{ display:block; max-height:3em; line-height:1.5em;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/*clearfix*/

.clfix::after { display: block; content: ''; clear: both; }
.clfx::after { display: block; content: ''; clear: both; }

/*btn_btm for less than 1110px*/

.btn_btm{ min-width:unset;} 
.btn_scroll_wrap{ min-width:unset; max-height:145px; overflow-y:auto; overflow-x:hidden; }
.btn_scroll_wrap::-webkit-scrollbar { width: var(--scroll-width); height: var(--scroll-height);  transition:0.3s;}
.btn_scroll_wrap:hover::-webkit-scrollbar { opacity:1; }
@-moz-document url-prefix() { .btn_scroll_wrap:hover::-webkit-scrollbar { scrollbar-width: auto;} }

.btn_scroll_wrap::-webkit-scrollbar-thumb:vertical,
.btn_scroll_wrap::-webkit-scrollbar-thumb:horizontal { transition:0.3s; background-color: var(--defaultBorder); border: 1px solid var(--nav-button-shadow); /*-webkit-border-radius: 6px;*/ }
.btn_scroll_wrap::-webkit-scrollbar-track { transition:0.3s; background-color: var(--bg-LightBlue); border: 1px solid var(--bg-LightBlue); }



@media screen and ( max-width:1110px){
    .btn_btm input { font-size:11px; padding:3px 10px; min-width:65px; }
}

/*nav-more*/


@media screen and ( max-width:1110px){
    .navbar dl.nav-line-2 .gnb_03_drop.gnb_03_drop__lg { max-width:unset !important;}
    /*.dropdown-menu ul li:is(:focus, :hover, :active) > .dropdown-menu-sub { display:flex; columns:30ch; column-count:3; overflow:hidden auto; max-height:15vh; }*/
}

/*nav menu*/
@media screen and ( max-width:1110px ){
    .dropdown-menu-sub {  overflow: auto !important; }
    .dropdown-menu.sub-menu-box__lg{ overflow: auto;}
}

@media screen and ( max-height:700px ){
    .dropdown-menu.sub-menu-box { overflow:auto; }
    .dropdown-menu-sub { max-width:unset; }
    .dropdown-menu-sub ul{ display:grid; grid-template-columns:1fr 1fr;}
    .dropdown-menu.sub-menu-box__lg > ul { display:grid !important; grid-template-columns:1fr 1fr 1fr;}

}

@media screen and ( max-height:600px ){
    .dropdown-menu ul li:not(:first-child) .dropdown-menu-sub { top: 50%; transform: translateY(-50%); }
}


/*broker CSS*/

.broker_content_wrap { width:100%; display:flex; flex-wrap:wrap; margin-bottom:20px; gap:10px; }
.broker_content_wrap .broker_content { width:220px; color:#fff; background:lightgray; font-size:13px; padding:0.8em; border-radius:0.2em;  box-sizing:border-box; }
.broker_content_wrap .broker_content .title_area { font-size:2.2em; color:inherit; font-weight:700; margin-bottom:5px; }
.broker_content_wrap .broker_content .title_area .ws_con_num { color:inherit; }
.broker_content_wrap .broker_content .detail_area { font-size:1em;  color:inherit; }
.broker_content_wrap .broker_content .detail_area .upper_txt{ width:100%; white-space:nowrap; overflow:hidden; color:inherit; text-overflow:ellipsis; }
.broker_content_wrap .broker_content .detail_area .lower_txt{ width:100%; opacity:0.7; color:inherit; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis; }

.broker_btn_wrap { margin-bottom: 20px; font-size:12px;}
.broker_btn_wrap .broker_btn_area { width: 100%; margin-block:5px;  }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont { width:100%; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:0.5em; min-height: 42px; }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont .broker_btn { display:flex; justify-content:center; align-items:center; padding: 0.4em 0.9em; color:#fff; background: #7892A7; border-radius:0.2em; box-sizing: border-box; font-size:1.5em; }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont .broker_btn:hover { background:#DDE8EF; color:#334d65;  }
/*.broker_btn_wrap .broker_btn_area .btn_scroll_cont button.broker_btn:is(:hover, :focus) { background:var(--defaultLightBlue);  }*/

.broker_btn_wrap .broker_btn_area .btn_scroll_cont #btnStartLoanForBroker { padding:0.4em; }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont #btnStartLoanForBroker .doc_drip_wrap { color:inherit; }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont #btnStartLoanForBroker .doc_drip_wrap .doc_drop { display: inline-block; padding:0.5em; position: inherit; width:100%; background:inherit; color:inherit; margin: 0; border: 1px dashed #bccbd4; text-align: center;  box-sizing: border-box; }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont #btnStartLoanForBroker .doc_drip_wrap .doc_drop .main-txt{ display:flex; justify-content:center; align-items:center; margin-bottom:0.3em; color:inherit; font-weight:600; } 
.broker_btn_wrap .broker_btn_area .btn_scroll_cont #btnStartLoanForBroker .doc_drip_wrap .doc_drop .main-txt i:before{ color:#FFE9BB; }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont #btnStartLoanForBroker:hover .doc_drip_wrap .doc_drop .main-txt i:before { color:#334d65; }
.broker_btn_wrap .broker_btn_area .btn_scroll_cont #btnStartLoanForBroker .doc_drip_wrap .doc_drop .sub-txt{ display:flex; justify-content:center; align-items:center; font-size:0.7em; color:inherit; } 

/*condition doc_drop*/
td .broker .btn-doc-drip-broker { border:none;  width:100%; padding:0; }
td .broker .btn-doc-drip-broker .doc_drip_wrap { color:inherit; background-color:#e8f0f5; }
td .broker .btn-doc-drip-broker .doc_drip_wrap .doc_drop { display: inline-block; padding:0.5em; position: inherit; width:100%; background:inherit; color:inherit; margin: 0; border: 1px dashed #bccbd4; text-align: center;  box-sizing: border-box; }
td .broker .btn-doc-drip-broker .doc_drip_wrap .doc_drop .main-txt{ display:flex; justify-content:center; align-items:center; margin-bottom:0.1em; color:inherit; font-weight:600; } 
td .broker .btn-doc-drip-broker .doc_drip_wrap .doc_drop .main-txt i:before{ color: var(--defaultLightBlue); }
td .broker .btn-doc-drip-broker:hover .doc_drip_wrap .doc_drop .main-txt i:before { color:#334d65; }
td .broker .btn-doc-drip-broker .doc_drip_wrap .doc_drop .sub-txt{ display:flex; justify-content:center; align-items:center; font-size:0.8em; color:inherit; } 



/*layout issue crack 20240925 */
.flL:has( .clsImgIc ) + .content_title_txt { width: calc( 100% - 18px); pointer-events: none; display:block; }
.flL:has( .clsImgIc ) + .content_title_txt * { pointer-events:auto; }

/*content-title-bar in Light box*/

.pop_role_basic .popup-scroll .flL:has( .clsImgIc ) { margin-left: 0px;  padding: 6px 4px 0px 0px }
.pop_role_basic .popup-scroll .flL:has( .clsImgIc ) :is(.icon_cols[alt~='collapse'], .icon_cols[alt~='expand']) { margin: 3px 0 0 0px;  }
.pop_role_basic .popup-scroll .flL:has( .clsImgIc ) + .content_title_txt { width: calc( 100% - 25px); }

#divMain, #divDetail, #divDetailSec, #divDetailThird { position:relative; width:min-content; display:block !important; min-width:1110px;  }
:is(#divMain, #divDetail, #divDetailSec, #divDetailThird)::after { display: block; content: ''; clear: both; }
#divMain:has(#divPipelineTab) { width:max-content; min-width:100%; }
/*#divTab:has(#divSettlementAgent) +  #divMain, #divTab:has(#divOU, #divRole) + #divMain,  #divTab:has(.ou_top p, .tab_menu li) + #divMain  { margin-bottom:50px; }*/
/*#divTab:not(:has(.ou_top p)) + #divMain { margin-bottom:0px; }*/  
/*#container #divTab:has(.ou_top:is([style*="display:none;"],[style*="display: none;"])) + #divMain  { margin-bottom: 10px;}*/
/*#container:has(#divGridList) #divDetail { margin-top:43px; }*/
/*#container:has(#divGridList:is([style*="display:none;"],[style*="display: none;"])) #divDetail{ margin-top:0px; }*/
/*#wrapper #container:has( #imgRoleProfileClear, #imgRoleClose, #imgUserProfileClear, #imgUserClose ) #divDetail{ margin-top:43px; }*/
div.close_area.close_area_scroll div.cont_btn { left:1110px; }

#container:has(.col-3) div.close_area.close_area_scroll div.cont_btn { left: 1160px; }

table.tablesorter tr th.header { overflow:hidden; white-space:nowrap;}
/*table.tablesorter thead tr th.header p { padding: 0 5px; padding-right:17px; }*/
table.tablesorter tr th.header.txt_c p, table.tablesorter tr th.header.txt_r p { padding: 0 5px; }
/*table.tablesorter tr th.header.alignR p { padding: 0 5px; padding-left:17px; }*/


/*firefox dt dd issue*/

/*div .commlist_wrap dl :is(dt, dd) { margin-right:-1px; }  
div .commlist_wrap dl dd:has(+dt) { margin-right:0px; }*/

@-moz-document url-prefix() {
    div .commlist_wrap dl :is(dt, dd) { margin-right:-2px; }  
    div .commlist_wrap dl dd:has(+dt),div .commlist_wrap dl dd:last-of-type { margin-right:0px; }
    div.commlist_wrap dl dd:has(span[title~="txtExt"]), div.commlist_wrap dl dd:has(span[title~="txtBy"]), div.commlist_wrap dl dd:has(span[title~="txtMonths"]){ display: inline-flex; justify-content: space-between; }

    :is(#frmPrepaidPop, #frmFeesWsPop) .pop_2col_tb table tr td dl :is(dt, dd) { margin-right:0; }
}

/*firefox input box-sizing*/
@-moz-document url-prefix() {
    input[type="checkbox"] { box-sizing:content-box; }
}

.grid-150 { display:inline-grid; grid-template-columns:150px 1fr; /*row-gap:4px;*/ margin-bottom:22px;}
.grid-150 dt.title { grid-column: 1/-1; }
.grid-var :is(dt,dd) { width:unset; }
.grid-150 :is(dt,dd).wth_100p { grid-column: 1/-1; }
.grid-var { display:inline-grid; grid-template-columns:var(--grid-var) 1fr; --grid-var:150px; /*row-gap:4px;*/ margin-bottom:22px; }
.grid-var dt.title { grid-column: 1/-1; }
.grid-var :is(dt,dd).wth_100p { grid-column: 1/-1; }

.pop_comm .grid-col-3 .grid-var :is(dt, dd){ width:unset; }


/*grid col-1*/ 
.grid-col dl.grid-150 { display:inline-grid; grid-template-columns:150px 1fr; /*row-gap:4px;*/ margin-bottom:22px;}
.grid-col dl.grid-150 dt.title { grid-column: 1/-1; }
.grid-col dl.grid-150 :is(dt,dd).wth_100p { grid-column: 1/-1; }
.grid-col dl.grid-var { display:inline-grid; grid-template-columns:var(--grid-var) 1fr; /*row-gap:4px;*/ margin-bottom:22px; }
.grid-col dl.grid-var dt.title { grid-column: 1/-1; }
.grid-col dl.grid-var :is(dt,dd).wth_100p { grid-column: 1/-1; }

.pop_role_basic dl.grid-150 { display:inline-grid; grid-template-columns:150px 1fr; row-gap:4px; margin-bottom:22px;}
.pop_role_basic dl.grid-150 dt.title { grid-column: 1/-1; }
.pop_role_basic dl.grid-150 :is(dt,dd).wth_100p { grid-column: 1/-1; }
.pop_role_basic dl.grid-var { display:inline-grid; grid-template-columns:var(--grid-var) 1fr; row-gap:4px; margin-bottom:22px; }
.pop_role_basic dl.grid-var dt.title { grid-column: 1/-1; }
.pop_role_basic dl.grid-var :is(dt,dd).wth_100p { grid-column: 1/-1; }

/*HomeInsuLB - input layout*/

.license_list .hazardinsu_pop input.dollar[readonly] { background:url(/images/bg_dollar_g.png) no-repeat left 6px #f0f0f0 }
.license_list .hazardinsu_pop input.CalyxMoney:is(:hover,:focus) { background:url(/images/bg_dollar_g.png) no-repeat left 6px var(--defaultYellow); }
.license_list .hazardinsu_pop input.CalyxPct  { background: url(/images/bg_percent.png) no-repeat right 50%  #ffffff ; padding: 2px 15px 3px 2px;}
.license_list .hazardinsu_pop input.CalyxPct:is([readonly],[disabled]) {background: url(/images/bg_percent.png) no-repeat right 50%  #f0f0f0 ; padding: 2px 15px 3px 2px;}
.license_list .hazardinsu_pop input.CalyxPct:is(:hover,:focus) { background: url(/images/bg_percent.png) no-repeat right 50% var(--defaultYellow)!important; }



/*Header block*/
#header .top_area { display:block; width:100%; padding:0; }
#header .top_area .header_top_wrap { width:100%; display:flex; justify-content:space-between; padding-bottom:20px; }
#header .top_area .header_top_wrap .top_right{ min-width:unset; max-width:unset; }
#header .top_area #nav.navbar { height:unset; }
#header .top_area #nav.navbar dl { flex-wrap: wrap; height: unset; min-width: 100%; }

@media screen and (max-width: 1160px ) {
    .dropdown-menu.sub-menu-box__lg { min-width: unset; }
    #divSubMenu .dropdown-menu.sub-menu-box__lg { max-width:532px !important; }
    #divThirdMenuGen3 .dropdown-menu.sub-menu-box__lg { max-width:589px !important; }
}



#dashboardView { bottom: 0; left:0; z-index:3; position:absolute; box-sizing:border-box; }
@-moz-document url-prefix() {
    #container::after { position:fixed; display:block; pointer-events:none; content:""; width:100%; height:10px; left:0; bottom:var(--btmHeight); background-color:#ffffff; opacity:0; }
    #container.fixed_ff::after { opacity:1; }
    #container #dashboardView { padding-bottom:10px; box-shadow:inset #dadada 0 4px 5px -2px; }
    #container.fixed_ff #dashboardView { bottom: var(--btmHeight); left:0; z-index:3; position:fixed; box-sizing:border-box; transform:translate(0,0)!important; padding-bottom:0; margin-bottom:10px; }
    /*#dashboardView.fixed_ff:after{ position:absolute; content:""; width:100%; height:10px; left:0; top:100%; background-color:#ffffff; }*/
}

/*formError*/
/*#container :is(#divMain, #divDetail, #divDetailSec, #divDetailThird):has(.formError.prevent-clipping ) { margin-top:15px; }*/
/*#container:has(#divTab ul) :is(#divMain, #divDetail, #divDetailSec, #divDetailThird):has(.formError.prevent-clipping ){ margin-top : 78px; }*/
:is(#divMain, #divDetail, #divDetailSec, #divDetailThird) .formError.arrow-left .formErrorArrow{ width: 15px; margin: unset; top: 50%; left: -15px; position: absolute; z-index: 5006; transform: rotate(90deg) translate(-37%, -45%);}
:is(#divMain, #divDetail, #divDetailSec, #divDetailThird) .formErrorContent { white-space:nowrap; }

/*undock feature*/
#container :is(#divMain, #divDetail, #divDetailSec, #divDetailThird) { margin-top:15px; }


/*formError popup*/
/*.license_list:has(.txt_title02):has(.formError) #wrapperpop{ padding-top:0px; }
.license_list:has(.formError) #wrapperpop{ padding-top:30px; }*/
div[class*="pop_btm_bg"]:not(:has(input)), div[class*="pop_btm_over"]:not(:has(input)), .pop_btm_bg:not(:has(input)), .pop_btm_bg_basic:not(:has(input)) {
    display: none;
} 
div[class*="pop_btm"]:not(:has( p.clsInlineMessage )), .pop_stopmsg_btm:not(:has( p.clsInlineMessage )) , .pop_btm:not(:has( p.clsInlineMessage )),.pop_btm_basic:not(:has( p.clsInlineMessage )) { position:relative; top:unset !important; bottom:unset !important; width: 100%; height: 40px; border-left: 1px solid #fff; border-right: 1px solid #fff; background: url(/images/newdiv/btm_bg.gif) repeat-x; box-sizing: border-box; }
.wrap_stopmsg { margin:0; }
div:is(.ui-dialog, .pop_comm, .ui-dialog-content, .ui-widget-content ) { height: auto!important; }
div.pop_role_basic{ position:relative; margin-bottom:unset; height: calc(100% - 40px)!important;  overflow-x:unset; overflow-y:unset;}
div:is(.ui-dialog, .pop_comm, .ui-dialog-content, .ui-widget-content, .pop_role_basic )::after { display: block; content: ''; clear: both; }
.ui-dialog .ui-dialog-content{ overflow:unset; }
.ui-dialog .ui-dialog-content .formError{ z-index:10; }
.ui-dialog .ui-dialog-content .formError .formErrorContent { box-shadow: rgba(0,0,0,0.5) 2px 2px 4px 0px; white-space:nowrap;}

.ui-dialog .ui-dialog-content .popup-scroll { overflow-y: auto ; overflow-x:hidden; height:100%; }
.pop_role_basic:has(.popup-scroll ) { max-height:83vh; overflow-x:hidden; overflow-y:auto; min-height:120px; }
.pop_role_basic:has( .popup-scroll .required ) { max-height:unset; overflow-x:unset; overflow-y:unset;}
.ui-dialog .ui-dialog-content .popup-scroll:has( .required ) { overflow-y: unset ; overflow-x:unset; height:unset; }

div:is(.ui-dialog, .CalyxLightPopup) .wth_1110.width_wrapper { width:unset !important; }


/*popup --- not Lightbox control*/

/**/

.pop_document_wrap {width: 100vw; height: 100vh; }
.pop_document_wrap .pop_role_basic { min-height: calc(100vh - 40px); }

.pop_document_wrap :is(#wrapperpop, #wrapperpop2) { height:unset; min-height: 100%; }
.pop_document_wrap :is(#wrapperpop, #wrapperpop2)::after { display: block; content: ''; clear: both; }

.ui-dialog .pop_document_wrap { display: block; overflow-y: unset; overflow-x: unset; width: unset; height: unset; margin: unset; padding: unset; }
.ui-dialog .pop_document_wrap .pop_role_basic { min-height: unset !important; }
.ui-dialog .pop_document_wrap :is(#wrapperpop, #wrapperpop2) { height:unset; min-height: unset; }
.ui-dialog .pop_document_wrap :is(#wrapperpop, #wrapperpop2)::after { display: block; content: ''; clear: both; }
.ui-dialog #container { padding-bottom:0; }


.doc_undock_title { box-sizing: border-box; }


/*modal - scroll block issue*/

/*first modal only issue*/

/*.ui-widget-overlay{ pointer-events:none; }
.ui-dialog:has(+ .ui-widget-overlay)  { pointer-events:none; }
.ui-dialog:nth-last-of-type(2),.ui-dialog:nth-last-of-type(3) { pointer-events:auto; }*/

/*body:has( .ui-widget-overlay ) :is( #container, .btn_btm, #divDashboardSide2, #header ) * { pointer-events: none; }
body:has( #popupBgGrey ) :is( #container, .btn_btm, #divDashboardSide2 , #header ) * { pointer-events:auto; }
body:has( .ui-widget-overlay ) #divDashboardSideView2 { pointer-events:auto;*/ }

/* Document, Condition WrapText -- Show Full Description*/

.enable-SFD .ktop_search { display:inline-block; width:auto; }
.enable-SFD .ktop_doc { position:relative; display:inline-block; top:unset; right:unset; min-width:unset; }

.enable-SFD .k-grid{ display:flex; width:max-content; flex-direction:column; position:relative; }
.enable-SFD .k-grid .k-grouping-header { box-sizing:border-box;  }

.enable-SFD .k-grid table {  }

.noWrap .user_table { width:min-content; min-width:100%; max-width:3000px; flex-grow:1; }
.noWrap table { table-layout:fixed; }
.noWrap .k-grid tr td, .user_table.condition .k-grid tr td,.noWrap .k-grid tr td * { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


/* input margin-top strange in dd*/

.screen_1008 dd:has(input[type=text]) input[type=checkbox]{ margin-top:0; }
/*.license_list table.tablesorter tbody td:has(input[type='checkbox']:only-child) { vertical-align: top; padding-top: 5px; padding-bottom:3px; }*/
.license_list :is(.poprole_table, .poproleL_table, .nowidth_table, .pop_2col_tb ) table.tablesorter tbody td:has(input[type='checkbox']:only-child) { vertical-align: top; padding-top: 3px; padding-bottom:3px; }
.license_list :is(.poprole_table, .poproleL_table, .nowidth_table, .pop_2col_tb ) table.tablesorter tbody td  input[type='radio'] { margin:3px; }
.license_list .nowidth_table table tbody td:has(input:only-child) { padding: 2px; }
div :is(.dsp_fs, .dsp_f, .dsp_fc, .dsp_infs, .dsp_infe, .dsp_infc ) :is(input[type=checkbox], input[type=radio]) { margin-top:0; margin-bottom:0; }


/*display:inline-block to float-left for multiple DD in one-line */
div.commlist_wrap dl.flL-child :is(dt, dd) { float:left; } 

/*grid-column expand*/
.grid-col dl.col-1-expand { grid-column-start:1; grid-column-end:3; }
.grid-col dl.col-2-expand { grid-column-start:2; grid-column-end:4; }
.grid-col :is(.col-1-expand, .col-2-expand) dd { width:580px; }
.user_table td.alignC :is(input[type=checkbox], input[type=radio]){ margin-top:0; }
    
/*template 49855*/
/* scroll -----------*/


.tbl_scroll.border-fix table { display:flex; flex-direction:column; }
.tbl_scroll.border-fix thead{ width:100% }

.tbl_scroll.scroll-width tbody { box-sizing:border-box; scrollbar-gutter:stable; }
.tbl_scroll.scroll-width tbody::-webkit-scrollbar-thumb { background: #a5a5a5; }
.tbl_scroll.scroll-width tbody::-webkit-scrollbar { width: var( --scroll-width ); height: var( --scroll-wdith ); }
.tbl_scroll.scroll-width tbody::-webkit-scrollbar-button { height: 0; background: #d0d0d0; }
.tbl_scroll.scroll-width tbody::-webkit-scrollbar-track-piece { background: #d0d0d0; }
.tbl_scroll.scroll-width tbody::-webkit-scrollbar-thumb { background: #a5a5a5; }


.tbl_default_scroll { border:1px solid var(--defaultBorder); border-top:none; }
.tbl_default_scroll table { width:100%; border-top:none; border-bottom:none; }
.tbl_default_scroll thead { display:table; width:calc(100% - 2px); border-top:1px solid #bac8d2; }
.tbl_default_scroll tbody { display:inline-block; overflow:hidden auto; max-height:300px; }
.tbl_default_scroll tr:first-of-type td { border-top:none !important; }
.tbl_default_scroll tr:last-of-type td { border-bottom:1px solid #dee5e8; }
.tbl_default_scroll tr th, .tbl_default_scroll tr td { padding:2px 0!important; }
.tbl_default_scroll tr:has(td) { position:relative; }
.tbl_default_scroll tr th.firstcol,
.tbl_default_scroll tr td.firstcol { padding-left: 5px !important; min-width:30px; padding:2px 0!important; box-sizing:border-box; }
:is(.tbl_default_scroll tr th.firstcol , .tbl_default_scroll tr td.firstcol) > :is(p,div) { padding:0 5px; }
.tbl_default_scroll.tbl_scroll__none { border:none; }

.tbl_default_scroll.border-fix table { display:flex; flex-direction:column; }
.tbl_default_scroll.border-fix thead{ width:100% }

.tbl_default_scroll :is(th:last-child, td:last-child) div { display: inline-block; width: calc( 100% - 20px ); }
/*Safari*/
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .tbl_default_scroll :is(th:last-child, td:last-child) div { display: inline-block; width: 100%; }
    }
}

/*firefox*/
@-moz-document url-prefix() {
    .tbl_default_scroll :is(th:last-child, td:last-child) div { display: inline-block; width: 100%; }
}



/*document top list*/
.doc-list-top { display:flex; max-width:1280px; margin-bottom:15px; margin-top:5px; }
.doc-list-top :is(.doc-list-top-left, .doc-list-top-right) { display:flex; align-items:center; }
.doc-list-top .doc-list-top-right { margin-left:auto; }
.doc-list-top :is(.doc-list-top-left, .doc-list-top-right) :is(.doc_show, span, label ){ display:inline-block; }


/*section divide by line*/
.section-divide-line { padding-bottom:20px; margin-bottom:20px; border-bottom:3px solid var(--defaultBlue); }
.section-divide-line:last-child{ padding-bottom:unset; margin-bottom:unset; border-bottom:unset; }


/*Broker Portal custom color*/

body {
    --custom-nav-color: #3b5c74;
    --custom-btn-color: #334d65;
    --custom-nav-bg-0: url("/images/Menu/button0.png") no-repeat top left;
    --custom-nav-bg-0-sandbox: url("/images/Menu/button0_sandbox.png") no-repeat top left;
    --custom-nav-bg-1: url("/images/Menu/button1.png") no-repeat top left;
    --custom-nav-bg-2: url("/images/Menu/button2_sub.png") no-repeat top left;
    --custom-nav-bg-3: url("/images/Menu/button3.png") no-repeat top left;
    --custom-nav-bg-quick: url("/images/Menu/button2_sub.png") no-repeat top left;
    --custom-nav-bg-quick-text: url("/images/Menu/button2_sub.png") no-repeat top left;
}

.navbar dl.nav-line-1 { background-color:var(--custom-nav-color); }
.btn_btm input { background-color:var(--custom-btn-color); }
/*popup*/ 
.pop_bt input { } 
.ui-widget-header { }


/*divComparisonFeesWorksheet percent input issue for Chrome */
#divComparisonFeesWorksheet .ktop_closing input.percent[readonly]{ padding: 4px 15px 3px 2px; background:url('/images/bg_percent.png') no-repeat right 50%; }
#divComparisonFeesWorksheet .ktop_closing input.percent { padding: 4px 15px 3px 2px; background:url('/images/bg_percent.png') no-repeat right 50%; }
#divComparisonFeesWorksheet .task_grey input.percent { padding: 4px 15px 3px 2px;  background:url('/images/bg_percent.png') no-repeat right 50%; }
#divComparisonFeesWorksheet .task_grey input.percent[readonly] { padding: 4px 15px 3px 2px;  background:url('/images/bg_percent.png') no-repeat right 50%; }


/*administration condition bug-50039*/

.div-window { width:100%; height:100%; }
.div-window .window-top-bar { width:100%; height:25px; padding: 3px; margin-bottom:0; display:flex; align-items:center; justify-content:flex-start; background: var(--bg-LightBlue__2); box-sizing:border-box; border: 1px solid var(--defaultBorder); border-bottom:0; } 
.div-window .window-top-bar .right { margin-left:auto; display:flex; align-items:center; }
.div-window .window-content { width:100%; height: calc( 100% - 25px); overflow-y:auto; border: 1px solid var(--defaultBorder); box-sizing:border-box }
.div-window .window-content:has( .required) { border: none; }
.div-window .window-content > :is(dl,div,dd,dt) { margin-top:0 !important; }


/*Historical Pricing Search LB fix 20241118*/
.grid-col-fix-1 :is(.grid-col.grid-col-1, .grid-col.grid-col-2, .grid-col.grid-col-3) { grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; } 
.grid-col-fix-1 :is(.grid-col.grid-col-1, .grid-col.grid-col-2, .grid-col.grid-col-3) dl { grid-area: 1 / 1 / 2 / 2; }
.grid-col-fix-1 :is(.grid-col.grid-col-1, .grid-col.grid-col-2, .grid-col.grid-col-3) dl :is(dt, dd) { width:unset; }

/*Historical Current Pricing Details fix*/

.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top { grid-area: 2 / 1 / -1 / -1; display: grid; grid-template-columns: 425px 100px; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row { display:flex; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row :is(.title, .detail) { display:inline-block; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row .title { margin-right: 5px; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row.row-1 { grid-area:1/1/1/1; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row.row-2 { grid-area:2/1/2/1; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row.row-3 { grid-area:3/1/3/-1; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row .detail:has(.valid_time) { display:flex; width:100%; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .row.row-3 .valid_time { margin-left:auto; }
.pricing-detail-grid .grid-col-2.rate_detail dd.rate_detail_top .item-btn { grid-area: 1 / 2 / 3 / 2; display: flex; justify-content: flex-end; }



/*scrollerble tbody*/
.scroll-tbody-table tr { display:table; width:100%; }
.scroll-tbody-table tr th.forScroll { display:none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
.scroll-tbody-table.tr-max-7:has( tr:nth-child(7)) th.forScroll { display:table-cell; min-width:13px; }
.scroll-tbody-table:has( tr:nth-child(13)) th.forScroll { display:table-cell; min-width:13px; }
}
/** Mozilla Firefox */
@-moz-document url-prefix() {
.scroll-tbody-table.tr-max-7:has( tr:nth-child(7)) th.forScroll { display:none; }
.scroll-tbody-table:has( tr:nth-child(13)) th.forScroll { display:none; }
}

/** Safari */
@media not all and (min-resolution: 0.001dpcm) {
.scroll-tbody-table.tr-max-7:has( tr:nth-child(7)) th.forScroll { display:none; }
.scroll-tbody-table:has( tr:nth-child(13)) th.forScroll { display:none; }
}


/*Doc_drop Z-index */

.wrapperpop .doc_drop { z-index:unset;  }
.pop_btm_second_basic { z-index:2; }


/*horizontal grid*/


.grid-col .horizontal-grid-col-3 { display: grid; grid-template-columns: repeat(3, 356.6px); grid-column-gap: 20px; }
.grid-col .horizontal-grid-col-3 > div { /*display:grid; grid-template-columns: 150px 203px;*/ margin: 2px 0; vertical-align:top; min-height: 24px; }
.grid-col .horizontal-grid-col-3 > div:nth-child(3n-2) { grid-column-start : 1;  }
.grid-col .horizontal-grid-col-3 > div:nth-child(3n-1) { grid-column-start : 2; }
.grid-col .horizontal-grid-col-3 > div:nth-child(3n) { grid-column-start : 3; margin-right:0; }
.grid-col .horizontal-grid-col-3 > div > div:is(.title, .detail) { display:inline-flex; align-items:flex-start; vertical-align:top; }
.grid-col .horizontal-grid-col-3 > div > div.title { width:150px;}
.grid-col .horizontal-grid-col-3 > div > div.detail { width:203px;}


/*document image view*/

/*#divDocumentImageView { width:1110px; }
#frmDocumentGroup .doc_img_editer_right { width: 890px; box-sizing: border-box; }*/

/*new lock summary*/

#divSummaryDetail .new_lock_summary dl { display:inline-grid; grid-template-columns:150px 203px; }
#divSummaryDetail .new_lock_summary dl :is(dt, dd) { height:unset; min-height:24px; white-space:normal; }
#divDiscrepancyReport .new_lock_summary dl dd { white-space:nowrap; } 

.navbar dl.nav-line-1 dd.nav-item { background:var(--custom-nav-bg-0); }
.navbar dl.nav-line-1 dd.nav-item.nav-sandbox { background: var(--custom-nav-bg-0-sandbox);}
.navbar dl.nav-line-1 dd.nav-item.nav-1 { background:var(--custom-nav-bg-1); }
.navbar dl.nav-line-1 dd.nav-item.nav-2 { background:var(--custom-nav-bg-2); }
.navbar dl.nav-line-1 dd.nav-item.nav-3 { background:var(--custom-nav-bg-3); }
.navbar dl.nav-line-1 dd.nav-item.nav-second { background:var(--custom-nav-bg-quick); }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop + dd.nav-item.nav-second { background-position:top right; }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop { background:var(--custom-nav-bg-quick-text); }
.navbar dl.nav-line-1 dd:is(.nav-item, .nav-1 .nav-2, .nav-second, .nav-second-drop ):is(:hover, :active, :focus, .open){ background: var(--nav-bg-hover); }
.navbar dl.nav-line-1 dd:is(.nav-item, .nav-1 .nav-2, .nav-second, .nav-second-drop ):has(.open){ background: var(--nav-bg-hover); }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:is(:hover, :active, :focus, .open) + .nav-item.nav-second { background: var(--nav-bg-hover); color:var(--defaultBlue); background-position: top right;  }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:is(:hover, :active, :focus, .open) + .nav-item.nav-second :is(i,span) { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-item.nav-second:is(:hover, :active, :focus, .open) {  background: var(--nav-bg-hover); color:var(--defaultBlue); background-position: top right;  }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:has(+ dd.nav-item.nav-second:is(:hover, :active, :focus, .open)) { background: var(--nav-bg-hover); color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:has(+ dd.nav-item.nav-second .open) { background: var(--nav-bg-hover); color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:has(.open) + .nav-item.nav-second { background: var(--nav-bg-hover); color:var(--defaultBlue); background-position: top right;  }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:has(.open) + .nav-item.nav-second :is(i,span) { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:has(+ dd.nav-item.nav-second:is(:hover, :active, :focus, .open)) :is(i,span) { color:var(--defaultBlue); }
.navbar dl.nav-line-1 dd.nav-item.nav-second-drop:has(+ dd.nav-item.nav-second .open) :is(i,span) { background: var(--nav-bg-hover); color:var(--defaultBlue); }
ul.tab_menu li.on__sec_menu .second-drop:is(:focus, :hover, :active) > .dropdown-menu { opacity:1; visibility:visible; }
ul.tab_menu li.on__sec_menu:is(.open) .second-drop > .dropdown-menu { opacity:1; visibility:visible; }
.dropdown-menu ul li:has(.open) > .dropdown-menu-sub { opacity: 1; visibility: visible; }



/*Setting - List add btn problem*/

.wrap_header { position:relative; }
#divRuleDetail .clsAddCondition{ position:relative; z-index:1; }


/*header menu-fixed*/
#header { transition: all 0.3s; }
#header.header-top-fold { transform:translateY(calc( var(--header-top-height) * -1 )); position:absolute;}

#wrapper #container.header-top-fold { margin-top: var(--header-top-fold-height)!important; height:calc( var(--bodyHeight) - var(--btmHeight) - var(--header-top-fold-height) );  }
#wrapper #divDashboardSide2.header-top-fold { margin-top: var(--header-top-fold-height)!important; height:calc( var(--bodyHeight) - var(--btmHeight) - var(--header-top-fold-height) );  }

#container { animation-name:header-menu-fixed-off; animation-duration:0.3s; }
#container.header-top-fold { animation-name:header-menu-fixed-on;  }

#container.contents_wrap_pipeline { animation-name:unset; animation-duration:unset; }
#container.contents_wrap_pipeline .header-top-fold { animation-name:unset; }

#wrapper #divDashboardSide2 { animation-name:header-menu-fixed-off; animation-duration:0.3s;   }
#wrapper #divDashboardSide2.header-top-fold { animation-name:header-menu-fixed-on;  }


#wrapper .dashboard-button { top:80px; animation-name: dashboard-button-header-off; animation-duration:0.3s; animation-fill-mode:forwards }
#wrapper .dashboard-button.header-top-fold { animation-name: dashboard-button-header-on; animation-duration:0.3s; animation-fill-mode:forwards; }


/*it causes freezing*/
/*#wrapper:has(.header-top-fold) .dashboard-button { transform: translateY(calc(-1* var(--header-top-fold-height))); }*/




@keyframes header-menu-fixed-off {
    0% {  height:calc( var(--bodyHeight) - var(--btmHeight) - var(--header-top-fold-height) ); transform:translateY( calc( -1 * var(--header-top-fold-height)) );}
    99% {  height:calc( var(--bodyHeight) - var(--btmHeight) - var(--header-top-fold-height) ); transform:translateY( 0 );}
    100% { height: calc(var(--bodyHeight) - var(--btmHeight) - var(--headerHeight)); }
}


@keyframes header-menu-fixed-on{  
    0% {  height:calc( var(--bodyHeight) - var(--btmHeight) - var(--header-top-fold-height) ); transform:translateY( calc( var(--header-top-fold-height)) );}
    100% {  height:calc( var(--bodyHeight) - var(--btmHeight) - var(--header-top-fold-height) ); transform:translateY( 0 );}
}

@keyframes dashboard-button-header-on {  
    0% { transform: translateY( calc( 2 * var( --header-top-fold-height )) ); }
    100% { transform: translateY( calc( 1 * var( --header-top-fold-height )) ); }
}

@keyframes dashboard-button-header-off {  
    0% { transform: translateY( calc( -1 * var( --header-top-fold-height )) ); }
    100% { transform: translateY( 0px ); }

}



/*popup button issue */ 

.pop_bt input { min-width:75px; }
.pop_bt input.disable-me { min-width:75px; }

/*checkbox group*/

.chkbox_group { float: left; width: 545px; min-height: 150px; margin-top: 20px; }
.chkbox_group :is(dl, dt, dd){ width:100%; }


/*Up Down arrow*/

.new-section-title { display:flex; justify-content:flex-start; align-items:center; }
.new-section-title .title_area { }
.new-section-title .right_area { margin-left:auto; display:flex; justify-content:center; align-items:flex-end; gap:17.2px; }
.new-section-title .right_area .upDown_wrap{ display:flex; min-width:34px; justify-content:center; align-items:inherit; }
.new-section-title .right_area .upDown_wrap button { background:none; border:none; padding-inline:2px;  }



/*Lock pricing review*/
:is(.pricing-review-layout, .confirm-layout) .grid-col-3 .grid-var dd{ width:unset; }
:is(.pricing-review-layout, .confirm-layout) .grid-col-3 :is(.col-3, .col-1__1) dd{ padding-right: 25px; box-sizing:border-box; }

/*Check Price*/

.checkprice-layout { display:inline-grid; grid-template-columns:350px 350px; grid-template-rows:103px 503px; grid-gap:15px; }


/*government monitor in .commlist_wrap*/

div.commlist_wrap .government_monitor dd { box-sizing:content-box; }


/*condition screen input align and appearance modification*/

:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) .k-header:first-child input[type="checkbox"].k-checkbox { margin-right: 0px !important; }
:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) .k-checkbox { border-radius:0; }
:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) .k-checkbox:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) #chkWrapText { width:16px !important; height: 16px !important; }
:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) #chkWrapText:before {  width:inherit !important; height: inherit !important; border:none; background-position:0px 0px; margin-top:0 !important; margin-left:0 !important;  }

:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) th { vertical-align:middle; }
:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) td { vertical-align:top;  padding:5px 12px; }
:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) td input{ margin-top:2px !important; }
:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) :is(th, td) input {  background:none !important; overflow:unset; width:16px !important; height:16px !important; }
:is(#divDocumentGrid, #divConditionGrid, #divDocListTable) :is(th, td) input::before { width:16px !important; height:16px !important;  border:none; background-color:transparent; background-position:0 0 !important; margin:0 !important; padding:0 !important; border-radius:0;}

:is(#divDocumentGrid.noWrap, #divConditionGrid.noWrap, #divDocListTable.noWrap) :is(th, td) { vertical-align:middle; }
:is(#divDocumentGrid.noWrap, #divConditionGrid.noWrap, #divDocListTable.noWrap) td input{ margin-top:0 !important; }


/*nowidth table*/

.nowidth_table :is(th, td) { vertical-align:top; }
.nowidth_table :is(th, td) input[type=checkbox] { margin-top:1px !important; }
.nowidth_table :is(th.firstcol, td.firstcol) { padding: 2px 2px 2px 5px; }
.nowidth_table :is(th.firstcol_check, td.firstcol_check) { padding: 2px 2px 2px 5px; }
.license_list .nowidth_table table tbody :is(th.firstcol_check, td.firstcol_check):has(input:only-child) { padding: 2px 2px 2px 5px; }

.nowidth_table :is(th.radio, td.radio) input[type="radio"] { margin-top:4px; }



/*demographic-wrap=horizontal*/

.demographic-wrap-horizontal .race_wrap { display:grid; grid-template-columns:repeat(5, 1fr); grid-row-gap:5px; margin-bottom:20px; }
.demographic-wrap-horizontal .race_wrap .category { grid-column:1/-1; min-height:24px; margin-bottom:5px; }
.demographic-wrap-horizontal .race_wrap input[type="checkbox"] { margin-right:5px; }
.demographic-wrap-horizontal .race_wrap .sub_wrap { grid-column:1/-1; display:grid; grid-template-columns:repeat(5, 1fr); grid-row-gap:5px; }
.demographic-wrap-horizontal .race_wrap .sub_wrap div:nth-child(5n-4){ margin-left:15px; }


/*new_lock_summary+grid-var 20250304 added*/
dl.new_lock_summary { border-top: 1px solid #9eadb9; border-bottom: 1px solid #9eadb9; }
/*.new_lock_summary.grid-var :is(dt, dd) { height:unset; overflow:unset; white-space:unset; word-break:break-word; }*/
.new_lock_summary.grid-var :is(dt, dd) { height:unset; min-height:24px; word-break:break-word; overflow:unset; }
.new_lock_summary.grid-var dd { overflow:hidden; white-space:nowrap;  }
/*20250304 added END*/