/* CSS Document */
@media only screen and (max-width:1280px) {  /* not visible in responsivedesignchecker.com */
	body { /*background:#666666; --grey-- */ }
	div#loginWrap div#content {
		width:38%;
		margin:4% 31% 2%;
	}
	div#loginWrap div.record input.loginText {
		width:89.6%;
	}
	/* -------------------- forgot password ---------------------- */
	div#forgotPass #logoWrap img {
		top:14px;
	}
	/* --- */
	div#forgotPass div#section label.title {
		font-size:2em;
	}
	div#forgotPass div#section div#imgWrap {
		width:39%;
	}
	div#forgotPass div#text p {
		line-height:22px;
	}
	/* --- */
	div#forgotPass div.record #qybMidig {
		margin:0 0 1.5%;
		font-size:0.95em;
	}
	div#forgotPass div.record input {
		margin:0 1.5% 0 0;
	}
	div#forgotPass div.record label.qaladka {
		margin:1.5% 0 0;
	}
	/* ---------------------- dashboard -------------------------- */
	#sidebar > ul > li > a > i {
		font-size:1.1em;
	}
	#sidebar ul ul {
		margin:2% 0;
	}
	#sidebar ul ul li {
		padding:1.5% 0;
	}
	/* ------------------------ load page ------------------------ */
	#workplace #loadPage #command #searchBox {
		width:60%;
	}
	#workplace #loadPage #command #searchBox input.srchInput {
		padding-left:6%;
	}
	#workplace #loadPage #command #searchBox div.suggest,
	#workplace div.twoCols div#searchBox div.suggest {
		width:54.1%;
	}
	#workplace div.twoCols div#searchBox div.suggest {
		width:42.6%;
	}
	#workplace #loadPage #command #searchBox div.suggest #time,
	#workplace div.twoCols div#searchBox div.suggest #time {
		margin:0 4%;
	}
	#workplace #loadPage #dynamicQnd #foundNum {
		width:58%;
		padding:0.7% 1%;
		font-size:0.85em;
	}
	#workplace #loadPage #dynamicQnd #filters {
		width:37%;
	}
	/* ------------------------- the form ------------------------ */
	#workplace div.theForm div.record span.check {
		height:26px; line-height:26px;
	}
	/* -- add user -- */
	#workplace div.theForm span#tickAll {
		margin:0.5% 2% 0 0;
	}
	#workplace div.theForm div#userRights fieldset {
		width:95%;
	}
	#workplace div.theForm .btnSubmit.inline {
		width:100% !important;
	}
	#workplace div.theForm div.record span.check {
		margin:1.5% 0 0 2%;
		font-size:0.92em;
	}
	/* ------------------------- reports ------------------------- */
	#workplace div.reportArea {
		width:91%;
		padding:2% 2.5%;
	}

}

@media only screen and (min-width:768px) and (max-width:1024px) {  /* iPad (Landscape) */
	body { /*background:#80FF00;  --heavy green-- */  }
	div#loginWrap div#content {
		width:46%;
		margin:5% 27% 2%;
		padding:5% 0;
	}
	div#loginWrap div#content #logoHolder img {
		width:200px;
	}
	/* -------------------- forgot password ---------------------- */
	div#forgotPass div#topBar #logoWrap {
		margin:0.5% 0 0 10%;
	}
	div#forgotPass #logoWrap img {
		width:160px;
		top:19px;
	}
	div#forgotPass div#section {
		width:80%;
		margin:5% 10% 0;
	}
	div#forgotPass div#section label.title {
		font-size:2em;
	}
	div#forgotPass div#section div#imgWrap {
		width:39%;
	}
	div#forgotPass div#text p:first-child {
		margin:0 0 8%;
	}
	div#forgotPass div#section div.buttons {
		height:54px;
	}
	div#forgotPass div.record input {
		padding:0 0 0 2%;
		margin-top:1%;
	}
	div#forgotPass div.buttons a#back {
		font-size:0.95em;
	}
	/* ---------------------- dashboard -------------------------- */
	.edurdur {
		width:91%;
		padding-left:9%;
		min-height:600px;
	}
	#dashboard #sidebar, #workplace #sidebar {
		height:auto;
		min-height:100vh;
		width:9% !important;
	}
	#sidebar #logoWrap {
		padding:0.6em 0 1em;
	}
	#sidebar #logoWrap img#large {
		display:none;
	}
	#sidebar #logoWrap img#small {
		display:inline;
		width:30px;
	}
	#sidebar > ul {
		position:relative;
		margin-top:1%;
	}
	#sidebar > ul > li {
		display:block;
		height:40px;
		position:relative;
	}
	#sidebar > ul > li > a > i {
		width:100%;
		height:40px; line-height:40px;
		font-size:1.4em;
	}
	#sidebar > ul > li span {
		opacity:0;
	}
	#sidebar > ul > li > a > span {
		position:absolute;
		background:rgba(0, 0, 0, 0.8);
		padding:0.5em 0.5em;
		top:28%;
		left:0; min-width:100px;
		transform:translate3d(0px, -15px, 0);
		transition:all 0.15s ease-in-out;
	}
	#sidebar > ul > li.has-sub > a::after {
		background:none;
	}
	#sidebar > ul > li.has-sub.active > a::after {
		background:none;
	}
	#sidebar > ul > li:hover span {
		left:82px !important;
	}
	#sidebar ul li:hover span {
		opacity:1;
		transform:translate3d(0px, -15px, 0);
	}
	#sidebar ul ul {
		position:absolute;
		width:170px;
		left:92px; top:54%;
	}
	#sidebar ul li:hover ul {
		background:rgba(0, 0, 0, 0.8);
	}
	/* -- */
	#sidebar ul ul li {
		display:block;
		text-align:left;
		margin:0;
	}
	#sidebar ul ul li span {
		padding:0.7em;
	}
	/* --- */
	#middlebar div.topMBar {
		min-height:48px;
		line-height:48px;
	}
	#middlebar div#clearMbar {
		float:left;
		width:100%;
		min-height:11px;
		background:#fff;
		border-bottom:1px dotted #999;
	}
	#middlebar div.topMBar #topIcons {
		height:48px;
	}
	#middlebar #topIcons div.icon {
		top:7px;
		width:34px;
		height:34px;
	}
	#middlebar #topIcons div.dropDown {
		left:-28%;
		width:120%;
		top:52px;
		display:none;
	}
	/* --- */
	#middlebar div.nextMBar div#title {
		margin:1.5% 2% 0 2%;
		font-size:1em;
	}
	#middlebar div.nextMBar div#title ~ label {
		margin:1.7% 0 0;
	}
	#middlebar div.nextMBar div#border {
		width:96%;
		margin:0.7% 0 0.7% 2%;
	}
	#middlebar div.nextMBar div#chart {
		width:54%;
		margin:1% 0 2% 2%;
	}
	#middlebar div.nextMBar div#hints {
		width:41%;
		margin:1% 2% 0 0;
	}
	#middlebar div.nextMBar div#chart div#cinwan {
		min-height:207px;
	}
	#middlebar div.nextMBar div#chart div#graph {
		min-height:207px;
	}
	#middlebar div.nextMBar div#hints div.hint {
		width:48.5%;
	}
	#middlebar div.nextMBar div.hint div#currency {
		margin-top:14%; margin-bottom:1%;
		font-size:1.8em;
	}
	/* --- */
	#middlebar div.lastMBar div.box {
		width:49.3%;
		min-height:286px;
	}
	#middlebar div.lastMBar header {
		width:96%;
		padding:2.8% 0 2.8% 4%;
	}
	#middlebar div.lastMBar div.box article #timeline {
		width:92%;
		min-height:52px;
		margin:0 4% -0.2%;
	}
	#middlebar div.lastMBar div.box article #timeline label#time,
	#middlebar div.lastMBar div.box article #timeline #details {
		margin:0 0 0 8%;
	}
	#middlebar div.lastMBar div.box article #timeline label#time {
		margin:0 0 0.8% 8%;
	}
	/* -- */
	#middlebar div.lastMBar div.box article #title,
	#middlebar div.lastMBar div.box article #record {
		width:92%;
		margin:0 0 2% 4%;
		padding:1.5% 0;
		font-size:0.95em;
	}
	#middlebar div.lastMBar div.box article #record {
		padding:0;
	}
	#middlebar div.lastMBar div.box article div.cave.long {
		width:48%;
	}
	#middlebar div.lastMBar div.box article p#noRecord {
		margin-top:2%;
		font-size:0.85em;
	}
	/* ------------------------ load page ------------------------ */
	#workplace #loadPage #command #searchBox input.srchInput {
		padding-left:7%;
	}
	#workplace #loadPage div.buttons a.btnAddNew {
		padding:2.2% 8%;
	}
	#workplace #loadPage #dynamicQnd #filters {
		width:38%;
	}
	#workplace #loadPage #dynamicQnd #filters label {
		width:40%;
	}
	#workplace #loadPage #dynamicQnd #filters select {
		width:56%;
		height:28px;
	}
	/* --- two Cols --- */
	#workplace div.twoCols {
		width:49.2%;
	}
	#workplace div.twoCols header a#addnew {
		margin-right:0.3%;
		width:20px; height:20px;
		text-align:right;
	}
	#workplace div.twoCols header a#addnew:before {
		line-height:22px;
	}
	#workplace div.twoCols div#searchBox input.srchInput {
		padding-left:8%;
		height:31px;
	}
	#workplace div.twoCols div#searchBox div.suggest {
		margin:31px 0 0;
		width:43.2%;
	}
	#workplace div.twoCols div.dynamicData {
		height:430px;
	}
	#workplace div.twoCols div.dynamicData div.record {
		font-size:0.85em;
	}
	#workplace div.twoCols div.record div#batono {
		width:17%;
	}
	#workplace div.twoCols div.record label#sumada {
		width:20%;
	}
	#workplace div.twoCols div#batono a {
		margin-right:7px;
	}
	/* ------------------------- the form ------------------------ */
	#workplace div.theForm div.record #leftPrt {
		width:27%;
		margin:1.4% 0 0;
		font-size:0.85em;
	}
	#workplace div.theForm.chngPass div.record #leftPrt {
		width:32%;
		margin:1.7% 0 0;
	}
	#workplace div.theForm.chngPass div.record #rghtPrt {
		width:67%;
	}
	#workplace div.theForm input.mlarge {
		width:87%;
	}
	#workplace div.theForm label.error {
		font-size:0.85em;
		line-height:20px;
	}
	#workplace div.theForm div.record .listCaves {
		padding:1% 0;
	}
	#workplace div.theForm #topCaves {
		margin:0 0 1%;
	}
	#workplace div.theForm .listCaves div.cave {
		width:13%;
	}
	#workplace div.theForm .listCaves div.cave.xmiddle {
		width:32%;
	}
	#workplace div.theForm.purchase .listCaves div.cave.middle {
		width:22.6%;
	}
	#workplace div.theForm.purchase .listCaves div.cave.mshort {
		width:11%;
	}
	#workplace div.theForm div#list div.column {
		padding:0;
		font-size:0.85em;
	}
	#workplace div.theForm div#list header div.column {
		height:32px; line-height:32px;
	}
	#workplace div.theForm div#list div.listItem div.column {
		padding:0;
		height:28px; line-height:28px;
	}
	#workplace div.theForm div#list div.listItem div.column.first {
		padding:0;
	}
	#workplace div.theForm div#list div.column input {
		height:28px;
		font-size:0.95em;
	}
	#workplace div.theForm div#list div.column a#remove {
		height:28px; line-height:28px;
		padding:0 0 0 20px;
	}
	/* -- add purchase -- */
	#workplace div.theForm.purchase fieldset {
		width:90%;
		padding:2% 1%;
	}
	#workplace div.theForm.chngPass .btnSubmit {
		margin-left:15.5%;
	}
	/* ----------------------- show Record ----------------------- */
	#workplace div.showRecord {
		padding:1.5% 2%;
	}
	#workplace div.showRecord #leftSide header {
		padding:1.5% 2%;
	}
	#workplace div.showRecord #leftSide div#separate {
		height:14px;
	}
	#workplace div.showRecord #leftSide #colLeft {
		padding:0;
		height:30px; line-height:30px;
	}
	#workplace div.showRecord #leftSide #colRight {
		padding:1.3% 4% 1.3% 2%;
	}
	#workplace div.showRecord #leftSide span.status {
		padding:0.3% 4% 0.6% 2%;
		font-size:em;
	}
	#workplace div.showRecord #rightSide div.imgHolder {
		width:45%;
		margin:0 0 3%;
	}
	#workplace div.showRecord #rightSide div.imgHolder img {
		height:120px;
	}
	#workplace div.showRecord #rightSide h3#title {
		margin-top:1%;
		padding:2.5% 5%;
		font-size:0.9em;
	}
	#workplace div.showRecord #rightSide #record {
		padding:4% 5%;
	}
	#workplace div.showRecord #rightSide p,
	#workplace div.showRecord #rightSide label {
		margin:0 0 2%;
	}
	/* -- profile -- */
	#workplace div.showRecord #rightSide div.imgWrap {
		width:96%;
	}
	/* --- show user -- */
	#workplace div.showRecord div.userRights fieldset {
		padding:3% 1%;
	}
	#workplace div.showRecord div.userRights fieldset legend {
		padding:6px 18px;
	}
	#workplace div.showRecord div.userRights fieldset > div {
		margin-bottom:1.2%;
	}
	/* -- show list items -- */
	#workplace div.showRecord div.details.long div.listItems div.box {
		padding:1% 0 1% 1%;
	}
	#workplace div.showRecord div#totals {
		width:40%;
		margin:3% 0;
	}
	/* -- settings -- */
	#workplace div.showRecord a#edit {
		padding-left:6%;
	}
	/* ------------------------- reports ------------------------- */
	#workplace div.reportArea {
		width:90%;
		padding:2% 3%;
	}
	#workplace div.reportArea div.oneDiv {
		float:left;
		width:24%;
		margin:0 1% 1% 0;
	}
	#workplace div.reportArea div.oneDiv input[type="radio"] {
		margin:1.5% 4% 0 0;
	}
	/* -- */
	#workplace div.reportArea div#filterCmdPrcess {
		margin-top:3%;
	}
	#workplace div.reportArea div#filterCmdPrcess #filterWrap {
		width:90%;
		margin-right:10%;
	}
	#workplace div.reportArea button {
		width:14%;
		margin:0.5% 0 0 13.5%;
		height:32px;
	}
	#workplace div.reportArea label#process {
		margin:1.8% 0 0 2%;
	}
	#workplace div.reportArea label.error {
		margin:1.3% 0 0 2%;
	}
	#workplace div.reportArea div#filterWrap div.filter {
		margin-bottom:1%;
	}
	#workplace div.reportArea div#filterWrap div.filter label {
		margin-top:1%;
	}
	/* -- report show */
	#workplace div#loadPage div#dynamicQnd h3#title {
		margin:2% 0 0.7% 5%;
	}
	#workplace #loadPage #dynamicQnd.report #foundNum {
		width:76%;
		padding:0.9% 1%;
	}
	#workplace #loadPage #dynamicQnd #filters a#back {
		width:50%;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#back {
		width:50%;
		margin:7% 10% 0 0;
	}
	#workplace #loadPage #dynamicQnd a#print.report {
		margin:1% 0 0 0;
	}

}

