body {
	background-color:#f9f9f9;	
}
html, body, h1, h2, h3, h4, h5, h6, p {
	font-family: 'proxima-nova', sans-serif !important;
}

span.sup-job-number { color:gray; }
/* NEW STYLES FOR NOTIFICATIONS */

@media screen and (max-width: 736px) {
    .password-inner {
        width:90% !important;
    }
}

.jobsNotificationSlidePanel {
	position:fixed;
	width:100%;
	background-color:#fff;
	box-shadow:0 2px 15px rgba(0,0,0,0.25);
	top:-8000px;
	z-index:5000;
	padding:1em 0;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.jobsNotificationSlideAnimationOverlay {
	top:0%;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}

.notificationDottedMedia ul {
	margin-left:5px;
    padding-left :5px;
	list-style:circle;
}
.notificationDottedMedia ul li {
	background-color:#fff;
	margin-bottom:2px;
	display:block;	
}
.notificationDottedMedia ul li a {
	padding:15px 0;
	display:block;	
}
.notificationDottedMedia ul li a:hover {
	text-decoration:none;	
}

.jobsToInvoiceSlidePanel {
	position:fixed;
	width:100%;
	background-color:#fff;
	/*box-shadow:0 2px 15px rgba(0,0,0,0.25);*/
	top:-76px;
	z-index:5000;
	padding:1em 0;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.jobsToInvoiceSlideAnimationOverlay {
	top:0%;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.jtisaon {
	position:fixed !important;
	top:0% !important;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.jobsToInvoiceSlideAnimationOverlayNav {
	top:75px !important;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.jtisaon {
	position:fixed !important;
	top:0% !important;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.jobsToInvoiceSlideAnimationOverlayNav {
	top:75px !important;
	-webkit-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
}
.notificationCircleSP {
	border-radius:50%;width:48px;height:48px;background-color:#d9534f;display:inline-flex;-webkit-box-align:center;align-items: center;justify-content:center; vertical-align: top; margin-right:0.5em;
}
.notificationCircleSP i {
	color: #fff;font-size: 20px;
}
.notificationCircleMedia {
	display:inline-block;
}
.notificationCircleMedia h4 {
	margin-bottom:5px;margin-top:2px;
}
.notificationCircleMedia p {
	margin-bottom:0;
}
.nCmLink {
	margin-top:1em;
}
.nCmLink a {
	text-transform: uppercase;
	font-size:12px;
}
.nCmLink a:first-child {
	margin-right:15px;
}
.btn-tth {
	display:inline-block;
}
/* NEW STYLES FOR NOTIFICATIONS */
/* NEW POP STYLES */
.cac-b {
	border-bottom:1px solid #eee;
}
.cac-nb {
	border-bottom:none;
}
.cac-p > .form-group {
	padding:0 15px;margin-bottom:25px;
}
.fct-m {
	margin:10px 0 0 0;
}
.stat-ml {
	margin:0 0 0 5px;
}
.stat-ib {
	display:inline-block;
}
.stat-va {
	vertical-align: top;
}
/* NEW POP STYLES */
.navbar-inverse {
	border-color: #222;
}
p.suppWorkorder {
    padding-top:0 !important;
}
p.suppWorkorderLabel {
    margin-bottom:2px !important;
}
.paddingLogo {
	padding-top:20px;
}
.paddingLogo h2 {
	padding-top:0;
	margin-top:10px;
	color:#FFF;
}
.paddingBody {
	padding-top:60px;
	padding-bottom:20px;
}
.header-title img {
	margin-top:-32px !important;
	margin-right:15px !important;
	width:125px;
}
.header-title small {
	margin-left:1px;	
}
.form-control {
	/*border-radius: 0;*/	
}

.headerStyle h4 {
	margin-top:0;
	padding-bottom:5px;
}
.form-control {
	/*-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-appearance: none;*/
}
/*.dropDownChev:after {
    font-family: 'Glyphicons Halflings';
    content: '\e114';
    width: 23px;
    height: 23px;
    position: absolute;
    display: inline-block;
    top: 7px;
    right: 15px;
    pointer-events: none;
	color:#999;
}*/
.close-icon-btn {
	position: absolute;
    right: 80px;
    width: 16px;
    z-index: 5;
    top: 8.5px;
}
.search-row {
	margin-top:25px !important;margin-bottom:25px !important;
}
.teamDropDown {
	border-radius:4px;
    /*-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;*/	
}
.infoContent {
	border-bottom:2px solid #eee;
	position:relative;
}
.newLookBanner {
	position:fixed;width:100%;background-color:#33d594;left:0;top:0;z-index:5000;color:#fff;padding:0.25em 0;
}
.newLookBanner p {
	margin-bottom:0;
}
.navbarNewLookBanner {
	top:27px;
}
.infoContactBg {
	background-color:#fff;	
}
.infoContent:last-child {
	border-bottom:none;
}

.infoContent p {
	padding-top:10px;
	font-size:12px;
}
.incWorkComBtns {
	border-top:1px solid #eee;
	padding-top:15px;padding-bottom:15px;
}
.job-decline-info p:first-child {
	margin-top:15px;
}
.job-decline-info textarea {
	font-size:14px !important;
	border-radius:6px;
}
.job-decline-info select {
	-webkit-appearance:menulist !important;
}
.infoContentSideBar {
	border-bottom:1px solid #eee;
}
.sp-rfdp {
	margin-top:25px;
	margin-bottom:25px;
}
.infoContentSideBar p {
	padding-top:5px;
	margin-bottom:0;
	font-size:13px;
	padding-bottom:5px;
}

textarea {
	font-size:12px !important;
}
.loginBubble {
	background-color:#FFF;
}
.navbar-opacity {
	background-color:rgba(0,0,0,0.75);
}
.supplier-bg {
	padding-top:50px;
	position:relative;
}
.blackOverlay {
	background-color:rgba(0,0,0,0.25);
	position:absolute;
	width:100%;
	left:0;top:0;
	height:100%;	
}
.header-title {
	position:relative;
	z-index:50;	
}
.combineContentBg {
	background-color:rgba(255,255,204,.75);
	-webkit-transition:all 0.10s ease-out;
	-moz-transition:all 0.10s ease-out;
	-ms-transition:all 0.10s ease-out;
	transition:all 0.10s ease-out;
}
.header-title h2 {
	font-weight:300 !important;
	color:#FFF;
	padding-bottom:50px;
	text-shadow:0 1px 2px #000;
	-webkit-transform:translate3d(0);
}
.header-title small {
	color:#eee;
	font-weight:300;
	-webkit-transform:translate3d(0);
}
.header-title img {
	-webkit-transform:translate3d(0);	
}
.row-margin {
	margin:0;
}
.supplier-info-panel {
	background-color:#F2F2F2
}
.no-pad {
	padding-left:0;
	padding-right:0;
}
.supplier-info-panel-content {
	padding-top:10px;	
}
.supplier-info-panel-content h3 {
	margin-top:0;
	font-weight:300;
}
.s-ta-container {
	padding-top:15px;padding-bottom:15px;background-color:#FFE4E4;
}
.s-ta-panel ul {
	list-style:none;padding:0;margin:0;
}
.s-ta-panel ul li {
	background-color:#fff;margin-bottom:2px;padding:10px 15px;font-size:12px;color:#787878;
}
.s-ta-container h4 {
	margin-top:0;
}
.s-ta-panel-p {
	margin-top:15px;
}
.s-ta-panel ul li i {
	color:#000;font-size:16px;margin-right:10px;
}
.s-sj-dfc {
	margin-top:40px;
}
.cancelledJobTitle {
    background-color: #ddd;
    color: #666;
    padding-top: 1px;
    padding-bottom: 1px;
}
.s-ta-container {
	padding-top:15px;padding-bottom:15px;background-color:#FFE4E4;
}
.s-ta-panel ul {
	list-style:none;padding:0;margin:0;
}
.s-ta-panel ul li {
	background-color:#fff;margin-bottom:2px;padding:10px 15px;font-size:12px;color:#787878;
}
.s-ta-container h4 {
	margin-top:0;
}
.s-ta-panel-p {
	margin-top:15px;
}
.s-ta-panel ul li i {
	color:#000;font-size:16px;margin-right:10px;
}
.s-sj-dfc {
	margin-top:40px;
}
.cancelledJobTitle p {
	padding-bottom:0;
	margin-bottom:0;
	font-weight:300;
	font-size:16px;
}
.overdue-title {
	background-color:#ddd;
	color:#666;
	padding-top:1px;
	padding-bottom:1px;
}
.overdue-title p {
	padding-bottom:0;
	margin-bottom:0;
	font-weight:300;
	font-size:16px;
}
.overdue-24-title {
	background-color:#ddd;
	color:#666;
	padding-top:1px;
	padding-bottom:1px;	
}
.overdue-24-title p {
	padding-bottom:0;
	margin-bottom:0;
	font-weight:300;
	font-size:16px;	
}
.overdue-new-title {
	background-color:#ddd;
	color:#666;
	padding-top:1px;
	padding-bottom:1px;	
}

.overdue-new-title p {
	padding-bottom:0;
	margin-bottom:0;
	font-weight:300;
	font-size:16px;	
}
.rev-fg-m {
    margin-top:25px;
}
.rev-fg-h h3 {
    margin-top:0;margin-bottom:0;
}
.s-n-dd {
	margin-top:9px;
}
.s-n-dd a {
	font-size:12px;
}
.s-n-dd a:hover {
	text-decoration:none;
}
.s-n-dd i {
	border-top:4px solid #428bca;
}
#heroimage {
	-webkit-transform:translate3d(0);
}
.list-title-bg {
	background-color:#dddddd;	
}
.list-title {
	color:#FFF;
	padding-top:2px;
	padding-bottom:2px;
}
.list-title p {
	padding-bottom:0;
	margin-bottom:0;
	font-weight:300;
	font-size:16px;
	color:#666666;
	text-shadow:0 1px 1px #fff;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	
	border-top: 15px solid #dddddd;
	position:absolute;
}
#footer {
	margin-top: 20px;
	width: 100%;	
	height: 220px;
	background-color: #333;	
	overflow: hidden;
	font-family: "Proxima Nova", sans-serif;	
	font-size: 11px;
	color: #CCC;
	position: relative;
	bottom: 0px;
}
#footerinner {
	width: 1170px;
	margin: 0 auto;	
	padding-top: 10px;
}
#footertitle {
	font-family: "Proxima Nova", sans-serif;	
	font-size: 15px;
	color: #CCC;
	font-weight: 300;
	margin-bottom: 15px;
}
#footermagazine{
	float: left;
	height: 160px;
	width: 20%;
	padding-right: 30px;
	border-right: 1px #555 solid;	
}
#footerlinks {
	float: left;
	height: 160px;
	width: 20%;
	padding: 0px 30px;
	border-right: 1px #555 solid;	
}
#footerlinks a, #footertooptv a {
	text-decoration: underline;	
	color: #DDD;
}
#footercontact {
	float: left;
	height: 160px;
	width: 20%;
	padding: 0px 30px;
	border-right: 1px #555 solid;	
}
#footersocial {
	float: left;
	height: 160px;
	width: 20%;
	padding: 0px 30px;
	border-right: 1px #555 solid;	
}
#footertooptv {
	float: left;
	height: 160px;
	width: 20%;
	padding: 0px 30px;	
}
#footer ul {
	list-style-type:none;
	line-height:18px;
	padding: 0px;
	margin: 0px;
}
#footerbottom {
	clear: both;	
	margin: 0 auto;
	width: 180px;
	padding-top: 15px;
}
#footerfacebooklogo {
	height: 50px;
	width: 50px;
	float: left;	
}
#footertwitter {
	clear: both;	
}
#footertwitterlogo {
	height: 50px;
	width: 50px;
	float: left;	
}
.no-pad-right {
	padding-right:0;
}
.overduePanel {
	background-color:#fdecec;
}
.overdueHours {
	background-color:#FFF6E4;
}
.newJobPanel {
	background-color:#F4FFF2;
}
.currentJobPanel {
    background-color:#f3fcff;
}
.tenantRejectedPanel
{
    background-color: rgba(255,0,0,.15) !important;
}
.awaitingAuthPanel
{
    background-color: #e9e9e9!important;
}

