.fullscreenDiv {
    position: fixed; /* Keeps the div in place even when scrolling */
    top: 0; /* Aligns the div to the top of the viewport */
    left: 0; /* Aligns the div to the left of the viewport */
    width: 100%; /* Ensures the div covers the full width of the screen */
    height: 100%; /* Ensures the div covers the full height of the screen */
    background-color: aliceblue;
    color: white; /* Text color */
    display: flex; /* Flexbox for centering content */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    z-index: 29000; /* Ensures the div is above other elements */
}



.bottomDisplay {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 4px;
    box-sizing: border-box; /* Include padding in the element's total width */
}

body 
{
    font-family:sans-serif;	
}

a
{
color:Black;
text-decoration:none;
}



.availCol
{
border:thin solid gray;
background-color:#E0FCDA;
padding-left:4px;padding-right:4px;
 vertical-align: bottom;
 margin-top:8px;
  margin-bottom:8px;
}

.sortWide
{
	background-color:Red;
	width:100%;	
	
}

.red
{
	background-color:red
}
.pink
{
	background-color:pink
}

.yellow
{
	background-color:yellow;
}

.gray
{
	background-color:gray;
}

.lime
{
	background-color:lime;
}


table
{
	font-size:8pt;	
}

th
{
font-weight:normal;
}

.w90
{
	width:90%;
}
.cbcTable
{
	font-size:8pt;
}



.menuFontSize
{
	font-size:small;
}



.fileHeaderItem
{
	font-size:x-small;
	background-color:silver;
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #f2f2f2;
	text-align:center;
}


.enableDisable
{
}
	
.inactiveLabel
{
color:Black;	
}

.weblead
{
font-size: small;	

}



.dymenu
{
 background-color:Gray;
    filter:alpha(opacity=20);
    opacity:0.2;

    font-size:x-small;	





}

 
div.debug {
	 position: absolute; 
	 left: 102px; 
	 top: 10px; 
	 width: 400px; 
	 height: 300px; 
	 overflow: scroll; 
	 cursor: default;
}


.ftest
{
    position: absolute;
    z-index: 10000;
    background-color: #fffff0;
    visibility:hidden;
}


.breakBefore
{
 page-break-before: always;	
 
}

p.page { page-break-before: always; }

h6 {page-break-before: always;}
 
.popupMnu
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
    border-right: gray solid;
    border-bottom: gray solid;
    background-color: #c3c3c3;
    border-top: gainsboro solid;
    border-left: gainsboro solid;
    font-size: small;
    text-align:left;
}

.popupItem
{
    background-color: silver;
    color:Black;     
}

.clsDragWindow
{
	border:solid 2px #000000;
	background-color:silver;
	
    filter:alpha(opacity=60 );
    opacity:0.6;
	position:absolute;
	display:none;
}




.rightDataform
{
 text-align:right;
 background-color:#fffffa;	
	
}

.tblHdr
{
 background-color:#eeeeFF;
 /*color:#333333;
 font-weight:bold; */
}




.overDesign
{
	background-color: #CCFFCC;
	border-style:solid;
	border-width:thin;
	border-color:#FF9933
}

.outDesign
{
	background-color:  #CCFFCC;	
	border-style:solid;
	border-width:thin;
	border-color:#CCFFCC;
}

.larger
{
font-size:larger;	
}
.bold
{
font-weight:bold;	
}

.vtop
{
	vertical-align:top;
}

.left
{
 text-align:left;
	
}


.center
{
 text-align:center;
	
}

.right
{
 text-align:right;
	
}

.smaller
{
font-size:smaller;
}

.dataform
{
	background-color:#fffffa;	
}


.noborder
{
  border: solid 10px  red;
   font-size:xx-small;
}


.noBorderDataform
{
 background-color:#fffffa;
 color:Black;	
	border-top:none;
	border-right:none  ;
	border-bottom:none;
	border-left:none;
}

.tabUnsel
{
    cursor:hand;
	border-top:none thin  silver;
	border-right:none  ;
	border-bottom:solid thick  silver;
	border-left:solid thin  silver;
	  background-color:#eeeeFF;
	/*  color:#333333; */
	  font-weight:lighter;
	  text-align:center;
	  vertical-align:middle;
	  font-size:x-small;
 	  	  	  width:100px;

}

.tabMissing
{
 color:Red;
}