@media only screen and (max-width:768px) {  /* mahad jiif */
	body { background:#ffffff; /*D8FFB0 light green*/  }
	div#loginWrap {
		background:#ffffff;
	}
	div#loginWrap div#content {
		width:80%;
		margin:0 10%;
		padding:4% 0;
		border:none;
	}
	div#loginWrap div#content #logoHolder {
		/*margin:8% 5% 0;*/
	}
	div#loginWrap div#content #logoHolder img {
		width:210px;
	}
	div#loginWrap div#content h3 {
		margin:3% 5%;
		font-size:1.2em;
	}
	div#loginWrap div#content div.record {
		width:94%;
		margin:2% 3% 1%;
	}
	div#loginWrap div.record span#icon {
		height:40px; line-height:40px;
		font-size:1.3em;
	}
	div#loginWrap div.record input.loginText {
		width:89.7%;
		height:40px;
		font-size:0.9em;
	}
	div#loginWrap div.tooltip {
		padding:8px 30px;
		font-size:0.85em;
		left:13%;
	}
	div#loginWrap label.error {
		margin:0 0 2% 14%;
		font-size:0.95em;
		background-size:15px;
	}
	div#loginWrap div#content div.record div.switch,
	#workplace div.theForm div.record div.switch {
		left:19%;
		margin-right:15px;
		width:50px;
		height:26px;
	}
	div#loginWrap div#content div.record div.switch {
		left:0;
	}
	div#loginWrap div#content div.record div.switch:before,
	#workplace div.theForm div.record div.switch:before {
		width:50px;
		height:26px;
	}
	div#loginWrap div#content div.record div.switch:after,
	#workplace div.theForm div.record div.switch:after {
		height:25px;
		width:25px;
	}
	div#loginWrap div#content div.record div.switch.switchOn:after,
	#workplace div.theForm div.record div.switch.switchOn:after {
		left:25px !important;
	}
	div#loginWrap div.record span#rememberLbl,
	#workplace div.theForm div.record span#checkReceipt {
		font-size:1em;
	}
	#workplace div.theForm div.record span#checkReceipt {
		margin-top:1%;
		margin-left:20%;
		font-size:0.95em;
	}
	div#loginWrap div.record a#forgot {
		font-size:1em;
	}
	div#loginWrap div.record #submitBtn {
		height:40px;
		font-size:1.15em;
	}
	div#loginWrap div.record label#copyRight {
		margin:3% 5%;
		font-size:1em;
	}
	/* -------------------- forgot password ---------------------- */
	div#forgotPass div#topBar, div#forgotPass div#bottomBar {
		height:90px;
	}
	div#forgotPass div#bottomBar {
		height:8px;
	}
	div#forgotPass div#topBar #logoWrap {
		width:80%;
		margin:1% 10% 0;
	}
	div#forgotPass #logoWrap img {
		width:170px;
	}
	div#forgotPass div#section {
		width:80%;
		margin:5% 10% 0;
	}
	div#forgotPass div#section label.title {
		font-size:1.5em;
	}
	div#forgotPass div#section div.center {
		float:left !important;
		width:100% !important;
	}
	div#forgotPass div#section div#imgWrap {
		display:none;
	}
	div#forgotPass div#section div#text {
		float:left;
		width:100%;
	}
	div#forgotPass div#text p {
		font-size:1.05em;
		line-height:24px;
	}
	div#forgotPass div#text p:first-child {
		margin:0;
	}
	div#forgotPass div#section div.record.two {
		margin-top:4%;
	}
	div#forgotPass div#section div.buttons {
		width:100%;
		height:auto;
		margin:2% 0;
		padding:0;
		background:none;
	}
	div#forgotPass div.record #qybMidig {
		margin:0;
	}
	div#forgotPass div.record input {
		height:36px;
		margin:1% 1.5% 0 0;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	div#forgotPass div.buttons a#back {
		width:100%;
		margin:5% 0;
		font-size:1em;
		text-decoration:underline;
	}
	div#forgotPass div.buttons input.btnSubmit {
		float:left;
		margin-top:0;
		padding:1.5% 5%;
		font-size:1.1em;
	}
	div#forgotPass div#imgWrap2 img {
		display:none;
	}
	/* ---------------------- dashboard -------------------------- */
	.edurdur {
		width:100%;
		height:auto;
		min-height:10px;
		padding-left:0;
	}
	#dashboard #middlebar, #workplace #middlebar {
		position:relative;
		height:100vh;
	}
	#dashboard #sidebar, #workplace #sidebar {
		height:auto;
		min-height:100vh;
		width:190%;
		top:0;
		left:0;
		box-shadow:0 0 0 100em rgba(0, 0, 0, 0);
		transform:translate3d(-190%, 0, 0);
		transition:all 0.3s ease-in-out;
	}
	#sidebar #logoWrap {
		padding:0.57em 0;
	}
	#sidebar #logoWrap img#large {
		display:inline;
		width:100px;
	}
	#sidebar #logoWrap img#small {
		display:none;
	}
	#sidebar > ul {
		position:relative;
		margin-top:2em;
	}
	#sidebar > ul > li {
		display:inline-table;
		height:30px;
		width:90.5% !important;
		position:relative;
	}
	#sidebar > ul li a i {
		position:relative;
		top:2px;
		width:30px;
		height:auto; line-height:normal;
		font-size:1.1em;
	}
	#sidebar > ul > li span {
		opacity:1;
	}
	#sidebar > ul > li > a > span {
		position:static;
		background:none;
		padding:0;
		min-width:1px;
		transform: none;
		transition: none;
	}
	#sidebar > ul > li.has-sub > a::after {
		background:url(../images/system/icon_plus.png) no-repeat;
	}
	#sidebar > ul > li.has-sub.active > a::after {
		background:url(../images/system/icon_minus.png) center no-repeat;
	}
	#sidebar ul li:hover span {
		transform:none;
	}
	/* --- */
	#sidebar .smartphone-menu-trigger {
		width:43px;
		height:44px;
		position:absolute;
		left:190%;
		background:#b96125;
	}
	#sidebar .smartphone-menu-trigger:before,
	#sidebar .smartphone-menu-trigger:after {
		content:'';
		width:50%;
		height:2px;
		background:#ffffff;
		border-radius:10px;
		position:absolute;
		top:45%;
		left:50%;
		transform:translate3d(-50%, -50%, 0);
	}
	#sidebar .smartphone-menu-trigger:after {
		top:55%;
	}
	#dashboard #sidebar:focus,
	#workplace #sidebar:focus {
		transform:translate3d(0, 0, 0);
		width:230px !important;
		box-shadow:0 0 0 100em rgba(0, 0, 0, 0.6);
	}
	#sidebar:focus .smartphone-menu-trigger {
		left:230px;
	}
	#sidebar:focus .smartphone-menu-trigger {
		pointer-events:none;
	}
	#sidebar ul {
		margin-top:0em;
		padding:0;
	}
	#sidebar ul li {
		width:90%;
		padding:0 5%;
	}
	#sidebar > ul > li > a {
		padding:4% 0;
	}
	#sidebar > ul > li > a > i {
		width:30px;
		font-size:1.1em;
	}
	#sidebar > ul > li > a > span {
		font-size:0.9em;
	}
	#sidebar ul ul {
		position:inherit;
		margin:0;
		padding-bottom:5%;
		width:85%;
		left:30px; top:0;
	}
	#sidebar ul li:hover ul {
		background:none;
	}
	#sidebar ul ul li {
		padding:2% 0;
	}
	#sidebar ul ul a {
		font-size:0.9em;
	}
	/* --- */
	#middlebar div.topMBar {
		min-height:44px;
		line-height:44px;
	}
	#middlebar div.topMBar #programName {
		margin-left:8%;
	}
	#middlebar div#clearMbar {
		display:none;
	}
	#middlebar div.topMBar #topIcons {
		height:44px;
	}
	#middlebar #topIcons div.icon {
		top:7px;
		width:30px;height:30px;
	}
	#middlebar #topIcons div.dropDown {
		left:-55%;
		width:150%;
	}
	/* --- */
	#middlebar div.nextMBar,
	#middlebar div.lastMBar {
		width:100%;
		margin:0;
	}
	#middlebar div.nextMBar {
		border:none;
	}
	#middlebar div.nextMBar div#title {
		margin:3% 2% 0 3%;
	}
	#middlebar div.nextMBar div#title ~ label {
		margin:3.2% 0 0;
	}
	#middlebar div.nextMBar div#border {
		width:94%;
		margin:1% 0 1% 3%;
	}
	#middlebar div.nextMBar div#chart,
	#middlebar div.nextMBar div#hints {
		width:54%;
		margin:1% 0 2% 3%;
	}
	#middlebar div.nextMBar div#hints {
		width:39%;
		margin:1% 3% 0 0;
	}
	#middlebar div.nextMBar div#chart div#cinwan {
		width:94%;
		padding:0 3%;
		min-height:36px;
	}
	#middlebar div.nextMBar div#chart div#graph {
		float:left;
		width:100%;
		min-height:212px;
	}
	#middlebar div.nextMBar div#chart div#currency,
	#middlebar div.nextMBar div#chart label {
		float:left;
		width:auto;
		margin:0 1.5% 0 0;
		font-size:0.95em;
		min-height:36px; line-height:36px;
		text-align:right;
	}
	#middlebar div.nextMBar div#chart label {
		text-transform:none;
	}
	#middlebar div.nextMBar div#hints div.hint {
		float:left !important;
		width:100%;
		height:55.5px;
		margin:0 0 2% !important;
		background:#916c61 !important;
		background-image:none;
	}
	#middlebar div.nextMBar div#hints div.hint.two,
	#middlebar div.nextMBar div#hints div.hint.four {
		background:#f2c4a4 !important;
		border:1px solid #dea882;
	}
	#middlebar div.nextMBar div.hint div#currency {
		margin-top:2.5%;
		font-size:1.3em;
	}
	#middlebar div.nextMBar div.hint label {
		font-size:0.7em !important;
	}
	/* --- */
	#middlebar div.lastMBar div.box {
		float:left;
		width:100%;
		min-height:50px;
		margin-top:2%;
		border:none;
	}
	#middlebar div.lastMBar div.box.right {
		float:left;
	}
	#middlebar div.lastMBar header {
		width:97%;
		padding:2% 0 2% 3%;
		font-size:1em;
	}
	#middlebar div.lastMBar div.box article {
		height:200px;
	}
	#middlebar div.lastMBar div.box article #timeline {
		width:96%;
		min-height:56px;
		margin:0 3% -0.1%;
	}
	#middlebar div.lastMBar div.box article #timeline label#time,
	#middlebar div.lastMBar div.box article #timeline #details {
		width:93%;
		margin:0 0 0 6%;
	}
	#middlebar div.lastMBar div.box article #timeline label#time {
		margin:0 0 0.7% 6%;
	}
	/* -- */
	#middlebar div.lastMBar div.box article #title,
	#middlebar div.lastMBar div.box article #record {
		width:94%;
		margin:0 0 2% 3%;
	}
	#middlebar div.lastMBar div.box article #record {
		margin:0 0 1.5% 3%;
	}
	#middlebar div.lastMBar div.box article div.cave.short {
		width:15%;
	}
	#middlebar div.lastMBar div.box article div.cave.middle {
		width:15%;
	}
	#middlebar div.lastMBar div.box article div.cave.long {
		width:60%;
	}
	#middlebar div.lastMBar div.box article p#noRecord {
		margin-top:2%;
		font-size:0.9em;
	}
	/* ------------------------ unknown -------------------------- */
	div.unknown {
		width:96%;
		margin:1% 0;
		padding:2%;
		height:100vh;
		background:#fff url(../images/system/oops.png) no-repeat 94% 20px;
		background-size:150px;
	}
	div.unknown h3, div.unknown p, div.unknown ul {
		width:60%;
	}
	div.unknown h3 {
		font-size:1.2em;
	}
	div.unknown ul {
		margin:0.5% 0 1% 4.5%;
	}
	div.unknown p, div.unknown ul li {
		font-size:0.9em;
	}
	/* ------------------------ load page ------------------------ */
	#workplace #loadPage {
		width:100%;
		margin:1% 0;
	}
	#middlebar div.positionBar {
		height:38px; line-height:38px;
	}
	#workplace #loadPage #dynamicQnd {
		padding:2%;
	}
	#workplace #loadPage #command,
	#workplace #loadPage #dynamicQnd {
		border:none;
	}
	#workplace #loadPage #command #searchBox {
		width:80%;
	}
	#workplace #loadPage #command .buttons {
		width:15%;
	}
	#workplace #loadPage #command #searchBox input.srchInput {
		padding-left:6%;
	}
	#workplace #loadPage div.buttons a.btnAddNew {
		float:right;
		width:100%;
		height:28px;
		padding:0;
		line-height:28px;
	}
	#workplace #loadPage #command #searchBox div.suggest,
	#workplace div.twoCols div#searchBox div.suggest {
		width:75.5%;
	}
	#workplace div.twoCols div#searchBox div.suggest {
		width:92.8%;
		margin:31px 0 0;
		padding:1.5% 0.5%;
	}
	#workplace div.twoCols div#searchBox div.suggest #time {
		padding-left:5%;
	}
	/* -- */
	#workplace #loadPage #dynamicQnd #foundNum {
		width:52%;
		margin:0 0 2%;
	}
	#workplace #loadPage #dynamicQnd #filters {
		width:45%;
		margin:0 0 2%;
	}
	#workplace #loadPage #dynamicQnd #dataTable {
		min-height:100vh;
	}
	#workplace #loadPage #dataTable div#loading {
		margin:2% 0 0;
	}
	#workplace div.twoCols div.dynamicData #loading {
		margin:2% 0;
	}
	#workplace #loadPage #dataTable #record {
		font-size:83%;
	}
	#workplace #loadPage #dataTable div.cave {
		margin-left:2%;
		padding-left:2%;
		display:none;
	}
	#workplace #loadPage #dataTable div.cave:nth-child(1),
	#workplace #loadPage #dataTable div.cave:nth-child(2),
	#workplace #loadPage #dataTable div.cave:nth-child(3),
	#workplace #loadPage #dataTable div.cave:nth-child(4) {
		display:inline;
	}
	#workplace #loadPage #dataTable div.cave.button {
		width:12%;
	}
	#workplace #loadPage #dataTable div.cave:first-child {
		border-left:none !important;
		margin:0;
	}
	#workplace #loadPage #dataTable div.cave a.change {
		float:left;
	}
	/* --- two Cols --- */
	#workplace div.twoCols {
		width:100%;
		margin:1% 0;
		border:none;
	}
	#workplace div.twoCols.two {
		float:left;
	}
	#workplace div.twoCols header {
		padding:0 3%;
		height:36px; line-height:36px;
		background:#ccc;
	}
	#workplace div.twoCols header a#addnew {
		margin-right:0;
		width:22px; height:22px;
		text-align:right;
	}
	#workplace div.twoCols header a#addnew:before {
		font-size:1.4em;
	}
	#workplace div.twoCols div#searchBox input.srchInput {
		padding-left:5%;
		height:31px;
	}
	#workplace div.twoCols div.dynamicData {
		height:auto;
	}
	#workplace div.twoCols div.dynamicData div.record {
		padding:1% 2%;
		font-size:85%;
	}
	#workplace div.twoCols div.dynamicData div.record:last-child {
		border-bottom:none;
	}
	#workplace #loadPage #btnDisplayMore {
		width:40%;
		margin:3% 30%;
		height:34px; line-height:34px;
	}
	/* ------------------------- the form ------------------------ */
	#workplace p#info {
		margin:1.5% 0 0 2%;
		padding:1% 2%;
		font-size:0.85em;
	}
	#workplace div.reNotify {
		margin:2% 0 1% 2%;
		padding:1% 2%;
		font-size:0.85em;
	}
	#workplace a#btnCancel,
	#workplace div.showRecord #rightSide a#back,
	#workplace #loadPage #dynamicQnd #filters a#back,
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#back {
		width:14%;
		font-size:0.95em;
		margin:1.5% 2% 0 0;
	}
	#workplace div.theForm {
		width:100%;
		margin:1.5% 0;
	}
	#workplace div.theForm div.record {
		width:100%;
		padding:1.5% 0;
	}
	#workplace div.theForm div.record:nth-child(even) {
		margin:0;
		background:none;
	}
	#workplace div.theForm div.record .twoCol {
		width:95%;
		padding:0 2.5%;
	}
	#workplace div.theForm div.record .twoCol.two {
		float:left;
		padding:1.5% 2.5% 0;
		margin-top:1.5%;
		border-top:1px dotted #cccccc;
	}
	#workplace div.theForm div.record .twoCol.empty {
		display:none;
	}
	#workplace div.theForm div.record #leftPrt {
		width:22% !important;
		margin:0;
		height:32px; line-height:32px;
	}
	#workplace div.theForm div.record #rghtPrt {
		width:78% !important;
	}
	#workplace div.theForm div.record span#red {
		left:4px;
	}
	#workplace div.theForm input, #workplace div.theForm select, #workplace div.theForm textarea {
		height:30px;
		border:1px solid #bbb;
	}
	#workplace div.theForm select {
		height:32px;
	}
	#workplace div.theForm textarea {
		height:auto;
	}
	#workplace div.theForm input[type="radio"] {
		height:auto;
	}
	#workplace div.theForm input:focus,
	#workplace div.theForm select:focus,
	#workplace div.theForm textarea:focus {
		border:1px solid #aaaaaa;
	}
	#workplace div.theForm input.vlarge, #workplace div.theForm textarea.vlarge {
		width:90%;
	}
	#workplace div.theForm input.mlarge, #workplace div.theForm textarea.mlarge {
		width:82%;
	}
	#workplace div.theForm input.large, #workplace div.theForm select.large {
		width:62%;
	}
	#workplace div.theForm input.middle {
		width:37%;
	}
	#workplace div.theForm input.lshort {
		width:17%;
	}
	#workplace div.theForm select.large {
		width:62%;
	}
	#workplace div.theForm select.middle {
		width:44%;
	}
	#workplace div.theForm select.vmiddle {
		width:32%;
	}
	#workplace div.theForm select.short {
		width:14%;
	}
	#workplace div.theForm div#tweet_feed {
		margin:1% 0 0 1%;
	}
	#workplace div.theForm div.record span.check {
		/*margin:1.8% 0 0 1.5%;
		font-size:0.85em;*/
	}
	#workplace div.theForm div.record span.check {
		/*float:left;*/
		margin-left:19%;
		margin-top:1%;
		/*height:30px; line-height:30px;
		color:#444;
		font-size:0.95em;
		cursor:pointer;*/
	}
	#workplace div.theForm label.error {
		width:100%;
		font-size:0.85em;
		line-height:20px;
	}
	#workplace div.theForm .btnSubmit {
		float:left;
		margin-left:23.5%;
		padding:1% 5%;
		font-size:0.95em;
	}
	#workplace div.theForm.product .btnSubmit,
	#workplace div.theForm.user .btnSubmit,
	#workplace div.theForm.purchase .btnSubmit {
		margin-left:2.5%;
	}
	#workplace div.theForm.product.update .btnSubmit {
		margin-left:23.5%;
	}
	#workplace div.theForm .btnSubmit.pay {
		float:none;
		position:relative;
		margin:0 0 0 2%;
	}
	#workplace div.theForm.chngPass .btnSubmit {
		margin-left:23.6%;
		padding:1% 5%;
	}
	#workplace div.theForm label.process {
		float:left;
		margin:1.5% 0 0 2%;
	}
	#workplace div.theForm.chngPass label.process {
		margin:1.5% 0 0 2%;
	}
	/*--- user add ---*/
	#workplace div.theForm div#header {
		padding:1.5% 2.5%;
	}
	#workplace div.theForm label.error.inline {
		margin:0.5% 0 0 2%;
		width:auto;
	}
	#workplace div.theForm input#checkAll {
		margin:0 1.5% 0 2.5%;
	}
	#workplace div.theForm span#tickAll {
		margin:0.7% 1% 0 0;
	}
	#workplace div.theForm div#userRights {
		width:97.5%;
		margin:2% 0 0.5% 2.5%;
	}
	#workplace div.theForm div#userRights div.rights {
		width:32%;
		margin-right:0.5%;
	}
	#workplace div.theForm div#userRights fieldset {
		min-height:220px;
	}
	#workplace div.theForm div#userRights fieldset legend {
		padding:6px 16px;
		font-size:0.9em;
	}
	#workplace div.theForm div#userRights fieldset > div {
		margin-left:5%;
	}
	#workplace div.theForm div#userRights label.tickOne {
		margin:2.5% 0 0 3%;
		font-size:0.9em;
	}
	#workplace div.theForm div.suggest {
		width:65.5%;
		margin-top:32px;
		padding:1% 0;
	}
	#workplace div.theForm div.suggest #time {
		padding-left:6%;
		padding-bottom:2%;
	}
	#workplace div.theForm div.displayInfo {
		width:70%;
		margin:0 0 0 22.5%;
	}
	#workplace div.theForm div.displayInfo label#header {
		width:94%;
		padding:1% 3%;
	}
	#workplace div.theForm div.displayInfo p {
		padding:0 0 0 3%;
		height:28px; line-height:28px;
	}
	#workplace div.theForm div.displayInfo p#midigta {
		padding-left:3%;
	}
	/* ----------------  popup form  -------------------*/
	#workplace div.theForm a#addNew {
		margin:0 0 0 1%;
		width:30px; height:30px; line-height:30px;
		text-align:center;
		font-size:1.25em;
	}
	#workplace div.theForm div.popupContainer {
		width:580px;
		top:50px;
	}
	#workplace div.theForm .popupHeader {
		padding:0 20px;
		height:38px; line-height:38px;
		font-size:1em;
	}
	#workplace div.theForm .popupHeader span.close {
		top:0px;
		height:38px; line-height:38px;
		font-size:1.2em;
	}
	#workplace div.theForm .popupBody label {
		font-size:0.9em;
	}
	#workplace div.theForm .popupBody .btnAdd {
		padding:0 7%;
		margin:1% 2.7% 3%;
		height:32px; line-height:30px;
		font-size:1em;
	}
	#workplace div.theForm .popupBody label.oops {
		padding:0 0 0 4%;
		line-height:18px;
		font-size:0.9em;
	}
	/* ------  add to list ------ */
	#workplace div.theForm div.record .listCaves {
		width:95% !important;
		padding:0.5% 2.5%;
	}
	#workplace div.theForm #topCaves,
	#workplace div.theForm #btmCaves {
		/*float:left;
		width:100%;
		color:#555555;
		margin:0 0 1%;*/
	}
	#workplace div.theForm #topCaves {
		/*display:none;*/
	}
	#workplace div.theForm .listCaves div.cave {
		margin:0 1% 0.5% 0;
		font-size:0.9em;/* border:1px solid #f00;*/
	}
	#workplace div.theForm .listCaves #btmCaves div.cave {
		margin:0 1% 1% 0;
	}
	#workplace div.theForm .listCaves #btmCaves div.cave {
		min-height:32px;
	}
	#workplace div.theForm .listCaves a.addToList {
		height:32px; line-height:32px;
		font-size:0.95em;
	}
	#workplace div.theForm.product .listCaves div.cave.lshort {
		width:30%;/* border:1px solid #00f;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle {
		width:30%;/* border:1px solid #ff0;*/
	}
	#workplace div.theForm.product .listCaves div.cave.xmiddle {
		width:auto;/* border:1px solid #093;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle {
		width:30%;/* border:1px solid #ff0;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle div.switch {
		left:0%;
		margin-right:15px;
		/*width:50px;
		height:26px;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle span.check {
		/*float:left;
		margin-left:5%;*/
		margin:0;
		/*height:30px; line-height:30px;*/
		height:34px; line-height:34px;
		font-size:1em;
		/*cursor:pointer;*/
	}
	#workplace div.theForm.asset div.record span.check.months {
		/*float:left;*/
		margin:0;
		margin-left:1%;
		/*height:30px; line-height:30px;*/
		height:34px; line-height:34px;
		/*font-size:1em;
		cursor:pointer;*/
	}
	/* -- add purchase order -- */
	#workplace div.theForm.prchsOrder .listCaves div.cave {
		width:30%;
	}
	#workplace div.theForm.prchsOrder .listCaves div#topCaves div.cave.hide {
		display:none;
	}
	#workplace div.theForm.prchsOrder .listCaves div#btmCaves div.cave span.responsive {
		/*display:inline;*/
	}
	/* -- add purchase -- */
	#workplace div.theForm.purchase .listCaves div.cave {
		width:23% !important;/* border:1px solid #00f;*/
	}
	#workplace div.theForm.purchase div.displayInfo.product,
	#workplace div.theForm.sales div.displayInfo.product {
		float:left;
		width:60%;
		margin:0 2.5%;
	}
	#workplace div.theForm div.displayInfo.product label#header {
		width:100%;
		/*padding:1.5% 4%;*/
		box-sizing:border-box;
	}
	/* -- add sales -- */
	#workplace div.theForm.sales .listCaves div.cave {
		width:20%; /*border:1px solid #00f;*/
	}
	#workplace div.theForm.sales .listCaves #topCaves div.cave.vlarge,
	#workplace div.theForm.sales .listCaves #btmCaves div.cave.vlarge {
		width:41%;
	}
	#workplace div.theForm.sales .listCaves #topCaves.second {
		display:none;
	}
	/* -- add shelves -- */
	#workplace div.theForm.shelf .listCaves div.cave {
		width:30%;
	}
	#workplace div.theForm.product .listCaves label.error {
		margin:0;height:32px; line-height:32px;
		font-size:0.95em;
		background:url(../images/system/error_s.png) left center no-repeat;
		background-size:15px;
	}
	/* -- the list -- */
	#workplace div.theForm div#list {
		width:95%;
		margin:0 2.5% 1%;
	}
	#workplace div.theForm div#list div.column.subTtl,
	#workplace div.theForm div#list div.column.total {
		display:none;
	}
	#workplace div.theForm div#list header div.column {
		height:34px; line-height:34px;
	}
	#workplace div.theForm div#list div.listItem div.column {
		padding:0.3% 0;
		min-height:26px;
	}
	#workplace div.theForm div#list div.column.first {
		width:6%;
	}
	#workplace div.theForm div#list div.column.vshort {
		width:10%;
	}
	#workplace div.theForm div#list div.column.short {
		width:12%;
	}
	#workplace div.theForm div#list div.column.mshort {
		width:17%;
	}
	#workplace div.theForm.trnsfrPrdt div#list div.column.mshort {
		width:21%;
	}
	#workplace div.theForm div#list div.column.middle {
		width:25%;
	}
	#workplace div.theForm div#list div.column.xmiddle {
		width:34%;
	}
	#workplace div.theForm div#list div.listItem div.column.first {
		padding:0.6% 0 0;
	}
	#workplace div.theForm div#list div.column a#remove {
		background:url(../images/system/b_delete.png) 0 6px no-repeat;
	}
	#workplace div.theForm.sales.update div#list div.column.xmiddle {
		width:30%;
	}
	#workplace div.theForm.sales.update div#list div.column input[type="checkbox"] {
		transform:scale(0.7,0.7);
	}
	/*--- user add ---*/
	#workplace div.theForm.user div.record span.check {
		/*float:left;
		margin-left:5%;*/
		margin:0;
		/*height:30px; line-height:30px;*/
		color:#000;height:34px; line-height:34px;
		font-size:1em;
		/*cursor:pointer;*/
	}
	#workplace div.theForm div#header {
		/*float:left;
		width:auto;*/
		padding:1% 0;
		/*font-family:raspoutine;
		color:#333333;
		font-size:0.95em;
		font-weight:bold;
		letter-spacing:0.3px;*/
		margin:0 2.5%;
	}
	#workplace div.theForm label.error.inline {
		margin:1% 0;
	}
	#workplace div.theForm input#checkAll {
		margin:0 1% 0 2.5%;
		transform:scale(1.3,1.3);
	}
	#workplace div.theForm span#tickAll {
		/*float:left;*/
		width:90%;
		margin:0.8% 2% 0 0;
		/*font-size:0.85em;
		cursor:pointer;*/
	}
	#workplace div.theForm div#userRights {
		/*float:left;*/
		width:95%;
		margin:1% 2.5% 0.5%;
	}
	#workplace div.theForm div#userRights div.rights {
		/*float:left;*/
		width:32%;
		margin-right:1%;
	}
	#workplace div.theForm div#userRights fieldset {
		/*float:left;*/
		width:96%; min-height:270px;
		padding:4% 1%; margin-bottom:5%;
		/*border:1px solid #cccccc;*/
	}
	#workplace div.theForm div#userRights div.rights.four fieldset {
		min-height:10px;
	}
	#workplace div.theForm div#userRights fieldset legend {
		/*position:relative;
		margin-left:10px;*/
		padding:6px 18px;
		/*font-size:0.9em;
		border:1px solid #cccccc;*/
	}
	#workplace div.theForm div#userRights fieldset > div {
		float:left;
		width:90%;
		margin-left:4%; margin-bottom:4%;
	}
	#workplace div.theForm div#userRights input.checkOne {
		height:auto;
		padding:0;
		margin-top:0.5%;
		transform:scale(1.2,1.2);
	}
	#workplace div.theForm div#userRights label.tickOne {
		float:left;
		margin:0 0 0 3%;
		font-size:0.85em;
		cursor:pointer;
	}
	/* -- add purchase -- */
	#workplace div.theForm.purchase fieldset {
		width:97.5%;
	}
	#workplace div.theForm.purchase fieldset legend {
		margin-left:20px;
		padding:7px 20px;
	}
	#workplace div.theForm.purchase fieldset > p {
		width:30%;
		margin-left:2%;
	}
	#workplace div.theForm.purchase fieldset > p:nth-child(3),
	#workplace div.theForm.purchase fieldset > p:nth-child(5),
	#workplace div.theForm.purchase fieldset > p:nth-child(7) {
		margin-left:2%;
	}
	#workplace div.theForm.purchase fieldset > p input {
		width:95%;
		padding:0 0 0 4%;
	}
	#workplace div.theForm.chngPass div.record #leftPrt {
		/*width:32%;*/
		margin:0;
	}
	#workplace div.theForm.chngPass div.record #rghtPrt {
		width:67% !important;
	}
	#workplace div.theForm div.record #leftPrt {
		height:32px; line-height:32px;
	}
	#workplace div.theForm div.record #rghtPrt {
		/*width:78% !important;*/
	}
	/* ----------------------- show Record ----------------------- */
	#workplace div.showRecord {
		padding:2%;
		min-height:100vh;
	}
	#workplace div.showRecord #leftSide {
		width:100%;
	}
	#workplace div.showRecord #rightSide {
		float:left;
		width:100%;
	}
	#workplace div.showRecord #leftSide header {
		height:32px; line-height:32px;
		padding:0 2%;
	}
	#workplace div.showRecord div.details {
		width:100%;
		box-sizing:border-box;
	}
	#workplace div.showRecord div.details.responsive,
	#workplace div.showRecord #leftSide div.responsive {
		display:inline;
	}
	#workplace div.showRecord #leftSide #record:last-child {
		border-bottom:none;
	}
	#workplace div.showRecord #leftSide #colLeft {
		width:26%;
		padding:1% 0;
		line-height:normal; height:auto;
	}
	#workplace div.showRecord #leftSide #colRight {
		width:66%;
		padding:1% 4% 1% 2%;
	}
	#workplace div.showRecord #leftSide #colRight p {
		margin:0 0 0.7%;
	}
	#workplace div.showRecord #leftSide span.status {
		padding:0.5% 4% 0.5% 2%;
		font-size:1em;
	}
	#workplace div.showRecord #rightSide div.imgHolder {
		width:22%;
		margin:0 0 2% 0%;
	}
	#workplace div.showRecord #rightSide div.imgHolder img {
		height:auto;
	}
	#workplace div.showRecord #rightSide a#back {
		float:right;
		width:15%;
		margin:0 0 2% 2%;
		padding:0;
		height:32px; line-height:32px;
	}
	#workplace div.showRecord.user #rightSide a#back {
		float:left;
	}
	#workplace div.showRecord #rightSide a#print,
	#workplace #loadPage #dynamicQnd a#print.report {
		/*float:left;
		margin:0 2%;
		padding-left:1%;
		height:32px; line-height:32px;
		color:#7e530e;
		cursor:pointer;
		text-decoration:none;*/ /*background:rgba(0,0,0,0.2);*/
	}
	#workplace div.showRecord #rightSide a#print::before,
	#workplace #loadPage #dynamicQnd a#print.report::before {
		/*position:relative;*/
		left:-10px;
		/*font-family:FontAwesome;
		content:"\f02f";
		font-size:1.1em;*/
	}
	#workplace div.showRecord.sales #rightSide a#print::after {
		content:" print";
	}
	#workplace div.showRecord #rightSide h3#title,
	#workplace div.showRecord #rightSide div.details {
		display:none;
	}
	/* -- profile -- */
	#workplace div.showRecord #rightSide div#prflePic {
		/*position:relative;
		float:left;*/
		width:23%;
		/*margin:0 0 2%;*/
	}
	#workplace div.showRecord #rightSide div.imgWrap {
		width:99%;
		margin:0 0 4%;
	}
	#workplace div.showRecord div.imgWrap #imgChange {
		height:30px;
		line-height:30px;
	}
	#workplace div.showRecord div.imgWrap #imgChange input[type="file"] {
		height:30px;
	}
	#workplace div.showRecord div#prflePic a#remove {
		/*float:left;*/
		margin:3% 0 5%;
		/*padding-left:20px;
		text-decoration:none;
		cursor:pointer;
		background:url(../images/system/b_delete.png) left 1px no-repeat;*/
	}
	/* --- show user -- */
	#workplace div.showRecord div#header {
		width:100%;
		padding:1% 0;
	}
	#workplace div.showRecord div#rights {
		/*float:left;
		width:100%;*/
	}
	#workplace div.showRecord div#rights div.userRights {
		float:left;
		width:32%;
		margin:2% 0 0 1%;
	}
	#workplace div.showRecord div.userRights:first-child {
		/*margin:2% 0 2% 2%;*/
	}
	#workplace div.showRecord div.userRights fieldset {
		/*float:left;*/
		width:93%;
		/*margin:0 0 5px;*/
		margin:0;
		padding:3% 1%;
		/*border:1px solid #cccccc;*/
		min-height:258px;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	#workplace div.showRecord div.userRights.four fieldset {
		min-height:5px;
	}
	#workplace div.showRecord div.userRights fieldset legend {
		letter-spacing:0.5px;
	}
	/* -- show list items -- */
	#workplace div.showRecord div.details.long div.listItems {
		margin:1% 0 0;
		box-sizing:border-box;
	}
	#workplace div.showRecord div.details.long div.listItems header {
		background:#e6e6e6;
		height:33px; line-height:33px;
	}
	#workplace div.showRecord div.details.long div.listItems header div.box {
		padding:0 0 0 1%;
	}
	#workplace div.showRecord div.details.long div.listItems div.box.hide {
		display:none;
	}
	#workplace div.showRecord div.details.long div.listItems div.box.first {
		width:6%;
	}
	#workplace div.showRecord div.details.long div.listItems div.box.vshort {
		width:11%;
	}
	#workplace div.showRecord div.details.long div.listItems div.box.middle {
		width:22%;
	}
	#workplace div.showRecord div.details.long div.listItems div.box.xmiddle {
		width:32%;
	}
	#workplace div.showRecord div#totals {
		width:50%;
		margin:3% 0;
	}
	#workplace div.showRecord div#totals label,
	#workplace div.showRecord div#totals span {
		width:40%;
		padding:2% 3%;
	}
	#workplace div.showRecord div#totals label {
		width:55%;
	}
	/* -- settings -- */
	#workplace div.showRecord a#edit {
		padding-left:6%;
	}
	/* ------------------------- reports ------------------------- */
	#workplace div.reportArea {
		width:90%;
		padding:3%;
	}
	#workplace div.reportArea div.oneDiv {
		width:33%;
		margin:0 0 1.5% 0;
		padding-bottom:1.5%;
		border-bottom:1px dotted #bbbbbb;
	}
	#workplace div.reportArea div#clear {
		display:none;
	}
	#workplace div.reportArea div.oneDiv input[type="radio"] {
		margin:1.5% 4% 0 0;
		transform:scale(1.2,1.2);
	}
	/* -- */
	#workplace div.reportArea div#filterCmdPrcess {
		width:99%;
		margin-top:2%;
	}
	#workplace div.reportArea div#filterCmdPrcess #filterWrap {
		width:100%;
		margin-right:0;
	}
	#workplace div.reportArea button {
		width:18%;
		margin:0.5% 0 0 22%;
		height:31px;
	}
	#workplace div.reportArea label#process {
		margin:2% 0 0 3%;
	}
	#workplace div.reportArea div#filterWrap div.filter {
		margin-bottom:1%;
	}
	#workplace div.reportArea div#filterWrap div.filter label {
		width:22%;
		margin-top:1%;
	}
	#workplace div.reportArea div#filterWrap div.filter input[type="text"],
	#workplace div.reportArea div#filterWrap div.filter input[type="month"],
	#workplace div.reportArea div#filterWrap div.filter select {
		width:34%;
	}
	#workplace div.reportArea div#filterWrap div.filter select {
		width:35.2%;
		margin-right:1.5%;
	}
	#workplace div.reportArea div#filterWrap div.filter input[type="text"].long {
		width:70.6%;
	}
	#workplace div.reportArea div#filterWrap div.filter select.long {
		width:35.2%;
		margin-right:1.5%;
	}
	/* -- income statement */
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#mdgDiv,
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#dhexDiv {
		/*float:left;*/
		width:35.3%;
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#dhexDiv {
		margin-left:1.6%;
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="radio"] {
		/*float:left;*/
		margin:3.5% 2.5% 0 0;
		transform:scale(1.2,1.2);
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="radio"] ~ span {
		/*float:left;
		height:32px; line-height:32px;
		font-size:0.9em;
		cursor:pointer;*/
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="month"],
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment select {
		/*float:right;*/
		width:72%;
		/*margin:0;
		padding-left:2%;
		height:32px;
		box-sizing:border-box;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest {
		/*position:absolute;*/
		width:62.7% !important;
		/*margin-top:32px;*/
		margin-left:19.7%;
		/*padding:0.5%;
		background:#ffffff;
		border:1px solid #bbbbbb;
		display:none;
		z-index:100;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest #time {
		/*float:left;
		width:85%;
		margin:0 2.5% 1%;
		padding-left:9%;
		min-height:30px;
		background:url(../images/system/timeline-bg.png) no-repeat;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest a {
		/*color:#333333;
		display:block;
		cursor:pointer;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest p {
		/*float:left;
		width:100%;
		margin-bottom:1%;
		font-size:0.9em;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest p#notFound {
		/*margin:1% 0;
		font-style:italic;
		text-align:center;*/
	}
	/* -- report show */
	#workplace div#loadPage div#dynamicQnd h3#title {
		/*float:left;*/
		width:100%;
		margin:1.5% 0 0.8%;
		/*font-family:raspoutine;*/
		font-size:1.1em;
		/*letter-spacing:0.5px;
		text-align:center;*/
	}
	#workplace div#loadPage div#dynamicQnd h5#dates {
		/*float:left;*/
		width:100%;
		margin:0 0 0.8%;
		font-size:0.9em;
		/*letter-spacing:0.5px;
		text-align:center;
		font-weight:normal;*/
	}
	#workplace div#loadPage div#dynamicQnd h5#dates.second {
		margin:0 0 2%;
	}
	#workplace #loadPage #dynamicQnd.report #foundNum {
		width:60%;
		margin:0;
	}
	#workplace #loadPage #dynamicQnd.report #filters {
		width:25%;
		margin:0 0 1.5%;
		/*line-height:10px; border:1px solid #f00;*/
	}
	#workplace #loadPage #dynamicQnd #filters a#back {
		width:50%;
		margin:0;
		height:28px; line-height:28px;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#buttons a#back {
		/*float:left;*/
		width:99%;
		margin:0;
		/*border:1px solid #f00;*/
	}
	#workplace #loadPage #dynamicQnd a#print.report {
		margin:0 0 0 3%;
		height:28px; line-height:28px;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#print.report {
		margin:0 0 5%;
		width:100%;
		text-align:center;
		padding-left:4%;
		height:32px; line-height:32px;
	}
	#workplace #loadPage #dynamicQnd #lastDiwan {
		/*float:right;*/
		width:50%;
		/*margin:1.5% 0 0;
		font-size:0.95em;*/
	}
	/* -- income statement -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn {
		/*position:relative;
		float:left;*/
		width:100%;
		margin:1% 0;
		/*font-size:0.95em;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#buttons {
		float:left;
		width:20%;
		margin:-5% 0 0;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header {
		/*float:left;
		width:100%;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h3,
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h4,
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h5 {
		/*float:left;*/
		width:100%;
		margin:0;
		/*text-align:center;*/
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h3 {
		margin:0 0 0.5%;
		font-size:1.1em;
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h4 {
		font-size:1em;
		margin:0;
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h5 {
		margin:0.7% 0 0;
		font-size:0.9em;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h5.last {
		padding:0 0 3%;
		/*border-bottom:1px dotted #999999;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#details {
		/*float:left;*/
		width:96%;
		margin:0;
		/*padding:1% 2% 2%; background:#f6f6f6;*/
	}
	/* -- cashflow -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center {
		/*float:left;*/
		width:100%;
		margin:0 0 1%;
		/*border-bottom:1px dotted #999999;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center.cashflow {
		width:100%;
		margin:0 0 1%;
	}

}

@media only screen and (max-width:603px) { /* maxamud jiif */
	body { background:#eeeeee;  /*FF5BFF pinky */ }
	div#loginWrap {
		/*background:#ffffff;*/
	}
	div#loginWrap div#content {
		width:90%;
		margin:0 5%;
		/*padding:4% 0;
		border:none;*/
	}
	div#loginWrap div#content #logoHolder {
		margin:10% 5% 0;
	}
	div#loginWrap div#content #logoHolder img {
		/*width:210px;*/
	}
	div#loginWrap div#content h3 {
		margin:3% 5% 2%;
		/*font-size:1.2em;*/
	}
	div#loginWrap div#content div.record {
		/*width:94%;
		margin:2% 3% 1%;*/
	}
	div#loginWrap div.record span#icon {
		/*height:40px; line-height:40px;*/
		font-size:1.2em;
	}
	div#loginWrap div.record input.loginText {
		/*width:89.7%;
		height:40px;
		font-size:0.9em;*/
	}
	div#loginWrap div.tooltip {
		/*padding:8px 30px;
		font-size:0.85em;
		left:13%;*/
	}
	div#loginWrap label.error {
		/*margin:0 0 2% 14%;
		font-size:0.95em;
		background-size:15px;*/
	}
	div#loginWrap div#content div.record div.switch,
	#workplace div.theForm div.record div.switch {
		/*left:0;
		margin-right:15px;
		width:50px;
		height:26px;*/
	}
	#workplace div.theForm div.record input#saReceipt,
	#workplace div.theForm div.record input#assetLoan {
		display:none;
	}
	#workplace div.theForm div.record div.switch {
		left:0;
		margin-right:10px;
		/*width:50px;
		height:26px;*/
	}
	div#loginWrap div#content div.record div.switch {
		/*left:0;*/
	}
	div#loginWrap div#content div.record div.switch:before,
	#workplace div.theForm div.record div.switch:before {
		/*width:50px;
		height:26px;*/
	}
	div#loginWrap div#content div.record div.switch:after,
	#workplace div.theForm div.record div.switch:after {
		/*height:25px;
		width:25px;*/
	}
	div#loginWrap div#content div.record div.switch.switchOn:after,
	#workplace div.theForm div.record div.switch.switchOn:after {
		/*left:25px !important;*/
	}
	div#loginWrap div.record span#rememberLbl {
		margin-top:1%;
		font-size:0.95em;
	}
	#workplace div.theForm div.record span#checkReceipt,
	#workplace div.theForm div.record span.check {
		/*margin-top:1%;*/
		margin-left:1%;
		/*font-size:0.95em;*/
	}
	div#loginWrap div.record a#forgot {
		margin-top:1%;
		/*font-size:1em;*/
	}
	div#loginWrap div.record #submitBtn {
		/*height:40px;
		font-size:1.15em;*/
	}
	div#loginWrap div.record label#copyRight {
		/*margin:3% 5%;*/
		font-size:0.95em;
	}
	/* -------------------- forgot password ---------------------- */
	div#forgotPass div#topBar, div#forgotPass div#bottomBar {
		height:78px;
	}
	div#forgotPass div#bottomBar {
		height:6px;
	}
	div#forgotPass div#topBar #logoWrap {
		width:80%;
		margin:1% 7% 0;
	}
	div#forgotPass #logoWrap img {
		width:160px;
		top:20px;
	}
	div#forgotPass div#section {
		width:86%;
		margin:5% 7% 0;
	}
	div#forgotPass div#section label.title {
		margin:1% 0;
		/*font-size:1.5em;*/
	}
	div#forgotPass div#section div.center {
		/*float:left !important;
		width:100% !important;*/
	}
	div#forgotPass div#section div#imgWrap {
		/*display:none;*/
	}
	div#forgotPass div#section div#text {
		/*float:left;
		width:100%;*/
		font-size:1em;
	}
	div#forgotPass div#text p {
		font-size:0.95em;
		line-height:22px;
	}
	div#forgotPass div#text p:first-child {
		margin:0 0 7px;
	}
	div#forgotPass div#section div.record.two {
		/*margin-top:4%; */
	}
	div#forgotPass div#section div.buttons {
		/*width:100%;
		height:auto;
		margin:2% 0;
		padding:0;
		background:none;*/
	}
	div#forgotPass div.record #qybMidig {
		/*margin:0;*/
	}
	div#forgotPass div.record input {
		/*height:36px;*/
		margin:2% 1.5% 0 0;
		/*border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;*/
	}
	div#forgotPass div.buttons a#back {
		/*width:100%;
		margin:5% 0;*/
		font-size:1.05em;
		/*text-decoration:underline;*/
	}
	div#forgotPass div.buttons input.btnSubmit {
		/*float:left;
		margin-top:0;*/
		padding:1.7% 7%;
		/*font-size:1.1em;*/
	}
	div#forgotPass div#imgWrap2 img {
		/*display:none;*/
	}
	/* ---------------------- dashboard -------------------------- */
	.edurdur {
		/*width:100%;
		height:auto;
		min-height:10px;
		padding-left:0;*/
	}
	#dashboard #middlebar, #workplace #middlebar {
		/*position:relative;
		height:100vh;*/
	}
	#dashboard #sidebar, #workplace #sidebar {
		/*height:auto;
		min-height:100vh;
		width:190%;
		top:0;
		left:0;
		box-shadow:0 0 0 100em rgba(0, 0, 0, 0);
		transform:translate3d(-190%, 0, 0);
		transition:all 0.3s ease-in-out;*/
	}
	#sidebar #logoWrap {
		padding:0.6em 0;
	}
	#sidebar #logoWrap img#large {
		/*display:inline;
		width:100px;*/
	}
	#sidebar #logoWrap img#small {
		/*display:none;*/
	}
	#sidebar > ul {
		/*position:relative; */
		margin-top:1.5em;
	}
	#sidebar > ul > li {
		/*display:inline-table;
		height:30px;
		width:90.5% !important;
		position:relative;*/
	}
	#sidebar > ul li a i {
		/*position:relative;
		top:2px;
		width:30px;
		height:auto; line-height:normal;
		font-size:1.1em;*/
	}
	#sidebar > ul > li span {
		/*opacity:1;*/
	}
	#sidebar > ul > li > a > span {
		/*position:static;
		background:none;
		padding:0;
		min-width:1px;
		transform: none;
		transition: none;*/
	}
	#sidebar > ul > li.has-sub > a::after {
		/*background:url(../images/system/icon_plus.png) no-repeat;*/
	}
	#sidebar > ul > li.has-sub.active > a::after {
		/*background:url(../images/system/icon_minus.png) center no-repeat;*/
	}
	#sidebar ul li:hover span {
		/*transform:none;*/
	}
	/* --- */
	#sidebar .smartphone-menu-trigger {
		/*width:43px;
		height:44px;
		position:absolute;
		left:190%;
		background:#b96125;*/
	}
	#sidebar .smartphone-menu-trigger:before,
	#sidebar .smartphone-menu-trigger:after {
		/*content:'';
		width:50%;
		height:2px;
		background:#ffffff;
		border-radius:10px;
		position:absolute;
		top:45%;
		left:50%;
		transform:translate3d(-50%, -50%, 0);*/
	}
	#sidebar .smartphone-menu-trigger:after {
		/*top:55%;*/
	}
	#dashboard #sidebar:focus,
	#workplace #sidebar:focus {
		/*transform:translate3d(0, 0, 0);
		width:230px !important;
		box-shadow:0 0 0 100em rgba(0, 0, 0, 0.6);*/
	}
	#sidebar:focus .smartphone-menu-trigger {
		/*left:230px;*/
	}
	#sidebar:focus .smartphone-menu-trigger {
		/*pointer-events:none;*/
	}
	#sidebar ul {
		/*margin-top:0em;
		padding:0;*/
	}
	#sidebar ul li {
		/*width:90%;
		padding:0 5%;*/
	}
	#sidebar > ul > li > a {
		/*padding:4% 0;*/
	}
	#sidebar > ul > li > a > i {
		/*width:30px;
		font-size:1.1em;*/
	}
	#sidebar > ul > li > a > span {
		/*font-size:0.9em;*/
	}
	#sidebar ul ul {
		/*position:inherit;
		margin:0;*/
		padding-bottom:1em;
		width:80%;
		left:40px;/* top:0;*/
	}
	#sidebar ul ul li {
		margin:0;
	}
	#sidebar ul li:hover ul {
		/*background:none;*/
	}
	#sidebar ul ul li {
		padding:1% 0;
	}
	#sidebar ul ul a {
		/*font-size:0.9em;*/
	}
	/* --- */
	#middlebar div.topMBar {
		/*min-height:44px;
		line-height:44px;*/
	}
	#middlebar div.topMBar #programName {
		margin-left:10%;
	}
	#middlebar div#clearMbar {
		/*display:none;*/
	}
	#middlebar div.topMBar #topIcons {
		padding-right:3%;
	}
	#middlebar #topIcons div.icon {
		/*top:7px;
		width:30px;height:30px;*/
	}
	#middlebar #topIcons div.dropDown {
		left:-110%;
		width:200%;
		top:50px;
	}
	/* --- */
	#middlebar div.nextMBar,
	#middlebar div.lastMBar {
		/*width:100%;
		margin:0;*/
	}
	#middlebar div.nextMBar {
		/*border:none;*/
	}
	#middlebar div.nextMBar div#title {
		margin:5% 3% 0 3%;
	}
	#middlebar div.nextMBar div#title ~ label {
		margin:5.3% 0 0;
	}
	#middlebar div.nextMBar div#border {
		/*width:94%;
		margin:1% 0 1% 3%;*/
	}
	#middlebar div.nextMBar div#chart,
	#middlebar div.nextMBar div#hints {
		float:left;
		width:94%;
		margin:1% 0 1% 3%;
	}
	#middlebar div.nextMBar div#hints {
		/*width:39%;
		margin:1% 3% 0 0;*/
	}
	#middlebar div.nextMBar div#chart div#cinwan {
		/*width:94%;
		padding:0 3%;*/
		min-height:46px;
	}
	#middlebar div.nextMBar div#chart div#graph {
		/*float:left;
		width:100%;
		min-height:228px;*/
	}
	#middlebar div.nextMBar div#chart div#graph canvas {
		/*float:left;*/
		width:94% !important;
		height:60% !important;
		margin:2% 3%;
		/*color:#fff;*/
	}
	#middlebar div.nextMBar div#chart div#currency,
	#middlebar div.nextMBar div#chart label {
		/*float:left;
		width:auto;
		margin:0 1.5% 0 0;*/
		font-size:1.1em;
		min-height:46px; line-height:46px;
		/*text-align:right;*/
	}
	#middlebar div.nextMBar div#chart label {
		/*text-transform:none;*/
	}
	#middlebar div.nextMBar div#hints div.hint {
		/*float:left !important;*/
		width:48.5%;
		height:70px;
		/*margin:0 0 2% !important;*/
		background:#8b5c4e !important;
		/*background-image:none;*/
	}
	#middlebar div.nextMBar div#hints div.hint.two,
	#middlebar div.nextMBar div#hints div.hint.four {
		float:right !important;
		background:#8b5c4e !important;
	}
	#middlebar div.nextMBar div#hints div.hint.three {
		background:#f6a975 !important;
	}
	#middlebar div.nextMBar div#hints div.hint.four {
		background:#f8c86d !important;
	}
	#middlebar div.nextMBar div.hint div#currency {
		margin-top:5%;
		font-size:1.4em;
	}
	#middlebar div.nextMBar div.hint label {
		margin-top:1.5%;
		font-size:0.8em !important;
	}
	/* --- */
	#middlebar div.lastMBar div.box {
		/*float:left;
		width:100%;
		min-height:50px;
		margin-top:2%;
		border:none;*/
	}
	#middlebar div.lastMBar div.box.right {
		/*float:left;*/
	}
	#middlebar div.lastMBar header {
		/*width:97%;*/
		padding:2.5% 0 2.5% 3%;
		/*font-size:1em;*/
	}
	#middlebar div.lastMBar div.box article {
		height:auto;
		min-height:100px;
		max-height:250px;
	}
	#middlebar div.lastMBar div.box article #timeline {
		/*width:96%;*/
		min-height:60px;
		/*margin:0 3% -0.1%;*/
	}
	#middlebar div.lastMBar div.box article #timeline label#time,
	#middlebar div.lastMBar div.box article #timeline #details {
		/*width:93%;
		margin:0 0 0 6%;*/
	}
	#middlebar div.lastMBar div.box article #timeline label#time {
		margin:0 0 1% 6%;
	}
	/* -- */
	#middlebar div.lastMBar div.box article #title,
	#middlebar div.lastMBar div.box article #record {
		/*width:94%;
		margin:0 0 2% 3%;*/
	}
	#middlebar div.lastMBar div.box article #record {
		/*margin:0 0 1.5% 3%;*/
	}
	#middlebar div.lastMBar div.box article div.cave.short {
		/*width:15%;*/
	}
	#middlebar div.lastMBar div.box article div.cave.middle {
		/*width:15%;*/
	}
	#middlebar div.lastMBar div.box article div.cave.long {
		/*width:60%;*/
	}
	#middlebar div.lastMBar div.box article p#noRecord {
		/*margin-top:2%;
		font-size:0.9em;*/
	}
	/* ------------------------ unknown -------------------------- */
	div.unknown {
		/*width:96%;
		margin:1% 0;
		padding:2%;
		height:100vh;*/
		background:#fff;
		/*background-size:150px;*/
	}
	div.unknown h3, div.unknown p, div.unknown ul {
		width:90%;
	}
	div.unknown h3 {
		margin:1% 2%;
		/*font-size:1.2em;*/
	}
	div.unknown ul {
		margin:0.5% 0 1% 5%;
	}
	div.unknown p, div.unknown ul li {
		font-size:0.85em;
	}
	/* ------------------------ load page ------------------------ */
	#workplace #loadPage {
		/*width:100%;
		margin:1% 0;*/
	}
	#middlebar div.positionBar {
		/*height:38px; line-height:38px;*/
	}
	#workplace #loadPage #dynamicQnd {
		width:96%;
		padding:2%;
	}
	#workplace #loadPage #command,
	#workplace #loadPage #dynamicQnd {
		border:none;
	}
	#workplace #loadPage #command #searchBox {
		width:100%;
	}
	#workplace #loadPage #command .buttons {
		float:left;
		width:100%;
		margin-bottom:2%;
	}
	#workplace #loadPage #command #searchBox input.srchInput {
		/*padding-left:6%;*/
		height:31px;
	}
	/*div#forgotPass div.buttons input.btnSubmit,*/
	#workplace #loadPage div.buttons a.btnAddNew/*,
	#workplace div.theForm .btnSubmit,
	#workplace div.theForm .popupBody .btnAdd*/ {
		/*float:right;
		width:100%;
		height:28px;
		padding:0;
		line-height:28px;*/
		background:#b96125;
		background-image:none;
	}
	/*div#forgotPass div.buttons input.btnSubmit:hover, */
	#workplace #loadPage div.buttons a.btnAddNew:hover/*,
	#workplace div.theForm .btnSubmit:hover,
	#workplace div.theForm .popupBody .btnAdd:hover*/ {
		background-image:none;
	}
	#workplace #loadPage div.buttons a.btnAddNew {
		height:34px; line-height:34px;
		font-size:1em;
		box-sizing:border-box;
	}
	#workplace #loadPage #command #searchBox div.suggest {
		width:94.7%;
		margin:31px 0 0;
		padding:2% 0.5%;
	}
	#workplace div.twoCols div#searchBox div.suggest {
		width:92.8%;
		margin:31px 0 0;
		padding:1.5% 0.5%;
	}
	#workplace div.twoCols div#searchBox div.suggest #time {
		/*padding-left:5%;*/
		margin:0 4.5%;
	}
	/* -- */
	#workplace #loadPage #dynamicQnd #foundNum {
		width:100%;
		/*margin:0 0 2%;*/
		padding:0 2%;
		height:30px; line-height:30px;
		box-sizing:border-box;
	}
	#workplace #loadPage #dynamicQnd #filters {
		float:left;
		width:100%;
	}
	#workplace #loadPage #dynamicQnd #filters > div.empty {
		display:none;
	}
	#workplace #loadPage #dynamicQnd #filters label {
		width:auto;
		height:30px; line-height:30px;
		margin:0 5% 0 0;
		text-align:left;
	}
	#workplace #loadPage #dynamicQnd #filters select {
		float:left;
		width:45%;
		height:30px;
	}
	#workplace #loadPage #dynamicQnd #dataTable {
		/*min-height:100vh;*/
		border-top:none;
	}
	#workplace #loadPage #dataTable div#loading {
		margin:4% 0 0;
		font-size:0.9em;
	}
	#workplace #loadPage #dataTable div#loading::after,
	#workplace div.twoCols div.dynamicData #loading::after {
		padding-left:2%;
	}
	#workplace div.twoCols div.dynamicData #loading {
		margin:2% 0;
		font-size:0.9em;
	}
	#workplace #loadPage #dataTable #record {
		/*font-size:83%;*/
	}
	#workplace #loadPage #dataTable div.cave {
		display:none !important;
	}
	#workplace #loadPage #dataTable div.cave:nth-child(1),
	#workplace #loadPage #dataTable div.cave:nth-child(2),
	#workplace #loadPage #dataTable div.cave:nth-child(3) {
		display:inline !important;
	}
	#workplace #loadPage #dataTable div.cave.button {
		width:15%;
	}
	#workplace #loadPage #dataTable div.cave:nth-child(2),
	#workplace #loadPage #dataTable div.cave:nth-child(3) {
		width:auto;
	}
	#workplace #loadPage #dataTable div.cave.short {
		width:15%;
	}
	#workplace #loadPage #dataTable div.cave.lshort {
		width:22%;
	}
	#workplace #loadPage #dataTable div.cave.smiddle,
	#workplace #loadPage #dataTable div.cave.middle {
		width:25%;
	}
	#workplace #loadPage #dataTable div.cave.lmiddle {
		width:40%;
	}
	#workplace #loadPage #dataTable div.cave.long,
	#workplace #loadPage #dataTable div.cave.vlong {
		width:45%;
	}
	/* -- storeAdjust -- */
	#workplace #loadPage.storeAdjust #dataTable div.cave.long {
		width:38%;
	}
	#workplace #loadPage.storeAdjust #dataTable div.cave.lmiddle {
		width:30%;
	}
	#workplace #loadPage.storeAdjust #dataTable div.cave.smiddle {
		width:20%;
	}
	#workplace #loadPage.prdtShlf #dataTable div.cave.long {
		width:40%;
	}
	#workplace #loadPage.prdtShlf #dataTable div.cave.lmiddle {
		width:25%;
	}
	#workplace #loadPage.asset #dataTable div.cave.xlmiddle {
		width:35%;
	}
	#workplace #loadPage #dataTable div.cave:first-child {
		border-left:none !important;
		margin:0;
	}
	/* --- two Cols --- */
	#workplace div.twoCols {
		/*width:100%;
		margin:1% 0;
		border:none;*/
	}
	#workplace div.twoCols.two {
		/*float:left;*/
	}
	#workplace div.twoCols header {
		/*padding:0 3%;
		height:36px; line-height:36px;
		background:#ccc;*/
	}
	#workplace div.twoCols header a#addnew {
		/*margin-right:0;*/
		width:34px; height:36px; line-height:36px;
		text-align:center;
	}
	#workplace div.twoCols header a#addnew:before {
		/*font-size:1.4em;*/
	}
	#workplace div.twoCols div#searchBox input.srchInput {
		padding-left:6.5%;
		height:32px;
	}
	#workplace div.twoCols div.dynamicData {
		/*height:auto;*/
	}
	#workplace div.twoCols div.dynamicData div.record {
		padding:1% 2%;
		font-size:85%;
	}
	#workplace div.twoCols div.dynamicData div.record:last-child {
		/*border-bottom:none;*/
	}
	#workplace #loadPage #btnDisplayMore {
		/*width:40%;
		margin:3% 30%;
		height:34px; line-height:34px;*/
	}
	/* ------------------------- the form ------------------------ */
	#workplace p#info {
		width:92%;
		margin:1.5% 2% 0;
		/*padding:1% 2%;
		font-size:0.85em;*/
	}
	#workplace div.reNotify {
		width:91.8%;
		margin:2% 0 0.5% 2%;
		/*padding:1% 2%;
		font-size:0.85em;*/
	}
	#workplace a#btnCancel,
	#workplace div.showRecord #rightSide a#back,
	#workplace #loadPage #dynamicQnd #filters a#back,
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#back {
		/*width:14%;
		font-size:0.95em;
		margin:1.5% 2% 0 0;*/
	}
	#workplace a#btnCancel {
		float:left;
		width:96%;
		margin:1% 2% 0;
		height:31px; line-height:31px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		background:none;
		background-color:#fafafa;
		border:1px solid #dcdcdc;
	}
	#workplace div.theForm {
		/*width:100%;
		margin:1.5% 0;*/
	}
	#workplace div.theForm div.record {
		/*width:100%;*/
		padding:1.5% 0 2%;
	}
	#workplace div.theForm div.record:nth-child(even) {
		/*margin:0;
		background:none;*/
	}
	#workplace div.theForm div.record .twoCol {
		/*width:95%;
		padding:0 2.5%;*/
	}
	#workplace div.theForm div.record .twoCol.two {
		/*float:left;
		padding:1.5% 2.5% 0;*/
		margin-top:2%;
		/*border-top:1px dotted #cccccc;*/
	}
	#workplace div.theForm div.record .twoCol.empty {
		/*display:none;*/
	}
	#workplace div.theForm div.record #leftPrt {
		width:100% !important;
		margin:0 0 0.2%;
		font-size:0.87em;
		/*margin:0;
		height:32px; line-height:32px;*/
	}
	#workplace div.theForm div.record #rghtPrt {
		width:100% !important;
	}
	#workplace div.theForm div.record span#red {
		left:5px;
	}
	#workplace div.theForm input, #workplace div.theForm select, #workplace div.theForm textarea {
		height:30px;
		font-size:0.85em;
		border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
	}
	#workplace div.theForm select {
		height:32px;
	}
	#workplace div.theForm textarea {
		height:auto;
		font-size:1.05em;
	}
	#workplace div.theForm input[type="radio"] {
		height:auto;
	}
	#workplace div.theForm input:focus,
	#workplace div.theForm select:focus,
	#workplace div.theForm textarea:focus {
		/*border:1px solid #aaaaaa;*/
	}
	#workplace div.theForm input.vlarge, #workplace div.theForm textarea.vlarge {
		width:98%;
	}
	#workplace div.theForm input.mlarge, #workplace div.theForm textarea.mlarge {
		width:90%;
	}
	#workplace div.theForm input.large, #workplace div.theForm select.large {
		/*width:62%;*/
	}
	#workplace div.theForm input.middle {
		width:48%;
	}
	#workplace div.theForm input.lshort {
		width:20%;
	}
	#workplace div.theForm select.large {
		width:65%;
	}
	#workplace div.theForm select.middle {
		width:49%;
	}
	#workplace div.theForm select.vmiddle {
		width:36%;
	}
	#workplace div.theForm select.short {
		width:18%;
	}
	#workplace div.theForm div#tweet_feed {
		/*margin:1% 0 0 1%;*/
	}
	#workplace div.theForm div.record span.check {
		/*margin:1.8% 0 0 1.5%;
		font-size:0.85em;*/
	}
	#workplace div.theForm div.record span.check {
		/*float:left;
		margin-left:19%;
		margin-top:1%;*/
		/*height:30px; line-height:30px;
		color:#444;
		font-size:0.95em;
		cursor:pointer;*/
	}
	#workplace div.theForm label.error {
		/*width:100%;
		font-size:0.85em;
		line-height:20px;*/
	}
	#workplace div.theForm .btnSubmit {
		/*float:left;*/
		width:95%;
		margin-left:2.5%;
		padding:0;
		height:34px; line-height:34px;
		/*font-size:0.95em;*/
	}
	#workplace div.theForm.product .btnSubmit,
	#workplace div.theForm.user .btnSubmit,
	#workplace div.theForm.purchase .btnSubmit {
		/*margin-left:2.5%;*/
	}
	#workplace div.theForm.product.update .btnSubmit {
		margin-left:2.5%;
	}
	#workplace div.theForm .btnSubmit.pay {
		float:left;
		/*position:relative;*/
		margin:0 0 1.5% 2.5%;
	}
	#workplace div.theForm.chngPass .btnSubmit {
		margin-left:2.5%;
		padding:0;
	}
	#workplace div.theForm label.process {
		/*float:left;*/
		width:94.5%;
		margin:1.5% 0 0 2.5%;
		background:url(../images/system/loading.gif) center no-repeat;
	}
	#workplace div.theForm.chngPass label.process {
		margin:1.5% 0 0 2.5%;
	}
	/*--- user add ---*/
	#workplace div.theForm div#header {
		padding:1.5% 2.5%;
	}
	#workplace div.theForm label.error.inline {
		margin:0.5% 0 0 2%;
		width:auto;
	}
	#workplace div.theForm input#checkAll {
		margin:0 1.5% 0 2.5%;
	}
	#workplace div.theForm span#tickAll {
		margin:0.7% 1% 0 0;
	}
	#workplace div.theForm div#userRights {
		width:97.5%;
		margin:2% 0 0.5% 2.5%;
	}
	#workplace div.theForm div#userRights div.rights {
		width:32%;
		margin-right:0.5%;
	}
	#workplace div.theForm div#userRights fieldset {
		min-height:220px;
	}
	#workplace div.theForm div#userRights fieldset legend {
		padding:6px 16px;
		font-size:0.9em;
	}
	#workplace div.theForm div#userRights fieldset > div {
		margin-left:5%;
	}
	#workplace div.theForm div#userRights label.tickOne {
		margin:2.5% 0 0 3%;
		font-size:0.9em;
	}
	#workplace div.theForm div.suggest {
		width:90%;
		/*margin-top:32px;
		padding:1% 0;*/
	}
	#workplace div.theForm div.suggest #time {
		/*padding-left:6%;
		padding-bottom:2%;*/
	}
	#workplace div.theForm div.displayInfo {
		width:98%;
		margin:0;
	}
	#workplace div.theForm div.displayInfo label#header {
		/*width:94%;
		padding:1% 3%;*/
	}
	#workplace div.theForm div.displayInfo p {
		/*padding:0 0 0 3%;
		height:28px; line-height:28px;*/
	}
	#workplace div.theForm div.displayInfo p#midigta {
		/*padding-left:3%;*/
	}
	/* ----------------  popup form  -------------------*/
	#workplace div.theForm a#addNew {
		margin:0;
		/*width:30px;*/
		height:32px; line-height:32px;
		/*text-align:center;
		font-size:1.25em;*/
	}
	#workplace div.theForm div.popupContainer {
		/*width:580px;*/
		top:20px;
	}
	#workplace div.theForm .popupHeader {
		/*padding:0 20px;
		height:38px; line-height:38px;
		font-size:1em;*/
	}
	#workplace div.theForm .popupHeader span.close {
		/*top:0px;
		height:38px; line-height:38px;
		font-size:1.2em;*/
	}
	#workplace div.theForm .popupBody label {
		width:25%;
		/*font-size:0.9em;*/
	}
	#workplace div.theForm .popupBody input.dheer {
		width:70%;
	}
	#workplace div.theForm .popupBody select.dheer,
	#workplace div.showRecord .popupBody select.dheer {
		width:50%;
	}
	#workplace div.showRecord .popupBody select.gaab {
		width:30%;
	}
	#workplace div.showRecord .popupBody input.gaab {
		width:25%;
	}
	#workplace div.theForm .popupBody .btnAdd {
		/*padding:0 7%;
		margin:1% 2.7% 3%;
		height:32px; line-height:30px;
		font-size:1em;*/
	}
	#workplace div.theForm .popupBody label.oops {
		margin:1% 0 0 25%;
		/*padding:0 0 0 4%;
		line-height:18px;
		font-size:0.9em;*/
	}
	/* ------  add to list ------ */
	#workplace div.theForm div.record .listCaves {
		/*width:95% !important;*/
		padding:1% 2.5%;
	}
	#workplace div.theForm #topCaves,
	#workplace div.theForm #btmCaves {
		/*float:left;
		width:100%;
		color:#555555;
		margin:0 0 1%;*/
	}
	#workplace div.theForm #topCaves {
		/*display:none;*/
	}
	#workplace div.theForm .listCaves div.cave {
		/*margin:0 1% 0.5% 0;
		font-size:0.9em; border:1px solid #f00;*/
	}
	#workplace div.theForm .listCaves #btmCaves div.cave {
		margin:0 1% 1.5% 0;
		/*min-height:32px;*/
	}
	#workplace div.theForm .listCaves a.addToList {
		/*height:32px; line-height:32px;
		font-size:0.95em;*/
	}
	#workplace div.theForm.product .listCaves div.cave.lshort {
		width:33%;/* border:1px solid #00f;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle {
		width:28%;/* border:1px solid #ff0;*/
	}
	#workplace div.theForm.product .listCaves div.cave.xmiddle {
		/*width:auto; border:1px solid #093;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle div.switch {
		/*left:0%;*/ margin:2px;
		margin-right:10px;
		/*width:50px;
		height:26px;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle span.check {
		/*float:left;
		margin-left:5%;
		margin:0 !important;*/
		/*height:30px; line-height:30px;
		height:34px; line-height:34px;
		font-size:1em; */
		/*cursor:pointer;*/
	}
	#workplace div.theForm.asset div.record span.check.months {
		/*float:left;
		margin:0;
		margin-left:1%;*/
		/*height:30px; line-height:30px;
		height:34px; line-height:34px;*/
		/*font-size:1em;
		cursor:pointer;*/
	}
	/* -- add purchase order -- */
	#workplace div.theForm.prchsOrder .listCaves div.cave {
		width:32%;
	}
	#workplace div.theForm.prchsOrder .listCaves div#topCaves div.cave.hide {
		/*display:none;*/
	}
	#workplace div.theForm.prchsOrder .listCaves div#btmCaves div.cave span.responsive {
		/*display:inline;*/
	}
	/* -- add purchase -- */
	#workplace div.theForm.purchase .listCaves div.cave.xmiddle {
		width:32% !important;
	}
	#workplace div.theForm.purchase .listCaves div.cave.mshort {
		width:16% !important;
	}
	#workplace div.theForm.purchase .listCaves div.cave.vshort {
		width:18.99% !important;
	}
	#workplace div.theForm.purchase .listCaves div.cave.action {
		width:99% !important;
	}
	#workplace div.theForm.purchase div.displayInfo.product,
	#workplace div.theForm.sales div.displayInfo.product {
		/*float:left;*/
		width:94%;
		/*margin:0 2.5%;*/
	}
	#workplace div.theForm div.displayInfo.product label#header {
		/*width:100%;
		padding:1.5% 4%;
		box-sizing:border-box;*/
	}
	/* -- add sales -- */
	#workplace div.theForm.sales .listCaves div.cave {
		width:20%; /*border:1px solid #00f;*/
	}
	#workplace div.theForm.sales .listCaves #topCaves div.cave.vlarge,
	#workplace div.theForm.sales .listCaves #btmCaves div.cave.vlarge {
		width:41%;
	}
	#workplace div.theForm.sales .listCaves #topCaves.second {
		display:none;
	}
	/* -- add shelves -- */
	#workplace div.theForm.shelf .listCaves div.cave {
		width:30%;
	}
	#workplace div.theForm.product .listCaves label.error {
		margin:0;height:32px; line-height:32px;
		font-size:0.95em;
		background:url(../images/system/error_s.png) left center no-repeat;
		background-size:15px;
	}
	/* -- the list -- */
	#workplace div.theForm div#list {
		width:95%;
		margin:0 2.5% 1%;
	}
	#workplace div.theForm div#list div.column.subTtl,
	#workplace div.theForm div#list div.column.total {
		display:none;
	}
	#workplace div.theForm div#list div.listItem div.column {
		/*padding:0.3% 0;
		min-height:28px;*/
	}
	#workplace div.theForm div#list header div.column {
		height:28px; line-height:28px;
	}
	#workplace div.theForm div#list div.column.first {
		width:7%;
		/*padding:0;height:28px; line-height:28px;*/
	}
	#workplace div.theForm div#list div.column.first {
		/*padding:0 !important; margin:0; line-height:34px;*/
	}
	#workplace div.theForm.product div#list div.column.middle {
		width:35%;
	}
	#workplace div.theForm div#list div.column a#remove {
		background:url(../images/system/b_delete.png) 0 3px no-repeat;
	}
	#workplace div.theForm.prchsOrder div#list div.column.xmiddle {
		width:28%;
	}
	#workplace div.theForm.prchsOrder div#list div.column.mshort {
		width:15%;
	}
	#workplace div.theForm.prchsOrder div#list div.column.short {
		width:14%;
	}
	#workplace div.theForm.shelf div#list div.column.middle {
		width:35%;
	}
	#workplace div.theForm.shelf div#list div.column.vshort {
		width:15%;
	}
	#workplace div.theForm.sales.update div#list div.column input[type="checkbox"] {
		/*transform:scale(0.7,0.7);*/
	}
	/*--- user add ---*/
	#workplace div.theForm.user div.record input.lshort {
		width:30%;
	}
	#workplace div.theForm.user div.record input#txtEmail {
		width:80%;
	}
	#workplace div.theForm.user div.record span.check {
		/*float:left;
		margin-left:5%;
		margin:0;
		color:#000;height:34px; line-height:34px;
		font-size:1em;*/
		/*cursor:pointer;*/
	}
	#workplace div.theForm div#header {
		/*float:left;
		width:auto;*/
		padding:2.5% 0 1.5%;
		/*font-family:raspoutine;
		color:#333333;
		font-size:0.95em;
		font-weight:bold;
		letter-spacing:0.3px;
		margin:0 2.5%;*/
	}
	#workplace div.theForm label.error.inline {
		width:auto;
		margin:1% 2.5%;
	}
	#workplace div.theForm input#checkAll {
		margin:0 1% 0 3%;
		transform:scale(1.4,1.4);
		-moz-transform:scale(1.4,1.4);
		-webkit-transform:scale(1.4,1.4);
	}
	#workplace div.theForm span#tickAll {
		/*float:left;*/
		width:auto;
		margin:1.2% 2% 0 1%;
		/*font-size:0.85em;
		cursor:pointer;*/
	}
	#workplace div.theForm div#userRights {
		/*float:left;*/
		width:94%;
		margin:2% 2.5% 0.5%;
	}
	#workplace div.theForm div#userRights div.rights {
		/*float:left;*/
		width:49%;
		margin-right:0;
	}
	#workplace div.theForm div#userRights div.rights.two,
	#workplace div.theForm div#userRights div.rights.four {
		float:right;
	}
	#workplace div.theForm div#userRights fieldset {
		/*float:left;*/
		/*width:96%; */min-height:290px;
		/*padding:4% 1%; margin-bottom:5%;
		border:1px solid #cccccc;*/
	}
	#workplace div.theForm div#userRights div.rights.three fieldset,
	#workplace div.theForm div#userRights div.rights.four fieldset {
		min-height:10px;
	}
	#workplace div.theForm div#userRights fieldset legend {
		/*position:relative;
		margin-left:10px;*/
		padding:7px 35px 7px 18px;
		/*font-size:0.9em;
		border:1px solid #cccccc;*/
	}
	#workplace div.theForm div#userRights fieldset > div {
		/*float:left;
		width:90%;
		margin-left:4%; margin-bottom:4%;*/
	}
	#workplace div.theForm div#userRights input.checkOne {
		/*height:auto;
		padding:0;*/
		margin-top:0.7%;
		transform:scale(1.4,1.4);
	}
	#workplace div.theForm div#userRights label.tickOne {
		/*float:left;
		margin:0 0 0 3%;
		font-size:0.85em;
		cursor:pointer;*/
	}
	/* -- add purchase -- */
	#workplace div.theForm.purchase fieldset {
		/*width:97.5%;*/
	}
	#workplace div.theForm.purchase fieldset legend {
		/*margin-left:20px;
		padding:7px 20px;*/
		margin-bottom:1%;
	}
	#workplace div.theForm.purchase fieldset > p {
		width:31%;
		/*margin-left:2%;*/
	}
	#workplace div.theForm.purchase fieldset > p:nth-child(3),
	#workplace div.theForm.purchase fieldset > p:nth-child(5),
	#workplace div.theForm.purchase fieldset > p:nth-child(7) {
		/*margin-left:2%;*/
	}
	#workplace div.theForm.purchase fieldset > p input {
		/*width:95%;
		padding:0 0 0 4%;*/
	}
	#workplace div.theForm.chngPass div.record #leftPrt {
		/*width:32%;
		margin:0;*/
	}
	#workplace div.theForm.chngPass div.record #rghtPrt {
		width:100% !important;
	}
	#workplace div.theForm div.record #leftPrt {
		/*height:32px; line-height:32px;*/
	}
	#workplace div.theForm div.record #rghtPrt {
		/*width:78% !important;*/
	}
	#workplace div.theForm.chngPass div.record input {
		width:97.5%;
	}
	/* ----------------------- show Record ----------------------- */
	#workplace div.showRecord {
		width:95%;
		margin:1.5% 0;
		padding:2% 2.5%;
		/*min-height:100vh;*/
	}
	#workplace div.showRecord #leftSide {
		/*width:100%;*/
	}
	#workplace div.showRecord #rightSide {
		/*float:left;
		width:100%;*/
	}
	#workplace div.showRecord #leftSide header {
		height:34px; line-height:34px;
		/*padding:0 2%;*/
	}
	#workplace div.showRecord div.details {
		/*width:100%;
		box-sizing:border-box;*/
	}
	#workplace div.showRecord div.details.responsive,
	#workplace div.showRecord #leftSide div.responsive {
		/*display:inline;*/
	}
	#workplace div.showRecord #leftSide #record {
		font-size:0.87em;
	}
	#workplace div.showRecord #leftSide #record:last-child {
		/*border-bottom:none;*/
	}
	#workplace div.showRecord #leftSide #colLeft {
		/*width:26%;*/
		padding:1.5% 0;
		/*line-height:normal; height:auto;*/
	}
	#workplace div.showRecord #leftSide #colRight {
		/*width:66%;*/
		padding:1.5% 4% 1.5% 2%;
	}
	#workplace div.showRecord #leftSide #colRight p {
		margin:0 0 1.5%;
	}
	#workplace div.showRecord #leftSide span.status {
		/*padding:0.5% 4% 0.5% 2%;
		font-size:1em;*/
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	#workplace div.showRecord #rightSide div.imgHolder {
		width:28.2%;
		/*margin:0 0 2% 0%;*/
	}
	#workplace div.showRecord #rightSide div.imgHolder img {
		/*height:auto;*/
	}
	#workplace div.showRecord #rightSide a#back {
		/*float:left;*/
		width:99.7%;
		/*margin:0 0 2% 2%;
		padding:0;*/
		height:30px; line-height:30px;
	}
	#workplace div.showRecord.user #rightSide a#back {
		float:left;
		width:20% !important;
	}
	#workplace div.showRecord #rightSide a#print/*,
	#workplace #loadPage #dynamicQnd a#print.report*/ {
		float:left;
		margin:0 2% 1.5% 0;
		padding:0 10% 0.2%;
		/*height:32px; line-height:32px;
		color:#7e530e;
		cursor:pointer;
		text-decoration:none;*/ background:rgba(190,190,190,0.1); border:1px solid #ccc;
	}
	#workplace div.showRecord #rightSide a#print::before,
	#workplace #loadPage #dynamicQnd a#print.report::before {
		/*position:relative;
		left:-10px;*/
		/*font-family:FontAwesome;
		content:"\f02f";
		font-size:1.1em;*/
	}
	#workplace div.showRecord.sales #rightSide a#print::after {
		/*content:" print";*/
	}
	#workplace div.showRecord #rightSide h3#title,
	#workplace div.showRecord #rightSide div.details {
		/*display:none;*/
	}
	/* -- profile -- */
	#workplace div.showRecord #rightSide div#prflePic {
		/*position:relative;
		float:left;*/
		width:28%;
		/*margin:0 0 2%;*/
	}
	#workplace div.showRecord #rightSide div.imgWrap {
		/*width:99%;
		margin:0 0 4%;*/
	}
	#workplace div.showRecord div.imgWrap #imgChange {
		height:32px !important;
		line-height:32px !important;
	}
	#workplace div.showRecord div.imgWrap #imgChange input[type="file"] {
		height:32px;
	}
	#workplace div.showRecord div#prflePic a#remove {
		/*float:left;
		margin:3% 0 5%;*/
		width:100%;
		padding:5px 0 6px;
		/*text-decoration:none;
		cursor:pointer;*/
		background:url(../images/system/b_delete.png) 25% center no-repeat;
		background-color:rgba(190,190,190,0.1);
		border:1px solid #ccc;
		text-align:center;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		box-sizing:border-box;
	}
	#workplace div.showRecord div#prflePic a#remove:hover,
	#workplace div.showRecord div#prflePic a#remove:focus {
		background-color:#25dbf1;
	}
	/* --- show user -- */
	#workplace div.showRecord div#header {
		width:100%;
		padding:1% 0;
	}
	#workplace div.showRecord div#rights {
		/*float:left;
		width:100%;*/
	}
	#workplace div.showRecord div#rights div.userRights {
		/*float:left;*/
		width:48%;
		margin:2% 0 0;
	}
	#workplace div.showRecord div.userRights:first-child {
		margin:2% 0 0;
	}
	#workplace div.showRecord div.userRights.two,
	#workplace div.showRecord div.userRights.four {
		float:right !important; margin:2% 0 0;
	}
	#workplace div.showRecord div.userRights fieldset {
		/*float:left;*/
		width:98%;
		/*margin:0 0 5px;
		margin:0;
		padding:3% 1%;*/
		/*border:1px solid #cccccc;*/
		min-height:272px;
		/*border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;*/
	}
	#workplace div.showRecord div.userRights.three fieldset,
	#workplace div.showRecord div.userRights.four fieldset {
		min-height:5px;
	}
	#workplace div.showRecord div.userRights fieldset legend {
		/*letter-spacing:0.5px;*/
		padding:7px 22px;
		margin-left:14px;
	}
	/* -- show list items -- */
	#workplace div.showRecord div.details.long div.listItems {
		/*margin:1% 0 0;
		box-sizing:border-box;*/
	}
	#workplace div.showRecord div.details.long div.listItems header {
		/*background:#e6e6e6;
		height:33px; line-height:33px;*/
	}
	#workplace div.showRecord div.details.long div.listItems #record {
		height:33px; line-height:33px;
	}
	#workplace div.showRecord div.details.long div.listItems header div.box {
		/*padding:0 0 0 1%;*/
	}
	#workplace div.showRecord div.details.long div.listItems #record div.box {
		padding:0 0 0 1%;
	}
	/* -- prchsOrder -- */
	#workplace div.showRecord.prchsOrder div.details.long div.listItems div.box.middle {
		display:none;
	}
	#workplace div.showRecord.prchsOrder div.details.long div.listItems div.box {
		width:16%;
	}
	#workplace div.showRecord.prchsOrder div.details.long div.listItems div.box.xmiddle {
		width:45%;
	}
	/* -- purchase -- */
	#workplace div.showRecord.purchase div.details.long div.listItems div.box.xmiddle {
		width:30%;
	}
	#workplace div.showRecord div.listItems a#return {
		/*float:left;*/
		padding-left:25px;
		/*color:#b96125;
		text-decoration:none;
		cursor:pointer;*/
		background:url(../images/system/b_undo.png) left center no-repeat;
	}
	/* -- distrPrdt -- */
	#workplace div.showRecord.distrPrdt div.details.long div.listItems div.box.xxmiddle {
		width:55%;
	}
	/* -- prdtShlf -- */
	#workplace div.showRecord.prdtShlf div.details.long div.listItems div.box.xxmiddle {
		width:55%;
	}
	/* -- sales -- */
	#workplace div.showRecord.sales div.details.long.second div.listItems div.box.xmiddle {
		width:40%;
	}
	#workplace div.showRecord.sales div.details.long.second div.listItems div.box.middle {
		width:30%;
	}
	#workplace div.showRecord.sales div.details.long.second div.listItems div.box.middle.important {
		width:15%;
	}
	/* -- asset -- */
	#workplace div.showRecord.asset div.details.long div.listItems div.box.xmiddle {
		width:40%;
	}
	#workplace div.showRecord.asset div.details.long div.listItems div.box.middle {
		width:24%;
	}
	#workplace div.showRecord div#totals {
		width:100%;
		/*margin:3% 0;*/
	}
	#workplace div.showRecord div#totals label,
	#workplace div.showRecord div#totals span {
		/*width:40%;*/
		padding:1.5% 3%;
	}
	#workplace div.showRecord div#totals label {
		/*width:55%;*/
	}
	/* -- settings -- */
	#workplace div.showRecord a#edit {
		padding-left:6%;
	}
	/* ------------------------- reports ------------------------- */
	#workplace div.reportArea {
		width:94%;
		/*padding:3%;*/
		margin:1.5% 0;
		min-height:100vh;
		font-size:0.92em;
	}
	#workplace div.reportArea div.oneDiv {
		width:50%;
		/*margin:0 0 1.5% 0;
		padding-bottom:1.5%;
		border-bottom:1px dotted #bbbbbb;*/
	}
	#workplace div.reportArea div#clear {
		/*display:none;*/
	}
	#workplace div.reportArea div.oneDiv input[type="radio"] {
		/*margin:1.5% 4% 0 0;*/
		transform:scale(1.3,1.3);
		-moz-transform:scale(1.3,1.3);
		-webkit-transform:scale(1.3,1.3);
	}
	/* -- */
	#workplace div.reportArea div#filterCmdPrcess {
		/*width:99%;
		margin-top:2%;*/
	}
	#workplace div.reportArea div#filterCmdPrcess #filterWrap {
		/*width:100%;
		margin-right:0;*/
	}
	#workplace div.reportArea button {
		width:28%;
		/*margin:0.5% 0 0 22%;*/
		height:32px;
	}
	#workplace div.reportArea label#process {
		margin:2.5% 0 0 3%;
	}
	#workplace div.reportArea div#filterWrap div.filter {
		margin-bottom:1.5%;
	}
	#workplace div.reportArea div#filterWrap div.filter label {
		/*width:22%;
		margin-top:1%;*/
	}
	#workplace div.reportArea div#filterWrap div.filter input[type="text"],
	#workplace div.reportArea div#filterWrap div.filter input[type="month"],
	#workplace div.reportArea div#filterWrap div.filter select {
		width:36%;
	}
	#workplace div.reportArea div#filterWrap div.filter select {
		width:37.3%;
		/*margin-right:1.5%;*/
	}
	#workplace div.reportArea div#filterWrap div.filter input[type="text"].long {
		width:74.6%;
	}
	#workplace div.reportArea div#filterWrap div.filter select.long {
		width:37.3%;
		/*margin-right:1.5%;*/
	}
	/* -- income statement */
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#mdgDiv,
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#dhexDiv {
		/*float:left;*/
		width:76%;
		margin-bottom:1.5%;
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#dhexDiv {
		margin-left:22%;
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="radio"] {
		/*float:left;*/
		margin:2.5% 2.5% 0 0;
		/*transform:scale(1.2,1.2);*/
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="radio"] ~ span {
		/*float:left;
		height:32px; line-height:32px;
		font-size:0.9em;
		cursor:pointer;*/
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="month"],
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment select {
		/*float:right;
		width:72%;*/
		/*margin:0;
		padding-left:2%;
		height:32px;
		box-sizing:border-box;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest {
		/*position:absolute;*/
		width:69.3% !important;
		/*margin-top:32px;*/
		margin-left:20.5%;
		padding:1% 0.5%;
		/*background:#ffffff;
		border:1px solid #bbbbbb;
		display:none;
		z-index:100;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest #time {
		/*float:left;
		width:85%;
		margin:0 2.5% 1%;
		padding-left:9%;
		min-height:30px;
		background:url(../images/system/timeline-bg.png) no-repeat;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest a {
		/*color:#333333;
		display:block;
		cursor:pointer;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest p {
		/*float:left;
		width:100%;
		margin-bottom:1%;
		font-size:0.9em;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest p#notFound {
		/*margin:1% 0;
		font-style:italic;
		text-align:center;*/
	}
	/* -- report show */
	#workplace div#loadPage div#dynamicQnd h3#title {
		/*float:left;
		width:100%;*/
		margin:1.5% 0;
		/*font-family:raspoutine;
		font-size:1.1em;*/
		/*letter-spacing:0.5px;
		text-align:center;*/
	}
	#workplace div#loadPage div#dynamicQnd h5#dates {
		/*float:left;
		width:100%;
		margin:0 0 0.8%;
		font-size:0.9em;*/
		/*letter-spacing:0.5px;
		text-align:center;
		font-weight:normal;*/
	}
	#workplace div#loadPage div#dynamicQnd h5#dates.second {
		margin:0 0 3%;
	}
	#workplace #loadPage #dynamicQnd.report #foundNum {
		width:100%;
		/*margin:0;*/
	}
	#workplace #loadPage #dynamicQnd.report #filters {
		width:100%;
		margin:1.5% 0;
		/*line-height:10px; border:1px solid #f00;*/
	}
	#workplace #loadPage #dynamicQnd #filters a#back {
		width:25%;
		/*margin:0;*/
		height:30px; line-height:30px;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#buttons a#back {
		/*float:left;*/
		width:25%;
		/*margin:0;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#print.report {
		width:auto; margin:0;/* padding:0;*/
	}
	#workplace #loadPage #dynamicQnd a#print.report {
		margin:0 0 0 1%;
		height:30px; line-height:30px;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#print.report {
		/*margin:0 0 5%;
		width:100%;
		text-align:center;
		padding-left:4%;
		height:32px; line-height:32px;*/
	}
	#workplace #loadPage #dynamicQnd #lastDiwan {
		float:left;
		width:100.5%;
		/*margin:1.5% 0 0;
		font-size:0.95em;*/
	}
	/* -- income statement -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn {
		position:relative;
		float:left;
		/*width:100%;
		margin:1% 0;*/
		/*font-size:0.95em;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#buttons {
		/*float:left;*/
		position:static;
		width:100%;
		margin:1.5% 0;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header {
		/*float:left;
		width:100%;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h3,
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h4,
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h5 {
		/*float:left;
		width:100%;
		margin:0;*/
		/*text-align:center;*/
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h3 {
		margin:1.5% 0;
		/*font-size:1.1em;*/
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h4 {
		/*font-size:1em;*/
		margin:0 0 0.8%;
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h5 {
		margin:0.7% 0;
		/*font-size:0.9em;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h5.last {
		/*padding:0 0 3%;
		border-bottom:1px dotted #999999;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#details {
		/*float:left;*/
		width:100%;
		/*margin:0;*/
		padding:1% 0; background:none;
	}
	/* -- cashflow -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center {
		/*float:left;
		width:100%;
		margin:0 0 1%;*/
		/*border-bottom:1px dotted #999999;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center.cashflow {
		/*width:100%;
		margin:0 0 1%;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#details label {
		/*float:left;
		width:100%;
		margin:2% 0 1%;*/
		font-size:0.9em; color: #b96125;
		/*text-transform:uppercase;
		font-weight:bold;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#details label.second {
		/*margin:4% 0 1%;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#oneRec {
		/*float:left;
		width:100%;*/
		padding:0.5% 0;
		font-size:0.9em;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#oneRec span.left {
		/*float:left;
		width:55%;
		margin-left:2%; */
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#oneRec span.right {
		/*float:right;
		width:40%;
		text-align:right;*/
	}
	/* -- Balance Sheet -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center div.part {
		/*float:left;*/
		width:100%;
		min-height:10px;
		/*padding-bottom:2%;
		border-top:1px dotted #999999;
		border-right:1px dotted #999999;
		box-sizing:border-box;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center div.part.asset {
		/*min-height:10px;*/
	}

	.topCaves  {
		display: block;
	}
/*	div.workplace .reportArea div.report-record*/
	div.workplace .reportArea div.report-record {
		flex-wrap: wrap;
	}
	div.workplace div.reportArea fieldset {
		flex-basis: 100%;
/*		margin-top: 10px;*/
	}
	div.workplace div.reportArea fieldset:first-of-type {
		margin-top: 10px;
	}

	div.workplace div.reportArea div#filterCmdPrcess #filterWrap {
		margin-left: 0px;
		width: 100%;
	}

	div.workplace div.reportArea div#filterCmdPrcess #filterWrap div {
		/*display: flex;*/
		flex-wrap: wrap;
	}
	div.workplace div.reportArea div#filterCmdPrcess #filterWrap div label {
		width: 100%;
	}

	div.workplace div.reportArea div#filterWrap div.filter select, div.workplace div.reportArea div#filterWrap div.filter input {
		margin-bottom: 5px;
	}

	div.workplace div.reportArea button {
		width: 100% !important;
		margin: 0px;
		background: #015958;
		border: 1px solid #015958;
		padding: 10px;
		color: #fff;
		height: 38px;
		margin-top: 10px;
	}

	div.workplace div.reportArea button:hover {
	 	background: #043e3e;
	}
	div.workplace div.reportArea button a {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff !important;
	}

	div.workplace div.reportArea div#filterWrap div.filter input[type="text"].long {
		width: 100%;
	}

	div.workplace div.reportArea div#filterWrap div.filter input#startDate, div.workplace div.reportArea div#filterWrap div.filter input#endDate {
		width: 47%;
	}
	div.workplace div.reportArea div#filterWrap .search_result  {
		margin-left: 0px;
		width: 100% !important;
	}

	body {
		background: #fff;
	}
	div.workplace #loadPage #command, div.workplace #loadPage #dynamicQnd {
		border: 0px;
	}
	div.workplace div#loadPage.report #dynamicQnd #foundNum {
		width: 50%;
	}
	div.workplace div#loadPage.report #buttons {
		float: right;
		width: 50%;
	}

	.content .popupBody.salesShowPopup {
		overflow-x: scroll;
	}
	.content .popupBody .salesShowPopup {
		width: 800px;
		overflow-x: scroll;
	}

	div.workplace div#loadPage.report #dynamicQnd .lastDiwan {
		width: 100%;
	}
	
}

