@charset "utf-8";
/* CSS Document */

#wrapper {width: 100%;height: 100%;	overflow: hidden;}

/************************************GLOBAL HEADER [start]************************************/



#GHEAD {
	width: 100%;
	min-width: 1200px;
	height: 90px;
	position: fixed;
	left: 0px;
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
	z-index: 999981;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
}

#GHEAD .h-body {
	width: 100%;
	height: 89px;
	float: left;
	background: #fff;
	z-index: 1;
	position: relative;
}

/**GHEAD Logo [start]**/

#GHEAD #userLogo {
	width: 250px;
	height: 89px;
	padding: 20px;
	border-right: 1px solid #ececec;
	float: left;
	background: url(../storage/img/icon/blueTriangle.png) no-repeat right bottom;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

#GHEAD #userLogo img {width: 100%;height: 100%;}

/**GHEAD Logo [end]**/

#GHEAD #headerPanel {float: left;transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
#GHEAD #headerPanel .topPanel {width: 100%;	height: 39px;float: left;border-bottom: 1px solid #ececec;padding: 11px;}

/**GHEAD Exchange Rate [start]**/

#GHEAD #headerPanel .topPanel #xchangeRate {width: auto;float: left;margin-left: -15px;}

#GHEAD #headerPanel .topPanel #xchangeRate li {
	width: auto;
	float: left;
	display: inline;
	font-family: robotoreg;
	font-size: 11px;
	color: #888888;
	border-right: 1px solid #dfdfdf;
	text-transform: uppercase;
	padding: 0px 15px;
}

#GHEAD #headerPanel .topPanel #xchangeRate li:last-child {border-right: 0px;}
#GHEAD #headerPanel .topPanel #xchangeRate li span {font-family: robotobold;color: #000;}

/**GHEAD Exchange Rate [end]**/

/**GHEAD Wallet Balance [start]**/

#GHEAD #headerPanel .topPanel #walletBalance {width: auto;float: right;margin-right: -15px;}

#GHEAD #headerPanel .topPanel #walletBalance li {
	width: auto;
	float: left;
	display: inline;
	font-family: robotoreg;
	font-size: 11px;
	color: #888881;
	border-right: 1px solid #dfdfdf;
	text-transform: uppercase;
	padding: 0px 15px;
}

#GHEAD #headerPanel .topPanel #walletBalance li:last-child {border-right: 0px;}
#GHEAD #headerPanel .topPanel #walletBalance li.balance {font-family: robotobold;font-size: 14px;color: #000;margin-top: -2px;}

/**GHEAD Wallet Balance [end]**/

/**GHEAD Drawer Controller [start]**/

#GHEAD-on, #GHEAD-off {
	outline: none;
	position: fixed;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	border: 1px solid #d4d4d4;
	line-height: 29px;
	text-align: center;
	font-size: 10px;
	color: #cfd1d4;
	border-radius: 100px;
	background: #fff;
	cursor: pointer;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

#GHEAD-on:hover, #GHEAD-off:hover {border: 1px solid #4285f4;color: #4285f4;}

/**GHEAD Drawer Controller [end]**/

#GHEAD #headerPanel .bottomPanel {width: 100%;float: left;}

/**GHEAD Page Title [start]**/

#pageTitle {
	width: auto;
	float: left;
	font-family: robotoreg;
	color: #231f20;
	font-size: 18px;
	padding: 12px 20px;
}

#pageTitle i {padding-right: 5px;}

/**GHEAD Page Title [end]**/

/**GHEAD Search [start]**/

#GHEAD-search {width: 250px;float: right;margin-top: 10px;margin-right: 10px;}

#GHEAD-search input {
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 12px;
	color: #1e1e1e;
	padding: 6px 15px;
	border-radius: 100px;
	border: 1px solid #e3e3e3;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#GHEAD-search button {
	width: auto;
	padding: 6px;
	font-size: 16px;
	background: none;
	border: 0px;
	float: right;
	margin-top: -30px;
	margin-right: 5px;
	outline: none;
	cursor: pointer;
	color: #918f8f;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

#GHEAD-search input:focus {border: 1px solid #4285f4;}
#GHEAD-search button:hover {color: #4285f4;}
#GHEAD-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #918f8f;font-family: robotolight;}
#GHEAD-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #918f8f; font-family: robotolight;}
#GHEAD-search input::-ms-input-placeholder { /* Microsoft Edge */color: #918f8f; font-family: robotolight;}

#GHEAD-qr {
	width: 29px;
	height: 29px;
	line-height: 27px;
	border: 1px solid #3677e2;
	float: right;
	border-radius: 100px;
	margin-top: 10px;
	margin-right: 15px;
	background: #4285f4;
	text-align: center;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}

#GHEAD-qr:hover {background: #2b6edc; border: 1px solid #2566cf;}

/**GHEAD Search [end]**/

/************************************GLOBAL HEADER [end]************************************/

/************************************LHEAD [start]************************************/

#LHEAD {
	width: 100%;
	min-width: 1200px;
	height: 60px;
	position: fixed;
	left: 0px;
	background: #fff;
	border-bottom: 1px solid #dfdfdf;
	z-index: 999981;
	padding: 15px 20px;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
}

