html,
body,
div,
ul,
li {
	padding: 0;
	margin: 0;
}

li {
	list-style: none
}

img {
	border: none
}

a {
	border: 0px;
	text-decoration: none;
	color: #090A0A;
}

a:hover {
	color: #000
}

body {
	width: 100%;
	background: #F6F7F7;
	color: #090A0A;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	font-size: 0.75rem;
	/* 12px everywhere */
	line-height: 1.4;
}

.rad5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

/* Buttons */
.button {
	background-color: #ececec;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFECECEC', endColorstr='#FFE6E6E6');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ececec), color-stop(22%, #e6e6e6), color-stop(100%, #e6e6e6));
	background-image: -webkit-linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
	background-image: -moz-linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
	background-image: -o-linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
	background-image: linear-gradient(top, #ececec 0%, #e6e6e6 22%, #e6e6e6 100%);
	border: 1px solid #BBBBBB;
	font-weight: bold;
	padding: 5px 13px;
}

.green-btn,
.button {
	/*background:url(../img/menu-back.jpg) repeat-x scroll 0 0 #008000;*/
	background: #3aa04a;
	background: -moz-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04a), color-stop(51%, #F6F7F7), color-stop(100%, #3aa04a));
	background: -webkit-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -o-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -ms-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: linear-gradient(to bottom, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#6d6d6d', GradientType=0);
	box-shadow: #FF0;
	color: #090A0A;
	font-weight: bold;
	font-size: 11px;
	padding: 6px 8px;
}

.green-btn:hover,
.button:hover {
	/*background:url(../img/m-hover.jpg) repeat-x scroll 0 0 #008000;color:#000;*/
	background: #3aa04a;
	background: -moz-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04a), color-stop(51%, #F6F7F7), color-stop(100%, #3aa04a));
	background: -webkit-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -o-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -ms-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: linear-gradient(to bottom, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#6d6d6d', GradientType=0);
	box-shadow: #FF0;
	cursor: pointer;
}

.submit {
	display: inline-block
}

.submit .button {
	padding: 6px 30px;
}

.p5 {
	padding: 5px;
}

.p10 {
	padding: 10px;
}

.mtop40 {
	margin-top: 40px;
}

.mleft5 {
	margin-left: 5px;
}

.mleft10 {
	margin-left: 10px;
}

.mtop10 {
	margin-top: 10px;
}

.mbottom10 {
	margin-bottom: 10px;
}

.white-bg {
	background: #fff;
}

.gborder {
	border: 1px solid #ccc;
}

.width98p {
	width: 98%;
}

.width90p {
	width: 90%;
}

.width80p {
	width: 80%;
}

.width15p {
	width: 15%;
}

.fright {
	float: right;
}

.txt-right {
	text-align: right
}

.no-lborder {
	border-left: 0px !important;
}

/* main */
.main {
	width: 100%;
	padding: 0;
}

.page-width {
	width: 95%;
	/*width:76%; */
	margin: 0 auto;
	min-height: 400px;
	padding-bottom: 20px;
	/*padding: 0 6px;*/
	box-shadow: 0 -5px 13px #3aa04a;
}

.title {
	border-bottom: 1px solid #3aa04a;
	margin: 15px 0;
	color: #090A0A;
}

/********** header **********/
.header {
	/* padding:0; margin:0 auto;*/
	padding: 0;
	margin: 0 auto;
}

.header .welcome {
	float: right;
	display: inlien-block;
	color: #090A0A;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 8px;
}

.block_header {
	background-color: #F6F7F7;
	display: inline-block;
	margin: 0 auto -1px;
	padding: 0;
	width: 100%;
}

/* logo */
.logo {
	float: left;
	padding: 0;
	margin: 0;
	width: 181px;
}

.row {
	width: 100%;
}

.two-col .column {
	width: 49%;
	display: inline-block;
	float: left
}

.column {
	width: 56%;
	margin: 0 auto;
}

/************** Menu *******************/
/*.menu-wrapper{background:#1f1f1f;  }*/
.menu-wrapper {
	/*background:url(../img/menu-back.jpg) repeat-x;*/
	background: #3aa04a;
	background: -moz-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04a), color-stop(51%, #F6F7F7), color-stop(100%, #3aa04a));
	background: -webkit-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -o-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -ms-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: linear-gradient(to bottom, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#6d6d6d', GradientType=0);
	height: 30px;
	box-shadow: #FF0;
}

.menu {
	display: inline-block;
	list-style: none outside none;
}

.menu>li {
	display: inline-block;
	list-style: none;
	position: relative;
	height: 30px;
	background: url(../img/m-border.png) no-repeat right top;
}

.menu>li.last-item {
	background: none
}

.menu li a:hover {
	/*background:url(../img/m-hover.jpg) repeat-x;*/
	background: #3aa04a;
	background: -moz-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04a), color-stop(51%, #F6F7F7), color-stop(100%, #3aa04a));
	background: -webkit-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -o-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -ms-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: linear-gradient(to bottom, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#6d6d6d', GradientType=0);
	height: 20px;
	box-shadow: #FF0
}

.menu li a {
	color: #090A0A;
	padding: 8px 9px 0 8px;
	font-weight: bold;
	display: block;
	height: 22px;
}

.menu li a:hover {
	color: #090A0A;
	font-weight: 30;
}

.menu .submenu {
	position: absolute;
	z-index: 100;
	width: 220px;
	display: none;
	background: #3aa04a;
	border: 1px solid #3aa04a;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	/*-webkit-border-radius: 3px;-o-border-radius: 3px;-moz-border-radius: 3px;*/
}

.menu .submenu li a {
	text-align: left;
}

.menu .submenu li {
	display: block;
	border-bottom: 1px dotted #494848;
	color: #fff;
}

.menu .submenu li:last-child {
	border-bottom: none;
}

.menu li:hover .submenu {
	display: block;
}

/************* Menu end ****************/
/**** Paging ****/
.paging {
	padding: 5px 10px;
	text-align: right;
}

.paging .current {
	font-weight: bold;
}

/************** Content*****************/
.input {
	width: 100%;
	margin: 5px 0;
	clear: both;
	display: inline-block
}

.input label {
	padding: 2px 8px;
	width: 18%;
	display: block;
	float: left;
}

dl dd {
	width: 25%;
	font-weight: bold;
	padding: 4px;
}

dl dt {
	width: 60%;
}

dl dd,
dl dt {
	display: inline-block
}

dl dt input,
dl dt textarea {
	padding: 5px;
}

.login-wrapper {
	min-height: 350px;
	width: 65%;
	margin: 0 auto;
}

.login-form {
	padding: 10px 0;
	border: 1px solid #3aa04a;
	margin-top: 120px;
}

.login-form .input {
	width: 28%;
	display: inline-block;
	margin: 30px 0;
}

.login-form .input label {
	padding: 2px 8px;
	width: 25%;
}

.login-form .uname {
	margin-left: 14%
}

.login-form .text {
	width: 60%;
	padding: 4px;
}

/*.attachment {width:80%;}*/

.message {
	text-align: center;
	padding: 8px;
	color: green;
}

.error-message {
	display: inline-block;
	color: #ff0000;
	margin-left: 10px;
}

.tbl-top-brd {
	border-top: 1px solid #3aa04a
}

.tbl-list {
	width: 100%;
	/*border-top:1px solid #ccc;  border-left:1px solid #ccc;*/
}

.tbl-list th,
.tbl-list td {
	border-right: 1px solid #3aa04a;
	border-bottom: 1px solid #3aa04a;
	padding: 8px 5px;
}

.tbl-list .edit {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../img/icons.png) no-repeat scroll -25px -122px;
	text-indent: -20000px;
}

.tbl-list .map {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/location.png) no-repeat scroll 0px 0px;
	text-indent: -20000px;
}

.tbl-list .view {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../img/icons.png) no-repeat scroll -25px -99px;
	text-indent: -20000px;
}

.tbl-list .delete {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../img/icons.png) no-repeat scroll -53px 0px;
	text-indent: -20000px;
}

.tbl-list .timesheet {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../img/icons.png) no-repeat scroll -53px -99px;
	text-indent: -20000px;
}