.tabSel
{
    cursor:hand;
/*	border-style:solid solid none solid; 
	border-width:thick;	*/

	border-top:solid thick  silver;
	border-right:solid thin  silver;
	border-bottom:none   ;
	border-left:solid thin silver;
 /* color :#333333;  font-weight:lighter;*/
 	  text-align:center;
 	  	  vertical-align:top;
 	  	  	  font-size:x-small;
 	  	  	  width:100px;


}

.tabRight
{
	border-top:solid thin  silver;
	border-right:solid thin  silver;
	border-bottom:solid thin  silver;
	border-left:solid thin  silver;
	width:1%;
}


.tabScrollButtons
{
    font-weight: bold ;
    font-size: small;
    border-right:  black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: blue;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
    width:15px;
}



.pageButtons
{
    font-size:xx-small;
}


.helpButt
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: blue;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    text-decoration:none;
    cursor:hand;
}

.smlButt
{
    font-weight: normal;
    font-size:x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
}


.msButt
{
    /*font-size:x-small;*/
    /*font-weight:bold;*/
    border-right: gray thin solid;
    border-bottom: gray thin solid;
    border-top: silver thin solid;
    border-left: silver thin solid;
    color: black;
    background-color: ButtonFace;
    cursor:hand;
}

.smlButt4
{
    font-size:xx-small;
    font-weight:bold;
    border-right: black thin solid;
    border-top: silver thin solid;
    border-left: silver thin solid;
    color: black;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
}


.smlButt3
{
    font-weight: bold;
    font-size:xx-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
}


.smlButtClicked
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: Lime;
    cursor:hand;
}

.browsebutton
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: black;
    border-bottom: black thin solid;
    background-color:  white;
    cursor:hand;
    height:12;
    width:250px;
}




.smallestButt
{
    font-weight: normal;
    font-size:x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color:  RoyalBlue;
    cursor:hand;
    height:10;
}

.greenButtons
{
    font-weight: normal;
    font-size:x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: green; 
    cursor:hand;
    width:70px;
}

.buttons
{
    font-weight: normal;
    font-size:x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: RoyalBlue; 
    cursor:hand;
    width:70px;
}
.buttons2
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: RoyalBlue; 
    cursor:hand;
    width:70px;
}
.buttons2Inact
{
    font-weight: normal;
    font-size:small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: lightgray; 
    cursor:hand;
    width:70px;
}



.dbuttons
{
    font-weight: normal;
    font-size:x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color: gray; 
    cursor:hand;
    width:70px;
}



.buttonsx
{
    font-size:x-small;
    font-weight: bold;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: white;
    border-bottom: black thin solid;
    background-color:  RoyalBlue; 
    cursor:hand;
}


.IE8MnuFix
{
   z-index: 100;
}    

.notVisible
{
    visibility:hidden;    
}

.noShow
{
    background-color:white;
    border-color:white;
    border-style:none;
    color:white;
    width:1px;
    height:1px;  
    
    /*
    background-color:#fffff0;
*/

}

.noDisplay
{
	display:none;
}

.noShowYellow
{
    background-color:#fffff0;
    border-color:#fffff0;
    border-style:none;
    color:#fffff0;
    width:1px;
    height:1px; 
}


.popupControl
{
    background-color:#fffff0; /*#AAD4FF;*/
    position:absolute;
    visibility:hidden;
    border-style:solid;
    border-color:Black;
    border-width:2px;    
}
.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=20);
    opacity:0.2
}

.modalPopup
{
    background-color:#fffff0; /*:#ffffdd;*/
    border-style:solid;
    border-color:Gray;
    border-width:3px;
    padding:3px;
    width:250px;    
}

.modalDragHandle
{
    background-color:blue;
    cursor:move;
    width:100%;
    height:14px;
    filter:alpha(opacity=20);
    opacity:0.2
}



.detailSubheading
{
	color:#0033ff;
	font-weight:bold;
}

.label
{
 color:Gray;	
 font-weight:lighter;

}

.pageHeading
{
 font-size: x-large ;
 text-align:center;
}


.listHeading
{
 font-size:  small;
 text-align:center;
}
.detailHeading
{
 font-size:small;	 
 text-align:center;

}
.popupHeading
{
 font-size: small;
}
.gridHeading
{
 font-size: small;
}



/*table wrapping detail */
.detailTable
{
  border:1px solid gray; 
  text-align:center;
}