#LHEAD .logo {width: auto;float: left;}
#LHEAD .logo .icon {width: 37px; float: left;}
#LHEAD .logo .icon img {width: 100%;}
#LHEAD .logo .label {width: auto; float: left; font-family: hero; font-size: 25px; color: #4285f4; text-transform: uppercase; margin-top: -5px; letter-spacing: -1px; padding-left: 10px;}
#LHEAD .logo .label span.co {color: #0038a8;}
#LHEAD .logo .label span.tm {font-family: robotobold; color: #5b5b5b;} 
#LHEAD .logo .branch {width: auto; float: left; padding-left: 10px; font-family: hero; text-transform: uppercase; font-size: 18px; color: #00000095; margin-top: 5px;}
#LHEAD .menu {width: auto;float: right;margin-top: 3px;}
#LHEAD .menu .nav {width: auto;float: left;margin-top: 5px;margin-right: 20px;}
#LHEAD .menu .nav li {width: auto;float: left;display: inline;padding: 0px 10px;display: block;font-family: robotobold;font-size: 12px;line-height: 12px; color: #8b8b8b; cursor: pointer;}
#LHEAD .menu .nav li:hover {color: #4285f4;}
#LHEAD .menu .hotline {width: auto;float: left;}
#LHEAD .menu .hotline li {width: auto;float: left;display: inline;}

#LHEAD .menu .hotline li.label {
	font-family: robotobold;
	font-size: 10px;
	line-height: 10px;
	margin-right: 10px;
	margin-top: 7px;
	text-transform: uppercase;
	color: #838383;
}

#LHEAD .menu .hotline li.number {
	float: left;
	text-align: center;
	background: #4285f4;
	border: 1px solid #3676e1;
	border-radius: 50px;
	color: #fff;
	padding: 5px 15px;
	font-family: robotobold;
	font-size: 12px;
	line-height: 12px;
}
/************************************LHEAD [end]************************************/

/************************************GLOBAL NAV [start]************************************/

#GNAV {
	height: 100%;
	position: fixed;
	left: 0px;
	background: #fff;
	border-right: 1px solid #cfcfcf;
	z-index: 999980;
	overflow-y: auto;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;

	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);	
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);	
	-ms-box-shadow:0px 0px 3px rgba(0,0,0,0.2);	
	-o-box-shadow:0px 0px 3px rgba(0,0,0,0.2);	
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);	
}

/**GNAV Profile [start]**/

#GNAV #profile {
	width: 249px;
	float: left;
	border-bottom: 1px solid #ebeaea;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#GNAV #profile:hover {background: #f0f4f9;border-bottom: 1px solid #ced7e1;}
#GNAV #profile li {width: auto;float: left;display: inline;list-style-position: none;}
#GNAV #profile li.pic {width: 30%;float: left;}

#GNAV #profile li.pic #userPic {
	border: 1px solid #4f8ef5;
	border-radius: 100px;
	overflow: hidden;
	background: #fff;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

#GNAV #profile li.pic #userPic img {width: 100%; height: 100%;}

#GNAV #profile li#profileData {
	width: 70%;
	float: left;
	padding-right: 10px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#GNAV #profile li#profileData ul li {
	width: 100%;
	float: left;
	display: list-item;
	font-family: robotolight;
	color: #6a6a6a;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 5px;
	word-wrap: break-word;
}

#GNAV #profile li#profileData ul li.name {
	font-family: robotobold;
	font-size: 14px;
	line-height: 14px;
	color: #4285f4;
	margin-top: 5px;
}

#GNAV #profile li#profileData ul li.email {text-decoration: none;color: #4285f4;}

/**GNAV Profile Box Popup [start]**/

#GNAV-profileBox {
	width: 320px;
	height: auto;
	background: #fff;
	position: fixed;
	z-index: 999982;
	left: -400px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.1);	
	box-shadow:0px 2px 15px rgba(0,0,0,0.2);
}

#GNAV-profileBox .header {width: 100%;float: left;padding: 20px;}
#GNAV-profileBox .header .pic {width: 35%;float: left;}

#GNAV-profileBox .header .pic .thumbnail {
	width: 80px;
	height: 80px;
	border: 1px solid #4f8ef5;
	border-radius: 100px;
	overflow: hidden;
	background: #fff;
}

#GNAV-profileBox .header .pic .thumbnail img {width: 100%;height: 100%;}
#GNAV-profileBox .header .data {width: 65%;float: left;}

#GNAV-profileBox .header .data ul li {
	width: 100%;
	float: left;
	display: list-item;
	font-family: robotolight;
	color: #6a6a6a;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 5px;
	word-wrap: break-word;
}

#GNAV-profileBox .header .data ul li.name {
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #4285f4;
	margin-top: 5px;
	margin-top: 13px;
}

#GNAV-profileBox .header .data ul li a {text-decoration: none;color: #4285f4;}
#GNAV-profileBox .header .data ul li a:hover {text-decoration: underline;}
#GNAV-profileBox .nav {width: 100%;float: left;border-top: 1px solid #e5e5e5;}
#GNAV-profileBox .nav li {width: 100%;float: left;display: list-item;}