.awaitingPartsPanel
{
    background-color: #fff!important;
}

.invoiceBundleDivider {
    height: 2px;
    width: 96%;
    background-color: #eee;
    position: absolute;
    right: 0;
    bottom: 0;
}

.combine-invoice-container {
	width:3em;float:left;
}
.combine-invoice-container input {
	margin-top:1.55em;margin-left:1.5em;
}
.textarea-pad {
	padding-bottom:15px;
	padding-top:15px;
	background-color:#FFE4E4;
}
.textarea-pad button, .textarea-pad-24-hours button, .textarea-pad-IP button, .textarea-pad-TR button {
	margin-top:5px;
}
.textarea-pad p, .textarea-pad-24-hours p, .textarea-pad-IP p, .textarea-pad-TR p {
	padding-top:0 !important;
}
.textarea-pad-24-hours {
	padding-bottom:15px;
	padding-top:15px;
	background-color:#FFE7B9;	
}
.textarea-pad-IP {
	padding-bottom:15px;
	padding-top:15px;
	background-color:#83CA76;		
}
.textarea-pad-current {
	padding-bottom:15px;
	padding-top:15px;
	background-color:#caf2ff;	
}
.textarea-pad-awaitingparts {
	padding-bottom:15px;
	padding-top:15px;
	background-color:#e9e9e9;	
}
.textarea-pad-TR {
	padding-bottom:15px;
	padding-top:15px;
	background-color: rgba(255,0,0,.15);	
}
.popup-panel-bg {
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    width:100%;
    height:100%;
    z-index:500000;
    top:0;
    left:0;
}
.popup-panel-content {
    background-color:#FFF;
    color:#000;
    width:30%;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    border-radius:4px;
    margin-top:16%;
}
.btn-outline {
    border:none;
}
.upper-panel {
    border-bottom:1px solid #eee;
    padding-top:10px;
    padding-bottom:10px;
}
.awaiting-input {
    width:95% !important;
}

