@charset "utf-8";
/*<<<<<<<<<< COLOURS >>>>>>>>>>*/
.home {
  color: #F59C00;
}
.home2:hover {
  color: #F3F3EE;
  background-color: #F59C00;
}
.homebg {
  background-color: #9FC298;
}
.mainbg {
  background-color: #FFFFFF;
}
.mainbg2 {
  background-color: rgba(255,255,255,0.3);
}
.whitebg {
  background-color: #FFFFFF;
}
.blackbg {
  background-color: #000000;
}
.contrastbg {
  background-color: #F5F5F5;
}
.contrastbg2 {
  background-color: rgba(245, 156, 0, 0.1);
}
.contrastbg3 {
  background-color: #D3D3D3;
}
.contrastbg4 {
  background-color: #EDEDED;
}
.contrastbg5 {
  background-color: #EAEAEA;
}
.backcolourblack {
	background-color: #000000;
}
.smokebg {
  background-color: rgba(0, 0, 0, 0.2);
}
.smokebg50pc {
	background-color: rgba(0, 0, 0, 0.5);
}
.bg48 {
  background-color: #E5E5E5;
}
.bg88 {
  background-color: #F8D448;
}
.bg109 {
  background-color: #EAE6CA;
}
.bg129 {
  background-color: #2A292A;
}
.bgA2 {
  background-color: #008B32;
}
.bgA4 {
  background-color: #E4003A;
}
.bgBS {
  background-color: #C49E46;
}
.bgPB {
  background-color: #CD7F32;
}
.bgAL {
  background-color: #CC0000;
}
.selfcolour {
  background-color: #EBEBEB;
}
.bghistory {
  background-color: #AF2C2A;
}
.zincplated {
  background-color: #DCEEFB;
}
.zincflake {
  background-color: #A9B7C0;
}
.hotdip {
  background-color: #D9DACB;
}
.redbg {
  background-color: #AF2C2A;
}
.tealbg {
  background-color: #8C9E9C;
}
.mainheaderbg {
  background-color: #4682B4;
}
.mainheaderbg25pc {
  background-color: rgba(70, 130, 180, 0.25);
}
.mainheaderbg50pc {
  background-color: rgba(70, 130, 180, 0.5);
}
.mainheaderbg75pc {
  background-color: rgba(70, 130, 180, 0.75);
}
.adminheaderbg {
  background-color: #8A2BE2;
}
.adminheaderbg25pc {
  background-color: rgba(31, 111, 235, 0.25)
}
.adminheaderbg50pc {
  background-color: rgba(31, 111, 235, 0.5);
}
.adminheaderbg75pc {
  background-color: rgba(31, 111, 235, 0.75);
}
.lsltablebg {
  background-color: #EEEEEE;
}
.tigerbg {
  background-color: #F59C00;
}
.salesbg {
  background-color: #008CD1;
}
.purchasebg {
  background-color: #E1031C;
}
.hoverbg3 {
  background-color: #D3D3D3;
}
.bordernone {
  border: none;
}
.bordercolour1 {
  border: solid 1px #F59C00;
}
.bordercolour2 {
  border: solid 1px #000000;
}
.border1colour3 {
  border: solid 1px #D3D3D3;
}
.border2colour3 {
  border: solid 2px #D3D3D3;
}
.border1colour4 {
  border: solid 1px #AF2C2A;
}
.borderhome2px {
  border: solid 2px #7F7F7F;
  border-top: none;
}
.borderhome5px {
  border: solid 5px #F59C00;
}
.salesborder {
  border: solid 1px #008CD1;
}
.purchaseborder {
  border: solid 1px #E1031C;
}
.carouselborder {
  border: solid 10px #F5F5F5;
}
.textcolour1 {
  color: #1B5C95;
}
.textcolour2 {
  color: #BE1621;
}
.textcolour3 {
  color: #FFFFFF;
}
.textcolour4 {
  color: #F59C00;
}
.textcolour5 {
  color: #133DB6;
}
.textcolour6 {
  color: #F59C00;
}
.textcolour7 {
  color: #7F7F7F;
}
.textcolour8 {
  color: #FF0000;
}
.textcolour9 {
  color: #000000;
}
.textcolour10 {
  color: #AF2C2A;
}
.textcolour11 {
  color: #324682;
}
.textcolourcustomers {
  color: #008CD1;
}
.textcoloursuppliers {
  color: #E1031C;;
}
.mark {
  background-color: rgba(19, 61, 182, 0.5);
}
.mark2 {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
.bannermask {
  -webkit-mask-image: linear-gradient( 
    270deg, #000000 0%, #000000 50%, #000000 54%,
    rgba(255,255,255, 0.98) 56%, rgba(255,255,255, 0.96) 58%, rgba(255,255,255, 0.93) 60%,
    rgba(255,255,255, 0.89) 62%, rgba(255,255,255, 0.84) 64%, rgba(255,255,255, 0.8) 66%,
    rgba(255,255,255, 0.74) 68%, rgba(255,255,255, 0.68) 70%, rgba(255,255,255, 0.62) 72%,
    rgba(255,255,255, 0.56) 74%, rgba(255,255,255, 0.5) 76%, rgba(255,255,255, 0.44) 78%,
    rgba(255,255,255, 0.38) 80%, rgba(255,255,255, 0.32) 82%, rgba(255,255,255, 0.26) 84%,
    rgba(255,255,255, 0.2) 86%, rgba(255,255,255, 0.16) 88%, rgba(255,255,255, 0.11) 90%,
    rgba(255,255,255, 0.07) 92%, rgba(255,255,255, 0.04) 94%, rgba(255,255,255, 0.02) 96%,
    rgba(255,255,255, 0) 98%, rgba(255,255,255, 0) 100% );
  mask-image: linear-gradient( 
    270deg, #000000 0%, #000000 50%, #000000 54%,
    rgba(255,255,255, 0.98) 56%, rgba(255,255,255, 0.96) 58%, rgba(255,255,255, 0.93) 60%,
    rgba(255,255,255, 0.89) 62%, rgba(255,255,255, 0.84) 64%, rgba(255,255,255, 0.8) 66%,
    rgba(255,255,255, 0.74) 68%, rgba(255,255,255, 0.68) 70%, rgba(255,255,255, 0.62) 72%,
    rgba(255,255,255, 0.56) 74%, rgba(255,255,255, 0.5) 76%, rgba(255,255,255, 0.44) 78%,
    rgba(255,255,255, 0.38) 80%, rgba(255,255,255, 0.32) 82%, rgba(255,255,255, 0.26) 84%,
    rgba(255,255,255, 0.2) 86%, rgba(255,255,255, 0.16) 88%, rgba(255,255,255, 0.11) 90%,
    rgba(255,255,255, 0.07) 92%, rgba(255,255,255, 0.04) 94%, rgba(255,255,255, 0.02) 96%,
    rgba(255,255,255, 0) 98%, rgba(255,255,255, 0) 100% );
}
.bannermaskbottom {
  -webkit-mask-image: linear-gradient( 
    180deg, #000000 0%, #000000 50%, #000000 54%,
    rgba(255,255,255, 0.98) 56%, rgba(255,255,255, 0.96) 58%, rgba(255,255,255, 0.93) 60%,
    rgba(255,255,255, 0.89) 62%, rgba(255,255,255, 0.84) 64%, rgba(255,255,255, 0.8) 66%,
    rgba(255,255,255, 0.74) 68%, rgba(255,255,255, 0.68) 70%, rgba(255,255,255, 0.62) 72%,
    rgba(255,255,255, 0.56) 74%, rgba(255,255,255, 0.5) 76%, rgba(255,255,255, 0.44) 78%,
    rgba(255,255,255, 0.38) 80%, rgba(255,255,255, 0.32) 82%, rgba(255,255,255, 0.26) 84%,
    rgba(255,255,255, 0.2) 86%, rgba(255,255,255, 0.16) 88%, rgba(255,255,255, 0.11) 90%,
    rgba(255,255,255, 0.07) 92%, rgba(255,255,255, 0.04) 94%, rgba(255,255,255, 0.02) 96%,
    rgba(255,255,255, 0) 98%, rgba(255,255,255, 0) 100% );
  mask-image: linear-gradient( 
    180deg, #000000 0%, #000000 50%, #000000 54%,
    rgba(255,255,255, 0.98) 56%, rgba(255,255,255, 0.96) 58%, rgba(255,255,255, 0.93) 60%,
    rgba(255,255,255, 0.89) 62%, rgba(255,255,255, 0.84) 64%, rgba(255,255,255, 0.8) 66%,
    rgba(255,255,255, 0.74) 68%, rgba(255,255,255, 0.68) 70%, rgba(255,255,255, 0.62) 72%,
    rgba(255,255,255, 0.56) 74%, rgba(255,255,255, 0.5) 76%, rgba(255,255,255, 0.44) 78%,
    rgba(255,255,255, 0.38) 80%, rgba(255,255,255, 0.32) 82%, rgba(255,255,255, 0.26) 84%,
    rgba(255,255,255, 0.2) 86%, rgba(255,255,255, 0.16) 88%, rgba(255,255,255, 0.11) 90%,
    rgba(255,255,255, 0.07) 92%, rgba(255,255,255, 0.04) 94%, rgba(255,255,255, 0.02) 96%,
    rgba(255,255,255, 0) 98%, rgba(255,255,255, 0) 100% );
}