#GNAV-profileBox .nav li a {
	display: block;
	width: 100%;
	float: left;
	font-family: robotoreg;
	font-size: 16px;
	color: #4e4f4f;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 20px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#GNAV-profileBox .nav li a i {display: inline-block;width: 20px;text-align: center;padding-right: 5px;}
#GNAV-profileBox .nav li a:hover {background: #4285f4;color: #fff;border-bottom: 1px solid #3676e1;}

#GNAV-profileBox .nav li a .mailCount {
	width: 20px;
	height: 20px;
	background: #4285f4;
	border-radius: 100px;
	font-family: robotobold;
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	margin-top: -10px;

	-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	box-shadow:0px 2px 5px rgba(0,0,0,0.3);	
}

/**GNAV Profile Box Popup [end]**/

/**GNAV Profile [end]**/

/**GNAV SideNav [start]**/

#GNAV #sideNav {width: 249px;float: left;}
#GNAV #sideNav li {width: 100%;	float: left;display: list-item;}

#GNAV #sideNav li a {
	display: block;
	font-family: robotobold;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #434242;
	border-bottom: 1px solid #ebeaea;
	padding: 15px 20px;
}

#GNAV #sideNav li a i {
	display: inline-block;
	text-align: center;
	width: 22px;
	float: left;
	font-size: 18px;
	margin-top: -3px;
	padding-right: 10px;
}

#GNAV #sideNav li a span {transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#GNAV #sideNav li a:hover, #GNAV #sideNav li a:hover span, #GNAV #sideNav li.active a, #GNAV #sideNav li.active a span {color: #4285f4 !important;}
#GNAV #sideNav li ul {padding: 10px 0px;float: left;border-bottom: 1px solid #ebeaea; width: 100%;}
#GNAV #sideNav li ul li {width: 100%;float: left;}

#GNAV #sideNav li ul li a {
	display: block;
	font-family: robotolight;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #3d3d3d;
	border-bottom: 0px;
	padding: 10px 20px;	
}

#GNAV #sideNav li ul li a i {
	display: inline-block;
	text-align: center;
	width: 22px;
	float: left;
	font-size: 15px;
	margin-top: -1px;
	padding-right: 10px;
	color: #757575;
}

#GNAV #sideNav li ul li a:hover i, #GNAV #sideNav li ul li.active a i {color: #4285f4;}

/**GNAV SideNav [end]**/

/**GNAV Drawer Controller [start]**/

#GNAV .drawer {width: 100%;float: left;padding: 16px;z-index: 1;position: relative;}

#GNAV .drawer .control button {
	outline: none;
	background: #fff;
	float: right;
	font-size: 20px;
	color: #4c4c4c;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	border-radius: 5px;
	border: 1px solid #ebeaea;
	cursor: pointer;
	transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}

#GNAV .drawer .control button:hover {color: #4285f4;border: 1px solid #4285f4;}

/**GNAV Drawer Controller [end]**/

/**GNAV Footer [start]**/

#GNAV .footer {width: 100%;float: left;padding: 20px;margin-top: -60px;margin-bottom: 70px;}
#GNAV .footer li {width: 100%;float: left;display: list-item;margin-bottom: 15px;}
#GNAV .footer li.power {font-size: 9px;font-family: robotolight;color: #3d3d3d;text-transform: uppercase;}
#GNAV .footer li.footerLogo {width: 130px;line-height: 0px;}
#GNAV .footer li.footerLogo img {width: 100%;}
#GNAV .footer li.copyright {font-size: 11px;line-height: 14px;font-family: robotolight;color: #828282;}
#GNAV .footer li.copyright .copy {font-family: arial;}
#GNAV .footer li.copyright .boq {color: #4285f4;}
#GNAV .footerIcon {width: 100%;	float: left;text-align: center; margin-bottom: 85px;}
#GNAV .footerIcon img {width: 18px;}

/**GNAV Footer [end]**/

/************************************GLOBAL NAV [end]************************************/

/************************************SUB NAV [start]************************************/

#SNAV {
	width: auto;
	float: left;
	margin-left: 15px;
}

#SNAV li {
	width: auto;
	float: left;
	display: inline;
	padding: 0px 10px;
}


#SNAV li a {
	display: block;
	font-family: robotobold;
	font-size: 12px;
	color: #4b4a4a;
	text-transform: uppercase;
	text-decoration: none;
	height: 47px;
	line-height: 50px;
	border-bottom: 3px solid #fff;
}

#SNAV li a:hover, #SNAV li.active a {
	border-bottom: 3px solid #4285f4;
}

/************************************SUB NAV [start]************************************/

/************************************GLOBAL FRAME [start]************************************/

#MFRAME {width: 100%;position: relative;float: left; display: none;}

#MFRAME .globalMargin {
	float: right;
	position: relative;
	text-align: center;
	padding: 30px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

#MFRAME .loginMargin {
	width: 100%;
	float: left;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 30px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}