.popup-background {
	position:fixed;
	background-color:rgba(0,0,0,0.75);
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:10000;
	display:none;
	-webkit-transform:translate3d(0,0,0);
}
.btn-margin {
    margin-top:10px;
}

.stretchMeTwo {
	z-index:50 !important;
}

.stretchMeLogin {
	 position:fixed !important;
	 top:0;
	 left:0;
	 height:100%;
	 width:100%;
	 background: url(../Images/bgTest.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.input-validation-error
{
    border: 1px solid red !important;
}


.field-validation-error
{
    color: red !important;
    font-weight: bold !important;
}

.row-margin-bg {
	margin-top:151px;
}
h1.home-page-title {
	font-weight:400 !important;color:#fff;font-family:'Open Sans', sans-serif;
}
.form-control-border-rad {
	border-radius:4px;
	padding-left:28px;
	font-weight:300;
}

.badge-red {
    background-color:#c21919 !important;
    color:#FFF;
    position:absolute;
    font-size:10px;
}
.aruq-panel label {
     margin-top:15px;
     font-size:12px;
 }
/* IPHONE 6 PLUS */
/*@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
	.row-margin-bg {
		margin-top:60px;
	}
	.navMobile {
		height:44px !important;
		min-height:44px !important;
	}
	.navbar-toggle {
		margin-top:5px !important;	
	}
	.login-background img {
		width:110px !important;
		margin-top:15px;
	}
	.home-page-title {
		font-weight:300 !important;
		font-size:28px;
	}
	.header-title h2 {
		font-size:28px !important;	
	}	*/
	/*.navbar-brand img {
		width:110px !important;
		margin-top:-8px !important;
	}
	
}*/
/* IPHONE 6 */
/*@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	.row-margin-bg {
		margin-top:60px;
	}	
	.navMobile {
		height:44px !important;
		min-height:44px !important;
	}
	.navbar-brand img {
		width:110px !important;
		margin-top:-8px !important;
	}
	.navbar-toggle {
		margin-top:5px !important;	
	}
	.login-background img {
		width:150px !important;
		margin-top:15px;
	}
	.home-page-title {
		font-weight:300 !important;
		font-size:36px;
	}
	.header-title h2 {
		font-size:26px !important;	
	}
	.header-title small {
		font-size:16px;
		position:relative;
		margin-left:-5px;	
	}
	.overdue-title {
		margin-bottom:15px;
	}
	.infoContent {
		border-radius:4px;
		margin-bottom:15px;
	}
	.mobileCategoryHeading {
		background-color:rgba(0,0,0,0.10);
		border-bottom:1px solid rgba(0,0,0,0.15);
		border-top-left-radius:4px;
		border-top-right-radius:4px;	
	}
	.mobileCategoryHeading p {
		padding-top:2px;
		padding-bottom:2px;
		font-size:16px;
		font-weight:300;	
		margin-bottom:0;
	}
	.jobTitleMobile {
		margin-bottom:0;
		font-size:14px !important;
	}
	.jobDesMobile {
		padding-top:0 !important;
		font-size:14px !important;
	}
	.mobilePad {
		padding-left:15px;
		padding-right:15px;
	}
	.mobilePad p {
		font-size:14px;
		font-weight:300 !important;	
	}
	.marginBotMobile {
		display:block;
		padding-top:5px;
		padding-bottom:5px;
	}
	.actionPanel {
		margin-top:25px !important;
	}
	.mobileInnerSpan {
		margin-right:25px !important;
	}
	.popup-panel-content {
		width:90% !important;
	}
	.mobileHidden {
		display:none !important;
	}
	.navbar-collapse {
		background-color:rgba(0,0,0,0.85);
		width:111%;
		top:-3px !important;
		position:relative;
	}
}*/
/* IPHONE 5 */
/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	.row-margin-bg {
		margin-top:60px;
	}
	.navMobile {
		height:44px !important;
		min-height:44px !important;
	}
	.navbar-header {
		height:44px !important;
		min-height:44px !important;
	}
	.navbar-brand {
		padding-bottom:5px !important;
	}
	.navbar-brand img {
		width:110px !important;
		margin-top:-8px !important;
	}
	.navbar-toggle {
		margin-top:5px !important;	
	}
	.login-background img {
		width:110px !important;
		margin-top:15px;
	}
	.home-page-title {
		font-weight:300 !important;
		font-size:28px;
	}
	.header-title h2 {
		font-size:16px;	
	}
	.header-title small {
		font-size:16px;
		position:relative;
		margin-left:-5px;	
	}
	.overdue-title {
		margin-bottom:15px;
	}
	.infoContent {
		border-radius:4px;
		margin-bottom:15px;
	}
	.mobileCategoryHeading {
		background-color:rgba(0,0,0,0.10);
		border-bottom:1px solid rgba(0,0,0,0.15);
		border-top-left-radius:4px;
		border-top-right-radius:4px;	
	}
	.mobileCategoryHeading p {
		padding-top:2px;
		padding-bottom:2px;
		font-size:16px;
		font-weight:300;	
		margin-bottom:0;
	}
	.jobTitleMobile {
		margin-bottom:0;
		font-size:14px !important;
	}
	.jobDesMobile {
		padding-top:0 !important;
		font-size:14px !important;
	}
	.mobilePad {
		padding-left:15px;
		padding-right:15px;
	}
	.mobilePad p {
		font-size:14px;
		font-weight:300 !important;	
	}
	.marginBotMobile {
		display:block;
		padding-top:5px;
		padding-bottom:5px;
	}
	.actionPanel {
		margin-top:25px !important;
	}
	.mobileInnerSpan {
		margin-right:25px !important;
	}
	.popup-panel-content {
		width:90% !important;
	}
	.mobileHidden {
		display:none !important;
	}
	.navbar-collapse {
		background-color:rgba(0,0,0,0.85);
		width:111%;
		top:-3px !important;
		position:relative;
	}
}*/

/* SAMSUNG S4 */
/*@media screen 
and (device-width: 320px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
	.row-margin-bg {
		margin-top:60px;
	}
	.navMobile {
		height:44px !important;
		min-height:44px !important;
	}
	.navbar-brand img {
		width:110px !important;
		margin-top:-8px !important;
	}
	.navbar-toggle {
		margin-top:5px !important;	
	}
	.login-background img {
		width:110px !important;
		margin-top:15px;
	}
	.home-page-title {
		font-weight:300 !important;
		font-size:28px;
	}
	.header-title small {
		font-size:16px;
		position:relative;
		margin-left:-5px;	
	}
	.overdue-title {
		margin-bottom:15px;
	}
	.infoContent {
		border-radius:4px;
		margin-bottom:15px;
	}
	.mobileCategoryHeading {
		background-color:rgba(0,0,0,0.10);
		border-bottom:1px solid rgba(0,0,0,0.15);
		border-top-left-radius:4px;
		border-top-right-radius:4px;	
	}
	.mobileCategoryHeading p {
		padding-top:2px;
		padding-bottom:2px;
		font-size:16px;
		font-weight:300;	
		margin-bottom:0;
	}
	.jobTitleMobile {
		margin-bottom:0;
		font-size:14px !important;
	}
	.jobDesMobile {
		padding-top:0 !important;
		font-size:14px !important;
	}
	.mobilePad {
		padding-left:15px;
		padding-right:15px;
	}
	.mobilePad p {
		font-size:14px;
		font-weight:300 !important;	
	}
	.marginBotMobile {
		display:block;
		padding-top:5px;
		padding-bottom:5px;
	}
	.actionPanel {
		margin-top:25px !important;
	}
	.mobileInnerSpan {
		margin-right:25px !important;
	}
	.popup-panel-content {
		width:90% !important;
	}
	.mobileHidden {
		display:none !important;
	}
	.navbar-collapse {
		background-color:rgba(0,0,0,0.85);
		width:111%;
		top:-3px !important;
		position:relative;
	}
}*/
/* SAMSUNG S5 */
/*@media screen 
and (device-width: 360px) 
and (device-height: 640px) 
and (-webkit-device-pixel-ratio: 3) {
	.row-margin-bg {
		margin-top:60px;
	}
	.navMobile {
		height:44px !important;
		min-height:44px !important;
	}
	.navbar-brand img {
		width:110px !important;
		margin-top:-8px !important;
	}
	.navbar-toggle {
		margin-top:5px !important;	
	}
	.login-background img {
		width:110px !important;
		margin-top:15px;
	}
	.home-page-title {
		font-weight:300 !important;
		font-size:28px;
	}
	.header-title small {
		font-size:16px;
		position:relative;
		margin-left:-5px;	
	}
	.overdue-title {
		margin-bottom:15px;
	}
	.infoContent {
		border-radius:4px;
		margin-bottom:15px;
	}
	.mobileCategoryHeading {
		background-color:rgba(0,0,0,0.10);
		border-bottom:1px solid rgba(0,0,0,0.15);
		border-top-left-radius:4px;
		border-top-right-radius:4px;	
	}
	.mobileCategoryHeading p {
		padding-top:2px;
		padding-bottom:2px;
		font-size:16px;
		font-weight:300;	
		margin-bottom:0;
	}
	.jobTitleMobile {
		margin-bottom:0;
		font-size:14px !important;
	}
	.jobDesMobile {
		padding-top:0 !important;
		font-size:14px !important;
	}
	.mobilePad {
		padding-left:15px;
		padding-right:15px;
	}
	.mobilePad p {
		font-size:14px;
		font-weight:300 !important;	
	}
	.marginBotMobile {
		display:block;
		padding-top:5px;
		padding-bottom:5px;
	}
	.actionPanel {
		margin-top:25px !important;
	}
	.mobileInnerSpan {
		margin-right:25px !important;
	}
	.popup-panel-content {
		width:90% !important;
	}
	.mobileHidden {
		display:none !important;
	}
	.navbar-collapse {
		background-color:rgba(0,0,0,0.85);
		width:111%;
		top:-3px !important;
		position:relative;
	}
}*/
.showAllBtn {
    float:right;
}
.showAllBtn a {
    color:#fff;
}
.img-smaller {
    position:relative;
    left:0;
    right:0;
    margin:0 auto;
    margin-bottom:25px;
}
.searchImg {
	margin-top:25px;
}
.searchImg img {
	position:absolute;
	right:80px;
	width:20px;
	top:7px;	
}
.loadingGifPlacement {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;	
}
.navFifty {
    height: 50px;
}

/***********Legend***********/

.legendPopup {
    position: absolute;
    background-color: rgba(0,0,0,0.75);
    padding: 10px;
    color: #fff;
    left: -165px;
    border-radius: 4px;
    width: 160px;
    display: none;
}

.legendPopupArrow {
    position: absolute;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid rgba(0,0,0,0.75);
    top: 16px;
}
@media screen and (max-width:1470px) {
	.legendPopupMedia {
		left:0px !important;top:auto !important;
		z-index:2;bottom:75px !important;
	}
	.legendPopupArrowMedia {
		right: 0px !important;top: auto !important;
	    bottom: -30px !important;left: 15px !important;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid rgba(0,0,0,0.75);
	}
}
@media screen and (max-width:1199px) {
	.legendPopupMedia {
		left:0px !important;top:auto !important;
		z-index:2;bottom:95px !important;
	}
}
@media screen and (max-width:991px) {
	.legendPopupMedia {
		left:0px !important;top:auto !important;
		z-index:2;bottom:110px !important;
	}
}
.maintenanceCategoriesPopupBackground {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    z-index: 99999;
    display: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all 1s cubic-bezier(.04,0,.02,1);
    transition: all 1s cubic-bezier(.04,0,.02,1);
}

.maintenanceCategoriesPopup {
    position: relative;
    width: 20%;
    margin: 0 auto;
    margin-top: 5%;
    background-color: #fff;
    border-radius: 4px;
    font-size: 12px;
}

.dotty {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.red-dot {
    background-color: #a60b19;
}

.orange-dot {
    background-color: #df9442;
}

.yellow-dot {
    background-color: #f3f040;
}

.green-dot {
    background-color: #50c356;
}

.blue-dot {
    background-color: #39ddd9;
}

.aqua-dot {
    background-color:#39ddd9;
}

.purple-dot {
    background-color: #aa2ed0;
}

.mc-panel {
    border-bottom: 1px solid #eee;
    padding: 10px 10px 0 10px !important;
}

    .mc-panel:last-of-type {
        border-bottom: none;
    }

.mc-panel-title {
    background-color: #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .mc-panel-title p {
        padding: 10px 10px 10px 10px;
        margin-bottom: 0;
        font-weight: 600;
        font-size: 14px;
        text-shadow: 0 1px 0 #eee;
    }

.listDotGen {   
    cursor: pointer;
}

.lePopPara {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

/***********Legend***********/

.confirmPopup {
    position: absolute;
    background-color: rgba(0,0,0,0.75);
    padding: 10px;
    color: #fff;
    left: -165px;
    border-radius: 4px;
    width: 160px;
    display: none;
}

.confirmPopupArrow {
    position: absolute;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid rgba(0,0,0,0.75);
    top: 16px;
}



.confirmPopupInvoice {
	position: absolute;
    background-color: #fff;
    color: #6c6c6c;
    right: 0;
	bottom:40px;
    border-radius: 4px;
    width: 160px;
    display: none;
	box-shadow:0 0 10px #BCBCBC;
}
.confirmPopupInvoice:after {
	content:'';
	position: absolute;
    bottom:-15px;
	right:15px;
    width: 0;
    height: 0;
    border-top: solid 15px #fff;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.confirmPopupTitle {
	background-color:#F3F3F3;
	border-top-left-radius:4px;	
	border-top-right-radius:4px;		
}
.confirmPopupTitle h5 {
	font-weight:600;
	margin-top:0;
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:10px;
	border-top-left-radius:4px;	
	border-top-right-radius:4px;	
}
.confirmPopupLink .btn-link {
	font-size:12px;	
}
.editList {
	border-bottom: 2px solid #E5E5E5;
    padding-bottom: 5px;
    padding-top: 5px;
}
.editListText {
	font-size:12px;	
}
.completedBG {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.75);
	z-index:1100;
    overflow-y:scroll;	
}
.completedInner {
	position:relative;
	width:30%;
	background-color:#fff;
	border-radius:4px;
	left:0;
	right:0;
	margin:0 auto;
	top:5%;	
}
.popupTitle h3 {
	font-weight:300;
	margin-top:5px;
	margin-bottom:0;
	padding:0 0 5px 15px;
	border-bottom:1px solid #ccc;
	box-shadow: 0 15px 15px -15px #5D5D5D;
}
.uploadInvoiceContainer {
	width:385px;
	margin-top:5%;
	color:#3b444c;
}
.btn-close-left {
	margin-left:15px;	
}
.fg-jt {
	margin-top:15px;	
}
.buttonPanelPop {
	border-top:1px solid #e3e7ea;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	padding-top:10px;
	padding-bottom:10px;	
}
.borderRadiusPopup {
	border-radius:4px;	
}
.jobTitlePanelPop {
	padding:15px;
	background-color:#e3e7ea;	
	margin-bottom:25px;
}
.jobTitlePanelPop:after {
    content:'';
    position: absolute;
    top: 100%;
	left:0;
	right:0;
	margin:0 auto;
    width: 0;
    height: 0;
    border-top: solid 15px #e3e7ea;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.jobTitlePanelPop h2 {
	font-size:16px;
	margin-top:0;	
}
.jobTitlePanelPop p {
	margin-bottom:0;	
}
.jobFinalPop {
	margin-bottom:15px;	
}
.jobFinalPop p {
	margin-bottom:0;	
}
.visible-xs-ib {
	display:none !important;
}
@media (max-width:1024px) {
	.uploadInvoiceContainer {
		width:50%;
		min-width:50%;
		margin-top:5%;
		color:#3b444c;
	}
}
@media (max-width:768px) {
	.uploadInvoiceContainer {
		width:90%;
		min-width:90%;
		margin-top:5%;
		color:#3b444c;
	}
	
}
@media screen and (max-width:767px) {
    .m-bordertop-panel { 
        clear: both;   
    }
	.visible-xs-ib {
		display:inline-block !important;
	}
	.popup-panel-content {
		width:90%;
	}
	.m-padtop-none {
		padding-top:0 !important;
	}
	.navbar-header {
		top:0 !important;
	}
	.password-inner {
		width:90% !important;
	}
	.navbar-brand {
		padding:15px 15px 10px !important;
	}
	.navbar-collapse {
		background:#000 !important;
	}
	.jobsToInvoiceSlidePanel {
		top:-110px !important;
	}
	.teamDropDown {
		margin-bottom:25px !important;
	}
	.infoContentBg {
		margin-bottom:25px !important;
	}
	.m-dibnp {
		padding-left:0;padding-right:0;
	}
	.m-dibnp p {
		padding-top:0;
		margin-bottom:0;
	}
	.m-dibfifty {
		display:inline-block;width:100%;
		padding:15px;border-bottom:1px solid #eee;
	}
	.m-stat-bm {
		border-bottom:none;padding-bottom:25px !important;
	}
	.m-bordertop-panel a:first-child {
		border-top:1px solid #eee;
	}
	.m-icbg {
		box-shadow:0 3px 25px rgba(0,0,0,0.10);
		margin-bottom:25px !important;border-bottom:none !important;position:relative;
		border-radius:6px;
	}
	.hidden-m-qol {
		display:none;
	}
	.mobileCategoryHeading {
		background-color: #ececec;
	}
	.mobileCategoryHeading p {
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 14px !important;
		font-weight: 400 !important;
		margin-bottom: 0;
	}
	.brand-header-container {
		padding-top:5em !important;padding-bottom:5em !important;
	}
	.navbar-brand img {
		width: 85px !important;
		margin-top: -10px !important;
	}
	.m-dibfifty-aa {
		background:#fff;
	}
	.combine-invoice-container {
		margin-top: 0;
		width: 0;
		position: absolute;
		top: 0;
		right: 40px;
		z-index: 50;
	}
	.combine-invoice-container input {
		margin-top:5.5px;margin-left:15px;
	}
	.infoContent p {
		font-size:14px;
	}
	.suppWorkorderLabel {
		padding-top:0 !important;
	}
	.jobTitleMobile {
		margin-bottom:0 !important;
	}
	p.suppWorkorder {
		margin-bottom:0 !important;
	}
	.legendPopupMedia {
		left: 100px !important;top: -45px !important;
    	z-index: 2;bottom: auto !important;
	}
	.legendPopupArrowMedia {
		right: 0px !important;
		top: 41px !important;
		bottom: auto !important;
		left: -30px !important;
		border-top: 15px solid transparent;
  		border-bottom: 15px solid transparent; 
  		border-right:15px solid rgba(0,0,0,0.75); 
	}
}
.mmLogoContainer {
	position:relative;
}
.mmLogoContainer:after {
	content:'';
	position:absolute;
	height:2px;
	width:33%;
	background-color:#fff;
	left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.brand-header-container {
	padding-top:11em;padding-bottom:9em;
}
.brand-header-container img {
	height:2.5em;
	margin-bottom:1em;
	z-index:15;
	position:relative;
}
.brand-header-container p {
	font-size:30px;color:#fff;margin-bottom:0;text-shadow:0 1px 3px #000;
	z-index:15;
	position:relative;
	letter-spacing:0.25px;
	text-transform: uppercase;
}
.formGroupNoGap {
	margin-top:30px;
	margin-bottom:0;
}
.login-background {
	background-color:rgba(0,0,0,0.40);
	border-radius:3px;
	padding-top:15px;
	padding-bottom:15px;	
}
.login-background img {
	margin-top:20px;	
	margin-bottom:30px;	
}
.mmLoginText {
	font-weight:600;
	color:#fff;
margin-top:30px;
	margin-bottom:0;	
}
.formGroupNoGap, .formGroupNoGapTwo {
	position:relative;	
}
.formGroupNoGapTwo {
	margin-bottom:0;	
}
.formGroupNoGap input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 40px !important;
	position:relative;
}
.formGroupNoGapTwo input {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 40px !important;
	position:relative;
	top:-1px;
}
.formIcons {
	position:absolute;left:15px;margin-top:13.5px;
	z-index:1;
}
.arrowLoginPage {
    position: absolute !important;
    right: 0 !important;
    bottom: 1.5px !important;
    padding: 7px 15px 7px 15px !important;
    font-size: 20px !important;
}

.error-input-text {
    margin-right: 15px;
    position: relative;
    top: 7px;
    color: #d2322d;
}
.changePasswordError {
    border-bottom:1px solid #f00 !important;
}

.forgotPassMargin {
	margin-top:5px !important;
}
.forgotPassword-color {
	color:#fff;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.forgotPassword-color:hover {
	color:#ccc;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}


.password-background {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1101;
	background-color:rgba(0,0,0,0.5);
	-webkit-transform:translate3d(0,0,0);
}
.password-inner {
	position:relative;
	min-width:30%;
	width:30%;
	background-color:#FFFFFF;
	border-radius:4px;
	margin:0 auto;
	top:10%;
	box-shadow:0 0 25px #000;
}
.password-inner h4 {
	font-weight:300;
	text-align:center;
	border-bottom:1px solid #eee;
	padding-bottom:10px;	
}

.btn-dropdown-password {
    color:#428bca !important;
    padding-left:0 !important;
    border-top:1px solid #eee;
    padding-top:5px !important;
}
.btn-dropdown-password:hover {
    color:#FFFFFF !important;
}

.mm-security-input {
	-webkit-appearance:none !important;
	appearance:none !important;
	border:none;
	box-shadow: none !important;
	padding-left:15px;
}
.mm-security-input-outer {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding-bottom:2px;
	padding-top:2px;
}
.mm-security-input-outer:last-child {
	border-bottom:none !important;	
	border-top:none !important;	
}

.form-out p {
	margin-bottom:5px;
	margin-top:15px;
	padding-left:10px;
}
.form-group-buttons {
	padding-top:10px;
	padding-right:15px;	
}
.fg-marginBot {
	margin-bottom:0;
}

.inputSearch {
	border-top-left-radius:4px !important;
	border-bottom-left-radius:4px !important;
}
.searchBtnPanel button {
	margin-left:-1px;	
}
footer {
	margin-top:3.5em;
	background-color:#101417;
	color:#5e6a72;
}
.footerPad {
	position:relative;
	padding-top:3.55em;
	padding-bottom:3.55em;		
}
.va-faded-placement {
	position:absolute;right:0;width:12.5em;bottom:0;opacity:0.15;
}
footer h5 {
	font-family:'Proxima Nova', sans-serif;
	margin-top:0;
	color:#868f95;
	margin-bottom:2em;	
}
footer ul {
	list-style:none;
	padding:0;
	margin:0;	
}
footer ul li {
	font-size:12px;
	line-height:2.5em;	
}
footer ul li a {
	color:#5e6a72;
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
}
footer ul li a:hover {
	color:#fff;	
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
	text-decoration:none;	
}
.footerSub {
	background-color:#050607;	
	font-size:12px;
	padding:5px 0;
}
.footerSub a {
	color:#5e6a72;
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
}
.footerSub a:hover {
	color:#fff;	
	-webkit-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-moz-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);-ms-transition:all 0.3s cubic-bezier(.17,.67,.83,.67);transition:all 0.3s cubic-bezier(.17,.67,.83,.67);
	text-decoration:none;	
}
.jobsIndent {
	list-style:square;
	margin-left:25px;
}
.dividerFooter {
	height:1px;
	width:33%;
	position:relative;
	margin:0 auto;
	left:0;right:0;
	background-color:rgba(255,255,255,0.1);	
}
.softwareContactPanel ul {
	display:inline-block;
	padding-left:15px;
}
.searchInputPanel {
	margin-bottom:51px;	
}
.label-finalised {
    background-color:#000;
}
.label-awaitingParts {
    background-color: #FFF;
    border: 1px solid #000;
    color: #000;
}
@media (max-width: 1023px) {
    .mobileViewPanel {
        margin-top:2em;
    }
    .popCategoryPanel {
        width:50% !important;
    }
}
@media (max-width: 768px) {
    .popCategoryPanel {
    width:80% !important;
    }
}
@media (max-width: 600px) {
	.header-title img {
		margin-top:-32px !important;
		margin-right:15px !important;
		width:115px !important;
	}
	.header-title small {
		margin-left:1px;	
	}
	.overdue-new-title, .overdue-24-title, .overdue-title, .cancelledJobTitle {
		margin-bottom:15px !important;
	}
	.overdue-new-title p, .overdue-24-title p, .overdue-title p, .cancelledJobTitle p {
		font-size:16px !important;
		font-weight:600 !important;
	}
	/*.mobileCategoryHeading {
		border-bottom:none !important;
	}
	.mobileCategoryHeading p {
		padding-top:2px;
		padding-bottom:2px;
		font-size:14px !important;
		font-weight:400 !important;	
		margin-bottom:0;
	}*/
	}

.datePopColour {
    color:#aaa;
    font-size:12px;
}
.mmSupportPdfPanel ul {
	margin:0;padding:0;
	list-style:none;
}
.mmSupportPdfPanel ul li {
	background-color:#fff;
	margin-bottom:2px;
	display:block;	
}
.mmSupportPdfPanel ul li a {
	padding:15px 0;
	display:block;	
}
.mmSupportPdfPanel ul li a:hover {
	text-decoration:none;	
}
.circlePdfIcon {
	width: 3em;
    height: 3em;
    background-color: #5ABCBD;
    display: inline-block;
    border-radius: 50%;
    margin-left: 15px;
    margin-right: 15px;
}
.circlePdfIcon span {
	color:#fff;
	font-size:20px;
	margin:10px 0 0 15px;	
}
.circlePdfIconStartUp span {
	margin:10px 0 0 12px;
}
.mmSupportPanelTitles h3 {
	color:#404040;
	margin-top:3em;	
}
.thumbMmSupp {
    padding:0;
    border-radius:0;
	margin-bottom:20px;
}
.checkboxUploadNoCharge {
    font-weight:400;
    margin-top:5px;
    color:#888;font-size:14px;cursor:pointer;
}
.checkboxUploadNoCharge i {
    top:-2px;
    position:relative;
}
.thumbMmSupp h3 {
    margin:15px 0;
    font-size:16px;
    font-weight:600;
}
.qAmountInp {
	border-radius:6px;
	margin-bottom:0;	
}
.eQAtext {
	margin-top:1.5em;	
}
.eQAtextSize {
	font-size:12px;	
}

.quoteDesOC {
	padding-left:0;	
}
.cSBtn {
	margin-top:1.5em !important;	
}
.headermmSupp {
     margin-top:50px !important;
}
.ri-warning-icon {
    font-size: 22px;
    margin-top: 5px;
    margin-right: 15px;
}
.popCategoryBg {
background-color:rgba(0,0,0,0.5);
position:fixed;
left:0;top:0;
width:100%;height:100%;
z-index:1499;
overflow:scroll;
}
.popCategoryPanel {
background-color:#fff;
width:510px;
border-radius:4px;
left:0;right:0;
margin:0 auto;
margin-top:2%;
}
.popCategoryPanel h3 {
border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    font-weight: 600;
    background-color: #cecece;
    color: #4c4c4c;
    font-size: 14px;
    margin: 0;
    padding: 5px 0 5px 10px;
    margin-bottom: 0 !important;
}
.popCategoryPanel ul {
list-style:none;
padding:0;margin:0;
}
.popCategoryPanel ul li {
border-bottom:1px solid #eee;
padding:15px;
}
.popCategoryPanel ul li:last-child {
border-bottom:none;
}
.popCategoryPanel ul li p:last-child {
margin-bottom:0;
}
.popDetails {
padding-left:35px;
}
.popupCircle {
border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 15px;
background-color:#ccc;
}
/* NEW POPUP TRADENETWORK */
.db-wop-bg {
	position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1999;overflow:scroll;
}
.db-pop-header-bg {
	background:url('../Images/welcome-to-the-tradenetwork-bg.gif') repeat;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;
}
.db-pop-header-bg h2 {
	margin-top:2.5em;margin-bottom:25px;
}
.db-pop-header-bg p {
	font-size:16px;
}
.db-pop-header-bg-con-btn {
	margin-top:200px;
	margin-bottom:50px;
}
.fg-sr-ri {
	margin-top:50px;margin-bottom:40px;
}
.db-wop-ca {
	position:absolute;left:0;right:0;margin:0 auto;top:5em;background-color:#fff;width:47.500em;box-shadow:0 2px 15px rgba(0,0,0,0.35);-webkit-backface-visibility: hidden;border-radius:4px;
}
.db-pop-tacs {
	height:300px;overflow:scroll;margin-bottom:25px;
}
.db-wop-ca-hidden {
	visibility:hidden;opacity:0;
	transform:translateY();
	top:8em;
	-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease;	
}
.db-wop-ca-visible {
	visibility:visible;opacity:1;
	transform:translateY();
	top:5em;
	-webkit-transition: all .25s ease 1s;-moz-transition: all .25s ease 1s;-ms-transition: all .25s ease 1s;transition: all .25s ease 1s;	
}
.db-bp-img {
	position: absolute;
    right: 20px;
    top: 15px;
}
.db-pop-fileinput {
	margin-top:7px;
}
.db-pop-dibw {
	display:inline-block;width:47%;
}
.db-pop-dibw-mr {
	margin-right:33px;
}
.db-pop-header-icon i {
	font-size:24px;
}
.db-pop-fg-certup {
	margin-top:40px !important;margin-bottom:0 !important;
}
.btn-amrl {
	margin-top: 15px;
    padding: 15px 0;
}
ul.db-ul-pop-dets {
	margin:0 !important;padding:0 !important;width:100% !important;
	list-style:none;
}
ul.db-ul-pop-dets li {
	padding:15px;
	border:1px solid #eee;
}
.db-ul-pop-dets-star {
	color:#FFD700;
}
.db-wop-ca-moreinfo {
	z-index:2000;
}
.db-pop-ofc-details {
	overflow-y:scroll;height:400px;width:100%;
}
.db-va-tc-footer {
	margin-top:15px;margin-bottom:0;	
}
.db-pop-termscondlist ol { counter-reset: item !important; }
.db-pop-termscondlist li { display: block !important; line-height:2em !important;padding-right:15px !important; }
.db-pop-termscondlist li:before { content: counters(item, ".") " " !important; counter-increment: item !important; }
.db-pop-termscondlist p {
	padding-left:12px !important;margin-bottom:0 !important;
}
@media screen and (max-width:767px) {
	.db-wop-ca {
		width:90%;
	}
	.db-pop-dibw {
		width:100%;
	}
	.db-pop-dibw-mr {
		margin-right:0;
	}
	.db-pop-dibw-mob {
		margin-top:25px;
	}
}
/* NEW POPUP TRADENETWORK */

.red-dot {
background-color:#a60b19;
}
.orange-dot {
background-color:#df9442;
}
.yellow-dot {
background-color:#f3f040;
}
.green-dot {
background-color:#50c356;
}
.aqua-dot {
background-color:#39ddd9;
}
.purple-dot {
background-color:#aa2ed0;
}
.fixcoin-list-invoice {
	list-style:none;padding:0;margin:0;
}
.fixcoin-list-invoice li {
	border-bottom:2px solid #c8dadc;
}
.fixcoin-list-invoice li:last-child {
	border-bottom:none;
}
.fixcoin-list-invoice li a {
	padding:20px 0;display:block;
	-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;
}
.fixcoin-list-invoice li a:hover {
	text-decoration: none;
	-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out;
}
.fixcoin-list-invoice li i {
	font-size:24px;margin-right:10px;
}
.fixcoin-list-invoice li span {
	position:relative;top:8px;font-style: italic;color:#4c4c4c;font-size:12px;
}
.va-splash-page-disconnected {
    background-color: rgba(255,255,255,.95);
   position: absolute;
   z-index: 9000;
   width: 100%;
   height: 100%;
}
.va-splash-page-disconnected img {
    margin-top:5em;
    width:250px;
}
.va-splash-page-disconnected h3 {
    color:#263238;margin-top:0;
}
.va-splash-page-disconnected p {
    color:#90a4ae;
}
.skeleton-bg {
	background-color:#fff;padding-top:13px;padding-bottom:13px;margin-bottom:2px;
}
.skeleton-cate {
	height:10px;width:60px;background-color:#ececec;display:inline-block;vertical-align:top;
}
.skeleton-job-address {
	display:inline-block;width:240px;left:30px;position:relative;vertical-align:top;
}
.skeleton-job-address>div:nth-child(1) {
	height:10px;width:100%;background-color:#ececec;
}
.skeleton-job-address>div:nth-child(2) {
	height:10px;width:100%;background-color:#ececec;margin-top:10px;
}
.skeleton-contact-details {
	display:inline-block;width:100px;left:70px;position:relative;vertical-align:top;
}
.skeleton-contact-details>div:nth-child(1) {
	height:10px;width:100%;background-color:#ececec;
}
.skeleton-contact-details>div:nth-child(2) {
	height:10px;width:100%;background-color:#ececec;margin-top:10px;
}
.skeleton-contact-details>div:nth-child(3) {
	height:10px;width:100%;background-color:#ececec;margin-top:10px;
}
.skeleton-status {
	display:inline-block;width:135px;left:157px;position:relative;vertical-align:top;
}
.skeleton-status>div:nth-child(1) {
	height:34px;width:34px;background-color:#ececec;display:inline-block;margin-right:5px;
}
.skeleton-status>div:nth-child(2) {
	width:80px;display:inline-block;vertical-align: top;
}
.skeleton-status>div:nth-child(2)>div:nth-child(1) {
	height:10px;width:100%;background-color:#ececec;
}
.skeleton-status>div:nth-child(2)>div:nth-child(2) {
	height:10px;width:80%;background-color:#ececec;margin-top:10px;
}
.skeleton-button-options {
	display:inline-block;width:255px;left:208px;position:relative;vertical-align:top;
}
.skeleton-button-options>div:nth-child(1) {
	height:10px;width:61px;background-color:#ececec;display:inline-block;vertical-align:top;
}
.skeleton-button-options>div:nth-child(2) {
	height:10px;width:144px;background-color:#ececec;display:inline-block;margin-left:5px;vertical-align:top;
}
.skeleton-button-options>div:nth-child(3) {
	height:10px;width:40px;background-color:#ececec;display:inline-block;vertical-align:top;
}
.skeleton-button-options>div:nth-child(4) {
	height:10px;width:50px;background-color:#ececec;display:inline-block;margin-left:5px;vertical-align:top;
}
.skeleton-button-container {
	position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(11,11,11,0.25);z-index:2;
}
.skeleton-button-container>button {
	color:#eee;padding:26px 0;outline:none;
}
.skeleton-button-container>button:hover {
	color:#fff;padding:26px 0;outline:none;text-decoration: none;
}
@media screen and (max-width:1199px) {
	.skeleton-cate {
		height:10px;width:60px;background-color:#ececec;display:inline-block;vertical-align:top;
	}
	.skeleton-job-address {
		display:inline-block;width:130px;left:14px;position:relative;vertical-align:top;
	}
	.skeleton-contact-details {
		display:inline-block;width:100px;left:38px;position:relative;vertical-align:top;
	}
	.skeleton-status {
		display:inline-block;width:135px;left:90px;position:relative;vertical-align:top;
	}
	.skeleton-button-options {
		display:inline-block;width:255px;left:110px;position:relative;vertical-align:top;
	}	
}
@media screen and (max-width:991px) {
	.skeleton-cate {
		height:10px;width:50px;background-color:#ececec;display:inline-block;vertical-align:top;
	}
	.skeleton-job-address {
		display:inline-block;width:85px;left:5px;position:relative;vertical-align:top;
	}
	.skeleton-contact-details {
		display:inline-block;width:90px;left:38px;position:relative;vertical-align:top;
	}
	.skeleton-status {
		display:inline-block;width:135px;left:63px;position:relative;vertical-align:top;
	}
	.skeleton-button-options {
		display:inline-block;width:255px;left:60px;position:relative;vertical-align:top;
	}
}
@media screen and (max-width:767px) {
	.skeleton-cate {
		height:10px;width:100%;background-color:#ececec;display:inline-block;vertical-align:top;
	}
	.skeleton-job-address {
		width:85px;left:5px;position:relative;vertical-align:top;display:none;
	}
	.skeleton-contact-details {
		display:inline-block;width:90px;left:0;position:relative;vertical-align:top;margin-top:15px;
	}
	.skeleton-status {
		display:inline-block;width:135px;left:63px;position:relative;vertical-align:top;margin-top:15px;
	}
	.skeleton-button-options {
		display:inline-block;width:100%;left:0;position:relative;vertical-align:top;margin-top:15px;
	}
	.skeleton-button-options>div {
		width:45% !important;margin-left:0 !important;display:block !important;margin-top:20px;margin-bottom:20px;
	}
	.skeleton-button-options>div:last-child {
		margin-bottom:0 !important;
	}
}
/*.skele-animate {
	background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
	animation: shine-lines 1.6s infinite linear;
}
@keyframes shine-lines {
  0% {
    background-position: 1%;
  }
  40%, 100% {
    background-position: 150%;
  }
}
*/
.editUploadedFilesPanel {
	margin-top:15px;
}
.uploadInvoiceHelpBlock {
	margin-top:0;font-size:12px;
}
.uploadInvoiceLabel {
	margin-bottom:0;
}