:root {
	--site-logo: url(images/logo80.png);
	--site-title-background1: #ffbb20;
	--site-title-background2: #ff9810;
	--site-title: #fff; --site-title-shadow: #111;
	--trading-name: #fff;

	--bg: #fff; --fg: #606060;
	--h1: #707070; --h2: #FFAA00; --h3: #888; --h4: #999;
	--small-header: #F08020; --small-value: #56b; --small-null: #999; --small-warning: #FF4000;
	--link: #2060FF; --link-visited: #4060FF; --link-hover: #0020FF; --link-active: #0000FF;
	--modal-link: #2090C0; --modal-link-hover: #00B0B0;

	--border: #bbbbbb; --hr: #ccc;

	--not-selected-icon: #bcd;
	--selected-icon: #fb2;

	--form-bg: #fff; --form-bg-disabled: #f2f2f8; --form-fg: #707070; --form-border: #bbbbbb; --focus-outline: rgba(250,162,0,0.8);
	--placeholder: #9ab;

	--btn-bg: #f92;  --btn-bg-hover: #fd4;
	--btn-text: #fff; --block-btn-text: #666;
	--btn-border-1: #fa4; --btn-border-2: #f82; --btn-border-3: #e50;
	--btn-hover: #fb2;
	--btn-disabled-bg: #ddd; --btn-disabled-text: #666;
	--lb1:#e8f0ff; --lb2:#dAd4f6; --lb1-hover:#e8f0ff; --lb2-hover:#e2E0f6; --lb-text: #666; --lb-border1: #bbb; --lb-border2: #999;
	--block-button-hover1: #fd4;
	--block-button-hover2: #fb2;
	--block-button-hover3: #f92;

	--caption1: #fff; --caption2: #e0e0e8; --caption3: #edd6b9; --caption4: #ffc020; --caption-text: #606060;
	--table-border: #c4c4c4;
	--th-text: #606060;
	--table-header: #d0d8ff;
	--row-even: #ececf8; --row-odd: #f8f8f8; --row-dark-statement: #e8e8e8;
	--row-even-hl: #ffffd0; --row-odd-hl: #ffffe0;

	--color-R1: #fff8f8; --color-R: #ffd7d5; --color-R3: #ff6363;
	--color-G1: #f8ffe8; --color-G: #e0ffd0; --color-G3: #6c8;
	--color-B1: #e8f0ff; --color-B: #c8d8ff; --color-B3: #88f;
	--color-C1: #e0ffff; --color-C: #c0f8ff; --color-C3: #5de;
	--color-M1: #fff0ff; --color-M: #f3dbff; --color-M3: #da88ee;
	--color-Y1: #fffff0; --color-Y: #ffffd0; --color-Y3: #ee0;
	--color-O1: #ffead8; --color-O: #ffe5a8; --color-O3: #ff9220;
	--color-K1: #f8f8f8; --color-K: #e8e8e8; --color-K3: #bbbbbb;
	--color-D1: #ddd; --color-D: #f0f0f0;
	--colorStatusText: #444;
	--colorStatusG: #dfffd6; --colorStatusB: #d9e0ff;
	--colorStatusR: #ffdbc5; --colorStatusY: #fff8cc; --colorStatusDB: #112;

	--menu-bg: #8ca7d2; --menu-grad-bottom: #6c87b2; --menu-text: #eee;
	--menu-bord-light: #abc6f1; --menu-bord-dark: #6b86a1;
	--bord-btn-bg: #ddd; --bord-btn-grad: #eee; --bord-btn-text: #888;
	--bord-btn-hover: #ddddff; --bord-btn-hover-grad: #eeeeff;
	--bord-shortcut-bg: #c8d8ff; --bord-shortcut-hover: #c0d0ff;
	--bord-menu-upper-border: #f4f4f4;
	--menu-holder-top: #ddd;
	--menu-holder-bottom: #fff;
	--menu-holder-shadow: #888;

	--bord-shortcut1: #f0f8ff;
	--bord-shortcut2: #d0e0ff;
	--bord-shortcut3: #9090ff;
	--bord-shortcut-hover1: #e8f0ff;
	--bord-shortcut-hover2: #c8d8ff;
	--bord-shortcut-hover3: #88f;

	--pos-hover1: #e8f8ff; --pos-hover2: #88c8ff; --pos-hover3: #59f;
	--green-text:#080;
	--light-green1:#efe;

	--tooltip-bg: #fff; --tooltip-grad: #ffc; --tooltip-border: #ec8;
	--floatbox-bg: #eef; --floatbox-grad: #ddf; --tooltip-shadow: #aaa;
	--pencil-highlight: #fff8c0;
	--search-suggestion-text: #06F;

	--tab-on: #ffd060; --tab-on-border: #bbb; --tab-on-border-bottom: #ddf; --tab-on-text: #555;
	--tab-off: #ffeebb; --tab-off-border: #eecc44; --tab-off-text: #777; --tab-off-hover: #fc4;

	--slider-bg: #ddd; --slider-thumb: #7790c0;
	--block-border: #e8f0ff; --block-on: #fc4; --block-on-text: #606060; --block-off: #d0d8ff; --block-on-border: #fff; --block-off-border: #fff; --block-hover: #fff;
	--wolf-select-border: #fff;

	--modal-shadow: #444; --modal-overlay: rgba(0,0,0,0.5);

	--iconbox-bg: #09f; --iconbox-text: #eee;
	--iconbox-topbar: #ffa525; --iconbox-inner-bg: #ffa525;
	--roundblock-bg: #fff; --roundblock-border: #DDD;
	--roundblockselect-bg: #eee;

	--search-suggestion-bg: #f4f6fd; --search-suggestion-hover: #fff;
	--search-suggestion-border: #ccc; --shadow-color: #888;

	--checkbox-bg: #e9e9e9; --checkbox-border: #bbb;
	--checkbox-checked: #7790c0; --checkbox-disabled: #aaa;
	--checkbox-hover: #f8f8ff; --checkbox-hover-ring: rgba(255,220,100,0.5);

	--calendar-bg: #e0e0f0; 
	--calendar-hover: #fb2;
	--calendar-selected: #fe9;
	--calendar-disabled: #ddd;

	--footer-td1: #8ca7d2; --footer-td2: #6c87b2;
}

