html, body { height: 100% }
body {
	background:#000;
	font-size: 13px;
	font-family: Tahoma;
	margin: 0;
	padding: 0;
	color: #ddd8cc;
	cursor: default;
}

.header {background:#232216;height:35px;border-radius:17px;width:100%;color:#000;text-align:center;padding-top:4px;font-weight:bold;font-size:24px;}

img{border:0;}
h1 {color: #2d62ac;font-weight: bold;font-size: 24px !important;text-shadow: 1px 1px 1px #999;}
h2 { color: #2d62ac; font-family: Verdana; font-size: 24px; font-weight: bold;}
h3 {color: #aaa;font-weight: bold;font-size: 18px !important;text-shadow: 1px 1px 1px #ddd;}
h4 { color: #7080C0; font-family: Verdana; font-size: 14px}

A:link { text-decoration: none; color: #bc9f2d}
A:visited { text-decoration: none; color: #bc9f2d}
A:hover   { color: #ffcd1f; text-decoration:none; }
A:active   { color: #ffcd1f; text-decoration:none; }

hr{background-color: #fff;height: 1px;border:none;width:100%;margin:0px; }

input[type=text]{width:200px;}
input,textarea,select { border: #f7ce2b 1px solid;font: 12px Tahoma;background-color: #45432c;color: #fff8f0; padding-left:3px; border-radius: 3px; }
.inputDisabled{background-color:#232323;}
select{padding:0px;}
textarea:focus,input:focus {border-color: rgba(255, 255, 255, 1);outline: 0;outline: thin solid #FA2 9;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(250, 190, 0, 0.5);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 7px rgba(255, 200, 0, 0.4);}
::-webkit-input-placeholder, { color:#a98; } :-ms-input-placeholder { color:#a98; } input:-moz-placeholder { color:#a98; }

.bb, .sb, .db, button, input[type=submit] {
	display:inline-block;
	cursor:pointer;
	white-space:nowrap;
	color:#333;
	background-color:#2d62ac;
	font-size: 12px;
	padding: 2px 5px;
	border-width:1px;
	border-style:solid;
	border-color:#f7ce2b #e7de1b #c79e08;
	text-shadow:0px 1px 2px rgb(250,250,250);
	background:#ffcd1f linear-gradient(#ffe020,#d09818);
	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:#ffcd1f linear-gradient(#ffe7a4,#ffcd1f);color:#333;
}

.blockLabel {
	display: inline-block;
	border:1px #e0b080 solid;
	padding:2px;
	background-color: #f8f8f8;
	color:#989898;
}

.blockButton {
	display:inline-block;height:32px;text-align:center;vertical-align:middle;color:#e0d8c0;margin-left:2px;margin-bottom:2px;font-weight:bold;
	padding-left:6px;padding-right:6px;line-height:32px; border-radius: 3px;border:1px solid #504030;
	box-shadow: -1px 1px 2px #530;cursor:pointer;width:150px;color:#333;
	background:#ffcd1f linear-gradient(#ffe020,#d09818);
	}
.blockButton:hover {background:#ffcd1f linear-gradient(#ffe7a4,#ffcd1f);color:#333;}
.twoLines { line-height:15px; }
.D, .D:hover {background-color:#887;background: linear-gradient(#aa9, #887);border:1px solid #000;cursor:default;box-shadow:none;}
.checkBoxOn { padding:2px; background-color:#222;border:1px solid #f7ce2b;display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer; }
.checkBoxOff  {padding:2px; background-color:#111;border:1px solid #f7ce2b;display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer; }
.checkBoxOff:hover, .checkBoxOn:hover { border:1px solid #e0f0ff;box-shadow: 1px 1px 1px #cde; }

div.boolBlock {display:inline-block;width:290px;border:1px solid #541;}
div.boolQBlock {display:inline-block;width:210px;text-align:right;}
div.boolABlock {display:inline-block;width:80px;text-align:right;}
div.intQBlock {display:inline-block;width:230px;text-align:right;}
div.intABlock {display:inline-block;width:60px;text-align:right;}

.roundBorder {
	display:inline-block;vertical-align:middle;background:#222222;margin-left:2px;margin-bottom:2px;font-weight:bold;
	padding:3px;padding-left:5px;padding-right:5px;border-radius: 5px;border:1px solid #f7ce2b;
	box-shadow: -1px 1px 2px #984;
}

div.statusG, div.statusB, div.statusR, div.statusY {
	border-style: solid;
	border-width: 2px;
	padding:1px;padding-left:10px;
	border:2px #70c020 solid;
	background-color: #cfffa6;
	text-align:center;
	border-radius: 5px;
	width:80%;
	margin: 5px;
	color: #444;
}
div.statusB { border-color: #84a4f4; background-color: #d9e0ff; }
div.statusR { border-color: #ff1c00; background-color: #ffdbc5; }
div.statusY { border-color: #ffcc70; background-color: #fff8cc; }

.blockBorder { background-color:#45432c;display:inline-block;padding-top:3px;padding-bottom:3px;padding-left:4px;padding-right:4px; }
.blockOn { color:#666666;background-color:#ffcd1f;border:1px solid white;display:inline-block;box-shadow: 1px 1px 1px #888;padding-left:4px;padding-right:4px; }
.blockOff { color:#cccccc;background-color:#45432c;border:1px solid #f7ce2b;display:inline-block;padding-left:4px;padding-right:4px;cursor:pointer; }
.blockOff:hover { background-color:#bc9f2d;color:#fff; }
.plusButton { background-color:#000;border:none;display:inline-block;cursor:pointer;width:100%; }
.plusButton:hover { background-color:#45432c; }
/* ------TABLES */

table.nospacing {
	border:none;
	border-collapse: collapse;
}
table.list, table.grid{border-collapse:collapse;border-left:1px solid #666;border-right:1px solid #666;border-spacing:0;}
table.grid td{border:1px solid #666;}
table.leftBold tr td:first-child{font-weight:bold;}
table.list th, table.grid th{
	font-weight:bold;
	text-align:left;
	border-top:1px solid #666;
	background-color: #444}
table.list td,table.grid td {text-align:left;padding:2px;padding-left:4px;padding-right:4px;vertical-align: top;border-bottom:1px solid #444;empty-cells:show;}
table.noBorders td {border:none;}
table caption, th.header {
	color:white;
	background: #383026 linear-gradient(#585036,#333);
	font-weight:bold;font-size:14px;
	padding:5px;
	border: none;
	border-radius: 10px 10px 0px 0px;}
.grid tr:nth-child(even),.list tr:nth-child(even) {background: #252525}
.grid tr:nth-child(odd),.list tr:nth-child(odd) {background: #222}
.hl tr:nth-child(even):hover {background: #303030}
.hl tr:nth-child(odd):hover {background: #333}

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;background:none;padding:0px;}
.noStyle tr, div.noStyle td,table.noStyle td {background:none;padding:0px;}
table.noStyle td,div.noStyle td {border:none;}
.noStyle tr:nth-child(even) {background:none;}
.noStyle tr:nth-child(odd) {background:none;}
.noStyle tr:nth-child(even):hover {background:none;}
.noStyle tr:nth-child(odd):hover {background:none;}

.menuTable {
	background-color:#8ca7d2;background: linear-gradient(#8ca7d2, #6c87b2);
}
.menuTable td {
	font-weight:bold;
}
.menuTable .bord {
	color:#eee;
	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 {
	background-color:#232216;background: linear-gradient(#232216, #080808);
	color:#888;padding-left:10px;padding-right:10px;text-align:center;
	border:1px solid #434226;border-bottom:#333220;border-right:1px solid #333220;
}
.menuTable .bordButton:hover {
	background-color:#45432c;background: linear-gradient(#4f4b34, #151300);cursor:pointer;
}
.bordClicked {
	text-align:center;padding-left:10px;padding-right:10px;color:#333;cursor:pointer;
	border-top:1px solid #f7ce2b;border-left:1px solid #e7de1b;border-bottom:1px solid #c79e08;border-right:1px solid #e7de1b;
	background:#ffcd1f linear-gradient(#ffe7a4,#ffcd1f);
}
.menu1 {}
.menuHolder {display:none;width:100%;position:absolute;z-index:99999;background-color:#222222;background:linear-gradient(#282828,#181818);padding-top:0px;padding-bottom:0px;box-shadow:0px 1px 2px #444;}

.searchSuggestions {position:absolute;float:left;top:20px;border:solid #f7ce2b 1px;background:#45432c;display:none;z-index:1000000;color:#cccccc;font-weight:normal;text-align:left;}
.searchSuggestion {border:1px solid #f7ce2b;background:#222222;padding:1px;padding-top:3px;padding-bottom:3px;cursor:pointer;color:#ccc;}
.searchSuggestion:hover {background:#4f4b34;color:#f7ce2b;}

div.tabOn, div.tabOff {
	position:relative;
	cursor:default;
	white-space:nowrap;
	margin-top:8px;
	background-color:#ddf;
	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;
	z-index:1;
}
div.tabOff {
	cursor:pointer;
	position:inherit;
	background-color:#ddd;
	border-color: #bbb;
	box-shadow:none;
	color:#777;
}
div.tabOff:hover {background-color:#dedeee;}

i.icon {background:url('images/iconset2.png');height:23px;width:23px;display:inline-block;vertical-align:-5px;}
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.comment{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.shop{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.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;}

font.smallHeader { color: #F08020; }
font.smallValue { color: #56b; }
font.smallNull { color: #999; }
font.smallWarning { color: #FF4000; }

.tooltip, .floatBox {position:absolute;display:none;background-color:#232216;border:1px solid #f7ce2b;padding:2px;background: linear-gradient(#232216, #000);box-shadow: 2px 2px 4px #4f4b34;z-index:100000;}
.floatBox {background-color:#222222;background: linear-gradient(#222222, #080808);}

.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:2px solid #f7ce2b;position:relative;display:inline-block;overflow:hidden;padding-left:2px;padding-right:2px;height:50px;text-align:center;line-height:23px;}

table .calendar {border-collapse:collapse;border-spacing:0;}
table .calendar td {text-align:center;border:1px solid #666;padding-left:2px;padding-right:2px;}
td .calendarButton {background:#333;cursor:pointer;}
td .calendarButton:hover {background:#ffcd1f;color:#555;}

.modalBackground {
  display: table;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    opacity:1%;
}
.modalDivision {
  display: table-cell;
  vertical-align: middle;
  text-align:center;
}
.modalBox {
  display:inline-block;
    padding: 24px 24px;
    position: relative;
  width: auto;
  height: auto;
  min-height: 100px;
  min-width: 200px;
    margin: 5% auto 0;
  margin-top: 24px;
    background: #333;
    box-shadow: 3px 3px 4px #444;
  overflow:auto;
}
.closeButton {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -1px;
    right: 0px;
    cursor: pointer;
}

.mobileHide{display:none;}
.tabletHide{display:none;}