.abicdi {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -32px;
  	margin-left: -32px;
	z-index: 999;
}
.aboutCancel {
	width: 35%;
	margin: 5% 9% 5% 5% !important;
}
.aboutSave {
	width: 35%;
	margin: 5% 5% 5% 9% !important;
}
.advertGap {
	height: 2px;
	background: lightgrey;
}
.advertImage {
	width: 360px;
	height: 180px;
	border-style: outset;
}
.atLeft {
	position: absolute;
	margin: 3px;
	left: 0px;
	top: 0px;
	cursor: pointer;	
}
.atRight {
	position: absolute;
	margin: 3px;
	right: 0px;
	top: 0px;
	cursor: pointer;
}
/* .barcodePad {
	position: absolute;
	right: 5px;
	top: 50px;
}
.barcodePhone {
	position: absolute;
	right: 0px;
}	*/
.block {
	position: absolute;
	top: 0px;
	left: 232px;
	width: 536px;
	height: 120px;
	background: lightyellow;
	overflow: hidden;
}
body {
	overflow-x: hidden;
}
.button-right {
	float: right;
}
.clientLogo {
	margin: 0px;
	left: 0px;
}
.clientName {
/*	text-shadow: 1px 1px 0 grey;	*/
	white-space: nowrap;
}
.buddyMsgBlock, .couponBlock, .favoriteBlock, .searchBlock {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 554px;
	height: 111px;
/*	background: lightyellow;	*/
	background-color: rgba(245, 222, 179, 0.3);
	overflow: hidden;
	cursor: pointer;
}
.desktopBlock {
	width: 554px;
	height: 111px;
	background-color: rgba(245, 222, 179, 0.3);
	overflow: hidden;
	cursor: pointer;
}
.expiration {
	background: lightyellow;
	text-align: right;
	width: 100%;
}
.advertDelete {
	display: none;
}
.buddyDelete {
	display: none;
	position: absolute;
	margin: 3px;
	left: 0px;
	top: 0px;
	cursor: pointer;
}
.buddyMsgDelete, .couponDelete, .favoriteDelete, .orderDelete {
	display: none;
	position: absolute;
	margin: 3px;
	right: 0px;
	top: 0px;
	cursor: pointer;
}
.buddyInfo {
	width: 100%;
}
.buddyMsgLogo, .couponLogo, .favoriteLogo, .searchLogo {
	margin: 0px;
	left: 0px;
	width: 214px;
	height: 111px;
}
.desktopLogo {
	margin: 0px;
	left: inherit;
	width: 214px;
	height: 111px;
	position: absolute;
	right: 0px;
}
.CRerror {
	color: red;
}
.desc1 {
	width: 868px;
}
.gap {
	height: 1px;
	background: lightgrey;
}
.businessRegistration, .consumerRegistration, .developerRegistration, .forgotPassword {
	clear: right;
	float: right;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 10px;	
}
.gap {
	background-color: lightgrey;
}
.height80 > li {
/*	margin-bottom: 2px !important;	*/
	background: lightYellow;
}
.icon {
	cursor: pointer;	
}
.iconList {
	position: relative;
	display: none; 
}
.iconCount {
    background: #ff0000;
    position: absolute; 
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
}
.iconCount2 {
    background: #ffffff;
    position: absolute; 
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
}
.itemList {
	position: absolute;
	top: 0px;
	left: 5000px;
}
.refresh > div {
	position: absolute;
	margin: 0px
	right: 24px;
	top: 48px;
	z-index: 3;
}
.remove {
	display: none;
}
.remove > div {
	position: absolute;
	margin: 0px
	right: 24px;
	top: 48px;
	z-index: 3;
}
.repeatOrder2 {
	text-decoration: none;
}

/* Order Item Panel */
.itemName {
	width: 80%;
}
.newBuddy {
	display: none;
}
.orderButton, .couponButton {
	display: none;
}
.orderItem, .statusLog {
	width: 100%;
	font-size: 28px;
	border-color: lightgrey;
}
.orderStatus {
	width: 50%;
}
.bMessage {
	background: white;
	margin-left: 2%;
}
.bMessage:after {
	left: 10px;
}
.bMsgTime {
	margin-bottom: 0px;
	margin-left: 4%;
	font-size: 10px;
}
.cMessage {
	background: rgb(144, 238, 144);
	margin-left: 34%;
}
.cMessage:after {
	right: 10px;
}
.cMsgTime {
	margin-bottom: 0px;
	margin-left: 36%;
	font-size: 10px;
}
textarea.cMsg {
	width: 65%;
	margin-left: 2%;
	float: left;
}
.comment {
	margin-top: 0px;
    color: black;
    position: relative;
    padding: 2%;
    border-radius: 10px;
	border: 2px solid grey;
	font-size: 24px;
	text-shadow: none;
	background: rgb(222, 252, 222);
}
.orderMessage {
	margin-top: 0px;
    color: black;
    position: relative;
    padding: 2%;
    width: 60%;
    border-radius: 10px;
	border: 2px solid grey;
	text-shadow: none;
}
.orderMessage:after {
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid grey;
    content: '';
    position: absolute;
    bottom: -10px;
}
.msgIcon {
	position: absolute;
	right: 2%;
	bottom: 10%;
}
.orderMessage.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}
.orderMessage.left:after {
    left: 10px;
    margin: 0;
}
.orderMessage.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
.pointer {
	display: none;
}
/*	.qricon {
	position: absolute;
	width: 80px;
	top: 20px;
	right: 20px;
	opacity: .35;
}	*/
.rank {
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 120px;
	color: red;
}
.viewImage, .cancelOrder, .repeatOrder {
	width: 29%;
}
.sendMsg {
	width: 29%;
	float: right;
}
.toPhone {
	width: 60% !important;
	float: left;
}
.searchButton {
	width: 25%;
}
.searchButtonDiv {
	display: inline-block;
	width: 98%;
}
.transferCoupon {
	width: 30%;
}
h1.introjs-showElement {
	background: #5e87b0;
}