html.light {
	.siteTitleBackground {border-right:1px solid #888;border-bottom:1px solid #888;}
	.companyLogoBlock {background-color:#fff; border-right:1px solid #888;border-bottom:1px solid #888;}
}

html.dark {
	--site-logo: url(images/logo80_trans.png);
	--site-title-background1: #303050;
	--site-title-background2: #121212;
	--site-title: #ffb61e; --site-title-shadow: #000;
	--trading-name: #ccc;

	--bg: #121212; --fg: #ccc;
	--h1: #ddd; --h2: #fcbf00; --h3: #bbb; --h4: #aaa;
	--small-header: #F08020; --small-value: #abe; --small-null: #999; --small-warning: #f64;
	--link: #9cf; --link-visited: #acf; --link-hover: #80bfff; --link-active: #a0d0ff;
	--modal-link: #60c0e0; --modal-link-hover: #00B0B0;

	--border: #444; --hr: #444;

	--not-selected-icon: #446;
	--selected-icon: #679;

	--form-bg: #001; --form-bg-disabled: #333; --form-fg: #ddd; --form-border: #860; --focus-outline: rgba(255,180,60,0.8);
	--placeholder: #666;

	--btn-bg: #f92; --btn-bg-hover: #fd4; 
	--btn-text: #fff; --block-btn-text: #ccc;
	--btn-border-1: #e78; --btn-border-2: #c66; --btn-border-3: #a44;
	--btn-hover: #fb2;
	--btn-disabled-bg: #444; --btn-disabled-text: #ccc;
	--lb1:#446; --lb2:#557; --lb1-hover:#668; --lb2-hover:#77a;--lb-text: #eee; --lb-border1: #888; --lb-border2: #555;
	--block-button-hover1: #457;
	--block-button-hover2: #568;
	--block-button-hover3: #235;

	--caption1: #7176d4; --caption2: #446; --caption3: #446; --caption4: #1f1f39; --caption-text: #fff;
	--table-border: #446;
	--th-text: #606060;
	--table-header: #446;
	--row-even: #282828; --row-odd: #343434; --row-dark-statement: #404040;
	--row-even-hl: #383844; --row-odd-hl: #40404a;

	--color-R1: #6c3a3a; --color-R: #6c3a3a; --color-R3: #ff6363;
	--color-G1: #3e5a3e; --color-G: #3e5a3e; --color-G3: #6c8;
	--color-B1: #3c4d6c; --color-B: #3c4d6c; --color-B3: #88f;
	--color-C1: #3d6565; --color-C: #3d6565; --color-C3: #5de;
	--color-M1: #5a3d5d; --color-M: #5a3d5d; --color-M3: #da88ee;
	--color-Y1: #69633e; --color-Y: #69633e; --color-Y3: #ee0;
	--color-O1: #7b5c2d; --color-O: #7b5c2d; --color-O3: #ff9220;
	--color-K1: #444; --color-K: #444; --color-K3: #bbbbbb;
	--color-D1: #666; --color-D: #666;

	--colorStatusText: #ccc;
	--colorStatusG: #2d4a2d; --colorStatusB: #2e3c5c;
	--colorStatusR: #5a2a1c; --colorStatusY: #4a3c2a; --colorStatusDB: #223;

	--menu-bg: #122242; --menu-grad-bottom: #3f4f6a; --menu-text: #ccc;
	--menu-bord-light: #3a4f6b; --menu-bord-dark: #1a2a3f;
	--bord-btn-bg: #243045; --bord-btn-grad: #3a4455; --bord-btn-text: #aaa;
	--bord-btn-hover: #445; --bord-btn-hover-grad: #667;
	--bord-shortcut-bg: #2a3b5c; --bord-shortcut-hover: #1f2f4a;
	--bord-menu-upper-border: #4a5f8b;
	--menu-holder-top: #121212;
	--menu-holder-bottom: #457;
	--menu-holder-shadow: #000;

	--bord-shortcut1: #346;
	--bord-shortcut2: #457;
	--bord-shortcut3: #124;
	--bord-shortcut-hover1: #457;
	--bord-shortcut-hover2: #568;
	--bord-shortcut-hover3: #235;

	--pos-hover1: #568; --pos-hover2: #457; --pos-hover3: #235;
	--green-text:#6c8;
	--light-green1:#204028;

	--tooltip-bg: #222; --tooltip-grad: #444; --tooltip-border: #996;
	--floatbox-bg: #2a2a3a; --floatbox-grad: #3a3a4a; --tooltip-shadow: #000;
	--pencil-highlight: #650;
	--search-suggestion-text: #d0e0ff;

	--tab-on: #157; --tab-on-border: #bbb; --tab-on-border-bottom: #157; --tab-on-text: #ccc;
	--tab-off: #234; --tab-off-border: #666; --tab-off-text: #aaa; --tab-off-hover: #146;

	--slider-bg: #444; --slider-thumb: #88aadd;
	--block-border: #334; --block-on: #157; --block-on-text: #ddd; --block-off: #223; --block-on-border: #fa4; --block-off-border: #860; --block-hover: #346;
	--wolf-select-border: #445;

	--modal-shadow: #333; --modal-overlay: rgba(100,100,100,0.6);

	--iconbox-bg: #157; --iconbox-text: #ddd;
	--iconbox-topbar: #bb7510; --iconbox-inner-bg: #bb7510;
	--roundblock-bg: #1c1c1c; --roundblock-border: #444;
	--roundblockselect-bg: #2a2a2a;

	--search-suggestion-bg: #2b2f45; --search-suggestion-hover: #333;
	--search-suggestion-border: #555; --shadow-color: #000;

	--checkbox-bg: #333; --checkbox-border: #666;
	--checkbox-checked: #88aadd; --checkbox-disabled: #666;
	--checkbox-hover: #445; --checkbox-hover-ring: rgba(80,120,230,0.5);

	--calendar-bg: #223; 
	--calendar-hover: #fb2;
	--calendar-selected: #7176d4;
	--calendar-disabled: #555;

	--footer-td1: #446; --footer-td2: #557;

	.companyLogoBlock {background: linear-gradient(var(--site-title-background1), var(--site-title-background2));}
	.bordMinimal {border:none;border-right:1px solid #446;background: linear-gradient(var(--site-title-background1), var(--site-title-background2));}
}
html {scroll-behavior: auto !important;}
html, body { height: 100%; scroll-behavior: smooth; }
body {
	font: 13px Tahoma, sans-serif;
	margin: 0; padding: 0; cursor: default;
	background: var(--bg);
	color: var(--fg);
}
.siteTitleBackground {background-color:var(--site-title-background2);background: linear-gradient(var(--site-title-background1), var(--site-title-background2)); text-align:center;}
.siteBarBackground {  background-color:var(--site-title-background2);background: linear-gradient(var(--site-title-background1), var(--site-title-background2), var(--site-title-background2));}
.companyLogoBlock {width:30px;text-align:center;vertical-align:middle;}
.menuButtonsRight {border-left:1px solid var(--site-title-background2)}
.menuButtonsRight:hover {background:var(--menu-grad-bottom)}
.siteTradingName {font-size: 18px !important;text-shadow: 1px 1px 2px #224;color:var(--trading-name);}

img{border:0;}
img.siteLogo{content:var(--site-logo);}
hr{background: var(--hr);height: 1px;border:none;width:100%;margin:0px; }

h1 {color: var(--h1);font: bold 24px Tahoma;}
h2 {color: var(--h2); font: bold 24px Verdana;}
h3 {color: var(--h3); font: bold 18px Verdana;}
h4 {color: var(--h4); font: 14px Verdana; margin:2px 0; padding:1px;}

a:link, a:visited, a:hover, a:active {text-decoration: none;}
A:link {color: var(--link);}
A:visited {color: var(--link-visited);}
A:hover {color: var(--link-hover);}
A:active {color: var(--link-active);}

A.modalLink:link { text-decoration: none; color: var(--modal-link)}
A.modalLink:visited { text-decoration: none; color: var(--modal-link)}
A.modalLink:hover { color: var(--modal-link-hover); text-decoration:none; }
A.modalLink:active { color: var(--link-active); text-decoration:none; }


input,textarea,select { border: var(--form-border) 1px solid;font: 12px Tahoma;background-color: var(--form-bg);COLOR:var(--form-fg); padding-left:3px; border-radius: 3px; }
.inputDisabled{background-color:var(--form-bg-disabled);}
select{padding:0px;}
textarea:focus,input:focus {border-color: var(--focus-outline);outline: 0;outline: thin solid #FA2 9;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200, 130, 0, 0.5);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(200, 130, 0, 0.5);}
input::placeholder {color:var(--placeholder);}
input.largeInput { font-size:18px;border-radius: 8px; }

.buttonLarge {
	border-radius:4px;
	font-size:16px;
	padding:4px 5px;
}
.bb, .sb, .db, .lb, button, input[type=submit] {
	display:inline-block;
	cursor:pointer;
	white-space:nowrap;
	color:#fff !important;
	background-color:var(--btn-bg);
	font-size: 12px;
	padding: 2px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#fa4 #f82 #e50;
	text-shadow:0px 1px 2px rgb(80,120,200);
	background:var(--btn-bg) linear-gradient(#fc4,#f82);
	border-radius:2px;
	text-align:center;
	font-weight:600;
	overflow:visible;	
}
.bb {
	border-radius:4px;
	font-size:14px;
	padding:4px 5px;
}
.db {
	background: var(--color-D1) linear-gradient(var(--color-D1),var(--color-D1));
	cursor:default;
	border-color: var(--border);
	color:var(--btn-disabled-text) !important;
	text-shadow:none;
}
.bb:hover, .sb:hover, button:hover, input[type=submit]:hover {
	background:var(--btn-bg-hover) linear-gradient(var(--btn-bg-hover),var(--btn-bg));
}
.lb {
	background: var(--lb2) linear-gradient(var(--lb1),var(--lb2));
	cursor:default;
	border-color: var(--lb-border1) var(--lb-border1) var(--lb-border2);
	color:var(--lb-text) !important;
	text-shadow:none;
}
.lb:hover {
	background: var(--lb2-hover) linear-gradient(var(--lb1-hover),var(--lb2-hover));
}
.blockLabel {
	display: inline-block;
	border:1px #e0b080 solid;
	padding:2px;
	background-color: var(--row-odd);
	color:#989898;
}

.blockButton, .blockButtonD {
	display:inline-block;height:32px;text-align:center;vertical-align:middle;color:var(--block-btn-text);margin-left:2px;margin-bottom:2px;font-weight:bold;
	padding-left:6px;padding-right:6px;line-height:32px; border-radius: 3px;border:1px solid var(--row-odd);
	box-shadow: -1px 1px 2px var(--menu-holder-shadow);cursor:pointer;width:150px;
}
.twoLines { line-height:15px; }
.R {background-color:var(--color-R);background: linear-gradient(var(--color-R1) 0%, var(--color-R) 90%, var(--color-R3));}
.G {background-color:var(--color-G);background: linear-gradient(var(--color-G1) 0%, var(--color-G) 90%, var(--color-G3));}
.B {background-color:var(--color-B);background: linear-gradient(var(--color-B1) 0%, var(--color-B) 90%, var(--color-B3));}
.C {background-color:var(--color-C);background: linear-gradient(var(--color-C1) 0%, var(--color-C) 90%, var(--color-C3));}
.M {background-color:var(--color-M);background: linear-gradient(var(--color-M1) 0%, var(--color-M) 90%, var(--color-M3));}
.Y {background-color:var(--color-Y);background: linear-gradient(var(--color-Y1) 0%, var(--color-Y) 90%, var(--color-Y3));}
.O {background-color:var(--color-O);background: linear-gradient(var(--color-O1) 0%, var(--color-O) 90%, var(--color-O3));}
.K {background-color:var(--color-K);background: linear-gradient(var(--color-K1) 0%, var(--color-K) 90%, var(--color-K3));}
.D {background-color:var(--color-D);background: linear-gradient(var(--color-D1), var(--color-D));border:1px solid var(--hr);cursor:default;box-shadow:none;}
.blockButtonD {background-color:var(--color-D);background: linear-gradient(var(--color-D1), var(--color-D));border:1px solid var(--hr);cursor:default;box-shadow:none;}
.blockButton:hover {background: linear-gradient(var(--block-button-hover1) 0%, var(--block-button-hover2) 90%, var(--block-button-hover3));}

.colourHover {}
.colourHover:hover {background-color:var(--pos-hover2);background: linear-gradient(var(--pos-hover1) 0%, var(--pos-hover2) 90%, var(--pos-hover3));}
.invoiceInsertRowButton, .invoiceSwapRowsButton { display:inline-block;position:relative;cursor:pointer;width:16px;height:16px;padding:0px; }
	.invoiceInsertRowButton {background-color:var(--color-G1);border:1px solid var(--color-G);}
	.invoiceSwapRowsButton {background-color:var(--color-B1);border:1px solid var(--color-B);}


.colourHoverUnusedOrange:hover {background-color:#ffe080;background: linear-gradient(#fff0d0 0%, #ffe088 90%, #ff8818);}


div.statusG, div.statusB, div.statusR, div.statusY, div.statusDB {
	border-style: solid;
	border-width: 2px;
	padding:1px;padding-left:10px;
	border:2px #55d020 solid;
	background-color: var(--colorStatusG);
	text-align:center;
	border-radius: 5px;
	width:80%;
	margin: 5px;
	color: var(--colorStatusText);
	z-index:99999;
}
div.statusB { border-color: #84a4f4; background-color: var(--colorStatusB); }
div.statusR { border-color: #ff1c00; background-color: var(--colorStatusR); }
div.statusY { border-color: #ffcc70; background-color: var(--colorStatusY); }
div.statusDB { border: 3px solid #228; background-color: var(--colorStatusDB); }

.blockBorder { background-color:var(--block-border);display:inline-block;padding-top:2px;padding-bottom:0px;padding-left:3px;padding-right:3px; }
.blockOn { color: var(--block-on-text); background-color:var(--block-on);border:1px solid var(--block-on-border);display:inline-block;box-shadow: 1px 1px 1px var(--bord-btn-text);padding-left:4px;padding-right:4px;margin-bottom:3px; }
.blockOff { background-color:var(--block-off);border:1px solid var(--block-off-border);display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer;margin-bottom:3px; }
.blockOff:hover { background-color:var(--block-hover); }
.wolfSelectOn {display:block;text-align:left;cursor:pointer;background-color:var(--block-on);border:1px solid var(--wolf-select-border);box-shadow: 1px 1px 1px var(--bord-btn-text);padding:3px;margin-top:1px;margin-bottom:1px;}
.wolfSelectOff {display:block;text-align:left;cursor:pointer;background-color:var(--block-off);border:1px solid var(--wolf-select-border);padding:3px;margin-top:1px;margin-bottom:1px;}
.wolfSelectOff:hover,.wolfSelectOn:hover { background-color:var(--block-hover); }

/* ------TABLES */
table.nospacing {
	border:none;
	border-collapse: collapse;
}
table.list, table.listDark, table.grid, table.gridDark{border-collapse:collapse;border-left:1px solid var(--hr);border-right:1px solid var(--hr);border-spacing:0;}
table.grid td{border:1px solid var(--btn-disabled-bg);}
table.gridDark td{border:1px solid #999;}
table.leftBold tr td:first-child{font-weight:bold;}
table.list th, table.listDark th, table.gridDark th, table.grid th{
	font-weight:bold;
	text-align:center;
	border-top:1px solid var(--table-border);
	background-color: var(--table-header)}
table.list td,table.listDark td,table.grid td,table.gridDark td {text-align:left;padding:2px;padding-left:4px;padding-right:4px;vertical-align: top;border-bottom:1px solid var(--btn-disabled-bg);empty-cells:show;}
table.grid th{border:1px solid var(--hr);}
table.gridDark th{border:1px solid #999;}
table.noBorders td {border:none;}
table caption, th.header, th.headerDark {
	background: linear-gradient(to bottom, var(--caption1),var(--caption2),var(--caption3) 80%,var(--caption4));
	color: var(--caption-text);
	font-weight:bold;
	padding:5px;
	border: 1px var(--table-border) solid;
	border-bottom: none;
	border-radius: 3px 3px 0px 0px;}
th.headerDark { color:#000; }
.grid tr:nth-child(even),.list tr:nth-child(even),.gridDark tr:nth-child(even),.listDark tr:nth-child(even) {background: var(--row-even)}
.grid tr:nth-child(odd),.list tr:nth-child(odd),.gridDark tr:nth-child(odd),.listDark tr:nth-child(odd) {background: var(--row-odd)}
.hl tr:nth-child(even):hover {background: var(--row-even-hl)}
.hl tr:nth-child(odd):hover {background: var(--row-odd-hl)}
td.statementRowLight {background: var(--row-odd) !important}
td.statementRowDark {background: var(--row-dark-statement) !important}
table.listDark th,table.listDark td,table.gridDark th,table.gridDark td{border-bottom:1px solid #000;color: #000;}

table.alignLeft td, table.alignLeft th {
	text-align: left;
}

table.fill {
	border:0px;
	padding:0px;
	border-collapse: collapse;
	width:100%;
	height:100%;
}
table.nopadding {
	border:0px;
	padding:0px;
	border-collapse: collapse;
}
.noStyle {border:none;padding:0px;background: transparent;margin:0px;}
.noStyle tr, div.noStyle td,table.noStyle td {background:transparent;padding:0px;}
table.noStyle td,div.noStyle td {border:none;font-weight:normal;}
.noStyle tr:nth-child(even) {background:transparent;}
.noStyle tr:nth-child(odd) {background:transparent;}
.noStyle tr:nth-child(even):hover {background:transparent;}
.noStyle tr:nth-child(odd):hover {background:transparent;}

td.financialRow{padding:1px;padding-top:3px;padding-bottom:3px;}
td.strike{text-decoration:line-through;color:var(--bord-btn-text);}

table.list td.alignCenter, table.grid td.alignCenter {text-align: center !important;}
table.list td.alignRight, table.grid td.alignRight {text-align: right !important;}

table.keypad {border-spacing: 5px;}
table.keypad td {border:1px solid var(--hr);width:40px;height:40px;font-size:20px;vertical-align:middle;text-align:center;cursor:pointer;}
table.keypad td:hover {background:var(--hr);}

.menuTable {
	background-color:var(--menu-bg);background: linear-gradient(var(--menu-bg), var(--menu-grad-bottom));
}
.menuTable td {
	color:var(--menu-text);font-weight:bold;
}
.menuTable .bord {
	padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;text-align:center;
	border-top:1px solid var(--menu-bord-light);border-left:1px solid var(--menu-bord-light);border-bottom:1px solid var(--menu-bord-dark);border-right:1px solid var(--menu-bord-dark);
}
.menuTable .bordButton, .bordButton {
	background: linear-gradient(var(--bord-btn-bg), var(--bord-btn-grad));
	color:var(--bord-btn-text);padding-left:10px;padding-right:10px;text-align:center;
	border-top:1px solid var(--bord-menu-upper-border);border-left:1px solid var(--bord-menu-upper-border);border-bottom:1px solid var(--hr);border-right:1px solid var(--hr);
}
font.bordButtonText{color:var(--bord-btn-text);}
.menuTable .bordButton:hover, .bordButton:hover {
	background-color:var(--floatbox-grad);background: linear-gradient(var(--floatbox-grad), var(--floatbox-bg));cursor:pointer;
}

.bordShortcut {background-color:var(--color-B);background: linear-gradient(var(--bord-shortcut1) 0%,var(--bord-shortcut2) 90%, var(--bord-shortcut3));border-right:1px var(--hr) solid;}
.bordShortcut:hover {background-color:var(--color-B);background: linear-gradient(var(--bord-shortcut-hover1) 0%, var(--bord-shortcut-hover2) 90%, var(--bord-shortcut-hover3));}
.bordClicked {
	background-color:var(--menu-bg);background: linear-gradient(var(--menu-grad-bottom), var(--menu-bg));text-align:center;padding-left:10px;padding-right:10px;color:var(--menu-text);cursor:pointer;
	border-top:1px solid var(--bord-menu-upper-border);border-left:1px solid var(--bord-menu-upper-border);border-bottom:1px solid var(--hr);border-right:1px solid var(--hr);
}
.menu1 {}
.menuHolder {display:none;width:100%;position:absolute;background-color:var(--bord-btn-grad:);background:linear-gradient(var(--menu-holder-top),var(--menu-holder-bottom));padding-top:0px;padding-bottom:0px;box-shadow:0px 4px 4px var(--menu-holder-shadow);z-index:1;}

.searchSuggestions {position:absolute;float:left;top:20px;border:solid var(--h4) 1px;background:var(--floatbox-bg);display:none;color:var(--bord-btn-text);font-weight:normal;text-align:left;z-index:1;}
.searchSuggestion {border-top:1px solid var(--bord-menu-upper-border);border-left:1px solid var(--bord-menu-upper-border);border-bottom:1px solid var(--hr);border-right:1px solid var(--hr);background:var(--search-suggestion-bg);padding:1px;padding-top:3px;padding-bottom:3px;cursor:pointer;color:var(--search-suggestion-text);}
.searchSuggestion:hover {background:var(--bg);}

td.tabsTD{padding:0px;background:var(--bg);border-left:1px solid var(--bg);border-right:1px solid var(--bg);}
div.tabOn, div.tabOff {
	cursor:default;
	white-space:nowrap;
	margin-top:8px;
	background-color:var(--tab-on);
	border-width:1px;
	border-style:solid;
	border-color: var(--tab-on-border) var(--tab-on-border) var(--tab-on-border-bottom) var(--tab-on-border);
	box-shadow:1px -1px 1px rgb(80,80,80);
	border-radius:10px 10px 0px 0px;
	padding:6px;padding-left:10px;padding-right:10px;
	text-align:center;
	overflow:visible;
	color:var(--tab-on-text);
	font-weight: bold;
}

div.tabOff {
	cursor:pointer;
	background-color:var(--tab-off);
	border-color: var(--tab-off-border);
	box-shadow:none;
	color:var(--tab-off-text);
}
div.tabOff:hover {background-color:var(--tab-off-hover);}

i.icon {height:23px;width:23px;display:inline-block;vertical-align:-5px;}
i.clickable{cursor: pointer;}
i.user{background-position:0px 0px;}
i.customer{background-position:-24px 0px;}
i.supplier{background-position:-48px 0px;}
i.plus{background-position:-72px 0px;}
i.minus{background-position:-96px 0px;}
i.up{background-position:-120px 0px;}
i.right{background-position:-144px 0px;}
i.down{background-position:-168px 0px;}
i.left{background-position:-192px 0px;}
i.warning{background-position:-216px 0px;}
i.newTab{background-position:-240px 0px;}
i.settings{background-position:-264px 0px;}
i.search{background-position:-288px 0px;}
i.mail{background-position:-312px 0px;}
i.help{background-position:-336px 0px;}
i.tick{background-position:-360px 0px;}
i.cross{background-position:-384px 0px;}
i.note{background-position:-408px 0px;}
i.editNote{background-position:-432px 0px;}
i.invoice{background-position:-456px 0px;}
i.dropDown{background-position:-480px 0px;}
i.printer{background-position:-504px 0px;}
i.pdf{background-position:-528px 0px;}
i.info{background-position:-552px 0px;}
i.photo{background-position:-576px 0px;}
i.location{background-position:-600px 0px;}
i.editNoteOff{background-position:-624px 0px;}
i.photoOff{background-position:-648px 0px;}
i.stock{background-position:-672px 0px;}
i.stockOff{background-position:-696px 0px;}
i.noteOff{background-position:-720px 0px;}
i.dropUp{background-position:-744px 0px;}
i.task{background-position:-768px 0px;}
i.notice{background-position:-792px 0px;}
i.repair{background-position:-816px 0px;}
i.people{background-position:-840px 0px;}
i.shopDark{background-position:-864px 0px;}
i.menuDown{background-position:-888px 0px;}
i.menuUp{background-position:-912px 0px;}
i.folder{background-position:-936px 0px;}
i.doc{background-position:-960px 0px;}
i.xls{background-position:-984px 0px;}
i.ppt{background-position:-1008px 0px;}
i.jpg{background-position:-1032px 0px;}
i.gif{background-position:-1056px 0px;}
i.png{background-position:-1080px 0px;}
i.tiff{background-position:-1104px 0px;}
i.shop{background-position:-1128px 0px;}
i.csv{background-position:-1152px 0px;}
i.stockItems{background-position:-1176px 0px;}
i.stockItemsOff{background-position:-1200px 0px;}
i.view{background-position:-1224px 0px;}
i.mp4{background-position:-1248px 0px;}
i.avi{background-position:-1272px 0px;}
i.card{background-position:-1296px 0px;}
i.refill{background-position:-1320px 0px;}
i.refillOff{background-position:-1344px 0px;}
i.plusSmall{background-position:0px -24px;height:16px;width:16px;}
i.minusSmall{background-position:-16px -24px;height:16px;width:16px;}
i.warningSmall{background-position:-32px -24px;height:16px;width:16px;}
i.crossSmall{background-position:-48px -24px;height:16px;width:16px;}
i.tickSmall{background-position:-64px -24px;height:16px;width:16px;}
i.upSmall{background-position:-80px -24px;height:16px;width:16px;}
i.rightSmall{background-position:-96px -24px;height:16px;width:16px;}
i.downSmall{background-position:-112px -24px;height:16px;width:16px;}
i.leftSmall{background-position:-128px -24px;height:16px;width:16px;}
i.dropDownSmall{background-position:-144px -24px;height:16px;width:16px;}
i.refreshSmall{background-position:-160px -24px;height:16px;width:16px;}
i.supplierSmall{background-position:-176px -24px;height:16px;width:16px;}
i.noteSmall{background-position:-192px -24px;height:16px;width:16px;}
i.editNoteSmall{background-position:-208px -24px;height:16px;width:16px;}
i.blackSmall{background-position:-224px -24px;height:16px;width:16px;}
i.cyanSmall{background-position:-240px -24px;height:16px;width:16px;}
i.redSmall{background-position:-256px -24px;height:16px;width:16px;}
i.yellowSmall{background-position:-272px -24px;height:16px;width:16px;}
i.greenSmall{background-position:-288px -24px;height:16px;width:16px;}
i.blueSmall{background-position:-304px -24px;height:16px;width:16px;}
i.helpSmall{background-position:-320px -24px;height:16px;width:16px;}
i.infoSmall{background-position:-336px -24px;height:16px;width:16px;}
i.customerSmall{background-position:-352px -24px;height:16px;width:16px;}
i.userSmall{background-position:-368px -24px;height:16px;width:16px;}
i.invoiceSmall{background-position:-384px -24px;height:16px;width:16px;}
i.stockSmall{background-position:-400px -24px;height:16px;width:16px;}
i.newTabSmall{background-position:-416px -24px;height:16px;width:16px;}
i.locationSmall{background-position:-432px -24px;height:16px;width:16px;}
i.dropUpSmall{background-position:-448px -24px;height:16px;width:16px;}
i.clockSmall{background-position:-464px -24px;height:16px;width:16px;}
i.playSmall{background-position:-480px -24px;height:16px;width:16px;}
i.maroonSmall{background-position:-496px -24px;height:16px;width:16px;}
i.servicesSmall{background-position:-512px -24px;height:16px;width:16px;}
i.mailSmall{background-position:-528px -24px;height:16px;width:16px;}
i.pauseSmall{background-position:-544px -24px;height:16px;width:16px;}
i.stockItemsSmall{background-position:-560px -24px;height:16px;width:16px;}
i.stockItemsOffSmall{background-position:-576px -24px;height:16px;width:16px;}
i.plusMinusSmall{background-position:-592px -24px;height:16px;width:16px;}
i.taskSmall{background-position:-608px -24px;height:16px;width:16px;}
i.viewSmall{background-position:-624px -24px;height:16px;width:16px;}
i.swopSmall{background-position:-640px -24px;height:16px;width:16px;}

.smallHeader {color: var(--small-header);}
.smallValue {color: var(--small-value);}
.smallNull {color: var(--small-null);}
.smallWarning {color: var(--small-warning);}

.tooltip, .floatBox {position:absolute;display:none;border:1px solid var(--tooltip-border);padding:2px;background: linear-gradient(var(--tooltip-bg), var(--tooltip-grad));box-shadow: 2px 2px 4px var(--tooltip-shadow);overflow:auto;z-index: 1;}
.floatBox {background-color:var(--floatbox-bg);background: linear-gradient(var(--tooltip-bg), var(--floatbox-grad));}

.dragFileBox {opacity: 0;font-size:60px;position: absolute;z-index: 1;right:0px;bottom:0px;padding: 0;margin: 0;cursor: pointer;filter: alpha(opacity=0);font-family: sans-serif;}
.dragFileDiv {border:1px solid #F90;position:relative;display:inline-block;overflow:hidden;padding-left:2px;padding-right:2px;height:50px;text-align:center;line-height:23px;}

.selectedIcon{border:2px solid var(--selected-icon);padding:1px;}
.notSelectedIcon{border:2px solid var(--not-selected-icon);cursor:pointer;padding:1px;}

table .calendar {border-collapse:collapse;border-spacing:0;}
table .calendar td {text-align:center;border:1px solid var(--h4);padding-left:2px;padding-right:2px;}
td .calendarButton {background:var(--calendar-bg);cursor:pointer;}
td .calendarButton:hover {background:var(--calendar-hover);color:#555;}
td .calendarToday {border:2px solid var(--small-warning) !important;}
td .calendarSelected {background:var(--calendar-selected);}
td .calendarDisabled {background:var(--calendar-disabled);text-decoration:line-through;cursor:default;}

.short{color:#FF0000;}
.weak{color:#E66C2C;}
.good{color:#2D98F3;}
.strong{color:#006400;}

.lightGrey{background:var(--row-odd)}
.greenText{color:var(--green-text)}
.lightGreen{background:var(--light-green1)};
.mediumBorderAll{border:1px solid var(--hr) !important;}
.medium2BorderAll{border:1px solid var(--hr) !important;}/*weird bug PoS JS*/
.mediumBorderLeft{border-left:1px solid var(--hr) !important;}
.mediumBorderTop{border-top:1px solid var(--hr) !important;}
.mediumBorderRight{border-right:1px solid var(--hr) !important;}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar{float:left;width:0%;height:100%;font-size:12px;color:#ffffff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress-striped .progress-bar{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:40px 40px;}
.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-bar-success{background-color:#5cb85c;}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-info{background-color:#5bc0de;}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-warning{background-color:#f0ad4e;}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-danger{background-color:#d9534f;}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.media,.media-body{overflow:hidden;scale:1 1;}

div .colourSelectBox {
	display:inline-block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	border: 1px solid transparent;
	cursor:pointer;
	color:var(--h4);
	text-align:center;
}
div .colourBlock {
	display:table-cell;
	position:relative;
	overflow: hidden;
	border: 1px solid var(--bord-btn-text);
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.hoverOrangeBorder{margin:1px;}
.hoverOrangeBorder:hover {
	margin:0px;
	border: 2px solid var(--btn-border-2);
}
div .colourBlockInner {
	margin: 0;position: absolute;top:50%;left:50%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); width:100%;
}
td .lightButtonBlock {
	border:1px solid var(--hr);background: var(--lb2) linear-gradient(var(--lb1),var(--lb2));
}

.timeInput {width:18px;border:none;}
div.inputBorder {display:inline-block; border: var(--border) 1px solid; border-radius: 3px;padding-left:2px;}
.cursor{cursor:pointer;}

.pencilTextArea,.pencilText,.pencilTime{display:inline-block;cursor:url(images/pencil30.cur),alias;}
.pencilTextArea:hover,.pencilText:hover,.pencilTime:hover{background:var(--pencil-highlight)}

.center {text-align: center;}
.modalBackground {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--modal-overlay);
}
.modalFullScreen {
	background:var(--bg);
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}
.modalDivision {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	overflow:auto;
}
.modalBox {
	display:inline-block;
	padding: 4px;
	padding-top: 24px;
	position: relative;
	width: auto;
	height: auto;
	min-height: 100px;
	min-width: 200px;
	margin: 5% auto 0;
	margin-top: 24px;
	background: var(--bg);
	box-shadow: 3px 3px 4px var(--modal-shadow);
	overflow:auto;
	overflow-wrap: break-word;
}
.closeButton {
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -1px;
	right: 0px;
	cursor: pointer;
}

.mobileHide{display:none;}
.tabletHide{display:none;}
font.siteTitle { font-size: 20px !important;text-shadow: 1px 1px 2px var(--site-title-shadow);color:var(--site-title); }
.showDimensions { background-color: lightgreen; }
@media only screen and (max-width: 640px) {
	.showDimensions {background-color: lightblue;}
	font.siteTitle {font-size: 14px !important;}
	.financialTable { width:100%; }
}

.documentBorder {border:none;padding:0px;margin:0px;}
.documentWidth {width:auto;}
@media only screen and (min-width:800px) {
	.documentBorder {box-shadow: 1px 1px 3px var(--bord-btn-text);padding:10px;padding-bottom:30px;}
}
@media (min-width:800px) {
	.documentWidth {width:670px;}
}

div.ib { display:inline-block; vertical-align:top; }

.flexSpread,.flexCenter,.flexEvenly{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.flexCenter{justify-content:center;}
.flexEvenly{justify-content:space-evenly;}
.flexGrow{display:inline-block;flex-grow:1;}/*inner divs*/
.column400 {
	-webkit-column-width: 400px;
	-moz-column-width: 400px;
	column-width: 400px;
	-webkit-column-gap: 4px;
	-moz-column-gap: 4px;
	column-gap: 4px;
}
.column300 {
	-webkit-column-width: 300px;
	-moz-column-width: 300px;
	column-width: 300px;
	-webkit-column-gap: 3px;
	-moz-column-gap: 3px;
	column-gap: 3px;
	vertical-align: top;
}
.columnAuto {
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
	-webkit-column-gap: 3px;
	-moz-column-gap: 3px;
	column-gap: 3px;
}
.bigGrey {font: 14px Tahoma;font-weight:bold;color: #005;}
.bigInput { border: var(--border) 1px solid;font: 14px Tahoma;font-weight:bold;background-color: var(--form-bg);color:var(--form-fg); padding:8px; border-radius: 5px;width:284px; }
.bigInput::placeholder {color:var(--placeholder);}
div.roundBlock { background:var(--roundblock-bg);border:1px solid var(--roundblock-border);border-radius:10px;padding:6px; }
div.roundBlockSmall { background:var(--roundblock-bg);border:1px solid var(--roundblock-border);border-radius:5px;padding:2px;padding-top:0px;}
	.floatBoxBG {background:var(--floatbox-bg);}
div.roundBlockSelect { display:inline-block;background:var(--roundblockselect);border:1px solid var(--roundblock-border);border-radius:5px;padding:2px;padding-top:3px;margin-top:3px;margin-bottom:3px;}
.selectUserSelected {background: var(--lb2) linear-gradient(var(--lb1),var(--lb2)) !important; font-weight:bold !important;}
.showWhileSaving{display:none;}
th.rotate90 {white-space:nowrap;vertical-align: bottom;}
th.rotate90 > div {
	transform: translate(5px, -8px) rotate(270deg);
	width: 20px;
}
.thinBorder{border:1px var(--hr) solid;padding:3px;}
.checkBoxBorder{display: inline-block;border: 1px solid var(--row-odd);}
.checkBoxBorder:hover {background-color: var(--checkbox-hover);border: 1px solid var(--btn-disabled-bg);}
[type="checkbox"] {
	position: absolute;
	opacity: 0.01;
}
[type="checkbox"] + label {
	position: relative;
	padding-top: 3px;
	line-height: 25px;
	padding-left: 27px;
	cursor: pointer;
}
[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 0px;
	width: 19px;
	height: 19px;
	border: 1px solid var(--tooltip-shadow);
	background: var(--bg);
	border-radius: 3px;
	-webkit-transition: all .25s;
	-ms-transition: all .25s;
	transition: all .25s;
	box-shadow: none;
	border-color: var(--border);
	background-color: var(--checkbox-bg);
}
[type="checkbox"]:focus + label:before {box-shadow: inset 0px 0px 1px 2px rgba(0,0,0, .1), 0px 0px 0px 3px var(--checkbox-hover-ring);}
[type="checkbox"]:checked + .checkBoxLabel .checkmark:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 2px;
	width: 6px;
	height: 12px;
	border: solid var(--bg);
	border-width: 0 2px 2px 0;
	-webkit-transition: all .25s;
	transition: all .25s;
}
[type="checkbox"]:checked:not(:disabled) + label:before {background-color: var(--slider-thumb);}/*#4a4*/
[type="checkbox"]:not(:checked) + .checkBoxLabel .checkmark:after {
	content: "✕";
	position: absolute;
	top: 10px;
	left: 6px;
	font-size: 18px;
	color: #fba;
	line-height: 0;
	border: none;
}
[type="checkbox"]:checked + .checkBoxLabel .checkmark:after {
	-webkit-transform: scale(1) rotate(35deg);
	transform: scale(1) rotate(35deg);
}
[type="checkbox"]:not(:checked) + .checkBoxLabel .checkmark:after {
	-webkit-transform: scale(0) rotate(45);
	transform: scale(0) rotate(45);
}
[type="checkbox"]:disabled + label {color: var(--tooltip-shadow);cursor: default;}
[type="checkbox"]:checked:disabled + label:before {background-color: #fc8;}
.posOption{height: 20px;border: 1px solid var(--hr);padding-top: 6px;text-align: center;cursor: pointer;}
/*index.php (Home) and logged off pages*/
	.picDiv {height:250px;display: inline-block;width: 100%;}
	.blockHeading {color: #579;font-weight: bold;font-size: 24px !important;text-shadow: 1px 1px 1px var(--h4);}

	.iconBox{flex-grow:1;display:inline-block;margin:2px;background:var(--iconbox-bg);overflow:hidden;border-radius:16px/10% 10px 5px 5px;color:white;width:200px;}
	.iconBox .iconBoxTopBar{width:100%;height:5px;background:var(--iconbox-topbar);}
	.iconBox .iconBoxIconBackground{width:100px;height:100px;background:var(--iconbox-topbar);border-radius:14px;margin-top:-60px;margin-left:-50px;}
	.iconBox .iconBoxHeading {position:relative;top:7px;left:55px;font-weight:bold;font-size:16px;line-height:18px;text-align:left}
	.iconBox .iconBoxIconHolder {position:relative;top:58px;left:24px;font-size:30px;color:white;}
	.iconBox .content {padding:5px;text-align:justify;color:var(--menu-text);}

	.floatingMenuButtonOn, .floatingMenuButtonOff {display: table-cell;height:72px;width:105px;text-align:center;vertical-align:middle;background:var(--bg);color:var(--tooltip-shadow);font-size:16px;font-family:'Source Sans Pro', sans-serif;cursor:pointer;}
	.floatingMenuButtonOn {background:var(--btn-bg) linear-gradient(#fc4,var(--btn-border-2));color:white;}
	.floatingMenuButtonOff:hover {background:#e0e0e0 linear-gradient(var(--color-K),#d8d8d8);}

.slider {
	display:inline-block;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 20px;
	background: var(--btn-disabled-bg);
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.slider:hover {opacity: 1;}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	background: var(--slider-thumb);
	cursor: pointer;
}
.slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background: var(--slider-thumb);
	cursor: pointer;
}
.sliderNumber {
	display:inline-block;
	text-align:center;
	height:20px;
	width:20px;
	font-size:16px;
	color:var(--h4);
	border:1px solid var(--btn-disabled-bg);border-radius:5px;
	margin-left:8px;margin-top:2px;
}
td.greenBorderTD {
	background-color:#afa;
}
.footerTD {background-color:var(--footer-td1);background: linear-gradient(var(--footer-td1), var(--footer-td2));}