#MFRAME .globalMargin .globalContainer {width: 100%;max-width: 1100px;display: inline-block; margin-bottom: 25px;}
#MFRAME .loginMargin .loginContainer {width: 100%;max-width: 400px;display: inline-block; margin-bottom: 25px;}

/************************************GLOBAL FRAME [end]************************************/

/************************************GLOBAL POPUP [start]************************************/

/**Pop Up Format [start]**/

#GPOP-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999983;
	background: #000;
	display: none;
	top: 0px;
	right: 0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5;
}

#GPOP-box {
	width: 400px;
	height: 100%;
	background: #fff;
	overflow-y: hidden;
	position: absolute;
	z-index: 999984;
	top: 0px;
	right: -450px;
	padding: 30px;
	display: none;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;

	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
}

#GPOP-box .header {width: 100%;float: left;padding-bottom: 20px;}
#GPOP-box .header .h-title {width: auto;float: left;font-family: robotobold;font-size: 16px;line-height: 16px;color: #4c4c4c;}
#GPOP-box .header .close-btn {width: auto;float: right;margin-top: -3px;}

.pop-xbtn {
	display: block;
	font-size: 26px;
	line-height: 26px;
	cursor: pointer;
	color: #4c4c4c;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

.pop-xbtn:hover {color: #4385f5;}
#GPOP-box .body {width: 100%;height: calc(100% - 90px);overflow: auto;float: left;margin: 0px 0px;}
#GPOP-box .footer {width: 100%;float: left;padding-top: 20px;}
#GPOP-box .footer .f-btnpos {width: auto;float: right;text-align: right;}
#GPOP-box .footer .f-btnpos .btn-bluebox-b:hover {color: #fff;}

#GPOP-box .footer .f-btnpos .btn-bluebox a {
	font-size: 18px;
	width: 35px !important;
	min-width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
	padding: 0px;
	color: #4c4c4c;
	border: 1px solid #878787;
}

#GPOP-box .footer .f-btnpos .btn-bluebox a:hover {color: #fff;border: 1px solid #3b7be4;}

/**Pop Up Format [end]**/

/**Receipt Format [start]**/

#or {width: 100%;height: 100%;float: left;border: 1px dashed #d3d2d2;padding: 20px;}

#or li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px dotted #222222;
	padding: 10px 0px;
	font-family: fakereceipt;
	font-size: 11px;
	line-height: 11px;
	color: #000;
	text-transform: uppercase;
}

#or li:last-child {border-bottom: 0px;}
#or li ul li {border-bottom: 0px;padding: 0px;}
#or li.or-header {text-align: center;}
#or li.or-header ul li.logo {width: 100%;}
#or li.or-header ul li.logo img {width: 209px;height: 49px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
#or li.or-header ul li.b-name {font-size: 12px;line-height: 12px;padding: 15px 0px;}
#or li.or-header ul li.t-type {font-size: 12px;line-height: 12px;padding: 25px 0px;}
#or li.or-body {width: 100%;float: left;padding: 30px 0px;}
#or li.or-body ul li {width: 100%;float: left;padding: 5px 0px;}
#or li.or-body ul li ul li {width: auto;float: left;padding: 0px 0px;}
#or li.or-body ul li ul li:first-child {text-align: left;float: left;}
#or li.or-body ul li ul li:last-child {text-align: right;float: right;}
#or li.or-footer {width: 100%;float: left;padding: 30px 0px;text-align: center;}
#or li.or-footer ul li {width: 100%;float: left;padding: 2px 0px;}
#or li.or-footer ul li.poweredby {font-size: 10px;line-height: 10px;}
#or li.or-footer ul li.ppaylogo {width: 100%;text-align: center;margin-top: 15px;}
#or li.or-footer ul li.ppaylogo img {width: 110px;text-align: center;margin-left: 15px;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}

.URLGenerateQRLink {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

/**Receipt Format [end]**/

/**Pop Up Box Format [start]**/

#BPOP-box {
	width: 500px;
	height: auto;
	min-height: 250px;
	background: #fff;
	position: fixed;
	z-index: 999985;
	top: -800px;
	left: 50%;
	margin-left: -250px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;

	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	-ms-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	-o-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	box-shadow:0px 5px 20px rgba(0,0,0,0.1);
}

#BPOP-box-wide {
	width: 100%;
	max-width: 900px;
	height: calc(100% - 100px);
	overflow: hidden;
	background: #fff;
	position: fixed;
	z-index: 999986;
	top: -1200px;
	left: 50%;
	margin-left: -450px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;

	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	-ms-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	-o-box-shadow:0px 0px 20px rgba(0,0,0,0.1);
	box-shadow:0px 5px 20px rgba(0,0,0,0.1);
}

#BPOP-box .pop-header, #BPOP-box-wide .pop-header {
	width: 100%;
	float: left;
	font-family: robotobold;
	font-size: 16px;
	line-height: 16px;
	color: #4c4c4c;
	padding: 15px 20px;
	border-bottom: 1px solid #dfdfdf;
	text-align: left;
}