.tbl-list .revert {
	background: url(../img/revert.jpg) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .inactive {
	background: url(../img/delete.png) no-repeat;
	background-position: 1px 3px;
	width: 25px;
	display: inline-block;
	height: 25px;
	background-size: 17px;
	text-indent: -2000px;
}

.tbl-list .Payment {
	background: url(../img/paymnt.jpg) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .Credit.Sale {
	background: url(../img/credt-sale.jpg) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .Cash.Sale {
	background: url(../img/dolar.jpg) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .taskdetail {
	display: inline-block;
	width: 25px;
	height: 20px;
	background: url(../img/icons.png) no-repeat scroll -53px -73px;
	text-indent: -20000px;
}

.cal-tbl th,
.cal-tbl td.Sun,
.cal-tbl td.Sun a {
	background: #333;
	color: #fff;
}

.cal-tbl td.A {
	background: #ff0000;
	color: #fff;
}

.cal-tbl td {
	text-align: center
}

.cal-tbl td.name {
	text-align: left
}

/*******tablel view change*******/
.tbl-list th:first-child {
	border-top-left-radius: 6px;
}

.tbl-list th:last-child {
	border-top-right-radius: 6px;
}

.tbl-list .bottom-tr th:first-child {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 6px;
}

.tbl-list .bottom-tr th:last-child {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
}

.tbl-list .noborder th:first-child {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.tbl-list .noborder th:last-child {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.tbl-list th {
	/*background:#222;*/
	border: none;
	font-size: 12px;
	border-right: 1px solid #3aa04a;
	background: #3aa04a;
	background: -moz-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3aa04a), color-stop(51%, #F6F7F7), color-stop(100%, #3aa04a));
	background: -webkit-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -o-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: -ms-linear-gradient(top, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	background: linear-gradient(to bottom, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d6d6d', endColorstr='#6d6d6d', GradientType=0);
}

.tbl-list th,
.tbl-list th a {
	color: #090A0A;
	font-size: 12px;
	/*text-align:left;*/
}

.tbl-list th a:hover {
	color: #090A0A;
	text-decoration: underline;
}

.tbl-list td {
	border-bottom: 1px solid #3aa04a;
	border-right: 1px solid #3aa04a;
}

.tbl-list .strong td {
	border-top: 1px solid #3aa04a;
	border-bottom: 2px solid #3aa04a;
	font-weight: bold;
}

.tbl-list .bottom-tr th {
	background: #dbebde;
	border: 1px solid #3aa04a;
	border-top: 0;
}

.tbl-list tr td:first-child {
	border-left: 1px solid #3aa04a;
}

/*.tbl-list td:hover{box-shadow:0px 0px 13px #000;color: #fff;}*/
/*******end tablel view change*******/

.addmore {
	display: inline-block;
	width: 20px;
	height: 25px;
	background: url(../img/icons.png) no-repeat scroll 0px 0px;
}

.remove {
	display: inline-block;
	width: 20px;
	height: 25px;
	background: url(../img/icons.png) no-repeat scroll 0px -130px;
}

.field {
	width: 100%;
	margin: 5px 0;
	padding: 5px;
}

.field .label {
	width: 20%;
	display: inline-block;
	font-weight: bold;
}

.field .field-value {
	width: 75%;
	display: inline-block
}

.left-wrapper {
	width: 60%;
	float: left;
	background: #fff;
}

.right-wrapper {
	width: 39%;
	float: right;
	background: #fff;
}

.time-block,
.pr-row {
	margin-bottom: 15px;
	background: #f3f3f3;
}

.title-row {
	background: #626262;
	color: #fff;
	padding: 5px
}

.pr-row .pr-title {
	width: 83%;
	display: inline-block;
	font-weight: bold;
}

.pr-row .pr-hrs {
	width: 14%;
	display: inline-block;
	font-weight: bold;
}

.time-block .pr-title {
	font-weight: bold;
}

.time-block .pr-title {
	font-weight: bold;
}

.time-block .task {
	width: 75%;
	padding: 5px;
	margin-right: 2%
}

.time-block .hrs {
	width: 11%;
	padding: 5px;
}

.right-wrapper .submit,
.add-more {
	text-align: right;
}

.add-more a {
	font-weight: bold;
	font-size: 12px;
	color: #333
}

.add-more a:hover {
	color: #000
}

.inline {
	display: inline-block;
}

.search {
	display: inline-block;
	float: right;
	padding: 5px;
}

.calender {
	background: url(../img/calendar.gif) no-repeat scroll right 1px #fff;
}

.task-row {
	margin-bottom: 5px;
}

.search-frm {
	padding-bottom: 15px;
}

#popup-filter-form .submit,
#filter-form .submit,
.field-inline {
	display: inline-block;
	margin-right: 10px;
}

.hide {
	display: none
}

.hasDatepicker {
	width: 70px;
}

.suptlink {
	margin-left: 6px;
	display: inline-block;
	color: #e47a38;
}

/************ End of content **********/

/*************footer**********/

.footer {
	padding: 0;
	margin: 0;
	background: #f7f7f7;
	border-top: 1px solid #3aa04a;
	color: #747474;
	background: url(../img/back2.png) scroll repeat-x 0 bottom;
	width: 100%
}

.footer-wrapper {
	width: 76%;
	margin: 0 auto;
	padding: 6px 0 18px 0;
}

.footer a {
	color: #747474;
	text-decoration: none;
	margin: 0;
	border-right: 1px solid #ccc;
	padding: 0px 5px;
}

.footer a:last-child {
	border: none
}

.footer .left {
	text-align: center;
	margin: 0;
	padding: 10px 0 0 20px;
	font-size: 12px;
}

.footer .right {
	text-align: right;
	width: 30%;
	margin: 0;
	padding: 15px 20px 0 0;
	float: right;
	font-size: 12px
}

p.clr,
.clr {
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

li.bg,
.bg {
	clear: both;
	border-top: 1px solid #dfdfdf;
	padding: 0;
	margin: 10px 0;
	background: none;
	line-height: 0;
}

/*.not-authorize {margin-top:50px; display:block;} */
.links {
	display: inline-block;
	float: right;
	margin-right: 10px;
}

.links li {
	display: inline-block;
	list-style: none;
	position: relative;
}

.links_total {
	display: inline-block;
	float: right;
	margin-right: 10px;
	/*margin-top:-22px;*/
	margin-top: 0;
}

/*****test menu****/
.side-menu li {
	list-style: none;
	padding-left: 10px;
}

.side-menu li:hover {
	background: #F1F0F0;
}

/*******edit delete button*******/
.edit-btn {
	background: url(img/opr.png) no-repeat;
}

#content {
	margin: 8px;
}

/*.tbl-list .edit,.tbl-list .delete,.tbl-list .track-by-depot{text-indent: 150px;width: 16px;}*/
.tbl-list .edit {
	background: url(../img/opr.png) no-repeat;
	background-position: 0px -28px;
}

.tbl-list .view {
	background: url(../img/view.png) no-repeat 0px 2px;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -20000px;
}

.tbl-list .sales {
	background: url(../img/sales.png) no-repeat 0px 2px;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .rsales {
	background: url(../img/rsales.png) no-repeat 0px 2px;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .pactivity {
	background: url(../img/final.jpg) no-repeat 0px 2px;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .delete {
	background: url(../img/opr.png) no-repeat;
	background-position: 1px 3px;
	width: 18px
}

.tbl-list .device-logs {
	background: url(../img/device-icons.png) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .sales_report {
	background: url(../img/sales_report.png) no-repeat;
	background-position: 1px 3px;
	width: 24px;
	display: inline-block;
	height: 24px;
	background-size: 17px;
	text-indent: -2000px;
}



.tbl-list .map-link {
	background: url(../img/map-icon.png) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .track-by-depot {
	background: url(../img/track.png) no-repeat;
	color: transparent;
	margin-left: 4px;
}

.tbl-list .received {
	background: url(../img/package-received.png) no-repeat 0px 2px;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: -2000px;
	background-size: 22px;
	margin-right: 5px;
}

.tbl-list .transit {
	background: url(../img/transit.png) no-repeat 0px 2px;
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: -2000px;
	background-size: 22px;
	margin-right: 5px;
}

.tbl-list .verify,
.tbl-list .verifyinline {
	background: url(../img/verify.png) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .money {
	background: url(../img/money.png) no-repeat 4px 3px;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.tbl-list .unverify,
.tbl-list .unverifyinline {
	background: url(../img/unverify.png) no-repeat;
	display: inline-block;
	width: 25px;
	height: 20px;
	text-indent: -2000px;
}

.desc,
.asc {
	background: url(../img/filter.png) no-repeat center;
	color: #000 !important;
	background-position: center center;
	padding: 9px 0;
}

.desc {
	background-position: center 3px;
}

.asc {
	background-position: center -19px;
}

#popup-filter-form .field-inline,
#filter-form .field-inline {
	border-radius: 3px;
	border: 1px solid #3aa04a;
	padding: 3px 5px;
}

#filter-form .inline select {
	width: 105px;
}

#popup-filter-form>select,
#filter-form>select {
	width: 11%;
}

#filter-form #keyword {
	width: 10%;
}

#filter-form div #keyword {
	width: auto;
}

#popup-filter-form .submit .field-inline,
#filter-form .submit .field-inline {
	background: url(../img/search.png) no-repeat center;
	color: transparent;
	padding: 5px 0px;
	border: none;
}

#popup-filter-form .submit .field-inline,
#filter-form .submit .field-inline:hover {
	opacity: .9;
	cursor: pointer;
}

/*********profile page*********/
.profile-img img {
	width: 200px;
	padding: 3px;
	border: 1px solid #CAC5C5;
	border-radius: 5px;
}

.left-sidebar {
	width: 230px;
	float: left;
	border-right: 1px solid #EEE3E3;
	margin-right: 10px;
}

.content-wraper {
	width: 758px;
	float: left;
}

.shadow {
	width: 200px;
	height: 20px;
	background: url(../img/shadow.png) no-repeat left;
	margin-top: -3px;
	margin-left: 16px;
}

.prof-title {
	font-size: 16px;
	font-weight: bold;
	color: #5C5B5B;
}

.sub-title {
	font-size: 12px;
	color: #746F6F;
}

.prof-detail {
	margin-top: 30px;
}

.prof-lbl {
	width: 120px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #838080;
	text-align: right;
	margin-right: 10px;
}

.lbl-data {
	width: 525px;
	float: left;
	color: #4D4949;
	font-size: 12px;
	line-height: 1.5;
	word-spacing: 2px;
}

.left-sidebar .lbl-data {
	width: auto;
}

.left-sidebar .prof-lbl {
	width: auto;
	text-align: left;
}

.prof-detail .row {
	clear: both;
	padding: 5px 0;
}

/****sidebar***/
.sidbar-heading {
	font-size: 14px;
	color: #3C3A3A;
	font-weight: bold;
	padding: 5px 2px;
}

.left-sidebar ul li {
	list-style: none;
	font-size: 13px;
	padding: 3px;
	border-bottom: 1px dashed #ccc;
}

.left-sidebar ul li a {
	color: #09C;
}

.block {
	margin: 6px;
}

.profile-img {
	text-align: center;
}

form .text {
	border-radius: 5px;
	border: 1px solid #3aa04a;
	box-shadow: 0px 3px 10px #ccc;
	width: 70%;
	padding: 4px 5px;
	-moz-width: 70%;
}

.dob select.text {
	width: 31% !important;
}

.two-col form .text,
form .text {
	width: 92%
}

.two-col form select,
.column select {
	width: 96% !important;
}

.two-col form dd,
form dd {
	text-align: right;
	padding-right: 20px;
	vertical-align: top;
}

.two-col .submit {
	float: right;
}

.form-error {
	color: red;
	display: block;
}

input.error {
	background: url(../img/fail.png) no-repeat right center #ffebef;
}

input.valid {
	background: url(../img/ok.png) no-repeat right center #e3ffe5;
	color: #002f00;
	border-color: #3aa04a !important;
}

.unit-convert td {
	height: 48px;
	width: 10px;
}

.unit-tbl td {
	vertical-align: middle;
}

.unit-tbl td input {
	width: 50px
}

/*.date .text {width:auto !important;}*/
.search-frm label {
	display: block;
}

.member-list {
	width: 100%;
}

.member-list li {
	list-style: none;
	text-align: left;
	padding: 4px;
}

.member-list li input {
	float: left;
}

.roles li {
	padding: 5px;
}

.rtree {
	margin-left: 10px;
}

.rtree li {
	padding: 5px;
}

.rtree li ul {
	margin-left: 20px;
	border-left: 1px dotted #ccc;
}

.offers li {
	margin-bottom: 10px;
}

.offers .ot {
	font-weight: bold;
	color: #424141;
}

.offers .od {
	color: #666;
}

.offers li {
	list-style-image: url(../img/offer.png);
}

.offers ul {
	margin-left: 26px;
}

.offers {
	background: #F0F0F0;
	padding: 1px 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 24px 0;
}

.shadow-inset {
	box-shadow: inset 1px 0px 9px #999;
	-moz-box-shadow: inset 1px 0px 9px #999;
	-webkit-box-shadow: inset 1px 0px 9px #999;
	-o-box-shadow: inset 1px 0px 9px #999;
}

.sales-form dd {
	margin-left: 0;
	text-align: left;
	width: 15%;
}

.sales-form dl {
	/*width: 68%;*/
}

.menu-icon {
	display: none;
}

.res-welcome {
	display: none;
}

.imgtop-margin {
	margin-top: -11px;
	position: absolute;
	margin-left: 5px;
}

.dynamic-text {
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: 0px 3px 10px #ccc;
	padding: 4px 5px;
}

.save {
	background: url(../img/cor.png) no-repeat;
}

.cancel {
	background: url(../img/wr.png) no-repeat;
}

.save,
.cancel {
	overflow: hidden;
	text-indent: 33px;
	width: 25px;
	height: 25px;
	display: inline-block;
	background-position: 0 6px;
	margin-left: 5px;
	margin-bottom: -5px;
}

.user-report {
	width: 75%;
	float: left;
}

/******next prev arrow******/


/******next prev arrow******/
.arrow-nav {
	width: 100%;
	display: inline-block
}

.prev-arrow {
	width: 25%;
	float: left;
	position: relative;
}

.next-arrow {
	width: 25%;
	float: right;
	text-align: right;
	position: relative;
}

.arrow-nav a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #8A7777;
	margin-right: 5px;
	min-height: 30px;
	padding-top: 5px;
}

.next-arrow a {
	padding-right: 33px;
	font-weight: bold;
	background: url(../img/next.png) no-repeat right;
	padding-top: 10px;
}

.prev-arrow a {
	padding-left: 34px;
	background: url(../img/prev.png) no-repeat;
}

.arrow-data {
	width: 45%;
	float: left;
	margin: 0 8px;
	font-size: 14px;
	font-weight: bold;
	color: #8A7777;
	padding: 6px 8px 0px;
	text-align: center
}

.arrow-nav a:hover {
	color: #000;
}

/******/
#StockAddForm .column {
	border: 1px solid #3aa04a;
	margin-left: 24px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 0px 3px 5px #3aa04a;
	width: 46%;
}

#StockAddForm .column h3 {
	text-align: center;
	background: linear-gradient(to bottom, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	margin-top: 0;
	padding: 5px;
	border-bottom: 1px solid #3aa04a;
}


#DispatchPlanAddForm .column {
	border: 1px solid #3aa04a;
	margin-left: 24px;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 0px 3px 5px #3aa04a;
	width: 46%;
}

#DispatchPlanAddForm .column h3 {
	text-align: center;
	background: linear-gradient(to bottom, #3aa04a 0%, #F6F7F7 51%, #3aa04a 100%);
	margin-top: 0;
	padding: 5px;
	border-bottom: 1px solid #3aa04a;
}

/*******help text******/
.help-txt {
	color: #999;
}

.blink,
.help-txt a,
#getLatLong {
	color: #8388FF;
	text-decoration: underline;
}

.varify {
	text-align: right;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
}

.varify .lft-span {
	float: left;
	display: inline-block
}

/*.popup-container {width: 1350px;}*/
.popup-container {
	width: 1250px;
}

.btn-overlay {
	width: 100%;
	position: absolute;
	top: 0px;
	display: block;
	background: url(../img/loading20.gif) scroll no-repeat center top transparent;
	height: 20px;
}

h2 a {
	color: blue;
}

#timeselect {
	width: 50px !important;
}

#startdate {
	width: 200px !important;
}

#bgcolorevent {
	background: #e5f79f !important;
}

.calendarbdcolor {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: linear-gradient(to bottom, #3aa04a 0%, #FFFFA6 95%, #3aa04a 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color: -moz-use-text-color #C0C008 -moz-use-text-color -moz-use-text-color;
	border-image: none;
	border-style: none solid none none;
	border-width: medium 1px medium medium;
}

.popuppaging {
	position: relative;
}

.reportlinks {
	float: right;
	margin-top: -22px;
}

#userphone ul li {
	border: 1px solid #d0c4c4;
	float: left;
	margin: 2px;
	padding: 6px;
}

/* ############ Device Logs ################# */
.graph-title {
	float: left;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
	text-align: right;
	display: inline-block;
	padding-right: 10px;
}

.graph-sts-bar {
	border-left: 2px solid #000;
	float: left;
	display: inline-block;
}

.graph-link {
	padding: 3px 0;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}

.graph-dur {
	font-weight: bold;
	padding: 4px 0 0 6px;
	display: inline-block;
	float: left;
	width: 150px;
}

.graph-bottom {
	display: inline-block;
	text-align: center;
	background-color: #000;
	font-weight: bold;
	color: #fff;
	padding: 6px 0px;
}

.verified td {
	background-color: #ECECEC;
}

p {
	text-align: center;
	font-size: 18px;
}

.tbl-list .routes {
	background: rgba(0, 0, 0, 0) url("../img/route_icon.png") no-repeat scroll 0 0;
	display: inline-block;
	height: 20px;
	text-indent: -2000px;
	width: 25px;
}

.route-td .checkbox {
	width: 48%;
	display: inline-block;
}

.tbl-list .spyapp {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../img/spy-icon.png) no-repeat scroll 0px 0px;
	text-indent: -20000px;
	margin-left: 5px;
}