@media only screen and (max-width:480px) { /* testing 680px, upload 480px mahad istag */
	body { background:#ffffff;  /* f0ff00 yellow */ }
	div#loginWrap {
		/*background:#ffffff;*/
	}
	div#loginWrap div#content {
		/*width:90%;
		margin:0 5%;
		padding:4% 0;
		border:none;*/
	}
	div#loginWrap div#content #logoHolder {
		/*margin:10% 5% 0;*/
	}
	div#loginWrap div#content #logoHolder img {
		width:190px;
	}
	div#loginWrap div#content h3 {
		margin:4% 5% 2%;
		font-size:1em;
	}
	div#loginWrap div#content div.record {
		width:100%;
		margin:2% 0 1%;
	}
	div#loginWrap div.record span#icon {
		height:34px; line-height:34px;
		font-size:1.1em;
	}
	div#loginWrap div.record input.loginText {
		/*width:89.7%;*/
		height:34px;
		font-size:0.85em;
	}
	div#loginWrap div.tooltip {
		padding:7px 30px;
		font-size:0.8em;
		left:10%;
	}
	div#loginWrap label.error {
		margin:0 0 2% 10%;
		padding:0 0 0 5%;
		font-size:0.9em;
		background:url(../images/system/error_s.png) left center no-repeat;
		/*background-size:15px;*/
	}
	div#loginWrap div#content div.record div.switch,
	#workplace div.theForm div.record div.switch {
		/*left:0;
		margin-right:15px;*/
		width:45px;
		height:23px;
	}
	#workplace div.theForm div.record input#saReceipt,
	#workplace div.theForm div.record input#assetLoan {
		/*display:none;*/
	}
	#workplace div.theForm div.record div.switch {
		/*left:0;
		margin-right:10px;
		width:50px;
		height:26px;*/
	}
	div#loginWrap div#content div.record div.switch {
		/*left:0;*/
	}
	div#loginWrap div#content div.record div.switch:before,
	#workplace div.theForm div.record div.switch:before {
		width:45px;
		height:23px;
	}
	div#loginWrap div#content div.record div.switch:after,
	#workplace div.theForm div.record div.switch:after {
		height:22.5px;
		width:22.5px;
	}
	div#loginWrap div#content div.record div.switch.switchOn:after,
	#workplace div.theForm div.record div.switch.switchOn:after {
		/*left:25px !important;*/
	}
	div#loginWrap div.record span#rememberLbl {
		/*margin-top:1%;
		font-size:0.95em;*/
	}
	#workplace div.theForm div.record span#checkReceipt,
	#workplace div.theForm div.record span.check {
		/*margin-top:1%;
		margin-left:1%;*/
		/*font-size:0.95em;*/
	}
	div#loginWrap div.record a#forgot {
		/*margin-top:1%;*/
		font-size:0.95em;
	}
	div#loginWrap div.record #submitBtn {
		height:34px;
		/*font-size:1.15em;*/
	}
	div#loginWrap div.record label#copyRight {
		/*margin:3% 5%;*/
		font-size:0.9em;
	}
	/* -------------------- forgot password ---------------------- */
	div#forgotPass div#topBar, div#forgotPass div#bottomBar {
		height:84px;
	}
	div#forgotPass div#bottomBar {
		height:5px;
	}
	div#forgotPass div#topBar #logoWrap {
		width:92%;
		margin:1% 4% 0;
	}
	div#forgotPass #logoWrap img {
		width:150px;
		top:25px;
	}
	div#forgotPass div#section {
		width:92%;
		margin:5% 4% 0;
	}
	div#forgotPass div#section label.title {
		margin:1% 0 0;
		font-size:1.15em;
	}
	div#forgotPass div#section div.center {
		/*float:left !important;
		width:100% !important;*/
	}
	div#forgotPass div#section div#imgWrap {
		/*display:none;*/
	}
	div#forgotPass div#section div#text {
		/*float:left;
		width:100%;*/
		font-size:0.9em;
	}
	div#forgotPass div#text p {
		/*font-size:0.95em;
		line-height:22px;*/
	}
	div#forgotPass div#text p:first-child {
		/*margin:0 0 7px;*/
	}
	div#forgotPass div#section div.record.two {
		/*margin-top:4%; */
	}
	div#forgotPass div#section div.buttons {
		/*width:100%;
		height:auto;
		margin:2% 0;
		padding:0;
		background:none;*/
	}
	div#forgotPass div.record #qybMidig {
		/*margin:0;*/
	}
	div#forgotPass div.record input {
		height:32px;
		/*margin:2% 1.5% 0 0;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;*/
	}
	div#forgotPass div.buttons a#back {
		/*width:100%;
		margin:5% 0;*/
		font-size:1em;
		/*text-decoration:underline;*/
	}
	div#forgotPass div.buttons input.btnSubmit {
		/*float:left;
		margin-top:0;*/
		padding:0;
		width:100%;
		height:34px;
		font-size:1em;
	}
	div#forgotPass div#imgWrap2 img {
		/*display:none;*/
	}
	/* ---------------------- dashboard -------------------------- */
	.edurdur {
		/*width:100%;
		height:auto;
		min-height:10px;
		padding-left:0;*/
	}
	#dashboard #middlebar, #workplace #middlebar {
		/*position:relative;
		height:100vh;*/
	}
	#dashboard #sidebar, #workplace #sidebar {
		/*height:auto;
		min-height:100vh;
		width:190%;
		top:0;
		left:0;
		box-shadow:0 0 0 100em rgba(0, 0, 0, 0);
		transform:translate3d(-190%, 0, 0);
		transition:all 0.3s ease-in-out;*/
	}
	#sidebar #logoWrap {
		/*padding:0.6em 0;*/
	}
	#sidebar #logoWrap img#large {
		/*display:inline;
		width:100px;*/
	}
	#sidebar #logoWrap img#small {
		/*display:none;*/
	}
	#sidebar > ul {
		/*position:relative;
		margin-top:1.5em;*/
	}
	#sidebar > ul > li {
		/*display:inline-table;
		height:30px;
		width:90.5% !important;
		position:relative;*/
	}
	#sidebar > ul li a i {
		/*position:relative;*/
		top:0px;
		/*width:30px;
		height:auto; line-height:normal;*/
		font-size:1em;
	}
	#sidebar > ul > li span {
		/*opacity:1;*/
	}
	#sidebar > ul > li > a > span {
		/*position:static;
		background:none;
		padding:0;
		min-width:1px;
		transform: none;
		transition: none;*/
		font-size:0.9em;
	}
	#sidebar > ul > li.has-sub > a::after {
		background:url(../images/system/icon_plus.png) center no-repeat;
		background-size:15px;
	}
	#sidebar > ul > li.has-sub.active > a::after {
		/*background:url(../images/system/icon_minus.png) center no-repeat;*/
		background-size:15px;
	}
	#sidebar ul li:hover span {
		/*transform:none;*/
	}
	/* --- */
	#sidebar .smartphone-menu-trigger {
		/*width:43px;
		height:44px;
		position:absolute;
		left:190%;
		background:#b96125;*/
	}
	#sidebar .smartphone-menu-trigger:before,
	#sidebar .smartphone-menu-trigger:after {
		/*content:'';
		width:50%;
		height:2px;
		background:#ffffff;
		border-radius:10px;
		position:absolute;
		top:45%;
		left:50%;
		transform:translate3d(-50%, -50%, 0);*/
	}
	#sidebar .smartphone-menu-trigger:after {
		/*top:55%;*/
	}
	#dashboard #sidebar:focus,
	#workplace #sidebar:focus {
		/*transform:translate3d(0, 0, 0);
		width:230px !important;
		box-shadow:0 0 0 100em rgba(0, 0, 0, 0.6);*/
	}
	#sidebar:focus .smartphone-menu-trigger {
		/*left:230px;*/
	}
	#sidebar:focus .smartphone-menu-trigger {
		/*pointer-events:none;*/
	}
	#sidebar ul {
		/*margin-top:0em;
		padding:0;*/
	}
	#sidebar ul li {
		/*width:90%;
		padding:0 5%;*/
	}
	#sidebar > ul > li > a {
		/*padding:4% 0;*/
	}
	#sidebar > ul > li > a > i {
		/*width:30px;
		font-size:1.1em;*/
	}
	#sidebar > ul > li > a > span {
		/*font-size:0.9em;*/
	}
	#sidebar ul ul {
		/*position:inherit;
		margin:0;*/
		/*padding-bottom:1em;
		width:80%;
		left:40px; top:0;*/
	}
	#sidebar ul ul li {
		/*margin:0;*/
	}
	#sidebar ul li:hover ul {
		/*background:none;*/
	}
	#sidebar ul ul li {
		padding:1% 0 2%;
	}
	#sidebar ul ul a {
		/*font-size:0.9em;*/
	}
	/* --- */
	#middlebar div.topMBar {
		min-height:43px;
		line-height:43px;
	}
	#middlebar div.topMBar #programName {
		margin-left:12%;
		font-size:0.95em;
	}
	#middlebar div#clearMbar {
		/*display:none;*/
	}
	#middlebar div.topMBar #topIcons {
		/*padding-right:3%;*/
	}
	#middlebar #topIcons div.icon {
		/*top:7px;
		width:30px;height:30px;*/
	}
	#middlebar #topIcons div.dropDown {
		left:-140%;
		width:230%;
		/*top:50px;*/
	}
	/* --- */
	#middlebar div.nextMBar,
	#middlebar div.lastMBar {
		/*width:100%;
		margin:0;*/
	}
	#middlebar div.nextMBar {
		/*border:none;*/
	}
	#middlebar div.nextMBar div#title {
		/*margin:5% 3% 0 3%;*/
		font-size:0.95em;
	}
	#middlebar div.nextMBar div#title ~ label {
		/*margin:5.3% 0 0;*/
		font-size:0.8em;
	}
	#middlebar div.nextMBar div#border {
		/*width:94%;
		margin:1% 0 1% 3%;*/
	}
	#middlebar div.nextMBar div#chart {
		display:none;
	}
	#middlebar div.nextMBar div#chart,
	#middlebar div.nextMBar div#hints {
		/*float:left;
		width:94%;
		margin:1% 0 1% 3%;*/
	}
	#middlebar div.nextMBar div#hints {
		/*width:39%;
		margin:1% 3% 0 0;*/
	}
	#middlebar div.nextMBar div#chart div#cinwan {
		/*width:94%;
		padding:0 3%;
		min-height:46px;*/
	}
	#middlebar div.nextMBar div#chart div#graph {
		/*float:left;
		width:100%;
		min-height:228px;*/
	}
	#middlebar div.nextMBar div#chart div#graph canvas {
		/*float:left;*/
		/*width:94% !important;
		height:60% !important;
		margin:2% 3%;
		color:#fff;*/
	}
	#middlebar div.nextMBar div#chart div#currency,
	#middlebar div.nextMBar div#chart label {
		/*float:left;
		width:auto;
		margin:0 1.5% 0 0;
		font-size:1.1em;
		min-height:46px; line-height:46px;*/
		/*text-align:right;*/
	}
	#middlebar div.nextMBar div#chart label {
		/*text-transform:none;*/
	}
	#middlebar div.nextMBar div#hints div.hint {
		/*float:left !important;
		width:48.5%;
		height:70px;*/
		/*margin:0 0 2% !important;
		background:#8b5c4e !important;*/
		/*background-image:none;*/
	}
	#middlebar div.nextMBar div#hints div.hint.two,
	#middlebar div.nextMBar div#hints div.hint.four {
		/*float:right !important;
		background:#8b5c4e !important;*/
		border:1px solid #999;
	}
	#middlebar div.nextMBar div#hints div.hint.three {
		/*background:#f6a975 !important;*/
	}
	#middlebar div.nextMBar div#hints div.hint.four {
		/*background:#f8c86d !important;*/
	}
	#middlebar div.nextMBar div.hint div#currency {
		/*margin-top:5%;
		font-size:1.4em;*/
	}
	#middlebar div.nextMBar div.hint label {
		/*margin-top:1.5%;
		font-size:0.8em !important;*/
	}
	/* --- */
	#middlebar div.lastMBar div.box {
		/*float:left;
		width:100%;
		min-height:50px;
		margin-top:2%;
		border:none;*/
	}
	#middlebar div.lastMBar div.box.right {
		/*float:left;*/
	}
	#middlebar div.lastMBar header {
		/*width:97%;*/
		padding:2.5% 0 2% 3%;
		font-size:0.9em;
	}
	#middlebar div.lastMBar div.box article {
		/*height:auto;
		min-height:100px;
		max-height:250px;*/
	}
	#middlebar div.lastMBar div.box article #timeline {
		/*width:96%;*/
		min-height:46px;
		font-size:0.85em;
		margin:0 3% -0.2%;
	}
	#middlebar div.lastMBar div.box article #timeline label#time,
	#middlebar div.lastMBar div.box article #timeline #details {
		/*width:93%;*/
		margin:0 0 0 7%;
	}
	#middlebar div.lastMBar div.box article #timeline label#time {
		margin:0 0 1% 7%;
	}
	/* -- */
	#middlebar div.lastMBar div.box article #title,
	#middlebar div.lastMBar div.box article #record {
		/*width:94%;
		margin:0 0 2% 3%;*/
		font-size:0.95em;
	}
	#middlebar div.lastMBar div.box article #record {
		/*margin:0 0 1.5% 3%;*/
	}
	#middlebar div.lastMBar div.box article div.cave.short {
		/*width:15%;*/
	}
	#middlebar div.lastMBar div.box article div.cave.middle {
		/*width:15%;*/
	}
	#middlebar div.lastMBar div.box article div.cave.long {
		/*width:60%;*/
	}
	#middlebar div.lastMBar div.box article p#noRecord {
		/*margin-top:2%;
		font-size:0.9em;*/
	}
	/* ------------------------ unknown -------------------------- */
	div.unknown {
		width:99%;
		/*margin:1% 0;*/
		padding:2% 0.5%;
		/*height:100vh;
		background:#fff;
		/*background-size:150px;*/
	}
	div.unknown h3, div.unknown p, div.unknown ul {
		/*width:90%;*/
	}
	div.unknown h3 {
		/*margin:1% 2%;*/
		font-size:1.1em;
	}
	div.unknown ul {
		margin:0.5% 0 1% 6%;
	}
	div.unknown p, div.unknown ul li {
		font-size:83%;
	}
	/* ------------------------ load page ------------------------ */
	#workplace #loadPage {
		/*width:100%;
		margin:1% 0;*/
	}
	#middlebar div.positionBar {
		/*height:38px; line-height:38px;*/
	}
	#middlebar div.positionBar label {
		/*position:relative;
		width:70%;
		left:10px;*/
		font-size:0.85em;
		/*overflow:hidden;*/
	}
	#workplace #loadPage #dynamicQnd {
		/*width:96%;
		padding:2%;*/
	}
	#workplace #loadPage #command,
	#workplace #loadPage #dynamicQnd {
		/*border:none;*/
		padding:0 2% 1%;
	}
	#workplace #loadPage #command #searchBox {
		/*width:100%;*/
	}
	#workplace #loadPage #command .buttons {
		/*float:left;
		width:100%;*/
		margin-bottom:1%;
	}
	#workplace #loadPage #command #searchBox input.srchInput {
		padding-left:7.5%;
		height:32px;
	}
	/*div#forgotPass div.buttons input.btnSubmit,*/
	#workplace #loadPage div.buttons a.btnAddNew/*,
	#workplace div.theForm .btnSubmit,
	#workplace div.theForm .popupBody .btnAdd*/ {
		/*float:right;
		width:100%;
		height:28px;
		padding:0;
		line-height:28px;
		background:#b96125;
		background-image:none;*/
	}
	/*div#forgotPass div.buttons input.btnSubmit:hover, */
	#workplace #loadPage div.buttons a.btnAddNew:hover/*,
	#workplace div.theForm .btnSubmit:hover,
	#workplace div.theForm .popupBody .btnAdd:hover*/ {
		/*background-image:none;*/
	}
	#workplace #loadPage div.buttons a.btnAddNew {
		/*height:34px; line-height:34px;
		font-size:1em;
		box-sizing:border-box;*/
	}
	#workplace #loadPage #command #searchBox div.suggest {
		width:94.6%;
		margin:32px 0 0;
		/*padding:2% 0.5%;*/
	}
	#workplace div.twoCols div#searchBox div.suggest {
		width:92.6%;
		margin:32px 0 0;
		/*padding:1.5% 0.5%;*/
	}
	#workplace div.twoCols div#searchBox div.suggest #time {
		padding-left:7%;
		margin:0 1.5%;
	}
	/* -- */
	#workplace #loadPage #dynamicQnd #foundNum {
		/*width:100%;
		margin:0 0 2%;
		padding:0 2%;
		height:30px; line-height:30px;
		box-sizing:border-box;*/
		font-size:0.8em;
	}
	#workplace #loadPage #dynamicQnd #filters {
		/*float:left;
		width:100%;*/
	}
	#workplace #loadPage #dynamicQnd #filters > div {
		/*float:left;
		width:48%;*/
	}
	#workplace #loadPage #dynamicQnd #filters > div.empty {
		/*display:none;*/
	}
	#workplace #loadPage #dynamicQnd #filters label {
		width:38%;
		/*height:30px; line-height:30px;*/
		margin:0;
		font-size:0.85em;
		/*text-align:left;*/
	}
	#workplace #loadPage #dynamicQnd #filters > div:nth-child(2) label {
		padding-left:8%;
		box-sizing:border-box;
	}
	#workplace #loadPage #dynamicQnd #filters select {
		/*float:left;*/
		width:62%;
		height:29px;
		border:1px solid #cccccc;
	}
	#workplace #loadPage #dynamicQnd #dataTable {
		/*min-height:100vh;
		border-top:none;*/
	}
	#workplace #loadPage #dataTable div#loading {
		/*margin:4% 0 0;
		font-size:0.9em;*/
	}
	#workplace #loadPage #dataTable div#loading::after,
	#workplace div.twoCols div.dynamicData #loading::after {
		/*padding-left:2%;*/
	}
	#workplace div.twoCols div.dynamicData #loading {
		/*margin:2% 0;
		font-size:0.9em;*/
	}
	#workplace #loadPage #dataTable #record {
		/*font-size:83%;*/
	}
	#workplace #loadPage #dataTable div.cave {
		/*display:none !important;*/
		font-size:97%;
		height:30px; line-height:30px;
	}
	#workplace #loadPage #dataTable #record.header div.cave {
		height:31px; line-height:31px;
	}
	#workplace #loadPage #dataTable div.cave:nth-child(1),
	#workplace #loadPage #dataTable div.cave:nth-child(2),
	#workplace #loadPage #dataTable div.cave:nth-child(3) {
		/*display:inline !important;*/
	}
	#workplace #loadPage #dataTable div.cave.button {
		/*width:15%;*/
	}
	#workplace #loadPage #dataTable div.cave:nth-child(2),
	#workplace #loadPage #dataTable div.cave:nth-child(3) {
		/*width:auto;*/
	}
	#workplace #loadPage #dataTable div.cave.short {
		/*width:15%;*/
	}
	#workplace #loadPage #dataTable div.cave.lshort {
		/*width:22%;*/
	}
	#workplace #loadPage #dataTable div.cave.smiddle,
	#workplace #loadPage #dataTable div.cave.middle {
		/*width:25%;*/
	}
	#workplace #loadPage #dataTable div.cave.lmiddle {
		/*width:40%;*/
	}
	#workplace #loadPage #dataTable div.cave.long,
	#workplace #loadPage #dataTable div.cave.vlong {
		width:46%;
	}
	/* -- storeAdjust -- */
	#workplace #loadPage.storeAdjust #dataTable div.cave.long {
		/*width:38%;*/
	}
	#workplace #loadPage.storeAdjust #dataTable div.cave.lmiddle {
		/*width:30%;*/
	}
	#workplace #loadPage.storeAdjust #dataTable div.cave.smiddle {
		/*width:20%;*/
	}
	#workplace #loadPage.prdtShlf #dataTable div.cave.long {
		/*width:40%;*/
	}
	#workplace #loadPage.prdtShlf #dataTable div.cave.lmiddle {
		/*width:25%;*/
	}
	#workplace #loadPage.asset #dataTable div.cave.xlmiddle {
		/*width:35%;*/
	}
	#workplace #loadPage #dataTable div.cave:first-child {
		/*border-left:none !important;
		margin:0;*/
	}
	/* --- two Cols --- */
	#workplace div.twoCols {
		/*width:100%;
		margin:1% 0;
		border:none;*/
	}
	#workplace div.twoCols.two {
		/*float:left;*/
	}
	#workplace div.twoCols header {
		width:96%;
		padding:0 2%;
		height:34px; line-height:34px;
		font-size:0.95em;
		/*background:#ccc;*/
	}
	#workplace div.twoCols header a#addnew {
		/*margin-right:0;
		width:34px;*/ height:34px; line-height:34px;
		/*text-align:center;*/ background:rgba(0,0,0,0.1);
	}
	#workplace div.twoCols header a#addnew:before {
		font-size:1.2em;
	}
	#workplace div.twoCols div#searchBox {
		/*float:left;*/
		width:96%;
		margin:1.5% 2% 0.5%;
	}
	#workplace div.twoCols div#searchBox input.srchInput {
		padding-left:7.5%;
		/*height:32px;*/
	}
	#workplace div.twoCols div.dynamicData {
		/*height:auto;*/
		width:95.5%;
		margin:1.5% 2% 3%;
	}
	#workplace div.twoCols div.dynamicData div.record {
		padding:1.2% 2%;
		/*font-size:85%;*/
	}
	#workplace div.twoCols div.dynamicData div.record:last-child {
		/*border-bottom:none;*/
	}
	#workplace div.twoCols div.record div#batono {
		/*float:left;*/
		width:17%;
		margin-top:0;
		margin-left:1.5%;
	}
	#workplace div.twoCols div.record label#cinwan {
		/*float:left;*/
		width:53%;
	}
	#workplace div.twoCols div.record label#sumada {
		/*float:left;
		width:25%;
		padding-left:2%;
		font-style:italic;*/
	}
	#workplace div.twoCols div#batono a {
		/*float:left;
		width:16px;
		height:16px;*/
		margin-right:16px;
		/*cursor:pointer;*/
	}
	#workplace #loadPage #btnDisplayMore {
		/*width:40%;
		margin:3% 30%;
		height:34px; line-height:34px;*/
	}
	/* ------------------------- the form ------------------------ */
	#workplace p#info {
		/*width:92%;
		margin:1.5% 2% 0;*/
		padding:1.3% 2%;
		font-size:0.8em;
	}
	#workplace div.reNotify {
		/*width:91.8%;
		margin:2% 0 0.5% 2%;*/
		padding:1.3% 2%;
		font-size:0.8em;
	}
	#workplace a#btnCancel,
	#workplace div.showRecord #rightSide a#back,
	#workplace #loadPage #dynamicQnd #filters a#back,
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#back {
		/*width:14%;
		font-size:0.95em;
		margin:1.5% 2% 0 0;*/
	}
	#workplace a#btnCancel {
		/*float:left;
		width:96%;
		margin:1% 2% 0;
		height:31px; line-height:31px;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		background:none;
		background-color:#fafafa;
		border:1px solid #dcdcdc;*/
	}
	#workplace div.theForm {
		/*width:100%;
		margin:1.5% 0;*/
	}
	#workplace div.theForm div.record {
		/*width:100%;*/
		padding:0 0 1%;
		border-bottom:none;
	}
	#workplace div.theForm div.record:nth-child(even) {
		/*margin:0;
		background:none;*/
	}
	#workplace div.theForm div.record .twoCol {
		width:95.6%;
		padding:0 2.2% 1%;
	}
	#workplace div.theForm div.record .twoCol.two {
		/*float:left;*/
		padding:1.5% 2.2% 1%;
		margin-top:0;
		border-top:none;
	}
	#workplace div.theForm div.record .twoCol.empty {
		/*display:none;*/
	}
	#workplace div.theForm div.record #leftPrt {
		/*width:100% !important;*/
		margin:0;
		font-size:82.5%;
		/*margin:0;*/
		height:26px; line-height:26px;
	}
	#workplace div.theForm div.record #rghtPrt {
		/*width:100% !important;*/
		margin:0;
	}
	#workplace div.theForm div.record span#red {
		/*left:5px;*/
	}
	#workplace div.theForm input, #workplace div.theForm select, #workplace div.theForm textarea {
		height:28px;
		/*font-size:0.85em;*/
		border:1px solid #ccc;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	#workplace div.theForm select {
		height:32px;
		/*padding:0 0 0 1.8%;*/
		background-position:98% center;
	}
	#workplace div.theForm textarea {
		height:auto;
		/*font-size:1.05em;*/
	}
	#workplace div.theForm input[type="radio"] {
		height:auto;
	}
	#workplace div.theForm input:focus,
	#workplace div.theForm select:focus,
	#workplace div.theForm textarea:focus {
		/*border:1px solid #aaaaaa;*/
	}
	#workplace div.theForm input.vlarge,
	#workplace div.theForm textarea.vlarge {
		/*width:98%;*/
	}
	#workplace div.theForm select {
		width:100% !important;
	}
	#workplace div.theForm input {
		width:98% !important;
	}
	#workplace div.theForm input[type="checkbox"] {
		width:auto !important;
	}
	#workplace div.theForm select.vmiddle,
	#workplace div.theForm.measures input#smallUnit {
		width:49.2% !important;
		margin:0;
	}
	#workplace div.theForm select.vmiddle:nth-child(2) {
		float:right;
	}
	#workplace div.theForm.user input#txtComm {
		width:93% !important;
	}
	#workplace div.theForm input.large, #workplace div.theForm select.large {
		/*width:62%;*/
	}
	#workplace div.theForm input.middle {
		/*width:48%;*/
	}
	#workplace div.theForm input.lshort {
		/*width:20%;*/
	}
	#workplace div.theForm select.large {
		/*width:65%;*/
	}
	#workplace div.theForm select.middle {
		/*width:49%;*/
	}
	#workplace div.theForm select.vmiddle {
		/*width:36%;*/
	}
	#workplace div.theForm select.short {
		/*width:18%;*/
	}
	#workplace div.theForm div#tweet_feed {
		/*margin:1% 0 0 1%;*/
	}
	#workplace div.theForm div.record span.check {
		/*margin:1.8% 0 0 1.5%;
		font-size:0.85em;*/
	}
	#workplace div.theForm div.record span.check {
		/*float:left;
		margin-left:19%;
		margin-top:1%;*/
		/*height:30px; line-height:30px;
		color:#444;
		font-size:0.95em;
		cursor:pointer;*/
	}
	#workplace div.theForm label.error {
		/*width:100%;
		font-size:0.85em;
		line-height:20px;*/
	}
	#workplace div.theForm .btnSubmit {
		/*float:left;*/
		width:95.6%;
		margin-left:2.2%;
		/*padding:0;
		height:34px; line-height:34px;*/
		margin-top:1%;
		/*font-size:0.95em;*/
	}
	#workplace div.theForm.product .btnSubmit,
	#workplace div.theForm.user .btnSubmit,
	#workplace div.theForm.purchase .btnSubmit {
		margin-left:2.2%;
	}
	#workplace div.theForm.product.update .btnSubmit {
		margin-left:2.5%;
	}
	#workplace div.theForm .btnSubmit.pay {
		/*float:left;
		position:relative;*/
		margin:0 0 0.5% 2.2%;
	}
	#workplace div.theForm.chngPass .btnSubmit {
		margin-left:2.2%;
		/*padding:0;*/
	}
	#workplace div.theForm label.process {
		/*float:left;
		width:94.5%;*/
		margin:2% 0 0 2.5%;
		/*background:url(../images/system/loading.gif) center no-repeat;*/
	}
	#workplace div.theForm.chngPass label.process {
		margin:2% 0 0 2.5%;
	}
	#workplace div.theForm div.suggest {
		width:90%;
		/*margin-top:32px;
		padding:1% 0;*/
	}
	#workplace div.theForm div.suggest #time {
		/*padding-left:6%;
		padding-bottom:2%;*/
	}
	#workplace div.theForm div.displayInfo {
		width:98%;
		margin:0;
	}
	#workplace div.theForm div.displayInfo label#header {
		/*width:94%;
		padding:1% 3%;*/
	}
	#workplace div.theForm div.displayInfo p {
		/*padding:0 0 0 3%;
		height:28px; line-height:28px;*/
	}
	#workplace div.theForm div.displayInfo p#midigta {
		/*padding-left:3%;*/
	}
	/* ----------------  popup form  -------------------*/
	#workplace div.theForm a#addNew {
		margin:0;
		/*width:30px;*/
		height:32px; line-height:32px;
		/*text-align:center;
		font-size:1.25em;*/
	}
	#workplace div.theForm div.popupContainer {
		/*width:580px;*/
		top:20px;
	}
	#workplace div.theForm .popupHeader {
		/*padding:0 20px;
		height:38px; line-height:38px;
		font-size:1em;*/
	}
	#workplace div.theForm .popupHeader span.close {
		/*top:0px;
		height:38px; line-height:38px;
		font-size:1.2em;*/
	}
	#workplace div.theForm .popupBody label {
		width:25%;
		/*font-size:0.9em;*/
	}
	#workplace div.theForm .popupBody input.dheer {
		width:70%;
	}
	#workplace div.theForm .popupBody select.dheer,
	#workplace div.showRecord .popupBody select.dheer {
		width:50%;
	}
	#workplace div.showRecord .popupBody select.gaab {
		width:30%;
	}
	#workplace div.showRecord .popupBody input.gaab {
		width:25%;
	}
	#workplace div.theForm .popupBody .btnAdd {
		/*padding:0 7%;
		margin:1% 2.7% 3%;
		height:32px; line-height:30px;
		font-size:1em;*/
	}
	#workplace div.theForm .popupBody label.oops {
		margin:1% 0 0 25%;
		/*padding:0 0 0 4%;
		line-height:18px;
		font-size:0.9em;*/
	}
	/* ------  add to list ------ */
	#workplace div.theForm div.record .listCaves {
		/*width:95% !important;*/
		padding:1% 2.5%;
	}
	#workplace div.theForm #topCaves,
	#workplace div.theForm #btmCaves {
		/*float:left;
		width:100%;
		color:#555555;
		margin:0 0 1%;*/
	}
	#workplace div.theForm #topCaves {
		/*display:none;*/
	}
	#workplace div.theForm .listCaves div.cave {
		/*margin:0 1% 0.5% 0;
		font-size:0.9em; border:1px solid #f00;*/
	}
	#workplace div.theForm .listCaves #btmCaves div.cave {
		margin:0 1% 1.5% 0;
		/*min-height:32px;*/
	}
	#workplace div.theForm .listCaves a.addToList {
		/*height:32px; line-height:32px;
		font-size:0.95em;*/
	}
	#workplace div.theForm.product .listCaves div.cave.lshort {
		width:33%;/* border:1px solid #00f;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle {
		width:28%;/* border:1px solid #ff0;*/
	}
	#workplace div.theForm.product .listCaves div.cave.xmiddle {
		/*width:auto; border:1px solid #093;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle div.switch {
		/*left:0%;*/ margin:2px;
		margin-right:10px;
		/*width:50px;
		height:26px;*/
	}
	#workplace div.theForm.product .listCaves div.cave.middle span.check {
		/*float:left;
		margin-left:5%;
		margin:0 !important;*/
		/*height:30px; line-height:30px;
		height:34px; line-height:34px;
		font-size:1em; */
		/*cursor:pointer;*/
	}
	#workplace div.theForm.asset div.record span.check.months {
		/*float:left;
		margin:0;
		margin-left:1%;*/
		/*height:30px; line-height:30px;
		height:34px; line-height:34px;*/
		/*font-size:1em;
		cursor:pointer;*/
	}
	/* -- add purchase order -- */
	#workplace div.theForm.prchsOrder .listCaves div.cave {
		width:32%;
	}
	#workplace div.theForm.prchsOrder .listCaves div#topCaves div.cave.hide {
		/*display:none;*/
	}
	#workplace div.theForm.prchsOrder .listCaves div#btmCaves div.cave span.responsive {
		/*display:inline;*/
	}
	/* -- add purchase -- */
	#workplace div.theForm.purchase .listCaves div.cave.xmiddle {
		width:32% !important;
	}
	#workplace div.theForm.purchase .listCaves div.cave.mshort {
		width:16% !important;
	}
	#workplace div.theForm.purchase .listCaves div.cave.vshort {
		width:18.99% !important;
	}
	#workplace div.theForm.purchase .listCaves div.cave.action {
		width:99% !important;
	}
	#workplace div.theForm.purchase div.displayInfo.product,
	#workplace div.theForm.sales div.displayInfo.product {
		/*float:left;*/
		width:94%;
		/*margin:0 2.5%;*/
	}
	#workplace div.theForm div.displayInfo.product label#header {
		/*width:100%;
		padding:1.5% 4%;
		box-sizing:border-box;*/
	}
	/* -- add sales -- */
	#workplace div.theForm.sales .listCaves div.cave {
		width:20%; /*border:1px solid #00f;*/
	}
	#workplace div.theForm.sales .listCaves #topCaves div.cave.vlarge,
	#workplace div.theForm.sales .listCaves #btmCaves div.cave.vlarge {
		width:41%;
	}
	#workplace div.theForm.sales .listCaves #topCaves.second {
		display:none;
	}
	/* -- add shelves -- */
	#workplace div.theForm.shelf .listCaves div.cave {
		width:30%;
	}
	#workplace div.theForm.product .listCaves label.error {
		margin:0;height:32px; line-height:32px;
		font-size:0.95em;
		background:url(../images/system/error_s.png) left center no-repeat;
		background-size:15px;
	}
	/* -- the list -- */
	#workplace div.theForm div#list {
		width:95%;
		margin:0 2.5% 1%;
	}
	#workplace div.theForm div#list div.column.subTtl,
	#workplace div.theForm div#list div.column.total {
		display:none;
	}
	#workplace div.theForm div#list div.listItem div.column {
		/*padding:0.3% 0;
		min-height:28px;*/
	}
	#workplace div.theForm div#list header div.column {
		height:28px; line-height:28px;
	}
	#workplace div.theForm div#list div.column.first {
		width:7%;
		/*padding:0;height:28px; line-height:28px;*/
	}
	#workplace div.theForm div#list div.column.first {
		/*padding:0 !important; margin:0; line-height:34px;*/
	}
	#workplace div.theForm.product div#list div.column.middle {
		width:35%;
	}
	#workplace div.theForm div#list div.column a#remove {
		background:url(../images/system/b_delete.png) 0 3px no-repeat;
	}
	#workplace div.theForm.prchsOrder div#list div.column.xmiddle {
		width:28%;
	}
	#workplace div.theForm.prchsOrder div#list div.column.mshort {
		width:15%;
	}
	#workplace div.theForm.prchsOrder div#list div.column.short {
		width:14%;
	}
	#workplace div.theForm.shelf div#list div.column.middle {
		width:35%;
	}
	#workplace div.theForm.shelf div#list div.column.vshort {
		width:15%;
	}
	#workplace div.theForm.sales.update div#list div.column input[type="checkbox"] {
		/*transform:scale(0.7,0.7);*/
	}
	/*--- user add ---*/
	#workplace div.theForm.user div.record input.lshort {
		width:30%;
	}
	#workplace div.theForm.user div.record input#txtEmail {
		width:80%;
	}
	#workplace div.theForm.user div.record span.check {
		/*float:left;
		margin-left:5%;
		margin:0;
		color:#000;height:34px; line-height:34px;
		font-size:1em;*/
		/*cursor:pointer;*/
	}
	#workplace div.theForm div#header {
		/*float:left;
		width:auto;*/
		/*padding:2.5% 0 1.5%;
		font-family:raspoutine;
		color:#333333;
		font-size:0.95em;
		font-weight:bold;
		letter-spacing:0.3px;
		margin:0 2.5%;*/
	}
	#workplace div.theForm label.error.inline {
		/*width:auto;*/
		margin:0.5% 2.5%;
	}
	#workplace div.theForm input#checkAll {
		margin:0 1% 0 3%;
		transform:scale(1.2,1.2);
		-moz-transform:scale(1.2,1.2);
		-webkit-transform:scale(1.2,1.2);
	}
	#workplace div.theForm span#tickAll {
		/*float:left;
		width:auto;
		margin:1.2% 2% 0 1%;
		font-size:0.85em;
		cursor:pointer;*/
	}
	#workplace div.theForm div#userRights {
		/*float:left;*/
		width:94.5%;
		margin:2% 2.5% 0.5%;
	}
	#workplace div.theForm div#userRights div.rights {
		/*float:left;*/
		width:100%;
		/*margin-right:0;*/
	}
	#workplace div.theForm div#userRights div.rights.two,
	#workplace div.theForm div#userRights div.rights.four {
		float:left;
	}
	#workplace div.theForm div#userRights fieldset {
		/*float:left;*/
		width:100%; min-height:1px;
		padding:3% 0 1%; margin-bottom:2%;
		/*border:1px solid #cccccc;*/
	}
	#workplace div.theForm div#userRights div.rights.three fieldset,
	#workplace div.theForm div#userRights div.rights.four fieldset {
		min-height:1px;
	}
	#workplace div.theForm div#userRights fieldset legend {
		/*position:relative;*/
		margin-left:20px;
		padding:4px 35px 4px 14px;
		/*font-size:0.9em;
		border:1px solid #cccccc;*/
	}
	#workplace div.theForm div#userRights fieldset > div {
		/*float:left;*/
		width:46%;
		margin-left:4.2%; margin-bottom:2.5%;
	}
	#workplace div.theForm div#userRights fieldset > div:nth-child(odd) {
		margin-left:0;
	}
	#workplace div.theForm div#userRights input.checkOne {
		/*height:auto;
		padding:0;*/
		margin-top:0.8%;
		transform:scale(1.2,1.2);
	}
	#workplace div.theForm div#userRights label.tickOne {
		/*float:left;*/
		margin:0 0 0 3%;
		/*font-size:0.85em;
		cursor:pointer;*/
	}
	/* -- add purchase -- */							/*  BEGIN HERE  */
	#workplace div.theForm.purchase fieldset {
		/*width:97.5%;*/
	}
	#workplace div.theForm.purchase fieldset legend {
		/*margin-left:20px;
		padding:7px 20px;*/
		margin-bottom:1%;
	}
	#workplace div.theForm.purchase fieldset > p {
		width:31%;
		/*margin-left:2%;*/
	}
	#workplace div.theForm.purchase fieldset > p:nth-child(3),
	#workplace div.theForm.purchase fieldset > p:nth-child(5),
	#workplace div.theForm.purchase fieldset > p:nth-child(7) {
		/*margin-left:2%;*/
	}
	#workplace div.theForm.purchase fieldset > p input {
		/*width:95%;
		padding:0 0 0 4%;*/
	}
	#workplace div.theForm.chngPass div.record #leftPrt {
		/*width:32%;
		margin:0;*/
	}
	#workplace div.theForm.chngPass div.record #rghtPrt {
		width:100% !important;
	}
	#workplace div.theForm div.record #leftPrt {
		/*height:32px; line-height:32px;*/
	}
	#workplace div.theForm div.record #rghtPrt {
		/*width:78% !important;*/
	}
	#workplace div.theForm.chngPass div.record input {
		width:97.5%;
	}
	/* ----------------------- show Record ----------------------- */
	#workplace div.showRecord {
		width:95%;
		margin:1.5% 0;
		padding:2% 2.5%;
		/*min-height:100vh;*/
	}
	#workplace div.showRecord #leftSide {
		/*width:100%;*/
	}
	#workplace div.showRecord #rightSide {
		/*float:left;
		width:100%;*/
	}
	#workplace div.showRecord #leftSide header {
		height:34px; line-height:34px;
		/*padding:0 2%;*/
	}
	#workplace div.showRecord div.details {
		/*width:100%;
		box-sizing:border-box;*/
	}
	#workplace div.showRecord div.details.responsive,
	#workplace div.showRecord #leftSide div.responsive {
		/*display:inline;*/
	}
	#workplace div.showRecord #leftSide #record {
		font-size:0.87em;
	}
	#workplace div.showRecord #leftSide #record:last-child {
		/*border-bottom:none;*/
	}
	#workplace div.showRecord #leftSide #colLeft {
		/*width:26%;*/
		padding:1.5% 0;
		/*line-height:normal; height:auto;*/
	}
	#workplace div.showRecord #leftSide #colRight {
		/*width:66%;*/
		padding:1.5% 4% 1.5% 2%;
	}
	#workplace div.showRecord #leftSide #colRight p {
		margin:0 0 1.5%;
	}
	#workplace div.showRecord #leftSide span.status {
		/*padding:0.5% 4% 0.5% 2%;
		font-size:1em;*/
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	#workplace div.showRecord #rightSide div.imgHolder {
		width:28.2%;
		/*margin:0 0 2% 0%;*/
	}
	#workplace div.showRecord #rightSide div.imgHolder img {
		/*height:auto;*/
	}
	#workplace div.showRecord #rightSide a#back {
		/*float:left;*/
		width:99.7%;
		/*margin:0 0 2% 2%;
		padding:0;*/
		height:30px; line-height:30px;
	}
	#workplace div.showRecord.user #rightSide a#back {
		float:left;
		width:20% !important;
	}
	#workplace div.showRecord #rightSide a#print/*,
	#workplace #loadPage #dynamicQnd a#print.report*/ {
		float:left;
		margin:0 2% 1.5% 0;
		padding:0 10% 0.2%;
		/*height:32px; line-height:32px;
		color:#7e530e;
		cursor:pointer;
		text-decoration:none;*/ background:rgba(190,190,190,0.1); border:1px solid #ccc;
	}
	#workplace div.showRecord #rightSide a#print::before,
	#workplace #loadPage #dynamicQnd a#print.report::before {
		/*position:relative;
		left:-10px;*/
		/*font-family:FontAwesome;
		content:"\f02f";
		font-size:1.1em;*/
	}
	#workplace div.showRecord.sales #rightSide a#print::after {
		/*content:" print";*/
	}
	#workplace div.showRecord #rightSide h3#title,
	#workplace div.showRecord #rightSide div.details {
		/*display:none;*/
	}
	/* -- profile -- */
	#workplace div.showRecord #rightSide div#prflePic {
		/*position:relative;
		float:left;*/
		width:28%;
		/*margin:0 0 2%;*/
	}
	#workplace div.showRecord #rightSide div.imgWrap {
		/*width:99%;
		margin:0 0 4%;*/
	}
	#workplace div.showRecord div.imgWrap #imgChange {
		height:32px !important;
		line-height:32px !important;
	}
	#workplace div.showRecord div.imgWrap #imgChange input[type="file"] {
		height:32px;
	}
	#workplace div.showRecord div#prflePic a#remove {
		/*float:left;
		margin:3% 0 5%;*/
		width:100%;
		padding:5px 0 6px;
		/*text-decoration:none;
		cursor:pointer;*/
		background:url(../images/system/b_delete.png) 25% center no-repeat;
		background-color:rgba(190,190,190,0.1);
		border:1px solid #ccc;
		text-align:center;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		box-sizing:border-box;
	}
	#workplace div.showRecord div#prflePic a#remove:hover,
	#workplace div.showRecord div#prflePic a#remove:focus {
		background-color:#25dbf1;
	}
	/* --- show user -- */
	#workplace div.showRecord div#header {
		width:100%;
		padding:1% 0;
	}
	#workplace div.showRecord div#rights {
		/*float:left;
		width:100%;*/
	}
	#workplace div.showRecord div#rights div.userRights {
		/*float:left;*/
		width:48%;
		margin:2% 0 0;
	}
	#workplace div.showRecord div.userRights:first-child {
		margin:2% 0 0;
	}
	#workplace div.showRecord div.userRights.two,
	#workplace div.showRecord div.userRights.four {
		float:right !important; margin:2% 0 0;
	}
	#workplace div.showRecord div.userRights fieldset {
		/*float:left;*/
		width:98%;
		/*margin:0 0 5px;
		margin:0;
		padding:3% 1%;*/
		/*border:1px solid #cccccc;*/
		min-height:272px;
		/*border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;*/
	}
	#workplace div.showRecord div.userRights.three fieldset,
	#workplace div.showRecord div.userRights.four fieldset {
		min-height:5px;
	}
	#workplace div.showRecord div.userRights fieldset legend {
		/*letter-spacing:0.5px;*/
		padding:7px 22px;
		margin-left:14px;
	}
	/* -- show list items -- */
	#workplace div.showRecord div.details.long div.listItems {
		/*margin:1% 0 0;
		box-sizing:border-box;*/
	}
	#workplace div.showRecord div.details.long div.listItems header {
		/*background:#e6e6e6;
		height:33px; line-height:33px;*/
	}
	#workplace div.showRecord div.details.long div.listItems #record {
		height:33px; line-height:33px;
	}
	#workplace div.showRecord div.details.long div.listItems header div.box {
		/*padding:0 0 0 1%;*/
	}
	#workplace div.showRecord div.details.long div.listItems #record div.box {
		padding:0 0 0 1%;
	}
	/* -- prchsOrder -- */
	#workplace div.showRecord.prchsOrder div.details.long div.listItems div.box.middle {
		display:none;
	}
	#workplace div.showRecord.prchsOrder div.details.long div.listItems div.box {
		width:16%;
	}
	#workplace div.showRecord.prchsOrder div.details.long div.listItems div.box.xmiddle {
		width:45%;
	}
	/* -- purchase -- */
	#workplace div.showRecord.purchase div.details.long div.listItems div.box.xmiddle {
		width:30%;
	}
	#workplace div.showRecord div.listItems a#return {
		/*float:left;*/
		padding-left:25px;
		/*color:#b96125;
		text-decoration:none;
		cursor:pointer;*/
		background:url(../images/system/b_undo.png) left center no-repeat;
	}
	/* -- distrPrdt -- */
	#workplace div.showRecord.distrPrdt div.details.long div.listItems div.box.xxmiddle {
		width:55%;
	}
	/* -- prdtShlf -- */
	#workplace div.showRecord.prdtShlf div.details.long div.listItems div.box.xxmiddle {
		width:55%;
	}
	/* -- sales -- */
	#workplace div.showRecord.sales div.details.long.second div.listItems div.box.xmiddle {
		width:40%;
	}
	#workplace div.showRecord.sales div.details.long.second div.listItems div.box.middle {
		width:30%;
	}
	#workplace div.showRecord.sales div.details.long.second div.listItems div.box.middle.important {
		width:15%;
	}
	/* -- asset -- */
	#workplace div.showRecord.asset div.details.long div.listItems div.box.xmiddle {
		width:40%;
	}
	#workplace div.showRecord.asset div.details.long div.listItems div.box.middle {
		width:24%;
	}
	#workplace div.showRecord div#totals {
		width:100%;
		/*margin:3% 0;*/
	}
	#workplace div.showRecord div#totals label,
	#workplace div.showRecord div#totals span {
		/*width:40%;*/
		padding:1.5% 3%;
	}
	#workplace div.showRecord div#totals label {
		/*width:55%;*/
	}
	/* -- settings -- */
	#workplace div.showRecord a#edit {
		padding-left:6%;
	}
	/* ------------------------- reports ------------------------- */
	#workplace div.reportArea {
		width:94%;
		/*padding:3%;*/
		margin:1.5% 0;
		min-height:100vh;
		font-size:0.92em;
	}
	#workplace div.reportArea div.oneDiv {
		width:50%;
		/*margin:0 0 1.5% 0;
		padding-bottom:1.5%;
		border-bottom:1px dotted #bbbbbb;*/
	}
	#workplace div.reportArea div#clear {
		/*display:none;*/
	}
	#workplace div.reportArea div.oneDiv input[type="radio"] {
		/*margin:1.5% 4% 0 0;*/
		transform:scale(1.3,1.3);
		-moz-transform:scale(1.3,1.3);
		-webkit-transform:scale(1.3,1.3);
	}
	/* -- */
	#workplace div.reportArea div#filterCmdPrcess {
		/*width:99%;
		margin-top:2%;*/
	}
	#workplace div.reportArea div#filterCmdPrcess #filterWrap {
		/*width:100%;
		margin-right:0;*/
	}
	#workplace div.reportArea button {
		width:28%;
		/*margin:0.5% 0 0 22%;*/
		height:32px;
	}
	#workplace div.reportArea label#process {
		margin:2.5% 0 0 3%;
	}
	#workplace div.reportArea div#filterWrap div.filter {
		margin-bottom:1.5%;
	}
	#workplace div.reportArea div#filterWrap div.filter label {
		/*width:22%;
		margin-top:1%;*/
	}
	#workplace div.reportArea div#filterWrap div.filter input[type="text"],
	#workplace div.reportArea div#filterWrap div.filter input[type="month"],
	#workplace div.reportArea div#filterWrap div.filter select {
		width:36%;
	}
	#workplace div.reportArea div#filterWrap div.filter select {
		width:37.3%;
		/*margin-right:1.5%;*/
	}
	#workplace div.reportArea div#filterWrap div.filter input[type="text"].long {
		width:74.6%;
	}
	#workplace div.reportArea div#filterWrap div.filter select.long {
		width:37.3%;
		/*margin-right:1.5%;*/
	}
	/* -- income statement */
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#mdgDiv,
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#dhexDiv {
		/*float:left;*/
		width:76%;
		margin-bottom:1.5%;
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment p#dhexDiv {
		margin-left:22%;
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="radio"] {
		/*float:left;*/
		margin:2.5% 2.5% 0 0;
		/*transform:scale(1.2,1.2);*/
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="radio"] ~ span {
		/*float:left;
		height:32px; line-height:32px;
		font-size:0.9em;
		cursor:pointer;*/
	}
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment input[type="month"],
	#workplace div.reportArea div#filterWrap div.filter.byIncStatment select {
		/*float:right;
		width:72%;*/
		/*margin:0;
		padding-left:2%;
		height:32px;
		box-sizing:border-box;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest {
		/*position:absolute;*/
		width:69.3% !important;
		/*margin-top:32px;*/
		margin-left:20.5%;
		padding:1% 0.5%;
		/*background:#ffffff;
		border:1px solid #bbbbbb;
		display:none;
		z-index:100;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest #time {
		/*float:left;
		width:85%;
		margin:0 2.5% 1%;
		padding-left:9%;
		min-height:30px;
		background:url(../images/system/timeline-bg.png) no-repeat;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest a {
		/*color:#333333;
		display:block;
		cursor:pointer;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest p {
		/*float:left;
		width:100%;
		margin-bottom:1%;
		font-size:0.9em;*/
	}
	#workplace div.reportArea div#filterWrap div.filter div.suggest p#notFound {
		/*margin:1% 0;
		font-style:italic;
		text-align:center;*/
	}
	/* -- report show */
	#workplace div#loadPage div#dynamicQnd h3#title {
		/*float:left;
		width:100%;*/
		margin:1.5% 0;
		/*font-family:raspoutine;
		font-size:1.1em;*/
		/*letter-spacing:0.5px;
		text-align:center;*/
	}
	#workplace div#loadPage div#dynamicQnd h5#dates {
		/*float:left;
		width:100%;
		margin:0 0 0.8%;
		font-size:0.9em;*/
		/*letter-spacing:0.5px;
		text-align:center;
		font-weight:normal;*/
	}
	#workplace div#loadPage div#dynamicQnd h5#dates.second {
		margin:0 0 3%;
	}
	#workplace #loadPage #dynamicQnd.report #foundNum {
		width:100%;
		/*margin:0;*/
	}
	#workplace #loadPage #dynamicQnd.report #filters {
		width:100%;
		margin:1.5% 0;
		/*line-height:10px; border:1px solid #f00;*/
	}
	#workplace #loadPage #dynamicQnd #filters a#back {
		width:25%;
		/*margin:0;*/
		height:30px; line-height:30px;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#buttons a#back {
		/*float:left;*/
		width:25%;
		/*margin:0;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#print.report {
		width:auto; margin:0;/* padding:0;*/
	}
	#workplace #loadPage #dynamicQnd a#print.report {
		margin:0 0 0 1%;
		height:30px; line-height:30px;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn a#print.report {
		/*margin:0 0 5%;
		width:100%;
		text-align:center;
		padding-left:4%;
		height:32px; line-height:32px;*/
	}
	#workplace #loadPage #dynamicQnd #lastDiwan {
		float:left;
		width:100.5%;
		/*margin:1.5% 0 0;
		font-size:0.95em;*/
	}
	/* -- income statement -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn {
		position:relative;
		float:left;
		/*width:100%;
		margin:1% 0;*/
		/*font-size:0.95em;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#buttons {
		/*float:left;*/
		position:static;
		width:100%;
		margin:1.5% 0;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header {
		/*float:left;
		width:100%;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h3,
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h4,
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h5 {
		/*float:left;
		width:100%;
		margin:0;*/
		/*text-align:center;*/
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h3 {
		margin:1.5% 0;
		/*font-size:1.1em;*/
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h4 {
		/*font-size:1em;*/
		margin:0 0 0.8%;
	}
	#workplace div#loadPage div#dynamicQnd div#incomeDsgn div#header h5 {
		margin:0.7% 0;
		/*font-size:0.9em;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#header h5.last {
		/*padding:0 0 3%;
		border-bottom:1px dotted #999999;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#details {
		/*float:left;*/
		width:100%;
		/*margin:0;*/
		padding:1% 0; background:none;
	}
	/* -- cashflow -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center {
		/*float:left;
		width:100%;
		margin:0 0 1%;*/
		/*border-bottom:1px dotted #999999;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center.cashflow {
		/*width:100%;
		margin:0 0 1%;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#details label {
		/*float:left;
		width:100%;
		margin:2% 0 1%;*/
		font-size:0.9em; color: #b96125;
		/*text-transform:uppercase;
		font-weight:bold;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#details label.second {
		/*margin:4% 0 1%;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#oneRec {
		/*float:left;
		width:100%;*/
		padding:0.5% 0;
		font-size:0.9em;
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#oneRec span.left {
		/*float:left;
		width:55%;
		margin-left:2%; */
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div#oneRec span.right {
		/*float:right;
		width:40%;
		text-align:right;*/
	}
	/* -- Balance Sheet -- */
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center div.part {
		/*float:left;*/
		width:100%;
		min-height:10px;
		/*padding-bottom:2%;
		border-top:1px dotted #999999;
		border-right:1px dotted #999999;
		box-sizing:border-box;*/
	}
	#workplace #loadPage #dynamicQnd div#incomeDsgn div.center div.part.asset {
		/*min-height:10px;*/
	}
}

@media only screen and (max-width:320px) { /* testing 520px, upload 320px maxamud istag */
	body { background:#FF9F00;  /*orange */ }
}