#BPOP-box .pop-header .x-btn, #BPOP-box-wide .pop-header .x-btn {
	width: 25px;
	height: 25px;
	position: relative;
	float: right;
	border: 1px solid #dfdfdf;
	border-radius: 100px;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: -10px;
	text-align: center;
	line-height: 23px;
	color: #7a7a7a;
	cursor: pointer;
	font-size: 14px;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}

#BPOP-box .pop-header .x-btn:hover, #BPOP-box-wide .pop-header .x-btn:hover {background-color: #2b6edc;border: 1px solid #3a7ce9;color: #fff;}
#BPOP-box .pop-body, #BPOP-box-wide .pop-body {width: 100%;float: left;padding: 25px;max-height: 530px; overflow-y: auto; overflow-x: hidden;}
#BPOP-box .pop-body, #BPOP-box-wide .pop-body.wide {height: calc(100% - 75px); max-height: 100%;}
#BPOP-box-wide .pop-body.wide {padding-bottom: 0px;}
#BPOP-box-wide .pop-body2 {width: 100%;float: left;padding: 0px;max-height: 530px; overflow-y: auto;}

/**Pop Up Box Format [end]**/

.notifyme-pos-h {position: relative;float: right;margin-top: -38px;margin-right: -16px;z-index: 1;}
.notifyme-pos-l {position: relative;margin-top: -7px;margin-left: 0px;margin-right: 92px;z-index: 1;float: right;}

.notifyme-pos-h .notifyme, .notifyme-pos-l .notifyme {
	width: 18px !important;
	height: 18px !important;
	background: #4285f4;
	border-radius: 100px !important; 
	font-family: robotobold;
	font-size: 10px;
	height: 10px;
	line-height: 19px !important;
	text-align: center;
	color: #fff;
	margin: 0px !important;
	padding: 0px !important;
	float: left;

	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	-ms-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	-o-box-shadow:1px 1px 5px rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px rgba(0,0,0,0.2);
}

.popbody-overlay {
	width: 100%;
	height: 100%;
	background: #00000090;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	display: flex !important; align-items: center; justify-content: center;
}

#popBody-overlay {display: none;}

.popbody-overlay .popover-close {
	font-size: 25px;
	color: #fff;
	display: block;
	float: right;
	position: relative;
	margin-top: -15px;
	margin-right: -15px;
	cursor: pointer;
	z-index: 10;
}

.popbody-overlay .popover-close:hover {
	color: #bed5fa;
}

