@import url("https://fonts.googleapis.com/css?family=Lato");
* {box-sizing: border-box;}

HTML 
{
    margin: 0;
    padding: 0;
    height: 100%;
}
BODY
{   FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Lato';
    margin: 0;
    padding: 0;
}
#wrapperbody {
	min-height:100%;
	position:relative;
}
.LabelAlerts{
    font-size: 10pt;
    font-family: Lato;
}
.FrozenPeriodLabel{
    font-size: 12pt;
    font-family: 'Lato';
    color: black;
    font-weight: bold;
}
.TextColorChange{
    COLOR: #4E515E;
}
TABLE
{   FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Lato';
}
FORM
{   FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Lato';
}
SELECT
{   
    COLOR: black;
    FONT-FAMILY: 'Lato';
}
TEXTAREA
{
  padding-left: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-color: #c1c1c1;
 -moz-box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  color: black;
  font-size: 10pt;
}
input[type="checkbox"]{
  width: 15px;
  height: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  vertical-align: middle;
  font-size: 10pt;
}

input[disabled='disabled']{
    background-color: #d9dbdd;
}
input[type="text"]{
  border-color: #c1c1c1;
  border-width: 1px;
  border-style: solid;
  color: black;
  font-size: 10pt;
  font-family: 'Lato';
}

.verticalaligntop{
    vertical-align: top;
}
.LabelLikeTextbox
{
  border-color: #c1c1c1;
 -moz-box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  color: black;
  font-size: 10pt;
  font-family: 'Lato';
}
/*.uploadRegButton input[type=button] {
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #A0ACBF;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
}*/
.RegButton 
{ 	
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #A0ACBF;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
    padding-right: 10px;
    padding-left: 10px;
}
.ErrorButton {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Lato';
    background-color: #d81010;
    color: #FFFFFF;
    border: 0;
    border-radius: 10px;
    padding: 4px;
    padding-right: 10px;
    padding-left: 10px;
}
.SuccessButton {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Lato';
    background-color: rgba(37,111,31,.9);
    color: #FFFFFF;
    border: 0;
    border-radius: 10px;
    padding: 4px;
    padding-right: 10px;
    padding-left: 10px;
}
.RegButtonNoHover 
{ 	
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #A0ACBF;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
}
.RegButtonNoHover:hover 
{ 	
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #D9DBDD;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
}
.InactiveTimeRegButton 
{ 	
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #A0ACBF;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
}
.ActiveTimeRegButton 
{ 	
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #A0ACBF;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
}
.ActiveTimeRegButton:hover{
    background-color: #489CD6;
}
.WarehouseButton{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #898E8C;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
    padding-left: 17px;
    float: right;
    margin-top: 3px;
    margin-right: 10px;
    
}

