.tableFixHead500 {
  overflow: auto;
  height: 500px;
}

.tableFixHead500 thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.tableFixHead {
  overflow: auto;
  height: 400px;
}

.tableFixHead thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.viewTable {
    border-color: #B0D1F7;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.viewTDHead {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    background-color: #4E88CA;
    color: #FFFFFF;
    padding: 3px;
    font-weight: bold;
    font-size: 10px;
}
                                                                                                                    
.viewTD {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 3px;
    background-color: #F9FCFF;
    font-size: 10px;
}

.itemTable {
    border-color: #B0D1F7;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
                                                                                                                      
.itemTDHead {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    text-align: center;
    background-color: #71AAEB;
    color: #FFFFFF;
    padding: 3px;
    font-weight: bold;
    font-size: 10px;
}
                                                                                                                      
.itemTD {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 3px;
    background-color: #F9FCFF;
    font-size: 10px;
}

.subnav { color: #000000; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold }
.whitesubnav { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold }
.boxtext { color: #000000; font-size: 10px; font-family: Verdana, Arial, Geneva }

.boxtitle {
  color: #4E88CA;
  font-size: 16px;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
  background-image: url(images/boxheadbg.gif);
  letter-spacing: 1px;
}

.boxtitletext { 
  color: #000000; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Verdana, Arial, Geneva 
}

.boxtitletext2 { 
  color: #4E88CA; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Verdana, Arial, Geneva 
}

.productbold { 
  color: #E92C2D; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Verdana, Arial, Geneva 
}

A.subnav:link { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; text-decoration: none; padding: 2px 2px 2px 2px } 
A.subnav:visited { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; text-decoration: none; padding: 2px 2px 2px 2px }
A.subnav:hover { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; text-decoration: underline; padding: 2px 2px 2px 2px }

.footer { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; }
A.footer:link { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; } 
A.footer:visited { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; }
A.footer:hover { color: #F7941D; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold;  }

td { color: #000000; font-size: 11px; font-family: Verdana, Arial, Geneva }

.loginmargin {
	padding-top: 48px;
    }
	
.loginbox {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    border: 1px solid #90BDE9;
	background: #EAF0F7;
	font-family: Verdana, Arial, Geneva;
	line-height: 120%;
    }
	
.textboxlogin {
	background: #90BDE9;
	border: 1px solid #2E76B9;
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
	color: #FFFFFF;
	margin-top: 4px;

	} 
	
.formbutton {
	background: #90BDE9;
	border: 2px solid #2E76B9;
    font-size: 11px;
    font-family: verdana, arial, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	} 

.bluesmtxt {
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
	color: #2F8CC7;
	font-weight: bold;
	} 
	
A.bluesm:link { color: #528BC2; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: underline; } 
A.bluesm:active { color: #528BC2; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: underline; } 
A.bluesm:visited { color: #528BC2; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: underline; } 
A.bluesm:hover { color: #7AAEE1; font-size: 10px; font-family: verdana, arial, sans-serif; text-decoration: none; }

.footertxt {
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    text-align:center;
} 

.sellunit {
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
    color: #000000;
    text-align: left;
} 

.box {
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right:8px;
	padding-top: 8px;
	line-height: 130%;
	border-width: 1px 1px 1px 1px;
    border-style: solid;
	border-color: #B0D1F7;
	} 
	
A.boxlink:link { color: #000000; font-size: 10px; font-family: Verdana, Arial, Geneva; text-decoration: none;} 
A.boxlink:visited { color: #000000; font-size: 10px; font-family: Verdana, Arial, Geneva; text-decoration: none; }
A.boxlink:hover { color: #5D5D7A; font-size: 10px; font-family: Verdana, Arial, Geneva; text-decoration: none; }

.categorybox {
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right:8px;
	padding-top: 8px;
	line-height: 130%;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #B0D1F7;
	text-align:center;
} 
    
.newsbox {
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right:8px;
        padding-top: 8px;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: #B0D1F7;
        text-align:center;
}

.boxSide {
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right:8px;
        padding-top: 0px;
        line-height: 130%;
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-color: #B0D1F7;
}

.error {
  color: #ff0000;
  font-size: 12px;
  font-family: arial;
}

A.redlink:link { color: #E92C2D; font-size: 10px; font-family: Verdana, Arial, Geneva; text-decoration: underline;}
A.redlink:visited { color: #E92C2D; font-size: 10px; font-family: Verdana, Arial, Geneva; text-decoration: underline; }
A.redlink:hover { color: #7EB4F2; font-size: 10px; font-family: Verdana, Arial, Geneva; text-decoration: none; }

.daysTD {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
  background-color: #ACACD4;
}
                                                                                      
.daysTDyellow {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
  background-color: #F7D722;
}
                                                                                      
.daysTDorange {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
  background-color: #F2A41C;
}

.daysTDgreen {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
  background-color: #8DC63F;
}
                                                                                      
                                                                                      
.daysTDredorange {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
  background-color: #E9612C;
}
                                                                                      
                                                                                      
.daysTDred {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Verdana, Arial, Geneva;
  text-align: center;
  background-color: #E92C2D;
}

A.bluelink:link { 
  color: #2C63A7; 
  font-size: 10px; 
  font-family: Verdana, Arial, Geneva; 
  font-weight: bold; 
  text-decoration: none; 
} 
A.bluelink:visited { 
  color: #2C63A7; 
  font-size: 10px; 
  font-family: Verdana, Arial, Geneva; 
  font-weight: bold; 
  text-decoration: none; 
}
A.bluelink:hover { 
  color: #7EB4F2; 
  font-size: 10px; 
  font-family: Verdana, Arial, Geneva; 
  font-weight: bold;  
  text-decoration: underline; 
}

/*************invoice styles**************/
.footerbg {
  color: #3485CA;   font-size: 10px;
  font-weight: bold;   font-family: Verdana, Arial, Geneva;
  background-image: url(images/footer_background.gif);
  padding-top: 8px; 
}

.invWhtName { color: #FFFFFF; font-size: 20px; font-family: Arial, Verdana, Geneva;}
                                                                                                                     
.invWhtOrderInfo { color: #FFFFFF; font-size: 16px; font-family: Arial, Verdana, Geneva; font-weight: bold;}
                                                                                                                     
.invTxtDes{ color: #3E77B9; }

.sideHeaderTD { 
	background-color: #7EB4F2;
	color: #FFFFFF;   
	font-size: 10px;
    font-weight: bold;   
	font-family: Verdana, Arial, Geneva;
  	}

.boxtopTD { 
	background-color: #7EB4F2;
	color: #FFFFFF;   
	font-size: 10px;
    font-weight: bold;   
	font-family: Verdana, Arial, Geneva;
	padding-bottom: 2px;
    padding-top: 2px;
  	}

.divHidden {
display: none;
}
                                                                                
                                                                                
.divShown {
}

/*************tab styles**************/
                                                                                                                             
A.offlink:link { color: #2C63A7; font-size: 9px; font-family: Verdana, Arial, Geneva; text-decoration: none; font-weight: bold;}
A.offlink:visited { color: #2C63A7; font-size: 9px; font-family: Verdana, Arial, Geneva; text-decoration: none; font-weight: bold;}
A.offlink:hover { color: #5F94D6; font-size: 9px; font-family: Verdana, Arial, Geneva; text-decoration: none; font-weight: bold;}
                                                                                                                             
A.onlink:link { color: #FFFFFF; font-size: 9px; font-family: Verdana, Arial, Geneva; text-decoration: none; font-weight: bold;}
A.onlink:visited { color: #FFFFFF; font-size: 9px; font-family: Verdana, Arial, Geneva; text-decoration: none; font-weight: bold;}
A.onlink:hover { color: #D9EAFF; font-size: 9px; font-family: Verdana, Arial, Geneva; text-decoration: none; font-weight: bold;}
                                                                                                                             
/*************below tab link styles**************/
A.toplink:link { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; text-decoration: none; }
A.toplink:visited { color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold; text-decoration: none; }
A.toplink:hover { color: #0A53AD; font-size: 10px; font-family: Verdana, Arial, Geneva; font-weight: bold;  text-decoration: underline; }

.invoicetopTD { 
	background-color: #71AAEB;
}

.divSearchBillto {
  margin-left:2px; 
  margin-right:2px; 
  display:none; 
  border:1px solid black; 
  background-color:#F9F9F7;
}

.itemTDsubhead {
    border-color: #B0D1F7;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    background-color: #F9FCFF;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.responseMsg {
  height: 30px;
  color: #ff0000;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: bold;
}

{
  box-sizing: border-box;
}

.alert
{
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-bottom: 20px;
  border-top-width: 1px;
  border-right-width-value: 1px;
  border-bottom-width: 1px;
  border-left-width-value: 1px;
  border-top-style: solid;
  border-right-style-value: solid;
  border-bottom-style: solid;
  border-left-style-value: solid;
  border-top-color: transparent;
  border-right-color-value: transparent;
  border-bottom-color: transparent;
  border-left-color-value: transparent;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.alert-ok
{
  color: #3c763d;
  background-color: #dff0d8;
  border-top-color: #d6e9c6;
  border-right-color-value: #d6e9c6;
  border-bottom-color: #d6e9c6;
  border-left-color-value: #d6e9c6;
}

.alert-error
{
  color: #a94442;
  background-color: #f2dede;
  border-top-color: #ebccd1;
  border-right-color-value: #ebccd1;
  border-bottom-color: #ebccd1;
  border-left-color-value: #ebccd1;
}