html {scroll-behavior: auto !important;}
html, body { height: 100%; scroll-behavior: smooth; }
body {
	font-size: 13px;
	font-family: Tahoma;
	margin: 0;
	padding: 0;
	color: #606060;
	cursor: default;
}
img{border:0;}
h1 {color: #707070;font-weight: bold;font-size: 24px;}
h2 { color: #FFAA00; font-family: Verdana; font-size: 24px; font-weight: bold;}
h3 {color: #888; font-family: Verdana;font-weight: bold;font-size: 18px;}
h4 { color: #999; font-family: Verdana; font-size: 14px; margin-top:2px;margin-bottom:2px;padding:1px;}

A:link { text-decoration: none; color: #2060FF}
A:visited { text-decoration: none; color: #2050E0}
A:hover { color: #0020FF; text-decoration:none; }
A:active { color: #0000FF; text-decoration:none; }
A.modalLink:link { text-decoration: none; color: #2090C0}
A.modalLink:visited { text-decoration: none; color: #2080B0}
A.modalLink:hover { color: #00B0B0; text-decoration:none; }
A.modalLink:active { color: #0000FF; text-decoration:none; }

hr{background-color: #ccc;height: 1px;border:none;width:100%;margin:0px; }

input,textarea,select { border: #bbbbbb 1px solid;font: 12px Tahoma;background-color: white;COLOR: #707070; padding-left:3px; border-radius: 3px; }
.inputDisabled{background-color:#f2f2f8;}
select{padding:0px;}
textarea:focus,input:focus {border-color: rgba(200, 130, 0, 0.8);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:#9ab;}
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:#f92;
	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:#f92 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: #ccc linear-gradient(#ddd,#bbb);
	cursor:default;
	border-color: #bbb #aaa #999;
	color:#666;
	text-shadow:none;
}
.db:hover {
	background: #ccc linear-gradient(#ddd,#bbb);
}
.bb:hover, .sb:hover, button:hover, input[type=submit]:hover {
	background:#fb2 linear-gradient(#fd4,#f92);
}
.lb {
	background: #dAd4f6 linear-gradient(#e8f0ff,#dAd4f6);
	cursor:default;
	border-color: #bbb #aaa #999;
	color:#666 !important;
	text-shadow:none;
}
.lb:hover {
	background: #e8f0ff linear-gradient(#e8f0ff,#e2E0f6);
}
.blockLabel {
	display: inline-block;
	border:1px #e0b080 solid;
	padding:2px;
	background-color: #f8f8f8;
	color:#989898;
}

.blockButton, .blockButtonD {
	display:inline-block;height:32px;text-align:center;vertical-align:middle;color:#666;margin-left:2px;margin-bottom:2px;font-weight:bold;
	padding-left:6px;padding-right:6px;line-height:32px; border-radius: 3px;border:1px solid #f8f8f8;
	box-shadow: -1px 1px 2px #888;cursor:pointer;width:150px;
}
.twoLines { line-height:15px; }
.R {background-color:#ffd7d5;background: linear-gradient(#fff8f8 0%, #ffd7d5 90%, #ff6363);}
.G {background-color:#e0ffd0;background: linear-gradient(#f8ffe8 0%, #e0ffd0 90%, #6c8);}
.B {background-color:#c0d0ff;background: linear-gradient(#e8f0ff 0%, #c8d8ff 90%, #88f);}
.C {background-color:#b9f2ff;background: linear-gradient(#e0ffff 0%, #c0f8ff 90%, #5de);}
.M {background-color:#f3dbff;background: linear-gradient(#fff0ff 0%, #f3dbff 90%, #da88ee);}
.Y {background-color:#ffffd8;background: linear-gradient(#fffff0 0%, #ffffd0 90%, #ee0);}
.O {background-color:#ffe5a8;background: linear-gradient(#ffead8 0%, #ffe5a8 90%, #ff9220);}
.K {background-color:#e8e8e8;background: linear-gradient(#f8f8f8 0%, #e8e8e8 90%, #bbb);}
.D {background-color:#f0f0f0;background: linear-gradient(#ddd, #f0f0f0);border:1px solid #ccc;cursor:default;box-shadow:none;}
.blockButtonD {background-color:#f0f0f0;background: linear-gradient(#ddd, #f0f0f0);border:1px solid #ccc;cursor:default;box-shadow:none;}
.blockButton:hover {background:#fb2; background: linear-gradient(#fd4,#f92);}
.colourHover {}
.colourHover:hover {background-color:#83e3ff;background: linear-gradient(#e8f8ff 0%, #88c8ff 90%, #59f);}

.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: #dfffd6;
	text-align:center;
	border-radius: 5px;
	width:80%;
	margin: 5px;
	color: #444;
	z-index:99999;
}
div.statusB { border-color: #84a4f4; background-color: #d9e0ff; }
div.statusR { border-color: #ff1c00; background-color: #ffdbc5; }
div.statusY { border-color: #ffcc70; background-color: #fff8cc; }
div.statusDB { border: 3px solid #228; background-color: #112; }

.blockBorder { background-color:#e0e8f8;display:inline-block;padding-top:2px;padding-bottom:0px;padding-left:3px;padding-right:3px; }
.blockOn { background-color:#FB4;border:1px solid white;display:inline-block;box-shadow: 1px 1px 1px #888;padding-left:4px;padding-right:4px;margin-bottom:3px; }
.blockOff { background-color:#d0d8ff;border:1px solid white;display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer;margin-bottom:3px; }
.blockOff:hover { background-color:#fff; }
.wolfSelectOn {display:block;text-align:left;cursor:pointer;background-color:#FB4;border:1px solid white;box-shadow: 1px 1px 1px #888;padding:3px;margin-top:1px;margin-bottom:1px;}
.wolfSelectOff {display:block;text-align:left;cursor:pointer;background-color:#e8f0ff;border:1px solid #f8fcff;padding:3px;margin-top:1px;margin-bottom:1px;}
.wolfSelectOff:hover,.wolfSelectOn:hover { background-color:#fff; }

/* ------TABLES */
table.nospacing {
	border:none;
	border-collapse: collapse;
}
table.list, table.listDark, table.grid, table.gridDark{border-collapse:collapse;border-left:1px solid #ccc;border-right:1px solid #ccc;border-spacing:0;}
table.grid td{border:1px solid #ddd;}
table.gridDark td{border:1px solid #000;}
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 #c4c4c4;
	background-color: #d0d8ff}
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 #ddd;empty-cells:show;}
table.grid th{border:1px solid #ccc;}
table.gridDark th{border:1px solid #000;}
table.noBorders td {border:none;}
table caption, th.header, th.headerDark {
	background-color: #f4d8ac;
	background: #f4d8ac linear-gradient(to bottom, #fff,#e0e0e8,#edd6b9 80%,#ffc020);
	font-weight:bold;
	padding:5px;
	border: 1px #c4c4c4 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: #ececf8}
.grid tr:nth-child(odd),.list tr:nth-child(odd),.gridDark tr:nth-child(odd),.listDark tr:nth-child(odd) {background: #f8f8f8}
.hl tr:nth-child(even):hover {background: #ffffd8}
.hl tr:nth-child(odd):hover {background: #ffffe0}
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:#888;}

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 #ccc;width:40px;height:40px;font-size:20px;vertical-align:middle;text-align:center;cursor:pointer;}
table.keypad td:hover {background:#ccc;}

.menuTable {
	background-color:#8ca7d2;background: linear-gradient(#8ca7d2, #6c87b2);
}
.menuTable td {
	color:#eee;font-weight:bold;
}
.menuTable .bord {
	padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;text-align:center;
	border-top:1px solid #abc6f1;border-left:1px solid #abc6f1;border-bottom:1px solid #6b86a1;border-right:1px solid #6b86a1;
}
.menuTable .bordButton, .bordButton {
	background-color:#dddddd;background: linear-gradient(#dddddd, #eeeeee);
	color:#888;padding-left:10px;padding-right:10px;text-align:center;
	border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;
}
font.bordButtonText{color:#888;}
.menuTable .bordButton:hover, .bordButton:hover {
	background-color:#ddddff;background: linear-gradient(#ddddff, #eeeeff);cursor:pointer;
}
.bordShortcut {background-color:#c8d8ff;background: linear-gradient(#f0f8ff 0%, #d0e0ff 90%, #9090ff);border-right:1px #ccc solid;}
.bordShortcut:hover {background-color:#c0d0ff;background: linear-gradient(#e8f0ff 0%, #c8d8ff 90%, #88f);}
.bordClicked {
	background-color:#8ca7d2;background: linear-gradient(#6c87b2, #8ca7d2);text-align:center;padding-left:10px;padding-right:10px;color:#eee;cursor:pointer;
	border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;
}
.menu1 {}
.menuHolder {display:none;width:100%;position:absolute;background-color:#eee;background:linear-gradient(#ddd,#fff);padding-top:0px;padding-bottom:0px;box-shadow:0px 4px 4px #888;z-index:1;}

.searchSuggestions {position:absolute;float:left;top:20px;border:solid #999 1px;background:#eef;display:none;color:#888;font-weight:normal;text-align:left;z-index:1;}
.searchSuggestion {border-top:1px solid #f4f4f4;border-left:1px solid #f4f4f4;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;background:#f4f6fd;padding:1px;padding-top:3px;padding-bottom:3px;cursor:pointer;color:#06F;}
.searchSuggestion:hover {background:#fff;}

div.tabOn, div.tabOff {
	cursor:default;
	white-space:nowrap;
	margin-top:8px;
	background-color:#ffd060;
	border-width:1px;
	border-style:solid;
	border-color: #bbb #bbb #ddf #bbb ;
	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:#555;
	font-weight: bold;
}
div.tabOff {
	cursor:pointer;
	background-color:#ffeebb;
	border-color: #eecc44;
	box-shadow:none;
	color:#777;
}
div.tabOff:hover {background-color:#fc4;}

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;}

font.smallHeader {color: #F08020;}
font.smallValue,div.smallValue {color: #56b;}
font.smallNull {color: #999;}
font.smallWarning {color: #FF4000;}

.tooltip, .floatBox {position:absolute;display:none;background-color:#ffd;border:1px solid #EC8;padding:2px;background: linear-gradient(#fff, #ffc);box-shadow: 2px 2px 4px #aaa;overflow:auto;z-index: 1;}
.floatBox {background-color:#eef;background: linear-gradient(#fff, #ddf);}

.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 #fb2;padding:1px;}
.notSelectedIcon{border:2px solid #bcd;cursor:pointer;padding:1px;}

table .calendar {border-collapse:collapse;border-spacing:0;}
table .calendar td {text-align:center;border:1px solid #999;padding-left:2px;padding-right:2px;}
td .calendarButton {background:#e0e0f0;cursor:pointer;}
td .calendarButton:hover {background:#fb2;color:#555;}

.short{color:#FF0000;}
.weak{color:#E66C2C;}
.good{color:#2D98F3;}
.strong{color:#006400;}

@-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:#999;
	text-align:center;
}
div .colourBlock {
	display:table-cell;
	position:relative;
	overflow: hidden;
	border: 1px solid #888;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.hoverOrangeBorder{margin:1px;}
.hoverOrangeBorder:hover {
	margin:0px;
	border: 2px solid #f82;
}
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 #ccc;background: #dAd4f6 linear-gradient(#e8f0ff,#dAd4f6);
}

.timeInput {width:18px;border:none;}
div.inputBorder {display:inline-block; border: #bbbbbb 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:#fff8c0;}

.center {text-align: center;}
.modalBackground {
	display: table;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity:0.5;
}
.modalFullScreen {
	background:white;
	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: #fff;
	box-shadow: 3px 3px 4px #444;
	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 #111;color:#fff; }
.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 #888;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: #bbbbbb 1px solid;font: 14px Tahoma;font-weight:bold;background-color: white;color: #707070; padding:8px; border-radius: 5px;width:284px; }
.bigInput::placeholder {color:#789;}
div.roundBlock { background:#fff;border:1px solid #DDD;border-radius:10px;padding:6px; }
div.roundBlockSmall { background:#fff;border:1px solid #DDD;border-radius:5px;padding:2px;padding-top:0px;}
div.roundBlockSelect { display:inline-block;background:#eee;border:1px solid #DDD;border-radius:5px;padding:2px;padding-top:3px;margin-top:3px;margin-bottom:3px;}
.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 #ccc solid;padding:3px;}
.checkBoxBorder{display: inline-block;border: 1px solid #f8f8f8;}
.checkBoxBorder:hover {background-color: #f8f8ff;border: 1px solid #ddd;}
[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 #aaa;
	background: #FFF;
	border-radius: 3px;
	-webkit-transition: all .25s;
	-ms-transition: all .25s;
	transition: all .25s;
	box-shadow: none;
	border-color: #bbb;
	background-color: #e9e9e9;
}
[type="checkbox"]:focus + label:before {box-shadow: inset 0px 0px 1px 2px rgba(0,0,0, .1), 0px 0px 0px 3px rgba(255, 220, 100, .5);}
[type="checkbox"]:checked + .checkBoxLabel .checkmark:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 2px;
	width: 6px;
	height: 12px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transition: all .25s;
	transition: all .25s;
}
[type="checkbox"]:checked:not(:disabled) + label:before {background-color: #7790c0;}/*#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: #aaa;cursor: default;}
[type="checkbox"]:checked:disabled + label:before {background-color: #fc8;}
.posOption{height: 20px;border: 1px solid #ccc;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 #999;}

	.iconBox{flex-grow:1;display:inline-block;margin:2px;background:#09f;overflow:hidden;border-radius:16px/10% 10px 5px 5px;color:white;width:200px;}
	.iconBox .iconBoxTopBar{width:100%;height:5px;background:#ffa525;}
	.iconBox .iconBoxIconBackground{width:100px;height:100px;background:#ffa525;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:#eee;}

	.floatingMenuButtonOn, .floatingMenuButtonOff {display: table-cell;height:72px;width:105px;text-align:center;vertical-align:middle;background:#fff;color:#aaa;font-size:16px;font-family:'Source Sans Pro', sans-serif;cursor:pointer;}
	.floatingMenuButtonOn {background:#f92 linear-gradient(#fc4,#f82);color:white;}
	.floatingMenuButtonOff:hover {background:#e0e0e0 linear-gradient(#e8e8e8,#d8d8d8);}

.slider {
	display:inline-block;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 20px;
	background: #ddd;
	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: #7790c0;
	cursor: pointer;
}
.slider::-moz-range-thumb {
	width: 20px;
	height: 20px;
	background: #7790c0;
	cursor: pointer;
}
.sliderNumber {
	display:inline-block;
	text-align:center;
	height:20px;
	width:20px;
	font-size:16px;
	color:#999;
	border:1px solid #DDD;border-radius:5px;
	margin-left:8px;margin-top:2px;
}
td.greenBorderTD {
	background-color:#afa;
}