.WarehouseButton:hover{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #92B6D5;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;
    padding-left: 17px;
    float: right;
    margin-top: 3px;
    margin-right: 10px;
}
.RegButton:hover 
{ 	
	background-color: #489CD6;
}
.SquareRegButton 
{ 	
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #A0ACBF;
	color: #FFFFFF;
	border: 0;
	padding: 4px 8px 4px 8px;
}
.SquareRegButton:hover 
{ 	
	background-color: #489CD6;
}
.default
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Lato';
}
P
{   FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Lato'
} 
H1
{   FONT-SIZE: 16pt;
    COLOR: black;
    font-family: 'Lato';
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 26px;
}
H2
{   FONT-WEIGHT: 700;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: 'Lato'}
H3
{   FONT-WEIGHT: 700;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Lato'}
.ThriveBanner 
{
    background-image: url(images/banner.png?123);
}    
.HorizontalLine {
    width: 100%;
    font-size: 1px;
    color: #c1c1c1;
    line-height: 1px;
    background-color: #c1c1c1;
    margin-top: 0px;
    z-index: -1;
    margin-bottom: 0px;
}
.workbox 
{
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-bottom: 15px;
}
.workboxForecastDetail 
{
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-bottom: 15px;
    width: 100%;
}
.workboxtitleForecastDetail
{
    background-color: #A0ACBF;
    height: 40px;
    color: #FFFFFF;
    font-size: 11pt;
    padding-left: 15px;
    vertical-align:middle;
    line-height: 40px;
    font-weight: 500;
    width: 100%;
}
.workboxinnerForecastDetail
{
    padding: 10px;
    width: 100%;
}
.workboxtablefit 
{
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-bottom: 15px;
    display: table;
}
/*.overflow{
    overflow-x: scroll;
    width: 1200px;
}*/
.workboxtitle
{
    background-color: #A0ACBF;
    height: 40px;
    color: #FFFFFF;
    font-size: 11pt;
    padding-left: 15px;
    vertical-align:middle;
    line-height: 40px;
    font-weight: 500;
}

.workboxinner
{
    padding: 10px;
}
.checkboxtitle
{
    background-color: #489CD6;
    height: 30px;
    color: #FFFFFF;
    font-size: 11pt;
    padding-left: 10px;
    vertical-align:middle;
    line-height: 30px;
    font-weight: 500;
    text-align: left;
}
.checkboxinner
{
    padding: 10px;
}
a:link
{
    color:#489CD6;
}
a:visited
{
    color:#489CD6;
}
a:hover
{
    color:#353F51;
}
.DataGridTable td 
{
    padding: 3px;
}


.StatusListDataGridTable td{
    padding: 3px;
}
.NewTableHeader 
{ 	FONT-FAMILY: 'Lato';
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #A0ACBF;
	border-bottom-width: 1px;
    position: sticky;
}
.FixedTableHeader th{
    top: 0px;
    background-color: #489CD6;
    vertical-align: middle;
    vertical-align: top;
    position: sticky;
    top: 0;
    position: -webkit-sticky;
}

.FixedTableHeader td{
    vertical-align: middle;
    vertical-align: top;
    position: sticky;
    top: 0;
    position: -webkit-sticky;
    BACKGROUND-COLOR: #d1d1d1;
}


.FixedTableHeader a{
    color: white;
}

.FixedTableHeader a:hover{
    color: #4E515E;
}

.NewTableRowDataEven 
{ 	FONT-FAMILY: 'Lato';
	FONT-SIZE: 10pt !important; 
	text-align: left;
	background-color: #EBEEF1;
	overflow: hidden;
}
.NewTableRowDataOdd 
{	FONT-FAMILY: 'Lato';
	FONT-SIZE: 10pt !important;
	text-align: left;
	overflow: hidden;
}
.NoWhiteSpace{
    white-space: nowrap;
}

.MessageSummaryTableHeader 
{ 	FONT-FAMILY: 'Lato';
    FONT-WEIGHT: bold;
    color: #489CD6; 
	FONT-SIZE: 11pt;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #A0ACBF;
	border-bottom-width: 1px;
}

.MessageSummaryTableHeader a{
    color:#489CD6;
    text-decoration: none;
    pointer-events: none;
   cursor: default;
}
.MessageSummaryTableHeader a:hover{
    color:#489CD6;
    text-decoration: none;
    pointer-events: none;
   cursor: default;
}
.MessageSummaryTableRowDataEven 
{ 	FONT-FAMILY: 'Lato';
	FONT-SIZE: 10pt; 
	text-align: left;
    color: black;
	background-color: #EBEEF1;
	overflow: hidden;
}
.MessageSummaryTableRowDataOdd 
{	FONT-FAMILY: 'Lato';
	FONT-SIZE: 10pt;
    color: black;
	text-align: left;
	overflow: hidden;
}
.topButton
{
    color: #4E515E;
    FONT-SIZE: 10pt;
    font-weight: bold;
    padding: 22px 15px 20px 15px;
}
.topButton:link
{
    color: #4E515E;
    text-decoration: none;
}
.topButton:visited
{
    color: #4E515E;
    text-decoration: none;
}
.topButton:hover
{
    background-color: #353F51;
    color: #FFFFFF;
    text-decoration: none;
}
select::-ms-expand {
    display: none;
}
.topDropdown
{
    font-size: 10pt;
    width: 175px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    margin-right: 15px;
    margin-left: 10px;
   -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;
    background: url(images/Thrive_ArrowGrayDown.png) no-repeat 95% #fff;
    border-color: #c1c1c1;
    -moz-box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
}
.topCheckbox
{
    color: #4E515E;
    FONT-SIZE: 10pt;
    font-weight: bold;
    padding: 22px 15px 20px 15px;
} 
.BoldText
{
    font-weight:bold;
    color: black;
}

.igDropDownChange{
    border: none !important;
}
.igDropDownChange input{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border: none !important;
    background: no-repeat 97% #fff !important;
}
.igDropDownChange input:hover{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    background: no-repeat 97% #fff !important;
}
.igDropDownChange img {
    padding-top: 1px;
    height: 9px;
    width: 23px;
    cursor: pointer;
}
.igDropDownChange table:hover{
    background: no-repeat #fff !important;
}
.igDropDownChange table:active{
    background: no-repeat #fff !important;
}
.igDropDownChange td:last-child{
    background: no-repeat #fff !important;
    height: 9px;
}
.igdd_ListItem{
    font-family: Lato;
    background-color: #ffffff !important;
    text-decoration: none !important;
    color: black !important;
}
.igdd_ListItem a:link {
    text-decoration: none;
    background-color: #ffffff !important;
    color: black !important;
}
.igdd_ListItemHover a:link{
    text-decoration: none;
    background-color: #116CD6 !important;
    color: white !important;
}
.igdd_ListItemHover{
    background-color: #116CD6 !important;
    text-decoration: none !important;
    background: #116CD6 !important;
    color: #ffffff !important;
}
.igdd_ListItemHover a{
    color: #ffffff !important;
}
.regDropDown{
    font-size: 10pt;
    margin-top: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
   -webkit-appearance: none;
   -moz-appearance: none;
   -moz-border-bottom-colors: #c1c1c1;
   -moz-border-top-colors: #c1c1c1;
   -moz-border-left-colors: #c1c1c1;
   -moz-border-right-colors: #c1c1c1;
    appearance: none;
    background: url(images/Thrive_ArrowGrayDown.png) no-repeat 97% #fff;
    border-color: #c1c1c1;
    -moz-box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    -webkit-padding-end: 21px !important;
}

.ddlShipToLocation{
    font-size: 10pt;
    margin-top: 1px;
   -webkit-appearance: none;
   -moz-appearance: none;
   -moz-border-bottom-colors: #c1c1c1;
   -moz-border-top-colors: #c1c1c1;
   -moz-border-left-colors: #c1c1c1;
   -moz-border-right-colors: #c1c1c1;
    appearance: none;
    background: url(images/Thrive_ArrowGrayDown.png) no-repeat 97% #fff;
    border-color: #c1c1c1;
    -moz-box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
}
.PreferencesAdjustments{
    margin-top: 1px;
    margin-bottom: 1px;
} 
.dropdownmargin
{
    margin-right: 15px;
    margin-left: 10px;
}
.textPadding
{
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.leftrightpadding
{
   padding-left: 2px;
   padding-right: 2px;
} 
.capitalize
{
    text-transform: uppercase;    
}
.bigTextbox
{
    font-size: 10pt;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    margin-right: 15px;
    margin-left: 10px;
   -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;
    border-color: #c1c1c1;
    -moz-box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
}
.BlueButton
{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #489CD6;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px;   
} 
.BlueButton:hover
{
    background: #353F51;
}
.BlueButton:disabled
{
    background: #A0ACBF;
}
.BlueExpandCollapse
{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #489CD6;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 4px 4px 4px 10px; 
	float:right; 
	line-height: 20px; 
	margin-top: 6px;
	margin-right: 10px; 
	width: 120px;
}

.ButtonPaddingLeftRight{
    padding-left: 10px;
    padding-right: 10px;
}

.BlueExport{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #489CD6;
	color: #FFFFFF;
	border: 0;
	border-radius: 2px;
	width: 120px;
}

.Export:hover{
    background-color: #353F51;
}
.BlueExpand
{
    background: url(images/Thrive_ArrowUpDown.png) no-repeat 9% #489CD6;
}
.BlueExpand:hover
{
    background: url(images/Thrive_ArrowUpDown.png) no-repeat 9% #489CD6;
    background-color: #353F51;
}
.GreyExpand
{
    background: url(images/Thrive_ArrowUpDown.png) no-repeat 9% #898E8C;
}
.GreyExpand:hover
{
    background: url(images/Thrive_ArrowUpDown.png) no-repeat 9% #489CD6;
    background-color: #004B8D; 
}
.GreyCollapse 
{
    background: url(images/Thrive_ArrowUpDownUp.png) no-repeat 9% #898E8C;
}
.GreyCollapse:hover
{
    background: url(images/Thrive_ArrowUpDownUp.png) no-repeat 9% #489CD6;
    background-color: #004B8D;
}
.BlueCollapse
{
    background: url(images/Thrive_ArrowUpDownUp.png) no-repeat 9% #489CD6;
}
.BlueCollapse:hover
{
    background: url(images/Thrive_ArrowUpDownUp.png) no-repeat 9% #489CD6;
    background-color: #353F51;
}
.Copyright
{
    background-color: #A0ACBF;
    height: 40px;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: 'Lato';
    vertical-align:middle;
    line-height: 40px;
    font-weight: 700;
    text-align: center;   
}
.Marginup
{
    line-height: 30px;
}
.MarginBottom{
    margin-bottom: 10px;
}
.reviewSuspend {
    color: #4E515E;
    float: right;
    font-family: 'Lato';
    font-weight: bold;
}
.editableTextBox
{
  border-color: #c1c1c1;
 -moz-box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  color: black;
  font-size: 10pt;
  font-family: 'Lato';
  overflow: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.blueTitle
{
    background-color: #489CD6;
    color: #FFFFFF;
    height: 25px;
    font-size: 10pt;
    padding-left: 6px;
    padding-right: 10px;
    padding-top: 3px;
    vertical-align:middle;
    line-height: 20px;
    font-weight: 500;
}
.fakeGrid
{
    border: none;
    padding: 0;    
}
.fakeGrid tr
{
    line-height: 26px;
    height: 26px;
}
.fakeGrid tr td
{
    padding-right: 5px; 
    padding-top: 2px; 
    padding-bottom: 2px;   
}
.fakeGrid td:nth-child(1)
{
    padding-left: 8px; 
}
.fakeGrid tr:nth-child(even) 
{
    background-color: #EBEEF1;
}
.secondRightAlign td:nth-child(2)
{
    text-align: right;
    padding-left: 5px;
    float: right;
}
.secondLeftAlign td:nth-child(2)
{
    text-align: left;
    padding-left: 5px;
    float: right;
}
.CurrentMessages td:nth-child(2)
{
    text-align: left;
    padding-left: 5px;
    float: right;
}
.fakeGridLabel
{
    border: none;
    padding: 0;    
}
.fakeGridLabel tr td
{
    padding-right: 5px; 
    padding-top: 1px; 
    padding-bottom: 1px;   
}
.fakeGridLabel td:nth-child(1)
{
    padding-left: 8px; 
}
.fakeGridLabel tr:nth-child(even) 
{
    background-color: #EBEEF1;
}
.secondLeftAlign td:nth-child(2)
{
    text-align: left;
    padding-left: 25px;
}
.MarginLeft
{
    margin-left: 10px;    
}
.PaddingLeft{
    padding-left: 8px;
}

.ExportExcelPadding{
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.floatRight
{
    float: right;  
}
.floatLeft
{
    float: left;  
}
.ColumnPadding tr td
{
    padding-right: 10px;
}
.ColumnPadding tr:nth-child(even) td
{
    padding-bottom: 10px;
}




.Hidden
{
	display: none;
}

table.datagridOther td{
    padding-left: 6px;
}

.OrdersGridHeader{
    vertical-align: middle;
    height: 25px;
    font-weight: 300;
    font-size: 10pt; 
    BACKGROUND-COLOR: #489CD6; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	text-align: left;
    padding-left: 1px; 
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 1px;
}

.OrdersGridHeaderCenter{
    vertical-align: middle;
    height: 25px;
    font-weight: 300;
    font-size: 10pt; 
    BACKGROUND-COLOR: #489CD6; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	text-align: center;
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 1px;
}

.ForecastTableHeader{
    vertical-align: middle;
    height: 25px;
    font-weight: 300;
    font-size: 10pt; 
    BACKGROUND-COLOR: #489CD6; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	text-align: left;
    padding-left: 3px; 
}
.ChangeCheckBox input {
    background-color: white;
    margin-bottom: 2px;
    margin-right: 0px;
}
.MarginBottom input{
    margin-bottom: 3px;
}
.GreyTableHeader {
    padding: 6px 0 6px 6px !important;
    FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #d1d1d1;
	text-align: left;
    font-size: 10pt;
}
.TableHeader 
{ 	
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6;
	text-align: left; 
}
.TableHeader A
{ 	
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6; 
	text-align: left;
    padding: 3px 0 3px 6px;
}
.TableHeader A:link
{ 	FONT-WEIGHT: bolder; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6; 
	text-align: left;
    padding: 3px 0 3px 6px;
}
.TableHeaderCenterGrid 
{ 	
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6;
	text-align: center; 
}
.TableHeaderCenterGrid A
{ 	
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6; 
	text-align: center;
    padding: 3px 0 3px 0px;
}
.TableHeaderCenterGrid A:link
{ 	FONT-WEIGHT: bolder; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6; 
	text-align: center;
    padding: 3px 0 3px 0px;
}
@media only screen and (min-width: 1100px){}
.ReplenishDataGridWidth{
    width: 800px;
}
.TableHeader A:hover
{ 	FONT-WEIGHT: bolder; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6; 
	text-align: left;
    padding: 3px 0 3px 6px;
}
.TableRowDataEven 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #EEEEEE;
    /*padding-left: 6px;*/ 
	text-align: left}
.TableRowDataEven A
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #2CA8DF !important; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #EEEEEE; 
	text-align: left;
    /*padding-left: 6px;*/ 
	text-decoration: underline}
.TableRowDataEven A:link
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #2CA8DF; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #EEEEEE; 
	text-align: left;
    /*padding-left: 6px;*/ 
	text-decoration: underline}
.TableRowDataEven A:hover
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #2CA8DF; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #000066; 
	text-align: left;
    /*padding-left: 6px;*/ 
	text-decoration: underline}	