.popbody-overlay .msgBox {
	width: 550px;
	height: auto;
	background: #4285f4;
	padding: 30px;
	border-radius: 7px;
	color: #fff;
	text-align: center;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

.popbody-overlay .msgBox .title {
	font-family: robotobold;
	font-size: 18px;
	line-height: 18px;
	margin-top: 5px;
}

.popbody-overlay .msgBox .option {
	width: 100%;
	float: left;
	padding: 20px 0px;
	border: 1px solid #6da1f7;
	border-radius: 5px;
	margin: 20px 0px;
}

.popbody-overlay .msgBox .option li {
	width: 50%;
	float: left;
	display: inline;
}

.popbody-overlay .msgBox .option li ul li {
	width: 100%;
	float: left;
	display: list-item;
	text-align: center;
	margin-bottom: 20px;
}

.popbody-overlay .msgBox .option li ul li span {font-family: robotobold;}

/* On mouse-over, add a grey background color */
.popbody-overlay .msgBox .option li ul li .form-radio:hover input ~ .radiomark {
  background-color: #dee4f9;
}

/* When the radio button is checked, add a blue background */
.popbody-overlay .msgBox .option li ul li .form-radio input:checked ~ .radiomark {
  background-color: #1d4485;
}

.popbody-overlay .msgBox .option li ul li:last-child {margin-bottom: 0px;}

.popbody-overlay .msgBox .option li ul li label {display: inline-block; float: none;}

.popbody-overlay .msgBox .msg {
	font-family: robotoreg;
	font-size: 14px;
	line-height: 16px;
	color: #e0e9f9;
	padding: 20px 0px;
}

.popbody-overlay .msgBox .form {
	width: 100%;
	float: left;
	padding: 20px 0px;
}

.popbody-overlay .msgBox .form input {border: 1px solid #6aa0f9 !important; background: #4285f4; color: #fff !important; text-align: center !important;}
.popbody-overlay .msgBox .form input:focus {border: 1px solid #fff !important;}
.popbody-overlay .msgBox .form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #fff !important;font-family: robotolight;}
.popbody-overlay .msgBox .form input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #fff !important; font-family: robotolight;}
.popbody-overlay .msgBox .form input::-ms-input-placeholder { /* Microsoft Edge */color: #fff !important; font-family: robotolight;}


#goPrint, .goPrint-new, .goPrint-old, .goPrint-process, .goPrint-cancel, .goPrint-cancel-success {display: none;}

/************************************GLOBAL POPUP [end]************************************/

/************************************CHAT BOX [start]************************************/

#CHAT-box {
	width: 400px;
	height: 100%;
	background: #fff;
	overflow-y: hidden;
	position: absolute;
	z-index: 999984;
	top: 0px;
	right: -450px;
	padding: 0px;
	display: none;
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;	

	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
	box-shadow:0px 0px 20px rgba(0,0,0,0.1);	
}

#CHAT-box .header {width: 100%; height: 105px; float: left;padding: 20px; border-bottom: 1px solid #d7ddeb;}
#CHAT-box .body {width: 100%;height: calc(100% - 205px);overflow: auto;float: left;margin: 0px 0px; background: #ecf0f8; padding: 30px 40px 30px 30px;}
#CHAT-box .footer {width: 100%; height: 135px; float: left; border-top: 1px solid #d7ddeb;}
#CHAT-box .header .close-btn {width: auto;float: right;margin-top: -3px;}
#chatbox-header {width: calc(100% - 40px);float: left;}
#chatbox-header .chatmate-thumb {float: left;width: 65px;height: 65px;border: 1px solid #ebeaea;border-radius: 100px;overflow: hidden;background: #fff;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
#chatbox-header .chatmate-thumb img {width: 100%;}
#chatbox-header .chatmate-thumb .status-online {width: 15px;height: 15px;background: #4285f4;position: absolute;border-radius: 100px;margin-left: 1px;margin-top: 2px;}
#chatbox-header .chatmate-thumb .status-offline {width: 15px;height: 15px;background: #d9d9d9;position: absolute;border-radius: 100px;margin-left: 1px;margin-top: 2px;}
#chatbox-header .chatmate-thumb .status-suspended {width: 15px;height: 15px;background: #f67b7b;position: absolute;border-radius: 100px;margin-left: 1px;margin-top: 2px;}
#chatbox-header .chatmate-info {width: calc(100% - 85px);float: right;}
#chatbox-header .chatmate-info .name {font-family: robotobold; color:#4285f4; font-size: 14px; line-height: 14px; float: left; width: 100%; margin-bottom: 5px;margin-top: 8px;}
#chatbox-header .chatmate-info .info {font-family: robotoreg; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #7f7f7f; float: left; width: 100%; margin-bottom: 3px;}
.pop-xbtn {float: right;display: block;font-size: 26px;line-height: 26px;cursor: pointer;color: #4c4c4c;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;}
.pop-xbtn:hover {color: #4385f5;}
#chatbody {width: 100%;float: left;}
#chatbody li {width: 100%;float: left;display: list-item;padding: 10px 0px;}
#chatbody li .mate{width: 100%;float: left;}
#chatbody li .mate .thumb {width: 50px;height: 50px;background: #fff;border: 3px solid #cfd7e7;border-radius: 100px;overflow: hidden;float: left;}
#chatbody li .mate .thumb img {width: 100%;}
#chatbody li .mate .msg {width: calc(100% - 70px);float: right;}

#chatbody li .mate .msg .msgbubble {
	width: auto;
	float: left;
	background: #fff;
	border-radius: 7px;
	padding: 12px 15px;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 14px;
	color: #7c7c7c;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	box-shadow:0px 2px 5px rgba(0,0,0,0.1);
}

#chatbody li .mate .msg .msgbubble .arrow {width: 12px;float: left;position: relative;z-index: 1;margin-left: -27px;margin-top: -5px;}
#chatbody li .me{width: 100%;float: left;}
#chatbody li .me .msg {width: calc(100% - 70px);float: right;}

#chatbody li .me .msg .msgbubble {
	width: auto;
	float: right;
	background: #4285f4;
	border-radius: 7px;
	padding: 12px 15px;
	font-family: robotoreg;
	font-size: 12px;
	line-height: 14px;
	color: #fff;

	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-o-box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	box-shadow:0px 2px 5px rgba(0,0,0,0.1);
}

#chatbody li .me .msg .msgbubble .arrow {width: 12px;float: right;position: relative;z-index: 1;right: -27px !important;margin-top: -5px;}
#chatbody li .mate .msg .msgdetails .date {float: left;}
#chatbody li .me .msg .msgdetails .date {float: right;}
#chatbody li div .msg .msgdetails {width: 100%;margin-top: 10px;float: left;}
#chatbody li div .msg .msgdetails .date {width: auto;font-family: robotoreg;font-size: 10px;line-height: 10px;text-transform: uppercase;color: #999ba3;margin-top: 2px;}
#chatbody li .me .msg .msgdetails .action {width: auto;float: right;font-size: 13px;line-height: 13px;color: #868993;cursor: pointer;padding-left: 10px;}
#chatbody li div .msg .msgdetails .action:hover {color: #4285f4;}
#chatform {width: 100%;float: left;padding: 10px;}
#chatform .form {width: 100%;float: left;}
#chatform .btn {width: auto;float: right;margin-top: -75px;padding-right: 8px;}

#chatbody li.nomsg {
	display: none;
	width: 100%;
	float: left;
	background: #f7f8fc;
	border: 1px solid #d7ddea;
	border-radius: 3px;
	padding: 15px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}

#chatbody li.nomsg ul li {padding: 0px;border-bottom: 0px;}
#chatbody li.nomsg ul li.icon {width: 90px;float: left;font-size: 50px;line-height: 50px;color: #c6cedf;margin-bottom: -5px;}
#chatbody li.nomsg ul li.msg {width: calc(100% - 100px);float: right;font-family: robotoreg;color: #90949c;font-size: 12px;line-height: 14px;text-align: right;margin-top: 7px;margin-right: 7px;}

#CHAT-bubble {width: 60px;height: 60px;position: fixed;bottom: -100px;right: 30px;z-index:  999982;transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
#CHAT-bubble .notice {
	width: 20px;
	height: 20px;
	background: #f36f6f;
	border: 1px solid #e15f5f;
	font-family: robotobold;
	font-size: 11px;
	line-height: 18px;
	position: absolute;
	z-index: 1;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	margin-left: 45px;
	margin-top: -2px;

	-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	box-shadow:0px 2px 5px rgba(0,0,0,0.3);	
}
#CHAT-bubble .icon {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background: #4285f4;
	border: 1px solid #3777e0;
	color: #fff;
	font-size: 30px;
	line-height: 58px;
	text-align: center;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;

	-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-ms-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	-o-box-shadow:0px 2px 10px rgba(0,0,0,0.1);	
	box-shadow:0px 2px 5px rgba(0,0,0,0.3);	
}
#CHAT-bubble .icon:hover {font-size: 35px;margin-top: -5px;}
#CHAT-contacts {
	width: 275px;
	height: 460px;
	overflow: hidden;
	position: fixed;
	bottom: -460px;
	right: 20px;
	z-index:  999982;
	background: #fff;
	-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.3);	
	-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.3);	
	-ms-box-shadow:0px 2px 10px rgba(0,0,0,0.3);	
	-o-box-shadow:0px 2px 10px rgba(0,0,0,0.3);	
	box-shadow:0px 2px 5px rgba(0,0,0,0.3);	
	transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;
}
#CHAT-contacts .header {width: 100%;float: left;padding: 15px 20px;border: 1px solid #3777e0;background: #4285f4;}
#CHAT-contacts .header .title {width: 70%;float: left;font-family: robotobold;font-size: 16px;line-height: 16px;color: #fff;text-align: left;}
#CHAT-contacts .header .x-btn {
	width: 30%;
	float: right;
	text-align: right;
	font-size: 23px;
	line-height: 23px;
	color: #9fc9fa;
	margin-top: -3px;
	margin-bottom: -10px;
	margin-right: -10px;
	display: block;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s;
}
#CHAT-contacts .header .x-btn:hover {color: #fff;}
#CHAT-contacts .count {
	width: 100%;
	float: left;
	background: #4a69cf;
	color: #fff;
	font-family: robotoreg;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	padding: 10px 15px;
	border-bottom: 1px solid #425fbd;

	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
