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

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

	@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: #6ba6bc;
		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 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 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: #b1d8e7;
	}

	table tbody tr:nth-child(even),
	table tbody tr.even {
		background: rgb(237, 245, 248);
	}

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

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

	.input-iconholder {
		position: relative;
	}
	/*--------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="email"],
	.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;
	}

	@media screen and (max-width: 699px) and (min-width: 0) {
		.login-content-form {
			width: 225px;
			top:20%;
		}
		.login-content-erpLogo
		{
			top:-12%;
		}
	}

	.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: right;
		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;
		margin-right: 20px;
	}

	.header--menu ul li a,
	.header--extras ul li a {
		display: block;
	}

	.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: 0px 0 0px 15px;
		}
		.header--menu ul {
			width: 100%;
			margin: 0;
		}
		.header--menu ul li a {
			padding-top: 20px
		}
	}

	.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: #296678;
			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--toolbar-edit {
	display:none;
}
.header--toolbar-common { float:left; }
.hdrDate { background-color: rgba(255, 255, 255, 0.13); color: #FFF; position: absolute; right: 0; margin-top: 0; padding: 9px 0; width: 206px; 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: #dae6ed;
		border-right: 1px solid #65658b;
		height: 100vh;
		position: fixed;
		margin-top: 37px;
	}

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

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

	.content-sidebar--header {
		background: #da2028;
		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 {
			padding: 16px 0;
		}
	}

	.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: #6ba6bc;
		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: #eee;
		border-bottom: 1px solid #e4e4e4;
	}
	
	.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 15px !important;
		}
	}

	.content-display--title h4 {
		margin: 0;
		color: #296678;
		font-size: 16px;
		font-weight: 600;
	}

	.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;
		text-indent: 5px;
	}

	.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: #b9d1dc;
		color: #45484b;
		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
	}

	@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: #559eb9;
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		border: none;
		padding: 5px 20px 5px 25px;
		transition: all 200ms ease-in;
	}

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

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

	.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 #267088;
		background: #dde8ee;
	}

	.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: #267088 !important;
		outline: none;
	}

	.ui-state-default a {
		background: #709db2;
		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: #267088;
	}

	.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: 140px;
		padding: 15px 20px;
	}

	.imp-dt-boxes .imp-dt-bx h4 {}

	.imp-dt-boxes .imp-dt-bx h4 span {
		margin-right: 5px;
	}

	.imp-dt-boxes .imp-dt-bx div {
		margin-top: 5px;
		font-size: 16px;
		color: #555;
	}

	.imp-dt-boxes .imp-dt-bx div a {
		font-size: 16px;
		color: #000;
		text-decoration: underline;
	}

	.imp-dt-boxes .imp-dt-bx>span {
		display: block;
		margin-top: 5px;
		font-size: 12px;
	}
	/* 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 {
		float: right;
		font-size: 12px;
		background-color: #dae6ed;
		padding: 5px;
		margin-top: -5px;
	}

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

	.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 {
		float: left;
		display: block;
		margin-right: 5px;
		padding-top: 3px;
	}


@media only screen and (max-width:1121px){
	.top-list-actions .top-list-act .title {
		font-size: 11px
	}
}
	.top-list-actions .top-list-act input[type="text"] {
		float: left;
		border: 1px solid #ccc;
		padding: 3px 2px 4px 2px;
		font-size: 12px;
	}

	.top-list-actions .top-list-act select {
		float: left;
		border: 1px solid #ccc;
		padding: 3px 2px 3px 2px;
		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 {
		float: left;
		display: block;
		margin-right: 5px;
		padding-top: 3px;
	}

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

	.top-list-actions .top-list-act select {
		float: left;
		border: 1px solid #ccc;
		padding: 3px 2px 3px 2px;
		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 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;
		displasy: flex;
		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: #445f6a;
		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;
	}

	@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 #6ba6bc;
		background-color: #6ba6bc;
		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: block;
			position: absolute;
			top: 0;
			right: 0;
			margin: 10px;
			border: 1px solid #959595;
			padding: 4px 6px;
			font-size: 14px;
			border-radius: 3px;
			cursor: pointer;
			color: #000;
			text-decoration: none;
		}
		.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: 33px;
		}
		.mobile_hdr_ref_ico {
			right: 65px;
		}
		.mobile_hdr_dashbrd_ico {
			right: 99px;
		}
		.content-sidebar--title-smallIcons {
			display: none;
		}
		.header-top--user {
			display: none;
		}
		.content-sidebar--header {
			height: 45px;
		}
		.content-sidebar--header a img {
			float: left;
			height: 30px;
			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 {
		border: 1px solid #267088;
	}

	#FormTableList tr td textarea:focus,
	#FormTableList tr td input[type="text"]:focus,
	#FormTableList tr td input[type="checkbox"]:focus {
		border: 1px solid #267088;
	}
	/* 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
+++++++++++++++++++++++++++++++++++++
*/

.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: 125px;
	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
}

@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 #296678;
	}

	.sales-app-search {
		width: 100%;
		margin-bottom: 15px;
		text-indent: 5px;
		padding: 5px;
	}

	.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 { color:red; font-weight:bold; color:#000; 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,#fff,#e6e6e6);
background-repeat: repeat-x;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
color: #222 !important;
text-shadow: 0 1px 1px rgba(255,255,255,.75);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
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: -5px 0 0 4px;
white-space: nowrap;
cursor: pointer;
font-size: 12px; float:right; text-transform:uppercase; }
.hdr-btn i { color:#222; 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; }
.MobOrdFrmBdy { padding:15px; overflow:auto; }
.MobOrdFrmFtr { position:absolute; bottom:0; padding:10px; border-top:1px solid #CCC; width:100%; background-color:#FFF; }
.MobOrdFrmBdy .til { font-weight: bold; padding: 8px 10px; margin-bottom: 10px; font-size: 11px; background-color: #CCC; text-transform: uppercase; }
.MobOrdFrmBdy .row { padding:0 10px; 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 input[type="text"],
.MobOrdFrmBdy .row input[type="email"],
.MobOrdFrmBdy .row input[type="number"],
.MobOrdFrmBdy .row input[type="date"] { padding:3px 5px; border:1px solid #CCC; width:100% !important; background-color:#FFF; }
.MobOrdFrmBdy .row select { padding:3px 5px; border:1px solid #CCC; width:100% !important; background-color:#FFF; }
.MobOrdFrmBdy .ErrorMsg { display:none; color: white; line-height: 20px; font-size: 12px; text-align: left; padding: 8px; background-color: red; margin: 0 0 15px 0; }
.MobOrdFrmBdy .Til { font-size: 13px; margin: 30px 10px 10px 10px; 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; }

.MobOrdFrmFtr .nextBtn { float:right; }
.MobOrdFrmFtr .backBtn { float:left; }
.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:15px; }
	.top-list-act { width:100%; min-height:32px; }
	.top-list-act .title { width:100px; }
	.top-list-act select,
	.top-list-act input[type="text"] { width:190px !important; }
	.top-list-act .search { width:190px !important; float: left; }
	.top-list-act .search input[type="text"] { width:100% !important; padding:4px 2px; }
	.top-list-act .filter-datepicker { width:190px !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; }

.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:#e4e4e4; padding:10px 0; margin:-15px -15px 15px -15px; }
.FilterDiv select,
.FilterDiv input { background-cdolor:#FFF; font-size: 11px; font: 10pt Arial; }

.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; }