.TableRowDataOdd 
{	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt !important; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-align: left;
    /*padding-left: 6px;*/  
	background-color: white}
.TableRowDataOdd A
{	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #2CA8DF !important; 
	FONT-FAMILY: Lato; 
	text-align: left; 
	background-color: white;
    /*padding-left: 6px;*/ 
	text-decoration: underline}
.TableRowDataOdd A:link
{	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #2CA8DF; 
	FONT-FAMILY: Lato; 
	text-align: left; 
	background-color: white;
    /*padding-left: 6px;*/ 
	text-decoration: underline}
.TableRowDataOdd A:hover
{	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #2CA8DF; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #000066; 
	text-align: left;
    /*padding-left: 6px;*/ 
	text-decoration: underline}
		
	
.labelMessageMode
{   FONT-SIZE: 10pt;
	font-weight: bold;
    COLOR: black;
    FONT-FAMILY: 'Lato';
}
.LinksAdjusted a
{
    text-decoration: none;
    color: #FFFFFF;
}    
.ClearDayLinks A
{
	font-size: 10pt;
}
.FrameBackground
{
	background-color: steelblue;
}
.CheckBox
{
    display: block;
}
.displaynone
{
    display:none;
}
.pushdown
{
    display:inline-block;    
    vertical-align:middle; 
}
.LabelInControl
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato}
.LeftNav 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato}
.LeftNav A
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #000066; 
	FONT-FAMILY: Lato; 
	text-decoration: underline}