.col-tbl .tick {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../img/icons.png) no-repeat scroll -53px 0px;
	text-indent: -20000px;
}

.col-tbl .tick {
	background: url(../img/tick.jpg) no-repeat;
	background-position: 1px 3px;
	width: 18px
}

.overflowauto {
	overflow: auto;
}


.empty {
	overflow: hidden;
	text-indent: 33px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../img/wr.png) no-repeat;
	background-size: 7px;
	background-position: center;
}


.tableFixHead {
	overflow: auto;
	height: 500px;
}

.tableFixHead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.tableFixHead .secondheadrow th {
	top: 29px;
}


.color-code {
	clear: both;
	padding: 0 15px 15px;
}

.color-code .block {
	display: inline-block;
}

.color-code .box {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border: 1px solid #c8c8ca;
}

.underwork {
	background-color: #faebd7;
}

.absent {
	background-color: #dcdcdc;
}

.delayed {
	background-color: #dcdcdc;
}

.mismatch {
	background-color: #faebd7;
}

.icon-row-number {
	text-align: center;
	position: relative;
}

.icon-row-number .alert-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.icon-row-number .row-number {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
}



/*** accordion ***/
.accordion {
	list-style: none;
	perspective: 900;
	padding: 0;
	margin: 0;
}

.accordion li {
	position: relative;
	padding: 0;
	margin: 0;
	padding: 10px 0;
	border-top: 1px dotted #dce7eb;
	border-bottom: 1px dotted #dce7eb;
}

