/***********Extras*******************/
body{
/* 	background:#222 url(../images/bodybg.jpg) center; */
	background:#F2F2F2;
	font-size:small!important;
	color:#333;
	height:100%;
}
.acsHeader {
	background:#F90 url(../images/acsheader.png) repeat-x center;
	background-size: 100% 100%;
}
@media (max-width : 992px) {
	.acsHeader {
		z-index: 2000;
	}
}
.croHeader {
	background:#469ece url(../images/croheader.png) repeat-x center!important;
	background-size: 100% 100%;
}
.purchaseHeader {
	background:#8a8a8a url(../images/purchaseheader.png) repeat-x center!important;
	background-size: 100% 100%;
}
.purchaseReturnHeader {
	background:#9ee72c url(../images/purchasereturnheader.png) repeat-x center!important;
	background-size: 100% 100%;
}
.mapBg {
	background:#ecf1f9 url(../images/bodybg.jpg) center;
}
div#indicator {
	display: none;
	position: fixed!important;
    left: 0px!important;
    top: 0px!important;
    width:100%!important;
    height:100%;
    z-index: 100002;
    background-image:url(../images/overlay_background.png);
}
div#indicatorCnt {
/* 	display: none; */
	top: 45%;
	border: solid 2px #CC1515;
	padding: 5px;
	background-color: #FFFFFF;
	right: 45%;
	position: absolute;
}
.docStatus{
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	width:4%;
	height:20px;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
}
.div.loadScreen
{ 
  transition-property: all;
  transition-duration: 350ms;
  transition-timing-function: ease-in-out;
  position: relative;
  background-color: white;
  color: black;
}
h1 {font-size: 2em; font-weight: bold; color: #777777; text-align: center;}
a { text-decoration: none; outline: 0;}
mandatory{color:#F00;}
img {border: none;}
input {color: #000000;font-size: 12px !important;font-weight: normal!important;}
input[type=file]{padding: 0px;}
input:focus{background-color: #c0dcf1;}
input:hover {background: #d5e8f6; color: black; }
select {color: #000000;font-size: 12px !important;font-weight: normal!important;}
textarea {color: #000000;font-size: 12px !important;font-weight: normal!important;}
label{font-size: 12px;font-weight: normal;}
.input-group-addon,.input-group-btn button { border-radius: 0px !important; }
.gwt-CheckBox input {width: initial;}
.gwt-Label{margin-bottom: 0px; display:inline-block; vertical-align: middle; line-height:1.2em;}
.mnu{cursor:pointer;}
.mnu:hover{cursor:pointer;opacity:0.8;}
.gwt-CheckBox,
.gwt-SimpleCheckBox{
	vertical-align:middle;
}
/**************Header**************/
.navbar {
  height: 65px;
}
@media (min-width: 1600px) {
  .navbar {
    height: 90px;
  }
}
@media (max-width : 768px) and (max-height : 1024px) {
  .navbar {
    height: 55px;
  }
}
@media (max-width: 640px) {
  .navbar {
    height: 40px;
  }
}
.mainMenubt{
	float:left;
/*	height:10vh;*/
	height:65px;
	cursor: pointer;
	border-bottom: 1px solid #262626;
}
@media (min-width: 1600px) {
	.mainMenubt{
		height:90px;
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.mainMenubt{
		width: 32px;
		height:55px;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.mainMenubt{
		display: none;
		width: 32px;
		height:40px;
	}
}
.logo{
	float:left;	
	width: 61px;
	margin: 3px 10px 2px;
}
@media (min-width: 1600px) {
	.logo{ 
		width: 76px;
		margin: 8px 15px 7px;
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.logo{ 
		width: 50px;
		margin: 3px 10px 3px;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.logo{
		display: none;
	}
}
.mlogo{
	display: none;
	float:left;	
/*	height: 9vh;*/
	height:35px;
	padding-left: 10px;
	padding-right: 10px;
/*	padding-top: 1vh;*/
	padding-top: 5px;
}
@media (max-width : 667px) and (max-height : 896px) {
	.mlogo{
		display: inline-block;
	}
}
.userStatus{
	width: calc(100% - 150px);
	width: -o-calc(100% - 150px);
	width: -ms-calc(100% - 150px);
	width: -moz-calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	height:23px;
	float:right;
	color:#ffffff;
	text-align: right;
	font-size:12px!important;
	padding: 2px 0px;
	margin-right: 10px;
}
@media (min-width: 1600px) {
	.userStatus{
		width: calc(100% - 200px);
		width: -o-calc(100% - 200px);
		width: -ms-calc(100% - 200px);
		width: -moz-calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		font-size:13px!important;
	}
}
@media (max-width: 1024px) {
	.userStatus{
		font-size:11px!important;
	}
}
@media (max-width: 992px) {
	.userStatus{
		width: calc(100% - 180px);
		width: -o-calc(100% - 180px);
		width: -ms-calc(100% - 180px);
		width: -moz-calc(100% - 180px);
		width: -webkit-calc(100% - 180px);
		margin-right: 40px;
		font-size:8px!important;
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.userStatus{
		width: calc(100% - 144px);
		width: -o-calc(100% - 144px);
		width: -ms-calc(100% - 144px);
		width: -moz-calc(100% - 144px);
		width: -webkit-calc(100% - 144px);
		height:15px; 
		font-size:8px!important;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.userStatus{
		display: none;
	}
}

.userStatus .statusTitle{
	float: right;
}
.userStatus span{
	font-weight:bold;
}
.titleBar{
	width: calc(100% - 150px);
	width: -o-calc(100% - 150px);
	width: -ms-calc(100% - 150px);
	width: -moz-calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	height: 40px;
	vertical-align: middle;
	display:table-cell;
	float:left;
}
@media (min-width: 1600px) {
	.titleBar {
		width: calc(100% - 200px);
		width: -o-calc(100% - 200px);
		width: -ms-calc(100% - 200px);
		width: -moz-calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
	}
}
@media (max-width: 992px) {
	.titleBar{
		width: calc(100% - 180px);
		width: -o-calc(100% - 180px);
		width: -ms-calc(100% - 180px);
		width: -moz-calc(100% - 180px);
		width: -webkit-calc(100% - 180px);
	}
}
@media (max-width: 768px) and (max-height: 1024px) {
	.titleBar{
		width: calc(100% - 144px);
		width: -o-calc(100% - 144px);
		width: -ms-calc(100% - 144px);
		width: -moz-calc(100% - 144px);
		width: -webkit-calc(100% - 144px);
		height: 36px;
		padding: 5px;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.titleBar {
		width: calc(100% - 64px);
		width: -o-calc(100% - 64px);
		width: -ms-calc(100% - 64px);
		width: -moz-calc(100% - 64px);
		width: -webkit-calc(100% - 64px);
		height: 40px;
		padding: 10px;
		text-align: center!important;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
}
.titleBar .title{
	font-size: 150%;
	font-weight:bold;
	color:#FFF;
	padding-top: 0px;
	text-transform:uppercase;	
}
@media (min-width: 1600px) {
	.titleBar .title{
		font-size: 170%;
		padding-top:80px;
		line-height: 50px;
	}
}
@media (max-width: 992px) {
	.titleBar .title{
		font-size: 140%;
	}
}
@media (max-width: 768px) and (min-height: 1024px) {
	.titleBar .title{
		font-size: 110%!important;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.titleBar .title{
		font-size: 80%!important;
		line-height:inherit;
	}
}
.logTitleBar{
	height: 65px;
	vertical-align: middle;
	display:table-cell;
	float:left;
}
@media (min-width: 1600px) {
	.logTitleBar{
		height: 90px;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.logTitleBar{
		height: 40px;
	}
}
.logTitleBar .title{
	font-size:x-large;
	font-weight:bold;
	color:#000;
	line-height:65px;
	font-family: Times;
	margin-left:225px;	
	text-shadow: 1px 1px #ffc445;
	-webkit-text-shadow: 1px 1px #ffc445;
	-moz-text-shadow: 1px 1px #ffc445;
	-ms-text-shadow: 1px 1px #ffc445;
	-o-text-shadow: 1px 1px #ffc445;
}
@media (min-width: 1600px) {
	.logTitleBar .title{
		line-height: 90px;
	}
}
@media only screen and (max-width: 992px) {
	.logTitleBar .title{
		margin-left:70px;
	}
}
@media only screen and (max-width: 648px) {
	.logTitleBar .title{
		font-size: large;
		margin-left:50px;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.logTitleBar .title{
		line-height: 40px;
		font-size: 11px;
		margin-left:0px;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.logTitleBar .mtitle{
		font-size:16px;
		font-weight:bold;
		color:#331500;
		line-height: 40px;
		font-family: Arial;
		margin-left:0px;	
		text-shadow: 1px 1px #ffc445;
		-webkit-text-shadow: 1px 1px #ffc445;
		-moz-text-shadow: 1px 1px #ffc445;
		-ms-text-shadow: 1px 1px #ffc445;
		-o-text-shadow: 1px 1px #ffc445;
	}
}
.mainButtons{
	height:inherit;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
	float:right;
}
@media (min-width: 1600px) {
	.mainButtons{
		line-height: 85px;
	}
}
@media (max-width: 992px) {
	.mainButtons{
/*		display: none;*/
/*		width: 100%;*/
/*		position: absolute;*/
/*		top: 0px;*/
/*		right: 0px;*/
/*		line-height: 65px;*/
/*		vertical-align: middle;*/
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7b00+0,f46600+99,b34700+100 */
/*		background: rgb(255,123,0);  Old browsers */
/*		background: -moz-linear-gradient(top, rgba(255,123,0,1) 0%, rgba(244,102,0,1) 98%, rgba(179,71,0,1) 100%);  FF3.6-15 */
/*		background: -webkit-linear-gradient(top, rgba(255,123,0,1) 0%,rgba(244,102,0,1) 98%,rgba(179,71,0,1) 100%);  Chrome10-25,Safari5.1-6 */
/*		background: linear-gradient(to bottom, rgba(255,123,0,1) 0%,rgba(244,102,0,1) 98%,rgba(179,71,0,1) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b00', endColorstr='#b34700',GradientType=0 );  IE6-9 */
/*		border-left: 1px solid #d1d1d1;*/
	}
}
@media (max-width: 768px) and (max-height: 1024px) {
	.mainButtons{
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		width: calc(100% - 64px);
		width: -o-calc(100% - 64px);
		width: -ms-calc(100% - 64px);
		width: -moz-calc(100% - 64px);
		width: -webkit-calc(100% - 64px);
		height: 55px;
		line-height: 55px;
		text-align: center!important;
		background: #ffaf4b; /* Old browsers */
		background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		left: 32px;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.mainButtons{
		width: calc(100% - 64px);
		width: -o-calc(100% - 64px);
		width: -ms-calc(100% - 64px);
		width: -moz-calc(100% - 64px);
		width: -webkit-calc(100% - 64px);
		height: 40px;
		line-height: 40px;
		text-align: center!important;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		border-right: 1px solid rgba(0, 0, 0, 0.1);
		left: 32px;
	}
}
.mainButtons img{
	padding:0px;
	margin:0px;
}
@media (min-width: 1600px) {
	.mainButtons .mnu {
		height: 40px;
	}
}
@media (max-width: 992px) {
	.mainButtons .mnu {
		height: 30px;
	}
}
@media (max-width: 768px) and (max-height: 1024px) {
	.mainButtons .mnu {
		height: 30px;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.mainButtons .mnu {
		height: 25px;
	}
}
.triggerBtn{
	display: none!important;
	width: 32px;
	height: 65px;
	font-size: 20px;
	color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 0px;
	border-bottom: 0px;
	background: rgb(0,0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0) 98%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0) 98%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0) 98%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.1)', endColorstr='rgba(0,0,0,0.4)',GradientType=0 ); /* IE6-9 */
	padding: 2px;
	position: fixed;
	z-index: 10001;
	right: 0px;
	top: 0px;
	border-radius: 0px!important;
}
.triggerBtn:hover{
	color: rgba(0, 0, 0, 0.7);
	background: rgb(255,255,255,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 98%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 98%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 98%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.1)', endColorstr='rgba(255,255,255,0.4)',GradientType=0 ); /* IE6-9 */
}
@media (max-width: 992px) {
	.triggerBtn{
		display: inline-block!important;
	}
}
@media (max-width: 768px) and (max-height: 1024px) {
	.triggerBtn{
		display: none!important;
		height: 55px;
	}
}
@media (max-width: 667px) and (max-height: 667px) {
	.triggerBtn{
		display: none!important;
		height: 40px;
	}
}
div#keyboard{
	position:absolute;
	background-color: #FFFFFF;
	border:solid 1px #000000;
	z-index:3000;
	display:none;				
}

div#uppercase{
	display:none;
}

div#lowercase{
	display:block;
}

div.keyboardHandler{
	background-color:#777777;
	height:20px;
	cursor:move;
}

table.keyboard{
	background-color: #FFFFFF;		
}

table.keyboard td{
	vertical-align:middle;
	text-align:center;
	width:50px;
	height:50px;
	border:solid 1px #444444;
	background-color: #FFFFFF;
	cursor:pointer;
	background-color:#F4F4F4;
	font-family: arial,sans-serif;	
	font-size: 13pt;	
	letter-spacing: 1px;	
	font-weight: bolder;
	color: #000000;
}

table.keyboard td:hover{
	background-color:#FFFFFF;
}

img#keyboardicon{
	display:none;
	cursor: pointer;
}
#search{
	display:none;
	border:solid 1px #FFF;
	background-color: #EBEFF7;
	padding: 10px;
	width : 280px;
	height: 100px;
	position: absolute;
	z-index: 8000;
	color: #333;
	font-family: tahoma, san-serif;
	font-size: 12px;
	text-align: center;
	left: 40%;
	top: 40%;
}
/***************DROP DOWN MENU****************/
#backButn:hover .dropMenu{
	display: block;
}
.dropMenu {
	display: none;
	width: 200px;
/*	height: 83.5vh;*/
	height: calc(100vh - 105px);
	height: -o-calc(100vh - 105px);
	height: -ms-calc(100vh - 105px);
	height: -moz-calc(100vh - 105px);
	height: -webkit-calc(100vh - 105px);
	padding: 0;
	margin: 0;
	border: 0;
	position: absolute;
/*	top: 10vh;*/
	top: 65px;
	border-right: 2px solid #a6a6a6;
	background: #1f1f1f; /* Old browsers */
	background: -moz-linear-gradient(top, #1f1f1f 0%, #262626 50%, #1f1f1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(50%,#262626), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
	box-shadow: 2px 0px 2px #0d0d0d;
	-webkit-box-shadow: 2px 0px 2px #0d0d0d;
	-moz-box-shadow: 2px 0px 2px #0d0d0d;
	-ms-box-shadow: 2px 0px 2px #0d0d0d;
	-o-box-shadow: 2px 0px 2px #0d0d0d;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.dropMenu {
		top: 55px;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.dropMenu {
		top: 40px;
	}
}
.dropMenu:after {
	content: '';
	display: block;
	clear: both;
}
.dropMenu li, .dropMenu a {zoom:1;}
.dropMenu ul,
.dropMenu ul li,
.dropMenu ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}
.dropMenu ul {
	display:block;
	list-style: none;
	position: relative;
	z-index: 100001;
	float: left;
	width: 200px;
	margin: 0; 
	padding: 0;
}
.dropMenu ul li {
	width: 198px;
	float: left;
	min-height: 1px;
	line-height: 1em;
	vertical-align: middle;
	display: block;
	line-height: 100%;
	padding: 10px 10px;
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #0d0d0d;
	background: #1f1f1f; /* Old browsers */
	background: -moz-linear-gradient(top, #1f1f1f 0%, #262626 50%, #1f1f1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(50%,#262626), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
}
.dropMenu > ul > li:hover:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	top: 50%;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #a6a6a6;
	margin-top: -10px;
}
.dropMenu ul li:hover {
	position: relative;
	z-index: 100001;
	cursor: pointer;
	box-shadow: inset 0px 0px 18px #0d0d0d;
	-o-box-shadow: inset 0px 0px 18px #0d0d0d;
	-ms-box-shadow: inset 0px 0px 18px #0d0d0d;
	-moz-box-shadow: inset 0px 0px 18px #0d0d0d;
	-webkit-box-shadow: inset 0px 0px 18px #0d0d0d;
}
.dropMenu > ul > li:active a {
	box-shadow: inset 0 0 5px black;
	-moz-box-shadow: inset 0 0 5px black;
	-webkit-box-shadow: inset 0 0 5px black;
}
.dropMenu a {
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.dropMenu > ul > li:hover > a {
	color: #ffffff;
}
.dropMenu ul ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100001;
	width: 99%;
}
.dropMenu ul ul li {
	float: none;
}
.dropMenu ul ul ul {
	top: 0px;
	left: 99%;
}
.dropMenu ul li:hover > ul {
	visibility: visible;
}
.dropMenu ul ul {
	top: 0px;
	left: 99%;
}
.dropMenu ul li {
	float: none;
}
.dropMenu .mainmnuItem {
	z-index: 1;
}
.dropMenu .mainmnuItem:hover > ul {
	display: block;
	border-right: 2px solid #a6a6a6;
}
.dropMenu .mainmnuItem ul {
	display: none;
	position: absolute;
	min-width: 200px;
	top: -1px;
	left: 100%;
	visibility:hidden;
	border-left: 2px solid #a6a6a6;
	border-right: 2px solid #a6a6a6;
}
.dropMenu .mainmnuItem:hover ul {
	display: block;
	border-right: 2px solid #a6a6a6;
}
.dropMenu .mainmnuItem ul a {
	font-size: 12px;
}
.dropMenu .mainmnuItem ul li {
/* 	*margin-bottom: -1px; */
	display: block;
	line-height: 100%;
	padding: 10px 10px;
	border-top: 1px solid #2b2b2b;
	border-bottom: 1px solid #0d0d0d;
	background: #1f1f1f; /* Old browsers */
	background: -moz-linear-gradient(top, #1f1f1f 0%, #262626 50%, #1f1f1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(50%,#262626), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
}
.dropMenu .mainmnuItem > ul > li:hover:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	top: 50%;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #a6a6a6;
	margin-top: -10px;
}
.dropMenu .mainmnuItem ul li a {  
	font-size: 12px;
	color: #ffffff;
}
.dropMenu .mainmnuItem .mainmnuItem:hover > ul {
	display: block;
}
.dropMenu .mainmnuItem .mainmnuItem ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}
.dropMenu .mainmnuItem .submnuList1 {
	position: fixed!important;
	left: 398px!important;
	top: 65px!important;
	width: 200px;
	height: calc(100vh - 105px);
	height: -o-calc(100vh - 105px);
	height: -ms-calc(100vh - 105px);
	height: -moz-calc(100vh - 105px);
	height: -webkit-calc(100vh - 105px);
	overflow-y: auto;
	overflow-x: hidden;
	background: #1f1f1f; /* Old browsers */
	background: -moz-linear-gradient(top, #1f1f1f 0%, #262626 50%, #1f1f1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(50%,#262626), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1f1f1f 0%,#262626 50%,#1f1f1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
}
span.accesskey { text-decoration: underline; }
.edge {
	top:auto!important;
	bottom : 0px!important;	
}
.dropMenu .mainmnuItem .submnuList1::-webkit-scrollbar,
.dropMenu .mainmnuItem .submnuList1::-moz-scrollbar {
width: 2px;
height: 15px;
}
.dropMenu .mainmnuItem .submnuList1::-webkit-scrollbar-track-piece,
.dropMenu .mainmnuItem .submnuList1::-moz-scrollbar-track-piece {
background-color: #1f1f1f;
}
.dropMenu .mainmnuItem .submnuList1::-webkit-scrollbar-thumb:vertical,
.dropMenu .mainmnuItem .submnuList1::-moz-scrollbar-thumb:vertical {
height: 30px;
background-color: #b3b3b3;
}

/***********Main Menu****************/

.menuItem{
	padding: 10px;
	color: #333333;
	margin: 0.5% 0.5%;
	display: inline-block;
	width:24%;
	background-color: #E1E1E1;
	border: 2px solid #FFFFFF;
	vertical-align: middle;
	box-shadow:0px 0px 3px #4d4d4d;
	-o-box-shadow:0px 0px 3px #4d4d4d;
	-ms-box-shadow:0px 0px 3px #4d4d4d;
	-moz-box-shadow:0px 0px 3px #4d4d4d;
	-webkit-box-shadow:0px 0px 3px #4d4d4d;
}
@media (max-width: 1024px) {
	.menuItem{
		width:30%;
	}
}
@media (max-width: 992px) {
	.menuItem{
		width:45%;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.menuItem{
		width:98%;
		padding: 5px;
	}
}
.menuItem h3{
	font-size: 15px!important;
	font-weight: bold;
	margin: 0px;
	line-height: 20px;
}
.menuItem .menuIcon{
	width: 50px;
	height: 50px;
	float: left;
/*	border-radius: 50% 50% 50% 50%;*/
/*	-o-border-radius: 50% 50% 50% 50%;*/
/*	-ms-border-radius: 50% 50% 50% 50%;*/
/*	-moz-border-radius: 50% 50% 50% 50%;*/
/*	-webkit-border-radius: 50% 50% 50% 50%;*/
/*	border: 2px solid #FFFFFF;*/
	vertical-align: middle;
}
.menuItem .menuDesc{
	float:right;
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
}
.menuItem:hover{
	cursor: pointer;
	border: 1px solid #E1E1E1;
	color: #FFFFFF;
	background-color: #0074BD;
	opacity:0.9;
	box-shadow:0px 0px 5px #000;
	-o-box-shadow:0px 0px 5px #000;
	-ms-box-shadow:0px 0px 5px #000;
	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
}
.menuItem:hover .menuIcon{
	cursor: pointer;
	width: 60px;
	height: 60px;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.tagLabel{
	padding: 5px;
	display: inline;
	margin:2px;
	text-shadow: 0px 1px 0px #1C6E6E;
	border: 1px solid rgb(251, 238, 213);
	color: #FFFFFF;
	z-index : 2000;
	font-weight: bold;
}
.tagLabelC1{
	background-color: #2EB8B8;
}
.tagLabelC2{
	background-color: #1F7A7A;
}
.tagLabel .tagClose{
	font-weight:bold;
	margin: 0px 2px 0px 13px;
	cursor: pointer;
}
.taglabel+.taglabel{
    margin:1px;	
}
.chartLabel{
	padding: 5px;
	display: inline;
	margin:2px;
/* 	text-shadow: 0px 1px 0px #1C6E6E; */
	background-color: #2EB8B8;
	border: 1px solid rgb(251, 238, 213);
	color: #000000;
	z-index : 2000;
	font-weight: bold;
}

/***********Content******************/
 
.content-row {
	width: 100%;
/*	height: 93.5vh;*/
/*	padding-top: 10vh;	*/
	padding-top: 65px;
	height: calc(100vh - 40px);
	height: -o-calc(100vh - 40px);
	height: -ms-calc(100vh - 40px);
	height: -moz-calc(100vh - 40px);
	height: -webkit-calc(100vh - 40px);
}
.containerHgt .content-row {
	padding-top: 0vh;	
}
frame.docFrame .content-row{
	height: 100vh!important;
}
@media (min-width: 1600px) {
	.content-row {
		padding-top: 90px;
		height: calc(100vh - 50px);
		height: -o-calc(100vh - 50px);
		height: -ms-calc(100vh - 50px);
		height: -moz-calc(100vh - 50px);
		height: -webkit-calc(100vh - 50px);
	}
}
@media (max-width: 992px) {
	.content-row {
		overflow: auto;
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.content-row {
		overflow: auto;
		padding-top: 55px;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.content-row {
		overflow: auto;
/*		padding-top: 8vh;*/
		padding-top: 40px;
	}
}
.content-container {
	width: 100%;
	padding-top: 65px;
	height: 100vh;
}
.mid_left{
	vertical-align:top;
}
.mid_right{
/* 	height: 83.7vh; */
	vertical-align:top;
	padding-left: 1px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f5773+0,c5d5ed+1,d8e3f3+48,c5d5ed+100 */
background: rgb(63,87,115); /* Old browsers */
background: -moz-linear-gradient(left, rgba(63,87,115,1) 0%, rgba(197,213,237,1) 1%, rgba(216,227,243,1) 48%, rgba(197,213,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(63,87,115,1) 0%,rgba(197,213,237,1) 1%,rgba(216,227,243,1) 48%,rgba(197,213,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(63,87,115,1) 0%,rgba(197,213,237,1) 1%,rgba(216,227,243,1) 48%,rgba(197,213,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5773', endColorstr='#c5d5ed',GradientType=1 ); /* IE6-9 */
}
@media (max-width : 768px) and (max-height : 1024px) {
	.mid_right {
		width: 55%;
/*		min-height: 83.5vh!important;*/
		height: calc(100vh - 105px);
		height: -o-calc(100vh - 105px);
		height: -ms-calc(100vh - 105px);
		height: -moz-calc(100vh - 105px);
		height: -webkit-calc(100vh - 105px);
		overflow: auto;
		display: none;
		position: absolute;
/*		top: 10vh;*/
		top: 55px;
		right: 0px;
		z-index: 999;
		animation-name: slideInRight;
		animation-duration: 1s;
		animation-fill-mode: both;
		-webkit-animation-name: slideInRight;
		-webkit-animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.mid_right {
		width: 100%;
		top: 40px;
	}
}
.mid_right2{
/* 	height: 83.7vh; */
	vertical-align:top;
	padding-left: 1px;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.mid_right2 {
		width: 55%;
		display: none;
		position: absolute;
		top: 95px;
		right: 0px;
		z-index: 999;
		animation-name: slideInRight;
		animation-duration: 1s;
		animation-fill-mode: both;
		-webkit-animation-name: slideInRight;
		-webkit-animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.mid_right2 {
		width: 100%;
		top: 76px;
	}
}
.containerFHgt{
/*	height: 90vh;*/
	height: calc(100vh - 65px);
	height: -o-calc(100vh - 65px);
	height: -ms-calc(100vh - 65px);
	height: -moz-calc(100vh - 65px);
	height: -webkit-calc(100vh - 65px);
	overflow: auto;
}
.containerHgt{
/*	height: 83.5vh;*/
	height: calc(100vh - 105px);
	height: -o-calc(100vh - 105px);
	height: -ms-calc(100vh - 105px);
	height: -moz-calc(100vh - 105px);
	height: -webkit-calc(100vh - 105px);
	overflow: auto;
}
frame.docFrame .containerHgt{
	height: 100vh!important;
}
@media (min-width: 1600px) {
	.containerHgt {
		height: calc(100vh - 140px);
		height: -o-calc(100vh - 140px);
		height: -ms-calc(100vh - 140px);
		height: -moz-calc(100vh - 140px);
		height: -webkit-calc(100vh - 140px);
	}
}
@media (max-width: 992px) {
	.containerHgt{
/*		height: initial;*/
/*		overflow: initial;*/
		height: calc(100vh - 105px);
		height: -o-calc(100vh - 105px);
		height: -ms-calc(100vh - 105px);
		height: -moz-calc(100vh - 105px);
		height: -webkit-calc(100vh - 105px);
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.containerHgt{
		height: calc(100vh - 95px);
		height: -o-calc(100vh - 95px);
		height: -ms-calc(100vh - 95px);
		height: -moz-calc(100vh - 95px);
		height: -webkit-calc(100vh - 95px);
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.containerHgt {
		height: calc(100vh - 80px);
		height: -o-calc(100vh - 80px);
		height: -ms-calc(100vh - 80px);
		height: -moz-calc(100vh - 80px);
		height: -webkit-calc(100vh - 80px);
	}
}
.containerHgt_d{
/*	height: 83.5vh;*/
	height: calc(100vh - 105px);
	height: -o-calc(100vh - 105px);
	height: -ms-calc(100vh - 105px);
	height: -moz-calc(100vh - 105px);
	height: -webkit-calc(100vh - 105px);
	overflow: auto;
}
@media (min-width: 1600px) {
	.containerHgt_d {
		height: calc(100vh - 140px);
		height: -o-calc(100vh - 140px);
		height: -ms-calc(100vh - 140px);
		height: -moz-calc(100vh - 140px);
		height: -webkit-calc(100vh - 140px);
	}
}
@media (max-width: 992px) {
	.containerHgt_d{
/*		height: initial;*/
/*		overflow: initial;*/
		height: calc(100vh - 105px);
		height: -o-calc(100vh - 105px);
		height: -ms-calc(100vh - 105px);
		height: -moz-calc(100vh - 105px);
		height: -webkit-calc(100vh - 105px);
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.containerHgt_d{
		height: calc(100vh - 135px);
		height: -o-calc(100vh - 135px);
		height: -ms-calc(100vh - 135px);
		height: -moz-calc(100vh - 135px);
		height: -webkit-calc(100vh - 135px);
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.containerHgt_d {
		height: calc(100vh - 120px);
		height: -o-calc(100vh - 120px);
		height: -ms-calc(100vh - 120px);
		height: -moz-calc(100vh - 120px);
		height: -webkit-calc(100vh - 120px);
	}
}
.containerHgt1{
/*	height: 77vh;*/
	height: calc(100vh - 145px);
	height: -o-calc(100vh - 145px);
	height: -ms-calc(100vh - 145px);
	height: -moz-calc(100vh - 145px);
	height: -webkit-calc(100vh - 145px);
	overflow: auto;
}
@media (min-width: 1600px) {
	.containerHgt1 {
		height: calc(100vh - 185px);
		height: -o-calc(100vh - 185px);
		height: -ms-calc(100vh - 185px);
		height: -moz-calc(100vh - 185px);
		height: -webkit-calc(100vh - 185px);
	}
}
@media (max-width: 992px) {
	.containerHgt1{
		height: calc(100vh - 145px);
		height: -o-calc(100vh - 145px);
		height: -ms-calc(100vh - 145px);
		height: -moz-calc(100vh - 145px);
		height: -webkit-calc(100vh - 145px);
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.containerHgt1{
/*		height: calc(100vh - 135px);*/
/*		height: -o-calc(100vh - 135px);*/
/*		height: -ms-calc(100vh - 135px);*/
/*		height: -moz-calc(100vh - 135px);*/
/*		height: -webkit-calc(100vh - 135px);*/
		height: initial;
		overflow: initial;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.containerHgt1{
/*		height: calc(100vh - 115px);*/
/*		height: -o-calc(100vh - 115px);*/
/*		height: -ms-calc(100vh - 115px);*/
/*		height: -moz-calc(100vh - 115px);*/
/*		height: -webkit-calc(100vh - 115px);*/
		height: initial;
		overflow: initial;
	}
}
.containerHgt2{
/*	height: 72vh;*/
	height: calc(100vh - 175px);
	height: -o-calc(100vh - 175px);
	height: -ms-calc(100vh - 175px);
	height: -moz-calc(100vh - 175px);
	height: -webkit-calc(100vh - 175px);
	overflow: auto;
}
@media (min-width: 1600px) {
	.containerHgt2 {
		height: calc(100vh - 210px);
		height: -o-calc(100vh - 210px);
		height: -ms-calc(100vh - 210px);
		height: -moz-calc(100vh - 210px);
		height: -webkit-calc(100vh - 210px);
	}
}
@media (max-width: 992px) {
	.containerHgt2{
		height: initial;
		overflow: initial;
	}
}
.liquid-round {
  float: left;
  width:100%;
  position: relative;
  white-space: initial;
  border-bottom:7px solid #6699cc;
  box-shadow: 3px 3px 6px #8c8c8c;
  -webkit-box-shadow: 3px 3px 6px #8c8c8c;
  -moz-box-shadow: 3px 3px 6px #8c8c8c;
  -ms-box-shadow: 3px 3px 6px #8c8c8c;
  -o-box-shadow: 3px 3px 6px #8c8c8c;
}
.top {
  width:100%;
  height:0px;
}
.top span {
  display:none;
  position:relative;
  height:0px;
/*   background:url(../images/newUI/margin.png) no-repeat right top; */
}
.center-content {
  position:relative;
  background: #d8e3f3;
}
.bottom{
  width:100%;
  display:none;
  height:0px;
/*   background:url(../images/newUI/bottom.gif) no-repeat left bottom; */
}
.bottom span {
  display:none;
  /*remove because of ie position:relative;*/
  height:0px;
/*   background:url(../images/newUI/bottom-right.gif) no-repeat right top; */
}
#posSubNavContainer { 
  margin-right: 0px; 
  margin-left: 0px; 
}
#posSubNavContainer .category h1{
  font-size: 13px!important;
  line-height: 30px!important;
  font-family: tahoma;
  color: #fff;
  text-transform: uppercase;
  padding: 6px;
  text-align: center;
  text-shadow: 0px 1px 0px #000000;
/*   height: 30px; */
  margin-bottom: 0px;
  margin-top: 0px;
  border: 1px solid d8e3f3;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3768ae+0,1d70af+0,6699cc+0,79a6d2+50,6699cc+51,79a6d2+100 */
background: rgb(55,104,174); /* Old browsers */
background: -moz-linear-gradient(top, rgba(55,104,174,1) 0%, rgba(29,112,175,1) 0%, rgba(102,153,204,1) 0%, rgba(121,166,210,1) 50%, rgba(102,153,204,1) 51%, rgba(121,166,210,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(55,104,174,1) 0%,rgba(29,112,175,1) 0%,rgba(102,153,204,1) 0%,rgba(121,166,210,1) 50%,rgba(102,153,204,1) 51%,rgba(121,166,210,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(55,104,174,1) 0%,rgba(29,112,175,1) 0%,rgba(102,153,204,1) 0%,rgba(121,166,210,1) 50%,rgba(102,153,204,1) 51%,rgba(121,166,210,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3768ae', endColorstr='#79a6d2',GradientType=0 ); /* IE6-9 */
}
#posSubNavContainer ul{
  margin: 0px 0 0 0 ;
  padding: 0;
  list-style-type: none;
  line-height: 12px;
}
#posSubNavContainer li { 
  margin: 0 0 0 0px; 
  padding:0 10px!important;
  border-top: 1px solid #ecf1f9; /* inner stroke */
  border-bottom: 1px solid #9ebae0; /* inner stroke */
  color: #3b3b3b;
  line-height: 20px;
}
#posSubNavContainer li:before {
  content: "\00BB \0020";
} 
#posSubNavContainer li:hover {
  color: #315d9b;
}
#posSubNavContainer a{
  text-align: left;
  color: #3b3b3b;
  padding: 5px 0 5px 0px!important;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  text-transform: normal;
  font-family: tahoma, verdana, san-serif;
  text-indent: 0px; 
}
#posSubNavContainer a:hover{
  color: #315d9b;
}
#posSubNavContainer li:hover a{
  color: #315d9b;
}
#posSubNavContainer .posNews h1{
  font-size: 11px;
  font-family: tahoma;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 0 10px 0;
  margin-top: -30px;
  margin-left: 0px;
  text-indent: 30px;
  background: url(../images/newUI/hicon-news.gif) 0 0 no-repeat;
}
#posSubNavContainer .posHelp h1{
  font-size: 11px;
  font-family: tahoma;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 0 10px 0;
  margin-top: -30px;
  margin-left: 0px;
  text-indent: 30px;
  background: url(../images/newUI/hicon-help.gif) 0 0 no-repeat;
}
#posSubNavContainer .posDonate h1{
  font-size: 11px;
  font-family: tahoma;
  color: #fff;
  text-transform: uppercase;
  padding: 6px 0 10px 0;
  margin-top: -30px;
  margin-left: 0px;
  text-indent: 30px;
  background: url(../images/newUI/hicon-donate.gif) 0 0 no-repeat;
}
#rightContainer{
  margin: 0;
  padding: 0;
  background: #d8e3f3;
}
@media (max-width: 992px) {
	#rightContainer{
/*		height: 83.5vh;*/
		height: calc(100vh - 105px);
		height: -o-calc(100vh - 105px);
		height: -ms-calc(100vh - 105px);
		height: -moz-calc(100vh - 105px);
		height: -webkit-calc(100vh - 105px);
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	#rightContainer{
		height: calc(100vh - 95px);
		height: -o-calc(100vh - 95px);
		height: -ms-calc(100vh - 95px);
		height: -moz-calc(100vh - 95px);
		height: -webkit-calc(100vh - 95px);
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	#rightContainer{
/*		height: 83.5vh;*/
		height: calc(100vh - 80px);
		height: -o-calc(100vh - 80px);
		height: -ms-calc(100vh - 80px);
		height: -moz-calc(100vh - 80px);
		height: -webkit-calc(100vh - 80px);
		overflow-y: auto;
	}
}
#rightHeaderTitleContainer a{
  text-decoration: none;
  font-size: 11px;
  color: #777;
  text-align: left;
}
#rightHeaderTitleContainer a:hover{
  text-decoration: none;
  font-size: 11px;
  color: #3B6DAA;
}
#mainHeaderTitleContainer{
  background:url("../images/mnuHeader.png") repeat scroll left top transparent;
  text-align: center;
  margin-top: 0px;
  border-bottom: 1px solid 162337; 
  height: 40px;
}
#mainHeaderTitleContainer h1{
  font-size: 16px;
  font-family: tahoma;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0;
  line-height: 40px;
}
#posNavContainer { 
  margin: 0; 
  padding: 0; 
}
#posNavContainer ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#posNavContainer li { 
  margin: 0; 
  padding: 0; 
  line-height: 30px;
  border-top: 1px solid #ecf1f9; /* inner stroke */
  border-bottom: 1px solid #9eb9e1; /* inner stroke */
  background: #d8e3f3;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
}
#posNavContainer li:hover { 
  background: #6490ce!important;
}
#posNavContainer a{
  padding-left: 20px;
  font-size: 13px;
  text-transform: normal;
  font-family: tahoma, verdana, san-serif;  
  color: #3b3b3b; /* text color */
  text-decoration:none;
  font-weight:bold;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
}
#posNavContainer li:hover a{
  color: #FFF;
}
.currentpage {
  background: #2f568f!important;
  width: 100%;
  margin-left: 1px;
}
.currentpage a{
  color: #E5E5E5!important;
}
.searchPanel{
/*	min-height: 6.5vh;*/
/*	padding: 0.5vh 10px;*/
	height: 40px;
	padding: 4px 10px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #bab2a5;
	background: rgb(245,244,240); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(245,244,240,1) 0%, rgba(225,220,210,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,240,1)), color-stop(100%,rgba(225,220,210,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f0', endColorstr='#e1dcd2',GradientType=0 ); /* IE6-9 */
	text-align:left;
	font-weight:bold;
/* 	line-height: 5vh; */
}
.searchPanel .mnu{
/*	height: 5.3vh!important;*/
	height: 30px!important;
}
@media (min-width: 1600px) {
	.searchPanel{
		height: 45px;
		padding: 6px 10px;
	}
	.searchPanel .tButtonImg{
		height: 30px;
	}
}
@media (max-width: 768px) {
	.searchPanel{
		background: transparent;
		border-bottom: 0px;
		line-height: initial;
		padding: 5px 10px;
		min-height: initial;
		height: initial;
	}
	.searchPanel .tButtonImg{
		height: 30px;
	}
}
@media (max-width: 768px) and (max-height: 1024px) {
	.searchPanel{
		padding: 0px;
	}
}
@media (max-width: 992px) {
	.splbl{
		text-align:left!important;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.splbl{
		display: none!important;
	}
}
@media (max-width: 640px) {
	.padding-xs{
		padding-top: 5px;
	}
}
@media (max-width: 992px) {
	.padding-sm{
		padding-top: 5px;
	}
}
.searchItem{
	width:100%;
	vertical-align: middle;
	display:block;
/* 	padding-bottom: 4px; */
}
@media (max-width: 768px) and (max-height: 1024px) {
	.searchItem{
		padding: 5px 10px;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.searchItem{
		padding: 10px 10px;
	}
}
.searchItem label{
/* 	width:85px; */
	height: 25px;
	padding: 0px 0px;
	text-transform:none;
	display:inline-block;
	vertical-align:middle;
/* 	line-height: 5vh; */
}
@media (max-width: 992px) {
	.searchItem label{
		line-height: inherit;
/* 		padding-top: 5px; */
	}
}
.searchItem .inputfld{
	width: 60%;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.searchItem .inputfld{
		width: 100%;
	}
}
@media (min-width : 992px) and (max-width : 1024px){
	.searchItem .inputfld{
		width: 95%;
	}
}
.searchItem input[type=checkbox]{
	vertical-align: middle;
}
@media (max-width : 1024px){
	.serchLbl {
		display: none;
	}
}
.searchItem .txtclndr{
	position: relative;
	top: 7px;
	right: 20px;
	float:right;
	cursor:pointer;
}
.form-input {
	height: 30px;
}
.trigerContainer{
/* 	margin-top: -35px; */
	margin-bottom: -5px;
}
.arowicn{
	position: relative;
	top: 32px;
	right: 15px;
	padding: 3px 5px 3px 6px !important;
	line-height: 0px !important;
	border-radius: 15px !important;
	-o-border-radius: 15px !important;
	-ms-border-radius: 15px !important;
	-moz-border-radius: 15px !important;
	-webkit-border-radius: 15px !important;
	box-shadow: 0px 0px 6px #FFFFFF;
	-o-box-shadow: 0px 0px 6px #FFFFFF;
	-ms-box-shadow: 0px 0px 6px #FFFFFF;
	-moz-box-shadow: 0px 0px 6px #FFFFFF;
	-webkit-box-shadow: 0px 0px 6px #FFFFFF;
}
.btnspace{
	display: none;
	z-index: 101;
	width: 15px;
	position: fixed;	
	top: 25%;
	right: 0;
	text-align: center;
	padding: 5px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	-ms-border-top-left-radius: 7px;
	-ms-border-bottom-left-radius: 7px;
	-o-border-top-left-radius: 7px;
	-o-border-bottom-left-radius: 7px;
	-webkit-box-shadow: -1px 0px 1px 0px rgba(50, 50, 50, 0.39);
	-moz-box-shadow:    -1px 0px 1px 0px rgba(50, 50, 50, 0.39);
	-ms-box-shadow:    -1px 0px 1px 0px rgba(50, 50, 50, 0.39);
	-o-box-shadow:    -1px 0px 1px 0px rgba(50, 50, 50, 0.39);
	box-shadow:         -1px 0px 1px 0px rgba(50, 50, 50, 0.39);
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(left, #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, top left, top right, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right, #45484d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border: 1px solid #000000;
}
.btnspace i{
	margin: 5px 0px;
}
.btnspace i:hover{
	cursor: pointer;
	opcity: 0.7;
}
.btnspace img{
	margin: 5px 0px;
}
.btnspace img:hover{
	cursor: pointer;
	opcity: 0.7;
}
.successMsgFrame{
	background: #E5E5E5;
	padding: 10px;
}
.croScreenBody input:focus{
	background-color: #469ece;
	color:#ffffff;
}
.purchaseScreenBody input:focus{
	background-color: #8a8a8a;
	color:#ffffff;
}
.purchaseReturnScreenBody input:focus{
	background-color: #9ee72c;
}
/****************RIGHT DIVISION********************/
.titleEntry{
	width:100%;
/*	height: 6.5vh;*/
/*	line-height: 5.5vh;*/
/*	padding-top: 0.2vh;*/
	height: 40px;
	padding-top: 5px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #bab2a5;
	background: rgb(245,244,240); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(245,244,240,1) 0%, rgba(225,220,210,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,240,1)), color-stop(100%,rgba(225,220,210,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f0', endColorstr='#e1dcd2',GradientType=0 ); /* IE6-9 */
	text-align:center;
	font-weight:bold;
	/*border-left: 1px solid #CCCCCC;*/
}
@media (max-width: 600px) {
	.titleEntry{
		height: 35px;
		padding-top: 1px;
	}
}
.titleEntryBom {
    background: none repeat scroll 0 0 #747170;
    color: wheat;
    font-weight: bold;
/*    height: 6.5vh;*/
    height: 40px;
    line-height: 250%;
    text-align: center;
    width: 100%;
}
.titleEntry span{
	height:inherit;
	vertical-align: middle;
	text-align: center;
/*	line-height: 6vh;*/
	line-height: 35px;
}
.titleSpan {
	display: block;
	vertical-align: middle;
	text-align: center;
/*	line-height:6vh;*/
	line-height:35px;
	font-weight: bold;
	background: url("../images/margin.png") repeat-x scroll center bottom transparent;
}
.tButtonImg{
/*	height: 5vh;*/
	height: 30px;
	display: inline-block;
	cursor: pointer;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-ms-border-radius: 17px;
	-o-border-radius: 17px;
	-webkit-transition: 35s ease-in-out; 
	-moz-transition: 0.15s ease-in-out; 
	-ms-transition: 0.15s ease-in-out; 
	-o-transition: 0.15s ease-in-out; 
	transition: 0.15s ease-in-out;
}
.tButtonImg:hover{
	box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	-ms-box-shadow: 0px 0px 4px #000;
	-o-box-shadow: 0px 0px 4px #000;
	-o-transform: rotate(7deg); 
	-ms-transform: rotate(7deg); /* IE 9 */
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
	transform: rotate(7deg);
}
@media (max-width: 768px) and (max-height: 1024px) {
	.product_buttons{
		height: 40px;
		padding: 4px 10px;
		border-bottom:1px solid #bab2a5;
		text-align:center;
		background: rgb(245,244,240); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(245,244,240,1) 0%, rgba(225,220,210,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,240,1)), color-stop(100%,rgba(225,220,210,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f0', endColorstr='#e1dcd2',GradientType=0 ); /* IE6-9 */
	}
	.product_buttons .tButtonImg{
		height: 30px;
	}
}
@media (max-width: 640px) and (max-height: 1024px) {
	.product_buttons{
		padding: 4px 10px;
		text-align:center;
	}
}
@media (max-width: 650px) and (max-height: 650px) {
	.product_buttons{
		height: 35px;
		padding: 4px 10px;
		text-align:center;
		border-left:0px;
		border-bottom-left-radius:0px;
	}
	.product_buttons .tButtonImg{
		height: 25px;
	}
}
.textbox{
	border-radius:0px;
	padding:1px 2px;
	vertical-align:middle;
	margin-top:1px;
}
.amount{
	font-weight:bolder;
/* 	font-size: 4em; */
	min-height:50px;
	text-align:center;
	background:url(../images/margin.png) repeat-x bottom;
}
.indicator {
	background-color:#FFFFFF;
	border:2px solid #CC1515;
	display:block;
	padding:5px;
	position:absolute;
	right:0;
	top:0;
	font-size:medium;
	z-index:10000;
}
.productName {
	text-align: center;
	font-weight: bold;
	padding:5px 0px 10px;
	text-decoration:underline;
}
.productDetails{
	padding:5px;
}
.productDetails table{
	width:100%;
}
.productDetails td{
/*	min-height: 16px;*/	
	vertical-align:middle;
	font-size: 12px;
}
.productDetails span{
/*	font-weight:bold;*/
}
.recieptFrame {
/* 	height: 490px; */
	overflow: auto;
	display: none;
/* 	padding: 0px 2px; */
	border: 0px;
	word-break: normal;
	word-wrap: normal;
	white-space: normal;
	line-height:inherit;
	font-size: 100%!important;
}
.recieptFrame h3, .recieptFrame h4{
	margin: 5px 0px 0;
	line-height: 20px;
}
.recieptFrame .recptSec{
	border-bottom: 1px dashed #666;
	padding: 5px 0px;
}
.sales{
	background: url("../images/margin.png") repeat-x scroll center top transparent;
	padding:5px;
}
.sales table{
	width:100%;
}
.sales td{
	height: 16px;
	vertical-align:middle;
	border: 1px solid #948989;
}
.sales span{
	font-weight:bold;
}
.sales .spanTitle{
	font-weight: bolder;
	font-size: 120%!important;
	text-align: center;
	padding: 5px 0px;
}
.tbpad td{
	padding:2px 5px;
}
.quantity{
	background:url(../images/margin.png) repeat-x bottom;
	padding:10px 5px;
	min-height:30px;
}
.quantity td{
/* 	text-align:center; */
	vertical-align:middle;
}
.quantity .qtybox{
	width: 50px;
}
.quantity .prdUom{
	width: 80px;
}
.rep{
	background:url(../images/margin.png) repeat-x bottom;
	padding-left: 5px;
  	padding-right: 5px;
}
.rep .textbox{
	margin-top:10px;
}
.salesRep{
	width:100%;
	height:30px;
	vertical-align:middle;
	display:table-cell;
}
.datePromise{
	width:100%;
	height:30px;
	vertical-align:middle;
	display:table-cell;
}
.payment{
	padding:6px 5px;
	background:url(../images/margin.png) repeat-x bottom;
	text-align:center;
}
.payment span{
	text-transform:uppercase;
	font-weight:bold;
}
.customer{
	padding-left: 5px;
  	padding-right: 5px;
	padding-top:4px;
	background:url(../images/margin.png) repeat-x bottom;
}
.customer span{
	font-weight:bold;hidden
}
.customer td{
	height:20px;
	vertical-align:middle;
}
.customer table{
	width:100%;
}
.customer img{
	vertical-align: top;
}
.customer .textbox{
	vertical-align:baseline;
	margin-bottom:0px;
}
.customer .amt{
	width: 140px;
}
.curncy{
	width: 60px!important;
}
.expanderCnt {
	width: 6%;
	float: left;
}
.expandCnt {
	width: 94%;
	float: left;
}
.expandBtn {
	width: 100%;
	display: inline-block;
	padding: 5px 2px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	background-image: none;
	border: 1px solid transparent;
  	border-top-right-radius: 4px;
  	border-bottom-right-radius: 4px;
  	margin-top: 35vh;
}
.seperation{
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #CCCCCC;
}

/***********Table*********************/
.shoppingCartTable{
	width:100%;
}
.shoppingCartTable input{
/* 	border: none; */
/* 	margin: 5px; */
}
.discountCartTable{
	width:100%;
}
.discountCartTable input[type=text],
.discountCartTable input[type=password],
.discountCartTable input[type=email],
.discountCartTable input[type=file],
.discountCartTable input[type=number]{
	width: 96%!important;
	padding:2px!important;
	margin:4px!important;
	font-size:12px!important;
}
.sub_hddr{
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	background: #CCC;
}
.ProductListHeaderRow {
	background-color: red;
}
.ProductListHeaderRow td {
	height: 10px;
	color: #CCC;
	text-align: left;
	background-color: #000000;
}
.ProductListTitleRow {
	background-color: red;
}
.ProductListTitleRow td {
	height: 30px;
	color: #000000;
	text-align: center;
	background-color: #FF9900;
	font-size: 100%;
	white-space: nowrap;
}
.ProductNameRow {
	background-color: red;
}
.ProductNameRow td {
	height: 10px;
	color: #000000;
	text-align: center;
	background-color: #999;
	white-space: nowrap;
}
.productionFlexTable {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
.productDetailsOddRow {
	background-color: red;
}
.productDetailsOddRow td {
	background-color: #CCCCCC;
	color: #000000;
	font-size: 85%;
	text-align: left;
}
.productDetailsEvenRow {
	background-color: red;
}
.productDetailsEvenRow td {
	color: #000000;
	font-size: 85%;
	text-align: left;
}
.productDetailsFinalRow {
	background-color: red;
}
.productDetailsFinalRow td {
	background-color: #000000;
	color: red;
	height: 15px;
	text-align: center;
}
.cashBookTransferHeaderRow {
	background-color: white;
}
.cashBookTransferHeaderRow td {
	background-color: #000000;
	color: white;
	font-size: 110%;
	font-weight: bold;
	height: 30px;
	text-align: left;
}
.startAmountLable {
	-moz-border-radius: 7px 7px 7px 7px;
	-moz-box-shadow: 1px 1px 4px #666666;
	background: none repeat scroll 0 0 #FFFFFF;
	color: black;
	font-size: 85%;
	font-weight: bolder;
	height: 2em;
	line-height: 160%;
	padding: 0.2%;
	text-align: center;
	width: 7em;
}
.cartHeaderRow {
	background:#333;
}
.cartHeaderRow td{
	height:30px;
	font-weight:bold;
	color:#CCC!important;
	text-align: center;
}
.cartHeaderRow th{
	height:30px;
	font-weight:bold;
	color:#CCC!important;
	text-align: center;
}
.listHeaderRow {
	background:#333;
}
.listHeaderRow td{
	height:30px;
	font-weight:bold;
	color:#CCC;
	text-align: center;
	padding: 3px 5px;
	border: 1px solid #948989;
}
.listHeaderRow th{
	height:30px;
	font-weight:bold;
	color:#CCC;
	text-align: center;
	padding: 3px 5px;
	border: 1px solid #948989;
}
.paymentList{
	width:30%;
	background:#222;
	border:1px solid #fff;
	padding:5px;
	overflow: auto!important;
	float: left;
	position: fixed!important;
	bottom: 42px;
	z-index: 10001;
/* 	max-height: 136px; */
}
.productList{
	width:100%;
	overflow: auto;
}
.productList td{
	vertical-align:middle;
	height:30px;
	padding-left:5px;
	border:1px solid #000;
	word-wrap: break-word;
}
.productList th{
	background:#333;
	color:#CCC;
	border:1px solid #000;
	padding:5px 0px;
}
.td_border td{
	border:1px solid #000;
}
.tr_odd{
	background:#EEE;
	color: black;
}
.tr_even{
	background:#CCC;
	color: black;
}
.tr_odd td,
.tr_even td{
	padding: 1px 5px;
}
.tr_oddPassedDate {
	background: #EEE;
	font-weight:bold;
	color: #f00;
}
.tr_evenPassedDate {
	background: #CCC;
	font-weight:bold;
	color: #f00;
}
.tr_final{
	background:#fff;
	color:black;
}
.itemTitleList{
	background: #929292;
	color: #fff;
	font-family: tahoma, san-serif;
	font-size: 11px;
	font-weight: bold;
}

.itemTitleList th{
	padding: 4px;
	border: none;
	text-align: left;
}
.highlight{
	background-color:#FC0;
}
.tr_even:hover, .tr_odd:hover, .highlight:hover {
	cursor: pointer;
}
.stockhighlight{
	background: #00B88A;
}
.stockhighlight td{
	font-weight: bold;
	color: #FFF;
}
.cartFooterRow{
	background: #fff;
	color: #333;
/* 	font-family: tahoma, san-serif; */
	font-size: 13px!important;
	font-weight: bold;
	border-left: 1px solid #656565;
	border-right: 1px solid #656565;
}

.cartFooterRow td{
	padding: 4px;
	border-top: 2px solid #656565; 
	border-bottom: 2px solid #656565;
	border-left: 0px;
	border-right: 0px;
}
.ListTable {
	width:100%;
}
.ListTable input[type=text],
.ListTable input[type=password],
.ListTable input[type=email],
.ListTable input[type=file],
.ListTable input[type=number] {
	width: 95%!important;
	margin-bottom: 3px!important;
}
.ListTable select {
	width: 96%!important;
	margin-bottom: 3px!important;
}
.tblHeaderRow {
	background:#333;
}
.tblSubHeaderRow {
	background: #CCC;
}
.tblHeaderRow th,
.tblHeaderRow td {
	height:25px;
	font-weight:bold;
	color:#CCC;
	text-align: center;
	vertical-align: middle!important;
	padding: 3px 5px;
	border: 1px solid #000000;
}
.tblSubHeaderRow th,
.tblSubHeaderRow td {
	border: 1px solid #000000;
	text-align: center;
	font-weight: bold;
	vertical-align: middle!important;
	padding: 5px;
}
.ListTable td {
	border: 1px solid #000000;
	vertical-align:bottom;
	padding: 5px;
}
.ListTable .Txtlabel{
	width: 100%;
	height: 20px;
	padding: 3px;
	vertical-align: middle;
	margin-bottom: 3px;
}
.pagerTable{
	max-width:300px!important;
	margin: 0px auto;
	border: 0px;
}
.pagerTable td{
	vertical-align: center;
	text-align: center;
	border: 0px;
}
.tablHead{ 
    background: -webkit-linear-gradient(#999, #666)!important; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#999, #666)!important; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#999, #666)!important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(#999, #666)!important; /* Standard syntax */ 
    color:#FFF;
    font-weight:bold;
    text-align:center!important;
    border:1px solid #999;
    line-height:35px;
    font-size:16px;
}
.searchTB{
/* 	min-height:505px; */
	background:#E5E5E5;
}
.alignDetails td{
	vertical-align: middle;
/* 	font-family: tahoma, san-serif; */
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
}
.salesFiguresHeader{
	background: #929292;
	color: #fff;
	font-family: tahoma, san-serif;
	font-size: 11px;
	font-weight: bold;
}
.salesFiguresHeader th{
	padding: 2px;
	text-align: center;
}
.salesFiguresRow{
	background: #DFDFDF;
}
.oddRow{
	background: #eaf3fa;
	font-family: tahoma, san-serif;
/* 	font-size: 18px; */
/* 	font-weight: normal; */
	text-align: left;
}
.oddRow td{
	padding: 4px;
}
.evenRow{
	background: #FFFFFF;
	font-family: tahoma, san-serif;
/* 	font-size: 18px; */
/* 	font-weight: normal; */
	text-align: left;
}
.evenRow td{
	padding: 4px;
}
.cntSearchPanel{
	border-bottom: 1px solid #FFF;
	padding: 5px 1%;
}
.inputGP, .inputGP:hover, .inputGP:focus {
	background-color: LightBlue;
}

.inputMU, .inputMU:hover, .inputMU:focus {
	background-color: LightGreen;	
}
.fitwellBox input{
	width: 90%;
}
.tbhead td{ 
    background: -webkit-linear-gradient(#999, #666)!important; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#999, #666)!important; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#999, #666)!important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(#999, #666)!important; /* Standard syntax */ 
    color:#FFF;
    font-weight:bold;
    text-align:center!important;
    border:1px solid #999;
    font-size:14px;
    height:25px;
}
.tbdesc{ 
    background: -webkit-linear-gradient(#999, #666)!important; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#999, #666)!important; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#999, #666)!important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(#999, #666)!important; /* Standard syntax */ 
    color:#FFF;
    font-weight:bold;
    text-align:center!important;
    border:1px solid #999;
    line-height:35px;
    font-size:16px;
}
.shiftTb td{
	min-width: 60px;
}
.shiftTb .emptd {
	min-width: 200px;
	width: 200px;
}
.shiftTb .actiontd {
	min-width: 90px;
	width: 90px;
	text-align: center;
}
.greenLbl{
	background: #c6ecc6;
	color: #133913;
}
.roseLbl{
	background: #ffe6f9;
	color: #4d0039;
}
.yellowLbl{
	background: #ffffcc;
	color: #333300;
}
.redLbl{
	background: #ffcccc;
	color: #800000;
}
.violetLbl{
	background: #eeccff;
	color: #440066;
}
.blueLbl{
	background: #cce0ff;
	color: #002966;
}
.grayLbl{
	background: #e6e6e6;
	color: #404040;
}
/************ADVANCED FLEXTABLE***************/

.prdListSection {
	width: 100%;
	position: relative;
	padding-top: 37px;
	background: #333;
	border: 1px solid #000;
	border-bottom: none;
}
.prdListContainer {
  	overflow: auto;
}
.prdListHeight{
	min-height: 0px;
	max-height: 70vh;
}
table.cartTable {
	border-spacing: 0;
	width:100%;
}
.cartTable td + td {
  	border-left:1px solid #000;
}
.cartTable td, .cartTable th {
  	border-bottom:1px solid #000;
  	color: #000;
}
.cartTable th {
	height: 0;
	line-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	color: transparent;
	border: none;
	white-space: nowrap;
}
.cartTable th div span{
	margin: 0px auto;
}
.cartTable th div{
	position: absolute;
	background: transparent;
	color: #fff;
	padding: 11px 5px;
	top: 0;
	margin-left: -2px;
	line-height: normal;
	text-align: center;
	border-left: 1px solid #000;
}
.cartTable th:first-child div{
  	border: none;
}
.cartTable tfoot div {
	position: absolute;
	background: transparent;
	color: #fff;
	padding: 9px 25px;
	top: 0;
	margin-left: -25px;
	line-height: normal;
	border-left: 1px solid #000;
	top: 238px;
}
.cartTable tfoot th:first-child div{
	border: none;
	background: #500;
	width: calc(100% + 1px);
	margin-left: -26px;
	box-sizing: border-box;
}
.cartTable input[type=text],
.cartTable input[type=password],
.cartTable input[type=email],
.cartTable input[type=file],
.cartTable input[type=number]{
	border: none;
	margin: 5px;
}
.resourceTB{
	border-radius:0px!important;
	vertical-align:middle;
	color:#FFFFFF;
	border:1px solid #333333;
}
.resourceTB td{
	padding:3px;
	border: 1px solid #999999;
}
/* .listHeaderRow td{ */
/* 	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#666666));Safari 4-5, Chrome 1-9 */
/* 	background: -webkit-linear-gradient(top, #333333, #666666); For Safari 5.1 to 6.0 */
/* 	background: -o-linear-gradient(top, #333333, #666666); For Opera 11.1 to 12.0 */
/* 	background: -moz-linear-gradient(top, #333333, #666666); For Firefox 3.6 to 15 */
/* 	background: linear-gradient(top, #333333, #666666); Standard syntax */
/* 	text-align:center!important; */
/* 	font-size:13px; */
/* } */
.resourceTB input[type=text],
.resourceTB input[type=password],
.resourceTB input[type=email],
.resourceTB input[type=file],
.resourceTB input[type=number],
.resourceTB select{
	border-radius:0px!important;
	font-size: 10px;
	padding:2px!important;
	vertical-align:middle!important;
	margin: 0px auto;
	font-size:12px!important;
/* 	width:95%!important; */
}
.tableBg{
	background: #FFFFFF;
}
.itemsTotal td{
	border-left: 0px!important;
	border-right: 0px!important;
	background-color: #C4C4C4;
	font-weight: bold;
}
.shiftList td{
	padding-left:1px!important;
}
.tbResponsive {
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #999999;
	border-collapse: collapse;
	border-left: 0;
}

.tbResponsive th,
.tbResponsive td {
	padding: 5px 9px 5px 8px;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

.tbResponsive th {
	font-weight: bold;
	background-color: #909090;
	letter-spacing: 1px;
	color: #FFFFFF;
	border-color: #000000;
	border-collapse: collapse;
}

.tbResponsive th a{
	color: #FFFFFF;
}

.tbResponsive th a:hover {
	text-decoration: none;
}

.tbResponsive td
{
	background-color: #C9C9C9;	
	font-size: 8pt;	
	letter-spacing: 1px;	
	color: #000000;
	font-weight: normal;
}

.tbResponsive td.numeric {
	text-align: right;
	font-weight: bold;
}

.tbResponsive td.negativenumeric {
	text-align: right;
	color: #FF0000;
	font-weight: bold;
}
.tbResponsive td a {
	text-decoration: none;
	color:blue;
}

.tbResponsive caption + thead tr:first-child th,
.tbResponsive caption + thead tr:first-child td,
.tbResponsive colgroup + thead tr:first-child th,
.tbResponsive colgroup + thead tr:first-child td,
.tbResponsive thead:first-child tr:first-child th,
.tbResponsive thead:first-child tr:first-child td {
 	border-top: 0;
}

.tbResponsive tbody + tbody {
	border-top: 2px solid #dddddd;
}

/* .tbResponsive tbody > tr:nth-child(odd) > td, */
/* .tbResponsive tbody > tr:nth-child(odd) > th { */
/* 	background-color: #D8D8D8; */
/* } */

.tbResponsive .odd {
	background-color: #D8D8D8;
}

.tbResponsive .even {
	background-color: #C9C9C9;
}

.terminalinfoTB{
/* 	border-bottom: 1px solid #fff; */
	border-bottom: 1px solid #dddddd;
}
.terminalinfoTB th,
.terminalinfoTB td {
	padding: 3px 7px;
	text-align: left;
	vertical-align: middle;
	border-top: 1px solid #dddddd;
}
#denotes{
  width: 45%;
  border: 1px solid #CCC;
  color: #333;
  font-size: 12px;
}
#denotes td{
  padding: 0px 5px;
}
#denotes .aricn{
  width: 15px;
  height: 15px;
  opacity: 0.3;
}
#denotes label{
  display: inline;
  margin-left: 5px;
}
#userRol {
	width: 45%;
	font-size: 12px;
}
@media (max-width : 992px) {
	#userRol{
	  width: 60%;
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	#userRol{
	  width: 100%;
	}
}
#userRol .rolItm{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border: 1px solid #E1E1E1;
	vertical-align: middle;
	height: 30px;
	font-size: 16px!important;
}
#userRol td{
	padding: 0px 5px;
}
#userRol .aricn{
	width: 20px;
	height: 20px;
	opacity: 0.3;
}
#userRol ul{
	list-style: none;
}
/*********CHECKBOX*********/

.squaredChkbxFour input[type=checkbox],
.squaredChkbxThree input[type=checkbox], 
.squaredChkbxTwo input[type=checkbox], 
.squaredChkbxOne input[type=checkbox], 
.roundedChkbxTwo input[type=checkbox], 
.roundedChkbxOne input[type=checkbox], 
.slideChkbxThree input[type=checkbox], 
.slideChkbxTwo input[type=checkbox], 
.slideChkbxOne input[type=checkbox] {
	visibility: hidden;
}
/* SLIDE ONE */
.slideChkbxOne {
	width: 50px;
	height: 10px;
	background: #333;
	margin: 20px auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideChkbxOne label {
	display: block;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: -3px;
	left: -3px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideChkbxOne input[type=checkbox]:checked + label {
	left: 37px;
}

/* SLIDE TWO */
.slideChkbxTwo {
	width: 80px;
	height: 30px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideChkbxTwo:after {
	content: '';
	position: absolute;
	top: 14px;
	left: 14px;
	height: 2px;
	width: 52px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #111;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideChkbxTwo label {
	display: block;
	width: 22px;
	height: 22px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 4px;
	z-index: 1;
	left: 4px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideChkbxTwo label:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #333;
	left: 6px;
	top: 6px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,1), 0px 1px 0px rgba(255,255,255,0.9);
}

.slideChkbxTwo input[type=checkbox]:checked + label {
	left: 54px;
}

.slideChkbxTwo input[type=checkbox]:checked + label:after {
	background: #00bf00;
}

/* SLIDE THREE */
.slideChkbxThree {
	width: 80px;
	height: 26px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideChkbxThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideChkbxThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideChkbxThree label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideChkbxThree input[type=checkbox]:checked + label {
	left: 43px;
}

/* ROUNDED ONE */
.roundedChkbxOne {
	width: 14px;
	height: 14px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 5px auto;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.roundedChkbxOne label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;

	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	left: 2px;
	top: 2px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.roundedChkbxOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	top: 1px;
	left: 1px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.roundedChkbxOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedChkbxOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* ROUNDED TWO */
.roundedChkbxTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.roundedChkbxTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.roundedChkbxTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.roundedChkbxTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.roundedChkbxTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED ONE */
.squaredChkbxOne {
	width: 14px;
	height: 14px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 5px auto;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredChkbxOne label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 2px;
	top: 2px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredChkbxOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

	top: 1px;
	left: 1px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredChkbxOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredChkbxOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED TWO */
.squaredChkbxTwo {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredChkbxTwo label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredChkbxTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredChkbxTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredChkbxTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


/* SQUARED THREE */
.squaredChkbxThree {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.squaredChkbxThree label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredChkbxThree label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredChkbxThree label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredChkbxThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* SQUARED FOUR */
.squaredChkbxFour {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}

.squaredChkbxFour label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredChkbxFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredChkbxFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredChkbxFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/***********GWT-tab*******************/

.gwt-TabLayoutPanel{ 
    width: 100%;
    position: relative!important;
/*    min-height: 83.5vh;*/
/*	max-height: 83.5vh;*/
    height: calc(100vh - 105px);
	height: -o-calc(100vh - 105px);
	height: -ms-calc(100vh - 105px);
	height: -moz-calc(100vh - 105px);
	height: -webkit-calc(100vh - 105px);
/*	background: #E5E5E5;*/
	background: rgba(68,179,146,1);
	background: -moz-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,179,146,1)), color-stop(100%, rgba(39,130,103,1)));
	background: -webkit-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: -o-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: -ms-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: linear-gradient(to bottom, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b392', endColorstr='#278267', GradientType=0 );
	border-top: 1px solid #000000;
}
.productEditPanel .gwt-TabLayoutPanel {
	min-height: 67vh!important;	
	max-height: 67vh!important;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab { 
    margin-left: 0px; 
/*    padding: 1vh 20px;*/
    padding: 6px 20px; 
    cursor: pointer; 
    cursor: hand; 
    color: #ffffff; 
    font-weight: bold; 
    text-align: center; 
/*    background: #CCCCCC;*/ 
    border:1px solid #278267;
    border-bottom:none;
	background: rgba(39,130,103,1);
	background: -moz-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(39,130,103,1)), color-stop(100%, rgba(68,179,146,1)));
	background: -webkit-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: -o-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: -ms-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: linear-gradient(to bottom, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278267', endColorstr='#44b392', GradientType=0 );
/*   border-top-left-radius:10px;
	border-top-right-radius:10px;*/
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent { 
    border-color: #278267; 
    background: #F2F2F2;
    border-style: solid; 
    border-width: 0px 0px 0px; 
/*    height: 78.5vh;*/
    height: calc(100vh - 135px);
	height: -o-calc(100vh - 135px);
	height: -ms-calc(100vh - 135px);
	height: -moz-calc(100vh - 135px);
	height: -webkit-calc(100vh - 135px);
    overflow: auto;
/*     overflow: hidden;  */
} 
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected { 
    cursor: default; 
    background: #F2F2F2;   
    color: #278267; 
/*    border-top-left-radius:10px;
	border-top-right-radius:10px;*/
}
.popCnt .gwt-TabLayoutPanelContent {
	height: 62vh!important;
}

/********Time Picker**********/

.timePickerPanel{
	position: absolute;
	margin-top: -8px;
	padding: 20px 5px;
	min-width: 100px;
	background-color: #ffffff;
	background-clip: padding-box;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	display: inline-block;
	border: 1px solid #cccccc;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	direction: ltr;
}
.timePickerPanel .tmsec{
	margin: 0px 5px;
}
.timePickerPanel .timeupBtn{
	width: 50px!important;
}
.timePickerPanel .tmBox{
	width: 44px!important;
	font-weight: bold;
	font-size: 14px!important;
	text-align: center;
}

/***Calendar***/

.posCalendar {
	position: absolute;
	left: 0;
	background-color: #ffffff;
	background-clip: padding-box;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	display: inline-block;
	border: 1px solid #cccccc;
}

.CalendarWidget {
	border: 1px solid #333333;
}

.CalendarWidget .clnavbar {
	width: 100%;
	background-color: #333333;
	color: #ffffff;
	vertical-align: middle;
	/*   border-bottom: 1px solid #333333; */
}

.CalendarWidget .clnavbar td {
	vertical-align: middle;
	text-align: center;
	min-height: 30px;
	min-width: 30px;
}

.CalendarWidget .clnavbar .clButton {
	*display: inline;
	padding: 5px 10px;
	margin-bottom: 0;
	*margin-left: .3em;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	background-color: #333333;
	border: 1px solid #333333;
	*border: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	*zoom: 1;
}

.CalendarWidget .table {
	font: 10pt sans-serif;
	text-align: center;
	margin-bottom: 0px;
}

.CalendarWidget .table td {
	padding: inherit;
	line-height: inherit;
	text-align: center;
	padding-top: 0px;
	background-color: #ffffff;
	border: 1px solid #333333;
}

.CalendarWidget .weekheader {
	background-color: #333333;
}

.CalendarWidget .weekheader td {
	background-color: #333333;
	color: #ffffff;
}

.CalendarWidget .weekheader .days {
	width: 3em;
	text-align: center;
}

.CalendarWidget .cell {
	cursor: pointer;
}

.CalendarWidget .cell .gwt-HTML { /*   border: 1px solid #ACA899; */
	
}

.CalendarWidget .cell .gwt-HTML span {
	width: 100%;
	height: 100%;
	line-height: 2em;
}

.CalendarWidget .today {
	background-color: #333333;
	color: #ffffff;
}

.CalendarWidget .today .gwt-HTML {
	background-color: #333333;
	color: #ffffff;
}

.CalendarWidget .day .gwt-HTML {
	border: 1px solid #333333;
}

/***Leave Calendar***/
.leaveCalendarPanel .CalendarWidget .clnavbar td {
	min-height: 40px;
	min-width: 40px;
}

.leaveCalendarPanel .CalendarWidget .clnavbar .clButton {
	padding: 10px 15px;
}

.leaveCalendarPanel .CalendarWidget .weekheader .days {
	width: 6em;
}

.leaveCalendarPanel .CalendarWidget .cell:hover {
	background-color: #CCCCCC;
}

.leaveCalendarPanel .CalendarWidget .active {
	background-color: #CCCCCC !important;
	cursor: pointer;
}

.leaveCalendarPanel .CalendarWidget .fSelected {
	background-color: #65BBD3 !important;
	cursor: pointer;
}

.leaveCalendarPanel .CalendarWidget .fhSelected {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#65bbd3+0,65bbd3+50,65bbd3+51,65bbd3+100&1+0,1+50,0+51,0+100 */
	background: -moz-linear-gradient(-45deg, rgba(101,187,211,1) 0%, rgba(101,187,211,1) 50%, rgba(101,187,211,0) 51%, rgba(101,187,211,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(101,187,211,1)), color-stop(50%,rgba(101,187,211,1)), color-stop(51%,rgba(101,187,211,0)), color-stop(100%,rgba(101,187,211,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(101,187,211,1) 0%,rgba(101,187,211,1) 50%,rgba(101,187,211,0) 51%,rgba(101,187,211,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(101,187,211,1) 0%,rgba(101,187,211,1) 50%,rgba(101,187,211,0) 51%,rgba(101,187,211,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(101,187,211,1) 0%,rgba(101,187,211,1) 50%,rgba(101,187,211,0) 51%,rgba(101,187,211,0) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(101,187,211,1) 0%,rgba(101,187,211,1) 50%,rgba(101,187,211,0) 51%,rgba(101,187,211,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65bbd3', endColorstr='#0065bbd3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	cursor:pointer;
}

.leaveCalendarPanel .CalendarWidget .shSelected {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#65bbd3+0,65bbd3+50,65bbd3+51,65bbd3+100&0+0,0+50,1+51,1+100 */
	background: -moz-linear-gradient(-45deg, rgba(101,187,211,0) 0%, rgba(101,187,211,0) 50%, rgba(101,187,211,1) 51%, rgba(101,187,211,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(101,187,211,0)), color-stop(50%,rgba(101,187,211,0)), color-stop(51%,rgba(101,187,211,1)), color-stop(100%,rgba(101,187,211,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(101,187,211,0) 0%,rgba(101,187,211,0) 50%,rgba(101,187,211,1) 51%,rgba(101,187,211,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(101,187,211,0) 0%,rgba(101,187,211,0) 50%,rgba(101,187,211,1) 51%,rgba(101,187,211,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(101,187,211,0) 0%,rgba(101,187,211,0) 50%,rgba(101,187,211,1) 51%,rgba(101,187,211,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(101,187,211,0) 0%,rgba(101,187,211,0) 50%,rgba(101,187,211,1) 51%,rgba(101,187,211,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065bbd3', endColorstr='#65bbd3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	cursor:pointer;
}

.leaveCalendarPanel .CalendarWidget .hactive{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,cccccc+51,cccccc+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffffff 50%, #cccccc 51%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#cccccc 51%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#cccccc 51%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffffff 50%,#cccccc 51%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%,#ffffff 50%,#cccccc 51%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.leaveCalendarPanel .CalendarWidget .active .gwt-HTML span,
.leaveCalendarPanel .CalendarWidget .fSelected .gwt-HTML span,
.leaveCalendarPanel .CalendarWidget .fhSelected .gwt-HTML span,
.leaveCalendarPanel .CalendarWidget .shSelected .gwt-HTML span,
.leaveCalendarPanel .CalendarWidget .cell .gwt-HTML span {
	width: 100%;
	height: 100%;
	line-height: 4em;
}

.leaveCalendarPanel .CalendarWidget .leaveType {
	font-weight: bold;
	color: #002966;	
}
/***********General*******************/
.paddingT {
	padding-top: 10px;
} 
.paddingB {
	padding-bottom: 10px;
} 
.paddingR {
	padding-right: 10px;
} 
.paddingL {
	padding-left: 10px;
} 
.paddingA {
	padding: 10px;
} 
.spaddingT {
	padding-top: 5px;
} 
.spaddingB {
	padding-bottom: 5px;
} 
.spaddingR {
	padding-right: 5px;
} 
.spaddingL {
	padding-left: 5px;
} 
.spaddingA {
	padding: 5px;
}
.noPadding {
	padding: 0px!important;
}
.noPaddingB {
	padding-bottom: 0px!important;
}
.marginT {
	margin-top: 10px;
}
.marginB {
	margin-bottom: 10px;
}
.marginR {
	margin-right: 10px;
}
.marginL {
	margin-left: 10px;
}
.marginA {
	margin: 10px;
}
.smarginT {
	margin-top: 5px;
}
.smarginB {
	margin-bottom: 5px;
}
.smarginR {
	margin-right: 5px;
}
.smarginL {
	margin-left: 5px;
}
.smarginA {
	margin: 5px;
}
.noMargin {
	margin: 0px!important;
}
.noMarginB {
	margin-bottom: 0px!important;
}
.bleft{
	border-left:1px solid #d1d1d1;
}
.bright{
	border-right:1px solid #d1d1d1;
}
.bbottom{
	border-bottom:1px solid #d1d1d1;
}
.btop{
	border-top:1px solid #d1d1d1;
}
.fborder{
	border:1px solid #d1d1d1;
}
.dayBox{
	width: 50px!important;
}
.mnthBox{
	width: 60px!important;
	display: inline-block;
}
@media only screen and (max-width: 400px) {
	.mnthBox{
		width: 48%!important;
	}
}
@media only screen and (min-width: 401px) and (max-width: 640px) {
	.mnthBox{
		width: 25%!important;
	}
}
@media only screen and (min-width: 641px) and (max-width: 992px) {
	.mnthBox{
		width: 50px!important;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.mnthBox{
		width: 53px!important;
	}
}
.yearBox{
	width: 65px!important;
	display: inline-block;
}
@media only screen and (max-width: 400px) {
	.yearBox{
		width: 50%!important;
	}
}
@media only screen and (min-width: 401px) and (max-width: 640px) {
	.yearBox{
		width: 25%!important;
	}
}
@media only screen and (min-width: 641px) and (max-width: 992px) {
	.yearBox{
		width: 56px!important;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.yearBox{
		width: 58px!important;
	}
}
.timeBox{
	width: 105px!important;
}
.dateBox{
	width: 80px!important;
}
.fixedBox{
	width: 170px!important;		
}
.fixedBox2{
	width: 160px!important;		
}
.labelBox{
	width: 120px!important;
}
.textBox{
	width: 95%!important;
}
.selectBox{
	width: 97%!important;
}
.assetform{
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.assetform .textarea{
	background-color: #FFFFFF;
	border: 1px solid rgb(204, 204, 204);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	padding: 5px;
}
.astEditrForm{
	width:100%;
	padding-right:10px;
}
.astEditrForm fieldset { 
	border:1px solid #278267;
	padding: 10px;
	margin-bottom:10px;
}
.astEditrForm .frm_head {
  	padding: 0em 0.5em;
  	border:1px solid #278267;
 	color: #333333;
  	font-size:110%;
  	width:25%;
  	margin: 0px 0px;
  	font-weight:bold;
  	line-height: 25px;
}
.astEditrForm .assetFields{
	width: 33%;	
}
.imgFrame{
	padding: 2px;
	border: 1px solid #666666;
	width:155px;
	height:114px;
	text-align:center;
	display: inline-block;
}
.imgFrame img{
	float: left;
	border: 1px solid #ccc;
}
.imgFrame button{
	float: right;
}
.assetFields .gwt-Label,
.assetFields label{ 
	margin-bottom: 0px; 
	font-size: 12px; 
	display:inline-block;
	width:120px; 
	vertical-align: middle; 
	line-height:1.2em;
}
.assetFields .lrgLabl{
	width: 250px!important;
	font-weight: bold;
}
.assetFields .inputFields{
	border-radius:0px!important;
	font-size: 10px;
	vertical-align:middle!important;
	margin-bottom: 5px;
	font-size:12px!important;
}
.assetFields input[type=file],
.assetFields input[type=file].inputFields{
	border-radius:0px!important;
	border:1px solid rgb(204, 204, 204);
	background: #ffffff;
	vertical-align:middle!important;
	margin-bottom: 5px;
	height: 23px!important;
	line-height: 23px!important;
}
.assetFields input[type=checkbox],
.assetFields input[type=radio]{
	vertical-align: top!important;
	margin: 6px 0px;
}
.astEditrForm button,
.astEditrForm input[type=button],
.astEditrForm input[type=submit],
.astEditrForm input[type=reset]{
	margin-bottom: 5px;
}
.assetFields input[type=text],
.assetFields input[type=password],
.assetFields input[type=email],
.assetFields input[type=file],
.assetFields input[type=number] {
/* 	width: 57.4%; */
}
.assetFields select{
/* 	width: 60.5%; */
}
.assetFields .labelBox{
	width: 120px!important;
}
.assetFields ul{
	list-style: square outside none;
	margin: 0px 0px 10px 13px!important;
}
.assetFields ul li{
	line-height:1.2em;
}
.spclinpt select, .spclinpt input[type=text],
.spclinpt input[type=password],
.spclinpt input[type=email],
.spclinpt input[type=file],
.spclinpt input[type=number]{
	margin-bottom: 0px!important;
	width: 57.5%;
	border-radius: 0px!important;
	-o-border-radius: 0px!important;
	-ms-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
}
.lbl{ 
	width:90px!important; 
}
.inline{
	display: inline-block;
}

/*
 *  STYLE 1
 */

.astEditrForm::-webkit-scrollbar-track{
	background-color: #E5E5E5;
}

.astEditrForm::-webkit-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
}

.astEditrForm::-webkit-scrollbar-thumb{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.astEditrForm::-moz-scrollbar-track{
	background-color: #E5E5E5;
}

.astEditrForm::-moz-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
}

.astEditrForm::-moz-scrollbar-thumb{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.astEditrForm::-ms-scrollbar-track{
	background-color: #E5E5E5;
}

.astEditrForm::-ms-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
}

.astEditrForm::-ms-scrollbar-thumb{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.astEditrForm::-o-scrollbar-track{
	background-color: #E5E5E5;
}

.astEditrForm::-o-scrollbar{
	width: 12px;
	background-color: #F5F5F5;
}

.astEditrForm::-o-scrollbar-thumb{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

.clientconfig{
	width:100%;
    height:100%;
}

.clientLeftDiv{
	background: #efece6;
	width:100%;
}

.clientLeftTable{
	margin-left:20%;
	width:70%;
	height: 50%;
	white-space:nowrap; 
}

.productFooter{
	margin-top:5px;
	width:100%;
	height: 33px;
	background-color:#000000;	
	color:#FFFFFF;
}

.fortext {
	color:green;
	text-align:left;
	padding-top:10px;
	margin-left:5%;
	font-size:125%;
}
.captionStyle {
/*      margin-top: 10px; */
	color: rgb(102, 154, 207);
	font-family: tahoma,san-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
}
input[type=number] { -moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
   -webkit-appearance: none; 
    margin: 0; 
}
.successBg {
	height: 70px;
	background: #BCCCDD;
	text-align:center;
	display: none;
	/*border: 2px solid #EEE000;*/
}

.bankstatement {
	height: 100%;
	width: 100%;
}
.bankstatementLeftDiv {
	background: none repeat scroll 0 0 #EFECE6;
	height: 580px;
	width: 100%;
}
.bankstatementUpTable {
	float: left;
	height: 30%;
	margin-left: 8%;
	white-space: nowrap;
	font-weight: bold;
	width: 40%;
}
.bankstatementUpRightTable{
	float: left;
	font-weight: bold;
	height: 30%;
	margin-left: 8%;
	white-space: nowrap;
	width: 40%;
}
.Paymentslabel {
	-moz-box-shadow: 1px 1px 4px #666666;
	background: none repeat scroll 0 0 black;
	color: white;
	font-size: 92%;
	font-weight: bolder;
	height: 2em;
	line-height: 200%;
	text-align: center;
	width: 18em;
}
.bankstatementDownTable {
	font-weight: bold;
	height: 42%;
	padding-left: 50px;
	width: 95%;
	float: left;
}
.loadPaymentTableView {
	height: 390px;
	overflow: auto;
	width: 100%;
	overflow-x: hidden;
}
.loadPaymentTableView td{
	padding: 0px 5px;
}
.lableDiv{
 	height: 5%;
 	width: 65%;	
 	margin-left: 35%;
 	float: left;
}
.topTableDiv{
	font-weight: bold;
	height: 30%;
	margin-left: 2%;
	white-space: nowrap;
	width: 48%;
}
.tableheader{
	background: none repeat scroll 0 0 black;
	color: white;
}
.vtop{
	vertical-align: top!important;
}	
.grayBg{
	background: #F2F2F2;
}
.lightGrayBg{
	background: #D3D3D3!important;
}
.pageBg{
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.72);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.72);
	-ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.72);
	-o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.72);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.72);
	padding: 10px;
}
.clickable {
	color: blue;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	cursor: pointer;
	font-style: italic;
}
.errorInput, .errorInput:focus{
	background-color: #EA3535; 
}
.errorInput1, .errorInput1:focus{
	background-color: #EA3535; 
/* 	color: #FFFFFF; */
}
.correctInput, .correctInput:focus{
	background-color: #33CC33; 
/* 	color: white; */
}
.sendButton {
	display: block;
	font-size: 16pt;
}
.textBoxBgFalse {
	background: #f03a30!important;
/*	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
/*	filter: alpha(opacity=50);*/
/*	 -moz-opacity:0.5;*/
/*	 -khtml-opacity: 0.5;*/
/*	 opacity: 0.5;*/
}
.textBoxBgTrue {
	background: #86d966!important;
/*      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
/*	filter: alpha(opacity=50);*/
/*	 -moz-opacity:0.5;*/
/*	 -khtml-opacity: 0.5;*/
/*	 opacity: 0.5;*/
}
.blackFnt{
	color: #000000!important;
}
.rTime{
	width: 47px!important;
}
.fWidth{
	width:100%!important;
}
.displayNone{
	display: none;
}
.displayBlock{
	display: block;	
}
.displayInline{
	display: inline;
}
.displayInlBlock{
	display: inline-block;
}
.categoryTabWidth{
	width: 50%!important;	
}
.fieldsNameStyle {
	color: rgb(81, 88, 95);
	font-family: tahoma,san-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 40px;
}
.redBg{
	background-color: #FF0000!important;
	color: #FFFFFF;
}
.greenBg{
	background-color: #00FF00!important;
	color: #FFFFFF;
}
.labelConfig{
  	color: red;
	cursor: pointer;
	font-size: 80%;
	font-style: italic;
	text-decoration: underline;
}
.configure{
	text-decoration: underline;
	font-style: italic;
	font-size: 80%;
	color: #00F;
	cursor: pointer;
}
.forHyperLink {
	font-style: italic;
	font-size: 100%;
	color: #000080;
	cursor: pointer;
}
.mandatory {
	color: #F90;
}
.fieldelement{
	min-height: 30px;
	vertical-align: middle;	
}
.closeBtn {
	color: #FF3030;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);		
}
.okBtn {
	color: #19bf01;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-o-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.pcloseBtn {
	color: #E60000;
/* 	background: #FFCC80; */
	background: #b8d1f5;
/* 	border: 1px solid #E68A00; */
	border: 1px solid #23487d;
	float: right;
	border-radius: 11px 11px 11px 11px;
	-o-border-radius: 11px 11px 11px 11px;
	-ms-border-radius: 11px 11px 11px 11px;
	-moz-border-radius: 11px 11px 11px 11px;
	-webkit-border-radius: 11px 11px 11px 11px;
	padding: 1px 5px 3px;
}
.pcloseBtn:hover {
	opacity: 0.8;
}
.cancelBtn {
	background: url(../images/butn-cancel.png);
	height: 25px;
	width: 25px;
	margin-bottom: 10px;
	border-style:none;
}
.gwt-FileUpload {
	display: block;
	width: 100%;
	height: 30px;
	padding: 1px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gwt-FileUpload:focus {
	outline: 0;
}
.gwt-ScrollPanel {
	overflow: scroll;
	width: 100%;
}
.elementTreeTable{
/* 	background-color: scrollbar; */
/*      height: 400px; */
	overflow: auto;
	position: relative;
/*      width: 75%;*/
}
.productCategoryLabel{
	-moz-border-radius: 7px 7px 7px 7px;
	-moz-box-shadow: 1px 1px 4px #666666;
	background: #FFCC00;
	text-align: center;
	height: 3.5em;
	padding: 0.5%;
	color: black;
	margin-right: 1%;
	vertical-align: middle;
}
.productLabel{
	-moz-border-radius: 7px 7px 7px 7px;
	-moz-box-shadow: 1px 1px 4px #666666;
	background:#FFCC00;
	width: 8.9em;
	text-align: center;
	height: 3.5em;
	padding: 0.5%;
	color: black;
	margin-right: 1%;
}
.touchDiv {
	background: #EEE;
	height: 150px;
	clear: both;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
}
.touchButtonPanel {
	-moz-border-radius: 7px 7px 7px 7px;
	-moz-box-shadow: 1px 1px 4px #666666;
	background: none repeat scroll 0 0 #FFCC00;
	color: black;
	font-size: 200%;
	font-weight: bolder;
	height: 3em;
	line-height: 300%;
	margin-right: 1%;
	padding: 0.5%;
	text-align: center;
	width: 1.9em;
}
.submenu{
	width: 21%;
/* 	margin-top: 1px; */
}
.keypad-popup-panel {
	-moz-border-radius: 7px 7px 7px 7px;
	position: absolute;
	background: #BCCCDD;
	z-index: 2000000;
	border: 1px solid #FFFFFF;
	box-shadow: 1px 1px 4px #333;
	-o-box-shadow: 1px 1px 4px #333;
	-ms-box-shadow: 1px 1px 4px #333;
	-moz-box-shadow: 1px 1px 4px #333;
	-webkit-box-shadow: 1px 1px 4px #333;
	/*margin-top: 11%;
	margin-right: 25%;*/
}
.keypad-popup-panel .popupContent {
	border-top: 10px solid #333;
	border-bottom: 10px solid #333;
}
.keyPadButton {
/*    -moz-border-radius: 7px 7px 7px 7px; */
/*     -moz-box-shadow: 1px 1px 4px #666666; */
	background: none repeat scroll 0 0 #FFFFFF;
	color: black;
	font-size: 130%;
	font-weight: bolder;
	height: 2.5em;
	line-height: 250%;
	margin-right: 1%;
	padding: 0.5%;
	text-align: center;
	width: 2.9em;
	cursor: pointer;
}
.clearfix {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.uomSelect {
	background: white;
	border: 2px solid #ccc;
	font-weight: inherit;
	font-size: inherit;
	border-radius: 5px;
	/*-webkit-appearance: none;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.8); */
}

/** defined for touch screen*/
.touchWidget input[type=text],
.touchWidget input[type=password],
.touchWidget input[type=email],
.touchWidget input[type=file],
.touchWidget input[type=number] {
	height: 25px;
}

.sheetName {
	font-family: san-serif;
}

.sheetName:hover {
	background-color: yellow;
}
.showtb {
	display: block;
}
.hidetb {
	display: none;
}
.txtclndr {
	position: relative;
	top: -31px;
	right: 0px;
	float: right;
	cursor: pointer;
}
.text-xs {
	font-size: x-small;
}
.text-xxs {
	font-size: xx-small;
}
.text-sm {
	font-size: small;
}
.text-md {
	font-size: medium;
}
.text-xl {
	font-size: x-large;
}
.text-xxl {
	font-size: xx-large;
}
.prdtag{
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(135deg, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position:absolute;
	right:0;
	top:100px;
	padding:10px;
	border:1px solid #000;
	border-top-left-radius:5px;
	-o-border-top-left-radius:5px;
	-ms-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-o-border-bottom-left-radius:5px;
	-ms-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	z-index: 100001;
}
.receiptsec {
	background: none;
	border: 0px;
	border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	word-break: normal;
	word-wrap: normal;
	white-space: normal;
	line-height: inherit;
}
.reporttitle {
	color: #059692;
	font-family: tahoma,san-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 1px #ffffff;
	-o-text-shadow: 1px 1px 1px #ffffff;
	-ms-text-shadow: 1px 1px 1px #ffffff;
	-moz-text-shadow: 1px 1px 1px #ffffff;
	-webkit-text-shadow: 1px 1px 1px #ffffff;
}
#receiptTrigger {
	position: relative;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100vh;
}
.paymodBtn {
	width: 50px;
	height: 50px;
	padding: 4px !important;
}
.paymodBtn img {
	height: 28px;
	padding: 2px 0px;
}
.paymodText{
	font-size: 9px!important;
	text-align: center!important;
	line-height: 9px;
	display: block;
}
.help {
	text-align: center;
	vertical-align: middle;
	font-size: x-small;
	font-weight: bold;
	color: #999;
}
.warningMsgContainer,
.errorMsgContainer {
	text-align: left;
	background: #EEE;
	padding: 5px;
	min-height: 35px;
}
.errorMsgContainer span {
	color: #FF0000;
}
.clndrBt {
/* 	padding: 5px!important; */
	margin-left: -5px;
	border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
.bordrlessBt {
/* 	padding: 5px!important; */
	border-radius: 0px !important;
	-o-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}
.multiselectBox{
	height: 80px!important;
}
.opacity{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.imgUpload {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.picklistPanel {
	visibility: hidden;
	position: absolute;
	left: 0px!important;
	top: 0px!important;
	width:100%!important;
	height:100%;
	text-align:center;
	z-index: 1000;
	background-image:url(../images/overlay_background.png);
}
.picklistContainer {
	width: 950px!important;
	margin: 50px auto!important;
	background: #EEE;
	padding: 5px;
	min-height: 25px;
	border: 5px solid #DDD;
}
.picklistScroll {
	min-height: 300px;
}
.picklistHeader {
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	font-size: x-large;
	font-weight: bold;
	background: -webkit-linear-gradient(#97d42f, #89b53c);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#97d42f, #89b53c);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#97d42f, #89b53c);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#97d42f, #89b53c); /* Standard syntax */
}
.pbheader {
	padding: 15px 0px;
	text-align: center;
}
.pbbody {
	padding: 0px 0px;
}
.pbheader label {
	width: 90px;
	text-transform: none;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.pbheader .itemdiv {
	display: inline-block;
	margin-right: 20px;
}
.pbheader .inputfld {
	padding: 2px;
	width: 180px!important;
	margin-bottom: 5px;
	margin-right: 7px;
	border-radius: 0px;
	font-size: 12px!important;
}
.prdtag {
	position: absolute;
	right: 0;
	top: 100px;
	border-top-right-radius: 0px;
	-o-border-top-right-radius: 0px;
	-ms-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	-ms-border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
/***********Footer******************/
 
.footer-row {
	width: 100%;
/*	min-height: 6.5vh;*/
/*	line-height: 6.3vh;*/
	height: 40px;
/*	padding: 10px;*/
	
}
@media (min-width: 1600px) {
	.footer-row {
		height: 50px;
/*		padding: 15px 10px;*/
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.footer-row {
		line-height: inherit;
	}
}
.acsFooter {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#868781+0,fcfff4+2,ecedde+41,c3c4b6+100 */
	background: #3968ad; /* Old browsers */
	background: -moz-linear-gradient(top, #3968ad 0%, #fcfff4 2%, #3f73c0 41%, #5281c6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3968ad), color-stop(2%,#3f73c0), color-stop(41%,#3f73c0), color-stop(100%,#5281c6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3968ad 0%,#fcfff4 2%,#3f73c0 41%,#5281c6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3968ad 0%,#fcfff4 2%,#3f73c0 41%,#5281c6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3968ad 0%,#fcfff4 2%,#3f73c0 41%,#5281c6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #3968ad 0%,#fcfff4 2%,#3f73c0 41%,#5281c6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3968ad', endColorstr='#5281c6',GradientType=0 ); /* IE6-9 */
	padding: 5px 10px;
	/*border-top:1px solid #CCCCCC;
	border-bottom:1px solid #BAB2B5;
	min-height: 6.3vh;
	width: 100%;
	line-height:6.2vh;
	clear:both;
	position:relative;
	bottom:0;
	left:0;*/
}
@media (min-width: 1600px) {
	.acsFooter {
		padding: 7px 10px;
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.acsFooter {
		display: none;
		position: absolute;
		bottom: 40px;
		left: 5px;
		width: 200px;
		background: #fcfff4;
		border: 1px solid #CCC;
		padding: 5px!important;
		height: initial;
		max-height: calc(100vh - 80px);
		max-height: -o-calc(100vh - 80px);
		max-height: -ms-calc(100vh - 80px);
		max-height: -moz-calc(100vh - 80px);
		max-height: -webkit-calc(100vh - 80px);
		overflow-y: scroll;
		box-shadow: 0px 0px 2px #666;
		-webkit-box-shadow: 0px 0px 2px #666;
		-moz-box-shadow: 0px 0px 2px #666;
		-ms-box-shadow: 0px 0px 2px #666;
		-o-box-shadow: 0px 0px 2px #666;
	}
}
@media (max-width : 1025px) and (max-height : 768px) {
	.acsFooter {
		padding: 5px 3px;
	}
}
.acsFooter .footdiv{
	padding-left:5px;
}
@media (max-width : 768px) and (max-height : 1025px) {
	.acsFooter .btn {
		width: 100%;
		display: block;
		margin: 0px;
		border-radius: 0px!important;
	}
}
@media (max-width : 1025px) and (max-height : 768px) {
	.acsFooter .btn {
		padding-left: 4px;
		padding-right: 4px;
		border-radius: 3px;
/*		height: 35px;*/
	}
	.acsFooter .btn+.btn {
		margin-left: 0px;
	}
}
.logFooter{
	/*width: 100%;
	height: 6.5vh;
	clear:both;
	position:static;
	bottom:0;
	left:0;*/
	padding: 10px;
	background: #4479c4; /* Old browsers */
	background: -moz-linear-gradient(top, #4479c4 0%, #6490ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4479c4), color-stop(100%,#6490ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4479c4 0%,#6490ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4479c4 0%,#6490ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4479c4 0%,#6490ce 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4479c4 0%,#6490ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4479c4', endColorstr='#6490ce',GradientType=0 ); /* IE6-8 */
}
@media (min-width: 1600px) {
	.logFooter {
		padding: 15px 10px;
	}
}
@media (max-width : 768px) and (max-height : 1025px) {
	.logFooter {
/*		line-height: 6.3vh;*/
/*		padding: 10px;*/
	}
}
.buttonPanel{
	 text-align:left;
	 white-space: nowrap;
/*	 margin-left:5px;*/
}
.buttonPanel3{
/* 	 width:25%; */
	 text-align:center;
}
.buttonPanel2{
/* 	max-width:33.5%; */
	white-space: nowrap;
	text-align:right;
/*	margin-right: 5px;*/
}
.buttonPanel4{
	background:#CCC;
	color: black;
	text-align: center;
}
.buttonPanel5{
    float: right;
}
.buttonPanel+.buttonPanel2,
.buttonPanel+.buttonPanel3,
.buttonPanel+.buttonPanel4,
.buttonPanel2+.buttonPanel3,
.buttonPanel2+.buttonPanel4,
.buttonPanel2+.buttonPanel5,
.buttonPanel3+.buttonPanel4,
.buttonPanel3+.buttonPanel5,
.buttonPanel4.buttonPanel5,
.buttonPanel4.buttonPanel3,
.buttonPanel4.buttonPanel2,
.buttonPanel5+.buttonPanel2,
.buttonPanel5+.buttonPanel3,
.buttonPanel5+.buttonPanel4 {
	margin-left: 5px;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.buttonPanel,
	.buttonPanel2,
	.buttonPanel3,
	.buttonPanel4,
	.buttonPanel5 {
		width: 100%;
		display: block;
		padding: 0px;
		float:none;
		margin_left: 0px;
	}
}
@media (max-width : 768px) and (max-height : 1024px) {
	.buttonPanel+.buttonPanel2,
	.buttonPanel+.buttonPanel3,
	.buttonPanel+.buttonPanel4,
	.buttonPanel2+.buttonPanel3,
	.buttonPanel2+.buttonPanel4,
	.buttonPanel2+.buttonPanel5,
	.buttonPanel3+.buttonPanel4,
	.buttonPanel3+.buttonPanel5,
	.buttonPanel4.buttonPanel5,
	.buttonPanel4.buttonPanel3,
	.buttonPanel4.buttonPanel2,
	.buttonPanel5+.buttonPanel2,
	.buttonPanel5+.buttonPanel3,
	.buttonPanel5+.buttonPanel4 {
		margin-left: 0px;
	}
}
.footLeft{
/*	padding: 0px 10px;*/
	color:black;
	text-shadow: 1px 1px #94c7eb;
	-webkit-text-shadow: 1px 1px #94c7eb;
	-moz-text-shadow: 1px 1px #94c7eb;
	-ms-text-shadow: 1px 1px #94c7eb;
	-o-text-shadow: 1px 1px #94c7eb;
}
@media (max-width : 667px) and (max-height : 896px) {
	.footLeft{
		font-size: 12px;
	}
}
.footRight{
/*	padding: 0px 10px;*/
}
@media (max-width : 768px) and (max-height : 1024px) {
	.footer-row btn {
		display: block;
		width: 100%;
	}
	.footer-row btn + btn {
		margin-top: 3px;	
	}
}

/****************POPUP******************/
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox{
	position: fixed!important;
    left: 0px!important;
    top: 0px!important;
    width:100%!important;
    height:100%;
/*     text-align:center; */
    z-index: 1000;
    background-image:url(../images/overlay_background.png);
}
.gwt-DialogBox .dialogContent{
	width: 400px;
	margin: 50px auto;
    background:#222;
    border:1px solid #fff;
    padding:5px;
/*     text-align:center; */
    animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
@media (max-width : 480px) {
	.gwt-DialogBox .dialogContent{
		width: 95%;
	}
}
.gwt-DialogBox table{
	width:100%;
	margin: 50px auto;
}
.dialogContent form{
	padding: 10px;
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}
.gwt-SuggestBox {
	width: 50%;
}
@media (max-width : 667px) and (max-height : 896px) {
	.gwt-SuggestBox{
		width: 95%;
	}
}
.gwt-SuggestBoxPopup, .descSuggestPopup, .customerSuggestPopup, .barcodSuggestPopup  {
	text-align: left;
	cursor: hand;
	border: 1px solid #666;
	border-top: 0;
	background-color: #FFF;
/* 	margin-top: 105px; */
    width : 75%;
	height:225px;
/* 	overflow: auto !important;  */
	z-index:900000;
	animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.gwt-SuggestBoxPopup, .descSuggestPopup, .customerSuggestPopup, .barcodSuggestPopup  {
		width: calc(100% - 20px)!important;
		width: -o-calc(100% - 20px)!important;
		width: -ms-calc(100% - 20px)!important;
		width: -moz-calc(100% - 20px)!important;
		width: -webkit-calc(100% - 20px)!important;
		left: 10px!important;
		top: 84px!important;
		border-top: 1;
	}
}
.gwt-SuggestBoxPopup .popupContent, 
.descSuggestPopup .popupContent, 
.customerSuggestPopup .popupContent, 
.barcodSuggestPopup .popupContent  {
	height:225px;
	overflow: auto !important; 
}
.accountNameSuggestPopup {
	text-align: left;
	cursor: hand;
	border: 1px solid #000000;
	border-top: 0;
	background-color: #808080;
	margin-top: 70px;
    width : 75%!important;
	height:225px;
	overflow: auto !important; 
	z-index:900000;
	animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.accountNameSuggestPopup  {
		width: calc(100% - 20px)!important;
		width: -o-calc(100% - 20px)!important;
		width: -ms-calc(100% - 20px)!important;
		width: -moz-calc(100% - 20px)!important;
		width: -webkit-calc(100% - 20px)!important;
		border-top: 1;
	}
}
.descSuggestPopup {
    margin-left: -43.3%;
    margin-top: 7px;
}
.descSuggestPopup, .barcodSuggestPopup {
    margin-left: -43.3%;
    margin-top: 7px;
}

.customerSuggestPopup, .accountNameSuggestPopup {
	margin-left: 33px;
	width: 300px!important;
	margin-top: 5px;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.customerSuggestPopup, .accountNameSuggestPopup {
		margin-left: 0px;
		margin-top: 2px;
	}
}
.gwt-SuggestBoxPopup table, .descSuggestPopup table, .barcodSuggestPopup table, .customerSuggestPopup table, .normalSuggestPopup table , .accountNameSuggestPopup table{
	width: 100%!important;
}

.gwt-SuggestBoxPopup ul {
	width: 100%!important;
	padding: 0px
}

.gwt-SuggestBoxPopup .item, .descSuggestPopup .item, .barcodSuggestPopup .item, .customerSuggestPopup .item, .normalSuggestPopup .item , .accountNameSuggestPopup .item{
	border-bottom: 1px dotted #aaa;
	width: 100%!important;
	list-style-type:none;
	padding: 2px 5px;
	font-weight:bold;
	cursor:pointer;
}

.gwt-SuggestBoxPopup .item-selected, .descSuggestPopup .item-selected, .barcodSuggestPopup .item-selected, .customerSuggestPopup .item-selected, .normalSuggestPopup .item-selected , .accountNameSuggestPopup .item-selected{
	background-color:#F90;
	color:#FFF;
}

.gwt-SuggestBoxPopup ul li.selected {
	background-color:#F90;
    color:#FFF;
}

.normalSuggestPopup {
	text-align: left;
	cursor: hand;
	border: 1px solid #666;
	border-top: 0;
	background-color: #FFF;
	overflow: auto !important; 
	z-index:900000;	
	animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}

.notfound {
    padding:2px;
    cursor:default;
/*     background-color:#FFF; */
/*     color:#F90; */
    width: 100%!important;
}
.gwt-VerticalSplitPanel {
	height: 300px;	
}
.imagePanel .popupContent {
	width: 450px;
	margin: 70px auto;
    background:#222;
    border:1px solid #fff;
/*     border-radius: 10px; */
    padding:5px;
    text-align:center;
    animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}

.barcodePanel .popupContent {
	width: 600px;
	margin: 70px auto;
    background:#222;
    border:1px solid #fff;
/*     border-radius: 10px; */
    padding:5px;
    text-align:center;
    animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}

@media (max-width : 480px){
	.imagePanel .popupContent {
		width: 95%;
	}
}
.imagePanel .catalogImage {
	max-width: 420px;
}
@media (max-width : 480px){
	.imagePanel .catalogImage {
		max-width: 100%;
	}
}


@media (max-width : 650px){
	.barcodePanel .popupContent {
		width: 95%;
	}
}
.barcodePanel .catalogImage {
	max-width: 650px;
}
@media (max-width : 650px){
	.barcodePanel .catalogImage {
		max-width: 100%;
	}
}
.gwt-PopupPanel, 
.gwt-PopupPanel1, 
.gwt-PopupPanel2, 
.gwt-PopupPanel3, 
.gwt-PopupPanel4, 
.gwt-PopupPanel5,
.gwt-PopupPanel6,
.gwt-PopupPanel7,
.gwt-PopupPanel8 {
	display: none;
}
div.mask, 
.gwt-PopupPanel, 
.gwt-PopupPanel1, 
.gwt-PopupPanel2, 
.gwt-PopupPanel3, 
.gwt-PopupPanel4, 
.gwt-PopupPanel5,
.gwt-PopupPanel6,
.gwt-PopupPanel7,
.gwt-PopupPanel8, 
.productEditPanel, 
.popupContntPanel, 
.imagePanel {
	/*visibility:hidden;*/
    position: fixed!important;
    left: 0px!important;
    top: 0px!important;
    width:100%!important;
    height:100%;
/*     text-align:center; */
    z-index: 100001;
    background-image:url(../images/overlay_background.png);
}

.barcodePanel {
	/*visibility:hidden;*/
    position: fixed!important;
    left: 0px!important;
    top: 0px!important;
    width:100%!important;
    height:100%;
/*     text-align:center; */
    z-index: 100001;
    background-image:url(../images/overlay_background.png);
}
.gwt-PopupPanel .popupContent, 
.productEditPanel .popupContent, 
.popupContntPanel .popupContent, 
.gwt-PopupPanel1 .popupContent,
.gwt-PopupPanel2 .popupContent,
.gwt-PopupPanel3 .popupContent,
.gwt-PopupPanel4 .popupContent,
.gwt-PopupPanel5 .popupContent,
.gwt-PopupPanel6 .popupContent,
.gwt-PopupPanel7 .popupContent,
.gwt-PopupPanel8 .popupContent {	
	width:300px;
    margin: 50px auto;
    background:#222;
    border:1px solid #fff;
    padding:5px;
/*     text-align:center;	 */
  	animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
.gwt-PopupPanel .sessionPopup {
	width: 300px;
	margin: 15% auto;
	background:#4479C4;
	border:1px solid #fff;
	padding:5px;
	text-align:center;
	animation-duration: 0.2s;
	animation-fill-mode: both;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
.gwt-PopupPanel .successPopup {
	width: 300px;
	margin: 15% auto;
	background:#5CB85C;
    border:1px solid #fff;
    padding:5px;
    text-align:center;
    animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
.gwt-PopupPanel span,
.gwt-PopupPanel1 span,
.gwt-PopupPanel2 span,
.gwt-PopupPanel3 span,
.gwt-PopupPanel4 span,
.gwt-PopupPanel5 span,
.gwt-PopupPanel6 span,
.gwt-PopupPanel7 span,
.gwt-PopupPanel8 span{
	font-weight:bold;
}
.gwt-PopupPanel1 .popupContent, 
.popupLWidth{
	width: 400px!important;
}
.gwt-PopupPanel2 .popupContent, 
.popupLWidth2{
	width: 500px!important;
}
.gwt-PopupPanel3 .popupContent, 
.popupLWidth3{
	width: 600px!important;
}
.gwt-PopupPanel4 .popupContent,
.popupLWidth4 {
	width: 700px!important;
}
.gwt-PopupPanel5 .popupContent,
.popupLWidth5 {
	width: 800px!important;
}
.gwt-PopupPanel6 .popupContent,
.popupLWidth6 {
	width: 900px!important;
}
.gwt-PopupPanel7 .popupContent,
.popupLWidth7 {
	width: 1000px!important;
}
.gwt-PopupPanel8 .popupContent,
.popupLWidth8 {
	width: 1200px!important;
}
@media (max-width : 667px) and (max-height : 896px) {
	.gwt-PopupPanel1 .popupContent, 
	.popupLWidth,
	.gwt-PopupPanel2 .popupContent, 
	.popupLWidth2,
	.gwt-PopupPanel3 .popupContent, 
	.popupLWidth3,
	.gwt-PopupPanel4 .popupContent,
	.popupLWidth4,
	.gwt-PopupPanel5 .popupContent,
	.popupLWidth5,
	.gwt-PopupPanel6 .popupContent,
	.popupLWidth6,
	.gwt-PopupPanel7 .popupContent,
	.popupLWidth7,
	.gwt-PopupPanel8 .popupContent,
	.popupLWidth8 {
		width: 95%!important;
	}
}
.pophead,
.gwt-PopupPanel .pophead, 
.popupContent .pophead {
/* 	background:#F90; */
	background: #3768ae;
	color:#FFF;
	text-align:center;
/* 	width:280px!important; */
	padding: 5px;
	font-weight:bold;
}
.pophead table{
	margin:0px;
}

.productEditPanel .popupContent {
    width:85%!important;
/*     background:#EEE; */
    margin: 50px auto;
    animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
.productEditPanel input[type=text],
.productEditPanel input[type=password],
.productEditPanel input[type=email],
.productEditPanel input[type=file],
.productEditPanel input[type=number] {
/*     width:100%; */
}

.popupContntPanel .popupContent {
    width:50%!important;
    /*background:#EEE;*/
    margin: 50px auto;
    animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
@media (max-width : 667px) and (max-height : 896px) {
	.popupContntPanel .popupContent {
	    width:92%!important;
	    margin: 10px auto;
	}
}
.productEditPanel .contentHgt4 {
	max-height: 66vh!important;
	min-height: 66vh!important;
}
.ajaxLoaderPanel {
	display: none;
	position: fixed!important;
    left: 0px!important;
    top: 0px!important;
    width:100%!important;
    height:100%;
    z-index: 100001;
    background-image:url(../images/overlay_background.png);
}
.ajaxLoaderPanel .popupContent {
    width:240px!important;
    margin: 45vh auto;
    background:#222;
    border:1px solid #fff;
    padding:5px;
    text-align:center;
    animation-duration: 0.15s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.15s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
.ajaxLoaderPanel span{
	color:#FF9900;
}

.helpPanel .popupContent {
	width:700px;
	margin: 80px auto;
	animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.helpPanel .popupContent {
		width:95%;
	}
}
.helpPanel td {
	width:175px;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.helpPanel td {
		width:50%;
	}
}
.productPanel .popupContent {
	width:770px;
	margin: 100px auto; 
    height: 400px ;
    overflow: auto;
    background: #FFFFFF;
    animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.productPanel .popupContent {
		width:95%;
	}
}
.errorInputDiv input{
	background-color: #CC1515;
	border-style: solid;
	border-width: 1px;
}

.customerCreationPanel .popupContent {
	margin: 5% auto;
	animation-duration: 0.2s;
  	animation-fill-mode: both;
  	animation-name: fadeIn;
  	-webkit-animation-duration: 0.2s;
  	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}

.gwt-PopupPanel .gwt-TextArea {
	font : inherit;	
}
.warningPopupCnt {
	width: 400px; 
	border: 6px solid #4475B2; 
	color: #000000; 
	background-color: #F5FFFA;
	margin: 100px auto; 
	padding:10px;
	animation-duration: 0.2s;
	animation-fill-mode: both;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}
@media (max-width: 400px) {
	.warningPopupCnt {
		width: 320px; 
	}
}
div.errormsg {
	position: absolute;
	width: 300px;
	margin: 0px auto;
	min-height: 60px;
	background: #CC1515;
	border: 2px solid #fff;
	padding: 10px;
	background-image: url(../images/pos/icon-error.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 60px;
	color: #FFFFFF;
	z-index: 100001;
	float: left
}
div.windowMsg {
	position: absolute;
	min-width: 300px;
	min-height: 60px;
	margin: 0px auto;
	background:#FFB84D;
	border:5px solid #FFEBCC;
	padding: 10px;
	background-image: url(../images/pos/icon-warning.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
/* 	padding-left: 60px; */
	color: #222;
	z-index: 100001;
	text-align: center;
}

.hrPopContaner{
	position: fixed!important;
	left: 0px!important;
	top: 0px!important;
	width:100%!important;
	height:100%;
	text-align:center;
	z-index: 100001;
	background-image:url(../images/overlay_background.png);
}
.hrPopContaner .popupContent{
	width:300px;
	margin: 70px auto;
	background:#222;
	border:1px solid #fff;
	padding:5px;
	text-align:center;
	animation-duration: 0.2s;
	animation-fill-mode: both;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
}

.popCnt {
	width: 100%;
	background: #EEE;
	max-height: 75vh;
	overflow: auto;
}
.popupCnt {
	width: 100%;
	background: #EEE;
	max-height: 75vh;
	overflow: auto;
}
.popupCnt table {
	margin: 0px;
	border-color: #000;
}
.popupCnt th{
	background:#333;
	color:#FFF;
	text-align:center;
	width:280px!important;
	padding: 5px;
	font-weight:bold;
}
.popupCnt td{
	padding: 3px;
}
.popupCnt td label{
	text-align:left;
	font-weight:normal!important;
}
.popupCnt td input[type=text],
.popupCnt td input[type=password],
.popupCnt td input[type=email],
.popupCnt td input[type=file],
.popupCnt td input[type=number],
.popupCnt td select{
	padding:2px;
	margin-bottom:0px;
	margin-right:5px;
	border-radius:0px;
	font-size:12px!important;
/* 	width:90%; */
	float:left;
}
.popupCnt td select{
/* 	width:91%; */
}
.popupCnt .tblCnt {
	max-height: 48vh;
	overflow-y: auto;
}
.productDetailsPanel .popupContent {
	width:400px;
	margin: 50px auto;
}
.popup_overlay{
	display: none;
	position: fixed!important;
/* 	position: absolute;  */
	left: 0px!important;
	top: 0px!important;
	width:100%!important;
	height:100%;
	text-align:center;
	background-color: #000000;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-Index: 1000;
}
.popup_table{
	width:100%;
}
.popup_table tr td{
	padding:5px;
}
.popItemHeader{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border: 1px solid #E1E1E1;
	vertical-align: middle;
	height: 30px;
	line-height:26px;
	font-size: 16px!important;
}
.popItemHeader .dragicn{
	width: 20px;
	height: 20px;
	opacity: 0.3;
}
.popFoot{
	padding: 5px;
	background: rgb(204,204,204); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	box-shadow:0px 0px 1px #000;
	-o-box-shadow:0px 0px 1px #000;
	-ms-box-shadow:0px 0px 1px #000;
	-moz-box-shadow:0px 0px 1px #000;
	-webkit-box-shadow:0px 0px 1px #000;
}
.approverPopup {
	position: fixed!important;	
	left: 0px;
	bottom: 6.8vh;
	max-width: 50%;
	z-Index: 10001;
	background-color: #000000;
	padding: 2px;
	border: 1px solid #FFF;
	box-shadow: 0px 0px 6px #333;
	-o-box-shadow: 0px 0px 6px #333;
	-ms-box-shadow: 0px 0px 6px #333;
	-moz-box-shadow: 0px 0px 60px #333;
	-webkit-box-shadow: 0px 0px 6px #333;
}
.approverPopup .pophead {
	cursor: move;
	border: 1px solid #000000;
}

.stockTakeProductImportPanel .popupContent {
	width: 800px;
	margin: 50px auto;
}
.productDetailsPanel td {
	width: 160px;
}
.productDetailList{
	width:100%!important;
	height:323px;
	overflow: auto;
}
.productDetailList table{
	width:100%;
	font-size:120%;
	font-weight:bold;
}
.productPriceDetailList{
	width:100%;
	height:150px;
	overflow: auto;
}
.productPriceDetailList table{
	width:100%;
	font-weight:normal;
}
.productPriceList{
	width:100%;
	height:440px;
	overflow: auto;
}
.productPriceList table{
	width:100%;
	font-size:100%;
}
.suggestionLabel{
	display: inline-block!important;
	margin-bottom: 0px;	
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 15px;
	margin-right:10px;
}
.sugLabelW1{
	width: 150px;
}
.sugLabelW2{
	width: 350px;
}
.sugLabelW3{
	width: 120px;
}
.sugLabelW4{
	width: 50px;
}
/****** Date Picker css ******/
.gwt-DatePicker {
	border: 1px solid #A2BBDD;
	cursor: default;
}
.gwt-DatePicker td,.datePickerMonthSelector td:focus {
	outline: none
}
.datePickerMonthSelector td:focus {
	outline: none
}
.datePickerDays {
	width: 100%!important;
	background: white;
}
.datePickerDay,.datePickerWeekdayLabel,.datePickerWeekendLabel {
	font-size: 75%;
	text-align: center;
	padding: 4px;
	outline: none;
}
.datePickerWeekdayLabel,.datePickerWeekendLabel {
	background: #C3D9FF;
	padding: 0px 4px 2px;
	cursor: default;
}
.datePickerDay {
	padding: 4px;
	cursor: hand;
	cursor: pointer;
}
.datePickerDayIsToday {
	border: 1px solid black;
	padding: 3px;
}
.datePickerDayIsWeekend {
	background: #EEEEEE;
}
.datePickerDayIsFiller {
	color: #888888;
}
.datePickerDayIsValue {
	background: #aaccee;
}
.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}
.datePickerDayIsHighlighted {
	background: #FEBE6B;
}
.datePickerDayIsValueAndHighlighted {
	background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}
.gwt-DateBox input {
  width: 8em!important;
}
.dateBoxFormatError {
  background: #ffcccc;
}
.dateBoxPopup {
    z-index: 100001;
}
.drillDownPopupPanel, .emailReportPopupPanel, .notificationPanel{
	display:none;
	border: 3px solid #333333;
	background:#fff;
	padding: 5px;
	line-height: normal;
	position: absolute;
	margin: 0px;
	z-index: 8000;
	color: #c99c28;
	font-family: tahoma, san-serif;
	font-weight: bold;
	font-size: 14px;
	box-shadow:0px 0px 6px #000;
	-o-box-shadow:0px 0px 6px #000;
	-ms-box-shadow:0px 0px 6px #000;
	-moz-box-shadow:0px 0px 6px #000;
	-webkit-box-shadow:0px 0px 6px #000;
/* 	margin-top:10px; */
	width : 290px;
}
.drillDownPopupPanel div, .notificationPanel div{
	overflow: auto;	
}
/* .notificationPanel { */
/* 	padding: 0px;	 */
/* 	max-height: 86vh; */
/* 	overflow-y: auto; */
/* } */
.drillDownPopupPanel:before, .notificationPanel:before {
	display: block;
	content: '';
	width: 30px;
	height: 18px;
	background: transparent url(../images/list-pointer.png) no-repeat center bottom scroll;
	position: absolute;
	left: 50%;
	margin-left: -11px;
	top: -10;
	margin-top: -22px;
	z-index: 8001;	
}
.drillDownPopupPanel .drillDownPopupContent {
	max-height: 80vh;
	overflow-y: auto;
}
#drillDownContent{
	text-align:left;
	padding:0px;
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
/*	max-height: 77vh;*/
/*	overflow: auto;*/
}
.drillDownPopupContent .drillPopupLabel {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	line-height: normal;
}
#drillDownContent table{
	width: 100%;
}
#drillDownContent table input[type=text],
#drillDownContent table input[type=password],
#drillDownContent table input[type=email],
#drillDownContent table input[type=file],
#drillDownContent table input[type=number]{
	width: 90%;
	margin-left: 5px;
}
.notificationPanelDiv{
	display:block;
	border-bottom:solid 1px #e9dd73;
  	padding:0px;
	text-align:left;
	width: 100%;
	max-height: 77vh;
	overflow: auto;
}
.notificationPanelDiv ul{
	padding:0px;
	margin:0px;
}
.notificationPanelDiv ul li{
	list-style:none;
	border-bottom:1px solid #e5e5e5;
	padding:6px 0px;
}
.notificationPanelDiv ul li:hover{
  background:#FFFFB8;
  cursor:pointer;
}
.notificationPanelDiv a{
  color: #c99c28;
  text-decoration:none;
/*   padding-left:5px; */
  font-size: 12px;
}
.notificationPanelDiv a:before{
  content: "\00BB";
	padding-right:5px;
}
.notificationPanelDiv a:visited{
  color:#906903;
}
.notification-bubble {
	height: 18px;
	width: 18px;
	background: #f56c7e url(../images/notification-bg-clear.png) no-repeat center center scroll;
	background-image: none\9;
	position: absolute;
	right: 50%;
	top: 5px;
	color: #FFA500;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
	text-align: center;
	font-size: 9px;
	line-height: 17px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
	border-radius: 9px;
	font-weight: bold;
	cursor: pointer;
	display: none;
}
@media (min-width: 1600px) {
	.notification-bubble {
		top: 10px;
		height: 22px;
  		width: 22px;
  		border-radius: 11px;
  		line-height: 22px;
  		font-size: 11px;
	}
}
.notification-bubble.show {
  display: block;
}
.notificationButton:hover .notification-bubble {
  top: 3px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 1px rgba(0, 0, 0, .2);
}
.notificationButton {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.notification-bubble {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.notification-list {
  list-style: none;
  padding: 0 12px;
  clear: both;
}
.notification-list-item {
	border-top: 1px solid #fff;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/*   height: 16px; */
	border-bottom: solid 1px #999;
	/*   padding:15px; */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.notification-list-item:first-child {
  border-top: none;
}
.notification-list-item:last-child {
  border-bottom: none;
}
.notification-list-item:hover {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.11))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b3ffffff', endColorstr = '#1cffffff', GradientType = 0); /* IE6-9 */
  background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* W3C */
  color: #FBB117;
  background:#fff;
  cursor:pointer;
}
.notification-list-item a{
  background:url(arr.png) left top no-repeat;
  color: #c99c28;
  text-decoration:none;
/*   padding-left:20px; */
}
.notification-list-item a:visited{
  color:#999;
}
.notification-list-item:hover + .notification-list-item {
  border-top: 1px solid transparent;
}
.notification-list-item .message {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  color: #666;
  -webkit-animation: marquee 50s linear infinite;
}
.notification-list-item .message:hover {
	color: #FBB117;
	animation: marquee 50s linear infinite;
}
.notificationButton:hover .notification-bubble {
  top: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 1px rgba(0, 0, 0, .2);
}
.close-notification-list {
  float: right;
  position: relative;
/*   top: -18px; */
/*   right: 2px; */
  color: #ff8a87;
  text-transform: lowercase;
  padding: 0px 0;
  margin: -3px 0px 2px;
/*   margin: -19px 10px 0 0; */
  cursor: pointer;
  height: 16px;
  width: 16px;
  opacity: .5;
  text-indent: -999999999px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close-notification-list:hover {
    color: #ff0000;
    opacity: .7;
}
.emailpopup form{
	padding:0px 10px 10px;
}
.emailpopup label{
	display:block;
	color:#666;
	font-weight:500;
	padding:4px 0px;
}
.emailpopup input[type="text"], .emailpopup select, .emailpopup textarea{
	width:100%;
	margin-bottom:10px;
}
.emailpopup h3{
	background:#F90;
	border-top:1px solid #fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 10px;
	color:#333;
	text-align:center;
	margin-top:0px;
}
.successShortBox {
   background-color: #ECA50D;
   border: solid 1px #75D416;
   color: #128D07;
   padding-left: 0;
   padding-top: 0;
}
/* div#cashPanel, div#cardPanel, div#chequePanel,  */
/* div#debitPanel, div#mixPanel, div#laybuyPanel,  */
/* div#PINPanel, div#invokeOrderPanel, div#editProductPanel,  */
/* div#revokeOrderPanel, div#deliverySettingsPanel,  */
/* div#deliverySettingsPanelPO, div#productCreatedPanel,  */
/* div#productSearchField, div#uploadFilePanel,  */
/* div#closeOrderPanel, div#locatorDetailsHdr,  */
/* div#attachmentPanel { */
/*     display: none; */
/*     border: 10px solid rgb(255, 255, 255); */
/*     background-color: rgb(235, 239, 247); */
/*     padding: 20px; */
/*     width: 400px; */
/*     position: absolute; */
/*     margin: 0px; */
/*     z-index: 8000; */
/*     color: rgb(51, 51, 51); */
/*     font-family: tahoma,san-serif; */
/*     font-weight: bold; */
/*     font-size: 14px; */
/* } */
.popoverlay{
	display: none;
	position: fixed!important;
	left: 0px!important;
	top: 0px!important;
	width:100%!important;
	height:100%;
/*      text-align:center; */
	z-index: 10000;
	background-image:url(../images/overlay_background.png);
}



/* Auto complete style */
.autocomplete {
	position: absolute;
/*      width:250px;*/
	height:200px;
	display:none;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	overflow: auto;
	font-size: 11px;
	font-family: tahoma, san-serif;
	z-index: 9000;
}
.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.autocomplete ul li.selected {
	background-color: #9ACF30;
}
.autocomplete ul li.selectedOrange {
	 background-color: #ce5c00;
}
.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	letter-spacing: 1px;
	font-size: 11px;
	font-family: tahoma, san-serif;
}
.autocomplete2 {
      position:absolute;
      width:250px;     
      max-height: 300px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      overflow: auto;
      z-index: 1000
}
.autocomplete2 ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.autocomplete2 ul li.selected { background-color: #9ACF30;}
.autocomplete2 ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;  
	cursor:pointer;
	letter-spacing: 1px;
	font-size: 10pt;
	font-family:arial,sans-serif;
	text-align:left;
}
.notfound {
	background-color: #ffb;	
	color: #F00!important;
	
}

/** Auto complete style - defined by sarjith */
.autocomplete11 {
	position:absolute;
	width:250px;
	height:60px;    
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	overflow: auto;
	font-size: 11px;
	font-family: tahoma, san-serif;
	z-index: 9000;
}

.autocomplete11 ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.autocomplete11 ul li.selected { background-color: #9ACF30;}
.autocomplete11 ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;  
	cursor:pointer;
	letter-spacing: 1px;
	font-size: 11px;
	font-family: tahoma, san-serif;
	text-align:left;
}
/** Auot Complete Style for PO */
.autocomplete22 {
	position:absolute;
	width:250px;
	height:60px;    
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	overflow: auto;
	font-size: 11px;
	font-family: tahoma, san-serif;
	z-index: 9000;
}

.autocomplete22 ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
.autocomplete22 ul li.selected { background-color: #9ACF30;}
.autocomplete22 ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;  
	cursor:pointer;
	letter-spacing: 1px;
	font-size: 11px;
	font-family: tahoma, san-serif;
	text-align:left;
}
.gwt-RichTextToolbar {
	width: 100%;
	display: block;
	line-height: 1.42857143;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.richTextEditor {
	display: block;
	width: 100%;
	min-height: 40vh;
	padding: 4px 5px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}
.gwt-RichTextToolbar .btn-default-down,
.gwt-RichTextToolbar .btn-down {
	color: #fff;
  	background-color: #31b0d5;
  	border-color: #269abc;
}

/*********DashBorad************/

.box {
	display: block;
	z-index: 1999;
	position: relative;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 4px #D8D8D8;
	background: transparent;
/* 	margin-bottom: 20px; */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box-expand {
	position: absolute;
	width: 98%;
	height: 96vh;
	margin: 0px auto;
	top: 2vh;
	left: 1%;
	z-index: 10001;	
}
.full-content .box {
	border: 0;
	margin-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.box-header {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #363636;
	font-size: 16px;
	position:relative;
	overflow: hidden;
	background: #f5f5f5;
	border-bottom: 1px solid #E4E4E4;
	height: 28px;
}
.box-name, .modal-header-name {
	padding-left: 10px;
	line-height: 28px;
}
.box-name:hover {
  	cursor: move;
}
.box-name > i {
  	margin-right:5px;
}
.box-icons {
	position: absolute;
	top:0;
	right:0;
	z-index: 9;
}
.no-move {
  	display: none;
}
.expanded .no-move {
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
	z-index: 1;
	display: block;
}
.box-content {
	position: relative;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	padding: 10px;
	background: #FCFCFC;
/* 	height: 50vh; */
	height: 330px;
	overflow-y: auto;
}
.box-content iframe {
	width: 100%;
	height: 270px;	
	border: none;
}
.box-expand iframe {
  	height: 88vh!important;	
}
.box-content.dropbox, .box-content.sortablebox {
	overflow: hidden;
}
.full-content .box-content {
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.box-icons a {
	cursor: pointer;
	text-decoration: none !important;
	border-left: 1px solid #fafafa;
	height: 26px;
	line-height: 26px;
	width: 28px;
	display: block;
	float: left;
	text-align: center;
	color: #b8b8b8 !important;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	padding: 0px 5px;
}
.box-icons a.beauty-table-to-json {
	width: auto;
	padding: 0 10px;
	font-size: 14px;
}
.box-icons a:hover {
  	box-shadow:inset 0 0 1px 0 #CECECE;
}
.box-content .page-header, .full-calendar .page-header {
	margin: 0 0 10px;
	border-bottom: 1px dashed #B6B6B6;
}
.box-content .form-group, .devoops-modal-inner .form-group {
	margin-top:10px;
	margin-bottom:10px;
}
.box-pricing:hover {
	box-shadow: 0 0 5px #525252;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.box-pricing .row-fluid > div {
	padding: 18px 15px 8px;
	line-height: 1.428571429;
	vertical-align: top;
}
.box-pricing .row-fluid.centered > div {
	background-color: #f5f5f5;
	padding: 8px;
	text-align: center;
}
.box-pricing .row-fluid.centered > div:nth-child(odd) {
  	background-color: #f9f9f9;
}
.box-pricing .box-header {
	height: 80px;
	padding: 10px 0;
}
.box-pricing .box-name {
	padding: 0 10px;
	text-align: center;
}
.box-pricing .box-name:hover {
  	cursor: inherit;
}

.box .box-content > table,
.box .box-content > .table {
  	margin-bottom: 0;
}
.box-footer {
	background: #f5f5f5;
	padding: 5px 10px;
}

/*************tables*****************/
table.fixedHeaderNColumn {
  position: relative;
  max-width: 700px;
  overflow: hidden;
  border-collapse: inherit!important;
}
table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
	position: relative;
	display: block; /*seperates the header from the body allowing it to be positioned*/
/*      max-width: 1260px;*/
	overflow: visible;
}
@media (min-width : 610px) and (max-width : 770px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 763px;
	}
}
@media (min-width : 771px) and (max-width : 990px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 975px;
	}
}
@media (min-width : 991px) and (max-width : 1030px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1020px;
	}
}
@media (min-width : 1031px) and (max-width : 1285px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1250px;
	}
}
@media (min-width : 1286px) and (max-width : 1370px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1325px;
	}
}
@media (min-width : 1371px) and (max-width : 1450px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1405px;
	}
}
@media (min-width : 1451px) and (max-width : 1540px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1490px;
	}
}
@media (min-width : 1541px) and (max-width : 1610px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1560px;
	}
}
@media (min-width : 1611px) and (max-width : 1690px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1640px;
	}
}
@media (min-width : 1691px) and (max-width : 1930px) {
	table.fixedHeaderNColumn thead,table.fixedHeaderNColumn tbody {
		max-width: 1880px;
	}
}
table.fixedHeaderNColumn thead th, table.fixedHeaderNColumn tbody td {
  min-width: 55px;
  max-width: 55px;
  border: 1px solid #222;
}
table.fixedHeaderNColumn thead th.bigcell, table.fixedHeaderNColumn tbody td.bigcell {
  min-width: 165px;
  max-width: 165px;
}
table.fixedHeaderNColumn thead th.cell100, table.fixedHeaderNColumn tbody td.cell100 {
  min-width: 100px;
  max-width: 100px;
}
table.fixedHeaderNColumn thead th.cell200, table.fixedHeaderNColumn tbody td.cell200 {
  min-width: 200px;
  max-width: 200px;
}
table.fixedHeaderNColumn thead th.cell300, table.fixedHeaderNColumn tbody td.cell300 {
  min-width: 300px;
  max-width: 300px;
}
table.fixedHeaderNColumn thead th.cell400, table.fixedHeaderNColumn tbody td.cell400 {
  min-width: 400px;
  max-width: 400px;
}
table.fixedHeaderNColumn thead th.cell500, table.fixedHeaderNColumn tbody td.cell500 {
  min-width: 500px;
  max-width: 500px;
}
table.fixedHeaderNColumn thead th.cell70, table.fixedHeaderNColumn tbody td.cell70 {
  min-width: 70px!important;
  max-width: 70px!important;
}
/*first cell in the header && the first cell in each tr*/
table.fixedHeaderNColumn thead th.frozen, table.fixedHeaderNColumn tbody td.frozen {
  position: relative;
  border: 1px solid #222;
}
table.fixedHeaderNColumn tbody td.frozen {
  background-color: #909090;
}

/** when fixed header and column comes in popup*/
.popupContent table.fixedHeaderNColumn thead, .popupContent table.fixedHeaderNColumn tbody {
  max-width: 1160px;
}

table.fixedHeaderNColumn tbody {
/*  max-height: 400px;*/
  max-height : calc(100vh - 265px);
  max-height : -webkit-calc(100vh - 265px);
  max-height : -moz-calc(100vh - 265px);
  max-height : -ms-calc(100vh - 265px);
  max-height : -o-calc(100vh - 265px);
  overflow: scroll;
}
/** used to define table footer */
th.numeric {
	text-align: right;
}

table.fixedHeaderNColumn tr.footerRow,
table.fixedHeaderNColumn tr.footerRow td,
table.fixedHeaderNColumn tr.footerRow td.frozen {
	background-color: #737373;
}
table.fixedHeader thead, table.fixedHeader tbody tr
{
    display:table;
    width:100%;
    table-layout:fixed;
}
table.fixedHeader thead {
    width: calc( 100% - 1em );
}
table.fixedHeader tbody {
	display:block;
/*      max-height:400px;*/
	max-height : calc(100vh - 265px);
	max-height : -webkit-calc(100vh - 265px);
	max-height : -moz-calc(100vh - 265px);
	max-height : -ms-calc(100vh - 265px);
	max-height : -o-calc(100vh - 265px);
	overflow-y :scroll;
	overflow-x : auto;
}
table.fixedHeader thead th, table.fixedHeader tbody td {
  min-width: 55px;
  width: 55px;
  border: 1px solid #222;
  word-break: break-all;
}
table.fixedHeader thead th.bigcell, table.fixedHeader tbody td.bigcell {
  min-width: 165px;
  width: 165px;
}
table.fixedHeader thead th.cell100, table.fixedHeader tbody td.cell100 {
  min-width: 100px;
  width: 100px;
}
table.fixedHeader thead th.cell250, table.fixedHeader tfoot th.cell250,table.fixedHeader tbody td.cell250  {
  min-width: 250px;
  width: 250px;
}
/**Used in IBT screen transfer popup*/
.popupCnt table.fixedHeader thead th {
	width:85px;
}
.popCnt table.fixedHeader tbody,
.popupCnt table.fixedHeader tbody {
    /** sincce .popupCnt total is 75vh;*/
    max-height : calc(75vh - 115px);
	max-height : -webkit-calc(75vh - 115px);
	max-height : -moz-calc(75vh - 115px);
	max-height : -ms-calc(75vh - 115px);
	max-height : -o-calc(75vh - 115px);
}
.popCnt table.fixedHeader2 tbody {
    /** sincce .popupCnt total is 75vh;*/ 
    max-height : calc(75vh - 135px);
	max-height : -webkit-calc(75vh - 135px);
	max-height : -moz-calc(75vh - 135px);
	max-height : -ms-calc(75vh - 135px);
	max-height : -o-calc(75vh - 135px);
}
table.displaytag
{
	width: 100%;
	border-width: 1px;
	border-color: #000000;
	border-collapse: collapse;
	border-style: solid;
/* 	padding-bottom: 5px; */
	clear:left;
	margin-top:5px;
}
table.displaytag caption {
	padding: 10px;
	font-weight: bold;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	background: #666666;
	border: 1px  #000000 collapse;
}
@media (max-width : 667px) and (max-height : 896px) {
	table.displaytag caption {
		padding: 10px 5px;
	}
}
table.displaytag caption a{
	color: #D0CFD1;
}
table.displaytag th {
	font-family: arial,sans-serif;	
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #909090;
	border-color: #000000;
	border-collapse: collapse;
	padding: 5px 5px 5px 5px;
	border-width: 1px;
	border-style: solid;
}
table.displaytag th a
{
	color: #FFFFFF;
}
table.displaytag th a:hover
{
	text-decoration: none;
}
table.displaytag td {
	font-family: arial,sans-serif;	
/* 	font-size: 8pt;	 */
	letter-spacing: 1px;	
	color: #000000;
	padding: 6px;
	border-color: #000000;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
/* 	font-weight: normal; */
}
@media (max-width : 667px) and (max-height : 896px) {
	table.displaytag td {
		padding: 5px;
	}
}
table.displaytag td.amount {
	font-family: arial,sans-serif;	
/* 	font-size: 8pt;	 */
	letter-spacing: 1px;	
	color: #000000;
	padding: 10px 10px 10px 10px;
	border-color: #000000;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	text-align: right;
}
@media (max-width : 667px) and (max-height : 896px) {
	table.displaytag td.amount {
		padding: 5px;
	}
}
table.displaytag td.numeric {
	font-family: arial,sans-serif;	
/* 	font-size: 8pt;	 */
	letter-spacing: 1px;	
	color: #000000;
	padding: 10px 10px 10px 10px;
	border-color: #000000;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	text-align: right;
	font-weight: bold;
}
@media (max-width : 667px) and (max-height : 896px) {
	table.displaytag td.numeric {
		padding: 5px;
	}
}
table.displaytag td.negativenumeric {
	font-family: arial,sans-serif;	
/* 	font-size: 8pt;	 */
	letter-spacing: 1px;	
	padding: 10px 10px 10px 10px;
	border-color: #000000;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	text-align: right;
	color: #FF0000;
	font-weight: bold;
}
@media (max-width : 667px) and (max-height : 896px) {
	table.displaytag td.negativenumeric {
		padding: 5px;
	}
}
table.displaytag td.frnumeric {
	font-family: arial,sans-serif;	
	letter-spacing: 1px;	
	color: #000000;
	padding: 10px 10px 10px 10px;
	border-color: #000000;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	text-align: right;
}
@media (max-width : 667px) and (max-height : 896px) {
	table.displaytag td.frnumeric {
		padding: 5px;
	}
}
table.displaytag td a
{
	text-decoration: none;
	color:blue;
	font-family: arial,sans-serif;
/* 	font-size: 8pt; */
	letter-spacing: 1px;	
}
table.displaytag tr
{
	font-size: 8pt;
}
table.displaytag tr.odd
{
	font-size: 8pt;
	border-width: 1px;
	border-style: solid;
	text-align: left;
	background-color: #D8D8D8;
}
table.displaytag tr.even
{
	font-size: 8pt;
	border-width: 0px;
	border-style: solid;
	background-color: #C9C9C9;
	text-align: left;
}
table.displaytag td.contentlabel
{
	/*
	font-family: arial,sans-serif;		
	letter-spacing: 1px;	
	color: #000000;
	*/
/* 	font-size: 8pt; */
	background-color: #D8D8D8;
}
table.displaytag td.contentname {
	/*
	font-family: arial,sans-serif;	
	letter-spacing: 1px;	
	color: #000000;
	*/
/* 	font-size: 8pt; */
	background-color: #C9C9C9;
}
table.displaytag tr.highlight > td.contentname
{
	background-color:#FC0;
}
table.scroll
{
	border-color: #000000;
	border-collapse: collapse;
}
table.scroll td.label
{	
	background-color: #D8D8D8;
}
table.scroll td.contentname
{
	background-color: #C9C9C9;
}
table.scroll td.contentlabel
{
	background-color: #D8D8D8;
}
table.displaytag tr.highlight > td.contentlabel
{
	background-color:#FC0;
}
table.scroll td
{
	font-family: arial,sans-serif;	
	font-size: 9pt;	
	letter-spacing: 1px;	
	color: #000000;
	padding: 5px 5px 5px 5px;
	border-color: #000000;
	border-collapse: collapse;
}
table.scroll th {
	font-family: arial,sans-serif;	
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	background-color: #909090;
	padding: 5px 5px 5px 5px;
	border-color: #000000;
	border-collapse: collapse;
}
table.scroll a {
	font-family: arial,sans-serif;	
	font-size: 9pt;	
}
table.popup {
	background-color: #FFFFFF;
	border: solid 1px #000000;
}
table.popup td {
	font-family: arial,sans-serif;	
	font-size: 9pt;	
	letter-spacing: 1px;	
	color: #000000;
	padding: 5px 5px 5px 5px;
	border-color: #000000;
	border-collapse: collapse;
}
div.popup {
	font-family: arial,sans-serif;	
	font-size: 9pt;	
	letter-spacing: 1px;
	position:absolute;
	display:none;
	background-color:#FFFFFF;
}
table.cart td.label div.popupDiv:hover {
	background-color:#CDD4E9;;
}
table.cart td.contentlabel div.popupDiv:hover {
	background-color:#CDD4E9;;
}
table.cart td.contentname div.popupDiv:hover {
	background-color:#CDD4E9;
}
table.report {
	border-color: #000000;
	border-collapse: collapse;
	font-family: arial,sans-serif;	
	font-size: 9pt;	
	letter-spacing: 1px;
}
table .total{
	font-weight: bold;
}

tr.cartTitleList{
	background: #B8B8B8;
}
#denotes{
  width: 50%;
  border: 1px solid #CCCCCC;
  color: #333;
  font-size: 12px;
}
@media (max-width : 667px) and (max-height : 896px) {
	#denotes{
  		width: 100%;
	}
}
@media (min-width: 641px) and (max-width: 992px) {
	#denotes{
  		width: 70%;
	}
}
#denotes th{
  padding: 5px;
  background: #ccc;
  text-align: left;
}
#denotes th + th {
   border-left: 1px solid #E5E5E5;
}
#denotes td{
  padding: 0px 5px;
}
#denotes td+td{
/*   border-left: 1px solid #333; */
}
#denotes .aricn{
  width: 15px;
  height: 15px;
  opacity: 0.3;
}
#denotes label{
  display: inline;
  margin-left: 5px;
}
.features-table {
	width: 75%;
	margin: 1 auto;
	border-collapse: separate;
	border-spacing: 0;
	text-shadow: 0 1px 0 #fff;
	color: #2a2a2a;
	background: #fafafa;
	background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px; 
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
@media (max-width : 667px) and (max-height : 896px) {
	.features-table {
		width: 100%;
	}
}
.features-table td {
	padding: 0 5px;
	border-bottom: 1px solid #cdcdcd;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;
	white-space: nowrap;
	text-align: center;
}
.features-table .particulartd {
	width: 70%;
	text-align: left;
}
@media (max-width : 667px) and (max-height : 896px) {
	.features-table .particulartd {
		width: 60%;
	}
}
.features-table tbody td {
	text-align: center;
	line-height: 30px;
	font: normal 12px Verdana, Arial, Helvetica;
	width: 50px;
}

.features-table tbody td:first-child {
	width: auto;
	text-align: left;
}

.features-table tbody td:not(:first-child) {
	background: #e7f3d4;  
	background: rgba(184,243,85,0.3);
	border-right: 1px solid white;
	width: 25%
}
.features-table tbody tr:hover {
	background: #D0D0D0 ;
	color: #339;
}
.features-table thead td:not(:first-child) {
	font: bold 0.9em 'trebuchet MS', 'Lucida Sans', Arial;  
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px; 
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top: 1px solid #eaeaea; 
	background-color: #C0C0C0;
}
.features-table thead {
	height: 5px;
	font-weight: bold;
}
.features-table thead {
	line-height: 50px;	
}
.features-table thead td:first-child {
	border-top: none;
}
.features-table tfoot th,
.features-table tfoot td {
	padding: 0 5px 10px;
	font: bold 12px Georgia;  
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px; 
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom: 1px solid #dadada;
}
.features-table tfoot th:first-child,
.features-table tfoot td:first-child {
  border-bottom: none;
}
.features-table tbody {
    height: 30px;
    overflow-y: auto;
    overflow-x: hidden;
}
.features-table tbody td h3{
	font-size: 12px!important;	
	line-height: 20px;
}
table.main td {
	overflow: auto!important;
}

/*******************************LINKS************************************/
div.exportlinks {
	float: right;
	padding: 5px;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

span.excel {
	background: transparent url(../images/Icon/excel.png) no-repeat;
}

span.csv {
	background: transparent url(../images/Icon/csv.png) no-repeat;	
}

span.xml {
	background: transparent url(../images/Icon/xml.png) no-repeat;		
}

span.pdfh {
	background: transparent url(../images/Icon/pdf-h.png) no-repeat;	
}

span.pdfv {
	background: transparent url(../images/Icon/pdf-v.png) no-repeat;	
}

span.rtf {
	background: transparent url(../images/Icon/rtf.png) no-repeat;		
}

span.email {
	background: transparent url(../images/Icon/email.png) no-repeat;		
}
.docFrame{
	background: #F2F2F2;
	border : 1px solid #A3A3A3;	
	min-height: 400px;
}
.paleBlueBg {
	background-color: #D7D7D7;
}
.treeParent {
	background-color: #e0ebeb;
	opacity: 0.7;
	text-weight: bold;
}
.treeChild1 {
	background-color: #c1d7d7;
	opacity: 0.7;
}
.treeChild2 {
	background-color: #a2c3c3;
	opacity: 0.7;
}
.treeChild3 {
	background-color: #83afaf;
	opacity: 0.7;
}
.treeChild4 {
	background-color: #649b9b;
	opacity: 0.7;
}
.treeChild5 {
	background-color: #5a8b8b;
	opacity: 0.7;
}


/*********************TERMINAL***********************/

#loginContent .terLogo{
	width: 50%;
	margin-bottom: 20px;
	opacity: 0.4;
	margin: 5vh auto 20px;
	display:none;
}
@media only screen and (max-width: 400px) {
	#loginContent .terLogo{
		display: block;
	}
}
@media only screen and (min-width: 401px) and (max-width: 599px) {
	#loginContent .terLogo{
		width: 40%;
		display: inline-block;
		float: left;
		margin-bottom: 0px;
		margin-top: 5vh;
	}
}
@media only screen and (max-width: 640px) and (max-height: 360px) {
	#loginContent .terLogo{
		width: 35%;
		display: inline-block;
		float: left;
		margin-bottom: 0px;
		margin-top: 5vh;
	}
}
@media only screen and (min-width: 600px) and (max-width: 770px) and (min-height: 1000px) and (max-height: 1024px) {
	#loginContent .terLogo{
		display: block;
		margin-top: 5vh;
	}
}
.logLabel{
	text-transform: uppercase;
	font-family: Times New Roman;
	font-weight: bold;
	padding: 10px 15px;
}
@media only screen and (max-width: 600px) and (max-height: 360px) {
	.logLabel{
		padding: 5px 0px;
	}
}
@media only screen and (min-width: 600px) and (max-width: 770px) and (min-height: 1000px) and (max-height: 1024px) {
	.logLabel{
		padding: 5px 0px;
	}
}
.logTrmnl{
	margin: 25vh 35%;
}
@media only screen and (max-width: 400px) {
	.logTrmnl{
		margin: 5vh 5%;
	}	
}
@media only screen and (min-width: 401px) and (max-width: 599px) {
	.logTrmnl{
		width: 50%;
		margin: 20vh 0;
		margin-right: 7%;
		float: right;
		text-align: left!important;
	}	
}
@media only screen and (max-width: 640px) and (max-height: 360px) {
	.logTrmnl{
		width: 50%;
		margin: 20vh 0;
		margin-right: 7%;
		float: right;
		text-align: left!important;
	}	
}
@media only screen and (min-width: 600px) and (max-width: 770px) and (min-height: 1000px) and (max-height: 1024px) {
	.logTrmnl{
		width: 50%!important;
		margin: 5vh 25%!important;
	}	
}
.gobuton{
	display: none;
	border: 0px;
	color: #ffffff;
	outline: 0;
	width: 78%;
	padding: 10px 10px;
	font-weight: bold;
	background: #5e5e5e;
	margin: 5px auto;
}
.gobuton:hover{
	-webkit-box-shadow: 0px 0px 5px -2px #000000;
	-moz-box-shadow: 0px 0px 5px -2px #000000;
	-ms-box-shadow: 0px 0px 5px -2px #000000;
	-o-box-shadow: 0px 0px 5px -2px #000000;
	box-shadow: 0px 0px 5px -2px #000000;
	opacity: 0.8;
}
@media only screen and (max-width: 768px) {
	.gobuton{
		display: block;
		width: 100%;
	}
}
.popInfo{
	margin: 10px auto;
	width: 95%;
	overflow-y: auto;
}

/*********************LOGIN***********************/

.login-content {
	width: 100%;
	min-height: 93.5vh;
}
.loginBg{
	background: #CCCCCC url(../images/loginbg.jpg) no-repeat;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.poslogo {
	width: 20%;
	margin-bottom: 10px;
	opacity: 0.9;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
@media only screen and (max-width: 900px) {
	.poslogo {
		width: 60%;
		margin: 10px 0;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.poslogo {
		width: 40%;
		margin: 20px 30%;
	}
}
.signin {
    width: 70%;
    margin: 25px auto 0;
    background-color: rgba(56, 49, 49, 0.13);
    padding: 35px;
    border: 2px ridge rgba(238, 238, 238, 0.13);
    border-radius: 5px;
    -moz-box-shadow: 0 0px 10px 1px rgba(16, 16, 16, 0.57);
	-webkit-box-shadow: 0 0px 10px 1px rgba(16, 16, 16, 0.57);
	box-shadow: 0 0px 10px 1px rgba(16, 16, 16, 0.57);
	border-bottom: none;
}
@media only screen and (max-width: 900px) {
	.signin {
		width: 100%;
	}
}
@media only screen and (max-width: 400px) {
	.signin {
		padding: 20px;
	}
}
input.user {
	width: 100%;
	padding: 10px 10px 10px 45px;
	background: rgba(23, 24, 25, 0.29) url("../images/user.png") no-repeat 10px 7px;
	border: 0px;
	border-radius: 5px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 16px!important;
	color: #FFF;
	outline: none;
	margin-bottom: 10px;
	letter-spacing: 2px;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
}
input.pass {
	width: 100%;
	padding: 10px 10px 10px 45px;
	background: rgba(23, 24, 25, 0.29) url("../images/pass.png") no-repeat 10px 7px;
	border: 0px;
	border-radius: 5px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 16px!important;
	color: #FFF;
	outline: none;
	margin-bottom: 10px;
	letter-spacing: 2px;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
}
input.pin {
	width: 100%;
	padding: 10px 10px 10px 45px;
	background: rgba(23, 24, 25, 0.29) url("../images/pin.png") no-repeat 10px 8px;
	border: 0px;
	border-radius: 5px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 16px!important;
	color: #FFF;
	outline: none;
	margin-bottom: 10px;
	letter-spacing: 2px;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-o-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.57);
}
.seperationLabel {
	width: 100%;
	text-align: center;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 18px!important;
	color: #FFF;
	margin-bottom: 10px;
}
.loginBtn {
    width: 100%;
    padding: 10px 0;
    margin-top: 10px;
    outline: none;
    border: 1px solid #7B7474;
    font-family: Impact, Charcoal, sans-serif;
    font-size: 17px!important;
    color: #FFFFFF;
    background-color: rgba(23, 24, 25, 0.24);
    border-radius: 5px;
    cursor: pointer;
}
.loginBtn:hover {
	background-color: rgba(16, 89, 134, 0.52);
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.information-panel {
	margin-top: 15px;
	color: #0A273A;	
	text-shadow: 0px 0px 10px #FFFFFF;
	-o-text-shadow: 0px 0px 10px #FFFFFF;
	-ms-text-shadow: 0px 0px 10px #FFFFFF;
	-moz-text-shadow: 0px 0px 10px #FFFFFF;
	-webkit-text-shadow: 0px 0px 10px #FFFFFF;
}
@media (max-width : 667px) and (max-height : 896px) {
	.information-panel {
		margin-top: 20px;
	}
}
.information-heading {
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}
@media only screen and (max-width: 400px) {
	.information-heading {
		font-size: 14px;
	}
}
.information-body {
	margin: 0px;
}
@media only screen and (max-width: 320px) {
	.information-body {
		font-size: 11px;
	}
}
.loginFooter {
	font-size: 16px;
	font-family: Impact, Charcoal, sans-serif;
	color: #FFF;
}
@media only screen and (max-width: 400px) {
	.loginFooter {
		font-size: 13px;
	}
}
.leftDiv {
	width: 40%;
	float: left;
}
.rightDiv {
	width: 60%;
	float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.leftDiv {
		width: 30%;
	}
	.rightDiv {
		width: 70%;
	}
}
@media only screen and (max-width: 992px) {
	.leftDiv {
		width: 100%;
	}
	.rightDiv {
		width: 100%;
	}
}
.msgSection {
	width: 80%;
	margin-top: 35vh;
	margin-left: 10%;
	border-top: 10px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.msgSection {
		width: 80%;
		margin-top: 35vh;
		margin-left: 5%;
	}
}
@media only screen and (max-width: 992px) {
	.msgSection {
		width: 100%;
		margin-top: 1vh;
		margin-left: 0%;
	}
}
@media only screen and (max-width: 480px) {
	.msgSection {
		width: 100%;
		margin-top: 0px;
		margin-left: 0%;
		border-top: 10px solid #333;
	}
}
.messageHeader {
	margin-top: 1px; 
	margin-bottom: 1px; 
	color: #FFFFFF; 
	padding: 15px 11px; 
	background-color: orange;
	text-transform: uppercase; 
	text-align: center;
}
.messageContent {
	margin-bottom: 1px;
	color: #FFFFFF; 
	padding: 11px; 
	font-family: Verdana,Arial,Helvetica,sans-serif;	
}
.poslogo{
	display: none;
	width: 50%;
	margin-bottom: 10px;
	opacity: 0.9;
}
.loginPanel{
	width: 85%; 
	margin-top: 1vh;
	margin-right: 6%;
	height: 75vh;
	border: 2px solid #666;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3d3d+0,040303+100 */
	background: #3d3d3d; /* Old browsers */
	background: -moz-linear-gradient(45deg, #3d3d3d 0%, #040303 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #3d3d3d 0%,#040303 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #3d3d3d 0%,#040303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#040303',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-ms-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	float: right;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.loginPanel{
		width: 100%;
		margin-right: 0;
	}
}
@media only screen and (max-width: 992px) {
	.loginPanel{
		width: 100%;
		margin-right: 0;
		background: #333333;
		height: inherit;
		border: 1px solid #FFFFFF;
		box-shadow: 0px 0px 5px #333333;
		-webkit-box-shadow: 0px 0px 5px #333333;
		-moz-box-shadow: 0px 0px 5px #333333;
		-ms-box-shadow: 0px 0px 5px #333333;
		-o-box-shadow: 0px 0px 5px #333333;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-ms-border-radius: 0px;
		-o-border-radius: 0px;
	}
}
.top-left {
  position: relative;
}
.top-left:before, .top-left:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  
}
.top-left:before {
  bottom: -1px;
  width: 1px;
  background-image: -webkit-gradient(linear, 0 40% 100%, 0 0, from(transparent), to(#fff));
  background-image: -webkit-linear-gradient(#fff, transparent);
  background-image: -moz-linear-gradient(#fff, transparent);
  background-image: -o-linear-gradient(#fff, transparent);
}
.top-left:after {
  right: -1px;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 40% 0, from(#fff), to(transparent));
  background-image: -webkit-linear-gradient(left, #fff, transparent);
  background-image: -moz-linear-gradient(left, #fff, transparent);
  background-image: -o-linear-gradient(left, #fff, transparent);
}
.top-right {
  position: relative;
}
.top-right:before, .top-right:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  
}
.top-right:before {
  bottom: -1px;
  width: 1px;
  background-image: -webkit-gradient(linear, 0 0, 0 40% 100%, from(transparent), to(#fff));
  background-image: -webkit-linear-gradient(#fff, transparent);
  background-image: -moz-linear-gradient(#fff, transparent);
  background-image: -o-linear-gradient(#fff, transparent);
}
.top-right:after {
  left: -1px;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 40% 0, from(#fff), to(transparent));
  background-image: -webkit-linear-gradient(left, transparent, #fff);
  background-image: -moz-linear-gradient(left, transparent, #fff);
  background-image: -o-linear-gradient(left, transparent, #fff);
}
.bot-left {
  position: relative;
}
.bot-left:before, .bot-left:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -1px;
  
}
.bot-left:before {
  top: -1px;
  width: 1px;
  background-image: -webkit-gradient(linear, 0 40% 100%, 0 0, from(#fff), to(transparent));
  background-image: -webkit-linear-gradient(transparent, #fff);
  background-image: -moz-linear-gradient(transparent, #fff);
  background-image: -o-linear-gradient(transparent, #fff);
}
.bot-left:after {
  right: -1px;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 40% 0, from(#fff), to(transparent));
  background-image: -webkit-linear-gradient(left, #fff, transparent);
  background-image: -moz-linear-gradient(left, #fff, transparent);
  background-image: -o-linear-gradient(left, #fff, transparent);
}
.bot-right {
  position: relative;
}
.bot-right:before, .bot-right:after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -1px;
  
}
.bot-right:before {
  top: -1px;
  width: 1px;
  background-image: -webkit-gradient(linear, 0 40% 100%, 0 0, from(#fff), to(transparent));
  background-image: -webkit-linear-gradient(transparent, #fff);
  background-image: -moz-linear-gradient(transparent, #fff);
  background-image: -o-linear-gradient(transparent, #fff);
}
.bot-right:after {
  left: -1px;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 40% 0, from(), to(#fff));
  background-image: -webkit-linear-gradient(left, transparent, #fff);
  background-image: -moz-linear-gradient(left, transparent, #fff);
  background-image: -o-linear-gradient(left, transparent, #fff);
}
@media only screen and (max-width: 992px) {
	.top-left:before,
	.top-left:after,
	.top-right:before,
	.top-right:after,
	.bot-left:before,
	.bot-left:after,
	.bot-right:before,
	.bot-right:after {
		background-image: none;
	}
}
#vseparator1,
#vseparator2,
#vseparator3,
#vseparator4 {
	height: 37vh;
	color: white;
	padding: 16px 28px;
}
@media only screen and (max-width: 992px) {
	#vseparator1,
	#vseparator2,
	#vseparator3,
	#vseparator4 {
		height: inherit;
		padding: 0px;
	}
}
.internalforms{ 
	width: 100%;
	font-size: 13px;
	text-align: center;
	margin-top: 1.5vh;
	height: 5vh;
	line-height: 5vh;
	background: #333333;
}
@media only screen and (max-width: 992px) {
	.internalforms {
		background: #1A1A1A;
		font-size: 16px;
		font-weight: bold;
		margin-top: 0vh;
		height: 40px;
		line-height: 40px;
	}
}
@media only screen and (max-width: 480px) {
	.internalforms {
		font-size: 13px;
		height: 35px;
		line-height: 35px;
	}
}
.formContainer1 {
	height: 23.2vh;
	padding-top: 5vh;
}
.formContainer2 {
	height: 23.2vh;
	padding-top: 2vh;
}
@media only screen and (max-width: 992px) {
	.formContainer1,
	.formContainer2 {
		height: inherit;
		padding: 30px 40px;
	}
}
@media only screen and (max-width: 360px) {
	.formContainer1,
	.formContainer2 {
		height: inherit;
		padding: 20px 5px;
	}
}
.positionAbs{
	white-space: nowrap;
	margin-bottom: 7px; 
}
.form-label{
	width: 35%;
	height: 30px;
	font-size: 14px !important;
	float: left;
	padding-top:5px; 
	padding-right: 10px;
	text-align: right;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.form-label{
		font-size: 13px !important;
	}
}
@media only screen and (max-width: 992px) {
	.form-label{
		font-size: 15px !important;
	}
}
@media only screen and (max-width: 480px) {
	.form-label{
		font-size: 13px !important;
		width: 33%;
	}
}
.form-input {
	width: 64%;
	height: 30px;
	padding: 2px 5px;
	font-size: 14px !important;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.pwd {
	font-family: Impact, Charcoal, sans-serif;
    font-size: 13px!important;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.form-input {
		font-size: 13px !important;
	}
	.pwd {
		font-family: Impact, Charcoal, sans-serif;
	    font-size: 13px!important;
	}
}
@media only screen and (max-width: 992px) {
	.form-input {
		font-size: 15px !important;
		width: 50%;
	}
	.pwd {
		font-family: Impact, Charcoal, sans-serif;
	    font-size: 13px!important;
	}
}
@media only screen and (max-width: 480px) {
	.form-input {
		font-size: 14px !important;
		width: 55%;
	}
	.pwd {
		font-family: Impact, Charcoal, sans-serif;
	    font-size: 13px!important;
	}
}
.form-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-input::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-family: Arial, Helvetica, sans-serif;
}
.form-input:-ms-input-placeholder {
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}
.form-input::-webkit-input-placeholder {
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}
.form-input[disabled],
.form-input[readonly] {
  background-color: #eee;
  opacity: 1;
}
.form-input[disabled] {
  cursor: not-allowed;
}
.butnLogin{
	width: 40%;
	font-weight: bold!important;
}
@media only screen and (max-width: 768px) {
	.butnLogin {	
		width: 25%;
		height: 30px;
	}
}
@media only screen and (max-width: 480px) {
	.butnLogin {	
		width: 35%;
	}
}
.butnKeypad:hover
.butnLogin:hover {
	-webkit-box-shadow: 0px 0px 7px -2px #000000!important;
	-moz-box-shadow: 0px 0px 7px -2px #000000!important;
	-ms-box-shadow: 0px 0px 7px -2px #000000!important;
	-o-box-shadow: 0px 0px 7px -2px #000000!important;
	box-shadow: 0px 0px 7px -2px #000000!important;
}
.butnKeypad{
	width: 50px;
	font-size: 18px;
	font-weight: bold!important;
}
@media only screen and (max-width: 768px) {
	.butnKeypad {	
		height: 30px;
	}
}
.subPanelHeader{
	color: #FF9900; 
	text-align: center;
	margin-bottom: 5px;
}
.subPanelContent{
   	text-align: center;  
   	line-height: 1em;
}
@media only screen and (max-width: 992px) {
	.subPanelHeader,
	.subPanelContent {
		font-size: 14px;
	}
}
@media only screen and (max-width: 480px) {
	.subPanelHeader,
	.subPanelContent {
		font-size: 13px;
	}
		
}
/******************* Client Config ******************/

.clientConfig{
	width: 85%;
	min-height: 77.5vh;
	margin: 3vh auto;
	border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border:1px solid #000;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(135deg, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.clientConfig{
		box-shadow: 0px 0px 6px #e5e5e5;
		-webkit-box-shadow: 0px 0px 6px #e5e5e5;
		-moz-box-shadow: 0px 0px 6px #e5e5e5;
		-ms-box-shadow: 0px 0px 6px #e5e5e5;
		-o-box-shadow: 0px 0px 6px #e5e5e5;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.clientConfig{
		width: 95%;
	}
}
@media only screen and (max-width: 768px) and (max-height : 1024px) {
	.clientConfig{
		width: 100%;
		min-height: 83.5vh;
		margin: 0 auto;
		border-radius: 0px;
		-o-border-radius: 0px;
		-ms-border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	}
}
.clientHeader{
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-o-border-top-left-radius: 7px;
	-o-border-top-right-radius: 7px;
	-ms-border-top-left-radius: 7px;
	-ms-border-top-right-radius: 7px;
	-moz-border-top-left-radius: 7px;
	-moz-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-bottom:1px solid #999;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.clientHeader .title{
	padding: 7px 10px 2px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	font-family: "Times New Roman", Georgia, Serif;
	text-shadow: 1px 1px 0px #ffffff;
	-o-text-shadow: 1px 1px 0px #ffffff;
	-ms-text-shadow: 1px 1px 0px #ffffff;
	-moz-text-shadow: 1px 1px 0px #ffffff;
	-webkit-text-shadow: 1px 1px 0px #ffffff;
}
.clientHeader .subTitle{
	padding: 0px 10px 7px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #ffffff;
	-o-text-shadow: 1px 1px 0px #ffffff;
	-ms-text-shadow: 1px 1px 0px #ffffff;
	-moz-text-shadow: 1px 1px 0px #ffffff;
	-webkit-text-shadow: 1px 1px 0px #ffffff;
}
.clientContent{
	padding: 10px;
}
.clientContent .accountTitle{
	padding: 0px 5px 5px;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #FFFFFF;
}
@media only screen and (max-width: 768px) {
	.clientContent .accountTitle{
		padding: 0px 0px 5px;
	}
}
.clientContent .whiteBg{
	background: #FFFFFF;
	padding: 10px;
	box-shadow: inset 0px 0px 2px #666666;
	-webkit-box-shadow: inset 0px 0px 2px #666666;
	-moz-box-shadow: inset 0px 0px 2px #666666;
	-ms-box-shadow: inset 0px 0px 2px #666666;
	-o-box-shadow: inset 0px 0px 2px #666666;
}
@media only screen and (max-width: 768px) {
	.clientContent .whiteBg{
		background: none;
		padding: 0px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
	}
}
.clientLeftDiv{
	background: #efece6;
	width:100%;
}

.clientLeftTable{
	margin-left:20%;
	width:70%;
	height: 50%;
	white-space:nowrap; 
}
#thanks, #linkAccess, #welcomeComments
{
	font-size : 11pt;
	padding: 10px;
}
.clientContent .display td {
	padding: 3px;
}
span.windowTitle {
	color:#000000;
	cursor:pointer;
	font-size:140%;
	margin:8px;
	padding:6px 1em;
	position:relative;
	vertical-align:middle;
	text-align: center;
}
.acctdet {
	padding: 0px 5px;
}
@media only screen and (max-width: 764px) and (max-height : 1024px) {
	.acctdet {
		padding: 5px;
	}
}
@media only screen and (max-width: 1024px) and (max-height : 764px) {
	.acctdet2 {
		display: none;
	}
}
.alert-info .tabHeader{
	background: rgb(49, 112, 143) none repeat scroll 0% 0%;
	border-color: rgb(217, 237, 247);
	color: rgb(217, 237, 247);
}
.alert-warning .tabHeader{
	background: #8a6d3b;
	border-color: #fcf8e3;
	color: #fcf8e3;
}
.alert-success .tabHeader{
	background: #3c763d;
	border-color: #dff0d8;
	color: #dff0d8;
}

/*******************Mobile*******************/
.deskCnt{
	display: block;
}
.ideskCnt{
	display: inline-block;
}
.tdeskCnt{
	display: table;
}
.deskTabCnt{
	display: block;
}
.ideskTabCnt{
	display: inline-block;
}
.tdeskTabCnt{
	display: table;
}
.tabCnt{
	display: none;
}
.itabCnt{
	display: none;
}
.ttabCnt{
	display: none;
}
.mobCnt{
	display: none;
}
.imobCnt{
	display: none;
}
.tmobCnt{
	display: none;
}
@media (max-width : 768px) and (max-height : 1024px) {
	.deskCnt{
		display: none;
	}
	.ideskCnt{
		display: none;
	}
	.tdeskCnt{
		display: none;
	}
	.tabCnt{
		display: block;
	}
	.itabCnt{
		display: inline-block;
	}
	.ttabCnt{
		display: table;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.deskTabCnt{
		display: none;
	}
	.ideskTabCnt{
		display: none;
	}
	.tdeskTabCnt{
		display: none;
	}
	.mobCnt{
		display: block;
	}
	.imobCnt{
		display: inline-block;
	}
	.tmobCnt{
		display: table;
	}
}
.mobHeadBtn{
	display: none;
	width: 32px;
	cursor: pointer;
}
@media (max-width : 768px) and (max-height : 1024px) {
	button.mobHeadBtn {
		border-top: 0px;
		border-bottom: 0px;
		padding: 0px;
	}
	.mobMenuBtn{
		display: inline-block;
		background: #333;
		color: #CCC;
		height: 55px;
		font-size: 20px;
		position: fixed;
		top: 0px;
		right:0px;
		z-index:20001;
		border-right: 0px;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		cursor: pointer;
	}
	.mobHomeMenu{
		padding: 12px 7px;
	}
	.mtopSegment {
		height: 50px;
		padding: 15px 10px 5px;
	}
	.msFilterBtn {
		border-radius: 0px;
	}
	.mcartHgt {
		height: calc(100vh - 155px);
		height: -o-calc(100vh - 155px);
		height: -ms-calc(100vh - 155px);
		height: -moz-calc(100vh - 155px);
		height: -webkit-calc(100vh - 155px);
		overflow-y: auto;
	}
	.btnSegment {
		width: 100%;
		height: 40px;
	/*	border: 1px solid #191919;*/
		background: #4d4d4d;
	  	background-image: -webkit-linear-gradient(top, #4d4d4d, #242424);
	  	background-image: -moz-linear-gradient(top, #4d4d4d, #242424);
	  	background-image: -ms-linear-gradient(top, #4d4d4d, #242424);
	  	background-image: -o-linear-gradient(top, #4d4d4d, #242424);
	  	background-image: linear-gradient(to bottom, #4d4d4d, #242424);
	}
	.btnSegment button {
		border-radius: 0px!important;
		padding: 10px 15px;
		border-top: 0px;
		border-bottom: 0px;
		font-size:18px;
		height: 40px;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.mobHeadBtn{
		display: inline-block;
		height: 40px;
		font-size: 18px;
		color: rgba(0, 0, 0, 0.6);
	}
	button.mobHeadBtn {
		background: none;
		border-top: 0px;
		border-bottom: 0px;
		padding: 0px;
	}
	.mobHeadBtn:hover{
		color: rgba(0, 0, 0, 0.7);
		background: rgb(255,255,255,0); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 98%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 98%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 98%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.1)', endColorstr='rgba(255,255,255,0.4)',GradientType=0 ); /* IE6-9 */
	}
	.mobHomeBtn{
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}
	.mobHomeMenu{
		padding: 7px;
	}
	.mobMenuBtn{
		position: absolute;
		background: none;
		top: 0px;
		right:0px;
		z-index:20001;
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		cursor: pointer;
	}
	.mobMenuBtn2{
		position: absolute;
		top: 0px;
		right:32px;
		z-index:20001;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}
	.mobLogoutMenu{
		border-left: 1px solid rgba(255, 255, 255, 0.2);
	}
	.mcontainerHgt{
	/*	margin-top:8vh;*/
	/*	height: 84vh;*/
		margin-top:40px;
		height: calc(100vh - 78px);
		height: -o-calc(100vh - 78px);
		height: -ms-calc(100vh - 78px);
		height: -moz-calc(100vh - 78px);
		height: -webkit-calc(100vh - 78px);
		overflow-y: auto;
	}
	.mtopSegment {
		height: 50px;
		padding: 10px;
	}
	.mcartHgt {
	/*	height: 73.6vh;*/
		height: calc(100vh - 136px);
		height: -o-calc(100vh - 136px);
		height: -ms-calc(100vh - 136px);
		height: -moz-calc(100vh - 136px);
		height: -webkit-calc(100vh - 136px);
		overflow-y: auto;
	}
	.mobileCartTable {
		width: 100%;
		border:1px solid #CCC;
	}
	.mobileCartTable tr:first-child {
		border-top: 0px;
	}
	.mobileCartTable tr {
		border-top: 1px solid #e6e6e6;
	}
	.mobileCartTable td {
		padding: 5px;
	}
	.mobileCartTable tr.even {
		background: #f1f1f1;
	}
	.mobileCartTable tr.odd {
		background: #fff;
	}
	.mobileCartTable tr.highlight,
	.mobileCartTable tr:hover{
		background: #ffcc99;
		cursor: pointer;
	}
	.mobileCartTable .mprdName{
		font-size: 12px!important;
		font-weight: bold;
	}
	.mobileCartTable .mprdDesc{
		font-size: 10px!important;
		color: #666666;
	}
	.mobileCartTable .mprdPrice{
		font-size: 14px!important;
		font-weight: bold;
	}
	.mobileCartTable .totPrice{
		font-size: 15px!important;
		font-weight: bold;
	}
	.mobileCartTable .footerDesc{
		font-size: 11px!important;
	}
	.mobileCartTable .footerDesc:hover{
		background: #fff;
	}
}
@media (max-width : 667px) and (max-height : 896px) {
	.msubmenu {
		text-align: center;
		border-top:1px solid #ffffff;
		border-bottom:1px solid #bab2a5;
		background: rgb(245,244,240); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(245,244,240,1) 0%, rgba(225,220,210,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,240,1)), color-stop(100%,rgba(225,220,210,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f0', endColorstr='#e1dcd2',GradientType=0 ); /* IE6-9 */
	}
}

/******************SearchBox************************/

.searchtgr {
	display: none;
	position: fixed;
	z-index: 100002;
	right: 0px;
	top: 0px;
	overflow: hidden;
	border: 1px solid #ccc;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px; 
	border-bottom-right-radius: 6px;
	background: #f8f8f8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -moz-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -ms-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: linear-gradient(top, #f8f8f8, #eeeeee);
	-moz-box-shadow: 0 4px #ddd, 0 6px 8px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
}
.searchbtnDown {
	height: 25px;
	border-bottom-left-radius: 6px;
}
.searchbtnUp {
	height: 44px;
}
.searchContainer {
	display: none;
	width: 320px;
	position: fixed;
	right: 1px;
	top: 0px;
	z-index: 100001;
	padding: 0;
	overflow: visible;
	text-align: left;
}
@media (max-width: 600px) {
	.searchContainer {
		right: 0px;
	}
}
.searchCnt {
	width: 100%;
	height: 44px;
	background: #f8f8f8;
	border: 1px solid #ccc;
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px; 
	border-bottom-left-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -moz-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -ms-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: linear-gradient(top, #f8f8f8, #eeeeee);
	-moz-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);	
}
.search-field {
	width: 235px;
	height: 32px;
	margin: 4px 0px 0px 6px;
	padding: 4px 4px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px!important;
	color: #888;
	font-style: italic;
	font-weight: 400;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px; 
	border-top-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: linear-gradient(top, #f5f5f5, #ffffff);
	-moz-box-shadow: 0 1px 1px #fff inset, 0 0 1 #ccc;
	-webkit-box-shadow: 0 1px 1px #fff inset, 0 0 1px #ccc;
	box-shadow: 0 1px 1px #fff inset, 0 0 1px #ccc;
}
.search-field:focus {
	outline: 0;
	color: #666;
	border-color: #aaa;
/*	-moz-box-shadow: 0 1px 1px #dadada inset;*/
/*	-webkit-box-shadow: 0 1px 1px #dadada inset;*/
/*	box-shadow: 0 1px 1px #dadada inset;*/
}
.searchBtn {
	height: 32px;
	margin: 4px 0px 0px -4px;
	padding: 4px 10px;
	cursor: pointer;
	border: 1px solid #d62700;
	color: #fff;
  	background-color: #ec971f;
  	border-color: #d58512;
  	font-weight: bold;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
}
.sBtnCurved {
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px; 
	border-top-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px; 
	border-bottom-right-radius: 4px;
}
.searchBtn:focus {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #985f0d;
}
.searchBtn:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.searchBtn:active {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.legendfield {
	width: 40%!important;
	height: 21px!important;
	margin-top:2px;
}
.legendfield .btn{
	height: 21px!important;
}
.menuIcon {
	height: 30px;
	margin-right: 10px;
	padding:3px;
	background: #999;
	border-radius: 15px;
	border: 1px solid #fff;
}
.searchCntclose {
	position: absolute;
/* 	right: 0px; */
	left:0px;
	top: 43px;
	padding: 0px 10px 5px;
	border: 1px solid #ccc;
	border-top:0px;
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px; 
	border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px; 
	border-bottom-right-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#f8f8f8));
	background-image: -webkit-linear-gradient(top, #eeeeee, #f8f8f8);
	background-image: -moz-linear-gradient(top, #eeeeee, #f8f8f8);
	background-image: -ms-linear-gradient(top, #eeeeee, #f8f8f8);
	background-image: -o-linear-gradient(top, #eeeeee, #f8f8f8);
	background-image: linear-gradient(top, #eeeeee, #f8f8f8);
	-moz-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);	
}
.fixedHeaderNColumn td .ibtBtnBox{
	border:1px solid #b3b3b3;
    outline: none;
    color: #595959;
    box-shadow: inset 0px 0px 2px #d9d9d9;
    -o-box-shadow: inset 0px 0px 2px #d9d9d9;
    -ms-box-shadow: inset 0px 0px 2px #d9d9d9;
    -moz-box-shadow: inset 0px 0px 2px #d9d9d9;
    -webkit-box-shadow: inset 0px 0px 2px #d9d9d9;
    background: #ffffff;
    width:100%;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 24px;
}
.fixedHeaderNColumn td:focus .ibtBtnBox {
	-o-box-shadow: 0px 0px 2px #999;
	-ms-box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a6a6a6), color-stop(1, #666666));
	background:-moz-linear-gradient(top, #a6a6a6 5%, #666666 100%);
	background:-webkit-linear-gradient(top, #a6a6a6 5%, #666666 100%);
	background:-o-linear-gradient(top, #a6a6a6 5%, #666666 100%);
	background:-ms-linear-gradient(top, #a6a6a6 5%, #666666 100%);
	background:linear-gradient(to bottom, #a6a6a6 5%, #666666 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a6a6', endColorstr='#666666',GradientType=0);
	background-color:#a6a6a6;
	border:1px solid #e6e6e6;
	color:#e6e6e6;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	font-weight: bold;
}
.moreBtnPanel {
	display: none;
	position: absolute;
	bottom: 40px;
	padding: 5px;
	border: 1px solid #CCC;
	z-index: 10005;
	
}
.moreBtnPanel button{
	display: block;
	width: 100%;
	border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.moreBtnPanel button + button{
	margin-left: 0px!important;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	margin-right: 0px!important;	
}
.form-area {
	height: 147px;
	overflow-y: auto;
}
.extractbtncnt {
	font-size: 15px;
	text-align: center;
	border-top:1px solid rgba(0,0,0,0.01);
	background: rgb(245,244,240); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(245,244,240,1) 0%, rgba(225,220,210,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,244,240,1)), color-stop(100%,rgba(225,220,210,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(245,244,240,1) 0%,rgba(225,220,210,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f0', endColorstr='#e1dcd2',GradientType=0 ); /* IE6-9 */
	cursor: pointer;	
}
div#gifloader {
	display: none;
	top: 45%;
	z-index:10000;
	right: 45%;
	position: absolute;
}
.currencyspan {
	border: 0px!important;
	text-align: left;
	padding: 0px!important;
}
.convetsionform {
	height: 34px;	
}
.tab {
	overflow: hidden;
	border-top: 1px solid #000000;
	background: rgba(68,179,146,1);
	background: -moz-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,179,146,1)), color-stop(100%, rgba(39,130,103,1)));
	background: -webkit-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: -o-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: -ms-linear-gradient(top, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	background: linear-gradient(to bottom, rgba(68,179,146,1) 0%, rgba(39,130,103,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b392', endColorstr='#278267', GradientType=0 );
}

/* Style the buttons inside the tab */
.tab button {
	padding: 6px 20px;
	cursor: pointer;
	cursor: hand;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #CCCCCC;
	border: 1px solid #278267;
	border-bottom: none;
	background: rgba(39,130,103,1);
	background: -moz-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(39,130,103,1)), color-stop(100%, rgba(68,179,146,1)));
	background: -webkit-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: -o-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: -ms-linear-gradient(top, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	background: linear-gradient(to bottom, rgba(39,130,103,1) 0%, rgba(68,179,146,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278267', endColorstr='#44b392', GradientType=0 );
}

/* Change background color of buttons on hover */
.tab button:hover {
	cursor: default;
}

/* Create an active/current tablink class */
.tab button.active {
	cursor: default;
	background: #F2F2F2;
	color: #278267;
}
.blackFnt{
	color: #000000!important;
}
.text-8 {
	font-size: 8pt!important;
}
.text-10 {
	font-size: 10pt!important;
}
.text-12 {
	font-size: 12pt!important;
}
.text-14 {
	font-size: 14pt!important;
}
.text-16 {
	font-size: 16pt!important;
}
.text-xs {
	font-size: x-small!important;
}
.text-xxs {
	font-size: xx-small!important;
}
.text-sm {
	font-size: small!important;
}
.text-md {
	font-size: medium!important;
}
.text-xl {
	font-size: x-large!important;
}
.text-xxl {
	font-size: xx-large!important;
}
.textBoxArea-T {
	border-bottom: 0px!important;	
}
.textBoxArea-M {
	border-top: 0px!important;
	border-bottom: 0px!important;	
}
.textBoxArea-B {
	border-top: 0px!important;
}
.text-bold {
	font-weight: bold !important;
}
.monoTxt {
	font-family: 'DejaVu Sans Mono', monospace !important;
}
.rTime{
	width: 47px!important;
}
.fWidth{
	width: 100%!important;	
}
.displayNone{
	display: none!important;
}
.displayBlock{
	display: block!important;	
}
.displayInline{
	display: inline!important;
}
.displayInlBlock{
	display: inline-block!important;
}
.itemchkdsply{
	display: none!important;
}
.categoryTabWidth{
	width: 50%!important;	
}
.disabledText {
	border: 0px solid !important;
	background: transparent !important;
	outline: none  !important;
	box-shadow: none  !important;
	appearance: none  !important;
}
.dropdown-textbox {
	position: relative;
    display: inline-block;
}
.dropdown-textbox::before {
    position: absolute;
    content: " \2193";
    top: 0px;
    right: -8px;
    height: 20px;
    width: 20px;
}
.notificationPopup {
	position: absolute;
	top: 70px;
	right: 5px;
	width: 320px;
    z-index: 100001;
}
@media (min-width: 1600px) {
  .notificationPopup {
    top: 95px;
  }
}
@media (max-width : 768px) and (max-height : 1024px) {
  .notificationPopup {
    top: 60px;
  }
}
@media (max-width: 640px) {
  .notificationPopup {
    top: 45px;
  }
}
.notificationPopupCnt {
	background: rgb(187,0,0);
	background: linear-gradient(0deg, rgba(187,0,0,1) 0%, rgba(255,0,0,1) 100%);  
	color: #FFFFFF;
	border: 3px solid #e60000;
	font-size: 16px;
}
.custom-dropdown {
	position: relative;
/* 	width: 200px; */
}

.selected-options {
	display: flex;
	align-items: center;
/* 	padding: 8px; */
	border: 1px solid #ccc;
	background: #FFF;
	cursor: pointer;
	overflow: hidden;
	width: 100%;
	height: 30px;
}

.selected-options-list {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	gap: 4px;
	border: 0px;
/* 	min-width: 93%; */
/* 	max-width: 200px; /* Adjust the maximum width as needed */ */
}

.clear-all-button {
	cursor: pointer;
}

.dropdown-icon {
/* 	margin-left: 8px; */
/* 	margin-top: 3px; */
	width: 30px;
	font-weight: 500;
	font-size: 10px!important;
	background: #FFF;
	border: 0px;
}

.dropdown-content {
	display: none;
	position: absolute;
	z-index: 3;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
}

.search-input {
	width: 100%;
	padding: 8px;
/* 	border: none; */
/* 	border-bottom: 1px solid #ccc; */
	outline: none;
}

.options-list {
	max-height: 200px;
	overflow-y: auto;
}

.option {
	display: flex;
	align-items: flex-start;
	padding: 5px;
	cursor: pointer;
	vertical-align: top;
}
.option-label {
	width: 90%;
	float: left;
}
.checkbox {
  	width: 1px;
  	height: 1px;
    visibility: hidden;
}
.checklist {
	width: 10%;
	float: right;
	margin: 1px 0px 0px 5px;
}