.LeftNav A:link
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #000066; 
	FONT-FAMILY: Lato; 
	text-decoration: underline}
.LeftNav A:hover
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	text-decoration: underline; background-color: #000066}
.TopFrame 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #003063}
.KeyLabel 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #000066; 
	text-align: right}
.KeyLabelEdit 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: right}
.ParmHeader
{
	COLOR: navy; 
	FONT-FAMILY: Lato;
	text-align: center;
}	
.ParmLabel 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: left;}
.nowrap
{
    white-space:nowrap;}	
.ParmLabelRight 
{
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: right;}
.ParmInputNumeric
{
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: Left;
	width:100px}
.ParmInputText
{
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: left;
	width:100px}
.ParmDisplayNumeric  
{	
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR:  #EEEEEE; 
	text-align: right;
	width:100px;
	display: inline-block;
	}
.ParmDisplayNumericShorter  
{	
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR:  #EEEEEE; 
	text-align: right;
	width:90px;
	display: inline-block;}
.ParmDisplayText  
{	
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR:  #EEEEEE; 
	text-align: Left;
	width:100px;
	display: inline-block;}
.ParmDisplayLongText  
{	
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR:  #EEEEEE; 
	text-align: Left;
	display: inline-block;}
.ParmDataDisplay  /* Not currently being used */
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #333333; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #EEEEEE} 
.KeyData 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white}
.TableRowLabel 
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato;  
	text-align: left;
    width: 97px;
}
.TableRowLabel A
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-align: left}
.TableRowLabel A:link
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato;
	text-align: left}
