body, p, td, font, div, span, button, input, select, h1, h2, h3, h4, legend, a { font-family: OpenSans, Arial, Tahoma; }

.f7 	{ font-size: 7pt !important; }
.f8 	{ font-size: 8pt !important; }
.f9 	{ font-size: 9pt !important; }
.f10 	{ font-size: 10pt !important; }
.f11 	{ font-size: 11pt !important; }
.f12 	{ font-size: 12pt !important; }
.f14 	{ font-size: 14pt !important; }
.f16 	{ font-size: 16pt !important; }
.f18 	{ font-size: 18pt !important; }
.f20 	{ font-size: 20pt !important; }
.f24 	{ font-size: 24pt !important; }
.f28 	{ font-size: 28pt !important; }

/* FORE COLOURS */
.fc-grn-el { color: rgba(0, 168, 11, 0.13) !important; }
.fc-grn-l { color: rgba(0, 223, 11, 0.32) !important; }
.fc-grn { color: #00df0b !important; }
.fc-grn-d { color: #00c009 !important; }
.fc-grn-ed { color: #008009 !important; }

.fc-red-el { color: rgba(255, 0, 0, 0.15) !important; }
.fc-red-l { color: rgba(255, 0, 0, 0.51) !important; }
.fc-red { color: #ff0000 !important; }
.fc-red-d { color: #d20000 !important; }
.fc-red-ed { color: #990000 !important; }

.fc-whi { color: #FFFFFF !important; }
.fc-whi-m { color: #F8F8F8 !important; }
.fc-whi-d { color: #F0F0F0 !important; }
.fc-whi-ed { color: #E8E8E8 !important; }

.fc-gre-el { color: #E0E0E0 !important; }
.fc-gre-l { color: #DDDDDD !important; }
.fc-gre { color: #CCCCCC !important; }
.fc-gre-d { color: #BBBBBB !important; }
.fc-gre-ed { color: #999999 !important; }

.fc-bla-el { color: #777777 !important; }
.fc-bla-l { color: #555555 !important; }
.fc-bla-m { color: #333333 !important; }
.fc-bla { color: #000000 !important; }

/* BG COLOURS */
.bg-grn-el { background-color: rgba(0, 168, 11, 0.13) !important; }
.bg-grn-l { background-color: rgba(0, 223, 11, 0.32) !important; }
.bg-grn { background-color: #00df0b !important; }
.bg-grn-d { background-color: #00c009 !important; }
.bg-grn-ed { background-color: #008009 !important; }

.bg-red-el { background-color: rgba(255, 0, 0, 0.15) !important; }
.bg-red-l { background-color: rgba(255, 0, 0, 0.51) !important; }
.bg-red { background-color: #ff0000 !important; }
.bg-red-d { background-color: #d20000 !important; }
.bg-red-ed { background-color: #990000 !important; }

.bg-whi { background-color: #FFFFFF !important; }
.bg-whi-m { background-color: #F8F8F8 !important; }
.bg-whi-d { background-color: #F0F0F0 !important; }
.bg-whi-ed { background-color: #E8E8E8 !important; }

.bg-gre-el { background-color: #E0E0E0 !important; }
.bg-gre-l { background-color: #DDDDDD !important; }
.bg-gre { background-color: #CCCCCC !important; }
.bg-gre-d { background-color: #BBBBBB !important; }
.bg-gre-ed { background-color: #999999 !important; }

.bg-bla-el { background-color: #777777 !important; }
.bg-bla-l { background-color: #555555 !important; }
.bg-bla-m { background-color: #333333 !important; }
.bg-bla { background-color: #000000 !important; }

.required { border-right: 3px solid orange !important; }
.readonly { border-color: #ddd; background-color: #f5f5f5; color: #999; }

.red {color:red; }
.orange {color:orange; }
.green {color:green; }

.padding-small { padding: 4px; }
.padding-medium { padding: 8px; }
.padding-large { padding: 12px; }
.padding-xlarge { padding: 24px; }

.margin-small { padding: 4px; }
.margin-medium { padding: 8px; }
.margin-large { padding: 12px; }

.lnkWhi { color: #FFFFFF; text-decoration: none }

fieldset { padding: 5px; }

.b { font-weight: bold !important; }
.text-upper { text-transform: uppercase; }
.text-lower { text-transform: lowercase; }
	
form {
	padding: 0px; 
	margin: 0px;
}

.form-disabled {
	background-color: #f4f4f4 !important;
}

td { font-size: 8pt; }

.tbline { border-bottom: 1px dotted #BBBBBB; padding-bottom: 2px; }

#BT_UP { width: 90px; margin-right: 4px;  }
#BT_DN { width: 90px; margin-right: 4px; }
#BT_X { width: 30px; }
#BT_ARROWS { width: 30px; }

.BT_TOUCH {
	font-weight: bold;
	font-size: 14pt;
	height: 50px;
	width: 80%;
	}
	
.tbl_tab_on {
	padding: 6px;
	font-family: Tahoma, Verdana, Arial; font-size: 9pt; 
	background-color: #f8f8f8;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.tbl_tab_off {
	font-family: Tahoma, Verdana, Arial; font-size: 9pt; 
	padding: 6px;
	border-bottom: 1px solid #999999;
	background-color: #ffffff;
}


.b_on {
 font-weight: bold;
 color: #FFFFFF;
 background-color: #006633;
 border: 1px inset #006666;
}

.b_off {
 font-weight: bold;
 color: #FFFFFF;
 background-color: #CC0000;
 border: 1px outset #993300;
}

.sheetLines {
	background-color: #f4f4f4;
	border-bottom: 1px solid #CCC;
	}

.appTLine {
	border-bottom: 1px solid #CCC;
	padding: 6px;
	}

.in_stock {
	color: #003366;
}
.to_be_confirmed {
	color: #990000;
}
.ordered {
	color: #336633;
}
.partial_delivery {
	color: #eec277;
}

/* CSS FRAMEWORK MODS */
.uk-table-lined td { border-bottom: 1px solid #CCCCCC; } 
.box-shadow { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-window, .uk-datepicker { border: 1px solid #DDDDDD; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.3); }
.uk-button-edit { background-color: #FF9000; color: #FFFFFF; }
.uk-button-edit:hover { background-color: #FFA000; color: #FFFFFF; }
.uk-button-edit:focus { background-color: #D88600; color: #FFFFFF; }
.uk-alert-warning { border: 1px solid #F1C089; }
.uk-alert-success { border: 1px solid #A7CA74; }
.uk-alert-danger { border: 1px solid #EDA696; }
.hdr-nav-cats { background-color: #43B9D6;}
.dropdown-border { border: 1px solid #CCCCCC; border-top: 0px; }
fieldset legend { font-size: 11pt !important; color: #8A6623; }

.ui-datepicker dt, .ui-datepicker dd { font-size: 8pt;}

/* PHASE OUT */

.uk-button-warning { background-color: #E38000; color: #FFFFFF; }
.uk-button.uk-button-warning.uk-active { background-color: #b66801 !important; color: #FFFFFF; }
.uk-button-warning:hover { background-color: #b66801; color: #FFFFFF; }
.uk-button-warning:focus { background-color: #E78208; color: #FFFFFF; }

.uk-text-warning {
	color: #D88600;
}

.uk-background-warning {
	background-color: #76300b;
}