/* File:            intellecat.css
 * Copyright (C) Veriscape, Inc. 1999-2014, All Rights Reserved.
 * This software is subject to copyright protection under the laws of the United States and other countries.*/

body { font-family: arial, sans-serif; color: #333333; }
textarea { padding: 7px; border: 1px solid #ccc; border-top: 1px solid #666; font-size: 12px; font-family: Arial Unicode MS, Arial, sans-serif; border-radius:5px;
-webkit-border-radius:5px; -moz-border-radius:5px; vertical-align:top; }
input[type=text],input[type=password],input[type=number] {
    padding:7px; font-size: 12px; font-family: Arial, sans-serif; border-radius:5px; border: 1px solid #ccc;
    /*border-top: 1px solid #999;*/ 
}
input[type=submit],input[type=button] {
    padding:4px; font-size: 12px; font-family: Arial, sans-serif; border-radius:5px; border: 1px solid #ccc;
}
input[type=radio] {
    height:1.5em; width:1.5em; padding:0.7em; vertical-align:middle;
}
input[type=checkbox] {
    height:18px; width:18px; font-size: 12px; font-family: Arial, sans-serif; border-radius:5px; border: 1px solid #ccc;
}
select option { padding: 2px; vertical-align:middle; }
select {
   padding: 5px 7px;
   font-size: 0.75em;
   border-radius: 5px;
   height: 35px;
   border: 1px solid #ccc;
}
.widgetWidth{width:400px;}
.blHdg {color:#08297b; font-family: arial, sans-serif; font-size: 13px; font-weight:bold;}
/* .blkHdg {color:#000000; font-family: arial, sans-serif; font-size: 13px;} */
.blkHdg {color:#333333; font-family: arial, sans-serif; font-size: 13px;}
.blkBldHdg {color:#000000; font-family: arial, sans-serif; font-size: 13px; font-weight:bold;}
.blSmlHdg {color:#08297b; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;}
a.blSmlHdg {color: #08297b; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;}
.grySmlHdg {color:#474646; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;}
a.VSlinkBold {font-family: arial, sans-serif; color: #08297b; font-size: 9pt; font-weight: bold;}
.blBldTxt {color:#08297b; font-family: arial, sans-serif; font-size: 11px; font-weight:bold;}
.whtBldTxt {color:#ffffff; font-family: arial, sans-serif; font-size: 11px; font-weight:bold;}
.blkBldTxt {color:#000000; font-family: arial, sans-serif; font-size: 11px; font-weight:bold;}
/* .blkTxt {color:#000000; font-family: arial, sans-serif; font-size: 11px;} */
.blkTxt {color:#333333; font-family: arial, sans-serif; font-size: 11px;}
.redTxt {color:#FF0000; font-family: arial, sans-serif; font-size: 11px;}
.gryTxt {color:#CCCCCC; font-family: arial, sans-serif; font-size: 11px;}
.drkGryTxt {color:#666666; font-family: arial, sans-serif; font-size: 11px;text-decoration:none;}
.drkGryLrgTxt {color:#666666; font-family: arial, sans-serif; font-size: 12px;}
.drkGryLrgBldTxt {color:#666666; font-family: arial, sans-serif; font-size: 15px; font-weight:bold;}
.blTxt {color:#08297b; font-family: arial, sans-serif; font-size: 11px;}
.lghtGryTxtSml { color: #797979; font-size: 0.7em; }
.smlBlkTxt {color:#000000; font-family: arial, sans-serif; font-size: 9pt; }
.smlInfoTxt { font-family: arial, sans-serif; font-size: 8pt; color:#000000; }
.blLrgTxt {color:#08297b; font-family: arial, sans-serif; font-size: 12px;}
/* .blkLrgText {color:#000000; font-family: arial, sans-serif; font-size: 12px;} */
.blkLrgText {color:#333333; font-family: arial, sans-serif; font-size: 12px;}
.blLrgBldText {color:#08297b; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;}
/* .blkLrgBldText {color:#000000; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;} */
.blkLrgBldText {color:#333333; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;}
.prplLrgTxt {color:#660066; font-family: arial, sans-serif; font-size: 13px; font-weight:bold;} 
.prplSmlTxt {color:#660066; font-family: arial, sans-serif; font-size: 10px;} 
.prplSmlMdmTxt {color:#660066; font-family: arial, sans-serif; font-size: 11px;} 
.prplMdmTxt {color:#660066; font-family: arial, sans-serif; font-size: 12px;} 
.lgtYlwBG {background:#FFFFEE;}
.whtBG {background:#FFFFFF;}
.blkBG {background:#000000;}
.gryBG {background: #CCCCCC; color: #CCCCCC;}
#Image {position:relative; top:3px; left:-2px; z-Index:0;}
#RadioButtons {position:relative; top:-32px; left:31px; z-Index:5;}
.login {color:#000000; font-family: arial, sans-serif; font-size: 16px; padding-bottom:2px; padding-top:2px; padding-right:6px;}
.hide {display:none;}
.show {display:block;}
.magentaLgt {color:#e86fb8; font-family: arial, sans-serif; font-size: 13px;}
.magentaMdm {color:#e86fb8; font-family: arial, sans-serif; font-size: 12px;}
.magentaSmlNoU {color:#e86fb8; font-family: arial, sans-serif; font-size: 11px;}
.magentaSml {color:#e86fb8; font-family: arial, sans-serif; font-size: 11px; text-decoration:underline;} 
a.magentaSml {color:#e86fb8; font-family: arial, sans-serif; font-size: 11px; text-decoration:underline;}
.greenSml {color:#87d300; font-family: arial, sans-serif; font-size: 11px; text-decoration:underline;} 
a.greenSml {color:#87d300; font-family: arial, sans-serif; font-size: 11px; text-decoration:underline;}
#copyright {position:relative; top:-100px; right:+15px; z-Index:0;}
.output { overflow-x: auto; width: 16em; text-align: left; font-family: Arial; font-size: 10pt; color: black; padding-left: 3px; padding-top: 3px; border: 1px solid #000000; background: #fff; }
.sugBox { position: relative; top: 2px; left: 2px; background: #555; z-index: 10; }
.sugBox div { position: relative; top: -0.1em; left: -0.1em; }
.whtLk { font-family: arial, sans-serif; font-size: 0.688em; /* 11px */ font-weight:bold; color:#ffffff; text-decoration:none; }
a.whtLk:hover { text-decoration:underline; }
/* Admin CSS styling (together w new top menu bar)*/
/* required for all divs around admin main screen content to position down and left margin/padding */
.adminMainContentPosition { position:relative; top:88px; left:20px; }
.adminMainWideContentPosition { position:relative; top:88px; left:7px; }
.adminMainNarrowContentPosition { position:relative; top:88px; left:200px; }
.adminFormInputTdPosition { text-align:right; width:200px; padding-right:20px; }
.iFormInputTdPosition { text-align:right; width:300px; padding-right:20px; }
.adminFormInputTdTopPosition { text-align:right; vertical-align:top; width:200px; padding-right:20px; }
.iFormInputTdTopPosition { text-align:right; vertical-align:top; width:300px; padding-right:20px; }
.adminFormInputTdMiddlePosition { text-align:right; vertical-align:middle; width:200px; padding-right:20px; }
.adminCheckboxTdPosition { vertical-align:middle; padding-bottom:7px; }
.adminMailInputFormat { vertical-align:middle; text-align:right; white-space:nowrap; }
.adminMailInputCommentFormat { vertical-align:top; text-align:right; white-space:nowrap; }
.adminPageTitleRPosition { text-align:right; padding-right:22px; }
.notRequired { color:#ffffff; font-family: arial, sans-serif; font-size: 13px; visibility:hidden; }
.lghtBlStdBld {color:#21a5d6; font-family: arial, sans-serif; font-size: 12px; font-weight:bold;}
.lghtBlLrgBld {color:#21a5d6; font-family: arial, sans-serif; font-size: 13px; font-weight:bold;}
.blLrgTxtWBg {color:#08297b; font-family: arial, sans-serif; font-size: 12px;background:#f9f9b9;}
.blLrgTxtWBgL {color:#08297b; font-family: arial, sans-serif; font-size: 12px;background:#fcfcdc;}
#newImg {vertical-align: bottom;}
.textAlignCenter { text-align: center; }
.validationMsgHidden { display:none; }
.validationMsgDisplay { display: inline; color: #FF0000; font-family: arial, sans-serif; font-size: 12px; padding-left:10px; line-height: 1.5 !important; }
.validationMsgRedTxt {color:#FF0000; font-family: arial, sans-serif; font-size: 11px;}
.validationInputTypeOK { background-color: #B8F5B1; }
.validationInputTypeError { background-color: #FF9F9F; }
.validationInputTypeFocus { background-color: #FFFFCC; }
.formTxtDisplay { line-height: 2.2em; padding-left: 0.4em; }
.greyBackground{background-color: #F1F1F1;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;
width:100%; margin: 0;padding: 0;float:right;font-family: arial, sans-serif; font-size: 11px;}
.messageStyle{font-family: arial, sans-serif; font-size: 12px;}
.buttonPanelStyle{margin-top:20px;text-align:center;border-top: 1px solid #cccccc;}
.ok{margin-top:10px !important;margin-right:10px !important;background:#f0f0f0 !important; border:1px solid #ccc !important}

/* Added new styles for CAYB label alignment */
.caybBlkLrgBldText {color:#333333; font-family: arial, sans-serif; font-size: 12px; font-weight:bold; text-align:left}
.caybAdminFormInputTdPosition { text-align:left; width:350px; padding-right:20px; }
.caybAdminFormInputTdTopPosition { text-align:left; vertical-align:top; width:350px; padding-right:20px; }
.caybSetWidthForInlineHtml {display: inline-block;  width: 300px; text-align:justify }
.caybDiv { background-color:#ffffff; padding:10px; behavior: url(PIE.htc);position:relative;border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }

/*
div layout
*/
/* div { border: 1px solid #000000; } */
/* layout ids*/
#pg_container { width:100%; height:100%; font-size:0.75em; line-height:1.2; }  /* TODO:  maybe remove:  font-size:0.75em; line-height:1.2; */
#pg_containerWM { margin-top:20px; margin-bottom:10px; /* margin:10px;*/ }
#pg_containerMargins { margin-top: 40px; }
#eReq_pg_containerMargins { margin-top:20px; margin-bottom:10px;  }
#pg_left { float:left; width:50%; text-align:center; }
#pg_right { float:left; width:49%; height:100%; } /* must be 49 to stay floated on top */
#pg_center { margin-left: auto; margin-right: auto; width: 100%; }
.pg_center { margin-left: auto; margin-right: auto; width: 100%; }
#error { text-align: center; }
#searchBx { text-align: center; margin-top: 90px; }
#searchBxPfM { text-align: center;padding-top:200px; background-image: url('../images/PfM-Backdrop.png');
    background-repeat: no-repeat;background-position: center;}
.pfmLrgTxt{ color: #001965; font-weight:bold; font-size:1.25em; }
#searchBxCatList { text-align: center; }
.floatLeft { float: left; }
.centerTable { margin: 0 auto !important; } /* center table within a div */
.tdPadding { padding: 0px 5px; }
.homeInstructTxt { color: #92886e; font-size: 14px; white-space:nowrap; }
a.homeInstructTxtLNK { color: #3b73af; text-decoration:none; font-size: 14px; }
a.homeInstructTxtLNK:hover { text-decoration: underline; }
.leftPadding { padding-left: 15px; }
.rMargin { margin-right: 5px; }
.vAlignBtm { vertical-align: bottom; }
.searchMsg { margin: 20px; display: block; }
.customSearchMsg { margin-top: 0px !important; }
.glcommentDiv { padding-left: 5px; padding-top: 7px;}
.mainSearchInputPositioning { float: left; /* width: 194px; */ }
.mainSearchInput {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

    /* IE 8 compatible via PIE.htc */
    behavior: url(PIE.htc) !important;
    border-radius:15px !important; -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important;
    
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.07) !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box;
    /* background: #faf9f7; */
    border: 1px solid #ccc;
    color: #717171 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 0 !important;
    outline: none !important;
    padding: 6px 30px 6px 20px !important;
    position: relative !important;
    width: 40em !important;
    height: 30px !important;   /* required f IE8 */
    z-index: 1 !important;
    margin-top: 0.5em !important;
}
.mainSearchInputHome {
    margin-top:0 !important;
}
.mainSearchSubmit {
    width: 16px;
    height: 16px;
    background: url('../images/magnifier.jpeg');
    display: inline-block;
    font: 0px/0 serif;
    text-shadow: none;
    color: transparent;
    border: medium none;
    position: relative;
    right: 28px;
/* without margin-top for input type text search field    
    top: 6px; */
/* with margin-top set to 0.5em for input type text search field */
    top: 13px;
    z-index: 100;
}
.mainSearchSubmitHome {
    width: 16px;
    height: 16px;
    background: url('../images/magnifier.jpeg');
    display: inline-block;
    font: 0px/0 serif;
    text-shadow: none;
    color: transparent;
    border: medium none;
    position: relative;
    left: 235px;
    top: -23px;
/* without margin-top for input type text search field    
    top: 6px; */
/* with margin-top set to 0.5em for input type text search field */
    z-index: 100;
}

/* FINAL STYLES FOR LEFT NAV REFINE SEARCH (facets) */
.leftColRefine { width:180px;
                        min-height: 600px; height:auto !important; height: 600px; /* height needed for IE8 to work like min-height */
                        margin-left: 0; float: left; /* border-bottom: solid 1px #d9d6cc;*/ /*background-color:#f9f9f9;*/
                        background-color:#ffffff; padding:10px; behavior: url(PIE.htc);
                        /* CRITICAL: for IE8 gwt CSS3PIE - position:relative; MUST BE DEFINED - otherwise style does NOT show up at all */
                        position:relative;
                        border-radius:15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; }
.facetDiv { /* border-top: solid 1px #d9d6cc;*/ border-bottom: solid 1px #d9d6cc; } 
.facetHeader { color: #413000; font-weight: bold; font-size: 0.9em; padding: 0.6em 0; }
.facetHeaderSml { color: #413000; font-weight: bold; font-size: 0.9em; padding: 0.4em 0; }
.clearRefineCat { color: #999; text-decoration:none; font-weight:normal; font-size: 0.85em; cursor:pointer; cursor: hand; }
a.clearRefineCat:hover { text-decoration:underline; cursor:pointer; cursor: hand; }
.clearRefineCat:hover { cursor:pointer; cursor: hand; text-decoration:underline; }
.facetItemsSection { padding-bottom: 0.7em; }
.facetItemsSectionSml { padding-bottom: 0.4em; overflow:hidden; }
.facetItem { display: block; padding: 0.15em 0; color: #92886e; font-size: 0.8em; line-height: 1.5em; }
.facetItemSml { display: block; padding: 0.15em 0; padding-left: 1.5em; color: #92886e; font-size: 0.8em; line-height: 1em; }
.hitCount { color: #999999; font-size: 0.75em; }
.facetItemLink { color: #92886e; text-decoration: none; display: block; padding: 0 0 1px 22px;/* for IE 8 best padding: 0 0 0px 22px; once IE8 no longer needed to be supported best padding: 0 0 3px 30px;*/
                          text-indent: -40px; cursor:pointer; cursor: hand; }
.facetItemSelected { font-weight: bold; color: #92886e; text-decoration: none; /*white-space: nowrap;*/ display: block; padding: 0 0 3px 28px; text-indent: -30px; cursor:pointer; cursor: hand;}
.facetItemSelected:hover {cursor:pointer; cursor: hand; text-decoration: underline; }
a.facetItemLink:hover { text-decoration: underline; }
.facetItemLink:hover {cursor:pointer; cursor: hand; text-decoration: underline; }
.facetCheckbox { margin: 0px 12px -1px 0px; width: 1em; height: 1em; border: 1px solid #dcdcdc;
                    /* IE 8 compatible via PIE.htc */ behavior: url(PIE.htc);
                    /* CRITICAL: for IE8 gwt CSS3PIE - position:relative; MUST BE DEFINED - otherwise style does NOT show up at all */
                    position:relative;
                    border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
                    box-sizing: border-box; display: inline-block; position:relative; }
.facetCheckboxSelected { background-color: #acacac; box-sizing: border-box;
                            /* IE 8 compatible via PIE.htc */ behavior: url(PIE.htc);
                            /* CRITICAL: for IE8 gwt CSS3PIE - position:relative; MUST BE DEFINED - otherwise style does NOT show up at all */
                            position:relative;
                            border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
                            display: inline-block; height:0.98em; width:0.98em;
                            position:relative; margin: 0px 12px -1px 0px;}
                            /*position:absolute; left:-1px; top:-1px;}*/
.facetItemTxt { white-space: normal; text-indent: 10px; }
.facetClearAll { color: #999; font-weight: normal; font-size: 0.85em; padding: 0 0 0 4px; cursor:pointer; cursor: hand; } 
.facetClearAll:hover { cursor:pointer; cursor: hand; text-decoration:underline;}

.selectWidth { width:250; }

#LeftBarFacets { background-color: #F5F5F5; /* bg-c: light blue of tabs: cad7ee; bg-c: light gray (original): f0f0f0; darker gray: e5e5e5*/ padding: 5px; font-size: 15px; }
#LeftBarWTabs {background-color: #F5F5F5; /* bg-c: light blue of tabs: cad7ee; bg-c: light gray (original): f0f0f0*/ padding: 20px 2px;}
/* Set left/right margins and background color for tabbed Search Results page */
 body.ICWTabs {margin: 0px 10px 0px 0px; background-color: #F5F5F5; /* bg-c: light blue of tabs: cad7ee; bg-c: darker gray (original): e3e1e1*/ font-family: arial, sans-serif; font-size: 11px;}
 body.ICWTabs img {border: none;}
 body.ICWTabs form {margin: 0;}
/* END: FINAL STYLES FOR LEFT NAV REFINE SEARCH (facets) */

/* Top Navigation */
/*  light gray bg
 .header { padding: 6px 20px 4px 20px; color: #333333; font-family: Arial,sans-serif; font-size: 0.85em;
                display: table; width: 100%; *//*border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; */ /* background: #f5f5f5; } */
/* white header bg */                
.header { padding: 6px 20px 4px 20px; color: #333333; font-family: Arial,sans-serif; 
                display: table; width: 100%; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background: #ffffff; }
/*  light gray bg                
.logo { width: 1px; display: table-cell; vertical-align: top; background-color: f5f5f5 !important; }
.logoImg { background-color: f5f5f5 !important; border: 0 !important; box-shadow: none !important; } */
.logo { width: 1px; display: table-cell; vertical-align: top; background-color: ffffff !important; }
.logoImg { background-color: ffffff !important; border: 0 !important; box-shadow: none !important; }

/*original top nav links (wout Req links, i.e. SRM) 
.headerMain { padding-left: 30px; display: table-cell; vertical-align: middle; }
.headerItem { padding: 0px 30px; display: table-cell; vertical-align: middle; } 
a.headerLink { color: #3b73af; text-decoration:none; font-size: 1em; } 
.header { padding: 6px 20px 2px 20px; color: #333333; font-family: Arial,sans-serif; font-size: 0.85em; */
/* enable f Req top nav links */
/* REQUISITION-ENABLED (multi-lingual) PRODUCTION NOW: 10px*/
.headerMain { padding-left: 10px; display: table-cell; vertical-align: middle; }
/* REQUISITION-ENABLED (multi-lingual) PRODUCTION NOW: 11px*/
.headerItem { padding: 0px 11px; display: table-cell; vertical-align: middle; } 

a.headerLink { color: #3b73af; text-decoration:none; font-size: 0.8em; }
a.headerLink:hover { text-decoration: underline; }
a.headerLinkSelected { font-weight: bold; }
a.headerSmlLink { color: #3b73af; text-decoration:none; font-size: 0.7em; }
a.headerSmlLink:hover { text-decoration: underline; font-size: 0.7em; }
.headerTxtStyle { color: #3b73af; font-weight: bold; font-size: 12px; }
.cartImg { vertical-align: -35%; border:0; }
.imgPadding { padding:5px 100px 10px 0px; width:auto; height:110px;}
.lineHght { line-height: 2em; }

/* Requisition UI */

/* layout ids*/
#pg_containerWM td { padding: 0px 5px; }
#pg_containerWM table { border:0; border-collapse:collapse; }

/* layout classes*/
.actionsBar { width:98%; margin-bottom:30px; margin-left:10px; height: 30px; }
.titleBar { width:98%; margin-bottom: 15px; margin-left:10px; margin-right:10px; padding:2px 0px 2px 12px; } /* padding:2px 0px 2px 12px; */
.rndBox { border:1px solid #dcdcdc;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; margin:10px 10px 10px 20px; padding:12px; }  /* margin:10px; */
.fltLBx { float:left; /*margin:0 0 0 220px; border-left:1px dotted #dcdcdc; height:1%;*/ }
.fltLInnerBx { float:left; padding:5px; }
.nwLnBx { clear:left; width:57%; }  /* width:71%; */
.nwLnCommentsBx { clear:left; width:80%; }
.tempDOABx { margin: auto; max-width: 600; }
.rulesBx { margin: auto; max-width: 800; margin-top: 30px; }
.showInlineBlock{ display: inline-block; }
.noFloatBx { float:none; padding:5px; }
.usernameBx{ float:none; padding-bottom: 20px; padding-left: 20px;}
/* styling*/
.headerTitle { color: #08297b; font-weight:bold; font-size:1.25em; }
.eReqHeaderTitle { margin-bottom: 10px; }
.displayInline { display:inline; }
.vAlignTop { vertical-align:top; }
.addressLines { line-height: 1; }
.label { color: #08297b; font-weight:bold; /*vertical-align:middle;*/ padding-right: 7px; font-size: 1.1em; }
.innerDvTxt { line-height:3; font-size:1em; }
.eReqInnerDvTxt { line-height:4; font-size:1em; }
.innerCommentsDvTxt { line-height:2; font-size:1em; }
.innerCommentsDvTxtSH { line-height:2; font-size:0.75em; }
.formFldLbl { text-align:right; display:inline-block; min-width:8em; white-space:nowrap; margin-right: 15px; }
.formFldTxt { font-weight: bold; }
.histCmmtTxt { margin-right: 40px; }
.histCmmtTxtFirst { margin-left: 40px; }
.formField { text-align:left; }
.clrEditBx { /* background-color:#ebf0f5; */ }  /* bg color f boxes */
.lineSep { height:1px; line-height:0; background-color:#e7e7e7; position:relative; }
.drpShdw { background-image: url('/IntelleCat/images/dropShGry.png'); background-repeat: repeat-x; }
.paddingLR { padding: 0px 12px; }
.paddingR { padding-right: 12px; }
.paddingLRFloatL { padding: 0px 40px 0px 10px; float: left; }
.paddingReqID { padding: 10px 40px 0px 10px; float: left; }
.paddingSearchReqs { padding: 0px 40px 0px 10px; }
.widgetSpacingL { padding-left: 100px; }
.approvalsBox { max-width:70%; }
.billToBox { min-width:65%; }
.noWrap { white-space:nowrap; }
.searchBoxMargin { margin: 0px 0px 20px 20px !important; }
.tempDOAHeader{ padding: 10px 0px 30px 0px; }
.dateTextBox { margin-top: 55px; }
.rulesHeader { margin-right: 60px; }
.highlight { background-color: #FFFFCC; padding: 4px; border-radius: 4px; }
.orSearchMrgn { margin-left: 8px; }
.glSearchSuggestBox { width: 300px !important;  font-size: 12px; font-family: Arial, sans-serif; color: #474646; margin-left: 6px !important; }
/* spotBUy */
.spotbuyInnerDvTxt { line-height:1.5; font-size:1em; }
.tdPaddingSpotBuy{width: 290px;}
.tdSpotBuy{display: table-cell;padding-bottom: 15px;padding-right: 15px;}
.spotbuyHelpblkTxt {color:#333333; font-family: arial, sans-serif; font-size: 11px; display: block;}
/* eRequest */
.table { display: table; }
.tr { display: table-row; }
.td { display: table-cell; }
.tdPaddingEReq { /* padding-left: 20px; */ }
.tdPaddingR { padding-right: 15px; }
.widgetPosition { vertical-align: text-top; }
.eReqFormFldLbl { text-align:right; display:inline-block; min-width:14em; white-space:nowrap; margin-right: 15px; }
.permissionFieldlbl{line-height: 1.25em !important; white-space:pre !important}
.permissionFieldWidth{width: 350px !important}
.eReqRndBox { border:1px solid #dcdcdc;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; margin:10px;padding:12px; }
.paddingNextPrevBttns { padding: 0px 0px 0px 10px; float: left; margin-bottom: 20px; }
.nextPrevBttns { background: #f0f0f0 !important; border: 1px solid #ccc !important; font-size: 19px !important; padding: 0px 5px 5px 5px !important; line-height: 0.75 !important; }
.eReqInlineActionButton { background:#f0f0f0 !important; border:1px solid #ccc !important; margin-left: 15px !important; font-size: 1em !important; }
.noLineBreak { white-space: nowrap; }
.attachmentTypeSpacing { margin-right: 70px; }
.eReqSearchResults { line-height: 1 !important; }
.attachmentLink { min-width: 22em; line-height: 2.5em !important; }
.checkoutBox { min-width: 500px; min-height: 220px; }
.centerImg { display: block !important; margin-left: auto !important; margin-right: auto !important; }
.saveEditButtonCss{display: inline-block ; text-align: center; margin-left:40%;}
.cancelEditButtonCss{display: inline-block ; text-align: center; margin-left:10px;}
.smlTableLK { font-size: 0.9em; }
.viewEReqDtlLk { padding-left: 5px; padding-bottom: 10px; padding-top: 7px; }
.viewBulkReqLk { padding-left: 10px; padding-bottom: 40px; color: #3b73af;}
.multipleButtonAlign { float: left; margin: 0px 50px !important; }
.spacerRow { height: 30px; }
.hidden { visibility:hidden; min-width: 0em !important; display: none; }
.radiobuttonPadding {padding-right:22px;padding-bottom:5px;}
.gwt-DisclosurePanel-open .header{
	    border-bottom: none;
    	border-top: none;
}
.gwt-DisclosurePanel-closed .header{
	    border-bottom: none;
    	border-top: none;
}
.gwt-DisclosurePanel-open .header TD {
    color:#0066cc;
    text-decoration: underline;
	font-family: Arial, sans-serif;
	    font-size: 0.75em;
}
.gwt-DisclosurePanel-closed .header TD {
   color:#0066cc;
    text-decoration: underline;
	font-family: Arial, sans-serif;
	    font-size: 0.75em;

}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 90%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Modal Header */
.modal-header {
    padding: 10px 16px;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #e7e7e7
}
.gryDisableLk {
    /*pointer-events: none;*/
    cursor: default;
}
.linkIcon {
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
}

.noUnderline {
    text-decoration: none;
}
.collapsible {
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
}

.active, .collapsible img:hover, .linkIcon img:hover {
    background-color: lightblue;
}

.content {
    display: inline;
    overflow: hidden;
    padding: 10px;
    background-color: whitesmoke;
    border: 1px dotted lightgray;
    border-radius:6px;
}
.mdLogsDiv{
    display:block;
    width:90%;
    height:370px;
    padding: 10px;
    background-color: whitesmoke;
    border: 1px dotted lightgray;
    border-radius:6px;
    overflow: hidden;
}

/* GWT */
.uf_display_table{max-width:700px;width:700px;padding:40px;display:block}
.uf_helpParagraph{font-size:14px;line-height:1.5em;background-color:#cad7ee;width:650px;border:1px solid #cad7ee;border-radius:6px;padding:20px;max-width:650px}
.uf_FormFldLbl{font-size:14px;text-align:left;display:block;min-width:14em;white-space:nowrap;padding-bottom:10px;padding-top:20px}
.uf_error-panel,.uf_success-panel{padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:700px;text-align:left;width: 700px}
.uf_success-panel{background-color:#e6f7e6;border:1px solid #5cb85c;border-radius:6px;margin-bottom:20px}
.uf_success-message{font-size:14px;color:#2d862d;font-weight:700;margin-bottom:10px}
.uf_additional-message{font-size:14px;color:#555;margin-bottom:10px}
.uf_error-panel{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-top:20px;margin-bottom:20px}
.uf_error-message{font-size:14px;color:red;font-weight:700;margin-bottom:10px}
.uf_upload-button{background-color:#f0f0f0;border: 1px solid #ccc ;padding:4px 5px;margin-left:20px;margin-bottom:10px;font-size:14px;cursor:hand;border-radius:5px;transition:background-color .3s,transform .1s}
.uf_upload-button:hover{background-color:#ccc}
.uf_upload-button:active{background-color:grey;transform:scale(.98)}
.uf_download-button{background-color:#f0f0f0;border: 1px solid #ccc ;padding:4px 5px;margin-bottom:10px;margin-top:10px;font-size:14px;cursor:hand;border-radius:5px;transition:background-color .3s,transform .1s}
.uf_download-button:hover{background-color:#ccc}
.uf_download-button:active{background-color:grey;transform:scale(.98)}
.uf_noDataMessage{font-size:14px;font-weight:700;color:#666;text-align:center;margin:20px auto;padding:10px;background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;width:80%}
.spinner {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin-top: 10px;
}

/* Animation for spinner */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.spinnerStyle{
    width: 60px;  /* Spinner size */
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px; /* Offset to center the spinner */
    margin-left: -50px;
}
.overlayStyle {
    z-index: 9999; /* Ensures it's on top of everything */
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
}
.manageUploadTemplate { position:relative; top:120px; left:200px; }
.infoPanelStyle {
    background-color: #D9EDF7;
    padding: 10px;
    border: 1px solid #BCE8F1;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.infoPanelStyle img {
    margin-right: 10px;
}
#latest_catalogOverview {
    width: 100%;
    max-width: 100vw;
    overflow-x: auto;
}
/* Catalog validity Help box */
.helpBox { padding-left:10px; vertical-align:top; }
.helpBox .info-wrap { display:inline-flex; align-items:center; gap:6px; }
.helpBox .info-icon {
    display:inline-flex; justify-content:center; align-items:center;
    width:18px; height:18px; font-size:12px; line-height:1;
    border-radius:50%; border:1px solid #0066cc; cursor:help; user-select:none;
}
.helpBox .info-icon:focus { outline:2px solid #6aa0ff; outline-offset:2px; }
.helpBox .tooltip {
    position:relative; display:inline-block;
}
.helpBox .tooltip .tooltip-content {
    position:absolute; z-index:1000; left:0; top:125%;
    min-width:260px; max-width:360px; padding:8px 10px;
    background:#D9EDF7; border:1px solid #BCE8F1; border-radius:6px;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
    font-size:12px; color:#333;
    visibility:hidden; opacity:0; transition:opacity .15s ease;
}
.helpBox .tooltip:hover .tooltip-content,
.helpBox .tooltip:focus-within .tooltip-content {
    visibility:visible; opacity:1;
}
/* Target MUI DataGrid checkbox specifically */
.MuiDataGrid-root .MuiDataGrid-cellCheckbox input[type="checkbox"],
.MuiDataGrid-root .MuiDataGrid-columnHeaderCheckbox input[type="checkbox"] {
    height: 100% !important;
    width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
}

/* Ensure the checkbox container takes full cell space */
.MuiDataGrid-root .MuiDataGrid-cellCheckbox .MuiCheckbox-root,
.MuiDataGrid-root .MuiDataGrid-columnHeaderCheckbox .MuiCheckbox-root {
    width: 100% !important;
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}