.TableRowLabel A:hover
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	text-align: left; 
	text-decoration: underline}
.AddPadding
{
    padding-left: 4px;
    padding-right: 4px;
}
.LeftPadding{
    padding-left: 5px;
}
.LeftPadding td > .ig_item{
    padding-left: 5px;
    font: 10pt !important;
}
.LeftOrderPadding{
    padding-left: 5px;
}
.RightOrderPadding {
    padding-right: 5px;
}
.RowSelectedBackColor
{
    background-color: #8DC6EC;
}
.TableRowDataEvenInfra 
{ 	COLOR: black; 
	BACKGROUND-COLOR: #EEEEEE; 
	text-align: left;}
.TableRowDataYellow 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #FFFF00; 
	text-align: right}
.TableRowDataGreen 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #90EE90; 
	text-align: right}
.TableRowDataTotal 
{ 	FONT-WEIGHT:  normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-align: right ; 
	background-color: #D0DAE6}
.BodyLink 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato}
.BodyLink A
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #000066; 
	FONT-FAMILY: Lato; 
	text-decoration: underline}
.BodyLink A:hover
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #0000CC; 
	FONT-FAMILY: Lato; 
	text-decoration: underline}
.Text 
{	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato}
.TextError
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: red; 
	FONT-FAMILY: Lato}
.Text A
{	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000066; 
	FONT-FAMILY: Lato;
	text-decoration: underline}
.Text A:hover
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #0000CC; 
	FONT-FAMILY: Lato;
	text-decoration: underline}
.BodyText 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato}
.PlusMinus
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato;
}
.PlusMinus A
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-decoration: none}
.PlusMinus A:link
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-decoration: none}
.PlusMinus A:hover
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-decoration: none}
.TableHeaderInfra 
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #000066; 
	border-top-style: solid;
	border-top-color: White;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
	height: 20px;
	padding-left:1px;
	white-space:nowrap;
}
.TableHeaderInfra2 
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #000066; 
	border-top-style: solid;
	border-top-color: White;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-color: White;
	border-left-width: 1px;
	height: 20px;
	padding-left:1px;
}

.ForeColorGreen {
    color: Green;
}
.ForeColorRed
{
    color:Red;
}
.ForeColorDarkGray
{
    color:DarkGray;
}
.RedBold
{
    color:Red;
    font-weight: bold;
}
.GrayRow
{
    background-color:#696969;
}
.GrayItalic
{
    font-style:italic;
    color:#2F4F4F;
}
.Height30
{
    height: 30px;
}
.GreenHeaderRow
{
    background-color: Green;
}
.width40
{
    width: 55px;
}
.width100
{
    width: 85px;
}
.width170
{
    width: 195px;
}
.PagerLink
{	
	COLOR: Blue; 
	text-decoration: underline
}
.PagerLink:hover
{	
	COLOR: #0000CC; 
	text-decoration: underline;
	cursor: pointer; 
	cursor: hand;
}
.RowInfra
{
    padding-left:1px;
    padding-right:1px;
    height: 20px;
    white-space:nowrap;
    overflow: hidden;
}

.RowInfra2{
    padding-left:4px;
    padding-right:1px;
    height: 28px;
    white-space:nowrap;
    overflow: hidden;
    border-bottom: 2px solid white;
    border-left: 1px solid white;
}
.whitetext{
    color: white !important;
}
.MarginRightButton{
    margin-right: 8px;
}
.MarginLeftButton{
    margin-left: 8px;
}
.ExcelMarginLeftButton{
    margin-left: 30px;
}
.RowInfraNoLeftBorder2
{
    color: red;
    height: 25px;
    white-space:nowrap;
    overflow: hidden;
    text-align: center;
    border-bottom: 2px solid white;
}