.accordion li.left-arrow {
	padding-left: 15px;
}

.accordion li:nth-of-type(1) {
	animation-delay: 0.5s;
}

.accordion li:nth-of-type(2) {
	animation-delay: 0.75s;
}

.accordion li:nth-of-type(3) {
	animation-delay: 1s;
}

.accordion li:last-of-type {
	margin-bottom: 15px;
}

.accordion li i {
	position: absolute;
	transform: translate(-6px, 0);
	margin-top: 16px;
	right: 0;
}

.accordion li.left-arrow i {
	margin-top: 19px;
	left: 11px;
}

.accordion li i:before,
ul li i:after {
	content: "";
	position: absolute;
	background-color: #cc5041;
	width: 3px;
	height: 9px;
}

.accordion li i:before {
	transform: translate(-2px, 0) rotate(45deg);
}

.accordion li i:after {
	transform: translate(2px, 0) rotate(-45deg);
}

.accordion li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.accordion li.left-arrow input[type=checkbox] {
	margin-left: -15px;
}

.accordion li input[type=checkbox]:checked~.panel-text {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}

.accordion li input[type=checkbox]:checked~i:before {
	transform: translate(2px, 0) rotate(45deg);
}

.accordion li input[type=checkbox]:checked~i:after {
	transform: translate(-2px, 0) rotate(-45deg);
}