/*Stylesheet for Bakers and Butlers---Author: Sam Cherian*/
	/*///////////////Common Styles that affects all the elements\\\\\\\\\\\\\\\\*/

	html,
	body {
		margin: 0;
		height: 100%;
		overflow: hidden
	}

	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  background: #f1f1f1; 
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #888; 
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #555; 
	}

	@font-face {
		font-family: 'robotoregular';
		src: url('../fonts/Roboto-Regular-webfont.eot');
		src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotomedium';
		src: url('../fonts/Roboto-Medium-webfont.eot');
		src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotolight';
		src: url('../fonts/Roboto-Light-webfont.eot');
		src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'), url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotobold';
		src: url('../fonts/Roboto-Bold-webfont.eot');
		src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'robotothin';
		src: url('../fonts/Roboto-Thin-webfont.eot');
		src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin-webfont.woff') format('woff'), url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	body {
		font-family: 'robotoregular', sans-serif;
	}

	.noPadding {
		padding: 0 !important;
	}

	.noPaddingLeft {
		padding-left: 0 !important;
	}

	.paddingLeft15px {
		padding-left: 15px !important;
	}

	.padding30px {
		padding: 30px !important;
	}

	.marginTop15px {
		margin-top: 15px !important;
	}

	.marginRight15px {
		margin-right: 15px !important;
	}

	.marginTop5px {
		margin-top: 5px !important;
	}

	.marginLeft5px {
		margin-left: 5px !important;
	}

	.marginRight5px {
		margin-right: 5px !important;
	}

	.marginBottom15px {
		margin-bottom: 15px !important;
	}

	.marginLeft15px {
		margin-left: 15px !important;
	}

	.marginTop10px {
		margin-top: 10px !important;
	}

	.marginLeft0px {
		margin-left: 0px !important;
	}

	.width48per {
		width: 48% !important;
	}

	.width50per {
		width: 50% !important;
	}

	.width100per {
		width: 100% !important;
	}

	.txt_aln_rght {
		text-align: right !important;
	}

	.txt_aln_lft {
		text-align: left !important;
	}

	.txt_aln_cntr {
		text-align: center !important;
	}

	.clearBoth {
		clear: both !important;
	}

	.btnBg1 {
		background-color: #ff6262 !important;
		color: #FFF;
	}

	.width50per {
		width: 50% !important;
	}

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	a:focus, a:hover{
		text-decoration: none;
	}

	::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: #558596;
		font-size: 12px;
	}

	::-moz-placeholder {
		/* Firefox 19+ */
		color: #558596;
		font-size: 12px;
	}

	:-ms-input-placeholder {
		/* IE 10+ */
		color: #558596;
		font-size: 12px;
	}

	:-moz-placeholder {
		/* Firefox 18- */
		color: #558596;
		font-size: 12px;
	}

	/*.pull-right,
	.pull-left {
		float: none!important;
	}*/

	@media screen and (min-width:500px) {
		.pull-right {
			float: right!important;
		}
		.pull-left {
			float: left!important;
		}
	}
	/*--------Common Table styles used--------*/

	table {
		width: 100%;
	}

	thead {
		background: #917171;
		color: #fff;
	}

	td,
	th {
		text-align: left;
		border: 1px solid #ccc;
	}
	
	/* Start Table List */
	.erp_table_list td,
	.erp_table_list th {
		padding: 5px 5px;
		font-size: 12px;
		font-weight: normal;
	}
	.erp_table_list thead { position:sticky; top:-16px; }

	.erp_table_list td input[type="text"] {
		font-size: 12px;
		width: 100%;
		border: 1px solid #bfe5f3;
		color: #3a3a3d;
		font-size: 13px;
		padding: 0px 2px;
	}

	.erp_table_list tr.unread td {
		font-weight: bold;
	}
	/* End Table List */
	
	/* Start Table List */
	.erp_reptbl_list { border:1px solid #6f6f6f; }
	.erp_reptbl_list td,
	.erp_reptbl_list th {
		padding: 5px 5px;
		font-size: 12px;
		font-weight: normal;
	}
	.erp_reptbl_list thead { position:sticky; top:-16px; }
	.erp_reptbl_list tr th{
        background-color: #6f6f6f;
        color: #FFF;
		border:0px solid;
    }
	.erp_reptbl_list tr td{
        background-color: #FFF;
        color: #000;
    }
	/* End Table List */

	table tbody tr:hover {
		background: #e3d4d4;
	}

	table tbody tr:nth-child(even),
	table tbody tr.even {
		background: #f1eeee;
	}

	table tbody tr:nth-child(even):hover,
	table tbody tr.even:hover {
		background: #e3d4d4;
	}

	td.smallcols {
		width: 3%;
		text-align: center;
	}

	.input-iconholder {
		position: relative;
	}

	/* Start UL List */
	.erp_ul_list { margin:0; padding:0; list-style-type:none; }
	.erp_ul_list li { margin:0; padding:15px 0; font-size:12px; border-bottom:1px solid #CCC; position:relative; }
	.erp_ul_list li .lft { float:left; }
	.erp_ul_list li .rgt { float:right; }
	.erp_ul_list li .doc_no { float:left; }
	.erp_ul_list li .doc_dt,
	.erp_ul_list li .doc_amt { float:left; border-left:1px solid #CCC; padding:0 0 0 5px; margin:0 0 0 5px; }
	.erp_ul_list li .doc_hdr { font-weight:bold; width:100%; margin-bottom:5px; }
	.erp_ul_list li .doc_btns { width:100%; }
	.erp_ul_list li .doc_btns a.more { width:30px !important; padding:10px 0; margin:0; float:right; text-align:center; display:block; background-color:#FFF; color:#000; border-left:1px solid #CCC; }
	.erp_ul_list li .doc_btns span { position: absolute; display: block; right: 30px; top:15px; display:none; box-shadow:0 0 5px #000; border-radius:3px; overflow:hidden; }
	.erp_ul_list li .doc_btns span a { width:40px; padding:10px 0; margin:0 0 0 -1px; float:left; text-align:center; display:block; background-color:#FFF; color:#000; border-left:1px solid #CCC; }
	.erp_ul_list li .doc_btns span a:hover { background-color:#000; color:#FFF; }
	.erp_ul_list li .doc_btns a.more:hover+span { display:block; background-color:#000; color:#FFF; }
	.erp_ul_list li .doc_btns span:hover { display:block; background-color:#000; color:#FFF; }
	/* End UL List */

	/*--------Common input styles used--------*/

	input[type="search"] {
		border: 0;
	}

	.inputForm,
	.viewForm {
		border: 1px solid #cadde5;
		padding: 15px 10px 10px 10px;
		font-size: 13px;
		position: relative;
	}

	.formHead {
		background: #fff;
		padding: 0 10px;
		font-weight: 400;
		font-size: 14px;
		margin-top: -25px;
		display: block;
		float: left;
	}

	.inputForm .ifRow,
	.viewForm .ifRow {
		padding: 3px 0;
		clear: both;
		font-size: 14px;
		font-weight: 300;
	}

	.viewForm .ifRow {
		font-size: 13px;
		border-bottom: 1px solid #eee;
	}

	.viewForm .ifRow:last-child {
		border-bottom: 0;
	}

	.inputForm .ifLab,
	.viewForm .ifLab {
		float: left;
		width: 30%;
		font-size: 13px;
		font-weight: 400;
	}

	.viewForm .ifLab {
		width: 40%;
	}

	.inputForm .ifVal,
	.viewForm .ifVal {
		float: left;
		width: 70%;
		font-size: 12px;
	}

	.viewForm .ifVal {
		width: 60%;
	    word-wrap: break-word;
	}

	.viewForm .ifVal .multi_line {
		width: 100%;
		border: 0px;
		height: 50px;
		overflow: auto;
	}

	.custom-form--element {
		width: 100%;
		padding: 2px 0 2px 2px;
		border: 1px solid #dae7ed;
		border-radius: 0;
		background: #FFF;
		text-indent: 5px
	}

	.custom-form--element:focus {
		outline: 0;
	}

	.inputForm input[type="text"],
	.inputForm input[type="date"],
	.inputForm input[type="time"],
	.inputForm input[type="email"],
	.inputForm input[type="number"],
	.inputForm input[type="password"],
	.inputForm select,
	.inputForm textarea {
		padding: 2px 0 2px 2px;
		border: 1px solid #dae7ed;
		border-radius: 0;
		background: #FFF;
		text-indent: 5px;
		width: 100%;
		font-size: 12px;
	}

	.inputForm input[readonly],
	.inputForm select[readonly],
	.inputForm textarea[readonly] {
		background-color: #ebf1f4;
	}

	.inputForm input[type="text"]:focus {
		outline: 0;
	}
	
	.viewForm .ifBtn,
	.inputForm .ifBtn {
		background: #559eb9;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		border: none;
		padding: 4px 10px 2px 10px;
		transition: all 200ms ease-in;
	}
	/*--------Common table styles used--------*/
	/*Styling checkbox in table*/

	.checkboxCol {
		width: 3%;
		padding: 5px;
		text-align: center;
	}

	.regular-check {
		display: none;
	}

	.regular-check+label {
		background-color: #fafafa;
		border: 1px solid #cacece;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
		padding: 6px;
		display: inline-block;
		position: relative;
		margin-bottom: 0;
	}

	.regular-check:checked+label:after {
		content: '\2714';
		font-size: 12px;
		position: absolute;
		top: -1px;
		left: 1px;
		color: #000;
	}
	/* Base for label styling */
	/*
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
	display:none;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}


/* checkbox aspect */
	/*
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
}

[type="checkbox"]:not(:checked) + label:before{
	background: #cacaca;
}

[type="checkbox"]:checked + label:before{
	background: #6ba6bc;
}

/* checked mark aspect */
	/*
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '\f00c';
    position: absolute;
    top: 7px;
    left: 3px;
    font-size: 12px;
    line-height: 0.8;
    color: #fff;
    transition: all .2s;
    font-family: Fontawesome;
    font-weight: 300;
}


/* checked mark aspect changes */
	/*
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}


/*~~~~-------------------------------------------------------------------------------------------
						~~~~~~~~~~~~~~Login Page styling starts here~~~~~~~~~~~~~~
------------------------------------------------------------------------------------------------~~~~*/

	.login-head {
		background: url(../images/login-header-bg.png) no-repeat 0 0;
		background-size: cover;
		height: 110px;
	}

	.login-content {
		background: url(../images/login-bg.jpg) no-repeat 0 0;
		background-size: cover;
		height: 100%;
		position: relative;
	}

.login-content-erpLogo{
		position: absolute;
		top: 20%;
		left: 50%;
		transform: translate(-50%, -20%);
}

	.login-icon {
		float: left;
		width: calc(17% - 15px);
		margin-right: 15px;
	}

	.login-content-form form {
		float: left;
		width: 83%;
	}

	.login-content-form {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -40%);
		width: 545px;
	}

	.login-content-form a.signup_btn { float:right; font-size: 14px; background-color: #b3c550; color: #fff; padding: 6px 12px !important; margin-bottom:15px; border-radius: 3px; }
	.login-content-form a.forpsw_btn { float:right; font-size: 14px; color: #000; padding: 6px 12px !important; border-radius: 3px; }
	.login-content-form a.suprt_btn { float:right; font-size: 14px; background-color: #00ad58; color: #fff; padding:7px 12px !important; border-radius: 3px; }
	.login_pjj_logo { display:none; }
	
	@media screen and (max-width: 699px) and (min-width: 0) {
		.login-head { background:none; }
		.login_pjj_logo { width:180px; display:block; margin:0 auto 15px auto; }
		.login-content-form { margin:30px; width:auto; left:auto; transform:none; position: inherit; top:5%; }
		.login-content-form form { float: none; width: auto; padding: 25px; background-color: #FFF; border-radius: 4px; }
		.login-content-erpLogo { top:-12%; }
		.login-content-form .login-btn { width:100%; margin-bottom:15px; float:none; }
		.login-content-form .login-icon { display:none; }
		.login-content-form a { width:100%; text-align:center; float:none; display:block; margin:0 0 15px 0; }
		.login-content-form input[type="text"], .login-content-form input[type="password"] { padding:8px 6px !important; border-radius:3px; }
	}

	.login-content-form input[type="text"],
	.login-content-form input[type="password"] {
		width: 100%;
		padding: 5px 0;
		text-indent: 5px;
		margin-bottom: 15px;
		border: 1px solid #4d8ca6;
	}

	.login-btn {
		float: left;
		border-radius: 0;
		background: #6ba6bc;
		border: 0;
		color: #fff;
		padding: 8px 30px;
		transition: all 500ms ease;
	}

	.login-btn:hover {
		background: #6ba6bc;
		color: #fff;
	}

	.login-content-form label {
		font-weight: normal;
		color: #337ab7;
	}

	.login-content-form .err_msg {
		color: red;
		font-size: 10px;
	}

	header {
		width: 100%;
		z-index:100000;
	}

	.header--menu ul li {
		float: left;
	}

	.header--menu ul li a,
	.header--extras ul li a {
		display: block;
	}
	.header--menu ul li a { padding:5px 12px; }
	.header--menu ul li a.hdr_quick_help_btn { background-color:#1f921f; color:#FFF; }
	.header--menu ul li a.hdrTutVideoBtn { background-color:#f5821f; color: #FFF; }
	.header--menu ul li a:hover { background-color:#000; color:#FFF; }
	.header--menu ul li:last-child,
	.header--extras ul li:last-child {
		margin-right: 0;
	}
	/*header--menu*/

	.header-top {
		background: url(../images/header-bg-design.png) no-repeat 100% 0;
		background-size: cover;
		height: auto;
		text-align: center;
	}

	.header--menu {
		padding: 5px 0 5px 15px;
	}

	.header--menu ul {
		width: 80%;
		margin: 0 auto 5px auto;
	}

	.header--menu ul li a {
		color: rgba(255, 255, 255, 0.7);
		padding-top: 5px
	}
	
	@media screen and (min-width:500px) {
		.header-top {
			height: 50px;
		}
		.header--menu {
			padding: 0;
		}
		.header--menu ul {
			width: 100%;
			margin: 0;
		}
	}

	@media screen and (max-width: 699px) and (min-width: 0) {
		.header--menu ul {
			width:auto;
			float:right;
			margin:0 15px 5px 0;
		}
		.header-top--user { background-color:#000; }
	}

	.companyDetails {
		display: none;
		color: rgba(255, 255, 255, 0.72);
		padding: 8px 0;
		font-size: 12px;
		vertical-align: top;
	}

	@media screen and (min-width:500px) {
		.companyDetails {
			display: inline-block;
		}
	}
	/*header--extras*/

	.header--extras {
		/*width: 20%;*/
		/*padding: 6px 0 0px 12px;*/
		height: 50px;
		position: relative;
		display: inline-block;
	}

	.header--extras ul li {
		margin-right: 10px;
	}

	.header--extras a {
		display: block;
		background: #000;
		color: #FFF;
		transition: all 500ms linear;
		padding: 0 6px;
	}

	.useroptions {
		position: absolute;
		right: 0;
		left: 0;
		top: 52px;
		z-index: 2;
	}

	.useroptions ul li {
		margin-right: 0;
	}

	.useroptions ul li a {
		color: #fff;
		padding: 3px 12px 5px 12px;
		background: #000000;
		font-size: 11px;
		border-bottom: 1px solid #6ba6bc;
	}

	.useroptions ul li a:hover {
		background: #378399;
	}
	/*.header--extras ul li{
	display: inline-block;
	vertical-align: top
}*/
	/*.header--extras ul li>ul{
	padding: 5px 0
}*/
	/*
.header--extras ul li>ul li{
	display: block;
	margin-right: 0;
}*/
	/*.header--extras ul li a {
	color: #000;
	text-align: center;
	padding-top: 5px;
	padding-left: 0;
	display: block;
}*/

	.header--extras span {
		display: block;
		float: left;
		position: relative
	}

	.header--extras span:nth-child(2) {
		position: relative;
	}

	.header--extras span:first-child {
		margin-right: 10px
	}

	.header--extras span:nth-child(2) ul {
		padding-top: 9px;
	}

	.header--extras span:nth-child(2) ul li {
		color: #FFF;
	}

	.header--extras .dwnArrow {
		padding: 4px 7px;
	}

	.header--extras span:nth-child(2)>ul li:nth-child(2) {
		font-size: 10px;
		font-weight: normal;
		text-transform: none;
	}

	.header--extras span ul li {
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
	}
	/*.extras-info-icon,
.extras-settings-icon,
.extras-report-icon,
.extras-logout-icon{
	width: 40px;
    height: 30px;
	background: url(../images/completespritesheet.png) no-repeat;
	display: block;
}*/
	/*
.extras-settings-icon {
    background-position:-2px -7px;
    margin: 0 auto;
}

.extras-info-icon {
    background-position: -41px -7px;
    margin: 0 auto;
}

.extras-report-icon {
	background-position:  -83px -7px;
	margin: 0 auto;
}

.extras-logout-icon{
	background-position: -120px -7px;
	margin: 0 auto;
}
*/

	.header--toolbar-common ul li a {
		background-image: url(../images/completespritesheet.png);
		background-repeat: no-repeat;
		display: block;
	}

	.header--toolbar-common ul li a.menuNew,
	.header--toolbar-common ul li a.menuSave,
	.header--toolbar-common ul li a.menuDelete,
	.header--toolbar-common ul li a.menuUndo,
	.header--toolbar-common ul li a.menuRedo,
	.header--toolbar-common ul li a.menuEdit,
	.header--toolbar-common ul li a.menuSee,
	.header--toolbar-common ul li a.menuDownload,
	.header--toolbar-common ul li a.menuPrint {
		width: 24px;
		height: 24px;
	}

	.header--toolbar-common ul li a.menuNew {
		background-position: -209px -6px;
	}

	.header--toolbar-common ul li a.menuSave {
		background-position: -414px -6px;
	}

	.header--toolbar-common ul li a.menuDelete {
		background-position: -108px -6px;
	}

	.header--toolbar-common ul li a.menuUndo {
		background-position: -515px -7px;
	}

	.header--toolbar-common ul li a.menuRedo {
		background-position: -345px -7px;
	}

	.header--toolbar-common ul li a.menuEdit {
		background-position: -244px -7px;
	}

	.header--toolbar-common ul li a.menuSee {
		background-position: -483px -8px;
	}

	.header--toolbar-common ul li a.menuDownload {
		background-position: -142px -7px;
	}

	.header--toolbar-common ul li a.menuPrint {
		background-position: -175px -7px;
	}
	/*.header--extras ul li a img {
	margin-bottom: 5px;
	margin: 0 auto 5px auto;
}*/
	/*header--toolbar*/

	.header--toolbar {
		display: none;
	}

	@media screen and (min-width:600px) {
		.header--toolbar {
			background: #8f7171;
			display: block;
		}
	}

	.header--toolbar ul li {
		float: left;
		/*margin-right: 15px;*/
		padding: 7px;
		transition: all 0.2s ease-in;
	}

.header--toolbar ul li:hover { background: rgb(67, 152, 177); }
.header-top--user { height:50px; }
.header--toolbar-edit { display:none; }
.header--toolbar-common { float:left; }
.hdrDate { background-color: rgba(255, 255, 255, 0.13); color: #FFF; float:right; padding: 9px 0; width: 180px; text-align: center; }
	/*.header--toolbar-common ul {
		padding: 7px 14px 0 14px;
	}*/
	/*-----------------------------------------Content Section Starts Here-----------------------------------------*/
	/*+++++++++++++++++++++Please make sure Styles related only to content section goes here +++++++++++++++++++++*/
	/*~~~~~~~~~~~~~~~~~~~Fixed Sidebar style starts here~~~~~~~~~~~~~~~~~~~*/

	.content-sidebar {
		width: 18%;
		background: #eddcdc;
		border-right: 1px solid #65658b;
		height: 100vh;
		position: fixed;
		margin-top: 37px;
	}

	.HideMenuSidebar {
		margin-left: -18%;
	}

	.mobilesidebar {
		width: 100%;
		z-index: 30000;
	}
	/*.mobilesidebar #MenuPullBtn {
	right: 0
}*/

	.content-sidebar--header {
		background: #FFF;
		float: none;
		width: 100%;
	}

	.content-sidebar--header a {
		color: #fff;
		text-align: center;
		display: block;
		padding: 1px 0;
	}

	@media screen and (min-width:600px) {
		.content-sidebar--header {
			float: left;
			width: 18%;
		}
		
	}

	.content-sidebar--header a img {
		max-width: 100%;
		display: inline-block;
		height: auto;
	}

	.content-sidebar--header a {
		color: #fff;
		text-align: center;
		display: block;
	}

	.content-sidebar--title {
		position: relative;
		background: #b39494;
		padding: 3px 0 3px 6px;
		color: #fff;
		text-transform: uppercase;
	}

	.content-sidebar--title span.bg {
		display: inline-block;
		margin: 0;
		width: 30px;
		height: 30px;
		background: url(../images/completespritesheet.png) no-repeat;
		background-position: -41px -5px;
	}

	.content-sidebar--title img,
	.content-sidebar--title span {
		display: inline-block
	}

	.content-sidebar--title .decoimg {
		margin-left: -4px;
	}

	.content-sidebar--title span {
		margin-left: 0;
		font-size: 15px;
		vertical-align: middle;
	}

	.content-sidebar--title-smallIcons {
		padding-top: 7px;
		padding-right: 15px;
	}

	.content-sidebar--title-smallIcons ul li a {
		background: url(../images/completespritesheet.png) no-repeat;
		display: block;
	}

	.content-sidebar--title-smallIcons ul li a.pinit {
		width: 20px;
		height: 20px;
		background-position: -281px -9px;
	}

	.content-sidebar--title-smallIcons ul li a.closeit {
		width: 20px;
		height: 20px;
		background-position: -383px -9px;
	}
	/*content-sidebar--searchbar*/

	.content-sidebar--searchbar {
		padding: 5px;
	}

	.content-sidebar--searchbar form {
		position: relative;
	}

	.content-sidebar--searchbar form span {
		background: url(../images/completespritesheet.png) no-repeat -7px -7px;
		position: absolute;
		right: 9px;
		display: block;
		height: 20px;
		width: 20px;
		top: 5px;
	}

	.content-sidebar--searchbar input {
		text-indent: 10px;
		border: 1px solid rgba(77, 140, 166, 0.37);
		width: 100%;
		padding: 5px 5px 5px 0;
	}

	.autoSearch {
		position: absolute;
		padding: 0;
		width: 96%;
		z-index: 10;
	}

	.autoSearch li {
		border: #ccc solid 1px;
		border-top: none;
		font-size: 12px;
		color: #555;
		margin-bottom: 0px;
		background: rgb(238, 245, 249);
		padding: 5px 10px;
		cursor: pointer;
	}

	.autoSearch li:hover {
		background: #fff;
		font-weight: bold;
	}
	/*---------------------------content-sidebar--taskDetails---------------------------*/
	/*taskDetails-title*/

	.taskDetails-title {
		text-transform: uppercase;
		padding: 10px 0;
		font-weight: bold;
		color: #000;
		background: #fff;
		text-align: center;
		border-top: 1px solid rgba(77, 140, 166, 0.37);
		border-bottom: 1px solid rgba(77, 140, 166, 0.37);
	}

	.taskDetails-content {
		padding: 5px;
		margin-bottom: 5px;
	}

	.taskDetails-content--box {
		background: #fff;
		height: 200px;
		overflow-y: scroll;
		border: 1px solid rgba(77, 140, 166, 0.37);
	}

	@media screen and (min-width:500px) {
		.content-sidebar--taskDetails {
			height: auto;
			overflow: visible
		}
	}

	.content-sidebar--taskList {
		position: relative;
		height: 100vh;
	}

	@media screen and (min-width:920px) {
		.content-sidebar--taskList {
			height: 300px;
		}
	}

	.scrollContent {
		overflow-y: auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: -7px;
		overflow-x: hidden;
	}

	.content-sidebar--taskList ul li a {
		display: block;
		padding: 5px 0 3px 10px;
		background-color: #d5dee4;
		color: #9b9b9b;
		border-bottom: 1px solid rgba(255, 255, 255, 0.63);
		transition: all 500ms ease-out;
		cursor: default;
		font-size: 12px;
	}

	.content-sidebar--taskList ul li.active a {
		background-color: #cadbe6;
		color: #353535;
		cursor: pointer;
	}

	.content-sidebar--taskList ul li a img {
		margin: 0 5px 0 0;
	}

	.content-sidebar--taskList ul li a.activeTask {
		background: #000;
		color: #fff;
	}

	.content-sidebar--taskList ul li.active a:hover {
		background: #000;
		color: #fff;
	}

	.content-sidebar--taskList ul li:first-child a,
	.content-sidebar--taskList ul li:last-child a {
		border-top: 1px solid rgba(255, 255, 255, 0.63);
	}
	/*~~~~~~~~~~~~~~~~~~~Fixed Sidebar style starts here~~~~~~~~~~~~~~~~~~~*/
	/*--------------------------------------Content-Display--------------------------------------*/
	/*////////// Content styles on right side starts here \\\\\\\\\\*/

	.content {
		margin-left: 18%;
	}

	.content-display--title {
		padding: 9px 10px;
		background: #f7e9e9;
		border-bottom: 1px solid #e4e4e4;
		min-height: 35px;
	}
	
	.content.width100per .content-display--title {
		padding: 9px 25px !important;
	}
	@media screen and (max-width: 699px) and (min-width: 0) {
		.content.width100per .content-display--title {
			padding: 9px 4px 9px 20px !important;
		}
	}

	.content-display--title h4 {
		margin: 0;
		color: #8b7171;
		font-size: 16px;
		float:left;
	}

	.content-display--title ul { margin:-5px -5px -5px 0; padding:0; float:right; }
	.content-display--title ul li { float:left; margin-left:5px; }
	.content-display--title ul li a { padding:5px 8px; display:inline-block; font-size:12px; background-color:#000; color:#FFF; border-radius:4px; }
	.content-display--title ul li a i { padding:0; margin:0 0 0 0; display:inline-block; font-size:12px; }
	.content-display--title ul li a.redClr { background-color:red; color:#FFF; }
	.content-display--title ul li a.blueClr { background-color:#555; color:#FFF; }
	.content-display--title ul li a.create_btn { background-color:#5a5a5a; color:#FFF; }
	
	.content-display--actualContent {
		padding: 15px;
		overflow: auto;
	}

	.invoiceContainer {
		margin-bottom: 20px;
	}

	.tableicon-bar {
		margin-bottom: 10px;
		border-bottom: 1px solid #ececec;
		padding-bottom: 10px;
	}

	.tableicon-bar ul {
		float: left;
		padding-top: 2px;
	}

	.tableicon-bar ul li a {
		color: #000;
		padding: 0 5px;
		opacity: 0.3;
	}

	.tableicon-bar ul li a.active {
		opacity: 1;
	}

	.search {
		position: relative;
		float: right;
	}

	.search .fa-search {
		position: absolute;
		top: 5px;
		right: 3px;
		font-size: 12px;
		z-index: 1;
		color: #929292;
		padding-right: 5px;
	}

	.tableicon-bar input {
		border: 1px solid #ccc;
	}

	.sortCol {
		position: relative;
	}

	.sortCol span {
		position: absolute;
		right: 10px;
	}

	.tablepagination ul {
		float: right;
	}

	.tablepagination ul li a {
		color: #000;
		font-size: 15px;
	}

	.bottomTab-table-footer {
		border-top: 1px solid #eaeaea;
		padding-top: 15px;
	}

	.bottomTab-table {
		overflow: auto;
		min-height: 120px;
		max-height: 225px;
		padding: 0;
	}
	/*This style used in tree like table structure*/

	.tree td,
	.tree th {
		border: 0;
	}

	td.treeName {
		width: 80%
	}

	td.treeName2 {
		padding-left: 40px;
	}

	td.treeName3 {
		padding-left: 80px;
	}

	td.treeName4 {
		padding-left: 120px;
	}

	td.treeName5 {
		padding-left: 160px;
	}

	td.icontd {
		padding: 4px 10px;
		text-align: center;
		font-size: 14px;
	}
	/*tr.head{
	background: #b5eeff;
}*/

	tr.head td {
		padding: 5px 0;
	}

	.itemsinput-container {
		position: relative;
	}

	.itemsinput-container a {
		display: block;
		position: absolute;
		right: -2px;
		top: 3px;
		font-size: 10px;
	}

	.bottomTab-table-footer--btns .input-iconholder {
		display: inline-block;
	}

	.input-iconholder span:before {
		content: "";
		position: absolute;
		left: 6px;
		top: 4px;
	}
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~Styles copied from Main.css~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.inputForm .ifVal .custCode {
		float: left;
		width: 29% !important;
		margin-right: 10px;
	}

	.inputForm .ifVal .custCode:focus {
		border: #b2ced9 solid 1px !important;
		outline: none;
		box-shadow: none;
	}

	.inputForm .ifVal .custName {
		float: left;
		width: 68% !important;
	}

	.inputForm .ifVal .custName:focus {
		border: #b2ced9 solid 1px !important;
		outline: none;
		box-shadow: none;
	}

	.inputForm .ifVal .custSBut {
		float: left;
		/*width:20% !important;*/
	}

	.inputForm .ifVal .custDate {
		border: #dae7ed solid 1px !important;
		width: 100%;
		padding: 2px;
	}

	.inputForm .ifVal .custDate:focus {
		border: #b2ced9 solid 1px !important;
		outline: none;
		box-shadow: none;
	}

	.inputForm .ifTil {
		font-weight: bold;
	}

	.itemHd {
		margin-bottom: 10px !important;
	}

	.tableDiv table {
		font-size: 12px;
		width: 100%;
	}

	.tableDiv table th {
		padding: 3px 5px;
		background-color: #af8c8c;
		color: #FFF;
		text-align: center;
		text-transform: uppercase;
		font-weight: 300;
		border: #ecf2f5 solid 1px;
		font-size: 11px;
	}

	.tableDiv table td {
		text-align: center;
		color: #3a3a3d;
		font-size: 14px;
		padding: 1px 3px;
	}
	
	.tableDiv table tr.TotRow td {
		background-color:#dde1e3;
		font-weight:bold;
	}

	.tableDiv table td input[type="text"],
	.tableDiv table td input[type="number"],
	.tableDiv table td select {
		width: 100%;
		border: 1px solid #eee;
		color: #3a3a3d;
		font-size: 13px;
		text-indent: 5px;
		padding: 3px 3px;
    	min-height: 27px;
    	background-color: #FFF; 
	}

	@media only screen and (max-width:1500px) and (min-width:1121px) {
		.tableDiv table td select {
			font-size: 11px;
		}
	}

	.tableDiv table td input[readonly],
	.tableDiv table td textarea[readonly],
	.tableDiv table td select[readonly] {
		background-color: #f7f9fa;
	}

	.filtersubmit {
		position: absolute;
		right: 0;
		top: 0;
	}

	.tableDiv table td input[type="text"]:focus,
	.tableDiv table td input[type="number"]:focus,
	.tableDiv table td select:focus {
		outline: none;
		box-shadow: none;
		border: 1px solid #ccc;
	}

	.tableBorder {
		border: 1px solid #dce9ee;
	}

	.tableBorder td {
		border: 1px solid #dce9ee;
	}

	#item_total_tab {
		width: 400px;
		float: right;
		font-size: medium;
	}
	
	#item_total_tab th { width:50%; }
	#item_total_tab td { width:50%; }
	#item_total_tab td input[type="text"], 
	#item_total_tab td select { border:1px solid #CCC !important; padding:2px; } 
	#item_total_tab td select { padding:2px 2px 3px 2px; } 		

	.total_amt {
		text-align: left;
	}

	.total_amt tr th {
		font-size: 13px;
		font-weight: normal;
		padding: 5px 8px;
		background-color: #267088;
		color: #FFF;
	}

	.total_amt tr td {
		text-align: right;
		font-size: 13px;
		padding-right: 3px;
	}

	.total_amt tr td .totalTxt {
		float: right;
		min-width: 180px;
		border: 0;
		color: #3a3a3d;
		font-size: 13px;
		display: block;
		padding: 5px;
	}

	.total_amt tr td .totalAmt {
		text-align: right;
		color: #3a3a3d;
		padding: 5px 12px;
		display: block;
		float: right;
		width: 218px;
	}

	.total_amt tr td .totalAmtCol {
		background: #267088;
		color: #FFFFFF;
	}

	.input-iconholder {
		position: relative;
		color: #fff;
		transition: all 200ms ease-in;
	}

	.input-iconholder.printForm:before,
	.input-iconholder.saveForm:before,
	.input-iconholder.closeForm:before {
		position: absolute;
		left: 5px;
		top: 5px;
		font-family: Fontawesome;
	}

	.input-iconholder.printForm:before {
		content: "\f02f";
	}

	.input-iconholder.saveForm:before {
		content: "\f0c7";
	}

	.input-iconholder.closeForm:before {
		content: "\f00d";
	}

	.input-iconholder:hover {
		background: #267088;
		color: #fff;
		cursor: pointer;
	}
	
	.tableBut {
		background: #917171;
		border: 1px solid #917171 !important;
		color: #fff;
		font-size: 13px;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		border: none;
		padding: 2px 20px 3px 20px;
		transition: all 200ms ease-in;
		border-radius:3px;
	}

	@media only screen and (max-width:1500px) and (min-width:1121px) {
		.tableBut {
			font-size: 12px;
			padding: 5px 10px;
		}
	}

	.tableBut:hover {
		color: #FFF;
		background: #000;
	}

	.tableBut:hover {
		color: #fff
	}

	.invForm {
		padding: 20px;
		background-color: #CCC;
	}

	.width40px {
		width: 40px !important;
	}

	.width100px {
		width: 100px !important;
	}

	.filtersubmit {
		position: relative;
		z-index: 1;
		left: -17px;
		top: 0px;
		color: #7B7B7B;
		cursor: pointer;
		width: 0;
	}

	.ui-widget.ui-widget-content {
		border: none;
		margin: 0 0 0 0;
		padding: 0;
	}

	.ui-tabs .ui-tabs-nav {
		margin: 0;
		padding: 0;
		border-radius: 0;
		border-bottom: 2px solid #917171;
		background: #FFF;
	}

	.ui-tabs .ui-tabs-nav li {
		margin: 0 0 0 0;
		border: none;
		border-radius: 0;
		border-right: 1px solid #FFF;
		font-size: 11px;
	}

	.ui-tabs .ui-tabs-nav li.ui-tabs-active {
		margin-bottom: 0px;
		padding-bottom: 0px;
		background: none !important;
	}

	.ui-state-active a,
	.ui-state-active a:link,
	.ui-state-active a:visited {
		color: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 300;
		background: #917171 !important;
		outline: none;
	}

	.ui-state-default a {
		background: #937171a3;
		color: #FFF !important;
		padding: 8px 20px !important;
		text-transform: uppercase;
		font-weight: 300;
	}

	@media only screen and (min-width:1121px) and (max-width:1500px) {
		.ui-state-default a {
			padding: 5px !important;
			font-size: 11px;
		}
	}
	/*@media only screen and (min-width:1500px){

}

@media only screen and (max-width:1152px){
	.ui-state-default a {
		padding: 5px!important;
		font-size: 10px;
	}
}*/

	.ui-state-default a:hover {
		background: #937171;
	}

	.ui-tabs .ui-tabs-panel {
		padding: 0;
	}

	.custOutter {
		display: flex;
	}

	.custDt {
		padding: 15px;
	}

	.custBillDt {
		margin: 0 !important;
		border: #cadde5 solid 1px !important;
		border-radius: 0;
		padding: 20px;
	}

	.fancybox-outer {
		border: #bfd6df solid 1px;
	}

	.popupHd {
		background: #267088;
		color: #FFF;
		font-size: 20px;
		font-weight: 300;
		padding: 12px 20px !important;
		margin-bottom: 30px;
	}

	.searchBox {
		width: 80% !important;
		padding: 10px !important;
		margin-bottom: 10px;
		border: #dae7ed solid 1px;
	}

	.searchBox:focus {
		outline: none;
		box-shadow: none;
		border: #b2ced9 solid 1px !important;
	}

	.searchBut {
		background: #709db2;
		color: #FFFFFF;
		font-size: 18px;
		border: none;
		padding: 7px 22px 10px;
	}

	.custSearchBox {
		width: 100% !important;
		padding: 10px !important;
		margin-bottom: 10px;
		border: #dae7ed solid 1px;
		font-size: 14px;
		font-weight: 300;
	}

	.custSearchBox:focus {
		outline: none;
		box-shadow: none;
		border: #b2ced9 solid 1px !important;
	}

	.widthIndex {
		width: 5%;
	}

	.ui-widget input,
	.ui-widget select,
	.ui-widget textarea,
	.ui-widget button {
		font-size: inherit;
		font-family: inherit;
	}

	.tabPad {
		padding: 10px !important;
	}

	.seleBoxDesign {
		-webkit-appearance: none;
		/* remove the strong OSX influence from Webkit */
	}

	#itemGrandTotal {
		font-weight: 800;
	}

	.TabDiv {
		z-index: 1 !important;
	}
	/* Start Modal */

	.modal-backdrop {
		display: none;
	}
	/* End Modal */

	.priceTxt {
		text-align: right;
	}
	/* Start Import Data */

	.imp-dt-boxes {
		margin-top: 0px;
	}

	.imp-dt-boxes .imp-dt-bx {
		display: block;
		font-size: 14px;
		color: #555;
		border: 1px solid #eee;
		background-color: #eee;
		min-height: 180px;
		padding: 15px 20px;
		border-radius:4px;
	}

	.imp-dt-boxes .imp-dt-bx h3 { font-size:14px; padding:6px 8px; margin:0; background-color:#86adbb;color:#FFF; border-radius:2px; }

	.imp-dt-boxes .imp-dt-bx div {
		margin:10px 0;
		font-size: 14px;
		color: #555;
	}

	.imp-dt-boxes .imp-dt-bx select {
		font-size: 12px;
		padding:4px 8px;
		margin:0 0 10px 0;
		background-color:#FFF;
		color: #000;
		border-radius:4px;
		width:100%;
		border:1px solid #CCC;
	}

	.imp-dt-boxes .imp-dt-bx input[type="file"] {
		font-size: 12px;
		padding:4px 8px;
		margin:0 0 10px 0;
		background-color:#FFF;
		color: #000;
		border-radius:4px;
		width:100%;
		border:1px solid #CCC;
	}

	.imp-dt-boxes .imp-dt-bx a {
		font-size: 12px;
		padding:6px 8px;
		background-color:#000;
		color: #FFF;
		border-radius:4px;
		text-decoration: none;
		display:inline-block;
	}

	.imp-dt-boxes .imp-dt-bx input[type="submit"] {
		font-size: 12px;
		margin:8px 0 0 0;
		padding:4px 8px;
		background-color:#f33232;
		color: #FFF;
		border-radius:4px;
		border:1px solid #f33232;
		display:inline-block;
	}
	/* End Import Data */
	/* Start viewfrom-actions */

	.viewfrom-actions {
		float: right;
	}

	.viewfrom-actions .viewfrom-act {
		float: left;
		margin-left: 15px;
	}

	.viewfrom-actions .viewfrom-act span {
		float: left;
		display: block;
		margin-right: 5px;
	}

	.viewfrom-actions .viewfrom-act select {
		float: left;
		border: 1px solid #ccc;
		padding: 1px 2px 2px 2px;
		font-size: 12px;
	}

	.viewfrom-actions {
		font-size: 12px;
		background-color: #dae6ed;
		padding: 5px;
		margin-top: -5px;
	}

	.viewfrom-actions .viewfrom-head {
		float: left;
		text-transform: uppercase;
		font-size: 12px;
		background-color: #72a4b2;
		color: #FFF;
		padding: 5px 10px;
	}

	.viewfrom-actions .viewfrom-act {
		float: left;
		margin-left: 15px;
	}

	.viewfrom-actions .viewfrom-act .title {
		float: left;
		display: block;
		margin-right: 5px;
		padding-top: 3px;
	}

	.viewfrom-actions .viewfrom-act input[type="text"] {
		float: left;
		border: 1px solid #ccc;
		padding: 3px 2px 4px 2px;
		font-size: 12px;
	}

	.viewfrom-actions .viewfrom-act select {
		float: left;
		border: 1px solid #ccc;
		padding: 3px 2px 3px 2px;
		font-size: 12px;
	}
	/* End viewfrom-actions */
	/* Start top-list-actions */

	.top-list-actions {
		width:100%;
		font-size: 12px;
		background-color: #efe9e9;
		padding: 5px;
		margin-top: -5px;
	}

	.top-list-actions .top-list-head {
		float: left;
		text-transform: uppercase;
		font-size: 12px;
		background-color: #917171;
		color: #FFF;
		padding:15px 10px;
	}
	
	.top-list-actions .srch-btn {
		padding: 5px 8px;
		display: inline-block;
		font-size: 12px;
		background-color: #296678;
		color: #FFF;
		border-radius: 4px;
		margin-left:10px;
		cursor:pointer;
	}

	.top-list-actions .top-list-act {
		float: left;
		margin-left: 15px;
	}
	.TopFltrBreak { clear: both; float: left; width: 75px; padding: 1px; }

	@media only screen and (min-width:1121px) and (max-width:1500px) {
		.top-list-actions .top-list-act {
			margin-left: 5px;
		}
	}

	.top-list-actions .top-list-act .title {
		display: block;
		margin-right: 5px;
		padding-top: 3px;
	}


@media only screen and (max-width:1121px){
	.top-list-actions .top-list-act .title {
		font-size: 12px;
	}
}
	.filter-datepicker {
		border: 1px solid #CCC;
		background-color: #FFF;
		padding: 4px 5px;
		cursor: pointer;
		font-size: 12px;
	}
	/* End top-list-actions */
	/* Start ViewApproveModal */

	#ViewApproveModal {
		top: 25%;
		z-index: 8010;
	}

	#ViewApproveModal .modal-dialog {
		width: 400px;
	}

	#ViewApproveModal .modal-content {
		background-color: #809ca6;
		min-height: 50px;
		border: 1px solid rgba(128, 156, 166, 0.21);
	}

	#ViewApproveModal .modal-header {
		padding: 10px;
		color: #FFF;
	}

	#ViewApproveModal .modal-body {
		background-color: #FFF;
		text-align: center;
		padding: 20px 0;
	}

	#ViewApproveModal .modal-footer {
		background-color: #FFF;
		padding: 10px;
		border-radius: 0 0 6px 6px;
	}

	#ViewApproveModal .modal-footer .btn-yes {
		background-color: #809ca6;
		color: #FFF;
	}

	#ViewApproveModal .modal-body textarea {
		width: 100%;
	}

	#ViewApproveModal .modal-body .second {
		display: none;
		text-align: left;
		padding: 0 20px;
	}

	#ViewApproveModal .modal-footer #aoam_bx_s {
		display: none;
	}

	#ViewApproveModal .modal-footer #aoam_bx_c {
		display: none;
	}
	/* End ViewApproveModal */
	/*.top-list-actions .top-list-act {
		float: left;
		margin-left: 15px;
	}*/

	.top-list-actions .top-list-act .title {
		display: block;
		margin-right: 5px;
		padding-top: 3px;
	}

	.top-list-actions .top-list-act input[type="text"],
	.top-list-actions .top-list-act select {
		float: left;
		border: 1px solid #ccc;
		padding: 4px 3px;
		font-size: 12px;
		background-color:#FFF;
		border-radius:3px;
	}

	.filter-datepicker {
		border: 1px solid #CCC;
		background-color: #FFF;
		padding: 4px 5px;
		cursor: pointer;
		font-size: 12px;
	}
	/* End top-list-actions */
	/* Start Modal */

	.modal {
		top: 25%;
		z-index: 8011;
	}

	.modal .modal-dialog {
		width: 500px;
	}

	.modal .modal-content {
		background-color: #809ca6;
		min-height: 50px;
		border: 1px solid rgba(128, 156, 166, 0.21);
	}

	.modal .modal-header {
		padding: 10px;
		color: #FFF;
		cursor:move;
	}

	.modal .modal-body {
		background-color: #FFF;
		text-align: center;
		padding: 20px 0;
	}

	.modal .modal-footer {
		background-color: #FFF;
		padding: 10px;
		border-radius: 0 0 6px 6px;
	}

	.modal .modal-footer .btn {
		background-color: #f4f4f4;
		color: #000;
	}
	.modal .modal-footer .btn-primary {
		border-color: #559eb9;
		background-color: #559eb9;
		color: #FFF;
	}	
	/* End Modal */

	a.pexp_add_btn {
		font-size: 10px;
		background-color: #000;
		color: #FFF;
		padding: 3px 3px 2px 3px;
		cursor: pointer;
	}

	.add_row_btn {
		border: 0px solid;
		font-size: 12px !important;
		background-color: #267088;
		color: #FFF;
		padding: 5px 8px 3px 8px;
		cursor: pointer;
	}
	/* Start Dashboard */

	.dshBoxs {
		margin-bottom: 15px;
	}

	.dshBox {
		color: #FFF;
		text-align: center;
		background-color: rgba(41, 102, 120, 0.76);
	}

	.dshBoxTil {
		font-size: 22px;
		padding: 10px;
	}

	.dshBoxNo {
		font-size: 48px;
		background-color: #c1d0d9;
		padding: 10px 0;
		color: #296678;
	}

	.dshRcptPTBoxH {
		padding: 10px;
		background-color: #296678;
		color: #FFF;
		font-size: 16px;
	}

	.dshRcptPTBoxH .Til {
		float: left;
		padding-top: 6px;
	}

	.dshRcptPTBoxH .Brch {
		float: right !important;
	}

	.dshRcptPTBoxH select {
		padding: 2px 3px;
		border: 0px;
		margin-left: 5px;
		background-color: #3e7687;
		color: #FFF;
	}

	.dshRcptPTBoxD {
		border: 1px solid #296678;
		font-size: 16px;
	}

	.dshRcptPTBoxDRow {
		padding: 8px;
	}

	.dshRcptPTBoxDTd {
		display: block;
		float: left;
	}

	.dshRcptPTBoxDTd.no {
		float: right;
	}

	.DshMnthWisChrt {
		margin-top: 12px;
		border: 1px solid #CCC;
		padding: 10px;
	}

	.DshMnthWisChrt select {
		padding: 2px 3px;
	}
	/* End Dashboard */

	.PageSrchTxtBox {
		width: 200px;
	}

	#MenuPullBtn {
		padding: 5px 5px 11px 5px;
		text-decoration: none;
		background-color: #8d7171;
		color: #FFF;
		float: right;
		position: absolute;
		right: 0;
		top: 0px;
	}

	.loginUserIco {
		font-size: 16px;
		padding: 5px 7px;
		border: 2px solid #CCC;
		border-radius: 50%;
		margin: 10px;
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		border-radius: 5px 5px 0 0;
	}

	.ui-widget-header {
		border: 0px;
	}
	/* Start AttachmentDiv */

	.AttachmentDiv {}

	.AttachmentDiv .attach_file {}

	.AttachmentDiv .attach_file .RemoveAttachment {
		cursor: pointer;
		background: #ff6262;
		color: #fff;
		font-size: 12px;
		padding: 4px 10px 4px 10px;
	}

	.AttachmentDiv input[type="button"] {
		background: #559eb9;
		color: #fff;
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		border: none;
		padding: 4px 10px 3px 10px;
		transition: all 200ms ease-in;
		margin-top: 10px;
	}
	/* End AttachmentDiv */

	.listActions {
		text-align: center;
		width: 100px;
	}

	.listActions a {
		color: #444;
		margin-right: 5px;
		font-size: 12px;
		border: 1px solid #999;
		padding: 1px 4px 2px 4px;
		min-width: 23px;
    	display: inline-block;
	}

	@media only screen and (max-width:1500px) and (min-width:1152px) {
		.listActions a {
			margin-right: 3px;
			font-size: 10px;
		}
	}

	.listActions a:hover {
		border: 1px solid #000;
		background-color: #000;
		color: #FFF;
	}

	.listActions a.inActive {
		border: 1px solid rgba(153, 153, 153, 0.37);
		background: none;
		color: rgba(153, 153, 153, 0.37);
		cursor: default;
	}

	.LeaveCal {
		margin: 20px 0 10px 0;
	}

	.LeaveCal .LevCalTitle {
		background-color: #6ba6bc;
		color: #FFF;
		padding: 5px 8px;
	}

	.LeaveCal table {
		border: 1px solid #6ba6bc;
	}

	.LeaveCal table th {
		height: 28px;
		background-color: rgb(193, 218, 227);
		border: 0px solid;
		font-weight: normal;
	}

	.LeaveCal table tr:hover th {
		background-color: rgb(193, 218, 227);
	}

	.LeaveCal table td {
		height: 28px;
		background-color: #FFF;
		border: 0px solid #EEE;
	}

	.LeaveCal table td.create {
		background-color: rgba(193, 218, 227, 0.33);
		cursor: pointer;
	}

	.LeaveCal table tr:hover td {
		background-color: #FFF;
	}

	.LeaveCal table tr:hover td.date {
		background-color: #6ba6bc;
		color: #FFF;
	}

	.LeaveCal table td.add {
		cursor: pointer;
	}

	.LeaveCal table th {
		padding: 5px;
		text-transform: uppercase;
	}

	.LeaveCal table {
		font-size: 12px;
	}

	.mobile_hdr_menu_ico,
	.mobile_hdr_acc_ico,
	.mobile_hdr_ref_ico,
	.mobile_hdr_dashbrd_ico {
		display: none;
	}

	@media screen and (max-width: 699px) and (min-width: 0) {
		.desktop_hdr_menu {
			display: none;
		}
		.mobile_hdr_menu_ico,
		.mobile_hdr_acc_ico,
		.mobile_hdr_ref_ico,
		.mobile_hdr_dashbrd_ico {
			display: inline-block;
			top: 0;
			right: 5px;
			margin:10px 0 0 0;
			border: 0px solid #959595;
			background-color:#f8e9e9;
			padding: 8px 10px;
			font-size: 14px;
			border-radius: 3px;
			cursor: pointer;
			color: #665e5e;
			text-decoration: none;
			position:absolute;
		}
		.mobile_hdr_menu_ico:hover,
		.mobile_hdr_acc_ico:hover,
		.mobile_hdr_ref_ico:hover,
		.mobile_hdr_dashbrd_ico:hover {
			background-color: #000;
			color: #FFF;
			border: 1px solid #000;
		}
		.mobile_hdr_acc_ico {
			right:44px;
		}
		.mobile_hdr_ref_ico {
			right:82px;
		}
		.mobile_hdr_dashbrd_ico {
			right:122px;
		}
		.content-sidebar--title-smallIcons {
			display: none;
		}
		.header-top--user {
			display: none;
		}
		.content-sidebar--header {
			height: 50px;
		}
		.content-sidebar--header a img {
			float: left;
			height: 35px;
			margin: 6px;
		}
		.content-sidebar {
			margin-top: 0;
		}
		.content-display--title {
			padding: 10px 0 8px 25px;
		}
	}

	.validationError,
	.err_field {
		border-color: red !important;
	}

	textarea:focus,
	input[type="checkbox"]:focus,
	input[type="text"]:focus,
	select:focus {
		border: 1px solid #457fd9;
    	background-color: #f1f6fd;
	}

	#FormTableList tr td textarea:focus,
	#FormTableList tr td input[type="text"]:focus,
	#FormTableList tr td input[type="checkbox"]:focus,
	#FormTableList tr td select:focus {
		border: 1px solid #457fd9;
    	background-color: #f1f6fd;
	}
	/* Start Account Post Modal */

	.AccountPostModal {
		top: 25%;
		z-index: 8010;
	}

	.AccountPostModal .modal-dialog {
		width: 450px;
	}

	.AccountPostModal .modal-content {
		background-color: #809ca6;
		min-height: 50px;
		border: 1px solid rgba(128, 156, 166, 0.21);
	}

	.AccountPostModal .modal-header {
		padding: 10px;
		color: #FFF;
	}

	.AccountPostModal .modal-body {
		background-color: #FFF;
		text-align: center;
		padding: 20px 0;
	}

	.AccountPostModal .modal-footer {
		background-color: #FFF;
		padding: 10px;
		border-radius: 0 0 6px 6px;
	}

	.AccountPostModal .modal-footer .btn-post {
		background-color: red;
		color: #FFF;
	}

	.AccountPostModal .modal-body .post_msg {
		padding-bottom: 15px;
	}
	/* End Account Post Modal */

	.ui-widget-content {
		z-index: 8013;
	}

	.ui-autocomplete {
		max-height: 300px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	* html .ui-autocomplete {
		height: 300px;
	}

	.srchProdMstrList ul {
		border: 1px solid #CCC !important;
	}

	.srchProdMstrList ul li {
		text-align: left;
		font-size: 11px;
		color: #000;
		border-bottom: 1px solid #CCC;
		padding: 2px 5px;
	}
	
	.srchStkAdjProdMstrList ul {
		border: 1px solid #CCC !important;
	}

	.srchStkAdjProdMstrList ul li {
		text-align: left;
		font-size: 11px;
		color: #000;
		border-bottom: 1px solid #CCC;
		padding: 2px 5px;
	}
	
	.autoSrchList ul {
		border: 1px solid #CCC !important;
	}

	.autoSrchList ul li {
		text-align: left;
		font-size: 11px;
		color: #000;
		border-bottom: 1px solid #CCC;
		padding: 2px 5px;
	}

.WSCustInput--inner{
	width: 70%!important;
}

@media screen and (max-width:1287px){
	.WSCustInput--inner{
	width: 60%!important;
}

}

.view-statement{
	padding: 4px 8px 2px 8px;
    font-size: 12px!important;
	}
.WSCustInput-exception{
		width:130px!important;
		text-align:right;
	}

@media only screen and (max-width:1500px) and (min-width:1152px) {

	.WSCustInput-exception{
		width:50%!important;
		text-align:right;
	}

	.view-statement{
	padding: 4px 6px 2px 6px;
    font-size: 10px!important;
	}

}

@media only screen and (max-width:1500px) and (min-width:1152px) {


.FromDate{
width: 33%!important;
}

}

/*
+++++++++++++++++++++++++++++++++++++
Sales Dashboard styling starts here
+++++++++++++++++++++++++++++++++++++
*/

.dshbrd-h2 { font-size:16px; margin:15px; padding:10px 10px; background-color:#EEE; border-bottom:4px solid #CCC; border-radius:3px; }

.dashboard-sales-cards{
	text-align: center;
	padding: 30px 15px;
	border: 2px solid #f4f4f4;
	margin-bottom: 30px;
	display: block;
}

.dashboard-sales-cards--icon{
	margin-bottom: 20px;
}

.dashboard-sales-cards--icon img{
display: inline-block;

}

.dashboard-sales-cards--title{
font-size: 1.1em;
text-transform: uppercase;
color:#da2028;
}

.createdBy { margin-top:15px; clear:both; font-size:12px; }
.createdBy span { clear:both; display:block; }



/*
+++++++++++++++++++++++++++++++++++++
Sales Dashboard styling starts here
+++++++++++++++++++++++++++++++++++++
*/

.dashboard-sales-cards{
	text-align: center;
	padding: 20px 15px;
	border: 1px solid #f7d2d2;
	margin-bottom: 20px;
	display: block;
	height: 150px;
	background: #eee;
}

.dashboard-sales-cards--icon{
	margin-bottom: 10px;
}

.dashboard-sales-cards--icon img{
	display: inline-block;
	height: 50px;
}

.dashboard-sales-cards--title{
font-size: 14px;
text-transform: uppercase
}

.md-dashboard h2 { font-size: 15px; font-weight: normal; margin:10px 15px 11px 15px; padding: 5px 9px 6px 9px; background-color: #6a8b96; color: #ffffff; border-radius: 2px; text-transform: uppercase; }

@media screen and (min-width:450px){
	.dashboard-sales-cards {
    padding: 30px 15px;
}
}

.flexirow{
	display: flex;
	flex-wrap: wrap;
}

.FtrLogo { width:100%; text-align:center; background-color:#FFF; padding:10px 0; }
.RecNotFnd { text-align:center; font-style:italic; color:#999; }

#LoginFormModal .modal-footer .btn-yes { background-color:#267088; color:#FFF; }
#LoginFormModal .modal-header { cursor:move; }
#LoginFormModal .modal-body { height:180px; }

.modal .modal-footer .btn-ok { background-color:#267088 !important; color:#FFF; }
.modal .modal-footer .btn-cancel { background-color:#f4f4f4 !important; color:#555; }

/* Start For Mobile */
.MForm { width:80%; margin:0 auto; height:100px; }
.MFormRow { clear:both; }
.MFormRow .Lab { float:left; width: 30%; min-height:35px; }
.MFormRow .Val { float:left; width: 70%; min-height:35px; }
.MFormRow .Val input[type="text"], .MFormRow .Val input[type="password"]{ width:100%; }
.MFormRow .ErrorMsg { color:red; float:left; text-align:left; }
.MFormRow .req_star { margin: 0 0 0 -1px; }

.MobFrm { padding:10px; font-size:10px; color:#000; overflow:hidden; overflow-y:auto; }
.MobFrm .row { clear:both; margin-bottom:2px; padding:0 10px; }
.MobFrm .row .lab { font-weight:bold; text-transform:uppercase; margin-bottom:2px; }
.MobFrm .row .val {  }
.MobFrm .row .val select. 
.MobFrm .row .val input 
.MobFrm .row .val textarea { border:1px solid #999 !important; padding:5px; }
.MobFrm .row .val table tr th { padding:5px; }
.MobFrm .row .val table tr td { padding:5px; }

	.remove-leftpd {
		padding-left: 0
	}

	.margin-between {
		margin-bottom: 15px;
	}

	.date-box {
		padding: 3px 30px;
		background: #f01c2f;
		color: #fff;
		margin: 10px;
	}

	.date-box--date {
		display: block;
		font-size: 116px;
		text-align: center;
		font-family: 'robotobold';
		line-height: 125px;
	}

	.date-box--date-otherdetail {
		padding: 26px 0;
		font-family: 'robotolight';
		font-size: 22px;
		line-height: 30px;
		text-transform: uppercase;
	}

	.date-box--date-otherdetail hr {
		margin: 10px 0;
	}

	.dashboard-box {
		position: relative;
		text-align: center;
		margin: 10px;
	}

	.dashboard-box--hoverInfo {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 1);
		opacity: 0;
		transition: all 0.4s ease-in;
		transform: translate3d(-16px, 0, 0px);
	}

	.dashboard-box--hoverInfo a {
		font-size: 10px;
		display: block;
		color: #FFF;
		padding: 5px;
		margin: 25px auto auto auto;
	}

	.dashboard-box--hoverInfo a span {
		display: block;
		color: #6ba6bc;
		border: 1px solid #6ba6bc;
		border-left: 0px;
		border-right: 0px;
		padding: 3px 0;
		width: 60px;
		margin: 0 auto auto auto;
	}

	.dashboard-box:hover {
		cursor: pointer;
	}

	.dashboard-box:hover>.dashboard-box--hoverInfo {
		opacity: 1;
		transform: translate3d(0, 0px, 0px);
	}

	.dashboard-box--head {
		background: #296678;
		padding: 15px 15px 1px 15px;
		color: #a6c2cd;
		font-size: 16px;
		font-family: 'robotolight';
		text-align: left;
		line-height: 23px;
		min-height: 90px;
	}

	@media only screen and (max-width:1500px) and (min-width:1024px) {
		.date-box--date {
			font-size: 80px;
		}
		.date-box--date-otherdetail {
			font-size: 19px;
		}
		.dashboard-box--head {
			font-size: 14px;
		}
	}

	.dashboard-box--info hr {
		margin-top: 10px;
		margin-bottom: 5px;
		border-color: #7ebcd3;
		margin-top: 0px;
	}

	.dashboard-box--info {
		background: #296678;
		padding: 0 15px 15px 15px;
		font-size: 20px;
		font-weight: bold;
		color: #83c6df;
		text-align: left;
	}

	.form-control {
		border-radius: 0;
	}

	input[type="search"] {
		border: 1px solid #CCC;
		padding:8px;
		border-radius:3px;
	}

	.sales-app-search {
		width: 100%;
		margin-bottom: 15px;
		text-indent: 5px;
		padding:7px 5px;
		border: 1px solid #CCC;
		background-color:#FFF;
		border-radius:3px;
	}

	.accordion li a.accordion-head {
		position: relative;
		display: block;
		padding: 7px 0;
		background: #307484;
		border-bottom: 1px solid #fff;
		cursor: pointer;
		color: #fff;
		width: 100%;
		line-height: 1;
		font-size: 14px;
		text-indent: 5px;
		user-select: none;
		margin: 0;
	}

	.accordion li a.accordion-head.active {
		background: #296678;
	}

	.accordion li a.accordion-head span.cust-name {
		font-size: 15px;
		margin-bottom: 5px;
	}

	.span-cont {
		width: 70%;
		display: inline-block;
		vertical-align: middle;
	}

	.accordion li a.accordion-head span.phne,
	.accordion li a.accordion-head span.cust-name {
		display: block;
	}

	.accordion li a.accordion-head:after {
		width: 8px;
		height: 8px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		position: absolute;
		right: 10px;
		content: " ";
		top: 17px;
		transform: rotate(-45deg);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.accordion li a.accordion-head.active:after {
		transform: rotate(45deg);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.accordion li .accordion-content {
		display: none;
		/*padding: 10px 25px 30px;*/
		color: #296678;
	}

	.accordion-content {
		padding: 15px;
		border: 2px solid #296678;
		border-top: 0;
	}

	.accordion-content h4 {
		margin: 0 0 3px 0;
    font-size: 15px;
    text-transform: uppercase;
	}

	.accordion-content hr {
		margin: 10px 0 10px 0;
	}

	.aging-list .aging-list-content {
		border: 2px solid #f4f4f4;
		margin-bottom: 10px;
		padding: 10px;
		text-align: center;
	}

	.sales-btn,
	.sales-btn-cancelled {
		padding: 5px 0;
		text-align: center;
		color: #fff;
		border: none;
		padding: 5px 15px;
	}

	.sales-btn {
		background: #7da5d6;
	}

	.sales-btn-cancelled {
		background: #fc5644;
	}

	@media screen and (min-width:900px) {
		.span-cont {
			width: 85%;
		}
		.aging-list .aging-list-content {
			margin-bottom: 30px;
		}
	}

	.aging-list .col-xs-4 {
		padding-right: 5px;
		padding-left: 5px;
	}

	@media screen and (min-width:900px) {
		.aging-list .col-xs-4 {
			padding-right: 15px;
			padding-left: 15px;
		}
	}

	.sales-app-search--span {
		position: relative;
	}

	.sales-app-search--span:after {
		content: "\f002";
		font-family: 'Fontawesome';
		position: absolute;
		right: 10px;
		top: 0px;
	}

.MobDropDwn { padding:5px; border:1px solid #296678; font-size:12px; }
/* End For Mobile */

.day_close_dno_tbl { font-size:12px; }
.day_close_dno_tbl tr th { padding:0px 5px; text-align:left; }
.day_close_dno_tbl tr td { padding:0 5px; text-align:right; }
.day_close_dno_tbl tr td input { padding:2px 0px; width:100%; text-align:left; border:0px solid; }

.ModFtrNote { font-size:10px; margin-top:10px; color:red; padding:5px; text-transform:uppercase; text-align:left; clear:both; }
.DrCrBox { font-size:12px; height:30px; float:right; text-transform:uppercase; }
.DrCrBox span { display:block; float:left; padding:5px 10px; color:#FFF; text-align:center; }

.ShwTotDrCrBal, .ShwTotPDCBal, .ShwTotDrCrOrgBal { clear:both; font-size:14px; height:30px; float:right; }

.AmtTotlBx { width: 100%; margin: 5px 0 0 0; clear:both; font-size:14px; text-align:right; float:right; }
.AmtTotlBx div { width:16.66%; float:right; padding:5px 10px; border:3px solid #FFF; background-color:#b9cbd2; color:#000; }
.AmtTotlBx div span { font-weight:bold; color:#FFF; padding:2px 2px; display:inline-block; }

.ViewLedger { color:#0035ff; cursor:pointer; }

.ShowLedgerAcc { top: 1%; z-index: 8010; }
.ShowLedgerAcc .modal-body { padding:0; }
.ShowLedgerAcc .modal-dialog { width: 1200px; }

.DtRngPicker { float: left; padding:1px; }
.DtRngPicker input { float:left; width:100px; cursor:pointer; padding:3px 2px !important; }
.DtRngPicker span { display:block; float:left; padding:0 5px; }
#GSTIN_err { font-size:12px; color:red; }

.HdrNotifiPnl { position:relative; }
.HdrNotifiPnl ul { position:absolute; margin:7px 0 0 -8px; padding:0; list-style-type:none; font-size:12px; width:400px; max-height:408px; overflow:auto; z-index:10000; background-color:#FFF;display:none; border:1px solid #296678; border-top:0px; }
.HdrNotifiPnl ul li { margin:0; padding:10px; border-bottom:1px solid #CCC; width:100%; }
.HdrNotifiPnl ul li:hover { background-color:#e3e3e3; } 
.HdrNotifiPnl .HdrNotTil { font-size:12px; font-weight:bold; display:block; margin-bottom:5px; }
.HdrNotifiPnl .HdrNotTxt { clear:both; font-size:12px; display:block; max-height:40px; padding-top:5px; }
.HdrNotifiPnl .HdrNotDT { float:right; display:block; font-style:italic; font-size:10px; }
.HdrNotifiPnl a { float:left; background:none !important; cursor:pointer; color:#000; }
.HdrNotifiPnl a.btn { font-size: 10px; padding: 0px 5px; border: 1px solid #CCC; float: right; margin: -1px 0 0 10px; }
.ShowHdrNotifiPnl { display:block !important; }
.HdrNotifiNo { background-color: #FFF; color: #000; border-radius: 50%; padding-top: 5px; margin: -12px 0 0 -12px; text-align: center; font-size: 10px; font-weight: bold; width: 21px; height: 21px; display: none; position: absolute; font-family:Verdana, Geneva, sans-serif; }
.header--toolbar-common ul li a.fa { font-size:20px; font-weight:normal; color:#FFF; background:none; margin-top:1px; height:23px; }

.hdr-btn {
border: 1px solid;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#bfa5a5,#8d7373);
background-repeat: repeat-x;
border-color: #efefef #e6e6e6 #bfbfbf;
color: #fff !important;
box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
padding: 6px 9px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: -7px 0 -7px 4px;
white-space: nowrap;
cursor: pointer;
font-size: 12px;
float: right;
text-transform: uppercase;
font-weight: normal;
}
.hdr-btn i { color:#FFF; margin-right:5px; }

.HdrMenuBtn:hover .HdrMenuList ul { display:block !important; }
.HdrMenuList { position:relative; }
.HdrMenuList ul { position:absolute; margin:7px 0 0 -8px; padding:0; list-style-type:none; font-size:12px; width:200px; z-index:10000; background-color:#FFF;display:none; border:1px solid #296678; border-top:0px; }
.HdrMenuList ul li { margin:0; border-bottom:1px solid #CCC; width:100%; }
.HdrMenuList ul li:hover { background-color:#e3e3e3; }
.HdrMenuList ul li a { color: #000; display:block; background:none; }

#HdrNotifiPnl_1 ul { position:absolute; margin:7px 0 0 -8px; padding:0; list-style-type:none; font-size:12px; width:400px; max-height:408px; overflow:auto; z-index:10000; background-color:#FFF;display:none; border:1px solid #296678; border-top:0px; }
#HdrNotifiPnl_1 ul li { margin:0; padding:10px; border-bottom:1px solid #CCC; width:100%; }
#HdrNotifiPnl_1 ul li:hover { background-color:#e3e3e3; } 
#HdrNotifiPnl_1 .HdrNotTil { font-size:12px; font-weight:bold; display:block; margin-bottom:5px; }
#HdrNotifiPnl_1 .HdrNotTxt { clear:both; font-size:12px; display:block; padding-top:5px; }
#HdrNotifiPnl_1 .HdrNotDT { float:right; display:block; font-style:italic; font-size:10px; }
#HdrNotifiPnl_1 a { float:left; background:none !important; cursor:pointer; color:#000; }
#HdrNotifiPnl_1 a.btn { font-size: 10px; padding: 0px 5px; border: 1px solid #CCC; float: right; margin: -1px 0 0 10px; }
.ShowHdrNotifiPnl { display:block !important; }
.HdrNotifiNo { background-color: #FFF; color: #000; border-radius: 50%; padding-top: 5px; margin: -12px 0 0 -12px; text-align: center; font-size: 10px; font-weight: bold; width: 21px; height: 21px; display: none; position: absolute; font-family:Verdana, Geneva, sans-serif; }

#DwnOptModal .btn { margin-left:10px; background-color:#559eb9; color:#FFF; }

#DocStatusUpdaterModal { stop:10%; }
#DocStatusUpdaterModal .modal-dialog { width:850px;}
#DocStatusUpdaterModal .modal-body { padding:10px 20px; max-height: 300px; overflow: auto; }
#DocStatusUpdaterModal .modal-body textarea { height:30px; }

.ui-menu .ui-menu-item { font-size:12px; color:#000; }
.ui-menu .ui-menu-item div:hover { background-color:#000 !important; color:#FFF; border:0px; } 
.ui-autocomplete { height: 150px; overflow-y: scroll; overflow-x: hidden; }

.MobOrdFrm { padding:0px; margin:0px; position:relative; }

.MobOrdFrmTil { background-color:#000; color:#FFF; padding:10px; font-size:14px; }

.MobOrdFrmFtr { position:absolute; bottom:0; padding:15px 10px; border-top:1px solid #CCC; width:100%; background-color:#EEE; }
.MobOrdFrmFtr .nextBtn { float:right; }
.MobOrdFrmFtr .backBtn { float:left; }

.MobOrdFrmBdy { padding:15px; overflow:auto; }
.MobOrdFrmBdy .til { font-weight: bold; padding: 8px 10px; margin-bottom: 10px; font-size: 11px; background-color: #CCC; text-transform: uppercase; }
.MobOrdFrmBdy .row { padding:0; margin:0px; }
.MobOrdFrmBdy .row .lab { font-size:12px; }
.MobOrdFrmBdy .row .val { font-size:12px; margin:5px 0 10px 0; }
.MobOrdFrmBdy .row.line { margin-bottom:8px; }
.MobOrdFrmBdy .row.line .lab { float:left; padding-top: 4px; width: 25%; }
.MobOrdFrmBdy .row.line .val { float:right; margin:0 0 0 0; width: 75%; }
.MobOrdFrmBdy .row textarea { min-height:80px; width:100%; border:1px solid #CCC; background-color:#FFF; }
.MobOrdFrmBdy .row select,
.MobOrdFrmBdy .row input[type="text"],
.MobOrdFrmBdy .row input[type="email"],
.MobOrdFrmBdy .row input[type="number"],
.MobOrdFrmBdy .row input[type="time"],
.MobOrdFrmBdy .row input[type="date"] { padding:8px 5px; border:1px solid #CCC; width:100% !important; background-color:#FFF; border-radius: 3px; }
.MobOrdFrmBdy .row select { padding:8px 6px; border:1px solid #CCC; width:100% !important; background-color:#FFF; border-radius: 3px; }
.MobOrdFrmBdy .ErrorMsg { display:none; color: white; line-height: 20px; font-size: 12px; text-align: left; padding: 8px; background-color:#b53a3a; margin: 0 0 15px 0; }
.MobOrdFrmBdy .Til { font-size: 13px; margin: 30px 0 10px 0; padding:5px 0; border-bottom: 1px solid #CCC; font-weight: bold; }
 
.MobOrdFrmSec { border:1px solid #CCC; padding:0; margin-bottom:15px; min-height: 33px; }
.MobOrdFrmSec .SecTil { margin:0 0 0 0; background-color:#CCC; padding:6px 10px 7px 10px; width:100%; }
.MobOrdFrmSec .SecTil .fa { float: right; display: block; padding:10px 10px 10px 10px; background-color: #2f2938; color: #FFF; margin:-7px -10px 0 0; }
.MobOrdFrmSec .SecTil .Block { opacity:0.5; }
.MobOrdFrmSec .SecCont { padding-top:10px; display:none; }

.MobOrdFrm input[type="radio"] { display:none; }
.MobOrdFrm input[type="radio"]+label { height:25px; background:url('../images/unchecked.jpg')no-repeat 0px 2px; padding:0 0 0 20px; cursor:pointer; margin-right:10px; font-weight:normal; }
.MobOrdFrm input[type="radio"]:checked+label { background:url('../images/checked.jpg')no-repeat 0px 2px; }
.MobOrdFrm input[type="checkbox"] { display:none; }
.MobOrdFrm input[type="checkbox"]+label { height:25px; background:url('../images/unchecked.jpg')no-repeat 0px 2px; padding:0 0 0 20px; cursor:pointer; margin-right:10px; font-weight:normal; }
.MobOrdFrm input[type="checkbox"]:checked+label { background:url('../images/checked.jpg')no-repeat 0px 2px; }

.ViewMobFrm { padding:0px; margin:0px; position:relative; }
.MobFrmTil { background-color:#000; color:#FFF; padding:10px; font-size:14px; }
.MobFrmBdy { padding:15px; overflow:auto; }
.MobFrmBdy .row { padding: 0; margin: -1px 0 0 0px; min-height: 25px; border: 1px solid #b1b1b1; }
.MobFrmBdy .row .lab { font-size:13px; font-weight: bold; margin-top: 2px; float:left; width:95px; padding-left: 5px; }
.MobFrmBdy .row .val { font-size:13px; margin:2px 0 0 10px; float:left; border-left: 1px solid #CCC; padding-left: 5px; }
.MobFrmFtr { position:absolute; bottom:0; padding:10px; border-top:1px solid #CCC; width:100%; background-color:#FFF; }

.ViewMobFrm .row .lab { margin:0 0 0 0 !important; font-weight:bold; }
.ViewMobFrm .row .val { margin:4px 0 0 0 !important; }
.MobOrdFrmBdy .row.line { min-height: 20px; margin-bottom:4px; }

@media screen and (max-width:500px) {
	.top-list-head { width:100%; margin-bottom:5px; }
	.top-list-act { width:100%; min-height:32px; float:none !important; margin-left:0 !important; }
	.top-list-act .title { width:100%; }
	.top-list-act select,
	.top-list-act input[type="text"] { width:100% !important; }
	.top-list-act .search { width:100% !important; float: left; }
	.top-list-act .search input[type="text"] { width:100% !important; padding:4px 2px; }
	.top-list-act .filter-datepicker { width:100% !important; float:left !important; }
	
	.tableicon-bar ul li a { padding:5px 10px; border:1px solid #999; margin-bottom:20px; display: inline-block; }
}

.MobForm .MFLab { color:#000; font-size:14px; }
.MobForm .MFVal { color:#555; font-size:12px; margin-bottom:15px; }
.MobForm .MFVal a { color:#555; }
.MobForm .MFVal input[type="text"], 
.MobForm .MFVal textarea  { border:1px solid #999; padding:3px 5px; font-size:14px; width:100%; }
.MobForm .MFVal input[type="date"] { width:150px; padding:3px 5px; font-size:14px; }
.MobForm .MFVal input[type="time"] { width:100px; padding:3px 5px; font-size:14px; }
.MobForm .MFVal button,
.MobForm .MFVal input[type="button"] { background-color: #000; color: #CCC; padding: 7px 13px; border-radius: 4px; }

.MobForm .MFVal input[type="radio"] { display:none; }
.MobForm .MFVal input[type="radio"]+label { margin-top:5px; background:url('../images/unchecked.jpg') no-repeat; padding:0 10px 0 20px; }
.MobForm .MFVal input[type="radio"]:checked+label { background:url('../images/checked.jpg') no-repeat; }

.MobQuestFrm { margin:0px 15px 5px 15px; }
.MobQuestFrm a.accordion-head { background-color: #7c7784 !important; color: #FFF; padding: 10px 5px; font-size:12px; border-radius:3px; }
.MobQuestFrm .accordion-content { border:1px solid #7c7784; padding:0px; margin-top:-2px; }
.MobQuestFrm .frm-name { text-transform:uppercase; }

.MobQuestFrmAdd .MQFV_Lab { padding:10px; }
.MobQuestFrmAdd .MQFV_Val { padding:0px 10px 10px 10px; }
.MobQuestFrmAdd .MQFV_Val input[type="text"] { height:30px; padding:5px; font-size:12px; }
.MobQuestFrmAdd .MobFrmBtn { background-color: #000; color: #CCC; padding: 7px 13px; border-radius: 4px; margin: 10px; font-size: 12px; border: 0px solid; }

.MobQuestFrmView .MQFV_Lab { padding:10px 10px 5px 10px; }
.MobQuestFrmView .MQFV_Val { padding:0px 10px 10px 10px; }

.mktCustListBtn { float: right; position: absolute; right: 0; top: 6px; }
.mktCustListBtn button { float: right; background-color: #b5b5b5 !important; color:#000; border: 0px solid; border-radius: 2px; padding: 10px; margin-right: 5px; cursor:pointer; }	

.FinalProductImage { border:1px solid #CCC; margin-bottom:30px; background-color:#FFF; }
.FinalProductImage img { width:100%; }

.listInputFormDiv { padding:30px; background-color:#cadde5; }
.listInputFormDiv>.til { background: #fff; padding: 4px 12px; font-weight: 400; font-size: 13px; margin-top: -40px; display: block; float: left; }

.MobList { font-size:10px; color:#444; }
.MobList .MLHdr { font-size: 12px; background-color: #2f2938; padding: 7px 9px; color: #FFF; }
.MobList .MLHdr span { background-color: #bab9bb; padding: 7px; color: #000; margin: -7px 10px -8px -5px; display: inline-block; }
.MobList .MLRow { margin-bottom: -1px; padding:10px 0; border-bottom: 1px solid #bab9bb; }
.MobList .MLRow .MLTil { font-weight:bold; font-size:12px; }
.MobList .MLRow .MLTil .fa { margin-left:5px; display:inline-block; float:right; border:1px solid #CCC; padding:6px 8px; font-size: 12px; border-radius:2px; color: #ffffff; background-color: #2f2938; }
.MobList .MLRow .MLTil .fa-file { float:right; display:inline-block; color:red; }
.MobList .MLRow .MLSubTil { color:#555; }
.MobList .MLRow .MLDesc { line-height:18px; width:100%; margin:3px 0 5px 0; }
.MobList .MLRow .MLDt_L { float:left; }
.MobList .MLRow .MLDt_R { float:right; }
.MobList .MLRow .ViewMapPlugin { margin-top:5px; background-color: #296678; border-color: #296678; color:#FFF; }
.MobList .MLRow .MLStatus { clear:both; }
.MobList .MLRow .MLStatus ul { list-style-type:none; padding:0; margin:0; }
.MobList .MLRow .MLStatus ul li { list-style-type: none; padding: 5px; margin: 0; width: 50%; float: left; text-align: center; }

.MobOrdList { font-size:10px; color:#444; }
.MobOrdList .MLHdr { font-size: 12px; background-color: #2f2938; padding: 7px 9px; color: #FFF; }
.MobOrdList .MLHdr span { background-color: #bab9bb; padding: 7px; color: #000; margin: -7px 10px -8px -5px; display: inline-block; }
.MobOrdList .MLRow { margin-bottom: -1px; padding:5px 5px 5px 0; border-bottom: 1px solid #bab9bb; }
.MobOrdList .MLRow.active { background-color:#d3d3d3; padding:5px 5px 5px 10px; }
.MobOrdList .MLRow.active_so { background-color:#d1f5cd; padding:5px 5px 5px 10px; }
.MobOrdList .MLRow .LstOrdDt { background-color: white; color: #242424; border: 1px solid #8d8b8b; border-radius: 2px; font-size: 9px; padding: 2px 4px 0 4px; text-transform: uppercase; margin: 2px 0 0 0; display: inline-block; }
.MobOrdList .MLRow .MLTil { font-weight:bold; font-size:12px; }
.MobOrdList .MLRow .MLTil .fa { margin-left:5px; display:inline-block; float:right; border:1px solid #CCC; padding:6px 8px; font-size: 12px; border-radius:2px; color: #ffffff; background-color: #2f2938; }
.MobOrdList .MLRow .MLTil .fa-file { float:right; display:inline-block; color:red; }
.MobOrdList .MLRow .MLSubTil { color:#000; }
.MobOrdList .MLRow .MLDesc { line-height:18px; width:100%; margin:3px 0 5px 0; }
.MobOrdList .MLRow .MLDt_L { float:left; }
.MobOrdList .MLRow .MLDt_R { float:right; }
.MobOrdList .MLRow .ViewMapPlugin { margin-top:5px; background-color: #296678; border-color: #296678; color:#FFF; }
.MobOrdList .MLRow .MLStatus { clear:both; }
.MobOrdList .MLRow .MLStatus ul { list-style-type:none; padding:0; margin:0; }
.MobOrdList .MLRow .MLStatus ul li { list-style-type: none; padding: 5px; margin: 0; width: 50%; float: left; text-align: center; }
.MobOrdList .MobIco { float: right; display: inline-block; font-size: 15px; color: #c55454; background-color: #ffffff; border: 1px solid #c55454; padding: 2px 0 0 0; margin:4px 0 0 5px; border-radius: 50%; width: 25px; height: 25px; text-align: center; }
.MobOrdList .MobWPIco { color: green; border: 1px solid green; padding-top:1px; }
.MobOrdList .MobIco.InActive { opacity:.2; }
.MobOrdList .MLLft { float:left; width:calc(100% - 90px); }

#FltrLoadMoreBtn { display:none; font-size: 13px; padding: 5px 20px; margin: 20px auto; text-align: center; width: 122px; color: #000; display: block; border: 1px solid #CCC; }

.MobSOList { margin:0; padding:0; list-style-type:none; }
.MobSOList li { margin:0; padding: 12px 0; border-bottom: 1px solid #CCC; }
.MobSOList li .til { font-size:14px; font-weight:bold; }
.MobSOList li .stil { font-size:12px; font-style:italic; }
.MobSOList li .lf { float:left; width:80%; } 
.MobSOList li .rg { float:right; width:20%; } 
.MobSOList li .btns { clear:both; }
.MobSOList li .btns a { float: right; width: 49%; text-align: center; margin:0 0 6px 0; padding:13px 0; background-color: #EEE; color: #000; font-size: 16px; border-radius: 3px; } 

.DriVPList { margin:0; padding:0; list-style-type:none; }
.DriVPList li { margin:0; padding: 12px 0; border-bottom: 1px solid #CCC; }
.DriVPList li .til { font-size:14px; font-weight:bold; color:red; }
.DriVPList li .loc { font-size:14px; color:red; }
.DriVPList li .stil { font-size:14px; font-style:italic; }
.DriVPList li .lf { width:100%; }
.DriVPList li .rg { width:100%; }
.DriVPList li .btns { clear:both; }
.DriVPList li .btns a { display: block; width:100%; text-align: center; margin:6px 0 0 0; padding:4px 0; background-color: #000; color: #FFF; border:1px solid #EEE; font-size: 14px; border-radius: 3px; } 
.DriVPList li .sts span { padding: 1px 5px; display: inline-block; border-radius: 4px; font-size: 12px; }
.DriVPList li .sts .sts_allocated { background-color:#f5821e; color:#FFF; border:1px solid #f5821e; }
.DriVPList li .sts .sts_running { background-color: #2e9b22; color: #FFF; border: 1px solid #2e9b22; }
.DriVPList li .sts .sts_end { background-color:#FFF; color:#000; border:1px solid #BBB; }

.DriExpList { margin:0; padding:0; list-style-type:none; }
.DriExpList li { margin:0; padding: 12px 0; border-bottom: 1px solid #CCC; }
.DriExpList li .til { font-size:14px; color:red; font-weight:bold; }
.DriExpList li .loc { font-size:12px; }
.DriExpList li .stil { font-size:12px; margin:3px 0; }
.DriExpList li .btns { clear:both; }
.DriExpList li .btns a { display:inline-block; width:50%; text-align: center; margin:5px 0 0 0; padding:6px 0; font-size:18px; float:left; } 
.DriExpList li .btns a.delete_exp { background-color: #f60002b3; color: #FFF;  }
.DriExpList li .btns a.edit_exp { background-color: #14a99f; color: #FFF;  }

.DriVPForm { margin:0; padding:0; list-style-type:none;  }
.DriVPForm .til { font-size:14px; font-weight:bold; margin:0; padding:8px 0; border-bottom: 1px solid #EEE; }
.DriVPForm .w { font-size:12px; margin:0; padding:3px 0 7px 0; }
.DriVPForm .w label { margin:0; padding:0; float:left; width:28%; font-size:12px; }
.DriVPForm .w .v { margin:0; padding:0 0 0 5px; float:left; font-size:14px; }
.DriVPForm .sts { padding:4px 6px; font-size:12px; background-color:#FFF; color:#000; border-radius:3px; }
.DriVPForm .sts_allocated { background-color:#f5821e; color:#FFF; border:1px solid #f5821e; }
.DriVPForm .sts_running { background-color:#2e9b22; color:#FFF; border:1px solid #2e9b22; }
.DriVPForm .sts_late_running { background-color:blue; color:#FFF; border:1px solid blue; }
.DriVPForm .sts_destination_reached { background-color:orange; color:#FFF; border:1px solid orange; }
.DriVPForm .sts_breakdown { background-color:red; color:#FFF; border:1px solid red; }

.DriVPForm .AssFrm { display:none; position: absolute; top:0; margin: 0; left: 0; height: 100%; z-index: 1; padding:0 10px 5px 10px; background-color:#FFF; }
.DriVPForm .AssFrm h3 { font-size: 15px; font-weight: 300; margin: 5px 0 5px 0; padding: 6px 8px; background-color: #5c5c5c; color: #ffffff; border-radius: 3px; } 
.DriVPForm .AssFrm .w label { width:100%; }
.DriVPForm .AssFrm .w label span { color:red; }
.DriVPForm .AssFrm .w input[readonly] { background-color:#f5f2f2; } 
.DriVPForm .AssFrm .w select,
.DriVPForm .AssFrm .w input { background-color:#FFF; width:100%; padding:5px 6px; border:1px solid #CCC; border-radius:3px; font-size:14px; }
.trip_btns a { opacity:.5; cursor:default; display:inline-block; width:100%; margin:0 0 3px 0; padding:5px 8px; font-size:14px; background-color:#c94831; color:#FFF; text-align:center; border-radius:3px; }
.trip_btns a.active { opacity:1; cursor:pointer; }
#FrmTripSubFrm { display:none; width:100%; }
#FrmTripSubBtn { cursor:pointer; display:inline-block; width:100%; margin:0 0 3px 0; padding:5px 8px; font-size:14px; background-color:#0a80a9; color:#FFF; text-align:center; border-radius:3px; }
#FrmTripCanBtn { cursor:pointer; display:inline-block; width:100%; margin:10px 0 3px 0; padding:5px 8px; font-size:14px; background-color:#e7e7e7; color:#000; text-align:center; border-radius:3px; }

.VPStsPlnClr { background-color:#4d7fd3 !important; color:#FFF !important; }
.VPStsAllClr { background-color:#f5821e !important; color:#FFF !important; }
.VPStsRunClr { background-color:#2e9b22 !important; color:#FFF !important; }
.VPStsLRunClr { background-color:#ed1eff !important; color:#FFF !important; }
.VPStsBDClr { background-color:#a90909 !important; color:#FFF !important; }
.VPStsWsClr { background-color:#bc3e27 !important; color:#FFF !important; }
.VPStsIdlClr { background-color:#FF0000 !important; color:#FFF !important; }
.VPStsRADClr { background-color:#a7a63a !important; color:#FFF !important; }
.VPStsEndClr { background-color:#ffffff !important; color: #585858 !important; border: 1px solid #bbbbbb; }

.DriverLogs { padding:15px 0 0 0; }
.DriverLogs h3 { font-size:16px; font-weight:300; font-style:italic; margin:5px 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #CCC; }
.DriverLogs h3 a { float: right; font-size: 12px; color: #000; border: 1px solid #999; padding: 5px; border-radius: 50%; margin: -6px 0 0 0; }
.DriverLogs ul { margin:0; padding:0; }
.DriverLogs ul li { margin:0 0 -3px 0; padding:6px 10px 10px 10px; border:1px solid #CCC; background-color:#EEE; border-radius:3px; font-size:12px; line-height:22px; position:relative; }
.DriverLogs ul li .vp_remove_btn { padding: 0px 6px; font-size: 12px; background-color: #ff6347; color: #FFF; border-radius:0 3px 0 0; position: absolute; top: -1px; right:-1px; }
.DriverLogs ul li b { margin:0; padding:0; float:left; width:28%; }
/*
.CutSendOrdLinkList { margin:0; padding:0 0 70px 0; list-style-type:none; }
.CutSendOrdLinkList li { margin:0; padding: 12px 0; border-bottom: 1px solid #CCC; }
.CutSendOrdLinkList li .til { font-size:14px; font-weight:bold; }
.CutSendOrdLinkList li .til .fa { font-size: 14px; font-weight: bold; float: right; margin:0 0 0 9px; padding:9px 0 0 0; display: inline-block; color: #585656; border-radius: 50%; text-align: center; width:30px; height: 30px; font-weight: normal; }
.CutSendOrdLinkList li .til .fa-file { background-color:#f58220; color:#FFF; }
.CutSendOrdLinkList li .til .fa-phone { background-color:#55a32a36; color:#FFF; }
.CutSendOrdLinkList li .til .call .fa-phone { background-color:#55a32a; }
.CutSendOrdLinkList li .til .fa-check-square-o,
.CutSendOrdLinkList li .til .fa-square-o { opacity:.2; font-size:32px; font-weight: bold; float: right; margin:0 0 0 9px; padding: 0; display:inline-block; color: #585656; font-weight: normal; border: 0px; }
.CutSendOrdLinkList li .til label { float:right; }
.CutSendOrdLinkList li .til label input[type="checkbox"] { display:none; }
.CutSendOrdLinkList li .til label .link_chk { display:none; opacity:1; }
.CutSendOrdLinkList li .til label .link_unchk { display:block; opacity:1; }
.CutSendOrdLinkList li .til label input[type="checkbox"]:checked+.link_chk { display:block; }
.CutSendOrdLinkList li .til label input[type="checkbox"]:checked+.link_chk+.link_unchk { display:none; }
.CutSendOrdLinkList li .til .bt { float:right; }
.CutSendOrdLinkList li .stil { font-size:12px; font-style:italic; }*/

/*
.CutSendOrdLinkList li .btns { clear:both; display:none; }
.CutSendOrdLinkList li .btns .bt { display:block; font-weight:normal; float: left; width:33%; min-height: 39px; text-align: center; margin: 6px 0 0 0; padding: 10px 0; background-color: #EEE; color: #CCC; font-size: 14px; border-radius: 3px; margin-right: 1px; } 
.CutSendOrdLinkList li .btns .bt label { font-weight:normal; }
.CutSendOrdLinkList li .btns .bt input[type="checkbox"] { margin:0; padding:0; border:1px solid #CCC; }
.CutSendOrdLinkList li .btns .bt.call { background-color:#579137; color: #FFF; }
.CutSendOrdLinkList li .btns .bt.direct { background-color:#e27e28; color: #FFF; }
.CutSendOrdLinkList li .btns .bt.link { background-color:#b14545; color: #FFF; }

.CutSendOrdLinkListFtr { display:block; background-color:#FFF; position:fixed; bottom:0; width:100%; padding:10px 4px; border-top:1px solid #CCC; left:0; }
.CutSendOrdLinkListFtr input { float:right; border:1px solid #CCC; }
*/
.highlight { color:red; }

.pageLoader { width: 100%; height: 100%; position: fixed; background-color: #ffffff3d; z-index: 1000; }
.pageLoader span { background: url(../images/ajax-loader.gif) no-repeat 50%; display: block; margin: 77% 36%; width: 100px; height: 100px; background-size: cover; }

.MLRow_Sts_moved_to_order { background-color: #f74a4a; padding: 1px 3px; color: #FFF; margin-top: 3px; display: inline-block; }
.MLRow_Sts_created { background-color:#CCC; padding: 1px 3px; color: #333; margin-top: 3px; display: inline-block; }
.MLRow_Sts_reached { background-color:#f74a4a; padding: 1px 3px; color: #FFF; margin-top: 3px; display: inline-block; }
/*.MLRow_Sts_response { background-color:#5454bf; padding: 1px 3px; color: #FFF; margin-top: 3px; display: inline-block; }*/
.MLRow_Sts_completed { background-color:#2aa92a; padding: 1px 3px; color: #FFF; margin-top: 3px; display: inline-block; }

.sino { background-color: #6ba6bc; color: #FFF; padding: 1px 4px; font-size: 9px; }
.FilterDiv { background-color:#f8e9e98c; padding:8px 0 2px 0; margin:-15px -15px 15px -15px; }
.FilterDiv .FltrInrDiv { margin:3px -5px; }
.FilterDiv select,
.FilterDiv input { font-size: 11px; font: 10pt Arial; margin-bottom:5px; }

.RatingStar input { display:none; }
.RatingStar .fa { color:#CCC; font-size:16px; }
.RatingStar .fa:hover { cursor:pointer; }
.RatingStar .fa.active { color:red; }

.ViewRatingStar .fa { color:#CCC; font-size:16px; }
.ViewRatingStar .fa.active { color:red; }
.ViewRatingStar.small .fa { font-size:10px; }

.bulk_price_edit_in_mob { display:none; }
.bulk_price_edit_in_mob ul { margin:0; padding:0; list-style-type:none; }
.bulk_price_edit_in_mob ul li { margin:0; padding:15px 0; list-style-type:none; border-bottom:1px solid #CCC; }
.bulk_price_edit_in_mob ul li .si_no { float: left; font-size: 14px; background-color: #559eb9; color: #FFF; padding: 2px 4px 3px 4px; min-width: 24px; text-align: center; }
.bulk_price_edit_in_mob ul li .title { float:left; margin-left:7px; font-size:16px; font-weight:bold; line-height: 15px; }
.bulk_price_edit_in_mob ul li .title div { font-size:10px; font-weight:normal; }
.bulk_price_edit_in_mob ul li .price_frm { clear:both; padding-top:10px; }
.bulk_price_edit_in_mob ul li .price_frm>div { width:50%; float:left; }
.bulk_price_edit_in_mob ul li .price_frm input[type="number"] { width:50%; padding:4px 5px; font-size:14px; border:1px solid #CCC; border-radius:4px; }
@media screen and (max-width:600px) {
	.bulk_price_edit_in_desktop { display:none; }
	.bulk_price_edit_in_mob { display:block;; }
}

.bp_bulk_pri_upd_in_mob ul { margin:0; padding:0; list-style-type:none; }
.bp_bulk_pri_upd_in_mob ul li { margin:0; padding:15px 0; list-style-type:none; border-bottom:1px solid #CCC; }
.bp_bulk_pri_upd_in_mob ul li .si_no { float: left; font-size: 14px; background-color: #559eb9; color: #FFF; padding: 2px 4px 3px 4px; min-width: 24px; text-align: center; }
.bp_bulk_pri_upd_in_mob ul li .title { float:left; margin-left:7px; font-size:16px; font-weight:bold; line-height: 15px; }
.bp_bulk_pri_upd_in_mob ul li .title div { font-size:10px; font-weight:normal; }
.bp_bulk_pri_upd_in_mob ul li .price_frm { clear:both; padding-top:10px; }
.bp_bulk_pri_upd_in_mob ul li .price_frm>div { width:100%; margin:0 0 5px 0; }
.bp_bulk_pri_upd_in_mob ul li .price_frm>div b { width:40%; float:left; font-size:12px; }
.bp_bulk_pri_upd_in_mob ul li .price_frm>div span{ width:27%; font-size:14px; float:left; display:inline-block; margin-right:5px; }
.bp_bulk_pri_upd_in_mob ul li .price_frm>div input[type="number"] { width:100%; text-align:right; font-size:12%; padding:4px 5px; margin:0 5px 0 0; font-size:14px; border:1px solid #CCC; border-radius:4px; }

.cust_rep_ul { margin:0; padding:0; list-style-type:none; }
.cust_rep_ul li { margin:0; padding:0; list-style-type:none; font-size:12px; padding:15px 0; border-bottom:1px solid #CCC; }
.cust_rep_ul li>.h { float:left; width:25%; text-align:center; padding:3px 0; }
.cust_rep_ul li>.h.br { float:left; width:75%; font-size:14px; font-weight:600; text-align:left; }
.cust_rep_ul li>.h.pc { float:right; width:20%; font-size:11px; font-weight:600; text-align:center; border-radius:3px; }
.cust_rep_ul li>.sd { margin:5px 0 0 0; }
.cust_rep_ul li .s { float:left; width:24.5%; text-align:center; padding:10px 0; background-color:#EEE; font-size:16px; border-radius:3px; margin-right:1px; }
.cust_rep_ul li .s span { display:block; font-size:10px; }
.in_mobile { display:none; }
.in_desktop { display:block; }

.ViewRatingStar .fa { color:#CCC; font-size:16px; }
.ViewRatingStar .fa.active { color:red; }
.ViewRatingStar.small .fa { font-size:10px; }

.rate {
    float: left;
    height: 25px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
    cursor:pointer;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursorointer;
    font-size:22px;
    color:#ccc;
    cursor:pointer;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: red;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: red;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: red;
}

.m_menu { background-color:#f8e9e9; height: 300px; overflow-x:hidden; overflow-y:auto; }

.m_menu>ul { padding:0; margin:0; list-style-type:none; font-size:12px; }
.m_menu>ul>li { padding:0; margin:0; list-style-type:none; border-bottom:1px solid #FFF; }
.m_menu>ul>li.inactive { opacity:0.4; }
.m_menu>ul>li>a { padding:5px; line-height:25px; margin:0; display: inline-block; background-color:#f9e9e9; color:#333; text-decoration:none; width:100%; font-weight:normal; }
.m_menu>ul>li>a:hover { background-color:#000; color:#FFF; }
.m_menu>ul>li>a:hover i { color:#FFF; }
.m_menu>ul>li>a>i { float:right; font-size:16px; padding:6px 2px 0 0; color:#444; }
.m_menu>ul>li>a>img { float:left; margin:0 10px 0 0; }

.m_menu>ul>li>ul { padding:0; margin:0; list-style-type:none; font-size:12px; display:none; background-color: #FFF; }
.m_menu>ul>li>ul>li { padding:0; margin:0; list-style-type:none; }
.m_menu>ul>li>ul>li a { padding:5px 0 0 15px; margin:0; display: inline-block; background-color:#FFF; color:#000; text-decoration:none; width:100%; }
.m_menu>ul>li>ul>li a:hover { color:red; }
.m_menu>ul>li span { padding:5px 0 5px 5px; margin:0; display: inline-block; background-color:#FFF; color:#000; text-decoration:none; width:100%; font-weight:600; }
.m_menu>ul>li>ul>li>ul>li span { padding:5px 0 0 10px; }
.m_menu .lev2 { padding-left:5px; cursor:pointer; border-bottom:1px solid #CCC; }
.m_menu .lev3 { cursor:pointer; display:none; }
.m_menu .lev2 ul li:last-child { margin:0 0 10px 0; }
.m_menu .lev3 ul li:last-child { margin:0 0 10px 0; }
.m_menu .lev4 { padding-left:20px; cursor:pointer; display:none; }
.m_menu .lev2 i, .m_menu .lev3 i { float:right; margin:5px 8px 0 0; }

.stus_chart { width:100px; height:10px; background-color:#EEE; border:1px solid #FFF; margin:0 auto; border-radius:8px; overflow:hidden; text-align:center; }
.stus_chart span { height:10px; display:inline-block; float:left; }
.stus_chart:hover { border:1px solid #999; }
.stus_dt { font-size:10px; color:#555; }

#BranchListModel .modal-dialog { width:60%; }
#BranchListModel .modal-body { height:300px; overflow:auto; }
#BranchListModel .modal-body h2 { font-size:14px; font-weight:bold; width:80%; margin:0 auto 5px auto; padding:0 0 10px 0; text-align:left; border-bottom:1px solid #999; }
#BranchListModel .modal-body h3 { font-size:14px; font-weight:bold; width:80%; margin:0 auto 10px auto; text-align:left; }
#BranchListModel .modal-body ul { padding:0; margin:0 auto; list-style-type:none; width:80%; font-size:12px; }
#BranchListModel .modal-body ul li { padding:5px 5px; margin:0 0 -1px 0; font-size:12px; text-align:left; border:1px solid #809ca6; }
#BranchListModel .modal-body ul li span { display:block; float:right; width:60px; text-align:center; }
#BranchListModel .modal-body ul li.h { background-color:#809ca6; color:#FFF; }
#BranchListModel .modal-body ul li.t { border-top:2px solid #809ca6; }

.TVModal { top:30px; }
.TVModal .modal-dialog { width:600px; }
.TVModal .modal-body { padding:15px; height:400px; }
.TVModal .modal-body h2 { font-size: 18px; padding: 0; margin: 0 0 15px 0; text-align: left; }
.TVModal .modal-body iframe { padding:0; margin:0; width:100%; height:90%; border:0px solid; }

.mob_list ul { margin:0; padding:0; list-style-type:none; }
.mob_list ul li { margin:0; padding:15px 0; list-style-type:none; border-bottom:1px solid #CCC; }
.mob_list ul li .sino { float: left; font-size: 14px; background-color: #559eb9; color: #FFF; padding: 2px 4px 3px 4px; min-width: 24px; text-align: center; }
.mob_list ul li .title { float:left; margin:6px 0 0 7px; font-size:16px; font-weight:bold; line-height: 15px; }
.mob_list ul li .opts { clear:both; margin-bottom:5px; }
.mob_list ul li .opts>div { margin-top:5px; }
.mob_list ul li .opts>div>span { width:90px; font-weight:bold; display:inline-block; }
.mob_list ul li .btns { width:100%; }
.mob_list ul li .btns>a { width:49.4%; display:inline-block; font-size: 14px; background-color: #559eb9; color: #FFF; padding:5px 4px; text-align: center; }

ul.quick_srch_list { margin:0; padding:0; list-style-type:none; position:absolute; border:1px solid #CCC; width:100%; }
ul.quick_srch_list li { margin:0; padding:5px 8px; font-size:12px; border-bottom:1px solid #CCC; }

.TblSortIcons { float:right; }
.TblSortIcons a { display:block; float:left; font-size:12px; color:#333; padding:2px 2px; }
.TblSortIcons a:hover { }
.TblSortIcons a.active { color:red; }

#ProdSrchTxtBox { position: absolute; left:0; bottom:50px; width:100%; padding:8px; background-color: #FFF; border-top: 1px solid #CCC; z-index:1; }
#ProdSrchTxtBox input[type='text'] { width: 100%; padding: 7px 8px; border: 1px solid #CCC; background-color: #FFF; border-radius: 3px; }

#ProdSrchResult { overflow: auto; position: absolute; bottom:103px; left: 0; width: 100%; z-index: 2; background-color: #FFF; display: none; margin: 3px 0 0 0; border-top: 1px solid #CCC; }
#ProdSrchResult ul { margin:0px; padding:0; list-style-type:none; font-size:12px; }
#ProdSrchResult ul li { margin: -1px 0 0 0; padding: 9px 5px; border-bottom:1px solid #CCC; }
#ProdSrchResult ul li:hover, 
#ProdSrchResult ul li.focus_tr { background-color:#CCC; color:#000; cursor:pointer; } 
#ProdSrchResult ul li .PImg { width:50px; float:left; margin:0 10px 0 0; border:1px solid #EEE; }
#ProdSrchResult ul li .PImg img { width:100%; }
#ProdSrchResult ul li .PDesc { font-weight:bold; float:left; }

#ProdCartList { overflow: auto; position: absolute; z-index: 1; background-color: #FFF; padding: 0 10px; width: 100%; display: block; left: 0; }
#ProdCartList ul { margin:0px; padding:0; list-style-type:none; font-size:14px; }
#ProdCartList ul li { margin: 0 0 -1px 0; padding: 6px 2px 6px 6px; border: 1px solid #CCC; position: relative; }
#ProdCartList ul li:hover { background-color:#ecf3fa; color:#000; }
#ProdCartList ul li.active { background-color:#e3e9ef; color:#000; }
#ProdCartList .lft { width:70%; float:left; }
#ProdCartList .rgt { width:29%; float:left; }
#ProdCartList ul li .PImg { float:left; width:50px; border:1px solid #EEE; margin:0 5px 0 0; }
#ProdCartList ul li .PImg img { width:100%; }
#ProdCartList ul li .PDesc { float:left; font-weight:bold; font-size:12px; }
#ProdCartList ul li .PPri { position:absolute; bottom:5px; }
#ProdCartList ul li .PDel { text-align: center; padding:11px 0; width: 28%; display: block; background-color: #e45050; color: #FFF; float: right; border-radius: 3px; }
#ProdCartList ul li .PQty { width:70%; }
#ProdCartList ul li .PQty input { text-align:center; padding:7px 5px; width:100%; border: 1px solid #CCC; border-radius: 3px; }
#ProdCartList ul li .PQtyPrice { color:red; width:100%; height:20px; text-align:right; padding:5px 10px 5px 5px; font-weight:bold; position:absolute; bottom:5px; right:0; font-size: 14px; }

@media screen and (max-width:600px) {
	.in_mobile { display:block; }
	.in_desktop { display:none; }
	#BranchListModel .modal-dialog { width:95%; }
}

.MobTblList { font-size:10px; color:#444; border:0px; }
.MobTblList tr td { font-size: 12px; background-color: #FFF; color:#000; padding:10px 0; border:0px; border-bottom:1px solid #CCC; }
.MobTblList tr td h2 { font-size:16px; margin:0 0 2px 0; padding:0; }
.MobTblList tr td a.phno { color:orange; display:block; font-size:13px; margin-top:4px; }
.MobTblList tr td a.mob { color:green; display:inline-block; font-size:13px; margin-top:4px; }
.MobTblList tr td .btn-arrow { color:#000; padding:0 12px; margin:0 0 0 10px; border-left:1px solid #CCC; font-size:22px; }

#ProdSrchInMobModal { margin:0; top:0; }
#ProdSrchInMobModal .modal-dialog { width:94%; }
#ProdSrchInMobModal .PSIMFrm { width:100%; padding:0 15px; }
#ProdSrchInMobModal .PSIMFrm .r .l { width:100%; text-align:left; }
#ProdSrchInMobModal .PSIMFrm .r .v { width:100%; margin-bottom:20px; }
#ProdSrchInMobModal .PSIMFrm input[type="text"],
#ProdSrchInMobModal .PSIMFrm input[type="date"],
#ProdSrchInMobModal .PSIMFrm input[type="email"],
#ProdSrchInMobModal .PSIMFrm input[type="number"],
#ProdSrchInMobModal .PSIMFrm input[type="password"],
#ProdSrchInMobModal .PSIMFrm select,
#ProdSrchInMobModal .PSIMFrm textarea { padding:5px; font-size: 14px; width:100%; border-radius:3px; border:1px solid #dae7ed; background-color:#FFF; color:#000; }
#ProdSrchInMobModal .PSIMFrm input[type="text"]:read-only,
#ProdSrchInMobModal .PSIMFrm input[type="date"]:read-only,
#ProdSrchInMobModal .PSIMFrm input[type="email"]:read-only,
#ProdSrchInMobModal .PSIMFrm input[type="number"]:read-only,
#ProdSrchInMobModal .PSIMFrm input[type="password"]:read-only,
#ProdSrchInMobModal .PSIMFrm select:read-only,
#ProdSrchInMobModal .PSIMFrm textarea:read-only { opacity:0.5; }
#ProdSrchInMobModal #PSIMFrm_ProdCode,
#ProdSrchInMobModal #PSIMFrm_ProdName,
#ProdSrchInMobModal #PSIMFrm_BatchNo { width:80%; float:left; }
#ProdSrchInMobModal #PSIMFrm_BatchNoBtn { opacity:.5; cursor:default; }
#ProdSrchInMobModal #PSIMFrm_BatchNoBtn.active { opacity:1; cursor:pointer; }
#ProdSrchInMobModal .PSIMFrm .fa-arrow-down { width:20%; padding:10px 0; margin:0 0 0 -2px; font-size:12px; color:#000; background-color:#dae7ed; float:left; border-radius:0 3px 3px 0; }
#ProdSrchInMobModal .btn-close { float:left; }
#ProdSrchInMobModal .btn-add { background-color:#f15936; color:#FFF; opacity:.2; }
#ProdSrchInMobModal .btn-add.active { opacity:1; }
#ProdSrchInMobModal .PSIMFrm .ui-menu .ui-menu-item-wrapper { text-align:left; padding:5px; }
#ProdSrchInMobModal #PSIMFrm_AvlQtyDiv { float: right; color: red; font-size: 13px; }
#ProdSrchInMobModal .err { border:1px solid red !important; }
#ProdSrchInMobModal .err_msg { font-size:12px; color:red; font-style:italic; float: left; }

.in_mobile { display:none; }

.create-cust-btn { position: fixed; bottom: 46px; right: 38px; background-color: #d33e3e; color: #FFF; padding: 0 0 0 0; border-radius: 50%; width: 40px; height: 40px; text-align: center; z-index: 1000; font-size: 28px; font-weight: 100; line-height: 36px; box-shadow: 3px 2px 7px #00000057; }
.create-cust-btn:hover { background-color:#000; color:#FFF; }

/* Start Dialog Box */
.card_btn_ftr { padding:10px 20px 0 20px; margin:0 -30px; position:fixed; bottom:0; background-color:#EEE; width:100%; }
.fadeIn { animation: fadeIn .5s }
.zoomIn { animation: zoomIn .5s }
.zoomOut { animation: zoomOut .5s }
@keyframes zoomIn {
    0% { transform: scale(0) }
    100% { transform: scale(1) }
}
@keyframes zoomOut {
    0% { transform: scale(1) }
    100% { transform: scale(0) }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.dialog-ovelay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 999999 }
.dialog-ovelay .dialog { width: 350px; margin:45% auto 0; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 3px; overflow: hidden; }
.dialog-ovelay .dialog header { padding:10px 12px; background-color: #bf1e3f; border-bottom: 1px solid #e5e5e5 }
.dialog-ovelay .dialog header h3 { font-size: 14px; margin: 0; color: #FFF; display: inline-block }
.dialog-ovelay .dialog header .fa-close { float: right; color: #FFF; cursor: pointer; transition: all .5s ease; padding: 0 2px; border-radius: 1px; }
.dialog-ovelay .dialog header .fa-close:hover { color: #b9b9b9; }
.dialog-ovelay .dialog header .fa-close:active { box-shadow: 0 0 5px #673AB7; color: #a2a2a2; }
.dialog-ovelay .dialog .dialog-msg { padding: 30px; text-align: center; }
.dialog-ovelay .dialog .video_popup { padding: 15px; }
.dialog-ovelay .dialog .dialog-msg p { margin: 0; font-size: 15px; color: #333; }
.dialog-ovelay .dialog footer { border-top: 1px solid #e5e5e5; padding: 8px 10px; }
.dialog-ovelay .dialog footer .controls { /*direction: rtl;*/ text-align:center; }
.dialog-ovelay .dialog footer .controls .btn { padding: 5px 15px; border-radius:4px; border:1px solid #CCC; margin-right:10px; }
.dialog-ovelay .dialog footer .controls .btn.doAction { background-color:#000; color:#FFF; }
.dialog-ovelay .dialog header .close_btn { font-size:12px; float:right; cursor:pointer; color:#FFF; font-size: 17px; line-height: 20px; } 
/* End Dialog Box */

/* Start Map Box */
.fadeInMap { animation: fadeIn .5s }
.zoomInMap { animation: zoomIn .5s }
.zoomOutMap { animation: zoomOut .5s }
@keyframes zoomInMap {
    0% { transform: scale(0) }
    100% { transform: scale(1) }
}
@keyframes zoomOutMap {
    0% { transform: scale(1) }
    100% { transform: scale(0) }
}
@keyframes fadeInMap {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.map-dialog-ovelay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.50); z-index: 999999 }
.map-dialog-ovelay .dialog { width:100%; height:100%; margin:0 auto; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 3px; overflow: hidden; }
.map-dialog-ovelay .dialog header { padding:10px 12px; background-color: #bf1e3f; border-bottom: 1px solid #e5e5e5 }
.map-dialog-ovelay .dialog header h3 { width:80%; font-size: 14px; margin: 0; color: #FFF; display: inline-block }
.map-dialog-ovelay .dialog header .map-close-btn { color: #FFF; cursor: pointer; transition: all .5s ease; text-align: right; font-size: 17px; line-height: 20px; }
.map-dialog-ovelay .dialog header .map-close-btn:hover { color: #FFF; }
.map-dialog-ovelay .dialog header .map-close-btn:active { box-shadow: 0 0 5px #673AB7; color: #a2a2a2; }
.map-dialog-ovelay .dialog .dialog-msg { padding: 0; height:calc(100%-20px);  }
.map-dialog-ovelay .dialog footer { border-top: 1px solid #e5e5e5; padding: 8px 10px; }
.map-dialog-ovelay .dialog footer .controls { /*direction: rtl;*/ text-align:center; }
.map-dialog-ovelay .dialog footer .controls .btn { padding: 5px 15px; border-radius:4px; border:1px solid #CCC; margin-right:10px; }
.map-dialog-ovelay .dialog footer .controls .btn.doAction { background-color:#000; color:#FFF; }
.map-close-btn { font-size:12px; float:right; cursor:pointer; } 
/* End Map Box */

.tally_btn { background: #FFF url(../images/tally.png) no-repeat; background-size: contain; background-color: #FFF !important; background-position: bottom; width: 80px; height: 28px; border:1px solid #CCC; }

::-webkit-input-placeholder { /* Edge */
  color: #999;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
}

::placeholder {
  color: #999;
}

#CustProfilePopUp { font-size:12px; top: 0; }
#CustProfilePopUp .modal-content {  background-color:#917171; }
#CustProfilePopUp .modal-title { float:left; }
#CustProfilePopUp .modal-body { padding:15px 1px; }
#CustProfilePopUp .modal-dialog { width:65%; }
#CustProfilePopUp .modal-header button span { color:#FFF; font-weight: normal; text-shadow: none; opacity:1 !important; }
#CustProfilePopUp ul { margin:0; padding:0 15px; list-style-type:none; text-align:left; }
#CustProfilePopUp ul li { margin:0; padding:10px 0; list-style-type:none; text-align:left; border-bottom:1px solid #CCC; }
#CustProfilePopUp ul li span { display:block; margin:0 0 5px 0; text-align:left; }
#CustProfilePopUp iframe { width:100%; min-height:1200px; border:0px; }

.chosen-container-multi .chosen-choices li.search-field input[type=text] { font-size:12px !important; }

@media screen and (max-width:720px) {	
	.in_desktop { display:none; }
	.in_mobile { display:block; }

	.inputForm, .viewForm { margin-bottom:15px; }
	.inputForm input[type="text"],
	.inputForm input[type="date"],
	.inputForm input[type="email"],
	.inputForm input[type="number"],
	.inputForm input[type="password"],
	.inputForm select,
	.inputForm textarea {
		padding:5px 3px;
		font-size: 12px;
	}

	.autoSearch li { font-size:16px; }
	.m_menu>ul>li>a { font-size:16px; padding:8px 5px; }
	
	.tableicon-bar { margin:-10px -15px 15px -15px; }
	.top-list-actions { padding:15px; }
	.top-list-actions .top-list-head { float:none; }
	.top-list-act { min-height: 55px; }
	.top-list-actions .top-list-act input[type="text"], 
	.top-list-actions .top-list-act select { padding:6px 4px; font-size:12px; }

	.AmtTotlBx { margin:0; }
	.AmtTotlBx div { width:100%; float:none; border:0px; margin:0 0 15px 0; }

	.viewfrom-actions { width:100%; margin:10px 0 0 0; }
}