.RowInfraNoLeftBorder
{
    padding-left:1px;
    padding-right:1px;
    height: 20px;
    border-bottom-width: 1px;
    border-bottom-color: Gray;
    border-bottom-style: solid;
    white-space:nowrap;
    overflow: hidden;
    text-align: center;
}
.TopBorder1
{
    border-top-width: 1px;
    border-top-color: Gray;
    border-top-style: solid;
}
.TopBorder3
{
    border-top-width: 3px;
    border-top-color: Gray;
    border-top-style: solid;
}
.BottomBorder2
{
    border-bottom-width: 2px;
    border-bottom-color: Gray;
    border-bottom-style: solid;
}
.FcstColor_History
{
    background-color: LemonChiffon;
}
.FcstColor_Plan
{
    background-color: AliceBlue;
}
.FcstColor_Plan_det
{
    background-color: Beige;
}
.FcstColor_Stat {
    background-color: #ededed;
}
.FcstColor_Model {
    background-color: #ededed;
}
.FcstColor_LightGray
{
    background-color: LightGray;
}
.HiddenRow
{
    visibility: hidden;
    display: none;
}
.BoldRed.BoldRed
{
    color:Red !important;
    font-weight: bold;
}
.BoldGreen.BoldGreen
{
    color:Green !important;
    font-weight: bold;
}
.BoldRed:link
{
    color:Red !important;
    font-weight: bold;
}
.BoldGreen:link
{
    color:Green !important;
    font-weight: bold;
}
.RegularBlack
{
    color:Black;
    font-weight: normal;
}
.ColorLightBlue
{
    background-color: lightblue;    
}
.ColorGreen
{
    background-color: #3CB371;    
}
.ColorBlue
{
    background-color: #45b2e7;    
}
.ForeColorOrange
{
    color: Orange;    
}
.AlignLeft
{
    text-align: left !important;
}
.AlignRight
{
    text-align: right;
}
.AlignCenter
{
    text-align: center;
}
.TableHeaderMiddle
{ 	FONT-WEIGHT: bolder; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6;
	text-align: left;
    padding-left: 0px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.TableHeaderSort 
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	text-decoration: underline;
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #000066; 
	text-align: left}
.LabelLeft 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 	
	text-align: left}	
.TableHeaderCenter 
{ 	
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 	
	text-align: center}
.TableHeaderCenter A
{ 	
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 	
	text-align: center;
	text-decoration: underline}
.TableHeaderCenter A:link
{ 	 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 	
	text-align: center;
	text-decoration: underline}
.TableHeaderCenter A:hover
{ 	
	FONT-SIZE: 10pt; 
	COLOR: #000066; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #D0DAE6; 	
	text-align: center;
	text-decoration: underline}
.DRPTableRowLabelPlus 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #D0DAE6; 
	text-align: left; 
	text-decoration: none}
.TableDataLeftAlign 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-align: left; 
	background-color: white}
.TableDataLeftAlign A
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000066; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: right;
	text-decoration: underline}
.TableDataLeftAlign A:link
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000066; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: right;
	text-decoration: underline}
.TableDataLeftAlign A:hover
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #000066; 
	text-align: right;
	text-decoration: underline}
.leadtimeradiobutton input{
    margin-top: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
}
th.igg_HeaderRowSelector {
    background-color: #489CD6;
    border: none;
}

.DRPDate 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: white; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #489CD6; 
	text-align: left;
}

.DRPDate, .PlusMinus {
    width: 33px;
}

.DRPDate td {
    min-width: 28px;
}
.TableRowDataEvenNeg 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #FF0000; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #FFFFCC; 
	text-align: right}
.BoxTitle
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
    FONT-FAMILY: Lato; 
    background-color: white; 
    background-position: top}
.TableRowDataOddNeg 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #FF0000; 
    FONT-FAMILY: Lato;
    BACKGROUND-COLOR: #FFFFCC;
    text-align: right }
.TableRowDataOddWarn 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE:  x-small; 
	COLOR: black; 
	FONT-FAMILY: Lato;
    text-align: right;
    background-color: #FFFFCC}
.TableRowDataOddGray 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #999999; 
	FONT-FAMILY: Lato;
    text-align: right;
    background-color: white }
.BoxTitleCenter 
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato ; background-color: white; background-position: center}
.Caption 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; FONT-FAMILY: Lato }
.CollapseCaption 
{	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: white; 
	text-align: right}
.CollapseButton  
{	 
    width: 20px;
	padding: 0;
	text-align: center;
	margin: 0;
}
.TableRowLabelCollapse
{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato;  
	text-align: left
}
.AttributeDropDown
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato; 
	BACKGROUND-COLOR: #D0DAE6; 
	text-align: left}
.ParmDropDownMedium
{ 	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-align: left;
	width: 92px}
.ParmDropDown
{ 	COLOR: black; 
	FONT-FAMILY: Lato; 
	text-align: left;
	width: 192px}
.CellButton 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt;
	width: 30px; 
	FONT-FAMILY: Lato }
.WideButton 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt;
	width: 120px; 
	FONT-FAMILY: Lato }
.SideButton 
{ 	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt;
	width: 70px; 
	FONT-FAMILY: Lato }
.TextBox
{	FONT-SIZE: 10pt;
	text-align:right;
	width: 88px}
.TextBoxAlignRight
{	FONT-SIZE: 10pt;
	text-align:right;
	width: 66}
.TextBoxSmall
{	FONT-SIZE: 10pt;
	width: 66}	
.Description
{ 	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: black; 
	FONT-FAMILY: Lato ; background-color: white; background-position: center;}
