/*  TOP TAB STYLE  */

/* Main Menu */

.headerDeco { background-color: #A42E2E }
.mainMenuBG { background-color:#ffffff; background-image:url("/archcommon/jakarta.faces.resource/images/main_menu_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); height: 21px; }

/* Main Toolbar (Header Toolbar) */
.mainToolBarBg { padding-left:10px; background-image: url("/archcommon/jakarta.faces.resource/images/sub_menu_bg.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); height: 28px;}
a.headerToolbar { font-size:10px ; color: #000000 ; text-decoration: none ; }
a.headerToolbar:hover { font-size:10px ; color: #000000 ; text-decoration: underline ; }

.topTabBlank { background-image:url("/archcommon/jakarta.faces.resource/images/top_tab_blank.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); }
.topTabM-On { background-image:url("/archcommon/jakarta.faces.resource/images/top_tab_m_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); }
.topTabText-On { cursor: pointer ;color: #FFFFFF; font-family: verdana,arial, sans-serif; font-size:11px; font-weight: bold ; border-style:none; width:100%; background-color: transparent;}
.topTabM-Off { background-image:url("/archcommon/jakarta.faces.resource/images/top_tab_m_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");}
.topTabText-Off { cursor: pointer ; color: #000000; font-family: verdana,arial, sans-serif; font-size:11px; font-weight: bold ; border-style:none; width:100%; background-color: transparent;}
.topTabText-Disabled { cursor: pointer ; color: #CCCCCC; font-family: verdana,arial, sans-serif; font-size:11px; font-weight: bold ; border-style:none; width:100%; background-color: transparent;}

.headerBG { background-color: #A6CFFD ; }
.headerBGT { background-image:url("/archcommon/jakarta.faces.resource/images/header_t_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  }
.headerBGB { background-image:url("/archcommon/jakarta.faces.resource/images/top_tab_blank.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  }
.headerLinkWithout {color: #000000 ; text-decoration: none;}
a.headerLink {color: #000000 ; text-decoration: none;}
a.headerLink:HOVER {color: #000000 ; text-decoration: underline ;}
.headerSep { color: #000000 ; }
a.linkRed {color: #AC1214 ; text-decoration: underline; font-weight: bold ; }
a.linkYellow {color: #FF7F00  ; text-decoration: underline; font-weight: bold ; }

.mainMenuBGSep1 { background-color: #0F476F }
.mainMenuBGSep2 { background-color: #154466 }
.mainMenuBGSep3 { background-color: white }
.mainMenuForm { margin: 0px }


/* DB Colors */


/*.darkBlue { background-color:#000088; }*/
.headerDecoration { background-image: url("/archcommon/jakarta.faces.resource/images/header_dots.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); }
.screenTitle { font-size:14px ; font-family: arial, verdana, sans-serif; font-weight: bold ; text-decoration: underline ; }
.screenSubTitle { padding-top: 5px; font-size:12px ; font-family: arial, verdana, sans-serif; font-weight: bold ; text-decoration: none ; color: #000000 ; }

/* Body */
body, input , select , table , tr , td, button { font-family:  arial, verdana, sans-serif; font-size:10px ;  }
body {margin: 0px ;    }
div { scrollbar-face-color: #E6E6E6 ;scrollbar-3dlight-color: #999999; }
Fieldset {
    padding: 0px 1px 1px;
    MARGIN: 0px 0px 3px;
    DISPLAY: block; BACKGROUND-COLOR: transparent ;
}

.bodyBeforeUnloadForPopup {   background-color: #E2E2E2 ; overflow:auto ;}

/*table tr td { white-space: nowrap ; padding-left: inherit; padding-right: inherit;}*/
td {white-space: nowrap;}
tr .reportCell1 >  td, tr .reportCell2 >  td{
    padding-left: inherit; padding-right: inherit;
    border-right: 1px solid #C4C0C9 !important;
    border-bottom: 1px solid #C4C0C9 !important;
}

.footerText { color: #666666}

.fieldExplain { font-style: normal ; position: relative ; left: 3px ; top: -1px ;  }
a:active {color: #000088}
a.fxHomeLink { color: #000088 }
.textBold { font-weight: bold ; }

.inputRequired { background-color: #FFFFCC !important ;}
.inputRequiredDisabled { background-color: #c8c8c8 ;}
.inputRegular { background-color: #FFFFFF ;}
.inputReadonly { background-color: #c8c8c8 ;}
.inputDisabled { background-color: #c8c8c8 ;}
.inputRegularDisabled { background-color: #e0e0e0 ;}
.setupLandingText{}
.inputRequiredReason { background-color: #FFFFCC !important ;}



/* NOE, OPTION SCREENS */

.panelBG { background-image: url("/archcommon/jakarta.faces.resource/images/panel_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");height:21px ;}
.panelExColPref { padding: 1px ; white-space: nowrap ;  }
.assetCellPref { padding: 4px ; white-space: nowrap ; }
.assetCellPrefVisible{ padding: 4px ; white-space: nowrap ;visibility:visible }
.assetCellPrefHide {padding: 4px ; white-space: nowrap ; visibility:hidden }
.sepColor { background-color: #999999 ;}
.sepColor1 { background-color:#999999; }
.sepColor2 { background-color: #FFFFFF; }
.row1 { background-color: white ; height:22px ;}
.row2 { background-color: #f2f2f2 ; height:22px ;  }

/* REGULAR BUTTONS */
.Nav_Button_L { background-image: url("/archcommon/jakarta.faces.resource/images/button_l.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  background-repeat:no-repeat; width:3px ; height: 20px;}
.Nav_Button_R { background-image: url("/archcommon/jakarta.faces.resource/images/button_r.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  background-repeat:no-repeat; width:3px ; height: 20px ;}
.Nav_buttonPref {
    background-color:#DDDDDD ;
    border: none ;
    background-image: url("/archcommon/jakarta.faces.resource/images/button_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") ;
    font-weight: bold ;
    height:20px ;
}
.buttonL { width:3px ; height: 20px ;}
.buttonR { width:3px ; height: 20px ;}
.buttonPref {
    background-color:#DDDDDD ;
    font-weight: bold ;
    cursor: pointer;
}

#reportScrollTable .Nav_scrlbutton_disable {
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

#reportScrollTable .Nav_scrlbutton_first {
    background-image:url("/archcommon/jakarta.faces.resource/images/report_arrow_first.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
}

#reportScrollTable .Nav_scrlbutton_prev {
    background-image: url("/archcommon/jakarta.faces.resource/images/report_arrow_previous.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
}

#reportScrollTable .Nav_scrlbutton_next {
    background-image: url("/archcommon/jakarta.faces.resource/images/report_arrow_next.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
}

#reportScrollTable .Nav_scrlbutton_last {
    background-image:url("/archcommon/jakarta.faces.resource/images/report_arrow_last.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
}

#reportScrollTable .Nav_scrlbutton{
    border:none;
    width:24px;
    height:21px;
    cursor:pointer;
    background-color:#D7D3D3;
}
#reportScrollTable .Nav_scrlbutton_go{
    background-color:#DDDDDD ;
    font-weight: bold ;
    height:20px ;
    border: 1px solid #C1C0C0;
}

#reportScrollTable .Nav_countrecords_btn{
    background-image:url("/archcommon/jakarta.faces.resource/images/counter.png.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
    background-repeat:no-repeat;
    font-weight:bold;
    cursor:pointer;
    padding: 0px 0px 0px 30px;
}

.buttonPrefDisabled {
    background-color:#DDDDDD ;
    font-weight: bold ;
}

/* GROUP PANEL */
.groupBG { background-color: #E2E2E2 ;}
.groupTM { background-image: url("/archcommon/jakarta.faces.resource/images/group_t_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); background-repeat: repeat-x ; background-position:bottom left }
.groupML { background-image: url("/archcommon/jakarta.faces.resource/images/group_m_l.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); background-repeat :repeat ;}
.groupMR { background-image: url("/archcommon/jakarta.faces.resource/images/group_m_r.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); }
.groupBL { background-image: url("/archcommon/jakarta.faces.resource/images/group_b_l.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); background-repeat: no-repeat ;}
.groupBR { background-image: url("/archcommon/jakarta.faces.resource/images/group_b_r.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); background-repeat: no-repeat ;}
.groupBM { background-image: url("/archcommon/jakarta.faces.resource/images/group_b_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); }
.groupHeader { font-weight: bold ; white-space: nowrap }

.printHeader { font-weight: bold ; font-size: 14px ; font-family: arial, verdana, sans-serif; }

.buttoLikeLink {
    border: none ;
    color: #0025FF ;
    text-decoration: underline ;
    background-color: transparent ;
    cursor: pointer ;
    width:100% ;
    font-size: 10px;
}

.buttoLikeLinkDisabled {
    border: none ;
    color: #b8b8b8 ;
    text-decoration: underline ;
    background-color: transparent ;
    width:100% ;
}

/* TOOLBAR LINK THAT LOOKS LIKE A BUTTON */
.toolbarLinkLikeButtonLabel {
    position:relative;
    top:-6px ;
}


a.toolbarLinkLikeButton {
    text-decoration: none ;
    color: black ;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='white', Positive='true');
    opacity: 0.5;
}

.toolbarLinkLikeButtonText {
    text-decoration: none ;
    color: black ;
    position: relative ;
    top: -5px;
}

.toolbarLinkLikeButtonDisabled {
    text-decoration: none ;
    color: #B7B7B7;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='white', Positive='true');
    opacity: 0.5;
}

.toolbarTextDisabled {
    text-decoration: none ;
    color: #B5B5B5;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='white', Positive='true');
    opacity: 0.5;
}


.toolbarLinkLikeButtonTextDisabled {
    text-decoration: none ;
    color: #B7B7B7;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='white', Positive='true');
    opacity: 0.5;
}

.toolbarLinkLikeButtonIcon {
    position:relative;
    top:1px ;
}

.toolbarLinkLikeButtonIconDisabled {
    position:relative;
    top:1px ;
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=0.5, rotation=0);
    opacity: 0.5;
}

.disableImage {
    position:relative;
    top:1px ;
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=0.5, rotation=0);
    opacity: 0.5;
}



/* END */
.reportInTableBorder { border: 1px solid #ADADAD; }
/* Tab Style */
.tabOn {
    background-image: url("/archcommon/jakarta.faces.resource/images/tab_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
    background-color: #E2E2E2 ;
    color: #000000 ;
    font-family: verdana, arial, sans-serif;
    font-size: 11px ;
    font-weight: bold ; text-decoration:none;
    height: 19px ;
    border: none;
    white-space: nowrap ;
}

.tabOff {
    background-image: url("/archcommon/jakarta.faces.resource/images/tab_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
    background-color: #E2E2E2 ;
    color: #000000 ;
    font-family: verdana,arial, sans-serif;
    font-size: 10px ;
    font-weight: normal ;
    text-decoration:none;
    height: 19px ;
    border: none;
    white-space: nowrap ;
}

.tabLStartOn { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_l_start_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:21px ; height: 19px }
.tabLStartOff { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_l_start_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:21px ; height: 19px }
.tabROn { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_r_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); width:1px ; height: 19px }
.tabROff { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_r_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); width:1px ; height: 19px }
.tabLOnOff { background-image: url("/archcommon/jakarta.faces.resource/images/tab_l_on_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:21px ; height: 19px }
.tabLOffOn { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_l_off_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); width:21px ; height: 19px }
.tabLOffOff { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_l_off_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); width:21px ; height: 19px }

.tabEndOn { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_end_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); width:21px ; height: 19px }
.tabEndOff { background-image:  url("/archcommon/jakarta.faces.resource/images/tab_end_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); width:21px; height: 19px }
.tabBG { background-image: url("/archcommon/jakarta.faces.resource/images/tab_bg.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); height: 19px }

.popupBG { background-color: #E2E2E2 ; overflow:auto ;}
.printBG { background-color: #FFFFFF ; overflow:auto }
.allocationBG { background-color: #dedede }

.fieldSelectionBorder { border: 1px solid black; background-color: #E2E2E2 ;}
/* FILTER */
.filterContainer { width: 395px ; height: 200px ; background-color: white ; overflow: auto ; border: #ffffff; window-inset: 3 ;position: relative ; top:3px; }
.filterBorder { border: 1px solid black; background-color: #E2E2E2 ;}
.filterNameField { width: 395px ; }



.filterInputRequired {
    background-color: #FFFFCC ;
}

.filterInputRequired:disabled{
    background-color: #c8c8c8 ;
}

.filterInputRequiredDisabled {
    background-color: #c8c8c8 ;
}

.filterSelectedClass {
    font-weight: normal ;
    background-color: #000099 ;
    color: #ffffff;
    padding-top: 2px ;
    padding-bottom: 2px ;
    padding-left: 8px ;
    padding-right: 8px ;
}

.filterUnselectedClass {
    padding-top: 2px ;
    padding-bottom: 2px ;
    padding-left: 8px ;
    padding-right: 8px ;
}

.filterAndText {
    color: blue ;
    font-size:11px ;
    padding-top: 1px ;
    padding-bottom: 1px ;
    padding-left: 8px ;
    padding-right: 8px ;
}

.filterAndTextSelected {
    color: #ffffff;
    background-color: #000099 ;
    font-size:11px  ;
    padding-top: 1px ;
    padding-bottom: 1px ;
    padding-left: 8px ;
    padding-right: 8px ;
}

.filterOrText {
    color: green ;
    font-size:11px  ;
    padding-top: 2px ;
    padding-bottom: 2px ;
    padding-left: 8px ;
    padding-right: 8px ;
}

.filterOrTextSelected {
    color: #ffffff;
    background-color: #000099 ;
    font-size: 11px ;
    padding-top: 1px ;
    padding-bottom: 1px ;
    padding-left: 8px ;
    padding-right: 8px ;
}

.filterDateText {
    position: relative ;
    top:-2px ;
}

.filterUnselectedClass {
    padding-top: 2px ;
    padding-bottom: 2px ;
    padding-left: 8px ;
    padding-right: 8px ;
}

/* Tab Style */
.tabOn { background-image:   url("/archcommon/jakarta.faces.resource/images/tab_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0"); }
a.tabTextOn { color: #000000 ; font-family: verdana, arial, sans-serif; font-size: 10px ; font-weight: bold ; text-decoration:none; }
.tabOff {  background-image: url("/archcommon/jakarta.faces.resource/images/tab_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  }
a.tabTextOff { color: #000000 ; font-family: verdana,arial, sans-serif; font-size: 10px ; font-weight: normal ;  text-decoration:none;}

.tabLStartOn { background-image: url("/archcommon/jakarta.faces.resource/images/tab_l_start_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:21px;  height: 19px; }
.tabLStartOff { background-image: url("/archcommon/jakarta.faces.resource/images/tab_l_start_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:21px; height: 19px; }
.tabROn { background-image: url("/archcommon/jakarta.faces.resource/images/tab_r_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");   width:1px ; height: 19px; }
.tabROff { background-image: url("/archcommon/jakarta.faces.resource/images/tab_r_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:1px ; height: 19px; }
.tabLOnOff { background-image: url("/archcommon/jakarta.faces.resource/images/tab_l_on_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:21px; height: 19px; }
.tabLOffOn { background-image: url("/archcommon/jakarta.faces.resource/images/tab_l_off_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");   width:21px ; height: 19px; }
.tabLOffOff { background-image: url("/archcommon/jakarta.faces.resource/images/tab_l_off_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");   width:21px; height: 19px; }

.tabEndOn { background-image: url("/archcommon/jakarta.faces.resource/images/tab_end_on.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:21px ; height: 19px; }
.tabEndOff { background-image: url("/archcommon/jakarta.faces.resource/images/tab_end_off.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");   width:21px ; height: 19px; }
.tabBG { background-image: url("/archcommon/jakarta.faces.resource/images/tab_bg.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  height: 19px; }




.buttonCalendar {
    border: none;
    background-color: transparent ;
    vertical-align: middle;
    cursor: pointer;
}

.buttonCalendarDisabled {
    border: none;
    background-color: transparent;
    vertical-align: middle;
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=0.5, rotation=0);
    opacity: 0.5;
}



/* TOOLBAR PREFRENCES */
.toolbarBG {
    background-image: url("/archcommon/jakarta.faces.resource/images/toolbar_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
    height:28px;
    background-repeat: repeat-x;
    background-color: #E2E2E2 ;
}
#FXBody .toolbarBG {
    height:auto;
}

.toolbarBG2 {}


.toolbarBG3 {
    background-image: url("/archcommon/jakarta.faces.resource/images/toolbar_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
    height:28px;
    background-repeat: repeat-x;
    background-color: #E2E2E2 ;
}

.toolbarBGT {
    background-image: url("/archcommon/jakarta.faces.resource/images/toolbar_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
    height:28px;
    background-repeat: repeat-x;
    background-color: #E2E2E2 ;
}

.toolbarBGWithoutLine {
    background-image: url("/archcommon/jakarta.faces.resource/images/spacer.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
    height:28px;
    background-repeat: repeat-x;
    background-color: #E2E2E2 ;
}

.toolbarBGWithoutLine2{
    border-bottom: 1px solid #a8a8a8;
}

/* TOOLBAR STYLE SHEET - BUTTONS, TEXT, BACKGROUND  */
.ToolbarButtonOver {
    cursor : pointer;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.05);
    padding: 0px 4px;
    position:relative;
    top:1px ;
}

.ToolbarButtonDefault {
    cursor : default;
    border: 0px ;
    margin-left: 4px ;
    margin-right: 4px ;
    position:relative;
    top:1px ;
    padding: 1px;
}


.ToolbarButtonDefaultPopupOver {
    cursor : pointer;
    color:black;
    text-decoration: none;

}

.poupButton,
.toolbarButton {
    border:none ;
    background: transparent no-repeat bottom left;
    height: 21px ;
    width:100%;
    position: relative ;
    top:-1px;
    cursor: pointer;
    padding: 0px 0px 0px 30px;

}

.toolbarButtonDisabled {
    border:none ;
    background: transparent no-repeat bottom left;
    height: 21px ;
    width:100%;
    position: relative ;
    top:-1px;
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1, xray=0, mirror=0, invert=0, opacity=0.5, rotation=0);
    opacity: 0.5;
    padding: 0px 0px 0px 25px;
}
.solutionNamingBorder  .toolbarButtonDisabled,
.solutionNamingBorder  .toolbarButton {
    top: 1px;
}
.toolbarLinkLikeButtonLabel {
    position:relative;
    top:-6px ;
}

.toolbarButton:disabled{
    opacity: 0.5;
}

/* TOP PANEL PREFRENCES */
.topPanelBG { background-image: url("/archcommon/jakarta.faces.resource/images/top_panel_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");}
.topPanelHeaderBG { background-image: url("/archcommon/jakarta.faces.resource/images/top_panel_header_m.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");  width:220px ; }
.topPanelText {
    font-family: arial, sans-serif;
    font-size:14px ;
    color: #4c4c4c ;
    font-weight: bold ;
}
.topPanelBGSub {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

/* REPORT STYLESHEET - HEADER, LINKS, CELLS */

.reportSepColor { background-color: #999999; }
.reportTable { width: 100%; background-color: #E2E2E2;}
.reportBorder { width: 100%;  background-color: #E2E2E2; border: 1px solid black;}
.allocationsStyle { min-width: 624px; background-color: #E2E2E2; border: 1px solid black; }
.queryReportBorder { width: 47%; border: 1px solid black;  background-color: #E2E2E2;}
.reportBorderWithTabs { border: 1px solid black; width: 950px; background-color: #E2E2E2; }
.navText { font-weight: bold ; }
.navBg { background-color: #D4D4D4;}
.reportBorderWithoutSize { border: 1px solid black;}
.homeBorder { border: 1px solid black; width: 100%; background-color: #E2E2E2}
.allocationTempBorder { border: 1px solid #999999;width:500px ; background-color: #E2E2E2}
.dlEventsBorder { border: 1px solid #999999;width:100% ; background-color: #E2E2E2}
.billinBCMBorder { border: 1px solid #999999;width:500px ; background-color: #FFFFFF;}
.multipleFundBorder { border: 1px solid #999999;width:100% ; background-color: #E2E2E2}
.staticDataBorder { /*border: 1px solid black; */background-color: #E2E2E2 ; width: 600px ;}
.regionZoneDataBorder { border: 1px solid black; background-color: #E2E2E2 ; width: 500px;}
.indexesDataBorder { border: 1px solid black; background-color: #E2E2E2 ;width: 500px;}
.expiryTimeDataBorder { border: 1px solid black; background-color: #E2E2E2 ;width: 300px;}
.connectivityDataBorder { border: 1px solid black; background-color: #E2E2E2 ;width: 300px;}
.matchingDataBorder { border: 1px solid black; background-color: #E2E2E2 ;width: 100%;}
.matchingDefaultDataBorder { border: 1px solid black; background-color: #E2E2E2 ;width: 100%;}
.creditLinkInterfaceDataBorder { border: 1px solid black; background-color: #E2E2E2 ;width: 500px;}

.currencyBorder { border: 1px solid black; background-color: #E2E2E2 ;}
.regionZoneList { background-color: #ffffff ; height: 400px ; overflow: auto ; }
.currencyList { background-color: #ffffff ; height: 390px ; overflow: auto ; }
.listNoOverflow { background-color: #ffffff ;}
.solutionCreditBorder { border: 1px solid black; background-color: #E2E2E2 ; width: 450px ;}
.solutionBillingBorder { border: 1px solid black; background-color: #E2E2E2 ; width: 650px ;}
.solutionNamingBorder { border: 0px solid black; background-color: #E2E2E2 ; width: 750px ;}
.solutionMatchingBox { border: #999999 1px solid ; height:155px; background-color: white ; overflow: auto ;}
.solutionMatchingBorder { border: 1px solid black; background-color: #E2E2E2 ; width: 450px ;}
.staticDataList { background-color: white ;height:350px;overflow:auto; }
.billingRulesDiv { border :#ffffff; border-style: ridge;window-inset:3px ; background-color: white ; width:400px ; height: 211px ; overflow: auto ;}
.panelBGBlank { background-color: #E6E6E6 ; }
.homeChartText {font-weight: bold ; font-size: 11px ; color: #777777;  }


th.reportHeader {    font-weight: bold; color: #0078D0; margin-left:-3px; white-space: nowrap ; padding-left:5px; padding-right:5px; height:25px; text-align: center; background-color: #E6E6E6 ; border-top: 1px solid white ; border-left: 1px solid white ; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-image:none;}
.reportHeaderWithoutTopBorder {  white-space: nowrap ; font-weight: normal ; padding-left:5px; padding-right:5px; height:25px; text-align: center; background-color: #E6E6E6 ; border-top: none ; border-left: 1px solid white ; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
.reportCell1 { background-color: white ; padding-left:7px; padding-right:7px; text-align: center; height: 25px; white-space: nowrap ; }
.reportCell2 { background-color: #f2f2f2 ; padding-left:7px; padding-right:7px; text-align: center; height: 25px; white-space: nowrap ; }
.reportCell1Left { background-color: white ; padding-left:7px; padding-right:7px; text-align: left; height: 25px; white-space: nowrap ; }
.reportCell2Left { background-color: #f2f2f2 ; padding-left:7px; padding-right:7px; text-align: left; height: 25px; white-space: nowrap ; }
.reportCell0 { background-color: orange ; padding-left:7px; padding-right:7px; text-align: center; height: 25px; white-space: nowrap ; }
.reportNarrowHeader { width:5%; }
.reportHiddenColumn { display:none;}
a.reportHeaderLink { font-weight: bold ; text-decoration: none ; color: #000000 ; }
a.reportHeaderLink:Hover { font-weight: bold ; text-decoration: underline ; color: #000000 ; }
#reportDivContainer { max-width: 98vw;}
#reportDiv {     width:100%;height: 100% ;overflow-x: scroll ;scrollbar-face-color: #E6E6E6 ;scrollbar-3dlight-color: #999999; background-color: #ffffff ;}
.linkReportDiv { height: 50px ; background-color: #ffffff ;}
.matchingReportDiv { width:950px; height: 65px ;overflow-x: scroll ;scrollbar-face-color: #E6E6E6 ;scrollbar-3dlight-color: #999999; background-color: #ffffff ;}
.suspectReportDiv { width:950px;}
.inquiryReportDiv { width:100%; height: 65px ;overflow-x: scroll ;scrollbar-face-color: #E6E6E6 ;scrollbar-3dlight-color: #999999; background-color: #ffffff ;}
.reportCellnoAlign1 { background-color: white ; padding-left:7px; padding-right:7px; text-align: left;  white-space: nowrap ; }
.reportCellnoAlign2 { background-color: #f2f2f2 ; padding-left:7px; padding-right:7px; text-align: left;  white-space: nowrap ; }

.bgWhite { background-color: #ffffff ; }

/* SETUP SCREENS */
.billingDiv { background-color: white ;height:430px;overflow:auto; }
.setupTablePref { border: 1px solid black ; width: 800px ; }
.setupBorder { min-width: 950px; border: 1px solid black; width: auto ; background-color: #E2E2E2 ; }
.setupBorder table .setupTable{width: auto;  max-width: inherit;  overflow-x: scroll; min-width: 100%;}
.setupParticWelcomeText { font-weight: bold ; font-size: 11px ; color: #777777; }
.setupParticWelcomeBorder { border-top: #999999 1px solid ; border-left: #999999 1px solid ; border-right: #FFFFFF 1px solid ; border-bottom: #FFFFFF 1px solid ;}
.participantSelect { }
.gridBG {width:500px;}
.rf-msgs-err {padding: 5px ; background-color: #FFFFCC; vertical-align: top ; color: black;  background-image: none; }
.messageClass { padding: 5px ; background-color: #FFFFCC; vertical-align: top ; }
.messageClassPopup { background-color: #FFFFCC; vertical-align: top ; padding-left:15px;min-height: 20px;padding-top: 5px;}
.setupInnerDiv {height: 430px ; overflow: auto ;  width:850px; overflow-x: scroll ;scrollbar-face-color: #E6E6E6 ;scrollbar-3dlight-color: #999999;}

/* TREE CLASSES */
.treeStyle
{
    border-top: #7F7F7F double 2px ;
    border-left: #7F7F7F double 2px ;
    border-right: #7F7F7F inset 3px ;
    border-bottom: #7F7F7F inset 3px ;
    background-color: #FFFFFF ;
    width: 210px ;
    height: 450px ;
    overflow: auto ;
    border: #ffffff; window-inset: 3px ;
}

.treeNode {
    color: black ;
    text-decoration: none;
    padding-left: 2px ;
}

.treenode a {
    color: black ;
    text-decoration: none;
    padding-left: 2px ;
}

.treenode a:hover {
    color: black ;
    text-decoration: underline;
    padding-left: 2px ;
}

.treeNodeSelected a {
    font-weight: bold ;
    color: black ;
    text-decoration: none;
    padding-left: 3px ;
}



.allowbleCurrencyStyle{ width:150px; }

.toolTipText {color:black}

body .ui-tooltip {
    z-index: 999999 !important;
}

body .ui-tooltip.toolTipText .ui-tooltip-text {
    background-color: #FAE6B0 !important;
    background-image: none !important;
    color: black !important;
    border: 1px solid #E5973E !important;
    font-size: 11px !important;
    font-family: Arial,Verdana,sans-serif !important;
    padding: 7px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

body .ui-tooltip.toolTipText .ui-tooltip-arrow {
    display: none !important;
}

.toolTipTitle {
    font-weight: bold
}

.toolTip {
    background-color: #FAE6B0;
    padding: 7px;
    border: 1px solid;
    border-color: #E5973E;
    font-size: 11px;
    font-family: Arial,Verdana,sans-serif;
    float: left;
    position: center;
}

.matchingCombination { height: 100px ;}

.autoConfirmBox {
    border-top: #7F7F7F double 2px ;
    border-left: #7F7F7F double 2px ;
    border-right: #7F7F7F inset 3px ;
    border-bottom: #7F7F7F inset 3px ;
    border: #7F7F7F inset 2px;
    window-inset: 3px;
    background-color: #ffffff ;
    width:350px ;
}

.financialcenterBox {
    border: 2px double #ffffff;
    border-right: 3px inset;
    border-bottom: 3px inset;
    window-inset: 3px;
    background-color: #ffffff ;
    width: 115px ;
    height: 128px ;
    overflow: auto ;
}

.financialProducts {
    border: 1px solid black;
    background-color: #ffffff ;
    width: 250px ;
    position: relative ;
    left: 5px ;

}

.userList {
    border: 1px;
    border-color: black;
    border-style: solid;
    background-color: #ffffff ;
    width: 250px ;
    height: 110px ;
    overflow:auto ;
    position: relative ;
    left: 5px ;
}


.currencyFinancialcenterBox {

    border: 2px double #ffffff;
    border-right: 3px inset;
    border-bottom: 3px inset;
    window-inset: 3px;
    background-color: #ffffff ;
    width: 115px ;
    height: 128px ;
    overflow: auto ;
}


.allowbleProductsBox { border: #ffffff; window-inset: 3px; background-color: white ;}

/* Signs */
.negative {color: red ;}

/*  Severity level */
.Warning {color: #FFAE00 !important;}
.Alert {color: #FF7200 !important;}
.Breach {color: red !important;}


/*  STATUSES */

.Pending  {color: orange ;}
.Matched  {color: green ;}
.Unallocated {color: red ;}
.Draft {color: orange ;}
.BookedAndFinal {color: green ;}
.InitiateState {color: orange ;}
.Action {color: orange ;}
.Live {color: orange ;}
.RollCover {color: green ;}
.RolledFwd {color: green ;}
.NotBooked {color: green ;}
.N_A {color: black;}
.Approved {color: green;}
.Unmatched {color: red ;}
.Allocated  {color: green ;}
.Active {color: orange ;}
.Failure {color: red ;}
.Suspect {color: orange ;}
.Held {color: red ;}
.Split {color: green ;}
.Done {color: green ;}
.Giveup {color: orange ;}
.Hold {color: red ;}
.Stale {color:red ;}
.Replaced {color: green ;}
.Rejected {color: red ;}
.Deleted  {color: green ;}
.Exercised {color: green ;}
.Reversed  {color: green ;}
.Terminated  {color: green ;}
.Unified  {color: green ;}
.Expired {color: green ;}
.Bust  {color: green ;}
.Fixed {color: green ;}
.NotFixed {color: orange;}
.Suspect {color: orange;}
.Liquidated   {color: green;}
.Averaged   {color:green ;}
.Fwd {color: green;}
.Cover  {color: green;}
.EFP  {color: green;}
.Given {color: green;}
.KnockOut {color: orange;}
.Booking {color: red;}
.Pending_Manual_Booking {color: red;}
.Sent {color: orange;}
.Wait {color: orange;}
.booked {color: green;}
.Booked {color: green;}
.AwaitingBookingId {color: orange;}
.Id {color: orange;}
.BSModified {color: green;}
.Modified {color: green;}
.AwaitingBookingId {color: orange;}
.Cleared {color: green;}
.Rejected {color: red;}
.Parked {color: orange;}
.Pending_Void {color: orange;}

.normalCenterlizeFont {
    font-weight: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    text-align: center;
}

.tableCenterlizeFontNoWrap {
    font-weight: normal;
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    text-align: center;
    white-space: nowrap;
}

.normalFont {
    font-weight: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
}

.commentFont {
    font-weight: normal;
    font-family: Helvetica, sans-serif;
    font-size: 8pt;
}

.normalBoldFont {
    font-weight: bold;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    white-space: nowrap;
}

.testClass {
    font-family: Verdana, sans-serif;
    font-size: 13pt;
    font-weight: bold;
    color: red;
}

.testClass1{
    text-align: center;
    color: green;
    font-family: arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
}

.testClass2{
    text-align: left;
    color: red;
    font-weight: bold;
    font-family: arial, sans-serif;
}


.whiteFontDarkBg {
    font-family: Verdana, sans-serif ;
    font-size: 10pt ;
    font-weight: bold ;
    background-color: #777777 ;
    color: #FFFFFF ;
}

.redFont {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-style: italic ;
    color: red;
}


.standardHeader {
    background-color : #F5F5FF;
}

.standardMenu {
    background-color : #F9F4F4;
}

.standardNavigation {
    background-color : #F0FFFF;
    width : 30% ;
}

.standardBody {
    text-align : center;
    background-color : #F5F5FF;
}

.leftBody {
    text-align : left;
    background-color : #F5F5FF;
}

.standardFooter {
    background-color : #F9F4F4;
}


.navigation {
    font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
}

.navitem {
    white-space : nowrap;
    text-decoration : none;
    color: #000000;
}

a.navitem:hover, a.navitem:active {
    white-space : nowrap;
    text-decoration: none;
    color: #000000;
}

.navitem_open {
    white-space : nowrap;
    text-decoration: none;
    font-weight : bold;
    color: #000000;
}

a.navitem_open:hover,a.navitem_open:active {
    white-space : nowrap;
    text-decoration: none;
    font-weight : bold;
    color: #000000;
}

.navitem_active {
    white-space : nowrap;
    text-decoration: none;
    font-weight : bold;
    background-color: #1B91E1;
    width: 100%;
    color: #FFFFFF;
}

a.navitem_active:hover,a.navitem_active:active {
    white-space : nowrap;
    text-decoration: none;
    font-weight : bold;
    background-color: #1B91E1;
    width: 100%;
    color: #FFFFFF;
}


.navseparator {
    line-height: 12px;
    border-bottom: 1px solid #A2B7C5;
}

.inquiryOk { height:20px;text-align: center;background-color: #22aa0d ; color: white ; font-weight: bold ; font-size: 11px; }
.inquiryBad { height:20px;text-align: center;background-color: #e3282e ; color: white  ; font-weight: bold ; font-size: 11px; }

.repNavPageNumText { font-weight: bold ; }

/* SETUP */
.tabClass {
    width: auto;
    height: auto;
    background-color: #E2E2E2;
}


.menuBottomMargin{
    margin-bottom:10px;
}
.selectScrollWrapper{
    overflow:scroll;
    height: 100%;
    overflow-y: hidden;
}
.searchCombobox {
    width: auto;
    min-width:100%;
    border: none;
}
.searchBG { background-color: #e2e2e2 }

.error{color: red;}

.IC_Failure {color: red;}
.IC_Pending {color: orange; }
.IC_Success {color: green;}
.IC_Delayed {color: orangered;}
.IC_Stuck {color: red;}
.IC_DISABLED{color: orange; }
.IC_TEMPORARY_DISABLED{color: red;}
.IC_ACTIVE{color: green;}
.IC_IDLE {color: blue; }

.IC_Successful{color: green;}
.IC_Error{color: red;}
.IC_Failure {color: red;}
.IC_Error{color: red;}
.IC_Info{color: green;}
.IC_Warning{color: orange;}

.sepColor2Colspan2{
    display:none;
}
.defineReport{
    padding-left:5px;
}
.tableHeader{padding-left:12px;}
.queryDefBorder{padding:5px;}
.defineReport{padding-left:5px;}
.reportSubToolBar{padding:5px;}
.dePad2{padding:2px;}

.Error{color: red;}
.Succeed{color: green;}
.Resent{color: green;}
.Pending{color: orange;}
.Handled{color: orange;}

.extdt-subheader{
    display:none;
}

.extdt-fakeierow{
    display:none;
}


.rf-pp-hdr {
    height:24px;
    background: linear-gradient(#fefefe, #d9d9d9) !important;
    border-bottom-color: #999999;
}

.rich-mpnl-body{
    background-color:#FFFFFF;
    padding:0;
    white-space: normal;
}

.rich-mpnl-content {
    background-color: #FFF;
    overflow: scroll;
    border-color: #999999;
    padding: 0;
}

.rich-table-footercell{
    padding:0;
    vertical-align:bottom;
}

.rich-dtascroller-table{
    background-color:inherit;
    border-width:0;

}

.rich-datascr-button {
    background-color:inherit;
    border-width:0;
}

.rich-table{
    border-collapse:inherit;
}

.rich-table-footer{
    background-color:transparent;
}

input.rich-combobox-input-inactive  {
    border: 1px solid darkGray;
    border-right-width: 0px;
    padding-left:0;
}

input.rich-combobox-input  {
    border: 1px solid darkGray;
    border-right-width: 0px;
    padding-left:0;
}

input.rich-combobox-input-disabled  {
    border: 1px solid darkGray;
    border-right-width: 0px;
    padding-left:0;
}

input.rich-combobox-font-disabled {
    color:#000000;
    font-family:verdana,arial, sans-serif;
    font-size:10px;
}

input.rich-combobox-font-inactive{
    color:#000000;
    font-family:verdana,arial, sans-serif;
    font-size:10px;
}

input.rich-combobox-font{
    color:#000000;
    font-family:verdana,arial, sans-serif;
    font-size:10px;
}

input.rich-combobox-button-inactive  {
    border:1px solid darkGray;
    width:19px;
}

input.rich-combobox-button  {
    border:1px solid darkGray;
    width:19px;
}

.rich-list-shuttle-button,.rich-list-shuttle-button-disabled,.rich-list-shuttle-button-press,
.rich-list-shuttle-button-content,.rich-list-shuttle-button-light{
    padding:0;
}
.rich-list-shuttle-button-light
{
    margin:-1px;
    border: 1px black;
}

.rich-list-shuttle-list-content {
    border: 1px black;
}

.rich-shuttle-source-row-selected,.rich-shuttle-target-row-selected,.rich-shuttle-source-row-active,.rich-shuttle-target-row-active {
    background-color:#E2E2E2
}

.rich-shuttle-list-content {
    border: 1px;
    border-color: black;
    border-style: solid;
}

.setupStandardLabel {
    padding:5px;
}

.warningLabel {
    padding:0.2px;
    background-color:#FFFFCC;
    font-weight: bold;
}

.currencyPopupMessage {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 1px 5px !important;
    text-align: left !important;
    line-height: 1.2 !important;
    color: black !important;
    background-color: #FFFFCC !important;
}

.setupStandardInnerLabel {
    padding:5px;
    color:black;
}

.chartBg {
    background-color:#CCCCCC;
}

.rich-shuttle-source-cell-selected,.rich-shuttle-source-cell-active{
    background-color:#CCCCCC;
}

.blackFont{
    color:black;
}

.rich-sdt{
}

.rich-panel-body{
    padding:0;
}

.textInput{
    width:100%;
}

.modelPanelMainDiv{
    padding:5px;
}

.setupReportDiv {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}


.rich-calendar-editor-layout-shadow {
    background-color: linen;
    opacity: 0;
    width: 100%
}

.sticky { }

.fixed-header {
    position: fixed;
    top:0;
}


.sticky-wrap {
    overflow-x: auto;
    position: relative;
    margin-bottom: 1.5em;
    width: 100%;
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .125s ease-in-out;
    z-index: 50;
    width: auto; /* Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead {
    /*box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);*/
    z-index: 100;
    width: 100%; /* Force stretch */
}
.sticky-wrap .sticky-intersect {
    opacity: 1;
    z-index: 150;
}
.sticky-wrap .sticky-intersect th {
    background-color: #666;
    color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
    box-sizing: border-box;
}

/*Modal*/
.credit-modal-body ul,li{
    list-style: none inside;
    margin: 0;
    padding: 0;
}

/*send email form start css*/
.contacts {
    padding-top: 10px;
    overflow: hidden;
    margin-left: 14px;
}

.emailPanel {
    max-height: 200px;
    overflow-y: auto;
    display: inline-block;
    padding-right: 10px;
}

.names {
    display: block;
    float: left;
}

#ebclient {
    margin: 7px;
    line-height: 175%;
    font-weight: bold;
    margin-left: 10px;
}

.ebclient {
    padding: 0px 17px;
    font-family: Arial, sans-serif;
    line-height: 39px;
}

.ebclient input[type="radio"] {
    vertical-align: sub;
}

#rbuttons {
    /*border: 1px solid black;*/
    padding: 5px;
}

#addresses {
    padding-bottom: 11px;
    margin-top: -5px;
    margin-left: 11px;
}

.addrlist {
    margin-left: -25px;
    max-width: 900px;
    min-height: 28px;
    max-height: none;
    height: auto;
}

#ccaddr {
    padding-top: 10px;
    font-weight: bold;
}

.hrlinemail {
    clear: both;
    margin-top: 0px;
    margin-left: 10px;
    text-align: left;
    width: 900px;
}

#subjText {
    margin-left: -10px;
}
/*send email form end  css*/

/* A hack for IE5 only normal browsers will ignore this and use auto width  */
* html #roles_list_idRightList{
    width:300px !important;
}

* html #roles_list_idLeftList{
    width:300px !important;
}

* html .solutionBillingBorder{
    width: 770px !important;
}

* html .solutionBillingBorder.gridBG{
    width: 770px !important;
}


* html .selectScrollWrapper{
    overflow:hidden;
}

* html .searchCombobox{
    width:570px  !important;
}

/* Compose Email Modal */
.reportToolBar {
    display: inline-block;
    margin-left: 14px;
    margin-top: 5px;
}

.headerAction {
    position: absolute;
    top: 2px;
    right: 2px;
}


.internalEmailButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_internal_email.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
}



.externalEmailButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_external_email.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
}


[class^="markAsHandledButton"] {
    border: none;
    background-color: Transparent;
    background-repeat: no-repeat;
    opacity: 0.5;
    padding-top: 2px;
    padding-bottom: 2px;
}

.markAsHandledButton {
    cursor: pointer;
    opacity: 1;
}

.testConnectivityButton {
    background: url("/archcommon/jakarta.faces.resource/images/test_connectivity.ico.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.approveNoeButtonEnabled {
    background: url("/archcommon/jakarta.faces.resource/images/icon_approve.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.myFaces_panelTabbedPane_activeHeaderCell{
    width: 100px;
}

.myFaces_panelTabbedPane_inactiveHeaderCell{
    width: 100px;
}

.myFaces_panelTabbedPane_activeHeaderCell > input{
    font-weight: bold;
}
.myFaces_panelTabbedPane_pane{
    padding: 0px !important;
}

.addButton{
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_add.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0");
}

.saveButton{

    background: url("/archcommon/jakarta.faces.resource/images/icon_save_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.cancelButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_cancel.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.logoutButtonContainer, .logoutButtonContainer > tbody, .logoutButtonContainer > tbody > tr, .logoutButtonContainer > tr{
    width: 100%;
}

.logoutButtonContainer > tbody > tr{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.logoutButtonContainer > tbody > tr > td:last-child{
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.leftAlignedSaveContainer > tbody > tr > td:last-child{
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* line-height -> To Vertically center align logout text within anchor tag & in same line with Save & Close buttons /
/ padding-right -> To prevent logout text from touching the right boundary */
.logoutButton{
    line-height: 21px;
    padding: 0px 4px 0px 0px;
}

.deleteButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_delete_2.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.deleteButtonBlock{
    background: url("/archcommon/jakarta.faces.resource/images/icon_delete.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.editButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_edit.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.resetButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_refresh.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.resendButton{
    background: url("/archcommon/jakarta.faces.resource/images/refresh.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.replayButton{
    background: url("/archcommon/jakarta.faces.resource/images/replay.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.cloneButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_clone.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.allocateButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_allocate.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.refreshButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_refresh.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
    background-position-y: 2px;
}
.fieldSelection{
    background: url("/archcommon/jakarta.faces.resource/images/icon_field_selection.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.excelButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_excel.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.printButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_print.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.sortButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_sort.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
    width: 3%;
}
.allocationButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_allocate.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.approveButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_approve.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.bookTradeButton{
    background: url("/archcommon/jakarta.faces.resource/images/book.png.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.holdButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_hold.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.matchingButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_match.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.mutiplematchButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_mutiplematch.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.linkButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_link.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") 0 2px no-repeat;
}
.trCommandFoldIcon{
    width:11px;
    height:11px;
    cursor:pointer;
}
.panelCollapse{
    background: url("/archcommon/jakarta.faces.resource/images/panel_collapse.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.panelExpand{
    background: url("/archcommon/jakarta.faces.resource/images/panel_expand.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}


body .ui-button.addFeeButton,
.addFeeButton {
    border-width: 2px !important;
    border-style: outset !important;
    border-color: buttonface !important;
    background-color: #DDDDDD !important;
    background-image: none !important;
    font-weight: bold !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

body .ui-button.getReportButton,
.getReportButton {
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    background-color: #DDDDDD;
    font-weight: bold;
    cursor: pointer;
    opacity: 1;
}

#fxLayoutSubview\addFeePanel_content {
    padding: 0px;
}

.toolbarButton:hover{
    cursor : pointer;
    background-color: rgba(0, 0, 0, 0.05);
    /*
    position:relative;
    top:1px;
    */
}

.rf-pick-btn{
    font-size: 12px;
}
.ThemeIEMenuFolderLeft{
    display: none;
}

.ThemeIESubMenu{
    z-index: 1003 !important;
}

.headerNoBorder{
    border:none;
}

.placementColumn{
    width: 1%;
}

.billinBCMHeader{
    width: 500px;
}
.myFaces_panelTabbedPane_inactiveHeaderCell , .myFaces_panelTabbedPane_activeHeaderCell{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-image: linear-gradient(to bottom, #fff, #ddd);
}


.css-arrow-multicolor {
    border-color: transparent transparent green blue;
    border-style:solid;
    border-width:20px;
    width:0;
    height:0;
}

.add-edit-allocation-panel{
    max-width: 650px;
}

.rf-insp {
    display: initial !important;
}

#groupDetailsDiv3 table , #groupDetailsDiv3 td {
    border:none;
}

.rf-pp-cnt-scrlr, .rf-pp-cntr {
    height:auto !important;
    width:auto !important;
    overflow: visible !important;
}

#setupLayoutSubview\:setupBodyLayoutSubview\:AllocationTemplate\:reportData {
    max-height: 60vh !important;
    overflow-y: scroll;
}

.ui-tabs .ui-tabs-panel{
    padding: 0em !important;
}

.ui-autocomplete .ui-autocomplete-dropdown{
    position:inherit !important;
}

#NoeForm .ui-autocomplete-input{
    font-size: 10px;
    min-width: 125px;
}

#NoeForm .ui-selectonemenu{
    font-size: 10px;
    min-width: 150px;
}

#NoeForm .ui-selectonemenu.minWidth{
    min-width: 40px !important;
}

.inputRequired .ui-selectonemenu-label{
    background-color: #FFFFCC;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{
    background-color: #E2E2E2;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav li{
    background-image: none;
}
.ui-tabs.ui-tabs-top > .ui-tabs-nav{
    margin-bottom: 5px;
}

.rf-pick-btn-dis{
    color: #999999 !important;
}

.ui-datatable-odd { background-color: white ; padding-left:7px; padding-right:7px; text-align: center; height: 25px; white-space: nowrap ; }
.ui-datatable-even { background-color: #f2f2f2 ; padding-left:7px; padding-right:7px; text-align: center; height: 25px; white-space: nowrap ; }
.ui-column-title{
    font-weight: bold;
    color: black;
}
.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td{
    min-width: 40px;
}

.ui-datatable-resizable th.ui-resizable-column{
    min-width: 40px;
    position: relative !important;
}

/* Ensure column resizer handles are always visible, above filter inputs, and grabbable */
.ui-datatable th.ui-resizable-column .ui-column-resizer,
.ui-datatable .ui-column-resizer{
    position: absolute !important;
    top: 0 !important;
    right: -4px !important;
    width: 8px !important;
    height: 100% !important;
    cursor: col-resize !important;
    z-index: 100 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide PrimeFaces DataTable columnGroup ghost rows and resizers */
.ui-datatable thead tr:has(> th[id*='_ghost_']),
tr:has(> th[id*='_ghost_']) {
    display: none !important;
    height: 0px !important;
    max-height: 0px !important;
    min-height: 0px !important;
    line-height: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

.ui-datatable thead th[id*='_ghost_'],
th[id*='_ghost_'] {
    display: none !important;
    height: 0px !important;
    max-height: 0px !important;
    min-height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    border-width: 0px !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    line-height: 0 !important;
    font-size: 0px !important;
    overflow: hidden !important;
    visibility: hidden !important;
    background: transparent !important;
}

.ui-datatable thead th[id*='_ghost_'] .ui-column-resizer,
th[id*='_ghost_'] .ui-column-resizer {
    display: none !important;
    visibility: hidden !important;
    height: 0px !important;
    width: 0px !important;
    border: none !important;
}

.ui-datatable .ui-column-resizer-helper{
    z-index: 9999 !important;
    width: 2px !important;
    background-color: #0078D0 !important;
}

.outboundReportDiv{
    max-width: 1880px;
    overflow-x: scroll;
}

.menuItemButton{
    background-color: transparent;
    height: 16px;
    border: none;
    cursor: pointer;
}

.menuItemTd{
    border: 1px solid grey;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.menuItemTd:hover{
    cursor: pointer;
    text-decoration: none;
    background-color: rgb(161,208,243);
}

.ui-widget-content a{
    color: #0078D0;
    text-decoration: underline;
    cursor: pointer;
}

.noUnderlineLink,
a.noUnderlineLink,
a.noUnderlineLink:hover,
a.noUnderlineLink:focus,
a.noUnderlineLink:active {
    text-decoration: none !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: black;
}
::-moz-placeholder { /* Firefox 19+ */
    color: black;
}
:-ms-input-placeholder { /* IE 10+ */
    color: black;
}
:-moz-placeholder { /* Firefox 18- */
    color: black;
}
.ui-inputfield{
    padding: 3px;
}
.ui-selectonemenu , .ui-autocomplete-input, .ui-selectonemenu label.ui-selectonemenu-label {
    box-shadow: none;
    border-radius: 0;
}

.ui-autocomplete .ui-autocomplete-dropdown{
    width: 2.2em;
    border-radius: 0;
}

.ui-autocomplete-panel{
    min-width:inherit !important;
    width: auto !important;
}

.ui-autocomplete{
    min-width: 129px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background: rgba(0, 120, 208, 0.67) !important;
    text-shadow: none;
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}

.ui-autocomplete-panel .ui-autocomplete-list-item{
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}

.candidatesMultiMatchTable tr .reportCell1 >  td, .candidatesMultiMatchTable tr .reportCell2 >  td{
    border:none;
}

.ui-selectonemenu{
    min-width: 115px !important;
    min-height: 20px !important;
}

/*////////////TRM////////////*/
.setupBorder .toolbarBG div#setupLayoutSubview\:setupBodyLayoutSubview\:addOrganization
{
    position: absolute;
}
.reportHeader .ui-column-title{
    position: relative;
    top: -2px;
}
.entryBgClass .entryTable{
    background: #fff;
}
.rf-pp-shdw{
    opacity: 0 !important;
}
img {
    display: inline-block !important;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditTRForm\:triPartyPanel span.popupLabel input.inputRequired{
    height: auto;
    top: 0;
}
span.popupLabel input.inputRequired{
    height: 16px;
    position: relative;
    top: -6px;
}
span.popupLabel a {
    height: 16px;
    position: relative;
    top: -8px;
    margin-left: 5px;
}
table.popupLabel .outboundReporSchedule{
    position: relative;
    top: 3px;
}
.setupBorder input[type=checkbox],
.setupBorder input[type=radio]{
    position: relative;
    top: 3px;
}
div#fxLayoutSubview\:j_id_2v\:calendar  div#fxLayoutSubview\:j_id_2v\:j_id_34 span#fxLayoutSubview\:j_id_2v\:j_id_34Popup input{
    width: 136px;
}

div#fxLayoutSubview\:j_id_2v\:calendar  div#fxLayoutSubview\:j_id_2v\:j_id_34 span#fxLayoutSubview\:j_id_2v\:j_id_34Popup img{
    margin: 0 5px;
}

button.ui-autocomplete-dropdown{
    padding-bottom: 1px;
}
.solutionNamingBorder table.rf-dt{
    width: 100%;
}
div#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:subView\:tradersManagement  .ui-datatable-tablewrapper,
div#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:portfolioManagement  .ui-datatable-tablewrapper{
    overflow: hidden;
}
form#fxLayoutSubview\:searchTradesBodyForm #repDefinitionTable input#fxLayoutSubview\:searchTradesBodyForm\:searchedId{
    margin-top: 0 !important;
}
form#fxLayoutSubview\:searchTradesBodyForm #repDefinitionTable input#fxLayoutSubview\:searchTradesBodyForm\:advancedCheckBox,
form#fxLayoutSubview\:searchTradesBodyForm #repDefinitionTable input#fxLayoutSubview\:searchTradesBodyForm\:searchArchiveCheckBox{
    position: relative;
    top: 3px;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:regionsTable\:tbody_element input{
    top: 0;
}
.radioNearText label{
    top: -3px;
    position: relative;
}
.fx_tcr .item{
    margin-right: 10px;
}
.assetCellPref div#NoeForm\:Product_Type{
    /*margin-left: 8px; */
}
form#setupLayoutSubview\:addEditBSForm .toolbarBG{
    height: auto;
}
form#setupLayoutSubview\:addEditBSForm .cloneButton.toolbarButton{
    top: 0px;
}
table#setupLayoutSubview\:addEditBSForm\:ccyPairTable.rf-dt,
table#setupLayoutSubview\:addEditBSForm\:ccyPairTable .rf-dt-c{
    border: none;
}
#reportTable .screenSubTitle{
    padding-left: 10px;
}
.Nav_countrecords_btn{
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color: #000;
}
.ui-widget-header.ui-helper-reset{
    border: 1px solid #a8a8a8;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:cashBillingForm\:LinesTabPanel\:BillingLinesPannel > table{
    width: 100%;
}


.panelGrid{
    margin-top: 5px;
}

.selected-menu-node{
    padding: 0 3px 0 3px;
    background: #F1EEE9;
    border: 1px solid #E2E2E2;
    font-weight: bold;
}

.trm-add-edit-af-form .rf-p-b{
    background-color: #E6E6E6;
}
.trm-add-edit-af-form .ui-panel-content, 
.trm-add-edit-af-form .ui-widget-content,
.trm-fields-table-panel {
    background-color: #FFFFFF !important;
}
.ui-widget-content {
    color: #000!important;
}

.bgwhite{
    background-color: white;
}
.inquiryButton{
    background: url("/archcommon/jakarta.faces.resource/images/icon_creditcheck.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.toolbarButtonDisabled.noImgButton,
.toolbarButton.noImgButton{
    padding-left: 5px;
}

.ui-tabs .ui-tabs-nav li{
    cursor:pointer;
}

.changeThemeBtnClass{
    display: none;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditUserPanel_container{
    max-height: 650px;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditUserForm\:userTabPanel  input[type="checkbox"] {
    position: relative;
    top: 3px;
    left: 0 !important;
}
#setupLayoutSubview\:rolesForm{
    margin-top:	15px;
}
input#setupLayoutSubview\:addEditTRForm\:clientList_input{
    top: 0 !important;
}

.noImgButton{
    padding: 0px !important;
}
.listTolistBtn{
    display: inline-block !important;
    width: 14px;
    height: 14px;
    border: 0px solid;
    cursor: pointer !important;
}
.toRight{
    background: url("/archcommon/jakarta.faces.resource/images/toRight.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;

}
.toLeft{
    background: url("/archcommon/jakarta.faces.resource/images/toLeft.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

.toUp{
    background: url("/archcommon/jakarta.faces.resource/images/toUp.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}
.toDown{
    background: url("/archcommon/jakarta.faces.resource/images/toDown.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat;
}

#columnChoosingLeftList,
#columnChoosingRightList,
select[id$="columnChoosingLeftList"],
select[id$="columnChoosingRightList"] {
    width: 200px !important;
    height: 200px !important;
    box-sizing: border-box !important;
}
.rf-pp-cnt{
    padding: 0 !important;
}

.ui-datatable-tablewrapper{
    min-width: 100%;
}

table#setupLayoutSubview\:setupBodyLayoutSubview\:addEditTRForm\:triPartyPanel td{
    vertical-align: top;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditTRForm\:counterPartiesText {
    padding-top: 31px !important;
    display: inline-block;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditTRForm\:externalCreditCheckOutputText {
    padding-top: 6px !important;
    display: inline-block;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditTRForm\:externalCheckHoldsTradesOP span.popupLabel{
    position: relative;
    top:-3px;
}
.allocationFooter{
    border: none !important;
    background: #E2E2E2;
    -webkit-box-shadow: none;
}

#OaForm\:allocationsFooterTable .ui-datatable-empty-message {
    display: none;
}

.ui-picklist{
    padding: 5px;
}
.popupLabel#setupLayoutSubview\:setupBodyLayoutSubview\:addEditTRForm\:agreementTypeSelect  Label{
    position: relative;
    top:	-3px;
}
input.checkboxNearText#setupLayoutSubview\:Region\:Day_Light_Savings,
input.checkboxNearText#setupLayoutSubview\:Zone\:Daylight_Saving{
    position: relative;
    top:	4px;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:ParticipantGeneralDetailsSubView\:participantsTabPanel\:tab1 .groupBG .groupBL img,
#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:ParticipantGeneralDetailsSubView\:participantsTabPanel\:tab1 .groupBG .groupBR img{
    display: none !important;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:AllocationTemplate table{
    border-spacing: 0;
}
span#fxLayoutSubview\:j_id_40\:j_id_4aPopup,
span#fxLayoutSubview\:j_id_3h\:j_id_3qPopup{
    display: inline-block;
}
#setupLayoutSubview\:addEditBSForm\:tenorOT{
    display: inline-block;
    position: relative;
    top: -2px;
}
#setupLayoutSubview\:addEditBSForm\:tenorOptionsR{
    position: relative;
    top: 3px;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:Edit{
    margin-left:5px;

}
.toolbarSubBG label[for=MultipleNoeForm\:j_id_24],
.toolbarSubBG label[for=MultipleNoeForm\:j_id_23],
.toolbarSubBG label[for=MultipleNoeForm\:j_id_25],
.toolbarSubBG label[for=MultipleNoeForm\:j_id_26]{
    position: relative;
    top: -3px;
}
#setupLayoutSubview\:outboundReportForm .toolbarBG2  .custPadLeft {
    padding-right: 11px;
}
#setupLayoutSubview\:indexForm .popupLabel  span.setupStandardLabel{
    padding-left: 0;
}
#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:namingData\:tbody_element .reportCellnoAlign2 input,
#setupLayoutSubview\:setupBodyLayoutSubview\:setupBodyLayoutBodyForm\:namingData\:tbody_element .reportCellnoAlign1 input{
    top: 0px;
}
#setupLayoutSubview\:addEditMatchingSchemaForm\:compareFixingDateCB{
    left: -4px !important;
    position: relative;
}
#billingScheduleMainDiv input[type="checkbox"] {
    position: relative;
    top: 3px;
}

ul.ui-autocomplete{
    max-height: 200px;
    overflow: scroll;
    background: white;
}

.qsInput{
    padding-left: 10px;
    width: 150px;
}

.rf-cal .rf-cal-inp {
    width: inherit;
}

#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p17 .billinBCMBorder{
    width: 100%;
}
input#setupLayoutSubview\:SolutionBillingNewRuleFormId\:excludeDirectDealsFromFeeCalcSelectCheckBox{
    position: relative;
    top: 3px;
}
#groupDetailsDiv4 input[type="checkbox"]{
    position: relative;
    top: 3px;
}

.ui-picklist-list-wrapper li:nth-child(even of :not(.ui-helper-hidden):not([style*="display: none"]):not([style*="display:none"])) {
    background: #EBEBEB;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}
.ui-picklist-list-wrapper li {
    line-height: 139%;
    padding-left: 9px !important;
    border-radius: 0;
    margin: 0 !important;
}
.ui-picklist-list-wrapper li:hover {
    background: #85b2cb !important;
    box-shadow: none ;

}

.ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell {
    padding: 0 10px;
}
.ui-picklist .ui-picklist-filter{
    box-shadow: none;
    border-radius: 0;
    padding: 3px 24px 3px 4px;
}
.ui-picklist .ui-button{
    box-shadow: none;
}
.ui-widget-content.ui-picklist-list{

    border-radius: 0;
}
.ui-picklist-caption.ui-widget-header{
    border-radius: 0;
    border-top: none;
}

.ui-picklist .ui-picklist-filter-container span.ui-icon.ui-icon-search {
    background-image: none !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    display: inline-block !important;
    width: 16px;
    height: 16px;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 8px !important;
    margin: 0 !important;
}

.ui-picklist .ui-picklist-filter-container span.ui-icon.ui-icon-search::before {
    content: "\e908" !important; /* PrimeIcons search icon */
    font-family: 'primeicons' !important;
    font-size: 14px !important;
    display: block !important;
    color: #495057 !important;
}

.oaTable{width: auto !important;  max-width: inherit;  overflow-x: scroll; min-width: 100%; overflow: hidden}

#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p11 tr:nth-child(2) table,
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p19 table.groupBG tr:nth-child(2) table,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:p6  table.groupBG tr:nth-child(2) table,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:p11 table.groupBG tr:nth-child(2) table{
    border: 1px solid #a8a8a8;
    border-spacing: 3px;
    border-collapse: separate;
}
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p11 img,
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p19 img,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:p6 img,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:p11 img{
    display: none !important;
}


#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p11 td.groupHeader,
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p19 td.groupHeader,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:p6 td.groupHeader,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:p11 td.groupHeader{
    padding:3px 0 5px;
}
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:Volume_Discount_Table th,
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p19 th,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:CCY_Table th,
#setupLayoutSubview\:SolutionBillingNewBCMFormId\:Solution_Billing_Web_Combination_CCY_Table th,
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:Volume_Discount_CCY_Table th{
    border:none;
}
#setupLayoutSubview\:SolutionBillingNewRuleFormId\:p19 .groupTM {
    background: none;
}

.boldLargeText{
    font-weight: bold ; font-size: 12px ; padding: 5px;
}
#fxLayoutSubview\:j_id_3f .reportBorderWithoutSize {
    margin-top:	15px;
}

.ui-autocomplete .ui-state-focus{
    background: white;
    border: 1px solid black;
    box-shadow: none;
    font-weight: normal;
}

ul.ui-autocomplete{
    width:auto !important;
}

#searchByFilterSelectedColumn{
    cursor: default;
}

.ui-picklist .ui-picklist-list li {
    display: flex !important;
    align-items: center !important;
    min-width: 100% !important;
    width: auto !important;
    box-sizing: border-box !important;
    padding-right: 9px !important;
}

.ui-picklist .ui-picklist-list li.ui-helper-hidden,
.ui-picklist .ui-picklist-list li[style*="display: none"],
.ui-picklist .ui-picklist-list li[style*="display:none"] {
    display: none !important;
}

.auto-confirm-cnfg .ui-icon{
    width: 10px;
    height: 10px;
}

.auto-confirm-cnfg .ui-radiobutton{
    width: 10px;
    height: 10px;
    margin: 1px;
}
.auto-confirm-cnfg .ui-radiobutton .ui-radiobutton-box{
    width: 10px ;
    height: 10px ;
}

.auto-confirm-cnfg .ui-icon-bullet{
    background-position: -83px -147px;;
}

.auto-confirm-cnfg .ui-icon-check{
    background-position: -67px -147px;;
}

.auto-confirm-cnfg  .ui-chkbox .ui-chkbox-box{
    width: 10px;
    height: 10px;
}
.ecn-warning-msg{
    position: absolute;
    right: 25px;
    background-color: bisque;
}

.reasonTable td{
    padding-right:15px;
}
.submit-reason-btn{
    border: 1px solid #7096ab !important;
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0))) !important;
}
#setupLayoutSubview\:actionForm #setupLayoutSubview\:actionForm\:reasons .ui-datatable-footer{
    text-align: left;
}

#fxLayoutSubview\:saveQueryForm .ui-button-text-only .ui-button-text{
    padding: 0.3em 2em;
}

.ui-autocomplete .ui-state-focus{
    background: #e4e4e4 ;
    border:none;
    box-shadow: none;
    font-weight: normal;
}


ul.ui-autocomplete{
    width:auto !important;
}

/* primefaces p:selectOneRadio */
/* AddEditBillingSchedule.xhtml PriceEffectTypes (as of next trade/retroactive) */
#fxLayoutSubview\:addEditBSForm\:selectPriceEffectTypes .ui-icon-bullet {
    background-position: -83px -147px;
}

#fxLayoutSubview\:addEditBSForm\:selectPriceEffectTypes .ui-icon{
    width: 10px;
    height: 10px;
}

#fxLayoutSubview\:addEditBSForm\:selectPriceEffectTypes .ui-radiobutton .ui-radiobutton-box {
    width: 10px;
    height: 10px;
}

/* AddEditBillingSchedule.xhtml AnonymousFlag(both/anonymous/non anonymous)*/
#fxLayoutSubview\:addEditBSForm\:selectAnonymousFlag .ui-icon-bullet {
    background-position: -83px -147px;
}

#fxLayoutSubview\:addEditBSForm\:selectAnonymousFlag .ui-icon{
    width: 10px;
    height: 10px;
}

#fxLayoutSubview\:addEditBSForm\:selectAnonymousFlag .ui-radiobutton .ui-radiobutton-box {
    width: 10px;
    height: 10px;
}
div.ui-selectonemenu-items-wrapper,
div.ui-autocomplete-panel{
    overflow-y:auto;
    overflow-x: hidden;
}
#fxLayoutSubview\:addEditBSPanel_container,
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditMatchingSchemaPanel_container,
#setupLayoutSubview\:setupBodyLayoutSubview\:addEditBSPanel_container,
#setupLayoutSubview\:addEditBSPanel_container{
    max-height: 750px;
    overflow-y:auto !important;
    overflow-x: hidden !important;
}
#setupLayoutSubview\:addEditCreditPanel_container{
    max-height: 650px;
    overflow-y:auto !important;
    overflow-x: hidden !important;
}
#setupLayoutSubview\:addEditMatchingSchemaPanel_content_scroller{
    max-height: 550px;
    overflow-y:auto !important;
    overflow-x: hidden !important;
}
[id*="ccyPairTable"] [id$="ccyPairs_button"],
[id*="ccyPairTable"] [id$="ccyPairs_button"] .ui-icon-triangle-1-s {
    line-height: 8px !important;
}
#NoeForm\:Traded_CCY_panel .ui-selectonemenu-items-wrapper,
#NoeForm\:Counter_CCY_panel .ui-selectonemenu-items-wrapper,
#NoeForm\:Ccy1_panel .ui-selectonemenu-items-wrapper{
    min-width: 48px;

}

table[id*='saveQueryForm:buttonPanel'] .toolbarButton {
    border:none ;
    height: 21px ;
    width:100%;
    position: relative ;
    top:-1px;
    cursor: pointer;
    padding: 0px 0px 0px 30px;
}

form[id*='positionTradeReportForm'] .ui-autocomplete{
    min-width: auto;
}

.tooltipNewline {
    white-space: pre;
}

#setupLayoutSubview\:setupBodyLayoutSubview\:addEditClientBillingPropertiesPanel_container, #setupLayoutSubview\:setupBodyLayoutSubview\:addEditClientBillingPropertiesPanel_shadow, #setupLayoutSubview\:setupBodyLayoutSubview\:addEditClientBillingPropertiesPanel_content_scroller {
    width: 375px !important;
}

.newCashNoeAgentIdInputWidth {
    min-width:145px;
    max-width:145px;
}

.newOptionNoeAgentIdInputWidth {
    min-width:140px;
    max-width:140px;
}

.newNoeAgentIdCountInputWidth {
    min-width:130px;
    max-width:130px;
}


#setupLayoutSubview\:addEditMatchingSchemaPanel_content_scroller, #setupLayoutSubview\:addEditMatchingSchemaPanel_shadow, #setupLayoutSubview\:addEditMatchingSchemaPanel_container{
    min-width: 637px !important;
}

.dynamicEmailText{
    display:block;
    width:20px;
}

.dynamicMailWidth{
    width: 0px;
}

/* ==========================================================================
   PRIMEFACES 14: LEGACY JQUERY UI SKIN
   (Restores 2014 colors and shadows without breaking PF14 layout structure)
   ========================================================================== */

/* 1. Base Content & Panels (Fixes transparent dropdowns, menus, and dialogs) */
body .ui-widget-content,
body .ui-selectonemenu-panel,
body .ui-autocomplete-panel,
body .ui-dialog,
body .ui-dialog .ui-dialog-content,
body .ui-picklist-list {
    background-color: #ffffff !important;
    background-image: url("") !important;
    background-repeat: repeat-x !important;
    background-position: 50% 50% !important;
    border: 1px solid #aaaaaa !important;
    color: #222222 !important;
    padding: 0 !important;
}


/* 2. Dropdown Lists & Dialog Shadow */
body .ui-dialog,
body .ui-selectonemenu-panel,
body .ui-autocomplete-panel,
body .ui-selectcheckboxmenu-panel,
body .ui-overlaypanel {
    box-shadow: 0px 5px 10px rgba(0,0,0,0.8) !important;
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.8) !important;
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.8) !important;
}

/* 3. Base Buttons and Default States */
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-button,
body .ui-selectonemenu {
    background-image: url("") !important;
    background-repeat: repeat-x !important;
    background-position: 50% 50% !important;
    border: none !important;
    color: #555555 !important;
    font-weight: normal !important;
    box-sizing: border-box;
}

/* 4. Dropdown specific structural fixes (Allows box to expand to fit text) */
body .ui-selectonemenu {
    position: relative !important;
    width: auto !important; /* Allows the box to expand */
}
body .ui-selectonemenu .ui-selectonemenu-label {
    background: transparent !important;
    border: none !important;
    display: block !important;
    overflow: visible !important; /* Stops the text from being chopped off */
    white-space: nowrap !important;
    width: auto !important; /* Allows the label to expand */
    padding: 3px 26px 3px 5px !important; /* Leaves exact room for the arrow */
}
body .ui-selectonemenu .ui-selectonemenu-trigger {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 20px !important;
    height: 100% !important;
    background-color: #e6e6e6 !important;
    background-image: url("") !important;
    border-left: 1px solid #d3d3d3 !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    border-radius: 0 !important;
}

/* 5. Hover and Focus States */
body .ui-state-hover,
body .ui-state-focus,
body .ui-selectonemenu.ui-state-hover,
body .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover,
body .ui-inputfield.ui-state-focus,
body .ui-inputfield.ui-state-hover,
body .ui-inputfield{
    background-color: #dadada !important;
    background-image: url("") !important;
    border: 1px solid #999999 !important;
    color: #212121 !important;
}

/* 6. Highlight / Selected States (List items) */
body .ui-state-highlight,
body .ui-selectonemenu-item.ui-state-highlight,
body .ui-selectonemenu-item.ui-state-hover,
body .ui-autocomplete-item.ui-state-highlight,
body .ui-autocomplete-item.ui-state-hover {
    background-color: #fbf9ee !important;
    background-image: url("") !important;
    border: 1px solid #fcefa1 !important;
    color: #363636 !important;
}

/* 7. Headers (Dialogs, Tables, Modals) */
body .ui-widget-header,
body .ui-dialog-titlebar {
    background-color: #cccccc !important;
    background-image: url("") !important;
    border: 1px solid #aaaaaa !important;
    color: #222222 !important;
    font-weight: bold !important;
}

body .ui-datatable-header {
    background-color: #cccccc !important;
    background-image: url("") !important;
    border: none !important;
    color: #222222 !important;
    font-weight: bold !important;
}

/* 8. Navigation Menus (Auto-width and tight spacing) */
body .ui-menu .ui-menu-parent .ui-menu-child {
    width: auto !important; /* YOUR FIX: Allows the popup box to stretch */
    white-space: nowrap !important; /* Keeps text on one line */
}

body .ui-menu .ui-menu-list {
    padding: 2px !important;
    margin: 0 !important;
}

body .ui-menu .ui-menu-list .ui-menuitem {
    padding-right: 5px;
}

body .ui-menu .ui-menu-list .ui-menuitem-link {
    display: block !important;
    width: auto !important; /* Allows the link to stretch with the box */
    border-radius: 0 !important;
    line-height: normal !important;
}

body .ui-menu .ui-menu-list .ui-menuitem-text {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 9. GLOBAL FONT CRUSHER (Forces small 11px fonts everywhere) */
body .ui-widget,
body .ui-widget .ui-widget,
body .ui-selectonemenu .ui-selectonemenu-label,
body .ui-selectonemenu-panel .ui-selectonemenu-list-item,
body .ui-autocomplete-panel .ui-autocomplete-list-item,
body .ui-menu .ui-menuitem-text,
body .ui-menu .ui-menuitem-link {
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 12px !important;
}

/* 10. Dropdown List Option Spacing (Removes PF14 touch gaps) */
body .ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 2px !important;
    margin: 0 !important;
}
body .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    padding: 3px 5px !important; /* Restores tight legacy padding */
    margin: 1px 0 !important; /* Removes the large gap between options */
    border-radius: 0 !important;
    line-height: normal !important;
}
/* 11. Top Menubar Fixes (Restores old #F7F3EF background and black text) */
body .ui-menubar {
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Force the text inside the menu to be black instead of PrimeFaces blue */
body .ui-menubar .ui-menuitem-link,
body .ui-menubar .ui-menuitem-text,
body .ui-menu .ui-menuitem-link {
    color: #000000 !important;
    text-decoration: none !important;
}

/* Restores the correct #3169C6 blue highlight when you hover over a menu item */
body .ui-menubar .ui-menuitem-link:hover,
body .ui-menubar .ui-menuitem-link.ui-state-hover,
body .ui-menu .ui-menuitem-link:hover,
body .ui-menu .ui-menuitem-link.ui-state-hover {
    background-color: #3169C6 !important; /* Updated to your exact blue color */
    color: #ffffff !important;
    border-radius: 0 !important;
}

/* Ensures the text turns white when the blue background appears */
body .ui-menubar .ui-menuitem-link:hover .ui-menuitem-text,
body .ui-menubar .ui-menuitem-link.ui-state-hover .ui-menuitem-text,
body .ui-menu .ui-menuitem-link:hover .ui-menuitem-text,
body .ui-menu .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
    color: #ffffff !important;
}
/* 12. Autocomplete Dropdown Button (Pixel-Perfect Aristo Match) */

/* A. Fix the Button Size, Position, and Silver Gradient */
body .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
    right: 0 !important; /* Fixes the PF14 -2px offset bug */
    padding-bottom: 1px !important;
    border-radius: 0 !important;
    border: 1px solid #a8a8a8 !important;
    background-color: #dadada !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
    font-weight: bold !important;
    color: #4f4f4f !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
    box-shadow: inset 0px 1px 0px #fff !important;
}

/* B. Restore the Glowing Blue Hover State */
body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-state-hover {
    border: 1px solid #7096ab !important;
    background-color: #85b2cb !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff !important; /* The glowing blue shadow */
}

/* C. Restore the Exact Triangle Icon using a Bulletproof Pure CSS Shape */
body .ui-autocomplete-dropdown .ui-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -2px !important; /* Centers vertically */
    margin-left: -5px !important; /* Centers horizontally */
    display: block !important;

    /* Shrink the box to 0 to allow borders to form the shape */
    width: 0 !important;
    height: 0 !important;

    /* These 3 lines create the exact gray downward triangle natively */
    border-left: 5px solid transparent !important;
    border-right: 5px solid transparent !important;
    border-top: 5px solid transparent !important;

    background-image: none !important;
    background-color: transparent !important;
    text-indent: -99999px !important;
}

/* D. Kill the new PrimeFaces 14 Font Icons */
body .ui-autocomplete-dropdown .ui-icon:before,
body .ui-autocomplete-dropdown .ui-icon:after {
    display: none !important;
    content: "" !important;
}

/* 13. Text Input Fields (Restores white background, inner shadow, and tight padding) */
body .ui-inputfield,
body .ui-widget-content .ui-inputfield,
body .ui-widget-header .ui-inputfield {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #313131 !important;
    padding: 3px !important; /* Restores old padding */
    border: 1px solid #999999 !important; /* Constant border prevents width jumps and hover flickering */

    /* Restores the distinct inset shadow from your old application */
    -moz-box-shadow: inset 0 2px 2px #8f8f8f !important;
    -webkit-box-shadow: inset 0 2px 2px #8f8f8f !important;
    box-shadow: inset 0 2px 2px #8f8f8f !important;

    border-radius: 0 !important;
}

/* Crushes the massive PF14 right-padding on autocomplete inputs */
body .ui-autocomplete-input.ui-autocomplete-dd-input {
    padding-right: 22px !important; /* Leaves just enough room for the dropdown button */
}

/* Ensure focus/hover states on inputs remain white and don't turn gray */
body .ui-inputfield.ui-state-focus,
body .ui-inputfield.ui-state-hover {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #999999 !important;
}

body .ui-datatable table {
    table-layout: auto !important;
    width: auto !important;
    min-width: 100% !important;
}

/* Ensure the PrimeFaces table wrapper doesn't restrict the width */
body .ui-datatable .ui-datatable-tablewrapper {
    width: auto !important;
    overflow: visible !important;
}

body .ui-datatable table {
    table-layout: auto !important;
    width: auto !important;
    min-width: 100% !important;
}

/* Ensure the PrimeFaces table wrapper doesn't restrict the width */
body .ui-datatable .ui-datatable-tablewrapper {
    width: auto !important;
    overflow: visible !important;
}

/* =========================================================
   PRIMEFACES 14: Restore Legacy Dialog Background Shade
   Maps the old .rf-pp-shade to the new .ui-widget-overlay
   ========================================================= */
body .ui-widget-overlay {
    background-color: rgb(208, 208, 208) !important;
    opacity: 0.5 !important;
}

/* =========================================================
   PRIMEFACES 14: Restore Matching Schema Dialog Scrollbar
   ========================================================= */
div[id$="addEditMatchingSchemaPanel"] .ui-dialog-content {
    max-height: 550px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


/* =========================================================
   PRIMEFACES 14: Restore p:spinner Up/Down Arrows
   ========================================================= */

/* 1. Style the spinner buttons to match your legacy look */
body .ui-spinner .ui-spinner-button {
    background-color: #e6e6e6 !important;
    border-left: 1px solid #cccccc !important;
    z-index: 1 !important;
}

/* 2. Draw the UP arrow using pure CSS borders */
body .ui-spinner .ui-spinner-up .ui-icon {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-bottom: 5px solid #616161 !important;
    background: transparent !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -2px !important;
    margin-left: -4px !important;
    text-indent: -99999px !important; /* Hides broken text/fonts */
}

/* 3. Draw the DOWN arrow using pure CSS borders */
body .ui-spinner .ui-spinner-down .ui-icon {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 5px solid #616161 !important;
    border-bottom: none !important;
    background: transparent !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -2px !important;
    margin-left: -4px !important;
    text-indent: -99999px !important; /* Hides broken text/fonts */
}

/* 4. Add a hover state color (Legacy Blue) */
body .ui-spinner .ui-spinner-up:hover .ui-icon {
    border-bottom-color: #38667f !important;
}
body .ui-spinner .ui-spinner-down:hover .ui-icon {
    border-top-color: #38667f !important;
}

/* 5. Clean up the input field */
body .ui-spinner .ui-spinner-input {
    padding-right: 20px !important; /* Prevents text from hiding behind buttons */
    border-radius: 0 !important;
}

/* =========================================================
   PRIMEFACES 14: Restore "New Participant" Button Styling
   ========================================================= */

/* 1. Change 'input' to 'button' and override the PrimeFaces theme */
button[id$="addParticButton"].ui-button {
    background-color: #00AFAF !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 3px !important;
    padding: 0.25rem !important;
}

/* 2. Strip the default PrimeFaces padding from the inner text span
      so your 0.25rem button padding above dictates the exact size */
button[id$="addParticButton"].ui-button .ui-button-text {
    padding: 0 !important;
}

/* 3. Add the Hover State (targeting both native hover and PF state classes) */
button[id$="addParticButton"].ui-button:hover,
button[id$="addParticButton"].ui-button.ui-state-hover {
    background-color: #008C8C !important;
}

/* =========================================================
   PRIMEFACES 14: Restore Legacy Paginator Styling
   ========================================================= */

/* 1. Base style for ALL paginator buttons (numbers and arrows) */
body .ui-paginator .ui-paginator-page,
body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    color: #003366 !important; /* Legacy dark blue text */
    border-radius: 3px !important;
    margin: 0 2px !important;
    padding: 0 6px !important;
    height: 24px !important;
    line-height: 22px !important;
    min-width: 24px !important;
    font-weight: bold !important;
    vertical-align: middle !important;
}

/* 2. Restore the Active/Selected Page Number (Teal) */
body .ui-paginator .ui-paginator-page.ui-state-active {
    background-color: #00AFAF !important;
    border-color: #00AFAF !important;
    color: #ffffff !important;
}

/* 3. Restore Hover state for unselected buttons */
body .ui-paginator .ui-paginator-page:not(.ui-state-active):hover,
body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):hover,
body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):hover,
body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):hover,
body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):hover {
    background-color: #e6e6e6 !important;
    border-color: #aaaaaa !important;
}

/* 4. Mute disabled arrows so it's obvious they can't be clicked */
body .ui-paginator .ui-state-disabled {
    opacity: 0.5 !important;
    cursor: default !important;
    background-color: #f4f4f4 !important;
}

/* 5. Fix the missing font icons using the font-size zero trick */
body .ui-paginator .ui-icon {
    display: inline-block !important;
    text-indent: 0 !important;
    background: none !important;
    font-size: 0 !important; /* HIDES the PrimeFaces "F", "P", "N", "E" text */
    color: transparent !important; /* Extra safety to make native text invisible */
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
}

/* 6. Draw the specific Unicode arrows and restore their visible size/color */
body .ui-paginator .ui-paginator-first .ui-icon::before,
body .ui-paginator .ui-paginator-prev .ui-icon::before,
body .ui-paginator .ui-paginator-next .ui-icon::before,
body .ui-paginator .ui-paginator-last .ui-icon::before {
    font-size: 11px !important; /* Restores the size ONLY for the arrows */
    color: #38667f !important;  /* Legacy arrow blue color */
    font-family: sans-serif !important;
}

body .ui-paginator .ui-paginator-first .ui-icon::before { content: "|\25C0" !important; } /* |◀ */
body .ui-paginator .ui-paginator-prev .ui-icon::before  { content: "\25C0\25C0" !important; } /* ◀◀ */
body .ui-paginator .ui-paginator-next .ui-icon::before  { content: "\25B6\25B6" !important; } /* ▶▶ */
body .ui-paginator .ui-paginator-last .ui-icon::before  { content: "\25B6|" !important; } /* ▶| */

/* =========================================================
   PRIMEFACES 14: Restore Legacy "Add" Button Icon
   ========================================================= */

/* 1. Force the image onto the button, don't let it repeat, and anchor it to the left */
body .ui-button.addButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_add.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important; /* 5px from the left edge */
}

/* 2. Push the text to the right so it makes room for the icon */
body .ui-button.addButton .ui-button-text {
    padding-left: 26px !important; /* Adjust this if the icon is wider/narrower */
}

/* =========================================================
   PRIMEFACES 14: Restore Internal/External Email Icons
   ========================================================= */

/* --- Internal Email Button (Both States) --- */
body .ui-button.internalEmailButton,
body .ui-button.internalEmailButtonDisabled {
    background: transparent url("/archcommon/jakarta.faces.resource/images/icon_internal_email.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat 5px center !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body .ui-button.internalEmailButton .ui-button-text,
body .ui-button.internalEmailButtonDisabled .ui-button-text {
    padding: 0 0 0 26px !important;
    background: transparent !important;
}

/* --- External Email Button (Both States) --- */
body .ui-button.externalEmailButton,
body .ui-button.externalEmailButtonDisabled {
    background: transparent url("/archcommon/jakarta.faces.resource/images/icon_external_email.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat 5px center !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body .ui-button.externalEmailButton .ui-button-text,
body .ui-button.externalEmailButtonDisabled .ui-button-text {
    padding: 0 0 0 10px !important;
    background: transparent !important;
}

/* --- Color Styling: ENABLED State --- */
body .ui-button.internalEmailButton,
body .ui-button.externalEmailButton {
    opacity: 1 !important;
}

/* --- Color Styling: DISABLED State --- */
body .ui-button.internalEmailButtonDisabled,
body .ui-button.externalEmailButtonDisabled {
    color: #b3b3b3 !important; /* Light Grey Text */
    opacity: 0.5 !important; /* Fades the icon so it looks disabled */
}

/* --- Keep clean on hover --- */
body .ui-button.internalEmailButton:hover,
body .ui-button.externalEmailButton:hover {
    background-color: transparent !important;
    border: none !important;
    text-decoration: underline !important;
}

/* =========================================================
   PRIMEFACES 14: Restore Save and Cancel Button Icons
   ========================================================= */

/* --- Save Button --- */
body .ui-button.saveButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_save_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important; /* Locks icon to the left edge */
}
body .ui-button.saveButton .ui-button-text {
    padding-left: 26px !important; /* Pushes text to the right */
}

/* --- Cancel Button --- */
body .ui-button.cancelButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_cancel.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important; /* Locks icon to the left edge */
}
body .ui-button.cancelButton .ui-button-text {
    padding-left: 26px !important; /* Pushes text to the right */
}

/* =========================================================
   PRIMEFACES 14: Restore Test Connectivity & Approve Icons
   ========================================================= */

/* --- Test Connectivity Button --- */
body .ui-button.testConnectivityButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/test_connectivity.ico.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important; /* Locks icon to the left edge */
}
body .ui-button.testConnectivityButton .ui-button-text {
    padding-left: 26px !important; /* Pushes text to the right */
}

/* --- Approve NOE Button --- */
body .ui-button.approveNoeButtonEnabled {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_approve.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important; /* Locks icon to the left edge */
}
body .ui-button.approveNoeButtonEnabled .ui-button-text {
    padding-left: 26px !important; /* Pushes text to the right */
}

/* =========================================================
   PRIMEFACES 14: Master Fix for All Icon Buttons
   ========================================================= */

/* 1. APPLY COMMON SPACING: Push the text to the right for ALL these buttons */
body .ui-button.deleteButton .ui-button-text,
body .ui-button.deleteButtonBlock .ui-button-text,
body .ui-button.editButton .ui-button-text,
body .ui-button.resetButton .ui-button-text,
body .ui-button.resendButton .ui-button-text,
body .ui-button.replayButton .ui-button-text,
body .ui-button.cloneButton .ui-button-text,
body .ui-button.allocateButton .ui-button-text,
body .ui-button.refreshButton .ui-button-text,
body .ui-button.fieldSelection .ui-button-text,
body .ui-button.excelButton .ui-button-text,
body .ui-button.printButton .ui-button-text,
body .ui-button.sortButton .ui-button-text,
body .ui-button.allocationButton .ui-button-text,
body .ui-button.approveButton .ui-button-text,
body .ui-button.bookTradeButton .ui-button-text,
body .ui-button.holdButton .ui-button-text,
body .ui-button.matchingButton .ui-button-text,
body .ui-button.mutiplematchButton .ui-button-text,
body .ui-button.linkButton .ui-button-text {
    padding-left: 26px !important;
}

/* 2. APPLY COMMON ANCHORING: Lock the icons to the left edge without repeating */
body .ui-button.deleteButton,
body .ui-button.deleteButtonBlock,
body .ui-button.editButton,
body .ui-button.resetButton,
body .ui-button.resendButton,
body .ui-button.replayButton,
body .ui-button.cloneButton,
body .ui-button.allocateButton,
body .ui-button.refreshButton,
body .ui-button.fieldSelection,
body .ui-button.excelButton,
body .ui-button.printButton,
body .ui-button.sortButton,
body .ui-button.allocationButton,
body .ui-button.approveButton,
body .ui-button.bookTradeButton,
body .ui-button.holdButton,
body .ui-button.matchingButton,
body .ui-button.mutiplematchButton,
body .ui-button.linkButton {
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
}

/* 3. ASSIGN THE SPECIFIC IMAGES (safely avoiding the 'background' shorthand trap) */
body .ui-button.deleteButton       { background-image: url("/archcommon/jakarta.faces.resource/images/icon_delete_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.deleteButtonBlock  { background-image: url("/archcommon/jakarta.faces.resource/images/icon_delete_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.editButton         { background-image: url("/archcommon/jakarta.faces.resource/images/icon_edit_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.resetButton        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_reset_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.resendButton       { background-image: url("/archcommon/jakarta.faces.resource/images/refresh.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.replayButton       { background-image: url("/archcommon/jakarta.faces.resource/images/replay.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.cloneButton        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_clone.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.allocateButton     { background-image: url("/archcommon/jakarta.faces.resource/images/icon_allocate.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.fieldSelection     { background-image: url("/archcommon/jakarta.faces.resource/images/icon_field_selection.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.excelButton        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_excel.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.printButton        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_print.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.allocationButton   { background-image: url("/archcommon/jakarta.faces.resource/images/icon_allocate.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.approveButton      { background-image: url("/archcommon/jakarta.faces.resource/images/icon_approved_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.bookTradeButton    { background-image: url("/archcommon/jakarta.faces.resource/images/book.png.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.holdButton         { background-image: url("/archcommon/jakarta.faces.resource/images/icon_hold.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.matchingButton     { background-image: url("/archcommon/jakarta.faces.resource/images/icon_match.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.mutiplematchButton { background-image: url("/archcommon/jakarta.faces.resource/images/icon_mutiplematch.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }

/* 3b. RESTORE IMAGES IN DISABLED STATE (To override global ui-state-disabled stripping background-image) */
body .ui-button.deleteButton.ui-state-disabled       { background-image: url("/archcommon/jakarta.faces.resource/images/icon_delete_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.deleteButtonBlock.ui-state-disabled  { background-image: url("/archcommon/jakarta.faces.resource/images/icon_delete_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.editButton.ui-state-disabled         { background-image: url("/archcommon/jakarta.faces.resource/images/icon_edit_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.addButton.ui-state-disabled          { background-image: url("/archcommon/jakarta.faces.resource/images/icon_add.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.resetButton.ui-state-disabled        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_reset_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.resendButton.ui-state-disabled       { background-image: url("/archcommon/jakarta.faces.resource/images/refresh.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.replayButton.ui-state-disabled       { background-image: url("/archcommon/jakarta.faces.resource/images/replay.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.cloneButton.ui-state-disabled        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_clone.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.allocateButton.ui-state-disabled     { background-image: url("/archcommon/jakarta.faces.resource/images/icon_allocate.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.fieldSelection.ui-state-disabled     { background-image: url("/archcommon/jakarta.faces.resource/images/icon_field_selection.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.excelButton.ui-state-disabled        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_excel.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.printButton.ui-state-disabled        { background-image: url("/archcommon/jakarta.faces.resource/images/icon_print.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.allocationButton.ui-state-disabled   { background-image: url("/archcommon/jakarta.faces.resource/images/icon_allocate.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.approveButton.ui-state-disabled      { background-image: url("/archcommon/jakarta.faces.resource/images/icon_approved_rebranded.svg.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.bookTradeButton.ui-state-disabled    { background-image: url("/archcommon/jakarta.faces.resource/images/book.png.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.holdButton.ui-state-disabled         { background-image: url("/archcommon/jakarta.faces.resource/images/icon_hold.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.matchingButton.ui-state-disabled     { background-image: url("/archcommon/jakarta.faces.resource/images/icon_match.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.mutiplematchButton.ui-state-disabled { background-image: url("/archcommon/jakarta.faces.resource/images/icon_mutiplematch.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.refreshButton.ui-state-disabled      { background-image: url("/archcommon/jakarta.faces.resource/images/icon_refresh.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }
body .ui-button.linkButton.ui-state-disabled         { background-image: url("/archcommon/jakarta.faces.resource/images/icon_link.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important; }

/* 4. CUSTOM TWEAKS: For buttons that needed special positioning or widths in legacy */
body .ui-button.refreshButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_refresh.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-position: 5px 2px !important;
}
body .ui-button.linkButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_link.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-position: 5px 2px !important;
}
body .ui-button.sortButton {
    background-image: url("/archcommon/jakarta.faces.resource/images/icon_sort.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    width: 3% !important;
}

/* =========================================================
   NON-BUTTON ICONS (Panels, Toggles, Trees)
   ========================================================= */
/* Keeping these safe from shorthand destruction as well */
.trCommandFoldIcon {
    width: 11px;
    height: 11px;
    cursor: pointer;
}
.panelCollapse {
    background-image: url("/archcommon/jakarta.faces.resource/images/panel_collapse.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
}
.panelExpand {
    background-image: url("/archcommon/jakarta.faces.resource/images/panel_expand.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
}

/* =========================================================
   PRIMEFACES 14: Strip Button Themes (Flat, No Background)
   ========================================================= */

/* 1. Remove all PrimeFaces backgrounds, borders, and shadows */
body .ui-button.toolbarButton,
body .ui-button.internalEmailButton,
body .ui-button.externalEmailButton,
body .ui-button.resendButton,
body .ui-button.editButton,
body .ui-button.deleteButton,
body .ui-button.addButton {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #333333 !important; /* Keeps your text dark and readable */
}

/* =========================================================
   PRIMEFACES 14: Restore Report Navigation Bar (Scroller)
   ========================================================= */

/* ---------------------------------------------------------
   1. Fix the Navigation Arrow Buttons
   --------------------------------------------------------- */
/* Restore the 3D button look with gradients and borders */
body .ui-button.Nav_scrlbutton {
    background-color: #f4f4f4 !important;
    background-image: linear-gradient(to bottom, #ffffff, #e0e0e0) !important;
    border: 1px solid #cccccc !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 24px !important;
    height: 22px !important;
    min-width: 24px !important; /* Overrides PF defaults */
    margin: 0 2px !important;
    vertical-align: middle !important;
}

body .ui-button.Nav_scrlbutton.ui-state-hover:not(.ui-state-disabled) {
    background-image: linear-gradient(to bottom, #ffffff, #d0d0d0) !important;
    border-color: #999999 !important;
}

/* Style the empty inner span to hold our new arrows */
body .ui-button.Nav_scrlbutton .ui-button-text {
    display: block !important;
    padding: 0 !important;
    line-height: 20px !important;
    color: #888888 !important; /* Legacy gray arrow color */
    font-size: 11px !important;
    font-family: sans-serif !important;
    text-align: center !important;
}

/* Inject the specific Unicode Arrows */
body .ui-button.Nav_scrlbutton_first .ui-button-text::before { content: "|\25C0" !important; letter-spacing: -1px; } /* |◀ */
body .ui-button.Nav_scrlbutton_prev .ui-button-text::before  { content: "\25C0" !important; } /* ◀ */
body .ui-button.Nav_scrlbutton_next .ui-button-text::before  { content: "\25B6" !important; } /* ▶ */
body .ui-button.Nav_scrlbutton_last .ui-button-text::before  { content: "\25B6|" !important; letter-spacing: -1px; } /* ▶| */

/* Ensure disabled buttons look faint and unclickable */
body .ui-button.Nav_scrlbutton.ui-state-disabled {
    opacity: 0.5 !important;
    cursor: default !important;
}

/* ---------------------------------------------------------
   2. Fix the "Rows per Page" Dropdown
   --------------------------------------------------------- */
/* Restore the white box and border */
body .navBg .ui-selectonemenu {
    background: #ffffff !important;
    border: 1px solid #a8a8a8 !important;
    border-radius: 2px !important;
    height: 22px !important;
    min-width: 100px !important;
    vertical-align: middle !important;
    margin: 0 5px !important;
}

/* Fix the text alignment inside the dropdown */
body .navBg .ui-selectonemenu .ui-selectonemenu-label {
    padding: 0 5px !important;
    line-height: 20px !important;
    color: #000000 !important;
    font-weight: normal !important;
}

/* Restore the classic 3D button look to the dropdown arrow trigger */
body .navBg .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 20px !important;
    background-color: #e0e0e0 !important;
    background-image: linear-gradient(to bottom, #ffffff, #cccccc) !important;
    border-left: 1px solid #a8a8a8 !important;
    border-radius: 0 2px 2px 0 !important;
    padding: 0 !important;
}

/* Un-hide the icon span and center the text */
body .navBg .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    display: block !important;
    text-indent: 0 !important; /* Brings the hidden text back to the screen */
    background: none !important; /* Strips any broken background images */
    font-size: 10px !important;
    color: #444444 !important; /* Legacy dark gray arrow color */
    width: 100% !important;
    height: 100% !important;
    line-height: 20px !important; /* Vertically centers the arrow */
    text-align: center !important; /* Horizontally centers the arrow */
}

/* Inject the native Unicode downward arrow */
body .navBg .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before {
    content: "\25BC" !important; /* ▼ */
}

/* ---------------------------------------------------------
   3. Fix Vertical Text Alignment
   --------------------------------------------------------- */
/* Ensures "Page 1", "Show", and "Rows per Page" line up perfectly */
body span[id$="pageOrient"],
body .navText {
    vertical-align: middle !important;
    line-height: 22px !important;
    display: inline-block !important;
}

/* =========================================================
   PRIMEFACES 14: Global Fix for SelectOneMenu Dropdown Icons
   ========================================================= */

/* 1. Un-hide the icon span and center the text */
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    display: block !important;
    text-indent: 0 !important; /* Brings the hidden text back to the screen */
    background: none !important; /* Strips any broken background images */
    font-size: 10px !important;
    color: #444444 !important; /* Legacy dark gray arrow color */
    width: 100% !important;
    height: 100% !important;
    line-height: 20px !important; /* Vertically centers the arrow */
    text-align: center !important; /* Horizontally centers the arrow */
}

/* 2. Inject the native Unicode downward arrow globally */
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon::before {
    content: "\25BC" !important; /* ▼ */
}

/* =========================================================
   PRIMEFACES 14: Global Fix for Calendar/DatePicker Icons
   ========================================================= */

/* Target the hidden icon span inside the calendar trigger button */
body .ui-datepicker-trigger .ui-icon {
    background-image: url("/archcommon/resources/images/icon_calendar.gif") !important;
    background-repeat: no-repeat !important;
    background-position: center !important; /* Centers the GIF perfectly in the box */
    display: block !important;
    text-indent: 0 !important;
    font-size: 0 !important; /* Hides the broken PrimeFaces font icon */
    color: transparent !important; /* Extra safety to hide native text */
    width: 16px !important; /* Adjust if your GIF is larger/smaller */
    height: 16px !important;
}

/* =========================================================
   PRIMEFACES 14: Restore PickList (Shuttle) Buttons & Icons
   ========================================================= */

/* 1. Restore the 3D legacy gray background, borders, and size */
body .ui-picklist .ui-picklist-buttons .ui-button {
    background-color: #e8e8e8 !important;
    background-image: linear-gradient(to bottom, #f4f4f4, #d0d0d0) !important; /* Darker, more accurate legacy gray */
    border: 1px solid #a0a0a0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    width: 30px !important; /* Legacy width */
    height: 24px !important; /* Legacy height */
    margin-bottom: 6px !important;
    padding: 0 !important;
}

body .ui-picklist .ui-picklist-buttons .ui-button:hover:not(.ui-state-disabled) {
    background-image: linear-gradient(to bottom, #ffffff, #c0c0c0) !important;
    border-color: #888888 !important;
}

/* 2. KILL the PrimeFaces absolute positioning and center the area */
body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon {
    display: block !important;
    position: static !important; /* Removes PF absolute centering */
    margin: 0 !important; /* Removes the sneaky -8px PF margin */
    left: auto !important;
    top: auto !important;
    text-indent: 0 !important;
    background: none !important;
    font-size: 0 !important;
    color: transparent !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 22px !important; /* Vertically centers the arrow */
    text-align: center !important; /* Horizontally centers the arrow */
}

/* 3. Style the new native arrows (thicker and darker) */
body .ui-picklist .ui-picklist-buttons .ui-button .ui-icon::before {
    font-size: 15px !important;
    color: #4a5d75 !important; /* Legacy dark slate blue arrow color */
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
    display: inline-block !important;
}

/* 4. Inject the specific Unicode arrows for each button */
body .ui-picklist .ui-picklist-button-add .ui-icon::before       { content: "\2192" !important; } /* → */
body .ui-picklist .ui-picklist-button-add-all .ui-icon::before   { content: "\2192|" !important; letter-spacing: -2px; } /* →| */
body .ui-picklist .ui-picklist-button-remove .ui-icon::before    { content: "\2190" !important; } /* ← */
body .ui-picklist .ui-picklist-button-remove-all .ui-icon::before { content: "|\2190" !important; letter-spacing: -2px; margin-left: -2px !important; } /* |← */

/* 5. Ensure disabled buttons look unclickable */
body .ui-picklist .ui-picklist-buttons .ui-button.ui-state-disabled {
    opacity: 0.5 !important;
    cursor: default !important;
}


/* =========================================================
   PRIMEFACES 14: Restore Legacy Tree Menu Styling (V2)
   ========================================================= */

/* 1. Strip the overall container borders and background */
body .ui-tree {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* 2. Create the stair-step hierarchy for children (Fixes "Billing" sub-items) */
body .ui-tree .ui-treenode-children {
    padding-left: 22px !important; /* Indents the nested items */
    margin: 0 !important;
}

/* 3. The Tree Nodes and Lines */
body .ui-tree .ui-treenode {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important; /* Changed from 2px 0 to 0 */
    background: none !important;
}

/* Draw the Vertical Line */
body .ui-tree .ui-treenode::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 6px !important; /* Moves line slightly inward */
    border-left: 1px dotted #aaaaaa !important; /* Dotted looks more legacy than solid */
}

/* Draw the Horizontal Notches */
body .ui-tree .ui-treenode::after {
    content: "" !important;
    position: absolute !important;
    top: 9px !important; /* Changed from 12px to 9px */
    left: 6px !important;
    width: 12px !important;
    border-top: 1px dotted #aaaaaa !important;
}

/* Stop the vertical line on the very last node */
body .ui-tree .ui-treenode:last-child::before {
    height: 13px !important;
    bottom: auto !important;
}

/* 4. Fix Overlapping: Push the text safely away from the lines */
body .ui-tree .ui-treenode-content {
    display: inline-block !important;
    margin-left: 22px !important;
    padding: 0px 6px !important; /* Changed from 2px 6px to 0px 6px */
    border: 1px solid transparent !important;
}

/* 5. Fix the Selected Node (Light Gray Box) */
body .ui-tree .ui-treenode-content.ui-state-highlight {
    box-shadow: none !important;
}
body .ui-tree .ui-treenode-content.ui-state-highlight .setup-menu-node {
    color: #444444 !important;
    font-weight: bold !important;
}

/* Subtle hover effect for unselected items */
body .ui-tree .ui-treenode-content:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

body .ui-tree .setup-menu-tree {
    font-size: 11px !important;
    font-family: Arial, Verdana, sans-serif !important;
    text-decoration: none !important;
    color: #000000 !important;
    font-weight: normal !important;
    outline: none !important;
}

body .ui-tree .setup-menu-tree:focus,
body .ui-tree .setup-menu-tree:active {
    outline: none !important;
}

body .ui-tree .setup-menu-tree:hover {
    text-decoration: none !important;
    color: #000000 !important;
}

/* 6. Restore the missing Expand/Collapse [+] / [-] icons */
body .ui-tree .ui-tree-toggler {
    display: inline-block !important;
    text-indent: 0 !important;
    background: #ffffff !important;
    background-image: none !important; /* Strips broken Primefaces icons */
    border: 1px solid #888888 !important; /* Classic square box */
    border-radius: 2px !important;
    width: 12px !important;
    height: 12px !important;
    line-height: 10px !important;
    text-align: center !important;
    font-size: 10px !important;
    color: #333333 !important;
    margin-right: 4px !important;
    position: relative !important;
    z-index: 10 !important; /* Keeps it clickable above the lines */
    vertical-align: middle !important;
}

/* Inject the plus and minus signs */
body .ui-tree .ui-tree-toggler.ui-icon-triangle-1-e::before { content: "+" !important; }
body .ui-tree .ui-tree-toggler.ui-icon-triangle-1-s::before { content: "-" !important; }

/* 7. Hide the broken PrimeFaces blank icon spacers */
body .ui-tree .ui-treenode-icon {
    display: none !important;
}


/* =========================================================
   PRIMEFACES 14: Use Java Bean State for Tree Highlighting
   ========================================================= */

/* Ensure every single setup menu link inside the tree ALWAYS has the exact same font size and font family, under all states! */
body .ui-tree .setup-menu-tree,
body .ui-tree .ui-treenode-content .setup-menu-tree,
body .ui-tree .ui-treenode-content.ui-state-highlight .setup-menu-tree,
body .ui-tree .ui-treenode-content.ui-state-highlight .setup-menu-node,
body .ui-tree .ui-treenode-content.ui-state-highlight .setup-menu-tree:not(.selected-menu-node),
body .ui-tree .selected-menu-node,
body .ui-tree .setup-menu-tree.selected-menu-node,
body .ui-tree span.setup-menu-tree,
body .ui-tree .ui-state-disabled span {
    font-size: 11px !important;
    font-family: Arial, Verdana, sans-serif !important;
}

/* Specific high-specificity override to defeat JBoss cached inherit-size rules on load */
body .ui-tree .ui-tree-container .ui-treenode-content.ui-state-highlight .setup-menu-tree:not(.selected-menu-node),
body .ui-tree .ui-tree-container .ui-treenode-content.ui-state-highlight .setup-menu-node {
    font-size: 11px !important;
    font-family: Arial, Verdana, sans-serif !important;
}

/* 1. Highlight the native PrimeFaces selected node with a beautiful subtle gray box and make text BOLD on selection */
body .ui-tree .ui-treenode-content.ui-state-highlight {
    border-radius: 2px !important;
    padding: 0px 6px !important; /* Keeps the tight vertical spacing */
}

body .ui-tree .ui-treenode-content.ui-state-highlight .setup-menu-tree {
    font-weight: bold !important;
    color: #444444 !important;
}

/* If another node is explicitly selected by Java (has .selected-menu-node), 
   then turn off the native highlight box and bolding for any node that is NOT selected by Java! */
body .ui-tree:has(.selected-menu-node) .ui-treenode-content.ui-state-highlight:not(:has(.selected-menu-node)) {
    background-color: transparent !important;
    border-color: transparent !important;
}

body .ui-tree:has(.selected-menu-node) .ui-treenode-content.ui-state-highlight:not(:has(.selected-menu-node)) .setup-menu-tree {
    font-weight: normal !important;
    color: #000000 !important;
}

/* Selected highlighted node in a disabled tree (e.g. before choosing a participant) */
body .ui-tree .ui-treenode-content.ui-state-highlight:has(span.setup-menu-tree) {
    background-color: transparent !important;
    border-radius: 2px !important;
    padding: 0px 6px !important;
}

body .ui-tree .ui-treenode-content.ui-state-highlight:has(span.setup-menu-tree) span {
    color: #999999 !important;
    font-weight: normal !important;
}

/* Turn off PrimeFaces' native hover styling completely—no borders, backgrounds, outlines, or shadows on hover/focus */
body .ui-tree .setup-menu-tree:hover,
body .ui-tree .setup-menu-tree:focus,
body .ui-tree .setup-menu-tree:active,
body .ui-tree .selected-menu-node:hover {
    background-color: transparent !important;
    background-image: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Prevent PrimeFaces hover from overriding highlighted state and prevent border layout jumps */
body .ui-tree .ui-treenode-content:not(.ui-state-highlight):hover,
body .ui-tree .ui-treenode-content.ui-state-hover:not(.ui-state-highlight),
body .ui-tree:has(.selected-menu-node.other-menu-node) .ui-treenode-content.ui-state-highlight:hover,
body .ui-tree:has(.selected-menu-node.other-menu-node) .ui-treenode-content.ui-state-highlight.ui-state-hover {
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

/* Maintain highlighted state appearance when hovered (only if it is truly the active node, i.e., there is no other selected node) */
body .ui-tree:not(:has(.selected-menu-node.other-menu-node)) .ui-treenode-content.ui-state-highlight:hover,
body .ui-tree:not(:has(.selected-menu-node.other-menu-node)) .ui-treenode-content.ui-state-highlight.ui-state-hover {
    background-color: #f0f0f0 !important;
    box-shadow: none !important;
}

/* 2. Apply the beautiful subtle gray box highlight and bolding only to client-synced selected-menu-node */
body .ui-tree .selected-menu-node {
    background-color: #f0f0f0 !important;
    border: 1px solid #dddddd !important;
    border-radius: 2px !important;
    padding: 0px 6px !important; /* Keeps the tight vertical spacing */
    color: #444444 !important;
    font-weight: bold !important;
    display: inline-block !important;
    text-decoration: none !important;
}

body .ui-tree .setup-menu-tree.selected-menu-node {
    font-weight: bold !important;
    color: #444444 !important;
}

/* If the tree has another active selected node, turn off the highlight box for General Details' parent content container! */
body .ui-tree:has(.selected-menu-node.other-menu-node) .ui-treenode-content.ui-state-highlight:has(.general-details-node) {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

/* If the tree has another active selected node, turn off the bolding and color for General Details' link! */
body .ui-tree:has(.selected-menu-node.other-menu-node) .ui-treenode-content.ui-state-highlight .general-details-node,
body .ui-tree:has(.selected-menu-node.other-menu-node) .selected-menu-node.general-details-node {
    font-weight: normal !important;
    color: #000000 !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
}

/*!* =========================================================*/
/*   PRIMEFACES 14: Fix Dialog Overlay Clipping (Dropdowns/Calendars)*/
/*   ========================================================= *!*/


/* 2. Force the dropdown lists and calendars to sit on top of the dialog's shadow */
body .ui-datepicker,
body .ui-datepicker-panel {
    z-index: 999999 !important; /* Insanely high number guarantees it sits on top */
}

/* 1. Light, flat table headers */
body .ui-datatable thead th,
body .ui-datatable .ui-column-header {
    background: #f4f4f4 !important; /* Flat, very light gray */
    background-image: none !important; /* Kills any legacy 3D gradients */
    font-weight: 600 !important; /* Semi-bold, not overly harsh */
    border: 1px solid #e0e0e0 !important; /* Very subtle, light gray border */
}

/* Target only the setup tables header with the 3D grey gradient from QA */
body .ui-datatable table.greyHeaderTable thead th {
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important;
    background: #c4c4c4 linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
    font-weight: bold !important;
}

/* Fix the squeezed column and row widths for setup tables according to the screen */
body .ui-datatable table.fixedLayoutTable {
    table-layout: fixed !important;
    width: 100% !important;
}

/* Disable styles for inactive/disabled tree nodes */
body .ui-tree .setup-menu-tree[disabled],
body .ui-tree .ui-state-disabled,
body .ui-tree span.setup-menu-tree {
    color: gray !important;
    cursor: default !important;
}

/* 2. Soft borders for the data cells */
body .ui-datatable .ui-datatable-data > tr > td {
    border: 1px solid #e0e0e0 !important; /* Matches the soft header border */
}

/* 1. Kill legacy sprites, reset indent, and HIDE the jQuery text */
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span {
    background-image: none !important;
    text-indent: 0 !important;
    font-size: 0 !important; /* MAGICAL FIX: Shrinks the "Previous/Next" text to 0 pixels! */
    color: transparent !important; /* Backup: makes text invisible */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100%;
    height: 100%;
}

/* 2. Force the correct PrimeIcons to render at normal size */
body .ui-datepicker .ui-datepicker-prev span::before {
    content: "\e900" !important; /* PrimeIcons Chevron Left */
    font-family: 'primeicons' !important;
    font-size: 1rem !important; /* Bring the icon size back up! */
    display: block !important;
    color: #495057 !important;
}

body .ui-datepicker .ui-datepicker-next span::before {
    content: "\e901" !important; /* PrimeIcons Chevron Right */
    font-family: 'primeicons' !important;
    font-size: 1rem !important; /* Bring the icon size back up! */
    display: block !important;
    color: #495057 !important;
}

/* Optional: Add a nice hover effect to match modern PF14 */
body .ui-datepicker .ui-datepicker-prev:hover,
body .ui-datepicker .ui-datepicker-next:hover {
    background-color: #e9ecef !important;
}

/* 1. Global Dropdown Hover State (when moving mouse over items) */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover,
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-hover {
    color: #555555 !important;
    background-image: none !important; /* Kills the legacy yellow gradient */
    border-color: transparent !important;  /* Removes any weird yellow borders */
    text-shadow: none !important;      /* Cleans up legacy text shadows */
}


/* 2. Global Dropdown Selected State (the item currently chosen) */
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight,
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    background: #00AFAF !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #00AFAF !important;
    text-shadow: none !important;
}
/* 1. Remove the grey background, gradients, and shadows from the main dropdown box */
body .ui-selectonemenu.ui-state-default {
    background: transparent !important; /* Use #ffffff if you want solid white instead */
    background-image: none !important;
    box-shadow: none !important; /* Kills any subtle 3D shadows */
    border: 1px solid #cccccc !important; /* A clean, flat, light-grey border */
}


/* 4. Ensure it stays clean even when you hover over it or click it */
body .ui-selectonemenu.ui-state-hover,
body .ui-selectonemenu.ui-state-focus {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}


/* 1. Target the ACTIVE tab background and borders */
body .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active {
    background: #E2E2E2 !important; /* Exact grey color requested */
    background-image: none !important;
    border: 1px solid #c5c5c5 !important;
    border-bottom: 1px solid #E2E2E2 !important; /* Matches background to blend into the panel */
    border-radius: 3px 3px 0 0 !important;
}

/* 2. Target the text inside the ACTIVE tab */
body .ui-tabs .ui-tabs-nav .ui-tabs-header.ui-state-active a {
    color: #006699 !important; /* Classic blue text */
    font-weight: normal !important;
    outline: none !important;
}

/* 3. Target the INACTIVE tabs */
body .ui-tabs .ui-tabs-nav .ui-tabs-header:not(.ui-state-active) {
    background: #f4f4f4 !important;
    background-image: none !important;
    border: 1px solid #dcdcdc !important;
}

/* 4. Target the text inside INACTIVE tabs */
body .ui-tabs .ui-tabs-nav .ui-tabs-header:not(.ui-state-active) a {
    color: #555555 !important;
}

/* 1. Force both the header table and body table to STRICTLY obey your widths */
body .ui-datatable-scrollable table {
    table-layout: fixed !important;
    width: 100% !important;
}

/* 2. Stop long text (like emails) from stretching the cell width */
body .ui-datatable-scrollable .ui-datatable-scrollable-header th,
body .ui-datatable-scrollable .ui-datatable-data > tr > td {
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Adds '...' if text is too long */
    white-space: nowrap !important; /* Forces text to stay on one line so row heights match */
    padding: 4px 8px !important; /* Standardize padding so math is predictable */
}

/* 1. Reset the container */
body .ui-datatable .ui-sortable-column-icon {
    background-image: none !important;
    text-indent: 0 !important;
    display: inline-block !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
    bottom: 2px ;
}

/* 2. Style the Sortable Column Icon based on its specific sort state */
body .ui-datatable .ui-sortable-column-icon::before {
    font-family: 'primeicons' !important;
    color: #006699 !important;
    font-size: 0.7rem !important;
    display: block !important;
}

body .ui-datatable .ui-sortable-column-icon.ui-icon-carat-2-n-s::before {
    content: "\e915" !important; /* PrimeIcons 'pi-sort' (The classic double arrow) */
}

body .ui-datatable .ui-sortable-column-icon.ui-icon-triangle-1-n::before {
    content: "\e914" !important; /* PrimeIcons 'pi-sort-up' (Arrow pointing up) */
}

body .ui-datatable .ui-sortable-column-icon.ui-icon-triangle-1-s::before {
    content: "\e913" !important; /* PrimeIcons 'pi-sort-down' (Arrow pointing down) */
}

/* 1. Strip the gray box, add the image, and FORCE the dimensions to fit it */
body .ui-button.Nav_countrecords_btn {
    background-color: transparent !important;
    background-image: url("/archcommon/jakarta.faces.resource/images/counter.png.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    border: none !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-weight: bold !important;

    /* -- NEW FIXES BELOW -- */
    display: inline-block !important;
    min-height: 26px !important; /* Forces the button to be tall enough for the image */
    line-height: 26px !important; /* Vertically centers the text with the taller button */
    padding: 0 0 0 34px !important; /* Increased from 28px to give the image more breathing room on the right */
    overflow: visible !important; /* Stops PrimeFaces from acting like scissors on the edges */
}

/* 2. Reset the inner text span padding so it aligns nicely */
body .ui-button.Nav_countrecords_btn .ui-button-text {
    padding: 0 !important;
    color: inherit !important;
    line-height: inherit !important;
}

/* 3. Keep it clean even when hovered or clicked */
body .ui-button.Nav_countrecords_btn.ui-state-hover,
body .ui-button.Nav_countrecords_btn.ui-state-focus,
body .ui-button.Nav_countrecords_btn.ui-state-active {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 1. Remove the grey background, gradients, and shadows from the main dropdown box */
body .ui-selectonemenu.ui-state-default {
    background: transparent !important; /* Use #ffffff if you want solid white instead */
    background-image: none !important;
    box-shadow: none !important; /* Kills any subtle 3D shadows */
    border: 1px solid #cccccc !important; /* A clean, flat, light-grey border */
}

/* 2. Change the blue text (e.g., "Today") to dark charcoal */
body .ui-selectonemenu .ui-selectonemenu-label {
    color: #333333 !important;
    background: transparent !important;
}

/* 4. Ensure it stays clean even when you hover over it or click it */
body .ui-selectonemenu.ui-state-hover,
body .ui-selectonemenu.ui-state-focus {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 1. Remove the grey background, gradients, and shadows from the main dropdown box */
body .ui-selectonemenu.ui-state-default {
    background: transparent !important; /* Use #ffffff if you want solid white instead */
    background-image: none !important;
    box-shadow: none !important; /* Kills any subtle 3D shadows */
    border: 1px solid #cccccc !important; /* A clean, flat, light-grey border */
}

/* 2. Change the blue text (e.g., "Today") to dark charcoal */
body .ui-selectonemenu .ui-selectonemenu-label {
    color: #333333 !important;
    background: transparent !important;
}

/* 4. Ensure it stays clean even when you hover over it or click it */
body .ui-selectonemenu.ui-state-hover,
body .ui-selectonemenu.ui-state-focus {
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}


/* 1. Force a strict physical size on the dropdown container so it cannot shrink */
td#selectPresetAllocationTd .ui-selectonemenu {
    min-height: 18px !important; /* Matches standard PrimeFaces input height */
    box-sizing: border-box !important;
}

/* 2. Force the inner label to hold the height open, even if it is completely empty */
td#selectPresetAllocationTd .ui-selectonemenu .ui-selectonemenu-label {
    min-height: 18px !important;
    line-height: 15px !important; /* Vertically centers the text when it finally gets populated */
    display: block !important;
    padding-left: 5px !important;
    box-sizing: border-box !important;
}

/* 1. Kill the default browser underline on the anchor link (which is usually blue or grey) */
a.ui-commandlink {
    text-decoration: none;
}


/* Target the text input area of a required PrimeFaces Calendar */
.inputRequired .ui-inputfield {
    background-color: #ffffcc !important; /* Standard pale yellow for required fields */
    background-image: none !important;
}

/* Target the label area of a required PrimeFaces SelectOneMenu */
.inputRequired.ui-selectonemenu .ui-selectonemenu-label {
    background-color: #ffffcc !important;
    background-image: none !important;
}

/* Ensure standard h:inputText with inputRequired also keeps the yellow color */
input.inputRequired, textarea.inputRequired {
    background-color: #ffffcc !important;
}

/* Add a light gray background when hovering over autocomplete dropdown items */
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-hover,
body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item:hover,
ul.ui-autocomplete li.ui-menu-item:hover,
ul.ui-autocomplete li.ui-menu-item .ui-state-focus,
ul.ui-autocomplete li.ui-menu-item .ui-state-active {
    background-color: #dcdcdc !important; /* The exact light gray from your screenshot */
    background-image: none !important;    /* Keeps the ugly gradients away */
    border-color: transparent !important; /* Keeps the borders hidden */
    color: #000000 !important;            /* Ensures the text stays dark and readable */
    cursor: pointer !important;
}

body .ui-button.refreshButton {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    background-image: url("/archcommon/resources/images/icon_refresh_rebranded.svg") !important;
    background-repeat: no-repeat !important;
    width: 16px !important;
    height: 16px !important;
}


/* 1. Remove padding from the outer list item wrapper so it doesn't create dead space */
body .ui-menu .ui-menu-list .ui-menuitem {
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Force the clickable link to expand to the edges and take on the padding */
body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 15px !important; /* Adjust this to match your desired row height/spacing */
    cursor: pointer !important;
}


/* 1. Hide the default PrimeFaces icons on the TOP LEVEL menu bar so they don't overlap text */
body .ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > .ui-menuitem-icon {
    display: none !important;
}

/* 2. Target ONLY the nested dropdowns (.ui-menu-child) for the right-facing arrows */
body .ui-menu .ui-menu-child .ui-menuitem.ui-menu-parent > .ui-menuitem-link {
    position: relative !important;
}

/* 3. Draw the right-facing arrow ONLY in the dropdowns */
body .ui-menu .ui-menu-child .ui-menuitem.ui-menu-parent > .ui-menuitem-link::after {
    font-family: 'primeicons' !important;
    content: '\e901' !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 10px !important;
    color: #000000 !important;
}

/* 4. Hide the default PrimeFaces dropdown icons so you don't get duplicate arrows */
body .ui-menu .ui-menu-child .ui-menuitem.ui-menu-parent > .ui-menuitem-link > .ui-menuitem-icon {
    display: none !important;
}

/* 1. The Overlay: Force it to stretch across the entire screen */
body .osttra-modal-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 999998 !important;
    display: block !important; /* Removes flexbox reliance */
}

/* 2. The Modal Box: Force it to the absolute dead center of the screen */
body .osttra-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    /* Sizing constraints */
    width: 80% !important;
    max-width: 800px !important;
    max-height: 90vh !important;
    overflow-y: auto !important;

    /* Styling */
    background-color: #ffffff !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2) !important;
    z-index: 999999 !important;
    margin: 0 !important;
    padding: 0 !important; /* FIXED: Removed the extra 20px padding causing the squish */
}

/* 3. Keep the text-wrapping rules to prevent spillage */
body .osttra-modal .osttra-modal-title p,
body .osttra-modal .osttra-modal-content p {
    white-space: normal !important;
    word-wrap: break-word !important;
}

/* 1. Ensure the radio box can center the dot perfectly */
body .ui-radiobutton .ui-radiobutton-box {
    position: relative !important;
}

/* 2. Draw a perfectly centered, properly sized physical CSS circle */
body .ui-radiobutton:not(.ui-state-disabled) .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
    background-image: none !important;
    background-color: #1C4257 !important;
    border-radius: 50% !important;

    /* Shrink the dot slightly for a cleaner look */
    width: 6px !important;
    height: 6px !important;

    /* Absolute centering */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    /* THE FIX: Destroy PrimeFaces default icon margins */
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* 3. Kill any invisible PrimeIcon font characters that might interfere */
body .ui-radiobutton:not(.ui-state-disabled) .ui-radiobutton-box.ui-state-active .ui-icon-bullet::before {
    content: '' !important;
    display: none !important;
}

/* Forcefully hide the horizontal scrollbar on the custom tree wrapper and the PrimeFaces tree itself */
.treeStyle,
.treeStyle .ui-tree {
    overflow-x: hidden !important;
}

/* Optional: Ensure the inner tree container doesn't force a minimum width that pushes past the boundaries */
.treeStyle .ui-tree .ui-tree-container {
    min-width: 100% !important;
    box-sizing: border-box !important;
}

/* 1. Default state - dark gray so they don't vanish */
.ui-texteditor .ql-toolbar button svg .ql-stroke {
    stroke: #444444 !important;
}
.ui-texteditor .ql-toolbar button svg .ql-fill {
    fill: #444444 !important;
}

/* 2. Hover state - a nice soft blue */
.ui-texteditor .ql-toolbar button:hover svg .ql-stroke {
    stroke: #0056b3 !important;
}
.ui-texteditor .ql-toolbar button:hover svg .ql-fill {
    fill: #0056b3 !important;
}

/* 3. FIXED: Active/Selected state - bold blue so you know it's turned on! */
.ui-texteditor .ql-toolbar button.ql-active svg .ql-stroke {
    stroke: #0066cc !important;
}
.ui-texteditor .ql-toolbar button.ql-active svg .ql-fill {
    fill: #0066cc !important;
}

/* 1. Override the PrimeFaces theme for the Get Report button */
button[id$="testGoButton"].ui-button {
    background-color: #00AFAF !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 3px !important;
    padding: 0.25rem 0.75rem !important; /* Slightly wider padding looks better on text buttons */
}

/* 2. Strip the default PrimeFaces padding from the inner text span */
button[id$="testGoButton"].ui-button .ui-button-text {
    padding: 0 !important;
}

/* 3. Add the Hover State */
button[id$="testGoButton"].ui-button:hover,
button[id$="testGoButton"].ui-button.ui-state-hover {
    background-color: #008C8C !important;
}

/* 1. Apply the background image to the button and position it on the left */
button.bookTradeButton.ui-button {
    background-image: url("/archcommon/jakarta.faces.resource/images/book.png.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
    background-repeat: no-repeat !important;
    background-position: 6px center !important; /* 6px from the left, vertically centered */
}

/* 2. Push the inner PrimeFaces text span to the right so it doesn't overlap the book */
button.bookTradeButton.ui-button .ui-button-text {
    padding-left: 28px !important; /* Adjust this if the book is wider than 16px */
}

.icon-delete {
    background: url("/archcommon/jakarta.faces.resource/images/icon_delete_2.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat ;
    width: 16px !important;
    height: 16px !important;
    display: block;
}

/* 1. Base transparent styling for BOTH active and disabled states */
body .ui-button.markAsHandledButton,
body .ui-button.markAsHandledButtonDisabled {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* 2. Strip PrimeFaces background on the inner text span */
body .ui-button.markAsHandledButton .ui-button-text,
body .ui-button.markAsHandledButtonDisabled .ui-button-text {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
}

/* 3. The ACTIVE (Enabled) State */
body .ui-button.markAsHandledButton {
    opacity: 1.0 !important;       /* Full visibility */
    color: #333333 !important;     /* Dark text matching the other buttons */
    cursor: pointer !important;
}

/* 4. The DISABLED State (Catches your custom class OR PrimeFaces native disable) */
body .ui-button.markAsHandledButtonDisabled,
body .ui-button.markAsHandledButton.ui-state-disabled {
    opacity: 0.4 !important;       /* Faded look */
    color: #999999 !important;     /* Grey text */
    cursor: default !important;
    pointer-events: none !important;
}

/* 5. HOVER State for Enabled Button */
body .ui-button.markAsHandledButton:hover,
body .ui-button.markAsHandledButton.ui-state-hover {
    background-color: #e0e0e0 !important; /* Subtle grey hover background */
    border-radius: 3px !important;       /* Matches standard button rounding */
}

/* Targets the inner text element ONLY when the row status is explicitly 'Hold' */
a.ui-commandlink.status-hold,
a.ui-commandlink.status-hold span {
    text-decoration: underline !important;
    text-decoration-color: currentColor !important; /* Matches your green/red/orange text color beautifully */
    text-underline-offset: 2px;
}

/* 1. Pin the red close icon nicely to the left edge of the button */
body .ui-button.cancelButton,
body .ui-button.cancelButton.ui-state-default {
    background-color: transparent !important;
    background-position: 4px center !important; /* Keeps icon anchored to the left */
    border: none !important;
    box-shadow: none !important;
    color: #333333 !important;
    cursor: pointer !important;
}

/* 2. INCREASE PADDING: Pushes the "Close" text rightward to eliminate the distortion */
body .ui-button.cancelButton .ui-button-text {
    padding-left: 26px !important; /* Increased from 20px to clear the circular icon */
    padding-right: 4px !important;
    display: inline-block !important;
}

/* 3. Maintain consistent hover background */
body .ui-button.cancelButton:hover,
body .ui-button.cancelButton.ui-state-hover {
    background-color: #e0e0e0 !important;
    border-radius: 3px !important;
}
body .ui-button.deleteButton:hover,
body .ui-button.deleteButton.ui-state-hover {
    background-color: #e0e0e0 !important; /* Subtle grey hover background */
    border-radius: 3px !important;       /* Clean rounded corners */
}

.dialog-close-btn {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

/* ========================================================
   SPECIFIC OVERRIDE: NO OUTER BORDER + IMAGE 2 HIGHLIGHTED HEADERS
   ======================================================== */

/* 1. Keep the outer bounding frame line hidden */
body .ui-datatable[id$="currencyManagement"],
body .ui-datatable[id$="currencyManagement"] .ui-datatable-tablewrapper,
body .ui-datatable[id$="currencyGroupManagement"],
body .ui-datatable[id$="currencyGroupManagement"] .ui-datatable-tablewrapper,
body .ui-datatable[id$="currencyPairsGroupsManagement"],
body .ui-datatable[id$="currencyPairsGroupsManagement"] .ui-datatable-tablewrapper,
body .ui-datatable[id$="currencyPairsManagement"],
body .ui-datatable[id$="currencyPairsManagement"] .ui-datatable-tablewrapper{
    border: none !important;
    box-shadow: none !important;
}

/* 2. HIGHLIGHT HEADERS: Applies the exact shaded grey gradient look from Image 2 */
body .ui-datatable[id$="currencyManagement"] th.ui-state-default,
body .ui-datatable[id$="currencyGroupManagement"] th.ui-state-default,
body .ui-datatable[id$="currencyPairsGroupsManagement"] th.ui-state-default,
body .ui-datatable[id$="currencyPairsManagement"] th.ui-state-default {
    background: #d6d6d6 !important;
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #cfcfcf 100%) !important; /* Recreates the glossy highlight */
    color: #333333 !important;
    font-weight: bold !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #b5b5b5 !important; /* Slightly defined border for the highlighted look */
    box-shadow: inset 0 1px 0 #ffffff !important;
}

/* 3. Maintain clean interior grid lines on the data cells below */
body .ui-datatable[id$="currencyManagement"] .ui-datatable-data td,
body .ui-datatable[id$="currencyGroupManagement"] .ui-datatable-data td,
body .ui-datatable[id$="currencyPairsGroupsManagement"] .ui-datatable-data td,
body .ui-datatable[id$="currencyPairsManagement"] .ui-datatable-data td {
    border: 1px solid #e0e0e0 !important;
}


/* ========================================================
   RESTORE LEGACY LIGHT BLUE TO THE DIALOG HEADERBAR
   ======================================================== */

/* Targets both your specified actionDialog selector and the Trade Group view wrapper */
body div[id$=":actionDialog"] .ui-dialog-titlebar,
body div[id*="tgWarningView"].ui-dialog .ui-dialog-titlebar {
    position: relative !important;
    background: #6fc5f9 !important;            /* Your legacy light blue */
    background-image: none !important;         /* Destroys theme overlays to keep color crisp */
    color: #000000 !important;                 /* Solid black text */
    border-bottom: 1px solid #4da9e0 !important; /* Defined blue border line */
    font-weight: bold !important;
}

/* Keeps the right-hand 'X' button box cleanly integrated into the blue bar */
body div[id$=":actionDialog"] .ui-dialog-titlebar-close,
body div[id*="tgWarningView"].ui-dialog .ui-dialog-titlebar-close {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Optional: Retains the shaded, crisp classic buttons from Image 1 underneath */
body div[id*="tgWarningView"].ui-dialog .ui-button {
    background: #f6f6f6 !important;
    background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%) !important;
    border: 1px solid #cccccc !important;
    color: #333333 !important;
    border-radius: 4px !important;
}

/* ========================================================
   FORCE UNIFORM YELLOW BACKGROUND ON ALL MANDATORY FIELDS
   ======================================================== */

/* 1. Target standard inputs and text fields */
body .inputRequired,
body .ui-inputfield.inputRequired,
body h\:inputText.inputRequired {
    background: #ffffcc !important; /* Standard pale creamy yellow */
    background-color: #ffffcc !important;
    background-image: none !important;
}

/* 2. Target inner text fields of p:autoComplete (e.g., Trading Party & Counter Party) */
body .ui-autocomplete .ui-autocomplete-input.inputRequired,
body .ui-autocomplete.inputRequired .ui-autocomplete-input {
    background: #ffffcc !important;
    background-color: #ffffcc !important;
    background-image: none !important;
}

/* 3. Target modern p:selectOneMenu wrappers and their inner text labels (e.g., Limit Type) */
body .ui-selectonemenu.inputRequired,
body .ui-selectonemenu.inputRequired .ui-selectonemenu-label,
body .ui-selectonemenu.ui-state-default.inputRequired {
    background: #ffffcc !important;
    background-color: #ffffcc !important;
    background-image: none !important;
}

/* ========================================================
   CUSTOM TEAL BUTTON (ADD TRANSFORMER)
   ======================================================== */
body .ui-button.custom-teal-btn {
    background-color: #00AFAF !important; /* Exact teal color from screenshot */
    background-image: none !important;    /* Kills default theme gradients */
    border: 1px solid #00AFAF !important; /* Slightly darker border for definition */
    color: #ffffff !important;            /* Pure white text */
    text-shadow: none !important;         /* Removes legacy gray text shadows */
    border-radius: 3px !important;        /* Matches the soft corners */
    font-weight: normal !important;
}

/* Hover effect so it feels responsive when the user mouses over it */
body .ui-button.custom-teal-btn:hover {
    background-color: #008C8C !important; /* Slightly darker teal on hover */
    border-color: #008C8C !important;
}

.ui-shadow {
    box-shadow: none !important;
}

/* ========================================================
   PRIMEFACES 14: SPECIFIC OVERRIDE FOR NAMING "GET DATA" BUTTON
   ======================================================== */
body .ui-button[id$="refresh"] {
    background-color: #c4c4c4 !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
    border: 1px solid #a8a8a8 !important;
    font-weight: bold !important;
    color: #000000 !important;
    border-radius: 3px !important;
    padding: 0 !important;
    box-shadow: inset 0 1px 0 #ffffff !important;
}

body .ui-button[id$="refresh"]:hover,
body .ui-button[id$="refresh"].ui-state-hover {
    background-color: #dadada !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    border: 1px solid #999999 !important;
    color: #212121 !important;
}

body .ui-button[id$="refresh"]:focus,
body .ui-button[id$="refresh"].ui-state-focus {
    background-color: #85b2cb !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    border: 1px solid #7096ab !important;
    box-shadow: 0 0 8px #85b2cb, inset 0 1px 0 #ffffff !important;
}

/* ========================================================
   PRIMEFACES 14: DATATABLE CELL FOCUS OUTLINE REMOVAL
   ======================================================== */
body .ui-datatable .ui-datatable-data td.ui-state-focus,
body .ui-datatable .ui-datatable-data tr.ui-state-focus,
body .ui-datatable .ui-datatable-data td:focus,
body .ui-datatable .ui-datatable-data tr:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* ==========================================================================
   TRM: Additional Fields Setup Screen Re-branding & Layout
   ========================================================================== */

/* Outer container wrapper */
.trm-setup-panel-container {
    width: 100%;
    overflow: auto;
}

/* Remove borders and padding from the panel inside the container to match QA */
.trm-setup-panel-container .ui-panel,
.trm-setup-panel-container .ui-panel .ui-panel-content {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Custom Table style class to override PrimeFaces defaults and match RichFaces */
.trm-fields-table.ui-datatable {
    border: none !important;
    background: none !important;
}

.trm-fields-table.ui-datatable .ui-datatable-tablewrapper > table {
    border-collapse: collapse !important;
    border: 1px solid #c4c0c9 !important;
    background-color: #ffffff !important;
}

/* Column headers styling */
.trm-fields-table.ui-datatable th {
    background-color: #f7f7f7 !important;
    background-image: none !important;
    color: #464646 !important;
    font-family: Arial, Verdana, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-top: 1px solid #ffffff !important;
    border-left: 1px solid #ffffff !important;
    border-bottom: 1px solid #ececec !important;
    border-right: 1px solid #ececec !important;
    padding: 4px 5px !important;
    height: 30px !important;
    text-align: center !important;
}

/* Ensure column header text is #464646 (not overridden by .ui-column-title from classes.css) */
.trm-fields-table.ui-datatable th .ui-column-title {
    color: #464646 !important;
}

/* Remove default PrimeFaces tbody borders */
.trm-fields-table.ui-datatable tbody {
    border: none !important;
}

/* Column body cells styling */
body .ui-datatable.trm-fields-table .ui-datatable-data > tr > td {
    border-top: 0px none !important;
    border-left: 0px none !important;
    border-bottom: 1px solid #c4c0c9 !important;
    border-right: 1px solid #c4c0c9 !important;
    padding: 4px !important;
    height: 35px !important;
    background-color: transparent !important;
    text-align: center !important;
}

/* Align the text box field on the left (first column) */
body .ui-datatable.trm-fields-table .ui-datatable-data > tr > td:first-child {
    text-align: start !important;
}

/* Remove borders and padding from nested tables (like selectOneRadio) inside the datatable */
body .ui-datatable.trm-fields-table .ui-datatable-data > tr > td table,
body .ui-datatable.trm-fields-table .ui-datatable-data > tr > td table tr,
body .ui-datatable.trm-fields-table .ui-datatable-data > tr > td table td {
    border: none !important;
    border-width: 0px !important;
    padding: 0px !important;
    background-color: transparent !important;
    background: none !important;
}

/* PrimeFaces rows transparent background to allow table styling */
.trm-fields-table.ui-datatable .ui-datatable-data tr.ui-widget-content {
    background-color: #ffffff !important;
    border: none !important;
}

/* TRM Specific command button (Add) margin override to match QA */
.trm-add-edit-af-form .ui-button.trm-fields-table-add-btn {
    background-color: #00AFAF !important;
    background-image: none !important;
    border: none !important;
    color: #ffffff !important;
    text-shadow: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
    height: 20px !important;
    margin: 10px 0px 15px 15px !important;
}

.trm-add-edit-af-form .ui-button.trm-fields-table-add-btn .ui-button-text {
    padding: 0px 10px !important;
    line-height: 15px !important;
    font-size: 11px !important;
}

.trm-add-edit-af-form .ui-button.trm-fields-table-add-btn:hover {
    background-color: #008f8f !important;
}

/* Specific override for Roles PickList to match QA environment (solid white and borderless list items) */
.trm-roles-picklist .ui-picklist-list-wrapper li:nth-child(even) {
    background: #ffffff !important;
    border-top: none !important;
    border-bottom: none !important;
}

.trm-roles-picklist .ui-picklist-list-wrapper li {
    border: none !important;
}

body .trm-roles-picklist .ui-picklist-caption {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #000000 !important;
    font-weight: normal !important;
    text-align: center !important;
    padding: 5px 0 !important;
}

.trm-groups-roles-tabview .ui-tabs-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #c5c5c5 !important;
}

.trm-roles-picklist .ui-picklist-list-wrapper li:not(.ui-state-highlight):hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
}
/* =========================================================
   PRIMEFACES 14: FxOa Allocation Panel "Add" Button Styling
   ========================================================= */
body .ui-button[id$="addAllocationBtn"]:not(.ui-state-disabled) {
    border: 1px solid #7096ab !important;
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    font-weight: bold !important;
    color: #212121 !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7) !important;
    box-shadow: inset 0px 1px 0px #fff !important;
    border-radius: 3px !important;
    padding: -1px 10px !important;
    cursor: pointer !important;
}

body .ui-button[id$="addAllocationBtn"]:not(.ui-state-disabled):hover,
body .ui-button[id$="addAllocationBtn"]:not(.ui-state-disabled).ui-state-hover {
    border: 1px solid #7096ab !important;
    background-color: #7096ab !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff !important;
    color: #212121 !important;
}

body .ui-button[id$="addAllocationBtn"].ui-state-disabled {
    border: 1px solid #cccccc !important;
    background-color: #e6e6e6 !important;
    background-image: none !important;
    color: #8f8f8f !important;
    cursor: default !important;
    opacity: 0.5 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* =========================================================
   PRIMEFACES 14: Action Reason Modal Buttons Styling
   ========================================================= */

/* Save button in Action Reason dialog */
body .ui-button[id$="reasonSaveBtn"] {
    border: 1px solid #7096ab !important;
    background-color: #85b2cb !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    box-shadow: inset 0px 1px 0px #fff !important;
    color: #212121 !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    padding: 1px 8px !important;
    cursor: pointer !important;
}

body .ui-button[id$="reasonSaveBtn"]:hover,
body .ui-button[id$="reasonSaveBtn"].ui-state-hover {
    background-color: #7096ab !important;
    box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff !important;
}

/* Cancel button in Action Reason dialog */
body .ui-button[id$="reasonCancelBtn"] {
    border: 1px solid #a8a8a8 !important;
    background-color: #dadada !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) !important;
    box-shadow: inset 0px 1px 0px #fff !important;
    color: #4f4f4f !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    padding: 1px 8px !important;
    cursor: pointer !important;
}

body .ui-button[id$="reasonCancelBtn"]:hover,
body .ui-button[id$="reasonCancelBtn"].ui-state-hover {
    border: 1px solid #7096ab !important;
    background-color: #85b2cb !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) !important;
    box-shadow: 0px 0px 8px #85b2cb, inset 0px 1px 0px #fff !important;
    color: #212121 !important;
}

/* =========================================================
   Baton Rebranded: Specific overrides for Roles PickList Buttons
   ========================================================= */

/* Hide double right and double left arrow buttons */
.ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add-all,
.ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove-all {
    display: none !important;
}

/* Base styling for single add/remove buttons, including all interactive and disabled states */
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-default,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-disabled,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-disabled:hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-disabled:focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button.ui-state-disabled:active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button:hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button:focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button:active {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    width: 14px !important;
    height: 14px !important;
    opacity: 1.0 !important;
    pointer-events: auto !important;
}

/* Set dynamic, non-hardcoded JSF background resource for Single Right button */
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-default,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-disabled,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-disabled:hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-disabled:focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add.ui-state-disabled:active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add:hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add:focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add:active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-add:hover:not(.ui-state-disabled) {
    background: url("/archcommon/jakarta.faces.resource/images/toRight.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat !important;
    background-image: url("/archcommon/jakarta.faces.resource/images/toRight.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
}

/* Set dynamic, non-hardcoded JSF background resource for Single Left button */
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-default,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-disabled,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-disabled:hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-disabled:focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove.ui-state-disabled:active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove:hover,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove:focus,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove:active,
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-picklist-button-remove:hover:not(.ui-state-disabled) {
    background: url("/archcommon/jakarta.faces.resource/images/toLeft.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") no-repeat !important;
    background-image: url("/archcommon/jakarta.faces.resource/images/toLeft.gif.faces;jsessionid=mvvuMyfZpTxKBD5ZyPSkHPfELJh3xrdk_j2g9XAd.ue1ul-scbtrm-asg-0") !important;
}

/* Hide the default PrimeFaces 14 text/unicode icon inside the buttons */
body .ui-picklist.trm-roles-picklist .ui-picklist-buttons .ui-button .ui-icon {
    display: none !important;
}

/* Disable transitions and animations on PrimeFaces inputs and buttons to prevent hover/repaint flickering */
body .ui-button,
body .ui-inputfield,
body .ui-selectonemenu,
body .ui-selectonemenu-label,
body .ui-selectonemenu-trigger {
    transition: none !important;
    animation: none !important;
}

/* 36. Picklist Item Hover and State Parity with Legacy
   Prevents flickering and layout shifts when hovering over picklist items by ensuring
   alternating borders and item heights remain stable during hover and active states. */
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li.ui-state-hover,
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:hover {
    box-shadow: none !important;
    background: rgb(133, 178, 203) !important;
    border-left: none !important;
    border-right: none !important;
}

html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:nth-child(2n of :not(.ui-helper-hidden):not([style*="display: none"]):not([style*="display:none"])),
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:nth-child(2n of :not(.ui-helper-hidden):not([style*="display: none"]):not([style*="display:none"])).ui-state-hover,
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:nth-child(2n of :not(.ui-helper-hidden):not([style*="display: none"]):not([style*="display:none"])):hover,
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:nth-child(2n),
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:nth-child(2n).ui-state-hover,
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:nth-child(2n):hover {
    border-top: 1px solid rgb(204, 204, 204) !important;
    border-bottom: 1px solid rgb(204, 204, 204) !important;
    border-left: none !important;
    border-right: none !important;
}

html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:not(:nth-child(2n of :not(.ui-helper-hidden):not([style*="display: none"]):not([style*="display:none"]))),
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:not(:nth-child(2n of :not(.ui-helper-hidden):not([style*="display: none"]):not([style*="display:none"]))).ui-state-hover,
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li:not(:nth-child(2n of :not(.ui-helper-hidden):not([style*="display: none"]):not([style*="display:none"]))):hover {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li.ui-state-highlight:hover,
html body .ui-picklist:not(.trm-roles-picklist) .ui-picklist-list-wrapper li.ui-state-highlight.ui-state-hover {
    background: rgba(0, 120, 208, 0.67) !important;
    color: #FFFFFF !important;
}