#CHAT-contacts .count span {font-family: robotobold;}
#CHAT-contacts .count i {float: left;padding-right: 5px;}
#CHAT-contacts .contact-list {width: 100%;height: 372px;float: left;overflow-y: auto;border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;}
#CHAT-contacts .contact-list li {
	width: 100%;
	float: left;
	display: list-item;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 15px;
	cursor: pointer;
	transition: 0.2s; -webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#CHAT-contacts .contact-list li:last-child {border-bottom: 0px;}
#CHAT-contacts .contact-list li:hover {background: #f5f5f6;}
#CHAT-contacts .contact-list li:hover ul li.thumb {border: 1px solid #4285f4;}
#CHAT-contacts .contact-list li:hover ul li.name {color: #4285f4;}
#CHAT-contacts .contact-list li ul li {border-bottom: 0px;padding: 0px;width: auto;}
#CHAT-contacts .contact-list li ul li.thumb {width: 35px;height: 35px;border: 1px solid #d4dbe9;border-radius: 100px;overflow: hidden;background: #fff;}
#CHAT-contacts .contact-list li ul li.thumb img {width: 100% !important;}
#CHAT-contacts .contact-list li ul .status-online {width: 10px;height: 10px;background: #4285f4;position: relative;border-radius: 100px;margin-left: 1px;margin-top: -2px; margin-bottom: -100px;}
#CHAT-contacts .contact-list li ul .status-offline {width: 10px;height: 10px;background: #d9d9d9;position: relative;border-radius: 100px;margin-left: 1px;margin-top: -2px; margin-bottom: -100px;}
#CHAT-contacts .contact-list li ul .status-suspended {width: 10px;height: 10px;background: #f67b7b;position: relative;border-radius: 100px;margin-left: 1px;margin-top: -2px; margin-bottom: -100px;}
#CHAT-contacts .contact-list li ul li.name {width: calc(100% - 60px);float: left;font-family: robotobold;font-size: 12px;line-height: 12px;margin-top: 12px;color: #6b6b6b;padding-left: 10px;}
#CHAT-contacts .contact-list li ul .notice {
	width: 20px;
	height: 20px;
	background: #f36f6f;
	border: 1px solid #e15f5f;
	font-family: robotobold;
	font-size: 11px;
	line-height: 18px;
	z-index: 1;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	float: right;
	margin-top: 8px;

	-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.2);	
	-moz-box-shadow:0px 2px 10px rgba(0,0,0,0.2);	
	-ms-box-shadow:0px 2px 10px rgba(0,0,0,0.2);	
	-o-box-shadow:0px 2px 10px rgba(0,0,0,0.2);	
	box-shadow:0px 2px 5px rgba(0,0,0,0.2);	
}