/*table wrapping detail */
.detailTableNoBorder
{
  border:none; 
  text-align:center;
}



.detailLabels
{
	 font-size: 8pt;	
}

.detailTextBoxes
{
	 font-size: 8pt;
}

.detailTD
{
	 padding-top:0px;
	 padding-bottom:0px;
}



.noPadding
{
	 padding-top:0px;
	 padding-bottom:0px;
	 padding-left:0px;
	 padding-right:0px;
}

.selectLabels
{
	 font-size: 8pt;	
}

.selectTextBoxes
{
	 font-size: 8pt;	
}


.gridWrapperClass
{
	 overflow:   scroll;
	 height:350px;
	 width:450;
	 vertical-align:top;
	 font-size:small;	
}

.gridWrapperClass2
{
	 overflow:   scroll;
	 height:220px;
	 width:200px;
	 vertical-align:top;
	 font-size:small;	
}



.GridEditCenter
{
   text-align:center;
}

/* detailGrid is the detail grid's table class */
.detailGrid	   /*background color controls rules in detail grid */
{
 background-color:  Silver;
 font-size:small;
 border:solid 1 Silver;
}

 
.gridPagerStyle
{
 text-align:left;
 background-color:#2461BF;
 color:White;
 font-size:small;
}


.gridDefItemStyleClass
{
	padding-right:4px;
	padding-left:4px;
}

.pad4
{
	padding-right:4px;
	padding-left:4px;
}

.pad4Right
{
	padding-right:4px;
	padding-left:4px;
	text-align:right;
}


.gridHeaderStyle
{
 text-align:center;
 background-color:silver; /* #708090; */
 color:black;
 /*font-weight:bold;*/
 font-size: 10pt;
 text-decoration:none;
}

.gridFooterStyle
{
 text-align:center;
 background-color:silver; /* #708090; */
 color:black;
 font-weight:bold;
 font-size: 8pt;
}

.gridEditRowStyle
{
 background-color:#2461BF;
  font-size: x-small;

}



.gridRowStyleMO
{
 background-color: #D1DDF1; 
  color:#333333;
}



.gridAlternatingRowStyleMO
{

  background-color:#eeeeFF;
  color:#333333;
}

/* --------------------- */
.gridHoldTR
{
}
.gridAltHoldTR
{
}

.gridHiliteRowStyle
{
	/*
	background-color: #007aff; 
	color:white;
*/
	background-color:Gainsboro;
	color:Black;
	font-weight:  normal;
	font-size:8pt; 
}

.XXgridHiliteRowStyle
{
	background-color: #007aff; 
	color:white;
	font-weight:  normal;
	font-size:8pt; 
}


.cutDepotRowStyle
{
/*	filter:alpha(opacity=30);
	opacity:0.30; */

	background-color:#D5F5E3; /*ABEBC6; */
	color:black;
	font-weight:normal;
	font-size:8pt;

}

.cutAltDepotRowStyle
{
/*	filter:alpha(opacity=30);
	opacity:0.30; */

	background-color:#D5F5E3; /*ABEBC6; */
	color:black;
	font-weight:normal;
	font-size:8pt;
}




.gridRowStyleGreen
{
	background-color:#D5F5E3; /*ABEBC6; */
	color:black;
	font-weight:normal;
	font-size:8pt;
}

.gridRowStyle
{
	background-color: white; 
	color:black;
	font-weight:normal;
	font-size:8pt;
}
.gridAlternatingRowStyle
{
	background-color:#eeeeFF;
	color:black;
	font-weight:normal;
	font-size:8pt;
}

.gelHeaderStyle
{
	background-color:silver; /* #708090; */
	font-size:8pt;
}



/* --------------------- */



.gelTableStyle
{
	text-align:center;
	white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: small;
    font-style: normal;
    color:black;
}

.gelBayStyle
{
	background-color:silver; /* #708090; */
	text-align:right;
	font-size:x-small;
	
}


.gelRowStyle
{
  background-color:white; 
  color:#333333;
  font-size:x-small;
}

.gelAltRowStyle
{
  background-color:#eeeeFF;
  color:#333333;
  font-size:x-small;
}