.Remark
{FONT-FAMILY: 'Lato'}
.DisplayInline{
    display: inline;
}
div.toolbar {FONT-FAMILY: 'Lato' ; display: inline;  border: 1px solid #dddddd; padding: 3px 2px 0px 2px;}
img.toolbar {border: 1px solid #EEEEEE;}
A.toolbar:link {border: 1px solid #EEEEEE; text-decoration : none;}
A.toolbar:visited {border: 1px solid #EEEEEE; text-decoration : none;}
A.toolbar:active {border: 1px solid #EEEEEE; text-decoration : none;}
A.toolbar:hover {border: 1px solid #316AC5;  background-color: #C1D2EE; text-decoration : none;}
    div.uedge {
      width: 100%;
      background-color: white;
      background-image: url(RoundFrame/h_topShadow.gif);
      background-repeat: repeat-x
    }
    div.uedge2 {
      background-color: white;
      background-image: url(RoundFrame/h_topShadow.gif);
      background-repeat: repeat-x
    }
    div.redge {
      background-image: url(RoundFrame/h_rightShadow.gif);
      background-position:  right top;
      background-repeat: repeat-y
    }
    div.bedge {
      background-image: url(RoundFrame/h_bottomShadowForangle.gif);
      background-position:  left bottom;
      background-repeat: repeat-x
    }
    div.ledge {
      background-image: url(RoundFrame/h_leftshadow.gif);
      background-position:  left top;
      background-repeat: repeat-y
    }
    div.ulcorner {
      background-image: url(RoundFrame/h_upleftcorner.gif);
      background-position:  left top;
      background-repeat: no-repeat
    }
    div.urcorner {
      background-image: url(RoundFrame/h_uprightcorner.gif);
      background-position:  right top;
      background-repeat: no-repeat
    }
    div.blcorner {
      background-image: url(RoundFrame/h_bottomleftangle.gif);
      background-position:  left bottom;
      background-repeat: no-repeat
    }
    div.brcorner {
      background-image: url(RoundFrame/h_bottomrightangle.gif);
      background-position:  right bottom;
      background-repeat: no-repeat;
      padding-left:15px; 
      padding-right:30px; 
      padding-top:15px; 
      padding-bottom:15px;
    }
    div.innercontent {
      width: 100%;
      text-align:center;
    }
	div.innercontentLeft {
      width: 100%;
      text-align:left;
    }
.ForwardBuying {
    height: 300px;
    overflow-y: scroll;
}

.modal {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}
.buttonTimeBack{
    margin-top: 2px;
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
}

.ChangeCursor{
    cursor: pointer;
}

.close {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
}

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

.ForecastGridBackgroundColor {
    background-color: #ededed;
    font-size: 10pt;
}
.pagination span {
    color: red;
}
.pagination a {
    color: DimGray;
    
}
.gridBorder{
    border-top: 1px solid black;
}
.item-review {
    position: absolute;
    right: 45%;
    margin-top: 10px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: red;
    text-decoration: underline;
    font-weight: bold;
}

.item-review:visited {
    position: absolute;
    right: 45%;
    margin-top: 10px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: red;
    text-decoration: underline;
    font-size: 16px;

}
@media screen and (min-width: 1401px){
    .ModalResize{
        width: 40%;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
    }
    .OrderModalResize{
        width: 60%;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
    }
}
@media screen and (max-width: 1400px){
    .ModalResize{
        width: 60%;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
    }
    .OrderModalResize{
        width: 80%;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
    }
    .centerAlignMessages{
            padding-left: 70px;
    }
}
@media screen and (max-width: 1201px){
    .ModalResize{
        width: 80%;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
    }
    .OrderModalResize{
        width: 95%;
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .WarehouseButton{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #898E8C;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 0px 4px 6px 4px;
    padding-left: 17px;
    float: right;
    margin-top: 3px;
    margin-right: 10px;
    height: 25px;
    
}

.WarehouseButton:hover{
    FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt;
	FONT-FAMILY: 'Lato';
	background-color: #92B6D5;
	color: #FFFFFF;
	border: 0;
	border-radius: 10px;
	padding: 0px 4px 6px 4px;
    padding-left: 17px;
    float: right;
    margin-top: 3px;
    margin-right: 10px;
    height: 25px;
}
}
span.deleteicon {
    position: relative;
}
span.deleteicon2 {
    position: relative;
}
span.deleteicon span {
    position: absolute;
    display: block;
    right: 0px;
    top: -1px;
    width: 16px;
    height: 22px;
    cursor: pointer;
}

span.deleteicon2 span {
    position: absolute;
    display: block;
    right: 0px;
    top: -1px;
    width: 16px;
    height: 22px;
    cursor: pointer;
}

span.deleteicon input {
    padding-right: 16px;
    box-sizing: border-box;
}
span.deleteicon2 input {
    padding-right: 16px;
    box-sizing: border-box;
}
.descriptionItem{
    cursor: pointer;
}
.CustomDay.CustomDay{
	padding: 5px 5px 5px 5px;
	font-size: 10pt;
	text-align: right;
	vertical-align: text-top;
	border: 1px solid #EBEEF1;
	font: Lato;
    background-color: LightGray;
    height: 90px;
}
.otherMonthCustomDay.otherMonthCustomDay{
    background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	font-size: 10pt;
	text-align: right;
	vertical-align: text-top;
	border: 1px solid #EBEEF1;
	font: Lato;
    height: 90px;
}
.CustomDayDemand {
    padding: 3px 3px 4px 3px;
	COLOR: black;
	FONT-FAMILY: 'Lato'; 
    border: 1px solid #c3c5c7;
	BACKGROUND-COLOR: #EEEEEE;
    font-size: 9pt;
    text-align: right;
    vertical-align: text-top;
    display: inline-block;
    width: 65%;
}
.CustomDayDemandSales {
    padding: 3px 3px 4px 3px;
    COLOR: black;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    border-right-width: 0px;
    BACKGROUND-COLOR: #EEEEEE;
    font-size: 9pt;
    text-align: right;
    vertical-align: text-top;
    display: inline-block;
    width: 35%;
}
.CustomDayForecastStat {
    padding: 3px 3px 4px 3px;
	COLOR: black;
	FONT-FAMILY: 'Lato'; 
    border: 1px solid #c3c5c7;
    border-right: 0px;
	BACKGROUND-COLOR: #EEEEEE;
    font-size: 9pt;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 35%;
}
.CustomDayForecastPlan {
    padding: 4px 3px 3px 3px;
	COLOR: black;
	FONT-FAMILY: 'Lato'; 
    border: 1px solid #c3c5c7;
    border-right: 0px;
    background-color: #FFFFFF;
    font-size: 9pt;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 35%;
}
.CustomDayForecastStatValue {
    padding: 3px 3px 3px 3px;
    COLOR: black;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    BACKGROUND-COLOR: #EEEEEE;
    font-size: 10pt;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}
.CustomDayForecastPlanValue.CustomDayForecastPlanValue {
    padding: 3px 3px 3px 3px;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}
.CustomDayForecastPlanValueRed.CustomDayForecastPlanValueRed {
    padding: 3px 3px 3px 3px;
    color: red;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}
.CustomDayOtherMonthForecastStat {
    padding: 3px 3px 4px 3px;
	COLOR: rgba(0, 0, 0, 1.0);
	FONT-FAMILY: 'Lato'; 
    border:1px solid #c3c5c7;
    border-right: 0px;
	BACKGROUND-COLOR: #EEEEEE;
    font-size: 9pt;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 35%;
}
.CustomDayOtherMonthForecastPlan {
    padding: 4px 3px 4px 3px;
	COLOR: rgba(0, 0, 0, 1.0);
	FONT-FAMILY: 'Lato'; 
    border: 1px solid #c3c5c7;
    border-right: 0px;
    font-size: 9pt;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 35%;
}
.CustomDayOtherMonthForecastStatValue {
    padding: 3px 3px 3px 3px;
    COLOR: rgba(0, 0, 0, 1.0);
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    BACKGROUND-COLOR: #EEEEEE;
    font-size: 10pt;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}
.CustomDayOtherMonthForecastPlanValue.CustomDayOtherMonthForecastPlanValue {
    padding: 3px 3px 4px 3px;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}

.CustomDayOtherMonthForecastPlanValueRed.CustomDayOtherMonthForecastPlanValueRed {
    padding: 3px 3px 4px 3px;
    color: red;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}
.weekTotalColumn {
    background-color: aliceblue;
	padding: 1px 5px 5px 5px;
	font-size: 9pt;
	text-align: center;
	vertical-align: text-top;
	border: 1px solid #EBEEF1;
    border-left: 1px solid #489CD6;
	font: Lato;
    width: 100%;
    height: 92px;
}

.weekTotalColumnHeader {
    height: 10px; 
    background-color: #489CD6; 
    font-size: 8pt; color: white; 
    text-align: center;
    padding: 3px 4px 3px 4px; 
    font: Lato;
    border: 0px solid #BBBBBB;
    width: 100%;
}
.weekTotalForecastStat {
    padding: 3px 3px 3px 3px;
	COLOR: black;
	FONT-FAMILY: 'Lato'; 
    border: 1px solid #c3c5c7;
	BACKGROUND-COLOR: #EEEEEE;
    font-size: 9pt;
    vertical-align: text-top;
    display: inline-block;
    text-align: center;
    width: 30%;
}
.weekTotalForecastPlan {
    padding: 3px 3px 4px 3px;
	COLOR: black;
    background-color: #FFFFFF;
	FONT-FAMILY: 'Lato'; 
    border: 1px solid #c3c5c7;
    font-size: 9pt;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    width: 30%;
}
.weekTotalForecastStatValue {
    padding: 2px 3px 3px 3px;
    COLOR: black;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    BACKGROUND-COLOR: #EEEEEE;
    font-size: 10pt;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}
.weekTotalForecastPlanValue {
    padding: 3px 3px 3px 3px;
    COLOR: black;
    FONT-FAMILY: 'Lato';
    border: 1px solid #c3c5c7;
    font-size: 8pt;
    text-align: left;
    vertical-align: text-top;
    display: inline-block;
    text-align: right;
    width: 65%;
}
.Hidden {
    display: none;
}

.CalendarDisplayButton{
    border: 1px solid;
}