/************************************CHAT BOX [end]************************************/

/************************************AJAX LOADER [start]************************************/

.ajax-loader, .ajax-img-loader {display: none; width: 100% !important;height: 100% !important;min-height: 100px !important;position: absolute;z-index: 100;background: url(../storage/img/bg/bg-c-black60.png);}
.ajax-img-loader {background: #fff;}
#ajax-body-loader {display: none; width: 100% !important;height: 100% !important;position:fixed;z-index: 999987;background: url(../storage/img/bg/bg-c-black60.png);}
.ajax-overlay-loader {display: none; width: 100% !important;height: 100% !important;position:fixed; top: 0px !important; left: 0px !important; z-index: 999987;background: url(../storage/img/bg/bg-c-black60.png);}
.ajax-page-loader {display: block;width: 100% !important; height:100%; float: left;background: #fff; position: relative; z-index: 5; margin-bottom: -5000px;}
.ajax-page-loader.blue {background: #4285f4;}
.ajax-page-loader .box {width: 130px;text-align: center;position: relative;left: 50%;top: 50%;margin-left: -65px;margin-top: -85px;}
.ajax-page-loader.home .box {margin-top: -140px;}
.ajax-page-loader.blue.home .box {margin-top: -50px;}
.ajax-page-loader.blue.dark {background: #4a69cf;}

.ajax-receipt-loader {display: none;width: 100% !important; height:100%; float: left;background: #fff; position: relative; z-index: 5; margin-bottom: -1000px;}
.ajax-receipt-loader .box {width: 130px;text-align: center;position: relative;left: 50%;top: 50%;margin-left: -65px;margin-top: -85px;}

.ajax-loader .box,.ajax-img-loader .box, #ajax-body-loader .box, .ajax-overlay-loader .box  {width: 130px;text-align: center;position: relative;left: 50%;top: 50%;margin-left: -65px;margin-top: -50px;}
.ajax-loader .box .l-loader,.ajax-img-loader .box .l-loader, #ajax-body-loader .box .l-loader, .ajax-overlay-loader .box .l-loader, .ajax-page-loader .box .l-loader, .ajax-receipt-loader .box .l-loader {width: 70px;display: inline-block;}
.ajax-loader .box .l-label,.ajax-img-loader .box .l-label, #ajax-body-loader .box .l-label, .ajax-overlay-loader .box .l-label, .ajax-page-loader .box .l-label, .ajax-receipt-loader .box .l-label {float: left;width: 100%;font-family: robotobold;font-size: 10px;line-height: 10px;text-transform: uppercase;}
.ajax-loader .box .l-loader .lds-spinner div, #ajax-body-loader .box .l-loader .lds-spinner div, .ajax-overlay-loader .box .l-loader .lds-spinner div {background: #fff;}
.ajax-img-loader .box .l-loader .lds-spinner div {background: #4285f4;}
.ajax-page-loader .box .l-loader .lds-spinner div {background: #4285f4;}
.ajax-receipt-loader .box .l-loader .lds-spinner div {background: #4c4c4c;}
.ajax-page-loader.blue .box .l-loader .lds-spinner div {background: #fff;}
.ajax-loader .box .l-label, #ajax-body-loader .box .l-label, .ajax-overlay-loader .box .l-label {color: #fff;}
.ajax-img-loader .box .l-label {color: #4285f4;}
.ajax-page-loader .box .l-label {color: #4285f4;}
.ajax-page-loader.blue .box .l-label {color: #fff;}
.ajax-receipt-loader .box .l-label {color: #4c4c4c;}

#ajax-login-loader {display: none; width: 100%; height: 500px; margin-top: -500px; float: left; position: relative; background: url(../storage/img/bg/bg-c-black60.png);} 
#ajax-login-loader .box {width: 130px !important;text-align: center;position: relative;left: 50%;top: 50%;margin-left: -65px;margin-top: -50px; background: none !important; border: 0px !important; box-shadow: none !important}#ajax-login-loader .box .l-loader  {width: 70px;display: inline-block;}
#ajax-login-loader .box .l-label {float: left;width: 100%;font-family: robotobold;font-size: 10px;line-height: 10px;text-transform: uppercase;color: #fff;}
#ajax-login-loader .box .l-loader .lds-spinner div {background: #fff;}

.ajax-print-loader {display: block;width: 100% !important; float: left;position: relative; z-index: 5; color: #fff; }
.ajax-print-loader .box {width: 100%;text-align: center; padding: 10px 0px;}
.ajax-print-loader .box .l-loader {display: inline-block;}
.ajax-print-loader .box .l-loader .lds-spinner div {background: #fff;}


/************************************AJAX LOADER [end]************************************/