.gelLabelCellStyle
{
    border-right: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

.fcstLate{color:White;background-color:Red;}
.fcstCellColor {color:black;}
.fcstCellSpecialPoolColor {color:red;}

.fcstCellFromGel {background-color:#A9F5A9;}
.fcstCellNoOrder {background-color:#F3F781;}
.fcstCellForecasted {background-color:#eeeeFF;}
.fcstCellEmpty {background-color:#eeeeFF;}

.fcstBorder {border:solid 1px silver;}
.fcstBorderHi {border:dotted 2px gray;}
.fcstAllCell {vertical-align:top}



.gelCellStyle
{
    border: gray 1px solid; 
}

.gelCellHighStyle
{
    border: green 2px dotted;
}

.gelBuildStyle
{
	vertical-align:top;	
}

.gelInsufficient
{
	background-color:#ffe6e6;	
}

.gelRedText
{
	color:Red;	
}


/*.............................................*/


.printCheckedButt
{
    font-weight:  normal ;
    font-size:  x-small;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: blue;
    border-bottom: black thin solid;
    background-color: ButtonFace; 
    cursor:hand;
}



/* used for misc on screen buttons, Privileges..., 

Group Membership... etc */

.picklistButt
{

    font-weight: bold;
    font-size:x-small;
    border-right: black  thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    color: RoyalBlue;
    border-bottom: black thin solid;
    background-color: ButtonFace;
    cursor:hand;
}



.tableDebug
{
 background-color:Aqua;
 border: 1px solid red;
  	
	
}

.detailScreen
{
  border:5px solid gray;
}




.activeTab
{
   border-bottom:none; border-left:black thin solid;border-right:black thin solid;border-top:black thin solid;
}

.overTab
{
   cursor:hand;background-color:#eeeeFF; border-top:gray thin solid; border-left:gray thin solid;border-right:gray thin solid;border-bottom:black thin solid;
}
.inactiveTab
{
   cursor:hand;background-color:#eeeeFF; border-top:gray thin solid; border-left:gray thin solid;border-right:gray thin solid;border-bottom:black thin solid;
}
.nonTab
{
  font-size:xx-small; border-top:none; border-left:none;border-right:none;border-bottom:black thin solid;
}


/* Menu CSS */

.desktopMenu
{
position:absolute;
color:black;
background-color:silver;
border-top: 2px solid #f2f2f2;
border-right: 2px solid #808080;
border-bottom: 2px solid #808080;
border-left: 2px solid #f2f2f2;
}


.menuIcon
{
    height:18px;
    width:18px;
}

.menuHigh
{
    color:white;
    background-color:black;
    cursor:default;
}
.menuHoldHigh
{
    color:white;
    background-color:black;
}


.menuChoiceInactive
{
color:#FFFeFe;
background-color:silver;
text-shadow: 0px -1px 0px rgba(0,0,0,.5); /* 50% black coming from the top */

}

.menuSeparator
{
height:1px;
background-color:#e9e9e9;
}


/* app menu css */


.appSubMenu
{
position:absolute;
left:0px;
top:0px;
color:black;
background-color:silver;
border-top: 1px solid #f2f2f2;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
border-left: 1px solid #f2f2f2;
}

.appTopChoice
{
	background-color:transparent;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
}


.topMenuHoldHigh
{
	background-color:silver;
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #f2f2f2;
}

.topMenuHigh
{
	background-color:silver;
	border-top: 1px solid #f2f2f2;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #f2f2f2;
}

.topMenuHoldLow
{
	background-color:silver;
	border-top: 1px solid #808080;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #808080;
}

.topMenuLow
{
	background-color:silver;
	border-top: 1px solid #808080;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	border-left: 1px solid #808080;
}

.menuTable
{
font-size:12px;
}


.iconCaptionFontSize
{
font-size:12px;
}

.displayNone
{
	display:none;
}

.highlightedRow
{
	background-color:blue;
	color:White;	
}

.loadCell
{
	font-size:12px;
	border:solid thin gray;
	vertical-align:top;
	text-align:center;
}


.loadCellHigh
{
	font-size:12px;
	border-left:solid medium red;
	border-right:solid medium red;
	border-top:solid thin red;
	border-bottom:none;
	vertical-align:top;
	text-align:center;
}


.loadCellYellow
{
	background-color:yellow;
	color:black;	
}

.loadTable
{
	background-color:white;
	color:black;
}

.loadRow
{
}

.loadGrey
{
	background-color:silver;
}

.loadHiCell
{
	background-color:blue;
	color:White;	
}




.orderFormTables
{
width:100%;
border-spacing:0;
}	

.detailFormTables
{
width:100%;
border-spacing:0;
}