@charset "utf-8";
/* CSS Document */

/* Z-INDEX A */
/*
	0-99:			Standard
	100-999:		Header
	1000-9999:		Modal
	10000-99999:	Tutorial/Info
*/

/* reset css */


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,button,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.styledone{
	display:none !important;
}

/* reset css end */

/* basic elements */

html {
	height: 100%;

}

body {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height:1.6em;
	width:100%;
	height: 100%;
	color:#3E3E3E;
}

.redrow{
	background-color: #FF8080;
}

.yellowrow{
	background-color: #ffff9d;
}

.spanlimit{
	display:block;
	width: 700px;
    word-wrap: break-word;
}

img{
	border:none;
}


a, button {
	text-decoration: none;
	color: #0c8bec;
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: ally .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

a:hover {
	color: #005495;
}

.merge_label{
	color:#0C8BEC;
	height: 22px;

}

a:hover {
	color:#005495;
}

#invoiceheader{
	color: #707070;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

.charcoal {
	background-color:#8F9091;
	color:#FFF;
    padding:5px;
	font-weight:bold;
}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}


h3 {
	font-size:16px;
	font-weight:bold;
	line-height:22px;
	color:#3E3E3E;

}

small {
	font-size: 11px;
	line-height: 5px;
}

.isChecked{
	background: url(/imagesv4/ul-check-big.png) no-repeat left 5px;
}

.main-content ul li {
	/* background: url(/imagesv4/ul-check.png) no-repeat left 5px;*/
	padding-left:20px;
	font-size: 13px;
	line-height: 21px;
	color: #636363;
	margin-top: 15px;

}

.main-content ul {
	margin-left:10px;

}

strong {
	font-weight:bold;

}

/* basic elements end */

/* basic layouts */

/* header */

.tick {
	font-size: 20px;
}

#quick-link-platfrom {
	width:214px;
	position:absolute;
	background:#fff;
	top:126px;
	border:1px solid #dcdcdc;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.1);
	box-shadow: 0 0 40px rgba(0,0,0,.1);
	z-index: 99;
	left:-250px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.geopay-error-message{
	background-color: #FF6363;
	border-radius: 4px;
	padding: 5px;
}

.geopay-subheader {
	font-weight: bold;
}

.geopay-settings-header {
	background: url(/images/geopay/settings-header-small@2x.png) no-repeat;
	height: 148px;
}

.geopay-settings-header-connected {
	background: url(/images/geopay/settings-header-small-connected@2x.png) no-repeat;
	height: 148px;
}

#quick-links-button:hover #quick-link-platfrom{
	left:0px;
}

.quick-link-platfrom-forceshow{
	left: 0px !important;
}

#quick-link-platfrom h3{
	display:block;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	background:url(/imagesv2/quick-links-grad.png) repeat-x bottom;
	padding:8px 10px;
}

#quick-link-platfrom ul li {
	padding-left: 10px;
}

#header-bottom  #getstarted li, #header-bottom  #recent-list li {
	border:none;
	float:none;
	padding-top:0px;
	position:relative;
}

#header-bottom  #getstarted, #header-bottom  #recent-list {
	padding-left:5px;
	padding-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}

#header-bottom  #recent-list {
	padding-bottom:15px;
}

#header-bottom  #getstarted li a, #header-bottom  #recent-list li a {
	font-size: 13px;
	color: #666666;
	padding: 14px 0px 14px 50px;
	display: block;
	line-height: 18px;
	text-transform:none;
	text-shadow:none;
	position:relative;
}

#header-bottom  #recent-list li a {
	padding-left:14px;
}

#header-bottom  #recent-list li .recentjob-ref {
	padding-left:14px;
	color:#979797;

}

#header-bottom  #recent-list li .recent-job-title a {
	padding-bottom:0px;
	color:#308dd4;
	padding-top:10px;

}

#getstarted a{
	text-transform: none !important;
}

.checklist-mini {
	width:17px;
	height:13px;
	background:url(/imagesv2/checklist-mini-empty.png) no-repeat center center;
	position:absolute;
	top:25px;
	left:36px;
	z-index:999;
}

.checklist-mini-checked {
	width:17px;
	height:13px;
	background:url(/imagesv2/checklist-mini.png) no-repeat center center;
	position:absolute;
	top:25px;
	left:36px;
	z-index:999;
}



#header-bottom-middle li.active a,
#header-bottom-middle ul.customers li.customers a,
#header-bottom-middle ul.clients li.clients a,
#header-bottom-middle ul.credithistorysingle ul.credithistorysingle a,
#header-bottom-middle ul.editclient li.editclient a,
#header-bottom-middle ul.resellers li.resellers a,
#header-bottom-middle ul.editreseller li.editreseller a,
#header-bottom-middle ul.customers li.customers a,
#header-bottom-middle ul.editcustomer li.editcustomer a,
#header-bottom-middle ul.jobs li.jobs a,
#header-bottom-middle ul.mobiusers li.mobiusers a,
#header-bottom-middle ul.contact li.contact a,
#header-bottom-middle ul.editmobiuser li.editmobiuser a,
#header-bottom-middle ul.mainmap li.mainmap a,
#header-bottom-middle ul.editjob li.editjob a,
#header-bottom-middle ul.customisation li.customisation a,
#header-bottom-middle ul.templates li.templates a,
#header-bottom-middle ul.smshistory li.smshistory a,
#header-bottom-middle ul.credithistory li.credithistory a,
#header-bottom-middle ul.editpages li.editpages a,
#header-bottom-middle ul.timesheet li.timesheet a,
#header-bottom-middle ul.report li.report a,
#header-bottom-middle ul.staff li.staff a,
#header-bottom-middle ul.settings li.settings a,
#header-bottom-middle ul.creditpacks li.creditpacks a,
#header-bottom-middle ul.smspacks li.smspacks a,
#header-bottom-middle ul.login li.login a,
#header-bottom-middle ul.signup li.signup a,
#header-bottom-middle ul.signupreseller li.signupreseller a,
#header-bottom-middle ul.mobileusersquick li.mobileusersquick a,
#header-bottom-middle ul.importcustomers li.importcustomers a,
#header-bottom-middle ul.integration li.integration a,
#header-bottom-middle ul.support li.support a,
#header-bottom-middle ul.buycredits li.buycredits a,
#header-bottom-middle ul.help li.help a,
#header-bottom-middle ul.showcalendar li.showcalendar a,
#header-bottom-middle ul.showclientcalendar li.showclientcalendar a,
#header-bottom-middle ul.csvjobimport li.csvjobimport a,
#header-bottom-middle ul.partscsv li.partscsv a,
#header-bottom-middle ul.invoices li.invoices a,
#header-bottom-middle ul.invoices li.invoices a,
#header-bottom-middle ul.parts li.parts a,
#header-bottom-middle ul.rates li.rates a,
#header-bottom-middle ul.dashboard li.dashboard a,
#header-bottom-middle ul.companyaccount li.companyaccount a,
#header-bottom-middle ul.xeroclientimport li.xeroclientimport a,
#header-bottom-middle ul.export li.export a,
#header-bottom-middle ul.roles li.roles a,
#header-bottom-middle ul.workgroups li.workgroups a,
#header-bottom-middle ul.scheduler li.scheduler a,
#header-bottom-middle ul.schedulerv2 li.showcalendar a,
#header-bottom-middle ul.editaccount li.editaccount a,
#header-bottom-middle ul.doctemplates li.doctemplates a,
#header-bottom-middle ul.geoforms li.geoforms a {
	color:#9ec0e2;
}


/*secondary-end*/

/* header end*/


/*content-wrapper*/
.contentBG {
	width:100%;
	border-top:1px solid #fff;
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 10px;
	background-color: #f6f6f6;
}

.contentBG.login {
	background-color: white;
}
/*.single-sidebar .contentBG{
	background-color:#f6f6f6;
}*/
.contentBG-inner {
	width:960px;
	margin:0px auto;
	position:relative;
}

.edittemplate .clearfix .contentBG .contentBG-inner {
	position:static;
}

.no-sidebars .hmCenterCol {
	width:960px;

}

.single-sidebar .hmCenterCol {
	width:670px;

}

.right-sidebar .hmCenterCol {
	float:left;
	margin:0px 0px 15px 0px;

}

.left-sidebar .hmCenterCol {
	float:right;
	margin:15px 0px;

}
h3 img{
	vertical-align: text-bottom;
}

.block-content {
	margin-left:20px;

}


.notequantity{
	display: none;
}

.notequantitycell{
	display: none;
}

/*content-wrapper-end*/


/*footer*/

#footer-wrapper {
	background:#f1f1f1;
	width:100%;
	height:300px;
	border-top:1px solid #fff;
}

#footer-wrapper.pad-warning {
	padding-top: 50px;
}

#footer-inner {
	width:960px;
	margin:0px auto;

}

#footer-right {
	width:295px;
	float:right;
	margin-top:60px;

}

#footer-wrapper a {
	opacity:1;
	-webkit-transition:all 0.3s ease-in ;
	-moz-transition:all 0.3s ease-in ;
	-o-transition:all 0.3s ease-in ;
	-ms-transition:all 0.3s ease-in ;
	transition:all 0.3s ease-in ;


}

#footer-wrapper a:hover {
	opacity:0.5;

}
#footer-social-media {
	width:295px;
	float:left;
	margin-left:5px;

}

#footer-social-media .media-social-items {
	float:left;
	margin-right:7px;

}

#footer-logo {
	padding-top:10px;
	float:left;

}

.footer-copyright {
	width:295px;
	float:left;
	font-size:12px;
	color:#a9a9a9;
	margin-top:10px;

}

#footer-left {
	width:620px;
	float:left;
	padding:12px;


}

#footer-left h3 {
	margin-top:28px;

}
.footer-menu-block {
	width:140px;
	margin-right:12px;
	float:left;

}
.footer-menu-block a {
	color:#979797;
	font-size:12px;
	line-height:18px;
	display:block;

}

/* basic layout end */


/* floatinghel */
#floatingHelp h2{
	font-size: 18px;
}
#floatingHelp, .greyhelpbox{
	margin: 10px 0px 10px 0px;
	background-color:#A7ACAF;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
	display: none;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    position: relative;
    width: 100%;
}

.greyhelpbox{
	display: inline-block;
}

#floatingHelp-top, .greyhelpbox-top{
	padding:10px 25px;
}

#floatingHelp-top h3 {
	font-size:14px;
	color:#00b4ff;
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);
	font-weight:normal;
	float:left;


}

.floatingHelp-top-desc {
	color:#636363;
	font-size:13px;
	line-height:21px;
	padding:25px 0px 15px 0px;
	text-align:center;
}
.floatingHelp-top-desc .a.wizzard-next{
	float:none;
}

.floatingHelp-top-progress-bar {
	width:525px;
	margin:0px auto;
	padding-bottom:20px;

}

#floatingHelp-bottom {
	border-top:1px solid #f1f1f1;
	padding: 0 0 145px;
}
#dashboard-top-links{
	border-top:1px solid #f1f1f1;
	padding: 0 0 145px;
	color:#3E3E3E;
	margin: 10px 0px 10px 0px;
	background:#d7d7d7 url(/imagesv4/bg-grad/grad06.png) repeat-x top left;
	width:100%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow:0px 2px 0px rgba(255,255,255,0.5) inset;
	border:1px solid #c2c2c2;
}



/* floatinghelp end */


/* Company Settings Headers */


h2.content-header-left {
	display:block;
	float:left;
	width:305px;
	padding-right:385px;

}

/* progress bar */

.progBar-base {
	background:#5f5f5f url(/imagesv4/bg-grad/grad07.png) repeat-x;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	width:151px;
	height:12px;
	overflow:hidden;
	border:1px solid #808080;
	float:left;
	margin-top: 3px;
	margin-left: 10px;
	-webkit-box-shadow:1px 1px 0px rgba(255,255,255,0.7);
	-moz-box-shadow:1px 1px 0px rgba(255,255,255,0.7);
	box-shadow:1px 1px 0px rgba(255,255,255,0.7);
	display:inline-block;
	float:left;
	margin-top:6px;

}
.floating_dashboard .progBar-base{
	width:180px;
	margin-top:4px;
}

.progBar {
	background:#00c0ff;
	-webkit-box-shadow:0px 3px 0px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:0px 3px 0px rgba(255,255,255,0.4) inset;
	box-shadow:0px 3px 0px rgba(255,255,255,0.4) inset;
	/*width:120px;*/
	height:12px;
	-webkit-border-radius:15px;
    -moz-border-radius:15px;
	border-radius:15px;
}

/* progress bar end */



/* overview menu items */
.overview-menu-items{
	width:33%;
	height:146px;
	border-right:1px solid #bebebe;
	border-left:1px solid #f1f1f1;
	float:left;

}
.overview-menu-items a {
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	color:#7a7a7a;
	text-shadow:1px 1px 0px rgba(255,255,255,0.7);
	padding:100px 20px 20px 20px;
	display:block;
	text-align:center;
	height:25px;


}

.overview-menu-items a:hover {
	background: rgba(0,0,0,0.15);
	text-shadow:1px 1px 0px rgba(255,255,255,0.3);

}

#floatingHelp-bottom #webinar, #dashboard-top-links #webinar {
	background:url(/imagesv4/webminar.png) no-repeat center 25px;

}

#floatingHelp-bottom #support, #dashboard-top-links #support {
	background:url(/imagesv4/support.png) no-repeat center 25px;

}

#floatingHelp-bottom #partner, #dashboard-top-links #partner {
	background:url(/imagesv4/partner.png) no-repeat center 25px;

}

#floatingHelp-bottom #youtube, #dashboard-top-links #youtube {
	background:url(/imagesv4/youtube_video.png) no-repeat center 25px;
}

.overview-menu-items.first {
	border-left:none;

}
.overview-menu-items.last {
	border-right:none;
	width:223px;

}

/* overview menu items end */

img#closehelp {
	cursor:pointer;
	position:absolute;
	right:-10px;
	top:-10px;

}

/* getstarted block */

.hmRightCol #getstarted h3  span {
	background:url(/imagesv4/clog2.png) no-repeat left center;
	padding:10px 0px 10px 55px;
}

#getstarted li a {
	font-size:13px;
	color:#666666;
	padding:14px 0px 14px 50px;
	display:block;
	line-height:18px;
}

#getstarted li {
	background:url(/imagesv4/separator/separator-sidebar-menu.png) no-repeat bottom left;
}

#getstarted ul {
	margin-top:10px;
	margin-left:22px;
}

#getstarted #newjob a {
	background:url(/imagesv4/getstarted-menu-sprite.png) no-repeat 10px 10px;
}

#getstarted #newjob a:hover {
	color:#ec5151;
}

#getstarted #newclient a {
	background:url(/imagesv4/getstarted-menu-sprite.png) no-repeat 10px -32px;
}

#getstarted #newclient a:hover {
	color:#cf7d1c;
}

#getstarted #newactrates a {
	background:url(/imagesv4/getstarted-menu-sprite.png) no-repeat 10px -73px;
}

#getstarted #newactrates a:hover {
	color:#0ec515;
}

#getstarted #importpart a {
	background:url(/imagesv4/getstarted-menu-sprite.png) no-repeat 10px -117px;
}

#getstarted #importpart a:hover {
	color:#50a8d5;
}

#getstarted #Integrate a {
	background: url(/imagesv4/getstarted-menu-sprite.png) no-repeat 10px -233px;
}

#getstarted #Integrate a:hover {
	color:#de83e1;
}

#getstarted #gsenableextra a {
	background: url(/imagesv4/getstarted-menu-sprite.png) no-repeat 10px -196px;
}

#getstarted #gsrefferafriend a {
	background: rgba(0, 0, 0, 0) url("/images/referral-icon.png") no-repeat scroll 6px 5px / 30px auto;
}

#getstarted #gsenableextra a:hover {
	color:#845BC9;
}

#getstarted #gsstafflogin a{
	background: url(/imagesv4/getstarted-menu-sprite.png) no-repeat 10px -158px;
}
#getstarted #gsstafflogin a:hover {
	color:#8ED819;
}

.rates .content-header-middle {
	right: 150px;
	top: 16px;
}

#rate_form .rates-charge-rate {
	width: 50px;
	text-align:right;
}
#rate_form .rates-pay-rate {
	width: 50px;
	text-align: right;
}
#rate_form .rates-clients {
	width: 190px;
}
#rate_form .rates-staff {
	width: 220px;
}
#rate_form .rates-description {
	border: 1px solid #e6e6e6;
}

/* getstartedend */

/* vertical-menus */

.vertical-menus{
	width:233px;
	float:left;

}

.vertical-menus-inner {
	background:#eaeaea url(/imagesv4/bg-grad/grad09.png) repeat-y right;
	width:100%;

}

.vertical-menus-end {
	width:100%;
	height:158px;
	background:url(/imagesv4/bg-grad/vertical-menus-end.png) no-repeat right bottom;
	border-top:1px solid #f4f4f4;
	/*background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#EAEAEA), to(white));
	background: -webkit-linear-gradient(top, #EAEAEA, white);
	background:    -moz-linear-gradient(top, #EAEAEA, white);
	background:     -ms-linear-gradient(top, #EAEAEA, white);
	background:      -o-linear-gradient(top, #EAEAEA, white);*/
}

li.vertical-menus-items {
	border-bottom:1px solid #dadada;
	border-top:1px solid #f4f4f4;
	width:232px;
	-webkit-transition:all 0.2s ease-in ;
	-moz-transition:all 0.2s ease-in ;
	-o-transition:all 0.2s ease-in ;
	-ms-transition:all 0.2s ease-in ;
	transition:all 0.2s ease-in ;
}


li.vertical-menus-items:hover {
	background:rgba(0,0,0,0.05);

}

li.vertical-menus-items.active {
	background:#f6f6f6 url(/imagesv4/bg-grad/grad12.png) repeat-y;
	width:233px;
	background-color: white;
}

li.vertical-menus-items.active a {
	color:#0C8BEC;
	font-weight:bold;
}

h3#license-header  {
	font-size:16px;
	line-height:22px;
	color:#308ddf;
	margin-bottom:10px;

}

.license-type {
	float:left;
	width:230px;
	background:#e3e3e3;
	border:1px solid #c7c7c7;
	box-shadow:1px 1px 0px #efefef inset;
	padding:20px 15px  20px 20px;
	position:relative;
}

.license-type img {
	display:block;
	float:left;
}

h4.license {
	display:block;
	font-size:26px;
	line-height:1em;
	color:#b8b8b8;
	width:155px;
	float:left;
	margin-left:10px;
}

#license {
	width:545px;
	margin-left:20px;
	margin-bottom:20px;
}

.license-info {
	font-size:13px;
	line-height:22px;
	color:#8a8a8a;
	float:left;
	width:250px;
	margin-left:15px;
	margin-top:5px;
}

.deleted-flag {
	color: #EE0011;
}

.license-type-icon{
	cursor: pointer;
	width:30px;
	height:30px;
	position:absolute;
	top: 10px;
	right: 10px;
}

.license-type-icon.valid {
	background:url(/imagesv2/license-valid.png) no-repeat center center;
}

.license-type-icon.locked {
	background:url(/imagesv2/license-locked.png) no-repeat center center;
}

.license-type-icon.loading {
	background:url(/imagesv2/ajax-loader-blue.gif) no-repeat center center;
}

.ajax-loader-green{
    background:url(/imagesv2/ajax-loader-green.gif) no-repeat center center;
    display:inline-block;
    width:20px;
    height:20px;
	float:right;
}

.feedimage.loading {
	padding: 20px;
	background:url(/imagesv2/ajax-loader-blue.gif) no-repeat center center;
}

.feedimage.pdf {
	padding: 20px;
	background:url(/imagesv2/icons/pdfv2.png) no-repeat center center;
}

.feedimage.pdfgrey {
	padding: 20px;
	background:url(/imagesv2/icons/pdfv2-grey.png) no-repeat center center;
}

.license-type.inactive img, .license-type.inactive h4.license{
	opacity:0.3
}

li.vertical-menus-items.first {
	border-top:0px;
}

li.vertical-menus-items a {
	color:#3E3E3E;
	font-size:13px;
	display:block;
	padding:20px 0px 20px 65px;
	width: 167px;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	text-transform:capitalize;

}

li.vertical-menus-items a.delete {
	color:transparent;
	font-size:0px;
	float:right;
	padding:0px;
	width: 26px;
	text-shadow:none;
	margin-top:24px;
	margin-right:5px;
}

.vertical-menus-list #menu-01 a {
	background:url(/imagesv4/sprite-settings.png) no-repeat 17px 15px;
}

.vertical-menus-list #menu-02 a {
	background:url(/imagesv4/sprite-settings.png) no-repeat 17px -55px;
}

.vertical-menus-list #menu-03 a {
	background:url(/imagesv4/sprite-settings.png) no-repeat 17px -125px;
}

.vertical-menus-list #menu-04 a {
	background:url(/imagesv4/sprite-settings.png) no-repeat 17px -195px;
}

.vertical-menus-list #menu-05 a {
	background:url(/imagesv4/sprite-settings.png) no-repeat 17px -265px;
}

.vertical-menus-list #menu-06 a {
	background:url(/imagesv4/sprite-settings.png) no-repeat 17px -335px;
}

.vertical-menus-list #menu-07 a {
	background: url(/images/gdot.png) no-repeat;
	background-size: 35px;
	background-position: 20px 10px;
}

.vertical-menus-list #menu-08 a {
	background:url(/imagesv4/sprite-settings.png) no-repeat 17px -475px;

}

.vertical-menus-list #menu-09 a {
	background: url(/imagesv4/integration.png) no-repeat 12px center;

}
.tab-content{
	width:100%;
	margin-bottom:50px;
	margin-top:-1px;
}
.editjob .tab-content{
	display:none;
}
.boxWrap{
	border:#d2d2d2 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.main-content {
	width:690px;
	float:right;
	padding-bottom:50px;

}
/*
.parts h1, .customers h1, .mobiusers h1 {
	background:none;
}
*/

h1 .btn {
	text-shadow: none;
}

.padbottomfooter{
	margin-bottom: 25px;
}

.editjob h1{
	background:none;
	color:#3E3E3E;
}
.editjob h2{
	background:none;
	color:#3E3E3E;
	height:50px;
	padding: 10px 0px 10px 0px;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;
}
.editjob h2 > div{
	padding-top:10px
}

.editjob h2 .jobTopPanelWrap{
	padding-top:0px
}

.main-content h2, h1 {
	color:#308dd4;
	font-size:18px;
	padding:15px 0px 11px 0px;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	font-weight:bold;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	display: flex;
  justify-content: space-between;
}

.main-content h3 {
	color:#308dd4;
	font-size:14px;
	line-height:26px;
	padding:25px 0px 5px 0px;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	font-weight:bold;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	margin-bottom:20px;
}

.main-content  p {
	font-size:13px;
	line-height:21px;
	color:#636363;
	margin-top:15px;
}
.main-content-nofloat h2, h1,
h2.import-parts-section-title {
	color:#308dd4;
	font-size:18px;
	padding:15px 0px 11px 0px;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	font-weight:bold;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	display: flex;
  justify-content: space-between;
}

h2.import-parts-section-title {
	font-size:16px;
}

.main-content-nofloat h3 {
	color:#308dd4;
	font-size:14px;
	line-height:26px;
	padding:25px 0px 5px 0px;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	font-weight:bold;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	margin-bottom:20px;
}

.main-content-nofloat  p {
	font-size:13px;
	line-height:21px;
	color:#636363;
	margin-top:15px;
}

.main-content-nofloat{
	width:720px;
}

h2.content-header-left {
	display:block;
	float:left;
	width:305px;
	padding-right:385px;
}

.parts-duplicate-button {
	height: 22px; margin-right: 5px; padding-bottom: 1px; padding-top: 2px;
}
.parts-save-button {
	height: 18px; padding-top: 2px; float:right; margin-right: 5px;
}

.content-header-middle h3 {
	background:none;
	font-size:12px;
	color:#00c0ff;
	padding:0px;
	margin:0px;
	float:left;
}

#permissions {
	width: 100%;
}
.permissions-wrapper {
	display: flex;
}

.permissions-buttons-wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 5px;
}

.content-header-middle {
	position:absolute;
	right:0px;
	top:8px;
}
.overflow-hidden {
	overflow: hidden;
}
.mfa {
	clear: both;
}
.mfa p {
	font-size: 13px;
	padding-bottom: 10px;
}
.mfa h4 {
	font-weight: 600;
    font-size: 16px;
    padding-top: 20px;
}

.mfa h4 span{
    background: #DFDFDF;
    padding: 3px 10px;
    border: 1px solid #979797;
    font-size: 10px;
    font-weight: 200;
    margin-left: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mfa-buttons {
	margin: 10px 0 0 0 !important;
}

.mfa-buttons span { 
    padding: 10px 20px;
	font-weight: 600;
}

.mfa-popup-content-panel {
	display: none;
}
.mfa-done-screen {
	text-align: center;
	padding-top: 25px !important;
}
.mfa-popup-content h2 {
    font-weight: 700;
    font-size: 20px;
    background: none;
    color: #3E3E3E;
    padding: 2px 0 20px 0;
	text-align: center;
	font-weight: 400;
}
.mfa-popup-content .note-red {
	color: #ff0000;
    margin: 15px 0 0 0;
}
.clear-both {
	clear: both;
}
.note-red .attention-icon {
	background: url(/images/mfa/attention.png) no-repeat 0 0;
	background-size: 100% auto;
    height: 14px;
    width: 14px;
    float: left;
    margin-top: 4px;
}
.note-red .attention-msg{
    width: 96%;
    float: right;
}
.mfa-popup-content {
	padding: 18px;
	width: 600px;
}
.mfa-popup-content p.btn {
	text-align: center;
    margin-top: 10px;
}
.mfa-popup-content p {
	padding-top: 15px;
}

.mfa-popup-buttons span { 
    padding: 10px;
}
.mfa-optional-btn {
	background: #939294 !important;
    border: 1px solid #939294 !important;
}
.a.wizzard-next, .next-button-wizzard {
	float:right;
}

a.access-by {
	display:inline-block;
	padding:7px;
	background:#f8f3ab;
	margin-bottom:5px;
}

.field-desc {
	color:#636363;
	line-height:22px;
}

.fieldset.even {
	border-bottom: 1px solid #DDD;
	position: relative;
	z-index: 1;
}

.form-closure {
	padding-top:20px;
	background:url(/imagesv4/separator/header-separator.png) repeat-x top;
	margin-top:30px;
}

.header-nav-items {
	width:33%;
	float:left;
	text-align:center;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #d2d2d2;
}

.header-nav-items.last {
	border-right:0px;
}

.header-nav-items a {
	display:block;
}

.header-nav-items.active a {
	background:rgba(0,0,0,0.05) url(/imagesv4/glow2.png) no-repeat bottom center;
}

.header-nav-items a:hover {
	background:rgba(0,0,0,0.05);
	display:block;
}

.header-nav-items h4 {
	font-size:14px;
	color:#7a7a7a;
	font-weight:bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.7);
	padding-bottom:10px;
}

.header-02 {
	background: #e5e5e5 url(/imagesv4/bg-grad/grad-31.png) repeat-x left center;
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#EAEAEA), to(white));
	background: -webkit-linear-gradient(top, #EAEAEA, white);
	background:    -moz-linear-gradient(top, #EAEAEA, white);
	background:     -ms-linear-gradient(top, #EAEAEA, white);
	background:      -o-linear-gradient(top, #EAEAEA, white);
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	-webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	overflow: hidden;
	margin-top: 10px;
}

.header-03 {
	margin-top: 20px;
	position: relative;
}

.header03-desc {
	background: url(/imagesv4/arrow-desc.png) no-repeat left center;
	padding-left: 20px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
}

.header-03-desc-inner {
	background: #8f9091;
	font-size: 14px;
	color: #fff;
	height: 35px;
	padding: 38px 30px 38px 20px;
	width: 185px;
	border-radius: 0px 5px 5px 0px;
}

#editstatus_id .formBlock td{
	vertical-align: top;
}

.statuses .header-03-desc-inner {
	height:98px;
	width:375px;
	padding: 10px 15px 3px;
}

.statuses a{
	color: #B0CEF9;
    font-weight: bold;
}

.workgroups .header-03-desc-inner, .workgroupsv2 .header-03-desc-inner {
	padding: 15px 30px 38px 20px;
	height: 58px;
	width: 260px;
}

.rates .header-03-desc-inner,
.roles .header-03-desc-inner  {
	padding: 25px 30px 28px 20px;
	height: 58px;
	width: 260px;
}

.formBlockUser{
	padding: 10px 20px;
	border-top: 1px solid white;
	border-bottom: 1px solid #DDDDDE;
	border-right: 1px solid #DDDDDE;
	background:#f4f4f4;
	color:#3E3E3E;
}

.formBlock:nth-of-type(odd){
	padding: 10px 20px;
	border-top: 1px solid white;
	border-bottom: 1px solid #DDDDDE;
	background:#f4f4f4;
	color:#3E3E3E;
}

.formBlock:nth-of-type(even){
	border-top: 1px solid white;
	background: #EAEAEA;
	padding: 10px 20px;
	color: #3E3E3E;
}

.formBlock:first-of-type {
	border-top: none;
}

.mapDesc{
	padding: 10px;
	background: #F0F0F0;
	border-top: 1px solid white;
}

.editclient .formBlock,
.editclient .formBlockWhite{
	padding: 20px;
}

.editclient .formBlock label{
	font-weight: 600;
}

.formBlock {
	position:relative;
	border-bottom: 1px solid #eaeaea;
	border-top:1px solid #fff;
}

.integrations-slidehsow-prev-button {
	background: url(/imagesv4/slide-show-prev.png) no-repeat top left;
	width: 21px;
	height: 33px;
	display: inline-block;
}

.integrations-slidehsow-prev-button:hover {
	background: url(/imagesv4/slide-show-prev-hover.png) no-repeat top left;
}

.integrations-slidehsow-next-button {
	background: url(/imagesv4/slide-show-next.png) no-repeat top left;
	width: 21px;
	height: 33px;
	display: inline-block;
	margin-left: 10px;
}

.integrations-slidehsow-next-button:hover {
	background: url(/imagesv4/slide-show-next-hover.png) no-repeat top left;
}

.slideshow-control {
	float: left;
}

.slideshow-counter {
	font-size: 14px;
	font-weight: bold;
	color: #c2c2c2;
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

li.integration-slideshow-items {
	-webkit-transition:all 0.3s ease-in ;
	-moz-transition:all 0.3s ease-in ;
	-o-transition:all 0.3s ease-in ;
	-ms-transition:all 0.3s ease-in ;
	transition:all 0.3s ease-in ;
	float: left;
	margin: 10px;
}

li.integration-slideshow-items a {
	text-align: center;
	display: block;
	padding: 15px;
	width: 86px;
	background: url(/imagesv4/bg-grad/grad-32.png) repeat-x bottom #fff;
	font-size: 12px;
	line-height: 14px;
	color: #7a7a7a;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	height: 90px;
	padding-top: 25px;
	border-radius: 5px;
	border: 1px solid #dadada;
	-webkit-box-shadow: 1px 1px 0px rgba(255,255,255,1);
	box-shadow: 1px 1px 0px rgba(255,255,255,1);
}

li.integration-slideshow-items a:hover {
	background: url(/imagesv4/bg-grad/grad-33.png) repeat-x bottom #e6e6e6;
	-webkit-transition:all 0.3s ease-in ;
	-moz-transition: opacity 2s linear;
	-o-transition:all 0.3s ease-in ;
	-ms-transition:all 0.3s ease-in ;
	transition: opacity 2s linear;
}

.slideshow-wrapper {
	margin-top: 20px;
}

.integration-slideshow-items img{
	width: 86px;
}

li.integration-slideshow-items .footertext{
	text-align: center;
	margin-top: -30px;
	font-weight: bold;
}

li.integration-slideshow-items a img {
	margin-bottom: 10px;
}

.slideshow-header {
	margin-left: 10px;
}

.price-items {
	text-align: center;
	background: #dedede;
	border-radius: 5px;
	float: left;
	overflow: hidden;
	display: block;
	margin-right: 10px;
	width: 128px;
}

#upgradeAction{
	background-color: #8FBE56;
	float:right;
	color: #FFFFFF !important;
	border-radius: 3px;
	padding: 10px 35px;
	margin-top: 10px;
}

#upgradeAction:hover{
	background-color: #5e7f3f;
}

.price-items:hover {
	-webkit-box-shadow: 0px 0px 10px rgba(65,119,173,0.45);
	box-shadow: 0px 0px 10px rgba(65,119,173,0.45);
}

.price-discount,.price-bundled {
	font-size: 12px;
	padding: 10px 0px;
	color: #606060;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 0px 18px rgba(255,255,255,0.3);
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #e1e1e1;
}


.price-hover .price-bundled {
	/*background: #338cd9;*/
	font-size: 12px;
	color: #fff;
	text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.4), 0px 0px 18px rgba(255,255,255,0.3);
	padding: 10px 0px;
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #e1e1e1;
}

.price-selected .price-bundled {
	background: #5592cc;
	font-size: 12px;
	color: #fff;
	text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.4), 0px 0px 18px rgba(255,255,255,0.3);
	padding: 16px 0;
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #e1e1e1;
}

.bigdwagoffset{
	float: right;
    margin-right: 10px;
}

.bigdwagimagesize{
	margin-left: 15px;
	float: left;
}

.price-bundled {
	border-bottom: 0px;
	padding: 27px 0;
}

#price-01 .price-header, .price-header {
	padding: 20px;
	width: 88px;
	font-size: 16px;
	color: #606060;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 0px 18px rgba(255,255,255,0.3);
	border-bottom: 1px solid #aaaaaa;
	background: #bababa url(/imagesv4/bg-grad/grad-34.png) repeat-x bottom;
}

#price-01 .price-per-job, .price-per-job {
	background: #bababa;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.4), 0px 0px 18px rgba(255,255,255,0.3);
	padding: 10px;
	padding-top: 20px;
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #ababab;
}

#price-02 .price-header, .price-selected .price-header {
	padding: 20px;
	width: 88px;
	font-size: 16px;
	color: #606060;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 0px 18px rgba(255,255,255,0.3);
	border-bottom: 1px solid #4d85ba;
	background: #5592cc url(/imagesv4/bg-grad/grad-35.png) repeat-x bottom;
}

#price-02 .price-per-job, .price-selected .price-per-job{
	background: #5592cc;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.4), 0px 0px 18px rgba(255,255,255,0.3);
	padding: 10px;
	padding-top: 20px;
	border-top: 1px solid #4e9bde;
	border-bottom: 1px solid #2e7fc6;
}

#price-04 .price-header, .price-hover .price-header {
	padding: 20px;
	width: 88px;
	font-size: 16px;
	color: #606060;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 0px 18px rgba(255,255,255,0.3);
	border-bottom: 1px solid #2e7fc6;
	background: #338cd9 url(/imagesv4/bg-grad/grad-36.png) repeat-x bottom;
}

#price-04 .price-per-job, .price-hover .price-per-job {
	background: #338cd9;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.4), 0px 0px 18px rgba(255,255,255,0.3);
	padding: 10px;
	padding-top: 20px;
	border-top: 1px solid #6ca0d3;
	border-bottom: 1px solid #2e7fc6;
}

.per-job-label {
	font-size: 14px;
}

.price-wrapper {
	margin-top: 20px;
}

.price-usd {
	font-size: 11px;
	color: #9a9a9a;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

table.add-info tr td li {
	font-size: 13px;
	color: #7A7A7A;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(/imagesv4/ul-check.png) no-repeat left center;
}

/* layouts end */

/* input */

td {
	vertical-align: middle;
}

#edit-job-status td{
	vertical-align: top;
}


.form td {
	padding:0px !important;
}

td.jobform {
	font-size: 13px;
	color: #308dd4;
	width: 120px;
	padding: 15px 0px !important;
	vertical-align: top;
}

td.dateform {
	font-size: 13px;
	font-weight: bold;
	color: #308dd4;
	width: 100px;
	padding:12px 0px  !important;
	vertical-align: top;
}


th{
	text-align: left;
}

td.formQ {
	font-size: 13px;
	color: #308dd4;
	width: 170px;
	padding:12px 0px  !important;
	vertical-align: top;
}

table.stripe td.formQ {
	padding: 8px 0 16px 0 !important;
}

table.stripe td {
	vertical-align: top;
}

td.formQ-nopadd{
    color: #308DD4;
    font-size: 13px;
    padding: 0px 0 !important;
    vertical-align: top;
    width: 130px;
}
td.formQ-nopadd {
	font-size: 13px;
	color: #308dd4;
	width: 130px;
	padding:0px 0px  !important;
	vertical-align: top;
}

#recurtab label{
	color: inherit;
    font-size: inherit;
    vertical-align: inherit;
    width: auto;
}

.form2 td {
    padding: 10px;
    vertical-align: top;
}

.form2.notdpad td{
	padding: 0px 0px 0px 10px !important;
	vertical-align: top;
}

#editclient_id select,
.editcustomer select,
.editjob select {
	width:232px;
}

#editclient_id input,
.editcustomer input,
.editjob input[type="text"], .editjob input[type="password"]{
	width:200px;
}

body input[type="file"] {
	width:200px;
}

.inputtestHolder{
	vertical-align: middle;
	border-radius: 5px;
	border: 1px solid #d4d4d4;
	background:#fff;
    padding: 2px 10px;
    width: 210px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-size: 12px;
	color: #606060;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	-webkit-appearance: none;
	-moz-appearance: none;
}

input.frminput.notop{
	margin-top: 0px !important;
}

input[type="text"], input[type="password"], select, textarea, input[type="email_text"] {
	font-size: 12px;
	color: #737373 !important;
	padding: 6px 15px;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	background: #fff;
	box-shadow:none !important;
	box-shadow:1px 1px 0px rgba(255,255,255,1);/* !important;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 5px;
	line-height: 15px;
}

input[type="number"] {
	font-size: 12px;
	color: #737373 !important;
	padding: 6px 5px 5px 5px;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	background: #fff;
	box-shadow:none !important;
	box-shadow:1px 1px 0px rgba(255,255,255,1);/* !important;*/
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 5px;
	line-height: 15px;
}

input[type="text"][name="recurrence_limit"] {
	width: 30px;
}

input[type="text"],input[type="password"],select,textarea, input[type="file"]{
	width:200px;
}

.roles input.workgroup_input[type="text"]:focus,
.workgroups input.workgroup_input[type="text"]:focus, .workgroupsv2 input.workgroup_input[type="text"]:focus{
	font-size: 14px;
	border: 1px solid #d4d4d4;
	background:#fff;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 160px;
}

select::-ms-expand {
    display: none;
}

.donotshow{
	display: none;
}

.roles input[type="text"],
.workgroups input[type="text"],
.workgroupsv2 input[type="text"]{
	font-size: 14px;
	color: #606060;
	padding: 6px 15px;
	border-radius: 5px;
	border: none;
	background:transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 160px;
	margin: 20px 0px 20px 5px;
}

.staff-button{
	background: white url(/imagesv4/bg-grad/cancel-btn.png) repeat-x left top;
	font-size: 12px;
	font-weight: bold;
	color: #686868;
	text-transform: uppercase;
	padding: 3px 15px 3px 15px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	border: 1px solid #D2D2D2;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	position: relative;
	margin-top: 0px;
	display: inline-block;
	cursor: pointer;
	width: 175px;
	height:auto;
	min-height:20px;
	text-align:center;
	margin-left:10px;
	margin-top: 5px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
}

#staff_list .ui-selected{
	background: url(/imagesv4/bg-grad/save-button-bg.png) repeat-x left top;
	color:white;
	border: 1px solid #2989CC;
	text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,0.5) inset;
	box-shadow: 0px 2px 0px rgba(255,255,255,0.5) inset;

}
.logo-upload-wrapper input[type="file"] {
	width:auto;
	background:transparent;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0) inset, 1px 1px 0px rgba(255,255,255,0);
	box-shadow: 1px 1px 1px rgba(0,0,0,0) inset, 1px 1px 0px rgba(255,255,255,0);
	border:none;
	padding:0px;
}

.main-content .header img{
	vertical-align: bottom;
	height:150px;
}

.main-content #company-info-logo.header img{
	height:153px;
	border-bottom:1px solid #ddddde;
	background:#f6f6f6;
}

.main-content #company-info-tax.header img{
	height: 110px;
	padding-left: 40px;
	border-bottom:1px solid #ddddde;
	background:#f6f6f6;
}

input.jobDateField {
    background-image: url(/scriptsv2/images/calendar-icon-2.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 0;
    width: 104px !important;
}


#time_job_time_hour,
#time_job_time_minute,
#time_arrival_time_hour,
#time_arrival_time_minute,
#time_start_time_hour,
#time_start_time_minute,
#time_end_time_hour,
#time_end_time_minute{
	padding-left:6px;
}

textarea {
	width: 400px;
	height: 100px;
	margin: 5px 0px;
	margin-top: 10px;
	resize:vertical;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

.multi-assign-div{
	font-size: 12px;
	color: #606060;
	height: 20px;
	padding: 6px 6px 6px 15px;
	border-radius: 5px;
	border: 1px solid #d4d4d4;
	background:#fff;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	-webkit-appearance: none;
	-moz-appearance: none;
	white-space: nowrap;
	overflow: hidden;
	width:210px;
}

.client-list .multi-assign-div, .staff-list .multi-assign-div {
	width:197px
}

.client-list .multi-assign-div a, .staff-list .multi-assign-div a {
	margin-left:0;
}

.multi-assign-div .delete{
	top: -22px;
	right: -178px;
	position: relative;
}

.jobFormWrap textarea {
	width: 200px;
	height: 50px;
	margin: 0;
	margin-top:5px;
}

.editcustomer textarea{
	width:300px;
}

.roles input.wg-uneditable[type="text"]:focus,
.workgroups input.wg-uneditable[type="text"]:focus,
.workgroupsv2 input.wg-uneditable[type="text"]:focus{
	border: none;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus {
	border: 1px solid #65b0e9;
	outline: none;
	background: #fff;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
}

select {
	background: url(/imagesv4/select-arrow.png) no-repeat right 8px #fff !important;
	width:232px;
}

.input-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	padding-left: 170px;
}

h3.edittab-header .checkbox{
	clear:none;
}

.checkbox,.radio {
	width: 21px;
	height: 22px;
	padding: 0 5px 0 0;
	background: url(/imagesv4/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}

.checkbox:has(+ [readonly="readonly"]), .checkbox:has( + [readonly]),
.checkbox:has(+ [disabled="disabled"]), .checkbox:has( + [disabled]) {
	pointer-events: none;
	cursor: not-allowed;
	background-position: 0 -21px !important;
}

.checkbox.checkbox-padded {
	margin: 3px 0px 0px 4px;
}

.checkbox.checkbox-padded-thumb {
	margin: 16px 0px 0px 4px
}

.radio {
	background: url(/imagesv4/radio.png) no-repeat;
}

a.btnMed {
	display: block;
	width: 26px;
	height: 25px;
	font-size: 0px;
	color: transparent;
	text-indent: -9999999;
	background: url(/imagesv4/add-button-mini.png) no-repeat left top;
	cursor: pointer;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

a.btnMed:hover {
	background: url(/imagesv4/add-button-mini.png) no-repeat left -28px;
}

.setpointer{
	cursor: pointer;
}

a.btnDel {
	display: block;
	width: 26px;
	height: 25px;
	font-size: 0px;
	color: transparent;
	text-indent: -9999999;
	background: url(/imagesv4/delete-button-mini.png) no-repeat left top;
	cursor: pointer;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

a.btnDel:hover {
	background: url(/imagesv4/delete-button-mini.png) no-repeat left -28px;
}

a.btnAddLarge {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-transform: lowercase;
	padding: 7px 10px 7px 25px;
	background: url(/imagesv4/add-button-large.png) no-repeat -19px -4px;
	border-radius: 45px;

	-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,0.5) inset;
	box-shadow: 0px 2px 0px rgba(255,255,255,0.5) inset;
	border: 1px solid #3fb013;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
	cursor: pointer;
}

a.btnAddLarge:hover {
	background: url(/imagesv4/add-button-large.png) no-repeat -19px -45px;
	-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset;
	box-shadow: 0px 2px 0px rgba(255,255,255,0.3) inset;
}

div.contentBG-inner > a.add-job {
	margin-top: -40px;
	float:right;
}

a.add-job:hover {
	background:#6F9B33 url(/images/add-button-flat.png) no-repeat left center;
	border:1px solid #6F9B33;
}

button.btn:before,a.btn:before,a.bt:before, a.wizzard-next:before, a.btnGrey:before {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 5px;
	left: -5px;
	top: -5px;
	z-index: -1;
	border-radius: 6px;
}

a.wizzard-next:before {
	padding:5px;
	left:-5px;
	top:-5px;
}

a.btnSubmitted {
	color: #7ed5f4;
	text-shadow: 1px -1px 0px rgba(0,0,0,0.3);
}

a.btnSubmitted .throbber {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/imagesv4/ajax-loader.gif) no-repeat center center;
	position: relative;
	top: 2px;
	margin-left: -10px;
}



.currrent-logo-wrapper {
	margin-top:10px;
	padding:10px;
	width:auto;
	display:inline-block;
}

.interbanner-text{
	color: #636363;
}

.banner-text {
	width:80%;
}

.currrent-logo-wrapper img,  .currrent-logo-wrapper a.btnDel {
	float:left;
}

.currrent-logo-wrapper img {
	height:80px !important;
	max-width: 270px;
}

.currrent-logo-wrapper a.btnDel  {
	margin-left:10px;

}

.logo-upload-wrapper {
	background: #E0DFDF url(/imagesv4/arrow-upload-wrapper.png) no-repeat top left;
	padding: 23px 43px;
	width: 331px;
	float: right;
	margin-top:-1px;
}

.logo-upload-wrapper p {
	margin-top:0px;
}

.fieldset {
	padding:20px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ddddde;

}


/* input end*/

/* Table */

table {
	width:100%;
}

table.standardtable {
	width:100%;
	border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
	border-collapse: separate;
	border-bottom:1px solid #ddd;
	margin-bottom:0px;
}

table.form {
	border-bottom:none;
}

table.standardtable tr.childRow {

}

table.standardtable tr.childRow td {
	background:#e2e2e2 !important;
	box-shadow:inset 0px 13px 13px -13px rgba(0,0,0,0.2), inset 0px -13px 13px -13px rgba(0,0,0,0.2);
	border-bottom:0px;

}

table.standardtable tr.childRow td:first-child{
	box-shadow:inset 0px 13px 13px -13px rgba(0,0,0,0.2), inset 0px -13px 13px -13px rgba(0,0,0,0.2), inset 13px 0px 13px -13px rgba(0,0,0,0.2);
}

table.standardtable tr.childRow td:last-child{
	box-shadow:inset 0px 13px 13px -13px rgba(0,0,0,0.2), inset 0px -13px 13px -13px rgba(0,0,0,0.2), inset -13px 0px 13px -13px rgba(0,0,0,0.2);
}

table.standardtable tr.childRow td:first-child img {
	margin-right:5px;
}

table.standardtable thead td, table.standardtable thead th {
	background:url(/imagesv4/separator/tabel-header-separator.png) repeat-y left;
	border:0px;
	border-bottom:1px solid #d8d8d8;
	box-shadow:1px 1px 0px rgba(255,255,255,0.5);
	padding:15px 20px;
	color:#737373;
	font-weight:bold;
	margin:0px;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
}

table.standardtable thead tr {
	border:1px solid #d8d8d8;
	background: url(/imagesv4/bg-grad/grad-30.png) repeat-x bottom #fff;
	padding:5px 10px;
}

#messagetab table.standardtable thead tr {
	background:url(/imagesv4/bg-grad/grad-27.png) repeat-x 0px -20px white;
}

table.standardtable thead td:first-child {
	background:none;
}

#standardtable tbody tr {
	font-size:13px;
	color:#5b5b5b;
	-webkit-transition:all 0.3s ease-in ;
	-moz-transition:all 0.3s ease-in ;
	-o-transition:all 0.3s ease-in ;
	-ms-transition:all 0.3s ease-in ;
	transition:all 0.3s ease-in ;
}

.form td {
	border:none !important;
}

table.standardtable thead td, table.standardtable thead th {
	background: url(/imagesv4/separator/tabel-header-separator.png) repeat-y left;
	border: 0px;
	border-bottom: 1px solid #d8d8d8;
	box-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	padding: 5px 10px;
	color: #737373;
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
	font-weight: bold;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}

table.standardtable td {
	padding: 10px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ececec;
	color: #3e3e3e;
	font-size: 12px;
	vertical-align: middle;
}

table.joblistwrap.standardtable td {
	padding:10px 5px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ececec;
	color:#3e3e3e;
	font-size:12px;
	vertical-align:top;
}


table.standardtable{
	border:#cccccc 1px solid;
	border-top:0px;
}

.report #myTable.standardtable,
.report .staffTables table.standardtable,
.clients table.standardtable,
.rates table.standardtable,
.workgroups table.standardtable,
.workgroupsv2 table.standardtable,
.roles table.standardtable,
.editclient table.standardtable,
.smshistory table.standardtable,
.partscsv table.standardtable,
.invoices table.standardtable,
#editsubscription_id table.standardtable,
.credithistory table.standardtable{
	border-top:#CCC 1px solid;
}

table.standardtable td.light {
	color:#979797
}

.modalParts .even-odd{
	cursor:pointer;
}

table.standardtable tr.even td, table.standardtable tr.oddRow, .even, div.oddRow, li.oddRow  {
	border-top:1px solid #fff;
	border-bottom:1px solid #ececec;
	background:#f0f0f0;
}

.even-odd:nth-of-type(odd)  {
	border-top:1px solid #fff;
	border-bottom:1px solid #ececec;
	background:#f0f0f0;
}

.even-odd:nth-of-type(even){
	background:#f6f6f6;
}

.even-odd:hover{
	cursor:default;
	background: #f0f0f0;
}

.inactive-user-evenRow{
	background:#ffc4c4;
}

.inactive-user-oddRow{
	background:#ffabab;
}


table.standardtable #rate_holder tr.secondRow td {
	border-top:none;
	padding:5px 5px;
}

table.standardtable #rate_holder tr.firstRow td {
	border-bottom:none;
	padding:5px 5px;
}

.btn.btn-green-sync {
	float: right;
	background: #81B33E url(/images/add-button-flat.png) no-repeat left center;
	border: 1px solid #81B33E;
	padding: 5px 10px 5px 30px;
	margin-top: -9px;
}

.btn.btn-green-sync:hover {
	background:#6F9B33 url(/images/add-button-flat.png) no-repeat left center;
	border:1px solid #6F9B33;
}

table.standardtable tbody tr:hover td {
	background: #e2edf5;
	cursor:pointer;
}

table.standardtable tbody.blockhover tr:hover td {
	cursor:default;
	background: transparent
}
table.standardtable tbody.blockhover tr.oddRow:hover {
	cursor:default;
	background: #f0f0f0;
}
.form tr:hover td {
	background:transparent;
}

td.note img {
	margin-right:5px;
	margin-left:10px;
}

td.delete a img {
	display:none;
}

td.delete a, a.delete {
	display: block;
	width: 26px;
	height: 25px;
	font-size: 0px;
	color: transparent;
	text-indent: -9999999;
	background: url(/imagesv4/delete-button-mini.png) no-repeat left top;
	cursor: pointer;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

td.delete a:hover, a.delete:hover {
	background: url(/imagesv4/delete-button-mini.png) no-repeat left -28px;
}
td.form-status{
	width:70px;
	color:#606060;
	vertical-align:top;
	padding-top:10px;
}
td.form-status img{
	float:left;
}
td.formQW {
	width:130px;
	color:#606060;
	vertical-align:top;
	padding-top:10px;
}

a.sendSMS{
	display:block;
	float:left;
	width:29px;
	height:29px;
	margin-top:-2px;
	background: url(/imagesv2/iconsv2/msg-green.png) no-repeat center;
}
td.formQW .btnMed {
	margin-right:10px;
}

td.formQW img {
	float:left;
}

td.formQW span {
	float:left;
	margin-top:-3px;
	margin-left:5px;
}

/* Page Num */
#pageNum ul {
	margin: 0px auto;
	width: 95%;

}
#pageNum ul li {
	display: inline-block;
	float:left;
}
#pageNum ul li a {
	font-size:13px;
	color:  #666;
	display:block;
	float:left;
	padding:14px;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	border-left:1px solid #ffffff;
	border-right:1px solid #d8d8d8;
}

#pageNum ul li.first a {
	border-left:0px;
}

#pageNum ul li a:hover {
	box-shadow:0px 0px 15px rgba(0,0,0,0.3) inset;
	background:#CCC;
	border-left:1px solid #ccc;
}

#pageNum #current, #pageNum .current {
	box-shadow:0px 0px 15px rgba(0,0,0,0.3) inset;
	background:#2aa3ff;
	color:#fff;
	text-shadow:1px 1px 0px rgba(255,255,255,0);
}

#pageNum #first a, #pageNum .first a {
	color: transparent;
	width: 17px;
	height: 23px;
	background: url(/imagesv4/arrow-first.png) no-repeat center center;
	font-size:0px;
	padding:12px 14px 13px;
}

#pageNum #last a, #pageNum .last a {
	color: transparent;
	width: 17px;
	height: 23px;
	background: url(/imagesv4/arrow-last.png) no-repeat center center;
	font-size:0px;
	padding:12px 14px 13px;
}

#pageNum #first a:hover, #pageNum .first a:hover {
	border-left:0px solid transparent;
}

/* Login Page */


/* Login Page */

body.login .contentBG-inner,
body.passremind .contentBG-inner,
body.signup .contentBG-inner,
body.register .contentBG-inner{
	width:310px;
	margin:20px auto 10px;
	background:#f6f6f6 url(/imagesv4/bg-grad/grad15.png) repeat-x bottom;
	padding: 0px 30px 40px 30px;
	border:1px solid #dbdbdb;
	border-radius:5px;
	box-shadow: 1px 1px 0px rgba(255,255,255,1) inset, 6px 6px 16px rgba(0,0,0,0.05);
	position: relative;
	z-index: 1;
}

body.login{
	background: none repeat scroll 0 0 #FFFFFF !important;
}

body.signup{
	background: none repeat scroll 0 0 #FFFFFF !important;
}

.login-button-area-left {
	float:left;
}

.login-button-area-right {
	float:left;
	margin-left:22px;
	margin-top:5px;
	color: #0C8BEC;
	width: 150px;
}

.login-button-area {
	margin-top:20px;
}

.login-form-bottom {
	width:370px;
	margin:0px auto;
	color:#6e7072;
	margin-top:10px;
}

.login-form-bottom-left{
	float:left;
}

.login-form-bottom-right {
	float:right;
}

body.login h1 , body.passremind h1 {
	padding: 15px 0px 11px 0px;
}

body.login tr:nth-child(3) td, body.passremind tr:nth-child(3) td {
	padding-bottom:20px;
}

body.login tr:nth-child(3) td:nth-child(2), body.passremind tr:nth-child(3) td:nth-child(2)   {
	padding-top:20px;
}

body.login tr:nth-child(4),body.passremind tr:nth-child(4) {
	background:url(/imagesv4/separator/header-separator.png) repeat-x top;
}

body.login tr:nth-child(4) a,body.passremind tr:nth-child(4) a {
	margin-left:-20px;
	margin-top:10px;
	display:block;
}

body.login td.formQ,body.passremind td.formQ {
	width:100px;
}

.login #header-top, .register #header-top, .signup #header-top, .passremind #header-top {
    background: none repeat scroll 0 0 transparent;
}


.login #header-top-inside, .register #header-top-inside, .signup #header-top-inside , .passremind #header-top-inside {
    background: none repeat scroll 0 0 transparent;
    padding-top: 35px;
    width: 372px;
	margin: 0 auto;
}

body.login #main-wrapper, body .register #main-wrapper, body.signup #main-wrapper, body .passremind #main-wrapper   {
    height: auto;
    width: 100%;
}

.login .contentBG, .register .contentBG, .signup .contentBG, .passremind .contentBG   {
    border-bottom: 0 none;
    border-top: 0 none;
}

/* overview page */
.jobs .boxWrapPad{
	box-shadow: none;
}
.editjob .print{
	padding:10px;
	float:right;
}
.overview .boxWrapPad, .jobs .boxWrapPad {
	background: url(/imagesv4/bg-grad/grad-27.png) repeat-x 0px -20px #fff;
	border: 1px solid #d2d2d2;
	box-shadow: 0px 1px 0px rgba(255,255,255,1) inset;
	border-radius: 0px 5px 0px 0px;
	padding: 12px 15px;
	position: relative;
	z-index: 1;
	font-size: 12px;
	border-bottom: 1px #d8d8d8 solid;
}


/* nav-tab */

.nav-tab a {
	font-size:12px;
	color:#3E3E3E;
}

.nav-tab li {
	float:left;
	margin-right:7px;
}

.jobs .nav-tab li a,
.templates .nav-tab li a{
	line-height:22px;
}

.nav-tab li a, .job-edit-tab-link{
	padding:7px 17px 5px 17px;
	display:block;
	background:url(/imagesv4/bg-grad/grad18.png) repeat-x top #fafafa;
	border:1px solid #d8d8d8;
	/*border-radius*/
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	border-bottom:0px;
	/*box-shadow*/
	-webkit-box-shadow:0px 2px 0px rgba(255,255,255,1) inset;
	-moz-box-shadow:0px 2px 0px rgba(255,255,255,1) inset;
	box-shadow:0px 2px 0px rgba(255,255,255,1) inset;
}

.nav-tab li a:hover{
	background:#dddddd url(/imagesv4/bg-grad/grad19.png) repeat-x top;
	/*box-shadow*/
	-webkit-box-shadow:0px 2px 0px rgba(255,255,255,0.75) inset;
	-moz-box-shadow:0px 2px 0px rgba(255,255,255,0.75) inset;
	box-shadow:0px 2px 0px rgba(255,255,255,0.75) inset;
	color:#fff;
}


.nav-tab li.active a {
	background:#f4f4f4 url(/imagesv4/bg-grad/grad20.png) repeat-x;
	border:1px solid #c5c5c5;
	border-bottom:none;
	position:relative;
	color:#0C8BEC;
	font-weight:bold;
	padding:6px 17px 7px 17px;
	z-index:2;
}

.jobs .nav-tab li.active:first-child a, .templates .nav-tab li.active:first-child a {
	padding:6px 17px 5px 17px;
}
.jobs .nav-tab li.active:nth-child(2) a, .templates .nav-tab li.active:nth-child(2) a {
	padding:6px 17px 3px 17px;
}
.jobs .nav-tab li.active a, .templates .nav-tab li.active a {
	padding:6px 17px 4px 17px;
}
.nav-tab {
	height: 33px;
	margin-top: 10px;
}

.nav-tab img {
	position:relative;
	top:4px;
}

#dashboard_search {
	font-size:12px;
	color:#787676;
}

#dashboard_search td {
	float:left;
	display:block;
}

#dashboard_search input, #dashboard_search select {
	margin-right:10px;
}


#hmJobFeed {
	background:#fbfbfb url(/imagesv4/bg-grad/grad43.png) repeat-x;
	border-top:0px;
	/*border-radius*/
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	padding:0px;
	border-left:0px;
}

#editmobi {
	/*border-radius*/
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	display: inline-block;
}

.editmobiuser .hmFeed,
.editcustomer .hmFeed{
	width:896px;
}

.editjob .hmFeed {
	width: 95%
}

.hmFeed {
	padding-left: 30px;
	padding-right: 30px;
	font-size: 13px;
	color: #727272;
	float: left;
	width: 605px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d3d3d3;
	padding-top: 20px;
	position: relative;
	background: url(/imagesv4/bg-grad/grad43.png) repeat-x top #fbfbfb;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: opacity 2s linear;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: opacity 2s linear;
}

.intergrationfooter{
	bottom: 5px;
}

.hmFeed:hover {
	background:url(/imagesv4/bg-grad/grad43-hover.png) repeat-x top #e6e6e6;
	-moz-transition:opacity 2s linear;
}

.hmFeed:hover .feedtitle, .hmFeed:hover .hmFeedType {
	color:#696969;
}

.feedtitle, .hmFeedType {
	font-size:11px;
	color:#3E3E3E;
	display:block;
	margin-bottom:5px;
	-webkit-transition:all 0.3s ease-in ;
	-moz-transition:all 0.3s ease-in ;
	-o-transition:all 0.3s ease-in ;
	-ms-transition:all 0.3s ease-in ;
	transition:all 0.3s ease-in ;
}

.leftFeedItem {
	word-wrap: break-word;
	float: left;
	width: 360px;
}


.rightFeedItem {
	float:right;
	border:1px solid #e1e1e1;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-top:10px;
	box-shadow:0px 2px 0px rgba(255,255,255,0.6) inset;
	font-size:12px;
	color:#717171;
	background:white;
}

.rightFeedItem >  span {
	padding:15px;
	padding-left:60px;
	display:block;
	width:110px;
}

.hmFeedPartQ .rightFeedItem >  span,.hmFeedPartA .rightFeedItem >  span{
	background:url(/imagesv4/parts.png) no-repeat 10px 20px;
}

.hmFeedPDF .rightFeedItem >  span{
	background:url(/imagesv4/quote.png) no-repeat 10px 20px;
}

.hmFeedTimeA .rightFeedItem >  span, .hmFeedTimeQ .rightFeedItem >  span{
	background:url(/imagesv4/time.png) no-repeat 10px 18px;
}

.hmFeedPayA .rightFeedItem >  span{
	background:url(/imagesv4/payment.png) no-repeat 10px 18px;
}

.hmFeedPartA .leftFeedItem, .hmFeedPartQ .leftFeedItem, .hmFeedPayA .leftFeedItem, .hmFeedTimeA .leftFeedItem, .hmFeedPDF .leftFeedItem  {
	width:340px;
}

.hmFeedJob .rightFeedItem  > span{
	padding:15px;
	padding-left:15px;
	width:155px;
}

.modalParts #pageNum{
	margin-bottom:0px;
}

#pageNum{
	background: url(/imagesv4/bg-grad/grad16.png) repeat-x 0px -20px #E5E5E5;
	font-size: 13px;
	float: left;
	width: 99.9%;
	-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	-moz-box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	border-left: 1px solid #c5c5c5;
	margin-bottom: 30px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.no-sidebars  #pageNum {
	width:958px;
}

.feed-icon {
	width:35px;
	height:35px;
	left:-18px;
	position: absolute;
}

.hmFeedPartQ .feed-icon, .hmFeedPartA .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -173px;
}

.hmFeedPDF .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -216px;
}

.hmFeedTimeA .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -87px;
}

.hmFeedPayA .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -304px;
}

.hmFeedNote .feed-icon {
	background: url(/imagesv4/feed-type.png) no-repeat left 0px;
}

.hmFeedTimeQ .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -87px;
}

.hmFeedMessage .feed-icon, .hmFeedJobShare .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -348px;
}

.hmFeedJob .feed-icon, .hmFeedJobShareDashboard .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -44px;
}

.hmFeedStaff .feed-icon {
	background:url(/imagesv4/feed-type.png) no-repeat left -130px;
}

.hmSignIn .feed-icon {
	background: url(/images/feed-type.png) no-repeat left -348px;
}

.hmFeedPartQ , .hmFeedPartA {
	border-left:3px solid #4389f6;
}

.hmFeedPDF  {
	border-left:3px solid #fe009d;
}

.hmFeedTimeA {
	border-left:3px solid #fbdd00;
}

.hmFeedPayA  {
	border-left:3px solid #676767;
}

.hmFeedNote {
	border-left:3px solid #ff0000;
}

.hmFeedTimeQ {
	border-left:3px solid #fbdd00;
}

.hmFeedStaff {
	border-left:3px solid #2bda00;
}

.removeLeftPadd{
	padding-left: 0px !important;
}

.hmFeedMessage, .hmFeedJobShare {
	border-left:3px solid #a9e864;
}

.info-window-title{
	color:#3e3e3e;
	padding-bottom:7px;
	background:url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	font-weight:bold;
	font-size: 16px;
}
.info-window-title a.btnGrey{
	float:right;
	margin-top:-5px;
}
#mapPanelTest{
	padding:10px;
}
#mapPanelTest .hmFeedJob{
	border-left: none;
}
.hmFeedJob, .hmFeedJobShareDashboard {
	border-left:3px solid #ff9400;
}

/* block-feed */

#feed.block h2 {
	background:url(/imagesv4/feed.png) no-repeat 20px center ;
	display:block;
	margin-bottom:10px;

}

#feed a.title {
	padding-bottom:10px;
	display:block;

}

tfoot td {
	vertical-align:middle !important;
	padding:4px;

}

tfoot form {
	height:36px;


}

.autointerval-wrapper {
	float:left;
	margin-top:10px;
	margin-right:10px;

}


/* jobs page */

a.btnGreen, button.btnGreen{
	background: #81B33E;
	border: 1px solid #81B33E;
	font-size: 13px;
	color: #fff !important;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	border-radius: 3px;
	text-shadow: none;
	font-weight: bold;
	transition: all .25s ease-in-out;
	-moz-transition: ally .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	cursor: pointer;
	margin-left: 5px;
}

a.btnGreen:hover, button.btnGreen:hover{
	background: #71A32E;
	border: 1px solid #71A32E;
}

a.btnGrey, a.wizzard-next, button.btnGrey{
	background-color: #939292;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;
	border: 1px solid #939292;
	position: relative;
	margin-top: 0px;
	display: inline-block;
	cursor: pointer;
	width: auto;
	height: auto;
	text-align: center;
	margin-left: 10px;
}

a.btnGrey:hover, a.wizzard-next{
	background-color:#3E3E3E;
	border: 1px solid #3E3E3E;
}

.top-right {
    float: right;
    margin-top: 10px;
}

.adv-search-text{
	display: block;
    float: left;
    margin-right: 10px;
	width:100px;
}

.jobs .boxWrapPad td {
	display:block;
	float:left;
	margin-right:10px;

}
.view-type {
	background:url(/imagesv4/bg-grad/grad-28.png) repeat-x bottom #fff;
	border:1px solid #D2D2D2;
	border-radius:5px;
	box-shadow:1px 1px 0px rgba(255,255,255,1) inset;
	float:right !important;
	overflow:hidden;
	margin-right:0px !important;

}
.view-type li {
	float:left;


}

.view-type li.active {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3) inset;
	background: #2AA3FF;
	color: white;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0);

}

.view-type li:hover {
	background:url(/imagesv4/bg-grad/grad-29.png) repeat-x top #fff;

}

.view-type li a {
	display:block;
	width:35px;
	height:35px;
	font-size:0px;
	text-indent:-99999;
	color:transparent;

}

li.list-view a {
	background:url(/imagesv4/list.png) no-repeat center center;
	border-right:1px solid #dfdfdf;

}


.view-type li.active.list-view a {
	background:url(/imagesv4/list-active.png) no-repeat center center;

}

li.sum-view a {
	background:url(/imagesv4/summary.png) no-repeat center center;
	border-left:1px solid #fff;

}

.view-type li.active.sum-view a {
	background:url(/imagesv4/summary-active.png) no-repeat center center;

}

/*
table.standardtable thead td:nth-child(13) {
	background: none;
}
*/
/*
table.standardtable thead td:nth-child(14) {
	background: none;
}*/

.invoicebutwrap{
	width: 55px;
}

thead a.add-job{
	margin-bottom: 0px;
}
.parts a.add-job{
	float:none;
}

#taxform input{
	margin-top: 0px;
}

a.add-job.add-jobthin{
	background: url(/imagesv4/add-button-large.png) repeat-x -19px -8px;
}









/*
.workgroups a.add-job{
	margin: 15px;
}
*/
a.add-staff{
	margin-top: 0px;
}

#arefinterval a.btn {

	background: white url(/imagesv4/bg-grad/cancel-btn.png) no-repeat left top;
	font-size: 12px;
	font-weight: bold;
	color: #686868;
	text-transform: uppercase;
	padding: 3px 15px 3px 15px;
	border-radius: 45px;
	-webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	border: 1px solid #D2D2D2;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	position: relative;
	margin-top: 0px;
	display: inline-block;
	cursor: pointer;
	width: auto;
	height: auto;
	text-align: center;
	margin-left: 10px;

}

#arefinterval a.btn:hover {
	background: url(/imagesv4/bg-grad/grad-26.png) repeat-x top white;

}


#main-wrapper {
	width:100%;
	height:100%;
	overflow-x: hidden;

}

.popup-overlay, #zenbox_scrim{
	width:100%;
	height:100%;
	background: #000;
	opacity:0.6;
	position:fixed;
	z-index:100;
}

#zenbox_overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 90000;
}

.pop-box{
	position:absolute;
	z-index:101;
	background:rgba(255,255,255,0.2);
	padding:10px;
	border-radius:7px;
	left:27%;
	top:5%;
}
.pop-box, #zenbox_container{
	position:absolute;
	z-index:101;
	left:27%;
	top:5%;
}

.pop-box-inner{
	width:595px;
	background:#f6f6f6;
	border-radius:5px;
	padding:15px;
	position:relative;
	z-index:103;


}

#close-window{
	position:absolute;
	top:-10px;
	right:-10px;
	z-index:105;
	cursor:pointer;
}

.zenbox_header #zenbox_close {
	position:relative;
	top:10px;
	float: right;
	right:-20px;
	z-index:105;
	cursor:pointer;
}

/* conflicts with new modal_add_visit_wrapper_inner style
.pop-box h3, #fancybox-content h3, #fancybox-content h1 {
	color: #308DD4;
	font-size: 18px;
	line-height: 26px;
	padding: 0px 0px 11px 0px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	font-weight: bold;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;

}*/

.pop-box p, #fancybox p {
	font-size: 13px;
	line-height: 21px;
	color: #636363;
	margin-top: 15px;
	margin-bottom:15px;

}

.pop-up-button {
	float:left;
	margin-right:20px;
}

/* Jobs search header */
table.job-search {
	width: 100%;
	border: 0px;
	border-spacing: 0px;
	border-collapse: collapse; /* IE 5-7 */
}
table.job-search td {
	display: table-cell !important;
	float: none !important;
	margin: 0px;
	padding: 1px !important;
}
.job-search label {
    float: left;
    margin-top: 9px;
    width: 65px;
	color: #308DD4;
}

.job-search td.setpointer {
    margin-right: 5px;
    width: 20px;
}
/* import-client */
.main-content #importclients_id .formBlock  h3 {
	padding-top:0px;


}

.main-content #importclients_id  .formBlock {

	margin-top: 20px;
	z-index: 1;
	position: relative;
	border-top:0px;
	background:url(/imagesv4/separator/header-separator.png) repeat-x top #f0f0f0;



}

.main-content #importclients_id  .formBlock .btnGrey {
	background: white url(/imagesv4/bg-grad/cancel-btn.png) repeat-x left top;
	font-size: 12px;
	font-weight: bold;
	color: #686868;
	text-transform: uppercase;
	padding: 3px 15px 3px 15px;
	border-radius: 45px;
	-webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	border: 1px solid #D2D2D2;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: auto;
	height: auto;
	text-align: center;
	margin-left: 0px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	margin-top:15px;
	margin-bottom:20px;


}

.main-content #importclients_id  .formBlock .btnGrey::before {
	background: url(/imagesv4/bg-grad/grad13.png) repeat-x top white;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 6px;
	left: -6px;
	top: -6px;
	z-index: -1;
	border-radius: 46px;
}

.file_input_div input {
	width:170px;
	margin-bottom:10px;

}

.main-content #importclients_id  .formBlock .btnGrey:hover {
	background: url(/imagesv4/bg-grad/grad-26.png) repeat-x top white;
}

.main-content #importclients_id  .formBlock table {
	background:url(/imagesv4/separator/header-separator.png) repeat-x top;

}

.main-content #importclients_id  .formBlock table .file_input_div {
	padding-top:15px;

}
#taxform .clickSubmit {
	float:right;
	text-shadow: none !important;
	position:relative;
	top:-6px;
	font-weight:normal;
}

.greyout{
	opacity: .7;
}

.edittab-header .btnGrey,.newsave .btnGrey {
	background-color: #939292 !important;
	border: 1px solid #939292 !important;
}

.edittab-header .btnGrey:hover, .newsave .btnGrey:hover{
	background-color: #3E3E3E !important;
	border: 1px solid #3E3E3E !important;
}

#visitDetails .jobSaveButton{
	top:-28px !important;
}

.edittab-header .jobSaveButton,  .newsave .jobSaveButton{
	float:right;
	text-shadow: none !important;
	position:relative;
	top:-6px;
	font-weight:normal;
}

.leave-tab-wrapper .jobSaveButton {
	float:right;
	text-shadow: none !important;
	position:relative;
	font-weight:normal;
}

.leave-tab-wrapper .jobDeleteButton,
.leave-tab-wrapper .jobDeleteButton:hover {
	float: left;
	text-shadow: none !important;
	position: relative;
	font-weight: normal;
	background-color: #fff;
    color: #0079C6 !important;
}

.modal_add_visit_wrapper_inner button.job-visit-submit {
	font-weight:normal;
}

.jobMapWrap {
	margin-left:498px;
	/*border-left:1px solid #C5C5C5;
	background-color:#f6fbfd;*/
}

.jobTabWrap{
	float:left;
}

#taxform h3 {
	padding:25px 0px 17px 0px;
}

/*tax */

#editpdf .field-desc {
	margin-top:5px;

}

/*notif-bar*/
.msg_err, .msg_ok, .thefocus{
	display:none;
}
#notif-wrapper,#notif-wrapper-legacy {
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 15000;
	opacity:1;
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
}

#notif-wrapper.ng-hide-add,
#notif-wrapper.ng-hide-remove {
  display:block!important;
}

#notif-wrapper.ng-hide-add.ng-hide-add-active,
#notif-wrapper.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

#notif-wrapper.ng-hide {
  opacity:0;
}

.main-contentModal{
	float: none !important;
	padding-bottom: 0px !important;
}

#notif {
	width: 880px;
	padding: 10px;
	margin: 0px auto;
	color: #fff;
	padding-right: 50px;
	padding-left: 30px;
	position: relative;
}

.field-error, form input.error, form select.error, form textArea.error{
	border:1px solid #ee1c24 !important;
	background:url(/imagesv4/field-error-icon.png) no-repeat right center #fff !important;
	padding-right: 35px;
	/*	padding:2px 37px 2px 5px;*/

}
.field-error-message.w-plus {
	right: 35px;
}
.field-error-message {
	margin-top:10px;
	padding-left: 3px;
}
.forcefocuserror{
	border:1px solid #ee1c24 !important;
	background:url(/imagesv4/field-error-icon.png) no-repeat right center #fff !important;
	/*	padding:2px 37px 2px 5px;*/

}

#edit_note_icon{
	vertical-align: middle !important;
}

label.error{
	background:none;
	padding-left:5px !important;
	vertical-align: middle;
	border:none;
}
#notif-wrapper.error,#notif-wrapper-legacy.error {
	background: #E91B23 url(/imagesv4/error-patern.png) repeat top left !important;
	border-bottom: 1px solid #d51219;
}

#notif-wrapper.error #notif,#notif-wrapper-legacy.error #notif {
	background: url(/imagesv4/warning.png) no-repeat left center;
}

#notif-wrapper.success,#notif-wrapper-legacy.success {
	background: #89BC4A url(/imagesv4/success.png) repeat top left;
	border-bottom: 1px solid #73a437;
}

#notif-wrapper.success #notif,#notif-wrapper-legacy.success #notif {
	background: url(/imagesv4/success-notif.png) no-repeat left center;
}

.notif-close {
	display: block;
	width: 47px;
	background: url(/imagesv4/notif-quit.png) no-repeat center center;
	height: inherit;
	font-size: 0px;
	color: transparent;
	height: 41px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.notif-close:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
}


.force-left-float{
	float: left !important;
}

/*float-support-bar*/

#float-bar-wrapper, #zenbox_tab {
	position: fixed;
	z-index: 9999;
	right: 0px !important;
	background: #3e3e3e;
	top: 30%;
	cursor:pointer;
}

#float-bar-wrapper li a, #zenbox_tab div {
	padding: 12px;
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in; /* Opera */
}

#float-bar-wrapper li a:hover , #zenbox_tab div:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	background: url(/imagesv4/bg-grad/grad42.png) repeat-y right;
}

#float-bar-wrapper li {
	background: url(/imagesv4/separator/float-bar-separator.png) repeat-x bottom;
}

#usermap{
	border: 1px solid #d4d4d4;
	background: #fff;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
}

/* staff-roles */

.staff-roles-header, .userDetailHeader, userStatusHeader, userMapHeader {
	background: url(/imagesv4/bg-grad/grad41.png) #e5e5e5 top repeat-x;
	border: 1px solid #c7c7c7;
	border-radius: 5px 5px 0px 0px;

	-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	font: 14px;
	color: #404040;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
}

.staff-roles-left {
	padding: 15px 20px;
	width: 192px;
	background: url(/imagesv4/separator/staff-roles-separator.png) repeat-y right;
}

.staff-roles-content li.vertical-menus-items a {
	padding: 20px;
}

.staff-roles-main-content {
	float: left;
	width: 707px;
	padding: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	position: relative;
}

.staff-roles-tab {
	float: left;
	width: 707px;
	position: absolute;
	top: -36px;
}

.staff-roles-tab li {
	float: left;
	margin-right: 15px;
}

.staff-roles-tab li a {
	display: block;
	background: url(/imagesv4/bg-grad/grad39.png) repeat-x top #ededed;
	color: #a3a3a3;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 10px 30px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #d4d4d4;
	border-bottom: 0px;

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

.staff-roles-tab li a:hover {
	background: url(/imagesv4/bg-grad/grad37.png) repeat-x top #e4e4e4;
}

.staff-roles-tab li.active a {
	background: url(/imagesv4/bg-grad/grad40.png) repeat-x top #f8f8f8;
	padding-bottom: 11px;
}


/* notes button */
.note-buttons{
	float: right;
}
.note-buttons a.btn {

	background:url(/imagesv4/bg-grad/grad36.png) repeat-x top #71bd27;
	border:1px solid #3fb013;
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	padding: 2px 12px 2px 12px;
	float:right;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	margin-left:10px;

}

.note-buttons a.btn:hover {
	background:url(/imagesv4/bg-grad/grad35.png) repeat-x top #61a322;
	color:#d7f0bf;
}


.login-facebook{
	padding-left:10px;
	width:250px;
	vertical-align: top;
}

.rates textarea[name='description']{
	resize:vertical;
	width: 400px;
	height: 50px;
	margin: 5px 0px;
	margin-top: 10px;
}

/*New Style Mods*/

.statusAddOffset{
	text-decoration: none;
	float: left;
	margin-bottom: 0px;
	margin-top: -4px;
	margin-left: 15px;
}


/*ZEN DESK OVERRIDES*/

#zenbox_close {
	cursor: pointer;
	height: 46px;
	position: relative;
	top: 10px;
	width: 46px;
}

#zenbox_body {
	height: 900px;
	margin-top: -18px;
	position: relative;
	width: 615px;
}
/*
#zenbox_scrim {
  background-color: #000;
  filter:alpha(opacity=42);
  -moz-opacity: 0.42;
  opacity: 0.42;
  left:0;
  position: absolute;
  top:0;
  width: 100%;
  z-index:1;
}*/

/*END ZEN DESK OVERRIDES*/

::-webkit-input-placeholder {
	color: #a9a9a9 !important;
}

:-moz-placeholder {
	color: #a9a9a9 !important;
}

.passdoublecheck{
	display:none;
}
#fancybox-wrap{
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	background: rgba(255, 255, 255, 0.2);
	padding:10px;
	width:auto !important;
	z-index:520;
}

#fancybox-outer{
	background-color:#F6F6F6;
}
#fancybox-overlay{
	background: black !important;
	opacity: 0.6;
	z-index:510;
}
#fancybox-content{
	overflow: visible !important; /*Needed for dropdowns to overflow*/
	border-color: #f6f6f6;
	background: #F6F6F6;
	border-radius: 5px;
	padding: 15px;
}
#fancybox-close{
	background: url('/imagesv4/close-button.png');
}
.jobMessageFormWrap{
	width: 355px;
	padding:0;
	margin-left:0;
	float:right;
}

.jobMessageWrap {
    width: 70%;
	float: left;
}

/* register page */

body.signup .contentBG-inner {
	width: 515px;
}

body.signup .contentBG {
	padding-bottom: 100px;
}

body.signup .formBlock {
	background: transparent url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	border: none;
}

body.signup .formBlockWhite {
	background: #f2f2f2 url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	border: none;
}

body.signup td.formQ {
	padding: 5px 0px !important;
	vertical-align: middle;
}

body.signup .checkboxes a {
	display: inline-block !important;
	margin-left: 0px !important;
}

body.signup .checkboxes {
	margin-top: 10px;
}

body.signup .checkboxes .checkbox {
	position: relative;
	top: 10px;
}

.signup #header-top-inside {
	background: none;
	width: 577px;
	padding-top: 35px;
}

body.signup #freetrial .contentBG-inner {
	padding: 0px;
	width: 577px;
}

.signup .register-login-link {
	width: 577px;
	margin: 0px auto;
	text-align: right;
	margin-top: -30px;
}

body.signup #freetrial {
	padding-bottom: 0px;
}

body.signup #freetrial img {
	display: block;

}


#signUpForm checkboxesselect {
    background: url("/imagesv4/select-arrow.png") no-repeat scroll right 8px #FFFFFF;
    padding: 5px 15px;
    width: 192px;
}

#signUpForm input[type="text"], #signUpForm input[type="password"], #signUpForm select, #signUpForm textarea,
#signUpForm input[type="file"], #signUpForm input[type="textfield"], #signUpForm input.email {
	font-size: 12px;
	color: #606060;
	padding: 6px 15px;
	border-radius: 5px;
	border: 1px solid #d1caca;
	background:#fff;

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255,255,255,0.5);
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 160px;
	margin-top: 5px;
	line-height: 15px;
}

/* staff-roles */

.staff-roles-header {
	background: url(/imagesv4/bg-grad/grad41.png) #e5e5e5 top repeat-x;
	border: 1px solid #c7c7c7;
	border-radius: 5px 5px 0px 0px;

	-webkit-box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	font: 14px;
	color: #404040;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,1);
}

.staff-roles-left {
	padding: 15px 20px;
	width: 192px;
	background: url(/imagesv4/separator/staff-roles-separator.png) repeat-y right;
}

.staff-roles-content li.vertical-menus-items a {
	padding: 20px;
}

.staff-roles-main-content {
	float: left;
	width: 707px;
	padding: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	position: relative;
}

.staff-roles-tab {
	float: left;
	width: 707px;
	position: absolute;
	top: -36px;
}

.staff-roles-tab li {
	float: left;
	margin-right: 15px;
}

.staff-roles-tab li a {
	display: block;
	background: url(/imagesv4/bg-grad/grad39.png) repeat-x top #ededed;
	color: #a3a3a3;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	padding: 10px 30px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #d4d4d4;
	border-bottom: 0px;

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

.staff-roles-tab li a:hover {
	background: url(/imagesv4/bg-grad/grad37.png) repeat-x top #e4e4e4;
}

.staff-roles-tab li.active a {
	background: url(/imagesv4/bg-grad/grad40.png) repeat-x top #f8f8f8;
	padding-bottom: 11px;
}
.note-buttons{
	float:right;
}

#mobiusersform .standardtable {
	width: 1300px !important;
}

/*fixed */

.fixed {
	position:fixed;
	top:0px;
	width:100%;
	z-index:1000;
	box-shadow:0px 0px 15px rgba(0,0,0,0.1);

}

.fixedtablehead{
	position:fixed;
	top:126px;
	z-index:2;
	box-shadow:0px 0px 15px rgba(0,0,0,0.1);
}

.fixedtablehead.paddwarn{
	top:178px;
}

.fixedwidehead {
	width: 1300px !important;
}

.fixednarrowhead {
	width: 961px !important;
}

#messagetab .fixednarrowhead {
	width: 922px !important;
}

#invoiceListHolder .veryfixednarrowhead{
	width: 300px !important;
}

#messagetab .veryfixednarrowhead{
	width: 593px !important;
}

.fixednarrowhead .help_rates_activity{
	width:170px !important;
}
.fixednarrowhead .help_rates_coa{
	width:90px !important;
}
.fixednarrowhead .help_rates_charge_rate,.fixednarrowhead .help_rates_cost{
	width:80px !important;
}

.fixednarrowhead .hideonclone .add_rate_class{
	display: none;
}


.padd-button-nofloat{
	display: inline !important;
    float: none !important;
	padding: 7px 13px  !important;
}

.fixedBottom {
	position:fixed !important;
	bottom:0px;
	width:377px;
	z-index:499;
	height:32px;
}

.floaticon{
	float: right;
	margin-bottom: -20px;
	margin-right: -5px;
	z-index: 2000;
}

.BottomBackground{
	bottom: 40px;
    height: 30px;
    margin-bottom: 0;
    z-index: -20;
}

.fixedBottomBackground {
    bottom: 0;
    float: right;
    height: 30px;
    margin-right: 48px;
    position: fixed;
    right: 0;
    width: 80%;
}

/* child-menu */

.child-menu li a{
	background: none !important;
	font-size: 11px !important;
	color: #fff !important;
}

.child-menu li{
	float: none !important;
	background: none !important;
	padding-top: 0px !important;
}

.child-menu{
	position: absolute;
	z-index: 100;
	right: 0px;
	width: 150px;
	display:none;
}
.main-nav-space-holder{
	height:75px;
	display:none;
}
#main-menu li.parent-menu-item, .parent-menu-item {
	position: relative;
}
#main-menu li.parent-menu-item:hover > ul, .parent-menu-item:hover > ul {
	display:block;
}
#main-menu li.parent-menu-item ul, .parent-menu-item ul {
	background: #68BB3B;
	position: absolute;
	z-index: 100;
	display:none;
	margin-left: -64px;
}
#main-menu li.parent-menu-item ul li, .parent-menu-item ul li {
	background:none;
	float:none;
	border:none;
	padding:0;
}
#main-menu li.parent-menu-item ul li a, .parent-menu-item ul li a {
	padding: 15px 13px 15px 15px;
	display:block;
	background: none;
	font-size: 11px;
	color: #fff;
	position: relative;
	width:auto;
}

#main-menu li.parent-menu-item ul li a:hover, .parent-menu-item ul li a:hover {
	background: #58a52f;
}
#main-menu #main-menu-08 ul li a {
	width:90px;
}

/*poup-overlat*/
#IModal .ic_header .ic_new_message{
	display:none;
}

#IModal form{
	display:none !important;
}

#IModal #IntercomMessageViewContainer .ic_messages_wrapper{
	height:350px !important;
	border-bottom: none !important;
}

#IModal #IntercomNewMessageContainer{
	display:none !important;
}

#IModal #IntercomMessageListView{
	/*	display:block !important;*/
}


#Intercom em {
	display: inline-block;
	font-size: 15px;
	color: white;
	padding: 6px 8px;
	text-indent: 0;
	top: 0;
	left: 24px;
}

/* Intercom large announcements */
#intercom-container .intercom-conversation-announcement .intercom-sheet-body {
    opacity: 0.8 !important;
}

#intercom-container .intercom-announcement {
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2) !important;
}

#intercom-container .intercom-conversation-announcement .intercom-sheet-header {
    height: 83px !important;
}

#intercom-container .intercom-announcement-avatar {
    display: none !important;
}

/* Intercom right-side announcements */
#intercom-container .intercom-sheet-body {
    opacity: 0.8 !important;
}

#intercom-container .intercom-sheet-header {
    height: 83px !important;
}

#intercom-container .intercom-sheet-body {
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.2) !important;
}

.intercom-sheet-content-container .intercom-small-announcement-avatar-container {
    display: none !important;
}

#intercom-container .intercom-small-announcement-avatar {
    display: none !important;
}

#intercom-container .intercom-sheet-content-container {
    padding-top: 25px !important;
}

#intercom-container .intercom-conversations-item {
    background-color: white !important;
}

#intercom-container .intercom-sheet-content {
    overflow-y: auto !important;
}

.disabled{
	color:#C9C9C9;
}
.nav-tab + .boxWrapPad{
	box-shadow:none;
}
#messagetab .jobMessageFormWrap .formBlock:last-child {
	border-bottom:none;
}
#notestab, #messagetab, #formstab {
	border: 1px solid #C5C5C5;
}
#notestab table.standardtable {
	border:none;
}
.editjob #recurtab .smallnumber, .smallnumber {
	width: 20px;
}
#edittab.boxWrap, #editCustomer.boxWrap {
	border: 1px solid #C5C5C5;
	border-top-left-radius: 0;
	background:url(/imagesv4/formblock-bg.jpg) repeat-y left;
}
#edittab.boxWrap .jobFormWrap div.formBlock:first-of-type ,#editCustomer.boxWrap table.standardtableNoHover tr td div.formBlock:first-of-type{
	border-top:none;
}
input[type="checkbox"] + label{
	width:auto;
	vertical-align: inherit;
	padding:inherit;
}
#mobiusersform .checkbox, #customersform .checkbox{
	padding:0;
}
/*#partstab table.standardtable thead tr, #jobs table.standardtable thead tr {
	background-color: #fff;
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(white), to(#EAEAEA));
	background: -webkit-linear-gradient(top, white, #EAEAEA);
	background:    -moz-linear-gradient(top, white, #EAEAEA);
	background:     -ms-linear-gradient(top, white, #EAEAEA);
	background:      -o-linear-gradient(top, white, #EAEAEA);
}*/
.parts input[name="p_unit_price"],
.parts input[name="tax_cost_id"],
.parts input[name="s_unit_price"],
.parts input[name="tax_price_id"],
.parts input[name="profit"],
.parts input[name="margin"]{
	width:75px;
}
.parts #rate_holder textarea{
	width:350px;
}
#rate_holder textarea{
	margin:0px;
	width:455px;
	height:30px;
}
.parts #rate_holder a{
	float:right;
}

#multiassign_nlist .multi-assign-div a{
	margin-left: 10px !important;
}

#rate_table .multi-assign-div a{
	margin-left:-2px !important;
}
.primary-assign-div a{
	margin-left:10px;
}
#newpart{
	display:none;
}


#updatetab .leftFeedItem{
	width: 650px;
}

.editjob #updatetab .leftFeedItem{
	width: 80%;
}

/*.note-buttons a{
	margin-left:5px;
}*/
/* drop down button */
.dropdown-select {
	display:inline-block;
	text-shadow: none;
}

.credithistorysingle .dropdown-select .btn, .credithistory .dropdown-select .btn{
	width: 155px;
}

.credithistorysingle .dropdown-select .btn:hover, .credithistory .dropdown-select .btn:hover{
	width: 155px;
}


.credithistorysingle .dropdown-select ul, .credithistory .dropdown-select ul{
	width: 180px;
}

.credithistorysingle div.dropdown-select .credithistory div.dropdown-select{
	width: 185px;
}

div.dropdown-select {
	width: 150px;
}

.dropdown-select ul{
	margin-left:5px;
	position:absolute;
	background: #81B33E;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	display:none;
	z-index: 50;
	margin-left: 5px;
	width: 147px;
}

.dropdown-select:hover > ul {
	display:block;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.dropdown-select.forcehover > ul {
	display:block;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 0 5px 5px;
}

td.userTdBox{
	vertical-align: top;
}

.dropdown-select a.enable_job_reminder_menu,
.dropdown-select a.enable_job_reminder_menu:hover,
.dropdown-select a.disable_job_reminder_menu,
.dropdown-select a.disable_job_reminder_menu:hover {
	background: #81B33E url(/scriptsv2/images/drop-down-arrow-down.png);
	background-repeat: no-repeat !important;
	background-position: 96% !important;
	text-align: left !important;
}

.dropdown-select a.btn, .dropdown-select a.btn:hover {
	padding: 5px 0;
	width: 120px;
	float: none;
	font-size: 13px;
	font-weight: bold;
	padding-left: 25px;
	color: #fff;
	background: #81B33E url(/scriptsv2/images/drop-down-arrow-down.png) no-repeat 10px center;
	display: block;
	border: 1px solid #81B33E;
	border-radius: 3px;
	transition: all .25s ease-in-out;
	-moz-transition: ally .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	cursor: pointer;
}

.dropdown-select a.btn img{
	padding-right:5px;
}

.dropdown-select a.btn:hover {
	color:#FFF;
}

.dropdown-select:hover a.btn {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 3px;
}

.dropdown-select ul li a{
	position:relative;
	z-index: 5000;
	display:block;
	padding:7px 15px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:rgba(255,255,255,0);
	/* text-shadow: 1px -1px 0px rgba(0, 0, 0, 0.4); */
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
.ui-autocomplete a{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
	transition:none;
}
.dropdown-select ul li{
	margin-left: 5px;
	padding:0;
	margin:0;
}
.dropdown-select ul li:first-child a{
	border-radius:0 0 0 0;

}
.dropdown-select ul li:last-child a {
	border-radius:0 0 5px 5px;
}

.dropdown-select ul li.last a{
	background:none !important;

}

.dropdown-select ul li a:hover {
	background:#6F9B33 !important;
	cursor:pointer;
}

#client_perm{
	border: 1px solid #D4D4D4;
	background: white;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 0px rgba(255, 255, 255, 0.5);
	-webkit-appearance: none;
	-moz-appearance: none;
}
/* drop down button end */
#multiadd input[type='text']{
	width: 150px;
}

#multiadd select{
	width: 182px;
}
.mobileusersquick .formQ{
	padding: 0px 0px 0px 10px !important;
	vertical-align: middle;
}

.shadeimage{
	opacity:0.15;
	filter:alpha(opacity=15); /* For IE8 and earlier */
}

.newclientmes {
	margin-top: 0;
	margin-right: 5px;
	padding: 0 5px 5px;
    background-color: #66B21C;
    border-radius: 5px 5px 5px 5px;
    color: white;
    float: right;
    height: 15px;
}

textarea.frminput.modal-textarea{
	width:320px;
	resize:none;
}

.editcustomer textarea.frminput.modal-textarea{
	width:370px;
}

.block:before {
	/*content:'';*/
	display:inline-block;
	height:100%;
	vertical-align: middle;
	margin-right:0;
}

.block:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align: middle;
	margin-right:-0.25em;
}
.center {
	display: inline-block;
	vertical-align: middle;
}

div.image-alt > .center {
	margin-top: 5px;
	vertical-align: middle;
	width:40px;
	height:40px;
}

.jobListingRed { /* Status New or Priority High */
	color:#990000;
}

.jobListingGreen { /* Status In-Progress or Priority Normal */
	color:#669900;
}

.jobListingOrange { /* Status On-Hold or Priority Low */
	color:#ff9900;
}
.help_time_invoiced, .help_n_quote_status{
	padding:5px 0px;
}
#editnoteform .radio {
	display:inline-block;
	line-height: 24px;
	vertical-align: middle;
	float: none;
}
.noteTotalHeader {
	color:#0C8BEC;
	float:left;
	width:50%;
	padding-bottom:10px;
}
/*.invSeperator{
	background:url(/imagesv4/bg-grad/grad-30.png) repeat-x bottom white;
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#EAEAEA), to(white));
	background: -webkit-linear-gradient(top, #EAEAEA, white);
	background:    -moz-linear-gradient(top, #EAEAEA, white);
	background:     -ms-linear-gradient(top, #EAEAEA, white);
	background:      -o-linear-gradient(top, #EAEAEA, white);
}*/
input.inline-edit-input{
	margin-top: 8px;
	border:1px solid transparent;
	background:transparent;
	box-shadow:none;
	-webkit-box-shadow: none;
	width:50px !important;
	padding:6px 10px;
	top:-4px;
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: right;
}

tr:hover input.inline-edit-input{
	border:1px solid #D4D4D4;
	background:white;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 0px rgba(255, 255, 255, 0.5);
}
#invForm .standardtable tr:hover{
	cursor:pointer;
}
#partstab table#notetable thead td {
	color:#3e3e3e;
	cursor:default;
}
#partstab table#notetable thead td a{
	cursor:pointer;
}

#notestab table#notetable thead td {
	cursor:default;
}

#notestab table#notetable thead td a{
	cursor:pointer;
}

.charges-sort-by, .notes-sort-by{
	padding-right:8px;
}
.charges-sort-by.desc, .notes-sort-by.desc{
	background:url(/imagesv2/desc.gif) no-repeat;
	background-position: 100% 50%;
	-webkit-transition: all 0 ease 0;-moz-transition: all 0 ease 0;-ms-transition: all 0 ease 0;-o-transition: all 0 ease 0;transition: all 0 ease 0;
}
.charges-sort-by.asc, .notes-sort-by.asc{
	background:url(/imagesv2/asc.gif) no-repeat;
	background-position: 100% 50%;
	-webkit-transition: all 0 ease 0;-moz-transition: all 0 ease 0;-ms-transition: all 0 ease 0;-o-transition: all 0 ease 0;transition: all 0 ease 0;
}

.job-copy-hide, .hide-customers{
	display:none;
}
.jobCopyBtn{
	float:right;
	margin-right:15px;
}

.smallwidth{
	width: 75px !important;
}

#rate_holder .firstRow input[name="code"] {
	width:230px;
}
#rate_holder .firstRow input[name="profit"], #rate_holder .firstRow input[name="margin"] {
	width:75px;
}
.jobSaveSpaceFiller{
	display:none;
	height:52px;
}
input[type="text"].searchBox{
	width:183px;
}
input.styled { display: none; }
.disabled { opacity: 0.5; filter: alpha(opacity=50);cursor:default; }

.roles input[type="text"].wg-selected, .workgroups input[type="text"].wg-selected,  .workgroupsv2 input[type="text"].wg-selected{
	color:#0C8BEC;
	font-weight: bold;
}

.editjob .active-tab{
	display:inline-block;
}

/* tables */
table.tablesorter {
	margin:10px 0pt 15px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
}
table.tablesorter thead tr .header {
	background-image: url(/imagesv4/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/imagesv2/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/imagesv2/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	/*background-color: #8dbdd8;*/
}
#msg-link, #time-link, #note-link,#bill-link{
	width:21px;
	height:25px;
	display:inline-block;
}

#msg-link{
	background: url(/imagesv2/iconsv2/msg-blue.png) no-repeat center;
}

#time-link{
	background: url(/imagesv2/iconsv2/time-blue.png) no-repeat center;
}

#note-link{
	background: url(/imagesv2/iconsv2/note-blue.png) no-repeat center;
}

#bill-link{
	background: url(/imagesv2/iconsv2/dollar-blue.png) no-repeat center;
}

#unbill-link img{
	padding-top:10px;
}

#payments-link img{
	padding-top:10px;
}

#pending-link img{
	padding-top:10px;
}

.rowdisable{
	color: red;
}

/* Form Widget Styles */

div.form-widget-block {
	padding-right: 10px !important;
}

div.form-widget-code {

	display: inline-block;
	background: #F8F3AB;
	padding: 7px;
	margin-bottom: 5px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	font-size: 11px;
}

td.form-widget-description {
	padding-bottom: 10px;
}

/* Promo Code Styles */

tr.promo-reg-hidden {
	display: none;
}

tr#promo-reg-input input {
	text-transform: uppercase;
}

tr#promo-reg-text p {
	margin: 12px 0;
}

a#promo-reg-toggle {
	cursor: pointer;
}

/* firefox specific css */
@-moz-document url-prefix(){

	select,x:-moz-any-link,x:default{
		/*background-image:none !important;*/
		/*padding-left:0px;*/
		padding-right:2px;
	}

}
/* firefox specific css end */

/*	new job list styles
	Kali
*/
.job-list-header{
	font-weight:bold;
	margin:0;
	background-repeat:repeat-x;
	background-color: #f0f0f0;
	background-image: url(/imagesv4/bg-grad/grad-30.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background-image:    -moz-linear-gradient(top, #fff, #f0f0f0);
	background-image:     -ms-linear-gradient(top, #fff, #f0f0f0);
	background-image:      -o-linear-gradient(top, #fff, #f0f0f0);
}
.job-list-column-heading, .job-list-column-heading-icon{
	background:url(/imagesv4/separator/tabel-header-separator.png) repeat-y right;
	padding:10px 5px;
}

.job-list-status-wrapper {
	padding-left: 3px;
	display: inline-block;
}

.icon-down-push{
	margin-top:7px;
}

.job-list-column-heading-icon{
	height:40px;
	text-align:center;
	width:40px;
	position:relative;
	padding:0;
}
.job-list{
	border-right:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
.job-list-row{
	position:relative;
	padding:5px 0 5px 5px;
	min-height:40px;
}
.job-list-row:hover{
	background-color:#e2edf5;
}
.job-list-row-item{
	min-height:20px;
	padding:5px;
}
.job-list-row-icon{
	font-weight:bold;
	width:40px;
	height:20px;
}
.job-list-row-icon-nobold{
	width:40px;
	height:20px;
}
.job-list-staff-holder{
	position:absolute;
	padding:5px;
	bottom:0;
	left:0;
}
tr.oddRow {
	background-color: #f0f0f0
}
tr.evenRow {
	background-color: #f6f6f6
}

/*	end of new job list layout styles */
/* site log styles */
#site-log{padding:0px;min-height:300px;width:100%;float:left;margin-top:-1px;text-align:left;}
#site-log #log,#site-log #log-daily-summary,#site-log #log-summary{width:400px;}
#site-log #site-log-wrapper{width:1320px;margin:0 auto;padding:0;}
#site-log .time{display:inline-block;position:absolute;height:10px;background-color:#0c8bec;padding:5px 0;margin: 2px 0;}
#site-log #timeline{display:block;padding-right:50px;}
#site-log-summary-list{min-width:400px;float:left;}
#site-log-list{min-width:400px;float:left;}
#site-log div{padding:5px 10px;display:inline-block;}
#site-log ul {list-style: none;margin:0;}
#site-log.nocontent{height:300px;text-align: center;}
#site-log div.day-header{display:block;padding:5px 20px;text-align:center;}
#site-log h1{font-size:18px;line-height:26px;padding:15px 0 11px 0;text-shadow: 1px 1px 0 rgba(255,255,255,1);font-weight:bold;background:url("/imagesv4/separator/header-separator.png") repeat-x bottom;}
#site-log h3{font-size:14px;line-height: 26px;padding:25px 0 5px 0;text-shadow: 1px 1px 0 rgba(255,255,255,1);font-weight:bold;background: url("/imagesv4/seperator/header-separator.png") repeat-x bottom;}
#site-log div.site-log-user{
	text-align:left;
	color:#3e3e3e;
	/*font-weight:bold;*/
	display:block;
	padding:0;
	background-repeat:repeat-x;
	background-color: #f0f0f0;
	background-image: url(/imagesv4/bg-grad/grad-30.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background-image:    -moz-linear-gradient(top, #fff, #f0f0f0);
	background-image:     -ms-linear-gradient(top, #fff, #f0f0f0);
	background-image:      -o-linear-gradient(top, #fff, #f0f0f0);
}
#site-log div.site-log-user div:first-of-type {
	padding:10px 20px;
}
#site-log div.site-log-user div:last-child {
	padding:10px 20px;
	float:right;
}
#site-log div.site-log-user-detail{
	display:none;
	padding:0;
}
#site-log .log-header{
	background-repeat:repeat-x;
	background-color: #f0f0f0;
	background-image: url(/imagesv4/bg-grad/grad-30.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#f0f0f0));
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background-image:    -moz-linear-gradient(top, #fff, #f0f0f0);
	background-image:     -ms-linear-gradient(top, #fff, #f0f0f0);
	background-image:      -o-linear-gradient(top, #fff, #f0f0f0);
	border-bottom:1px solid #f6f6f6;
	padding:0;
	font-weight: bold;
}
.checkin,.checkout{
	width: 50px;
	text-align:left;
}
.checkin{
	margin-left:30px;
}
.duration{
	width:210px;
	text-align:right;
}
#site-list-header{

}
#site-log div.site-log-total{
	display:block;
	padding:5px 0;
	font-weight: bold;
	background-repeat:repeat-x;
	background-color: #f6f6f6;
	background-image: url(/imagesv4/bg-grad/grad-27.png);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f0f0), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #f0f0f0, #ffffff);
	background-image:    -moz-linear-gradient(top, #f0f0f0, #ffffff);
	background-image:     -ms-linear-gradient(top, #f0f0f0, #ffffff);
	background-image:      -o-linear-gradient(top, #f0f0f0, #ffffff);
	border-bottom:1px solid white;
}
#site-log div.site-log-total div{width:144px;text-align:right;display:inline-block;padding:10px 5px;}
#site-log div.site-log-total div:first-of-type{margin-left:30px;text-align:left;}
#site-log-summary-list .site-log-total div:first-of-type{width:186px;margin-left:15px;}
a.arrow-up,a.arrow-down{float:left;margin:15px 0 0 10px;}
a.arrow-right,a.arrow-left{float:left;margin:15px 0 0 15px;}
.arrow-up {width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #1b9df1;}
.arrow-down {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #1b9df1;}
.arrow-right {width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #1b9df1;}
.arrow-left {width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-right:5px solid #1b9df1;}

/* site log styles end */

.user-icons{float:left;opacity:0.3;min-width:170px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.job-list-row:hover .user-icons{opacity: 1;}

.user-icon-wrapper {
	border-radius: 3px;
	float:left;
	position:relative;
	margin:4px;
	width:40px;
	height:40px;
	border:1px solid #c5c5c5;
}
.square40{
	width:40px;
	height:40px;
}
.square33{
	width:33px;
	height:33px;
}
.square35{
	width:35px;
	height:35px;
}
.square52{
	width:52px;
	height:52px;
}
div.visit-image-alt > .center {
	vertical-align: middle;
	margin-left:0px;
}

.visit-image-alt{
	color:#7a7a7a;
	text-align:center;
	top:0;
	padding:0;
	font:20px Calibri;
	font-weight:bold;

	border-color: #AFAFAF #AFAFAF #AFAFAF -moz-use-text-color;
    border-image: none;
    border-radius: 3px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
	/*-moz-box-shadow: inset 0 0 10px #c5c5c5;
	-webkit-box-shadow: inset 0 0 10px #c5c5c5;
	box-shadow: inset 0 0 10px #c5c5c5;*/
	background: #fefefe;
}

.modal_add_visit_wrapper_content .visit-image-alt,
.animate-show .visit-image-alt,
.ddTitle .visit-image-alt{
	float:left;
	font-size:13px;
	width:20px !important;
}

.animate-show div.visit-image-alt > .center {
	vertical-align: top;
}

.user-icon-holder{cursor:pointer;position:relative;overflow: hidden;}
.image-alt{
	color:#7a7a7a;
	text-align:center;
	position:absolute;
	top:0;
	padding:0;
	font:22px Calibri;
	font-weight:bold;
}
.check-marker{bottom:-5px;right:-5px;}
.job-user-wrapper{margin:4px;position: relative;}
.user-icons.carousel { height: 1%; overflow:hidden; padding: 0 0 10px; width: auto !important;   }
.user-icons.carousel .viewport { float: left; width: 150px; height: 49px; overflow: hidden; position: relative; }
.user-icons.carousel .buttons { background:url("/images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
.user-icons.carousel .next { background-position: 0 0; margin: 30px 0 0 10px;  }
.user-icons.carousel .disable { visibility: hidden; }
.user-icons.carousel .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
.user-icons.carousel .overview li{ float: left; height: 40px; width: 40px;}

.user-icons.carousel .pager {
	width:60px;
	margin-left: 59px;
	margin-top: 58px;
}

.user-icons.carousel .pager li a {
	float:left;
	width:8px;
	height:8px;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background:#707070;
	border-radius:4px;
	margin-left:3px;
	display:block;

}

.user-icons.carousel .pager li a.active {
	background:#1b9df1;

}

/* pop up user info css */

.pop-up-info {
	width:192px;
	background:#404040;
	border-radius:3px;
	position:absolute;
	display:none;
	z-index:999;
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	box-shadow: 0 10px 10px rgba(0,0,0,0.2);
}


.pop-up-info-top {

	width:100%;
	border-bottom:1px solid #383838;



}

.pop-up-info-bottom {
	width:100%;
	height:75px;
	border-top:1px solid #535353;
	text-align:center;


}

.pop-up-info.top-arrow-left:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #404040;
	top: -10px;
	left: 20px;
}
.pop-up-info.top-arrow-right:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #5f5f5f;
	top: -10px;
	left: 160px;
}
.pop-up-info.left-arrow:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 10px solid #404040;
	top: 20px;
	left: -10px;
}

.pop-up-user-pic-wrapper{
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
	border:2px solid white;
}
.pop-up-user-pic {
	position:relative;
	float:left;
	padding:15px 0px 15px 15px;;

}
.pop-up-user-pic img {
	float:left;

}

.pop-up-info .check-marker {
	width:16px;
	height:16px;
	bottom: 9px;
	right:-5px;
	border:2px solid #fff;


}

.pop-up-tools-buttons{
	float:right;
	height:136px;
	overflow:hidden;
	border-radius: 0px 3px 0px 0px;

}

a.put-b{
	width:56px;
	height:33%;
	background:#5f5f5f;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	border-bottom:1px solid #525252;
	display:block;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;

}

a.put-b:hover {

	background:#6e6e6e;

}

a.put-b.put-edit{
	background:#5f5f5f url(/images/pub-sprite.png) no-repeat center 8px;

}


a.put-b.put-msg{
	background:#5f5f5f url(/images/pub-sprite.png) no-repeat center -47px;

}

a.put-b.put-pos{
	background:#5f5f5f url(/images/pub-sprite.png) no-repeat center -103px;

}

a.put-b.put-edit:hover{
	background:#6e6e6e url(/images/pub-sprite.png) no-repeat center 8px;

}


a.put-b.put-msg:hover{
	background:#6e6e6e url(/images/pub-sprite.png) no-repeat center -47px;

}

a.put-b.put-pos:hover{
	background:#6e6e6e url(/images/pub-sprite.png) no-repeat center -103px;

}


.pub-status {
	color: #999999;
	font-size: 13px;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 5px;
}

.pub-name {
	font-size: 18px;
	color: #fff;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 3px;
}

.pub-type{
	color:#fff;
	font-size:14px;

}
/* history tab icon */

.hmSignIn {
	border-left: 3px solid #97cb49;
}

.txt-check-in {
	color:#73c128;

}

.txt-check-out-a {
	color:#1b9df1;

}

.txt-check-out-b {
	color:#e73636;

}

.hmSignIn .user-sign-item {
	width:45px;
	position:absolute;
	right:20px;
	top:20px;

}

/* check marker */
.check-marker {
	width:12px;
	height:12px;
	position:absolute;
	z-index:999;
	border:1px solid #fff;
	display:none;

}
.check-marker.onsite{background:#73c128;}
.check-marker.offsite{background:#e73636;}
.check-marker.outofhours{background:grey;}
.check-marker.unassigned{display:none;}
.check-marker.in-vehicle {
	width:21px;
	height:15px;
	border:none;
}

.check-marker.in-vehicle.check-in {
	background:transparent url(/images/mark-car.png) top left;

}

.check-marker.in-vehicle.check-out-b {
	background:transparent url(/images/mark-car.png) left -42px;

}

.check-marker.in-vehicle.check-out-a {
	background:transparent url(/images/mark-car.png) left -21px;

}
.title-ref{
	font-size:11px;
	color:#8d8d8d;
}
/* end of check marker */

/*	changes to accomodate browser window resize to ensure some content doesn't become illegible
	in job details/edit job screens
	Kali
*/
.editjob .contentBG-inner {
	width:1350px;
}
.jobs .contentBG-inner,
.templates .contentBG-inner,
.report .contentBG-inner,
.timesheet .contentBG-inner,
.reports .contentBG-inner{
	width: 1300px;
}

.templates .job-list, .jobs .job-list {width:1298px;}
.editjob .contentBG-inner .jobTopPanelWrap,.editjob .contentBG-inner .print{
	margin-right:50px;
}

.templates .contentBG-inner .job-list-header, .jobs .contentBG-inner .job-list-header, .editjob .contentBG-inner #floatingHelp,.editjob .contentBG-inner #wideCol,.editjob .contentBG-inner #appendanchor,.editjob .contentBG-inner #jobSubHead{
	width:1300px;
}

#jobSubHead .dropdown-select{
	vertical-align: top;
}

.editjob .contentBG-inner.widepage-fixed .jobTopPanelWrap,
.editjob .contentBG-inner.widepage-fixed .print{
	margin-right:0;
}


.jobTopPanelLeft {
	overflow:hidden;
	width:auto;
	/*height:80px;*/
	border-right:#709429 1px solid;
	float:left;

	background:#fff;
	color:#959595;
	background:url(/imagesv4/bg-grad/grad-27.png) repeat-x bottom white;

	border: 1px solid #D8D8D8;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 0px 0px 5px;

	-webkit-box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
	-moz-box-shadow: 0px 2px 0px rgba(255,255,255,1) inset;
	box-shadow: 0px 2px 0px rgba(255, 255, 255, 1) inset;
}
.jobTopPanelInner {
	padding:10px;
}


.jobs .contentBG-inner.widepage-fixed,
.templates .contentBG-inner.widepage-fixed,
.editjob .contentBG-inner.widepage-fixed,
.invoices .contentBG-inner.widepage-fixed,
.smshistory .contentBG-inner.widepage-fixed{
	width:1300px;
	margin:0px auto;
}

.doctemplates .contentBG-inner.widepage-fixed,
.geoforms .contentBG-inner.widepage-fixed {
	width:1450px;
	margin:0px auto;
}
.editjob #header{
	min-width:1350px;
}
/* end of resize style*/
/* job reminders disabled style*/
#jobreminders select:disabled, #jobreminders textarea:disabled{
	color:gray;
	opacity:0.3;
}
/* end of job reminders style */
.example{font-style:italic;}
#buble-textarea {
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset, 1px 1px 0px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2) inset, 1px 1px 0px rgba(255,255,255,0.5);
	min-height:100px;
	width:390px;
	border:1px solid #d4d4d4;
	background:#fff;
	border-radius:5px;
	margin-left:40px;
	position:relative;
}

.editmobiuser textarea.frminput{
	resize: vertical;
	-webkit-box-shadow: 0;
	box-shadow: 0;
	font-size:13px;
	color:#8a8a8a;
	min-height:100px;
	margin-left:0px;
	line-height:22px;
	border:0px;
	background:transparent;
}

#buble-textarea:after {
	content: ' ';
	height: 18px;
	position: absolute;
	width: 26px;
	top: 15px;
	left: -20px;
	background:url(/imagesv2/bubble-arrow.png) no-repeat left center;
}

.warnbadcc{
	color: red !important;
}

#error_notice{
	color: #FF0000;
    font-size: 18px;
    padding-top: 40px;
    text-align: center;
}

/* HEADER STYLES */

#logo {
	width:74px;
	height:66px;
	float:left;
	margin-left:3px;

}

div#fixed-header {
	padding-top: 125px;
}

div#fixed-header.paddwarn {
	padding-top: 155px;
}

div#header-wrapper {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 499;
	background: white;
}

#header-top {
	padding:10px;
	min-width: 1090px;
	padding-bottom: 15px;
}

#header-top-left {
	float:left;
}

#header-top-right {
	float:right;
}

#header-top #main-menu-wrapper {
	float:left;
	margin-left:40px;
}

#header-top #main-menu-wrapper ul {
	padding-top: 7px
}

#header-top #main-menu-wrapper li {
	float:left;
	margin-right:20px;
}

#header-top #main-menu-wrapper li a  {
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#737373;
	width:60px;
	text-align:center;
	padding-top:42px;
	line-height:1em;
	background:url(/images/main-menu-icon-sprite.png) no-repeat 11px 0px;
	opacity:0.6;
}


#main-menu-01, #main-menu-02, #main-menu-03, #main-menu-04, #main-menu-05{
	cursor: pointer;
}

#header-top-logo {
	width: 190px;
	height: 47px;
	margin-left:0px;
	padding-top:10px;
	padding-left:15px;
	float:left;
}

#header-top-logo img {
	max-height: 100%;
	max-width: 100%;
}


#header-top #main-menu-wrapper li#main-menu-01 a {
	background: url("/images/icons/standard/60px/blue/icons_60x60-61.png") no-repeat scroll 10px top / auto 40px rgba(0, 0, 0, 0);
}

#header-top #main-menu-wrapper li#main-menu-02 a {
    background:url(/images/icons/standard/60px/blue/icons_60x60-33.png) no-repeat 10px top;
    background-size: auto 40px;
}

#header-top #main-menu-wrapper li#main-menu-03 a {
    background:url(/images/icons/standard/60px/blue/icons_60x60-37.png) no-repeat 10px top;
    background-size: auto 40px;
}

#header-top #main-menu-wrapper li#main-menu-04 a {
    background:url(/images/icons/standard/60px/blue/icons_60x60-46.png) no-repeat 10px top;
    background-size: auto 40px;
}

#header-top #main-menu-wrapper li#main-menu-05 a {
    background:url(/images/icons/standard/60px/blue/icons_60x60-32.png) no-repeat 10px top;
    background-size: auto 40px;
}

#header-top #main-menu-wrapper li#main-menu-06 a {
    background:url(/images/icons/standard/60px/blue/icons_60x60-70.png) no-repeat 10px top;
    background-size: auto 40px;
	cursor:pointer;
}

#header-top #main-menu-wrapper li#main-menu-07 a {
    background:url(/images/icons/standard/60px/blue/icons_60x60-45.png) no-repeat 10px top;
    background-size: auto 40px;
	opacity:0.6;
	cursor: pointer;
}

#header-top #main-menu-wrapper li#main-menu-09 a {
	background:url(/images/icons/standard/60px/blue/icon-help.png) no-repeat 10px top;
	background-size: auto 40px;
	/*opacity:0.6;*/
	cursor: pointer;
}

#header-top #main-menu-wrapper .main-menu-left li a:hover,
#header-top #main-menu-wrapper .main-menu-left li.active a {
	opacity:1 !important;
}

#header-top-right {
	padding-top:12px;
}

#header-top-right ul li {
	float:right;
}

#header-top-right ul li a {
	font-size:14px;
	font-weight:bold;
	color:#5a5a5a;
	padding: 8px 13px;
	display:block;
	text-transform: uppercase;
	border-radius:3px;
}

#header-top-right ul li a#buy-now-header-button {
	background:#5a5a5a;
	color:#fff;
	font-size:9px;
	font-weight:normal;
}

#header-top-right ul li #geoppay-header-button{
	background-color: #0079C6;
	color: white;
	border-radius: 5px;
	margin-right: 10px;
	height: 22px;
}

#header-top-right ul li #geoppay-header-button:hover{
	background-color: #0067AA;
	color: white;
}

#header-top-right ul li a#buy-now-header-button:hover {
	background:#adadad;
}

#header-top-right ul li a#buy-now-header-button .bold {
	font-size:13px;
	font-weight:bold;
	text-transform: uppercase;
}

#header-top-right ul li a#buy-now-header-button.red-back {
	background-color: #ED1C24;
}

#header-top-right ul li a:hover {
	color:#adadad;
}

#header-bottom {
	background:#0079c6;
	min-width:1080px;
	line-height: 1;
}

#header-bottom a {
	color:#fff;
	font-size:12px;
}

#header-bottom-left #quick-launch{
	width: 90px;
}

#header-bottom-middle a, #header-bottom-left a {

	text-transform:uppercase;


}

#header-bottom #header-bottom-left {
	float:left;

}

#header-bottom a#quick-launch {
	padding: 15px;
	display: block;
	background: #0067aa url(/images/secondary-menu-icon-sprite.png) 26px 10px no-repeat;
	padding-left: 55px;
	padding-right: 20px;
}

#header-bottom a#quick-launch:hover {
	background: #005891 url(/images/secondary-menu-icon-sprite.png)  26px 10px no-repeat;
}

#header-bottom-middle {
	float:left;
	margin-left:0;

}

#header-bottom-middle li {
	float:left;

}

#header-bottom-middle li a {

	display:block;
	padding:15px 10px;

}

#header-bottom-middle li a:hover {
	color:#9ec0e2;

}

#header-bottom-middle li a.active {
	padding-left:35px;
	font-weight:bold;

}

#header-bottom-middle li a.active#second-menu-01 {
	background:url(/images/secondary-menu-icon-sprite.png) no-repeat -170px 7px;



}

#header-bottom-middle li a.active#second-menu-02 {
	background:url(/images/secondary-menu-icon-sprite.png) no-repeat -340px 8px;


}

#header-bottom-middle li a.active#second-menu-03 {
	background:url(/images/secondary-menu-icon-sprite.png) no-repeat -512px 8px;


}

#header-bottom-middle li a.active#second-menu-04 {
	background:url(/images/secondary-menu-icon-sprite.png) no-repeat -682px 7px;


}

#header-bottom-middle li a.active#second-menu-05 {
	background:url(/images/secondary-menu-icon-sprite.png) no-repeat -860px 8px;


}

#header-bottom-middle li a.active#second-menu-06 {
	background:url(/images/secondary-menu-icon-sprite.png) no-repeat -1060px 8px;


}

#header-bottom-right {
	float:right;
	padding:13px 13px 12px 13px;
	background:#0067aa;
}

#header-bottom-right li{
	float:right;
	margin:0px 5px;
	position:relative;
}

#header-bottom-right li > a {
	position:relative;
}

a#menu-bottom-right-01 {
    display:block;
    width:18px;
    height:17px;
    background:url(/images/icons/standard/60px/white/white_icons_60x60-47.png) no-repeat left top;
    background-size: 20px 20px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

a#menu-bottom-right-02 {
    display:block;
    width:18px;
    height:17px;
    background:url(/images/secondary-menu-icon-sprite.png) no-repeat -1410px -5px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

#header-bottom-right a#Intercom {
    display:inline-block;
    height:17px;
    background:url(/images/icons/standard/60px/white/white_icons_60x60-67.png) no-repeat left top;
    background-size: 20px 20px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
	width:20px;
	padding:0;
	vertical-align: top;
}

#header-bottom-right li a:hover {
	opacity:0.6;
}

.notification-count {
	font-size:10px;
	overflow:hidden;
	width:14px;
	height:14px;
	border-radius:7px;
	color:#fff;
	background:#ff0000;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	top:-5px;
	right:-8px;
}

#header-bottom-right li  .drop-down-menu:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #404040;
	top: -10px;
	right: 20px !important;
	left: auto;
}

#header-bottom-right li  .drop-down-menu {
	background:#404040;
	border-radius:3px;
	padding:15px;
	width:165px;
	position:absolute;
}

#header-bottom-right li  .drop-down-menu#account {
	top: 28px;
	right: -15px;
	padding-bottom:10px;
}

#header-bottom-right li  .drop-down-menu#notif{
	top: 28px;
	right: -15px;
}

.acc-pic {
	float:left;
}

.acc-name {
	font-size:13px;
	color:#9f9f9f;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	text-transform:capitalize;
	padding-left:8px;
	display:table-cell;
	vertical-align:middle;
	height:39px;
}

.acc-pic .user-icon-wrapper {
	margin: 0px;
}

.drop-down-menu-content {
	margin-top:10px;
	margin-bottom:0px;

}

.drop-down-menu-content li {
	float:none !important;
	margin-left:0px !important;

}

.drop-down-menu-content a {
	color:#fff;
	font-size:12px !important;
	margin-bottom:6px;
	display:block;

}

/* END HEADER STYLES */

.workgroup-multi .ui-multiselect .ui-icon{
	display:none;
}

/* POPUP STYLES */

.info-float-right{
	margin-top: -25px;
	float: right;
}

a.info-links {

	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background:url(/images/info-link-button.png) no-repeat center center;
	width:13px;
	height:13px;
	position: relative;
	top: -5px;
	opacity:1;
	display: inline-block;
	margin-left: 3px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	vertical-align: top;
}

a.info-links.video-link {
	background:url(/images/info-link-button-video.png) no-repeat center center;
	top:-5px;
}

.pop-up-info.long-info {
	width: 400px;
	color:#fff;
	padding:15px 20px;
	display:block !important;
	margin:0;
}

a.pop-up-close {
	width:24px;
	height:24px;
	display:block;
	background: url(/images/pop-up-info-close.png) no-repeat center center;
	position:absolute;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	top: -10px;
	right: -10px;

}

.pop-up-info {
	width:192px;
	background:#404040;
	border-radius:3px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-100px;
	margin-left:-95px;

}


.pop-up-info-top {

	width:100%;
	border-bottom:1px solid #383838;



}

.pop-up-info-bottom {
	width: 100%;
	border-top: 1px solid #535353;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

.left-arrow.pop-up-info:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 10px solid #404040;
	top: 20px;
	left: -10px;
}

.right-arrow.pop-up-info:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #5f5f5f;
	top: 20px;
	right: -10px;
}

.top-left-arrow.pop-up-info:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #404040;
	border-left: 5px solid transparent;
	top: -10px;
	left:20px;
}

.top-right-arrow.pop-up-info:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #5f5f5f;
	border-left: 5px solid transparent;
	top: -10px;
	right:20px;
}

.bottom-left-arrow.pop-up-info:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-right: 5px solid transparent;
	border-top: 10px solid #404040;
	border-left: 5px solid transparent;
	bottom: -10px;
	left:20px;
}

.bottom-right-arrow.pop-up-info:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-right: 5px solid transparent;
	border-top: 10px solid #404040;
	border-left: 5px solid transparent;
	bottom: -10px;
	right:20px;
}

.pop-up-user-pic {
	position:relative;
	float:left;
	padding:15px 0px 15px 15px;;

}
.pop-up-user-pic img {
	border:2px solid #fff;
	float:left;

}

.pop-up-info .check-marker {
	width:16px;
	height:16px;
	bottom: 9px;
	right:-5px;
	border:2px solid #fff;


}

.pop-up-tools-buttons{
	float:right;
	height:136px;
	overflow:hidden;
	border-radius: 0px 3px 0px 0px;

}

.pop-up-info.right.bottom:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #404040;
	border-bottom: 0px solid transparent;
	left: 400px;
	bottom: -10px;
	top:auto !important;
}

.pop-up-info.right:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #404040;
	border-right:0px;
	top: 20px;
	left:440px;
}

.pop-up-info.right a.pop-up-close {
	top:  -10px;
	right:  425px;
}

.pop-up-info.right{
	text-align: left;
}
/* END POPUP STYLE */

/* JOB LIST STYLE */
div.recur-icon img{
	height: 16px;
}
/* END JOB LIST STYLE */

.company-logo {
	height: 47px;
	margin-left:0px;
}

.company-logo img {
	display:block;
	height: 100%;
}

.company-subtext {
	float:left;
	font-size:12px;
	color:#a9a9a9;
	padding-bottom: 6px;
}

/* STAFF LIST */

.mobiusers .contentBG-inner {
	width: 1300px;
}

.staff-login-accepted {
	color:#91c741;
}

.staff-login-pending{
	font-style:italic;
	color:#aeaeae;
}

tr.inactive td {
	opacity:0.4;
}

td.mobistate img{
	float:left;
	margin-top:4px;
}

.mobistate-txt {
	float:left;
	margin-left:10px;
	line-height:16px;

}

.sp-replacer {
	border:1px solid #d8d8d8 !important;
}

.colourpickerholder.sp-replacer:hover, .colourpickerholder.sp-replacer.sp-active {
	border-color: #b1b1b1 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow:  none !important;
	background: #e1e1e1;
}

/* STAFF DETAIL */

body.editmobiuser #buble-textarea {
	min-height: 50px;
}

body.editmobiuser #buble-textarea textarea {
	resize: none;
	min-height: 50px;
	height: 50px;
	width:355px;
	margin-top: 0px;
}

table.editstaffstatus {
	margin-left: 40px;
}

table.editstaffstatus tr {
	height: 43px;
	font-weight: bold;
}

table.editstaffstatus td {
	vertical-align: top;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
}

table.staffimage{
	border: 1px
		solid #DDDDDE;
}

table.staffimage .staffimagecontainer{
	height: 110px;
	cursor: pointer;
}

li.vertical-menus-items svg {
	display: none;
}

/* CHARGES */

form#rate_form input {
	width: auto;
}

#rate_table #rate_holder td{
	vertical-align: top !important;
}

/* REPORTS */

tr.subrow {
	background: white;
}

table.standardtable tbody tr.subrow:hover td {
	background: inherit;
	cursor: default;
}

/*LINE SWITCH*/
.linedark{
	color: #3E3E3E;
}

.linelite{
	color: #9A9A9A;
}


.ie9 select, .ie9 x:default {
    background-image: none !important;
    padding-left: 0 !important;
    padding-right: 2px !important;
}

.ie9 select, .ie8 select, .ie7 select{
	background-image:none !important;
	padding-left:0px;
	padding-right:2px;
}

#headerWarningClose{
	height:20px;
	width:20px;
	color:#000000;
	background-color:transparent;
	position:absolute;
	right:20px;
	top:5px;
	font-weight: 700;
}
#headerWarningMessage{
	width:95%;
}
@media only screen and (max-width: 1366px) {
	#headerWarningMessage{
		font-size:10px;
	}
}

.header-warning {
	background-color: #CCD000;
	border: 1px solid #CCD000;
	color: #000;
	margin: 0;
	text-align: center;
	padding: 5px;
	display: none;
	position:fixed;
	width:100%;
	z-index:15000;
}
.ui-datepicker, .ui-autocomplete{
	z-index:15000 !important;
}

/* new multivisit css style */

textarea.jobTextField {
	width:200px;
}

.jobFormWrap textarea.jobTextField {
	width: 320px;
}

.force-twohundred {
	width: 200px;
}


h3.edittab-header {
	font-size:14px;
	color:#0079c3;
	display:block;
	background: url(/imagesv4/tabedit-header-bg.jpg) repeat-x bottom #fff;
	padding:11px;
	border-bottom:1px solid #c5c5c5;
	/*cursor:pointer;*/
	display: inline-block;
	height: 23px;
	width: 395px;
}

h3.edittab-header.active {
	background: url(/imagesv4/tabedit-header-bg.jpg) repeat-x bottom #fff;

}

h3.edittab-header:focus {
	outline:none;

}
h3 span.edittab-header-middle {
	color: #929292;
	display: inline-block;
	margin-left: 5px;
	padding-right: 10px;
	text-align: center;
	width: 230px;
}

#edittab-left {
	width:417px;
	/*float:left;*/
}
.group-simple a.active{
	color:#3E3E3E;
}

.group-simple .title{
	color:#929292;
	font-weight: bold;
}

.group-simple a{
	color: #0079c3;
	font-size: 13px;
	font-weight: bold;
	padding:7px;
	border-left: 2px solid #c5c5c5;
}

.group-simple a:first-of-type{
	border-left: none;
	margin-left: 30px;
}

.group-button {
float: left;
border-radius: 5px;
overflow: hidden;
margin-left: 0px;

box-shadow:1px 1px 0px rgba(255,255,255,1) !important;
}

.group-button a {
float: left;
background: #e6e6e6;
color: #737373;
padding: 10px 21px 11px;
border:1px solid #e1e1e1;
border-right: 1px solid #c5c5c5;
font-size:12px;
transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out, background-color .25s ease-in-out;
}

.jobs .group-button a{
	padding: 5px 21px;
}

.editmobiuser .group-button a, .editcustomer .group-button a {
	padding: 5px 10px;
}

.group-button a:hover {
	background:#d5d5d5;

}

.group-button a:active {
	background: #3b98d3 url(/imagesv4/group-button-focus-bg.png) repeat-x bottom;

}

.group-button.disable {
	opacity:0.6;
}
.group-button a:last-child {
	border-right: 0px;
}

.group-button a.active {
background: #3b98d3 url(/imagesv4/group-button-active-bg.jpg) repeat-x bottom;
color:#fff;
border:1px solid #2b8dcc;
}

.job-visit-control {
	padding:13px 10px;
	background:#f4f4f4;
	display: inline-block;
}

.job-visit-add-button {
	font-size:12px;
	color:#fff;
	display:block;
	padding: 10px 31px;
	border-radius: 5px;
	background:#81B33E url(/imagesv4/add-job-visit-icon.png) no-repeat 27px center;
	float:right;
	border:1px solid #81B33E;
	padding-left:45px;
	/*#6F9B33*/

}

.job-visit-add-button:hover {

	background:#6F9B33 url(/imagesv4/add-job-visit-icon.png) no-repeat 27px center;
	color:#fff;



}

.job-visit-header {

	font-size:13px;
	color:#3a99d5;
	display:block;
	padding:10px;
	padding-right:0px;
	border-bottom:1px solid #c5c5c5;
	background:#eaeaea;

}



span.edittab-header-left {



}


.job-visit-header {
	height: 26px;
	font-size:13px;
	color:#3a99d5;
	display:block;
	padding:6px;
	padding-right:0px;
	border-bottom:1px solid #c5c5c5;
	background:#eaeaea;

}

.visit-date-separator{
	font-size:13px;
	padding:5px;
}

.job-visit-header > div{
	float:left;
}

.job-visit-header .jobDateField {
	width:85px !important;
}

.job-visit-header .time-range{
	width:60px !important;
}
.job-visit-header ul.time-range{
	width:68px !important;
	margin-left: 97px;
}

.job-visit-header ul.time-range li{
	padding:2px 4px;
}

.job-visit-header input.time-range:hover, .job-visit-header select:hover, .job-visit-header input.time-range:focus{
	background: url(/images/select-arrow.png) no-repeat right 8px #fff !important;
}

.job-visit-header .jobDateField {

}

.job-visit-header input[type="text"], .job-visit-header select {

	font-size:13px;
	color:#3a99d5 !important;
	padding:6px 4px;
	background:transparent !important;
	border:none !important;
	box-shadow:none !important;
	margin-top:0px !important;
	transition: all .25s ease-in-out;
	-moz-transition: ally .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	margin-bottom:0px;


}

.job-visit-header select {

	padding-left:0px !important;
	width:21px;
	margin-left:-5px;

}


@-moz-document url-prefix()
{

	.job-visit-header select {

	padding-left:0px !important;
	width:45px;
	margin-left:-5px;

}

}

.job-visit-header .hour-separator {
	margin-left:-3px;
	margin-right:1px;

}

.job-visit-header .hour-separator.inFocus{
	margin-left:0px;
	margin-right:0px;

}

.job-visit-header input[type="text"]:hover,
.job-visit-header input[type="text"]:focus,
.job-visit-header select:hover,.job-visit-header .jobDateField {
	color: #737373 !important;
	background:#fff !important;

}

.job-visit-header select:hover {
	cursor:pointer;


}

.job-visit-header select.inFocus {

	font-size: 12px;
	color: #606060;
	padding: 5px 15px;
	border-radius: 5px;
	background: url(/images/select-arrow.png) no-repeat right 8px #fff !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 5px;
	line-height: 15px;
	text-indent: 0.01px;
	text-overflow: '';
	width:40px;
	outline:none !important;
	margin-left:0px;


}

.job-visit-header select:focus {
	border:0px !important;

}

.job-visit-middle .title{
	color:#929292;
}

.job-visit-header input[type="text"].inFocus {
	font-size: 12px;
	color: #737373 !important;
	padding: 6px 15px;
	border-radius: 5px;
	border: 1px solid #e6e6e6 !important;
	background: #fff !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 5px;
	line-height: 15px;
	width: 105px !important;

	padding-left:10px;
	margin-left:0px;

}

.job-visit-header input[type="text"].inFocus.hasDatepicker {
	background-image: url(/imagesv4/date-field-bg.gif) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
}



span.edittab-header-left {
}


.job-visit-header span.edittab-header-middle {
	margin-left:0px;
}

.job-visit-header .job-visit-right {
	margin-right:11px;
}

.job-visit-header a.add-job-visit {
	padding: 4px 0px;
	display:block;
	width:13px;
	height:20px;
	background:url(/imagesv4/add-job-visit-2.jpg) no-repeat center center;
	float:right;
	margin-right:10px;

}

ul.job-visit-content-container {
	display:block;
	border-bottom:1px solid #fff;


}

ul.job-visit-content-container > li {

	background:#f4f4f4;
	border-bottom:1px solid #eaeaea;
	border-top:1px solid #fff;
	/*position:relative;
	overflow:hidden;*/

}

ul.job-visit-content-container > li.active {

	border-bottom:0px;

}

ul.job-visit-content-container > li .formBlock{

	padding: 5px 0px 10px 15px;

}

ul.job-visit-content-container > li td.jobform {
	width: 155px;

}

ul.job-visit-content-container > li td{
	padding:0px;

}

.job-visit-content {
	padding:10px;
	background: #f4f4f4;
	position: relative;
}

ul.job-visit-content-container > li:first-child {
	border-top:0px;

}



/*.job-visit-user img {
	border:2px solid #e9e9e9;
	border-left:3px solid #05b3df;
}*/
.job-visit-user.unassign img {
	border:1px solid #fff;

}

.job-visit-user {
	float:left;
}

.job-visit-middle {
	width:250px;
	float:left;
	margin-left:15px;

}

.job-visit-middle span, .job-visit-middle {
	line-height:17px;

}

.job-visit-middle .user{
	color:#3a99d5;



}

.job-visit-middle .job-status {
	color:#939292;
	display:inline-block;
	margin-left:8px;

}

.job-visit-middle .job-status.accept {
	color:#6bc05f;


}

.job-visit-middle .user-status {
	color:#c5c5c5;


}

.job-visit-right {
	float:right !important;

}

.job-visit-right a.job-visit-buttons {
	display:block;
	width:30px;
	height:30px;
	float:right;
	opacity:0.45;
	background-position: center center;
	background-repeat:no-repeat;

}


.job-visit-right a.job-visit-buttons:hover {

	opacity:0.7;
	background-position: center center;
	background-repeat:no-repeat;

}

.job-visit-right a.job-visit-buttons.active {

	opacity:1;
	background-position: center center;
	background-repeat:no-repeat;

}



.job-visit-right a.job-visit-buttons.edit {

	background-image: url(/imagesv4/job-visit-edit.png);
	background-position: center center;
	background-repeat:no-repeat;


}

.job-visit-right a.job-visit-buttons.note.pending {

	background-image: url(/imagesv4/job-visit-pending.png);
	background-position: center center;
	background-repeat:no-repeat;

}

.job-visit-right a.job-visit-buttons.note.accept {

	background-image: url(/imagesv4/job-visit-accept.png);
	background-position: center center;
	background-repeat:no-repeat;

}

.job-visit-right a.job-visit-buttons.delete {

	background-image: url(/imagesv4/job-visit-delete.png);
	background-position: center center;
	background-repeat:no-repeat;


}

.job-visit-extra-container {
	background:#eaeaea;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	position:relative;
}
.job-visit-extra-container .formBlock {
	background:#eaeaea;
}

.job-visit-extra-container input[type="text"],
.job-visit-extra-container input[type="password"],
.job-visit-extra-container select,
.job-visit-extra-container textarea,
.job-visit-extra-container .ui-multiselect{
	margin-top:10px;
	box-shadow: 1px 1px 0px rgba(255,255,255,0.6) !important;
}

.job-visit-extra-container input[type="text"] {
	padding-top:7px;
	padding-bottom:7px;

}

.job-visit-extra-container input.jobDateField {
	padding-top:7px;
	padding-bottom:7px;

}

.job-visit-extra-container td.jobform {

padding: 13px 0px 0px !important;

}

.job-visit-extra-container td.jobform.add-note {
	padding:7px  0px!important;



}

.modalSendSMS{
	float:right;
	margin-top:26px;
}

a.job-visit-submit, button.job-visit-submit {

	font-size:12px;
	color:#fff;
	display:block;
	padding: 10px 37px;
	border-radius: 5px;
	background:#81B33E;
	float:left;
	border:1px solid #81B33E;
	margin-top:25px;
	margin-bottom:5px;

}

a.job-visit-submit:hover {
	background:#6F9B33;

}

a.job-visit-cancel {

	font-size:12px;
	color:#fff;
	display:block;
	padding: 10px 37px;
	border-radius: 5px;
	background:#939292;
	float:left;
	border:1px solid #939292;
	margin-top:25px;
	margin-bottom:5px;
	margin-left:15px;

}

.job-visit-extra-container.delete a.job-visit-submit, .job-visit-extra-container.delete a.job-visit-cancel  {
	margin-top:5px;

}

.active-buttons-cursor {
	width:20px;
	height:18px;
	background:url(/imagesv4/job-visit-active-button-arrow.jpg) no-repeat;
	transition: all .25s ease-in-out;
-moz-transition: ally .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;

}

.edit.active-buttons-cursor  {
	position: absolute;
	top: 43px;
	right: 75px;
	z-index: 999;

}

.note.active-buttons-cursor  {
	position: absolute;
	top: 88px;
	right: 45px;
	z-index: 999;

}

.delete.active-buttons-cursor  {
	position: absolute;
	top: 43px;
	right: 15px;
	z-index: 999;

}

.edittab-header-left{
	padding:5px;
}

.delete.active-buttons-cursor.delete-with-group-by  {
	top: 47px;
}


.job-visit-extra-container textarea {
	margin-top:5px !important;
	width: 355px;

}

.modal_screen_overlay {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0px;
	left:0px;
}

.modal_add_visit_wrapper_inner{
	width:563px;
	/*position:absolute;
	z-index:9999;*/
}

.modal_add_visit_wrapper_inner .formBlock {
	padding:10px 0px 10px 0px !important;
	width:100%;
	background:none;
	border:none;
	border-bottom: none !important;
}

.modal_add_visit_wrapper_inner  select.as-unassign {
	width:70px;

}

.modal_add_visit_wrapper_inner  select.visit-number-this-time  {
	width:70px;

}

.modal_add_visit_wrapper_inner h3 {
	font-size:20px;
	color:#3e3e3e;
	font-weight: normal;
	line-height: inherit;
}

.modal_add_visit_wrapper_inner {

/*	This adds extra padding to fancybox window and changes the STANDARD background colour. Avoiding implementing inconsistancy
	background:#f1f1f1;
	border-radius:15px;
	padding:20px;
*/
}

.modal_add_visit_wrapper_inner .formBlock td.jobform {
	width:200px;
	line-height:18px;
	vertical-align:middle;
}

.modal_add_visit_wrapper_inner .formBlock td {
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;

}
.modal_add_visit_wrapper_inner .formBlock textarea {
	width:200px;
	height:50px;

}


.multi-user-assign-add {
	width:100%;
	background:#eaeaea;
	overflow:hidden;

}

.multi-user-assign-add .modal-header .filter-wrapper {
margin-top: 0px;
}

.multi-user-assign-add h3 {
	font-size:18px;
	font-weight:bold;
	color:#fff;

}

.angularCheckedBox{
	background-position: 0px -44px;
}

.multi-user-assign-add-checkbox{
	margin-top:20px;
}

.multi-user-assign-add .modal-content ul {
	height:200px;
	overflow:hidden;
}

.multi-user-assign-add .staff-assign-list .user-name {
	color:#737373;
	overflow: hidden;
	width: 120px;
	height: 24px; /*Need to make them stack correctly*/
}

.multi-user-assign-add .staff-assign-list img {
	border:0px;
}

.multi-user-assign-add .staff-assign-list li input {
	float:left;
	margin-top:20px;
	margin-right:10px;
}

.multi-user-assign-add .staff-assign-list li {
	width:235px;
	float:left;
	margin-bottom:8px;
	margin-top:8px;
	position:relative;


}

.multi-user-assign-add .ui-multiselect {
	/*width: 175px !important;*/
	height: 29px !important;
}

.user-add-panel-links {
	margin:8px 0px 0px 20px;
	color: #929292;
}

.user-add-panel-links a{
	margin-left:35px;
}

.modal-header #searchUser {
	font-size: 12px;
	color: #606060;
	padding: 6px 15px 6px 10px;
	border-radius: 3px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2) inset;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2) inset;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 5px;
	margin-left:10px;
	line-height: 15px;
	width: 290px;
	display:block;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float:left;
}

.multi-user-assign-add .modal-header {

	padding:21px;
	padding-bottom:15px;
	border-bottom:1px solid #c5c5c5;

}

.multi-user-assign-add .modal-content {

	padding:21px;
	border-top:0px;
	border-bottom:0px;
	padding-top:15px;


}

.multi-user-assign-add .modal-content ul {
	height:200px;
	overflow-y:scroll;
}



.multi-user-assign-add .staff-assign-list img {
	border:0px;

}

.multi-user-assign-add .staff-assign-list li {
	width:235px;
	float:left;
	min-height: 58px;
	margin-bottom:8px;
	margin-top:8px;
	position:relative;


}

.multi-user-assign-add .ui-multiselect {
	/*width: 175px !important;*/
	height: 29px !important;
}

.workgroup-select-wrapper {
	float: left;
	position: relative;
}

.multi-user-assign-add .modal-header #searchUser {
	width: 250px !important;
	margin-top:0px;
}

.modal_add_visit_wrapper_content .formBlock {
	padding-left: 0px;
}
.formBlock:first-of-type {
	/*border-top: none;*/
}
.formBlock:last-child {
	border-bottom: 1px solid #c5c5c5;
}
.formBlock:nth-of-type(odd) {
	/*padding: 10px 0px 10px 20px;*/
}

.staff-assign-list li .user-name {
	color: #606060;
	font-size: 13px;
	float: left;
	padding-bottom: 0;
	padding-top: 5px;
}

.user-avaliablity{
	display: inline-block;
}

.user-avaliablity.green{
	color: green;
}
.user-avaliablity.orange{
	color: orange;
}
.user-avaliablity.red{
	color: red;
}

.workgroup-select-wrapper .geo-multi-select:focus {

	border:1px solid #65b0e9 !important;
	outline:none !important;

}

.modal_add_visit_wrapper_content input.select-staff{
	width:200px !important;

}

.multi-user-assign-add .user-color-bar {
	height:50px;
	width:8px;
	position:absolute;
	top:0px;
	left:26px;

}


.modal_add_visit_wrapper_inner .job-visit-submit {

margin-top: 20px !important;
margin-right:28px;

}

.modal_add_visit_wrapper_inner .show {
	display: inline-block !important;
}

.modal_add_visit_wrapper_inner .detailsFlag {
	width: auto;
	margin-top: 21px;
	margin-right: 15px;
	float: right;
	display: none;
}

.modal_add_visit_wrapper_inner .job-visit-cancel {
	float:right;
	margin-top: 20px !important;

}

.modal_add_visit_wrapper_content .job-visit-unassigned{
	padding-top:8px !important;
}

.multi-user-assign-add .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background:#7c7c7c !important;
	width:4px;
	border-radius:0px;

}

.modal-close-2 {
	width:33px;
	height:33px;
	background:url(/imagesv4/modal-close-2.png) no-repeat center center;
	position:absolute;
	z-index:9999;
	right: -27px;
	top: -7px;

}

.modalDialog {
	display:none;
}


.formBlock .job-address {
	font-size:12px;
	color:#999999;
	margin-top:0px;

}

.formBlock .job-visit-submit.edit-address {

	padding: 7px 20px;
	margin-top:15px;
	float:none;
	display:inline-block;

}

.formBlock .job-visit-submit.edit-address:hover {
	background:#6F9B33;


}

.formBlock table td {
	padding-top:5px;
	padding-bottom:5px;

}

button.btn:hover, a.btn:hover, a.btnSubmitted:hover {
background: #0067AA;
border: 1px solid #0067AA;
}


button.btn, a.btn, a.btnSubmitted {
font-size: 13px;
color: #fff !important;
background: #0079C6;
padding: 5px 10px 5px 10px;
display: inline-block;
border: 1px solid #0079C6;
border-radius: 3px;
text-shadow: none;
font-weight: bold;
transition: all .25s ease-in-out;
-moz-transition: ally .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
cursor: pointer;
margin-left: 5px;
}

a.btnGrey:hover, a.wizzard-next {
background-color: #3E3E3E;
border: 1px solid #3E3E3E;
}
a.btnGrey, a.wizzard-next {
background-color: #939292;
font-size: 13px;
font-weight: bold;
color: #FFF;
padding: 5px 10px 5px 10px;
border-radius: 3px;
border: 1px solid #939292;
position: relative;
margin-top: 0px;
display: inline-block;
cursor: pointer;
width: auto;
height: auto;
text-align: center;
margin-left: 5px;

}

.jobSaveBlock {
	padding:15px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid white;
	background: #EAEAEA;
	padding: 10px 20px;
	color: #3E3E3E;
}

.jobSaveBlock.newsave{
	height:20px;
	border-right: 1px solid #c5c5c5;
}

.jobSaveBlock:focus {
	outline:none;
}

.jobSaveBlock button.btn, .jobSaveBlock a.btn, .jobSaveBlock a.btnSubmitted {
	margin-left:0px;
}

.jobSaveBlock .jobCopyBtn {
	margin-right:0px;
}

.job-visit-container {
	position:relative;
}

.job-visit-extra-container td label{
	font-size: 13px;
	color: #308dd4;
	display:block;
}

.filter-swicth-throber {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff url(/imagesv4/ajax-loader-job-list-switch.gif) no-repeat center center;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity:0.5;
	display:none;
}

input:focus, select:focus, textarea:focus, .job-visit-extra-container .ui-multiselect:focus {
	border:1px solid #65b0e9 !important;
	outline:none !important;

}

select.staff-select {
	background: url(/imagesv4/greg-smith-dummy-image.png) no-repeat 12px center, url(/imagesv4/select-arrow.png) no-repeat right 8px #fff !important;
	padding: 6px 15px 6px 35px;
}


.group-button a input {
	width: 40px !important;
	box-shadow:none !important;
	padding: 2px 4px;
	border-radius:0px;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	background:transparent;
	color: #737373;
	border:0px !important;
}

.group-button a.active input {
	color:#fff !important;
}

.group-button a input:focus {
	background:#fff !important;
	color: #737373 !important;

}

table.assigned-staff {
	width:603px;
	background:url(/imagesv4/assigned-staff-separator.png) repeat-x top;
	margin-left:-20px;
	margin-top:20px;
	padding:20px;

}

table.assigned-staff .jobform {
	padding-left:20px !important;
	vertical-align:top !important;
	padding-top:30px  !important;

}
table.assigned-staff td {
	padding-top:20px !important;

}

.job-visit-header .ddTitle{
	box-shadow: none !important;
	background: inherit;
	border: 1px solid #eaeaea;
}

.job-visit-header .dd .assigned-user-name{
	color: #3a99d5;
}

#status_title{
	overflow: hidden;
}

.filter-box #status_title {
	width: 258px !important;
}



table.assigned-staff td  li {
	position:relative;
	width: 220px !important; /*Changed, might conflict*/
	background:#fff;
	height:21px;
	box-shadow: 1px 1px 0px rgba(255,255,255,1) !important;
	border-radius:3px;
	border: 1px solid #e6e6e6;
	padding:4px;
	margin-bottom:2px;
}

.ddWidth{
    width:200px;
}

table.assigned-staff td  li .job-visit-user img {
	width:18px;
}

table.assigned-staff td .assigned-user-name,
.dd .assigned-user-name{
	color:#606060;
	float:left;
	margin-left:7px;
	white-space: nowrap;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.assigned-staff td li a.close {
	width:19px;
	height:18px;
	background:url(/imagesv4/close-assigned-staff.png) no-repeat center center;
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}

table.assigned-staff td li a.close:hover  {
	opacity:0.3;
}

#user-sign-wrapper {
	float:left;
	width:80px;
}

.user-sign-wrapper {
	float:left;
	width:80px;
}

.user-sign-content {
	margin:13px;
    border-color: #AFAFAF #AFAFAF #AFAFAF -moz-use-text-color;
    border-image: none;
    border-radius: 3px;
    border-style: solid solid solid none;
    border-width: 0px 0px 0px medium;
}

#user-sign-wrapper  .user-sign-content{
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.user-sign-item{
	position:relative;
	cursor:pointer;
}

.user-sign-item img {
	display:block;
	border:1px solid #c5c5c5;
}

.user-sign-item .check-marker {
	bottom: -5px;
	right: -3px;
}

[ui-date],
[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

.jobFormCopy{
	display:none;
}

/*Hide accessablity text*/
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.editValidJob{
	padding-top:10px;
}

.modalParts{
	margin-left:360px;
	width:565px;
	margin-top:5px;
}
#editnoteform .modalImage{
	float:left;
}
.modalParts .tax_cost_id, .modalParts .tax_price_id{
	display:none;
}
.modalParts #sync_parts{
	display:none;
}
.editPartModal{
	float:left;
	width:360px;
	height:100%;
}
.hour-range select{
	width:77px;
}


.visit-desc {
	color: #C5C5C5;
	line-height: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: block;
	height: 16px;
	margin-left: 0px;
	margin-top: 5px;
	white-space: nowrap;
	width: 100%;
}


.schedule-wrapper-header-division .group-button a {
    border: 0 none;
    font-size: 11px !important;
    min-width: 65px;
    padding: 6px 5px;
    text-align: center;
}

a.scheduler-more-setting {
    background: url("/scriptsv2/images/more-setting.png") no-repeat scroll 8px center #C6C5C5;
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    padding: 6px 15px 6px 18px;
}

a.scheduler-more-setting:hover {
    background: url("/scriptsv2/images/more-setting.png") no-repeat scroll 8px center #8C8C8C;
    color:#ffffff;
}

.now-button {
    background: none repeat scroll 0 0 #C6C5C5;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    margin-right: 5px;
    padding: 6px 9px;
    text-align: center;
    width: 59px;
}

#jobChild input.ng-invalid-required {
    border: 1px solid #DB9BA3;
}

img.attachment {
    max-height: 50px;
}

.formBlock strong {
    line-height: 18px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
#edittab-left div.blue-body-text.formBlock:nth-of-type(even){
	color:#0079C6;
}
.blue-body-text strong{
	color:#3E3E3E;
}

.geoop-title-blue{
	color:#0079C3 !important;
}

.jobedit-loader-left {
	width:100%;
	height:100%;
	background: #fff top;
	top:0px;
	left:0px;
	z-index:9998;
	opacity:0.5;
	text-align: center;
}

.jobedit-loader-text-left{
	left: 170px;
	background: #f4f4f4 url(/scriptsv2/images/ajax-loader-job-list-switch.gif) no-repeat 0px 100px;
	background-size: 50px auto;
	padding-top: 150px;
	position: absolute;
	text-align: left;
	width: 100px;
}

.modal-visit-card-control-content span {
	font-size: 14px;
}



.dark-grey{ color: #737373;}
.darkest-grey{ color:#111111;}
.uppercase{ text-transform: uppercase;}

.col-1{ width: 95px;}
.col-3{	width: 200px;}
.margin-top-search-button{ margin-top: 5px;}

.editmobiuser .margin-top-search-button, .editcustomer .margin-top-search-button{ margin-top: 32px}
.editmobiuser .margin-top-search-field, .editcustomer .margin-top-search-field{ margin-top: 35px}

.editmobiuser .col-1, .editcustomer .col-1{ width: 56px;}
.editmobiuser .col-3, .editcustomer .col-3{	width: 125px;}
.editmobiuser .col-3-5, .editcustomer input[type="text"].col-3-5{ width: 198px;}
.editmobiuser .col-4, .editcustomer .col-4{	width: 230px;}

.dropdown-menu {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.15);
	/*border-radius: 4px;*/
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.176);
	display: none;
	float: left;
	font-size: 14px;
	left: 0;
	list-style: none outside none;
	/*margin: 2px 0 0;*/
	width:230px;
	min-width: 160px;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	z-index: 15000;
}

.dropdown-width{
	width: 240px;
}

.dropdown-loading {
	z-index: 15000;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}


.job-edit-details{
	color: #0079C3;
	float: right;
	font-size: 14px;
	font-weight: bold;
	margin-top: -2px;
	max-width: 490px;
}

.job-edit-details div {
	text-align: right;
}

.job-edit-details-title{
	text-align: right;
}

.job-edit-details-grey{
	color: #929292;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 38px;
}

.job-edit-details-limit{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 375px;
	word-wrap: break-word;
}

a.activeLinkGrey , a.activeLinkGrey:visited, a.activeLinkGrey:active, a.activeLinkGrey:hover {
	text-decoration: none;
	color:#666666;
}


/*************************************************************************************************************/
/* New Library Start -- Please place all custom CSS above this file as this will be exported at a later date */

.pull-left { float: left;}
.pull-right { float: right;}

.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}

.row{ width: 100%;}

.col-n-1 { width: 8.33333333%;}
.col-n-2 { width: 16.66666%;}
.col-n-3 { width: 25%;}
.col-n-4 { width: 33.33333333%;}
.col-n-5 { width: 41.66666666%;}
.col-n-6 { width: 50%;}
.col-n-7 { width: 58.33333333%;}
.col-n-8 { width: 66.66666666%;}
.col-n-9 { width: 75%;}
.col-n-10 { width: 83.3333333%;}
.col-n-11 { width: 91.6666666%;}
.col-n-12 { width: 100%;}

.margin-top-5 { margin-top: 5px;}
.margin-top-10 { margin-top: 10px;}
.margin-top-15 { margin-top: 15px;}
.margin-top-20 { margin-top: 20px;}
.margin-top-30 { margin-top: 30px;}
.margin-top-40 { margin-top: 40px;}

.margin-bottom-5 { margin-bottom: 5px;}
.margin-bottom-10 { margin-bottom: 10px;}
.margin-bottom-15 { margin-bottom: 15px;}
.margin-bottom-20 { margin-bottom: 20px;}
.margin-bottom-30 { margin-bottom: 30px;}
.margin-bottom-40 { margin-bottom: 40px;}
.margin-bottom-50 { margin-bottom: 50px;}
.margin-bottom-60 { margin-bottom: 60px;}
.margin-bottom-70 { margin-bottom: 70px;}

.margin-left-5 { margin-left: 5px;}
.margin-left-10 { margin-left: 10px;}
.margin-left-15 { margin-left: 15px;}
.margin-left-20 { margin-left: 20px;}
.margin-left-30 { margin-left: 30px;}
.margin-left-40 { margin-left: 40px;}
.margin-left-50 { margin-left: 50px;}
.margin-left-60 { margin-left: 60px;}
.margin-left-70 { margin-left: 70px;}

.margin-right-5 { margin-right: 5px;}
.margin-right-10 { margin-right: 10px;}
.margin-right-15 { margin-right: 15px;}
.margin-right-20 { margin-right: 20px;}
.margin-right-30 { margin-right: 30px;}
.margin-right-40 { margin-right: 40px;}
.margin-right-50 { margin-right: 50px;}
.margin-right-60 { margin-right: 60px;}
.margin-right-70 { margin-right: 70px;}

.padding-top-5 { padding-top: 5px;}
.padding-top-10 { padding-top: 10px;}
.padding-top-15 { padding-top: 15px;}
.padding-top-20 { padding-top: 20px;}
.padding-top-30 { padding-top: 30px;}
.padding-top-40 { padding-top: 40px;}

.padding-bottom-5 { padding-bottom: 5px;}
.padding-bottom-10 { padding-bottom: 10px;}
.padding-bottom-15 { padding-bottom: 15px;}
.padding-bottom-20 { padding-bottom: 20px;}
.padding-bottom-30 { padding-bottom: 30px;}
.padding-bottom-40 { padding-bottom: 40px;}
.padding-bottom-50 { padding-bottom: 50px;}
.padding-bottom-60 { padding-bottom: 60px;}
.padding-bottom-70 { padding-bottom: 70px;}

.padding-left-5 { padding-left: 5px;}
.padding-left-10 { padding-left: 10px;}
.padding-left-15 { padding-left: 15px;}
.padding-left-20 { padding-left: 20px;}
.padding-left-30 { padding-left: 30px;}
.padding-left-40 { padding-left: 40px;}
.padding-left-50 { padding-left: 50px;}
.padding-left-60 { padding-left: 60px;}
.padding-left-70 { padding-left: 70px;}

.padding-right-5 { padding-right: 5px;}
.padding-right-10 { padding-right: 10px;}
.padding-right-15 { padding-right: 15px;}
.padding-right-20 { padding-right: 20px;}
.padding-right-30 { padding-right: 30px;}
.padding-right-40 { padding-right: 40px;}
.padding-right-50 { padding-right: 50px;}
.padding-right-60 { padding-right: 60px;}
.padding-right-70 { padding-right: 70px;}

.modal-ajax-loader{
	background-image: url(/scriptsv2/images/ajax-loader-job-list-switch.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px auto;
	width:30px;
	height:30px;
}

.pac-container{
	z-index: 10000;
}

.schedule-loader-left {
	width:100%;
	height:100%;
	background:#fff;
	background-position: top;
	top:0px;
	left:0px;
	z-index:9998;
	opacity:0.5;
	text-align: center;
}

.schedule-loader-left.job-edit-load{
	height: 60px;
}

.schedule-loader-text-left{
	background: #ffffff url(/scriptsv2/images/ajax-loader-job-list-switch.gif) no-repeat;
	background-size: 50px auto;
	left: 170px;
	padding-top: 50px;
	position: absolute;
	text-align: left;
	top: 100px;
}

.schedule-loader-text-left.job-edit-load{
	top: 20px;
}

#deleteAllModalContent h1,
#statusModalContent h1, #quoteToActualModal h1,
#failedQuoteToActualModal h1, #failedNoteDeletionModal h1{
	background-color:#f4f4f4;
	padding-left: 15px;
}
.text-force-fit{
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	word-wrap: break-word;
}

input[type="text"].country-code, .country-code,
#editclient_id .country-code {
	 width: 40px;
	 color: #BBBBBB !important;
	 text-align: right;
 }

input[type="text"].mobile-number, .mobile-number,
#editclient_id .mobile-number {
	width: 124px;
}

.workgroup-unassign-wrapper{
	color: #737373;
	display: inline-block;
}

.workgroup-staffcount-wrapper{
	float: right;
	padding-right: 20px;
}

#zenbox_tab{
	display:none !important;
}

.confirm-mobile-button{
	margin-left:0;
	float:right;
}

.confirm-mobile-text{
	margin-top: 5px;
}

.mobile-feedback-text{
	margin:5px;
	font-size:12px;
}

.mobile-recipient-reply-to-section .mobile-feedback-text {
	margin:0;
}

.editclient .mobile-feedback-text{
	width:227px;
}

.editclient .mobile-feedback-text span {
	text-align:right;
	vertical-align: top;
	display:inline-block;
	float:none;
}

.blue-text{
	color:#308dd4;
}

.editclient .mobile-feedback-text span.checkbox{
	margin-left: 10px;
}

.editclient .mobile-feedback-text.blue-text{
	text-align: right;
	line-height: 29px;
}

.form-input-section{
	width:220px;
	margin:5px;
}

[data-ngeo-client-autocomplete] ul.ui-autocomplete, [ngeo-client-autocomplete] ul.ui-autocomplete {
	position: absolute;
	margin-top: 31px;
}
.client-autocomplete-content{
	position:relative;
}

a.geo-multi-select-text {
	padding:3px 15px;
	border-radius:3px;
	line-height:21px;
}

.orange-text{
	color: #ff9400;
}
.green-text{
	color:#29A32F;
}
.red-text{
	color:#f00;
}

.mobiusers td.checkbox-column, .mobiusers th.checkbox-column {
	width:20px;
	height:40px;
	text-align: center;
}
.mobiusers td.user-tile-column, .mobiusers th.user-tile-column {
	width:30px;
}
.mobiusers td.user-name-column, .mobiusers th.user-name-column,
.mobiusers td.user-status-column, .mobiusers th.user-status-column {
	width:160px;
	word-break: break-all;
}
.mobiusers td.user-role-column, .mobiusers th.user-role-column {
	width:90px;
}
.mobiusers td.user-color-column, .mobiusers th.user-color-column {
	width:60px;
}
.mobiusers td.user-type-column, .mobiusers th.user-type-column {
	width:150px;
}
.mobiusers td.user-login-column, .mobiusers th.user-login-column {
	width:50px;
}
.mobiusers td.user-phone-column, .mobiusers th.user-phone-column {
	width:100px;
}

.staffedit-text-image{

}

.staffedit-text-title{
	color: #308dd4;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	padding-top: 15px;
	width:80%;
}

.staffedit-text-subtitle{
	display: inline-block;
}

.staffedit-text-content{
	padding-top: 10px;
}

.staffedit-text-title-box{
	width: 80%;
}

.staffedit-right{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10%;
	display: inline-block;
}

.staffedit-right div{
	display: inline-block;
}

.but-activate{
	background-color: #8dbc45;
	border-radius: 3px;
	color: #ffffff !important;
	padding: 6px 8px;
}

.but-activate:hover{
	background-color: #638530;
}

.but-deactivate{
	background-color: #CCCCCC;
	border-radius: 3px;
	color: #A3A3A3 !important;
	padding: 6px 8px;
}

.but-deactivate:hover{
	color: #CCCCCC !important;
	background-color: #909090;
}

h2.subheader {
	color:#308dd4;
	font-size:14px;
	line-height:26px;
	padding:15px 0px 11px 0px;
	text-shadow:1px 1px 0px rgba(255,255,255,1);
	font-weight:bold;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;
}

.address-box-header {
	color: #308dd4;
	background: url(/imagesv4/separator/header-separator.png) repeat-x bottom;
	font-size: 16px;
}
/* floatinghel */
#close-help-tax{
	float:right;
}

.float-help-outer {
	background: url(/imagesv4/bg-grad/grad51.png) repeat-x scroll left top #D7D7D7;
	border-radius: 3px;
	color: #FFFFFF;
	display: none;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0;
	position: relative;
	width: 100%;
}

.float-help-inner {
	border-bottom: 1px solid #C6C6C6;
	padding: 10px 25px;
}

.invoice-description-blurb{

}
.invoice-description-text{
	display:none;
}
.show-more, .show-less{
	padding:0 5px;
	font-weight: bold;
	margin-left: 3px;
}

.show-more:hover, .show-less:hover{
	border: 1px solid #cccccc;
}

.paginationRow{
	cursor: pointer;
}
.intercom-conversations-new-conversation-button{
	display: none !important;
}

/* floatinghelp end */
.address-box-copy{
	font-size: 12px;
	display: inline-block;
}

.address-box-title{
	width: 250px;
	display: inline-block;
}

.address-box-title-narrow{
	width: 200px;
	display: inline-block;
}

.address-box-outer input[type="text"]{
	padding: 6px 10px;
	width: 210px;
}

.address-box-outer ::-webkit-input-placeholder { /* WebKit browsers */
	font-size: 10px;
}

.address-box-outer :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size: 10px;
}

.address-box-outer ::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 10px;
}

.address-box-outer :-ms-input-placeholder {	/* Internet Explorer 10+ */
	font-size: 10px;
}

#taxable-wrap{
	display: inline-block;
}

.geo-quickbooks-btn{
	width: 120px;
	text-align: center;
}

/* geoop - relancuh start */
a.geopay-collect-btn {
	text-align: center;
	margin-left: 0px;
	padding: 10px;
	margin-top: 10px;
	width: 230px;
}

#job-panel-collect-payment-header .btnGreen {
	top: -28px !important;
}

#job-panel-collect-payment img.collect-steps {
	margin: 10px 0px;
	width: 100%;
	height: auto;
}

#job-panel-collect-payment table tr td {
    color: #0079c3;
    vertical-align: middle;
    font-weight: 600;
}

.editPartModal.wide-modal {
	width: 500px;
	margin-top: 10px;
}

.editPartModal.wide-modal a {
	color: #81B33E;
}

.editPartModal.wide-modal table {
	margin-top: 10px;
}

#collect_payment_files_btn_group {
	margin-bottom: 10px;
}

#collect_payment_files_btn_group a:not(.active) {
	background: white;
}

#submit_button_add.collect-payment {
	text-align: center;
    margin-left: 0px !important;
    padding: 10px;
    width: 478px;
}

/* geoop - relancuh end */

/* Pure CSS checkbox*/

input[type=checkbox].geo-checkbox-purecss {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].geo-checkbox-purecss  + label.geo-checkbox-purecss-label {
	padding-left:20px;
	height:20px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

.greyout input[type=checkbox].geo-checkbox-purecss  + label.geo-checkbox-purecss-label {
	cursor:not-allowed;
}

input[type=checkbox].geo-checkbox-purecss:checked + label.geo-checkbox-purecss-label{
	background-position: 0 -44px;
}

.geo-checkbox-purecss-label{
	background-image:url(/imagesv4/checkbox.png);
}

.block-row{
	display: inline;
	line-height: 22px;
}

.note-summary-title{
	float: left;
	padding-bottom: 10px;
	text-align: left;
	width: 50%;
	font-weight: bold;
}

.note-summary-title.summary-header{
	font-weight: bold;
	color: #0c8bec;
}

.note-summary-values{
	float: left;
	padding-bottom: 10px;
	text-align: right;
	width: 50%;
}

#accountright-opts-settings{
}

.accountright-settings-disable{
	opacity: 0.5;
}

.accountright-settings-horzrule{
    background: rgba(0, 0, 0, 0) url("/imagesv4/separator/header-separator.png") repeat-x scroll center bottom
}


.note-summary-values.summary-header{
	font-weight: bold;
}

/*Subs table*/


.sub-table{
	overflow: hidden;
	color: #666666;
	border: 1px solid #e6e6e6;
	width: 100%;
	margin-top: 20px;
}



.subs-table-body{
	width: 100%;
	display: inline-block;
}

.subs-table-body div{
	padding-left: 5px;
	float:left;
}

.subs-table-header{
	width: 100%;
	background-color: #E6E6E6;
	display: inline-block;
	height: 28px;
	padding-top: 4px;
}

.subs-table-header div{
	padding-left: 5px;
	float:left;
}


.sub-table-col-10{
	width: 10%;
}

.sub-table-col-15{
	width: 15%;
}

.sub-table-col-18 {
	width: 17%;
}

.sub-table-col-20{
	width: 19%;
}

.sub-table-col-25{
	width: 24%;
}

.sub-table-col-30{
	width: 30%;
}

.sub-table-col-33{
	width:33.33%
}

.sub-table-col-40{
	width: 36%;
}

.sub-table-col-50{
	width: 50%;
}


.sub-table-col-100{
	width:100%;
}


/* Text modifiers */
.light-green { color: #6AB900; }
.dark-green { color: #259B24; }
.light-blue { color: #0C8BEC; }
.medium-blue { color: #0079C6; }
.orange { color: #F7931E; }
.red { color: #FF0000; }
.white { color: #F5F5F5; }
.light-grey{ color: #E4E4E4;}
.medium-grey { color: #929292; }
.dark-grey{ color: #737373;}
.darkest-grey{ color:#111111;}
.uppercase{ text-transform: uppercase;}
.text-small { font-size: 11px !important; line-height: 18px !important; }
.text-medium { font-size: 13px !important; line-height: 18px !important; }
.text-large { font-size: 16px !important; line-height: 20px !important; }
.text-xlarge { font-size: 40px !important; line-height: 50px !important; }
.text-xxlarge { font-size: 50px !important; line-height: 60px !important; }
/* List modifiers */
ul.list-horizontal li { display: inline; }
ul.list-horizontal li + li::before { padding: 10px; content: ' | '; }

/* Element modifiers */
.bg-light-green { background-color: #6AB900;}
.bg-light-blue { background-color: #0C8BEC; }
.bg-medium-blue { background-color: #0079C6; }
.bg-red { background-color: #FF0000; }
.bg-orange { background-color: #F7931E; }
.bg-light-grey{ background-color: #E4E4E4;}
.bg-medium-grey { background-color: #929292; }
.bg-dark-grey{ background-color: #737373;}
.bg-darkest-grey{ background-color:#111111;}
.mouse-draggable:active { cursor: move; }
.mouse-draggable:hover { cursor: move; }

.job-share-mode {
    background: transparent url(/images/jobshare/icon-transparent.png) no-repeat -16px -81px;
    height: 37px;
    width: 37px;
}

.job-share-mode-plus {
	background: transparent url(/images/jobshare/job-share-plus-icon.png) no-repeat -16px -81px;
	height: 37px;
	width: 37px;
}

#job-share-plan-button{
	background-color: #82b246;
}
#job-share-plan-button:hover {
	background-color: #46763b;
}

.job-count {
	margin-top: 7px;
	padding-left: 20px;
	width:60px;
	text-align: left;
}

.hmFeedJobShare .rightFeedItem > span {
	background: url(/images/jobshare/icon-alt-mono-transparent.png) no-repeat 9px 24px;
}

.hmFeedJobShareDashboard .rightFeedItem > span {
	background: url(/images/jobshare/icon-alt-transparent.png) no-repeat 9px 24px;
}
.feedback-note { font-size:9px; }
.note-delete-modal { width: 300px;}

.invoice-dialog.ui-dialog .ui-dialog-buttonpane button {
	margin: 0.5em 3.4em .5em 0;
}

.word-break-all{
	word-break: break-word;
}

.btn.btn-view-map {
	width: 88px;
	height: 36px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}



.cc-banner-container {
	height: 44px;
	z-index: 1000;
	position: fixed;
	width: 100%;
	text-align: center;
}

.your-current-payment {
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
}

#ccBannerClose {
	height: 44px;
	width: 20px;
	color: #ffffff;
	background-color: transparent;
	position: absolute;
	right: 8px;
	top: 12px;
	font-weight: 800;
}


/*for cancellation*/

.for-cancellation-or {
	margin-left: 10px;
	width: 358px;
	height: 14px;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.08;
	letter-spacing: normal;
	color: #606060;
}
.for-cancellation-or .text-style-1 {
	font-weight: bold;
	color: #0593f2;
}

.sub-info {
	width: 17px;
	height: 18px;
	object-fit: contain;
	vertical-align: middle;
}

#fancybox-content.refer-fancybox {
	padding: 0px;
}

.contact-support-main-div {
	width: 530px;
	height: 518px;
	/*width: 95%;*/
	overflow: hidden;
	padding: 0px 20px 0px 20px;
}

.contact-us-header {
	margin: auto;
	font-size: 20px;
	font-weight: bold;
	top: 50px;
	color: #333333;
}

#contact-us-content {
	width: 100%;
	height: 300px;
	display: flex;
	margin-top: 20px;
}

#contact-us-content div {
	-ms-flex: 1;  /* IE 10 */
	flex: 1;
}

.contact-us-box {
	margin: auto;
	width: 529px;
	height: 498px;
	background-color: #f6f6f6;
}

.center-text{
	margin: auto;
	width: 50%;
	padding: 10px;
	text-align:center
}

.support {
	width: 60px;
	height: 60px;
	object-fit: contain;
}

.center-message {
	margin: auto;
	padding: 10px 10px 10px 10px ;
	text-align: center;
}

.export-jobs-section input.jobDateField {
	cursor: pointer;
}
.export-jobs-section .error-msg {
	padding: 5px 0;
}

.job-search-loader-icon {
	position: absolute;
	right: 21px;
	bottom: 5px;
}

.loader-gray {
	background: url(/imagesv2/ajax-loader-green.gif) no-repeat center center;
	display: inline-block;
	width: 20px;
	height: 20px;
	float: right;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

div.job-billable-desc.lesser {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* number of lines to show */
	-webkit-box-orient: vertical;
	width: 112px;
}

.job-billable-btn {
	color: #0c8bec;
	font-weight: bold;
}

.hidden-elem {
	display: none;
}

.colSettingDropdown {
	margin-left: 10px;
	cursor: pointer;
	padding: 3px 3px;
}

.colSettingDropdown-active {
	background: #c1bebe;
	border-radius: 3px;
}

.colSettingUL {
	columns: 2;
	padding-top: 10px;
	padding-bottom: 10px;
}

.colSettingUL li {
	padding: 5px 10px;
}

.colSettingUL li label {
	word-wrap: break-word;
}

.colSettingUL li label input[type='checkbox'] {
	vertical-align: middle;
}

.colSettingUL li label, 
.colSettingUL li label input[type='checkbox'] {
	cursor: pointer;
}

.colSettingUL li:after, 
.colSettingUL li:before {
	bottom: 100%;
	right: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.colSettingUL li:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	right: 11px;
	background-clip: padding-box;
}

.colSettingUL li:before {
	border-color: rgba(184, 184, 184, 0);
	border-bottom-color: #b8b8b8;
	border-width: 6px;
	background-clip: padding-box;
}

.job_col_settings_div {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 35px;
	right: 15px;
	background: white;
	box-shadow: 0 0 4px #ccc
}

.mfa-security-content {
	padding: 25px 20px;
	font-size: 13px;
}
.mfa-security-content h1,
.mfa-user-popups h1{
	font-weight: 700;
    font-size: 14px;
    background: none;
    color: #3E3E3E;
	padding: 0 0 20px 0;
}
.mfa-label-temp-code {
	color: #0c8bec;
	padding-right: 15px;
}
.mfa-field-temp-code {
	padding: 10px 0;
}
.mfa-security-content h1 span{ 
    background: #DFDFDF;
    padding: 3px 10px;
    border: 1px solid #979797;
    font-size: 10px;
    font-weight: 200;
    margin-left: 10px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-transform: uppercase;
}
.mfa-security-content p{
	padding-bottom: 20px;
}
.mfa-security-content .submit-button,
.mfa-user-popups .submit-button {
	padding: 5px 45px;
	margin: 0;
}
.mfa-user-popups{
	padding: 35px 25px;
    text-align: center;
	width: 600px;
}
.mfa-user-popups h1 {
	font-size: 20px;
}

.mfa-user-popups p {
	padding-bottom: 15px;
}
.mfa-user-popups p.img {
	margin: 30px 0;
}

.mfa-user-popups .descr {
	text-align: left;
}
.mfa-user-enabled-content .user-disable-mfa,
.mfa-user-enabled-content .user-disable-mfa:hover{
	background-color: #939294;
	border-color: #939294;
}
.mfa-setup {
	margin: 0 auto; 
	padding: 20px;
	width: 600px;
}
.mfa-setup .hidden {
	display: none;
}
.mfa-setup h1{
	text-align: center;
	background: none;
	color: #000000;
	font-size: 23px;
	font-family: "Arial";
	font-weight: 400;
}

.mfa-setup .mfa-desc {
	margin-top: 10px;
	margin-bottom: 25px;
} 
.mfa-setup .mfa-list { 
	padding-bottom: 30px;
}
.mfa-setup .mfa-desc-concl {
	padding-top: 10px;
	float: right;
}
.mfa-setup .mfa-desc-concl p{ 
	font-size: 13px;
}
.mfa-setup-buttons{
	clear: both;
	height: 60px;
}
.mfa-setup .mfa-list .auth-list {
	padding: 24px 25px;
	margin: 5px 0;
	border: 1px solid;
	height: 60px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: #ccc;
	box-shadow: 1px 1px #ccc;
	background: #FFFFFF;
}
.mfa-setup .auth-list .auth-desc {
	clear: right;
    margin-left: 100px;
    color: #000;
}
.mfa-setup .mfa-list .auth-list .icon{ 
	height: 61px;
	width: 84px;
	float: left;
}
.mfa-setup .auth-or-sep {
	text-align: center;
	padding: 15px 5px;
}
.mfa-setup .mfa-list .auth-list .icon.email{
	background: url(../../../images/mfa/mfa-email-icon.png) no-repeat;
}
.mfa-setup .mfa-list .auth-list .icon.sms{
	background: url(../../../images/mfa/mfa-sms-icon.png) no-repeat;
}

.mfa-setup.email-step-1 {
	text-align: left;
}

.mfa-setup .sms-code-panel, 
.mfa-setup .email-code-panel{
	text-align: left;
}
.mfa-setup .email-code-panel label,
.mfa-setup .sms-code-panel label
{
	float: left;
	height: 30px;
	padding-top: 10px;
}
.mfa-setup .mfa-mobile-fields {
	float: left;
    margin-left: 10px;
}
.mfa-setup .textfields-panel {
	float: left;
}
.mfa-setup .sms-code-panel .conclusion-text, 
.mfa-setup .email-code-panel .conclusion-text{
	text-align: center;
	margin-top: 15px;
	clear: both;
}
.mfa-setup .sms-code-panel-submit, 
.mfa-setup .email-code-panel-submit {
    text-align: center;
    padding: 20px 0 0px 0;
	float: left;
}
.mfa-setup .submit-button {
    margin: 0;
    width: 100%;
    font-size: 13px;
    color: #fff !important;
    background: #0079C6;
    padding: 10px 50px;
    display: inline-block;
    border: 1px solid #0079C6;
    border-radius: 4px;
    text-shadow: none;
    font-weight: bold;
    transition: all .25s ease-in-out;
    -moz-transition: ally .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    cursor: pointer;
}

.mfa-setup input.email-field, 
.mfa-setup input.code-field,
.mfa-setup input.sms-field,
.mfa-setup .country-code select {
    width: 320px;
}
.mfa-setup .country-code select {
	width: 342px !important;
    padding: 10px;
    margin-bottom: 10px;
}
.mfa-setup input.sms-field, 
.mfa-setup input.email-field, 
.mfa-setup input.code-field {
    padding: 10px;
    text-align: left;
    font-size: 14px;
    margin-top: 0;
    color: #000 !important;
}
.mfa-setup input.code-field{
	margin-left: 10px;
}
.mfa-setup input.email-field,
.mfa-setup input.code-field{
	width: 350px;
}
.mfa-setup .code-field-panel{
	text-align: center;
}
	
.mfa-setup .sms-code-panel-submit, 
.mfa-setup .email-code-panel-submit {
	text-align: center;
	padding: 20px 0 0px 0;
	clear: both;
}
.mfa-setup .sms-code-panel-cancel, 
.mfa-setup .email-code-panel-cancel {
	text-align: center;
	padding: 20px 0 0 0;
}
.mfa-setup .sms-code-panel-cancel input[type="button"], 
.mfa-setup .email-code-panel-cancel input[type="button"]{
	background: #939294;
	border: 1px solid #939294;
}

.email-step-2 .mfa-setup-buttons,
.mobile-step-2 .mfa-setup-buttons{
	height: 90px;
}
.email-step-2 .mfa-desc-concl, 
.mobile-step-2 .mfa-desc-conc{
    padding-top: 0;
}
.mfa-setup .email-step-2 .sms-code-panel .conclusion-text, 
.mfa-setup .mobile-step-2 .email-code-panel .conclusion-text{
	text-align: center;
    margin-top: 10px;
    clear: both;
}
.email-step-1 h1,
.email-step-2 h1,
.mobile-step-1 h1,
.mobile-step-2 h1 {
	text-align: left;
}
.mfa-destination {
	border-top: 1px solid #DEDEDE;
    margin-top: 40px;
    padding-top: 40px;
}
.mfa-destination .destination-list {
	margin-bottom: 10px;
}
.mfa-destination .destination-list h1{
    padding-bottom: 15px;
	float: left;
	width: 200px;
	display: flex;
    justify-content: left;
}
.mfa-destination .destination-list h1 label {
	padding: 2px 0 0 5px;
}
.mfa-destination .destination-list h1 span {
	text-transform: capitalize;
	margin-left: 20px;
}
.mfa-security-content .mfa-destination .mfa-edit-icons {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    opacity: 0.45;
    background-position: center center;
    background-repeat: no-repeat; 
	border: none;
	background: none;
	margin: 0 5px;
}
.mfa-security-content .mfa-destination .mfa-edit-icons:hover {
    opacity: 0.7;
    background-position: center center;
    background-repeat: no-repeat;
}

.mfa-security-content .mfa-destination .mfa-edit-icons.mfa-edit-icon {
    background-image: url(/images/job-visit-edit.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.mfa-security-content .mfa-destination .mfa-edit-icons.mfa-edit-delete-icon {
    background-image: url(/images/job-visit-delete.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.mfa-security-content .mfa-destination p{
	clear: both;
}
.mfa-security-content .mfa-destination .mfa-edits-buttons {
	float: left;
}
.email-popup-delete h1,
.mobile-popup-delete h1{
	text-align: left;
}
.mfa-setup.email-edit h1,
.mfa-setup.mobile-edit h1,
.mfa-setup.email-delete h1,
.mfa-setup.mobile-delete h1,
.mfa-setup.email-step-1 h1,
.mfa-setup.mobile-step-1 h1{
	text-align: left;
}

/**** added by shree**/
.boxWrapPad-map{
	background: #f4f4f4;
	padding: 10px;
	border-bottom: solid 1px #dddddd;
}
.boxWrapPad-map .select-job-div{
	background: #EAEAEA;
	 border-top: solid 1px #ffffff;border-bottom: solid 1px #dddddd; padding: 10px;
}
/** users page changes */
.users-header-searchbox-wrapper{
	height: 40px;
}
.customers .users-header-searchbox-wrapper{
	height: unset;
}  
.user-searchbox-left-margin{
	display:inline-block;
	margin-left:100px;
}
.user-advanced-search-link{
	width: 50px;
	padding-left: 15px;
	padding-top: 5px;
	display:inline-block;
	line-height: normal;
	cursor:pointer;
}
.table-row-bold{
	font-weight: bold;
}
/*formElement page css*/
.formelement-select{
	height:29px;	
}

/*scriptsv2/lib/msdropdown/dd.css overwride*/
.dd .ddArrow{
	background:url(/imagesv4/select-arrow.png) no-repeat;
	margin-top:-6px;
}
/* angular/ui/geo-multi-select/geo-multi-select.css overwride*/
.geo-multi-select{
	background: url(/imagesv4/select-arrow.png) no-repeat right center #ffffff !important; 
	width:230px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.filter-box .ddTitle{
    width:310px !important;
    background: url(/imagesv4/select-arrow.png) no-repeat scroll right 8px #FFFFFF !important;
} 
.filter-box .ddWidth, .filter-box .ddTitle:hover{
	width:310px !important;
}
.emailClientReminderToggleWrapper input.clientEmailReminderToggle,
.emailClientReminderToggleWrapper input.clientSMSReminderToggle {
	opacity: 0;
	position: absolute;
}

.emailClientReminderToggleWrapper input.clientEmailReminderToggle + label,
.emailClientReminderToggleWrapper input.clientSMSReminderToggle + label {
	position: relative;
	display: inline-block;
	user-select: none;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
	-webkit-tap-highlight-color: transparent;
	height: 20px;
	width: 42px;
	border: 1px solid #e4e4e4;
	border-radius: 40px;
	background-color: whitesmoke;
}

.emailClientReminderToggleWrapper input.clientEmailReminderToggle + label:before,
.emailClientReminderToggleWrapper input.clientSMSReminderToggle + label:before {
	content: "";
	position: absolute;
	display: block;
	-moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	-o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	-webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
	height: 20px;
	width: 43px;
	top: 0;
	left: 0;
	border-radius: 20px;
}

.emailClientReminderToggleWrapper input.clientEmailReminderToggle + label:after,
.emailClientReminderToggleWrapper input.clientSMSReminderToggle + label:after {
	content: "";
	position: absolute;
	display: block;
	box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
	-moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	-o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	-webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
	background: whitesmoke;
	height: 18px;
	width: 18px;
	top: 1px;
	left: 0px;
	border-radius: 40px;
}

.emailClientReminderToggleWrapper input.clientEmailReminderToggle:checked + label:before,
.emailClientReminderToggleWrapper input.clientSMSReminderToggle:checked + label:before {
	background: #5686E1;
	-moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	-o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	-webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
	transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}

.emailClientReminderToggleWrapper input.clientEmailReminderToggle:checked + label:after,
.emailClientReminderToggleWrapper input.clientSMSReminderToggle:checked + label:after {
	left: 24px;
}

#ts_remind {
	cursor: pointer;
}

.joblistwrap td.center{
	display: table-cell;
}

/** Clients */
.user-icon-holder img{
	object-fit: cover;
}

#job_address_stpr {
	width:110px;
}

#job_address_postcode {
	width:55px;
}

#custeditform .address-box-outer #stpr, #custeditform .address-box-outer #mailing_stpr {
	width:120px;
}

#custeditform .address-box-outer #postcode, #custeditform .address-box-outer #mailing_postcode {
	width:64px;
}

/** Toggle Switch **/
.toggle-switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 14px;
}
.toggle-switch input, .subscription-option-extras .hidden {display:none;}
.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: -2px;
    bottom: -3px;
    background-color: #ACB2BC;
    -webkit-transition: .4s;
    transition: .4s;
}
.toggle-switch input:checked + .slider {
    background-color: #97c9ee;
}
.toggle-switch input:focus + .slider {
    box-shadow: 0 0 1px #97c9ee;
}
.toggle-switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background-color: #1388DC;
    left: -10px;
}
.toggle-switch .slider.round {
    border-radius: 34px;
}
.toggle-switch .slider.round:before {
    border-radius: 50%;
}
/** Messaging tab **/
.settings-messaging-content {
	clear: both;
}
.settings-messaging-content .error {
	display: flex;
	color: red;
}
.ui-datepicker, #ui-datepicker-div {
	width: 18em !important;
}
.sms-settings-section {
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
}
.sms-settings-section input.country-code {
	width: 70px;
}
.sms-settings-section .label {
	padding-right: 50px;
}
.sms-settings-section input.mobile-number {
	width: 140px;
}
.usage-date-selection {
	display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 15px 0;
}
.usage-date-selection  .date-picker {
    display: flex;
    justify-content: flex-start;
}
.usage-date-selection  .date-picker .textfield-sections {
	padding-right: 5px;
}
.usage-date-selection .date-pickers {
	cursor: pointer;
}
.usage-date-selection input.error {
	border: 1px solid #f00;
}
.messaging-usage .error.hidden {
	display: none;
}
.messaging-usage .error {
	color: #f00;
}

.edit-messaging .reminder{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
	margin: 20px 0;
}
.edit-messaging .reminder .reminder-desc,
.edit-messaging .reminder .reminder-checkboxes {
	width: 50%;
}
.edit-messaging .reminder .reminder-checkboxes {
	padding-left: 10px;
}
.edit-messaging .email-sms-signature-content {
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px 0;
	border: 1px solid #EAECF0;
    border-radius: 10px;
    padding: 20px;
}
.edit-messaging .email-sms-signature-content textarea {
	border: 1px solid #EAECF0;
}
.edit-messaging .email-sms-signature-content.enabled,
.edit-messaging .email-sms-signature-content.enabled textarea {
    background: #CAE6FF;
    border: 1px solid #002C6B;
}
.edit-messaging .signature-checkboxes {
	padding-left: 25px;
}
.edit-messaging .submit-section {
    margin: 20px 0;
}
.edit-messaging .date-picker span {
	padding-right: 10px;
}
.subscription-option-extras .option-extras-sections {
    width: 60% !important;
}
/* Stripe Modal */
.stripe-modal.hidden { display: none; }
.stripe-modal-content {
	width: 1128px;
	min-height: 762px;
	display: flex;
    flex-direction: row;
}
.stripe-modal-content .left-content {
    width: 35.63%;
	background-color: #1388DC;
	padding: 44px 38px;
	color: #FFFFFF;
	font-size: 16px;
}
.stripe-modal-content .left-content .header {
	background-color: transparent;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 150px;
	column-gap: 8px;
}
.stripe-modal-content .left-content .header .geo-logo {
	background-color: #FFFFFF;
    width: 20px;
    height: 20px;
    padding: 7px;
    border-radius: 20px;
	margin: 0;
}
.stripe-modal-content .left-content .body {
	margin-top: 48px;
}
.stripe-modal-content .left-content .body p {
	padding: 11px 0;
}
.stripe-modal-content .left-content .button-link {
	margin-top: 50px;
}
.stripe-modal-content .left-content .button {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 5px 10px;
	border-radius: 6px;
	font-size: 13px;
}
.stripe-modal-content .left-content h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #FFFFFF;
}
.stripe-modal-content .right-content {
    width: 64.37%;
	padding: 128px 34px 32px 84px;
	font-size: 20px;
}
.stripe-modal-content .right-content .body h3 {
    font-size: 32px;
    font-weight: 400;
}
.stripe-modal-content .right-content .body .stripe-advantages-list {
    list-style-type: none;
	margin-top: 24px;
	min-height: 520px;
}
.stripe-modal-content .right-content .body .stripe-advantages-list li {
	padding: 5px 0 5px 4px;
}
.stripe-modal-content .right-content .body .main-img {
    position: absolute;
    right: 84px;
    top: 260px;
}
.stripe-modal-content .right-content .body  .button-link {
	text-align: right;
}
.stripe-modal-content .right-content .button {
    color: #0288D1;
    border: 1px solid #1388DC;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
}
.stripe-modal-content .right-content a {
	cursor: pointer;
}
.stripe-toggle-button:not(.active) {
	padding: 4px 23px !important;
}
.invoices-geopay-tab-menu {
    display: flex;
    justify-content: space-between;
	align-items: center;
	padding-right: 10px;
}
.invoice-geopay-btn {
	display: flex;
    align-items: center;
	justify-content: center;
    color: #635BFF !important;
    font-size: 13px !important;
    border: 1px solid #635BFF;
    border-radius: 5px;
    padding: 8px 15px;
	cursor: pointer;
	margin: 0 1em;
}
.pending-geopay-btn {
	display: flex;
    align-items: center;
	justify-content: center;
    color: #F24822 !important;
    font-size: 13px !important;
    border: 1px solid #F24822;
    border-radius: 5px;
    padding: 8px 15px;
	cursor: pointer;
	margin: 0 1em;
}
.btn-group-v2.open {
	min-width: 225px;
}
.btn-group-v2, .btn-group-v2 .btn-group-vertical {
    position: relative;
    display: flex;
	justify-content: flex-end;
    align-items: center;
	margin: 0 10px;
}

.btn-group-v2>.btn:last-child:not(:first-child), 
.btn-group-v2>.dropdown-toggle:not(:first-child){
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.btn-group-v2 .main-btn,
.btn-group-v2 .main-btn:hover {
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
	border-right: none;
}
.btn-group-v2 .main-btn:hover {
	border-right: none;
}
.btn-group-v2 .main-btn:hover,
.btn-group-v2 .dropdown-toggle:hover {
	border-color: #0288D1;
	background: transparent;
}
.btn-group-v2 .btn .caret {
    margin-left: 0;
}
.btn-group-v2.open>.dropdown-menu {
    display: block;
}
.btn-group-v2.open>.dropdown-menu li {
	padding: 6px 0;
}
.btn-group-v2 button{
	margin: 0;
	background: transparent;
    border-color: #0288D1;
    color: #0288D1 !important;
    font-weight: 400;
	padding: 5px 20px;
}
.btn-group-v2 .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.btn-group-v2 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: none;
    float: left;
    min-width: 160px;
	max-width: 225px;
    padding: 0;
    list-style: none;
    font-size: 13px;
    background-color: #fff;
    border: none;
    border-radius: 0;
    background-clip: padding-box;
	text-align: left;
}
.btn-group-v2 .dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #73737e;
    white-space: nowrap;
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.btn-group-v2  a.geopay-collect-btn {
	margin-top: 0;
}
.btn-group-v2  #onlinePayment {
	display: none;
}
.stripe-settings h2 {
	width: 100%;
    font-size: 32px;
    font-weight: 400;
    color: #333333;
    padding: 40px 32px;
	background: none;
}
.stripe-settings .connect-button {
	display: flex;
    justify-content: center;
	margin: 10px 0;
}
.stripe-settings .connect-button a {
	height: 40px;
	margin: 22px 0;
}
.stripe-settings .stripe-contents {
	font-size: 12px;
	display: flex;
	justify-content: flex-start;
    align-items: flex-start;
    column-gap: 20px;
    width: 610px;
    padding: 32px;
}
.stripe-settings .stripe-contents h3 {
	font-size: 18px;
	color: #333333;
	font-weight: 500;
	margin-bottom: 0;
	padding: 0;
	background: none;
}
.stripe-settings .stripe-contents p {
	margin: 9px 0 32px 0;
}
.stripe-settings .right-banner {
	row-gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.stripe-settings .right-banner .button {
	color: #1388DC;
    padding: 8px 12px;
    border-radius: 5px;
    border: 1px solid #1388DC;
    font-weight: 500;
    font-size: 10px;
}
.stripe-settings.geopay-enabled h2.content-header-left {
	font-size: 18px;
	padding: 0;
	line-height: 28px;
}
.stripe-settings.geopay-enabled p {
	font-size: 14px;
}
.stripe-settings.geopay-enabled .header-wrapper {
	border-bottom: 1px solid #EAECF0;
    padding-bottom: 20px;
}
.stripe-settings.geopay-enabled .tap-to-pay-box {
	border: 1px solid #DCE0E2;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 24px 96px;
	margin-top: 25px;
	display: flex;
    align-items: center;
    column-gap: 27px;
}
.stripe-settings.geopay-enabled .tap-to-pay-box p {
	line-height: 7px;
}
.stripe-settings.geopay-enabled .disconnect-stripe {
	display: flex;
    justify-content: center;
	margin-top: 56px;
}
.stripe-settings.geopay-enabled .disconnect-stripe a {
	background: rgba(211, 47, 47, 0.04);
    border: 1px solid rgba(211, 47, 47, 0.5);
    border-radius: 4px;
    color: #D32F2F;
    height: 42px;
    width: 219px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
}
.stripe-dashboard-link {
	display: flex;
    justify-content: center;
    margin-top: 22px;
    column-gap: 8px;
    font-weight: 500;
    font-size: 15px;
    color: #333333;
}
.parent-menu {
	display: flex;
    flex-direction: column;
	padding: 0 !important;
	border: none !important;
}
.parent-menu .sub-menu{
	display: none;
}
.parent-menu .menu-item-title {
	display: flex;
	align-items: center;
	padding: 20px 20px 10px 20px;
	border-right: 3px solid #308dd4;
	cursor: pointer;
}
.parent-menu.active .sub-menu {
	display: block;
	margin-top: 12px;
}
.parent-menu.active .caret-icon {
	transform: rotate(90deg);
}
.parent-menu.active .sub-menu .sub-menu-item {
	padding: 12px 0 12px 14px;
	border-left: 2px solid #E0E0E0;
	border-right: none;
	font-size: 14px;
    font-weight: 700;
}
.parent-menu.active .sub-menu .sub-menu-item a {
	color: #414141;
	margin-left: 0;
}
.parent-menu.active .sub-menu .sub-menu-item.active a {
	color: #1388DC;
}
.billing-settings-page h2 {
	color: #101828;
	font-size: 18px;
}
.billing-settings-page p {
	font-size: 14px;
	margin-top: 4px;
}
.billing-settings-page .section-header {
	padding-bottom: 20px;
    border-bottom: 1px solid #EAECF0;
}
.invoice-preferences {
	width: 985px;
}
.form-control-container {
	display: flex;
	align-items: flex-start;
    padding: 20px 0;
    width: 80%;
    flex-direction: column;
}
.form-control-container.checkbox-toggles {
	column-gap: 64px;
	border-bottom: 1px solid #EAECF0;
	flex-direction: row;
	align-items: center;
}
.form-control-container.checkbox-toggles .label {
	width: 30%;
}
.form-control-container .label h5{
	font-weight: 500;
	font-size: 14px;
}
.form-control-container .text-field {
	width: 100%;
	margin-top: 0;
}
.form-control-container.checkbox-toggles .text-field {
	width: 70%;
}
.form-control-container input[type="text"] {
	width: 100%;
	border: 1px solid #79747E;
}
.form-control-container .text-field-icon-container {
    width: 423px;
    display: flex;
    align-items: center;
    border: 1px solid #79747E;
    border-radius: 5px;
    padding: 5px 16px;
}
.form-control-container .text-field-icon-container .field-icon {
	width: 27px;
	height: 18px;
}
.form-control-container .text-field-icon-container input[type="text"] {
	width: 100%;
	margin: 0;
	border: none;
	background: none;
}
.form-control-container-row {
    display: flex;
    column-gap: 40px;
    width: 70%;
}
.form-control-container-columns {
	width: 100%;
}
.geopayv2-button {
	background: #1388DC;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    border: none;
    color: #FFFFFF;
	padding: 12px 25px;
    font-weight: 500;
	cursor: pointer;
}
.geopayv2-button-filled {
	border-radius: 4px;
	font-weight: 400;
}
.geopayv2-button-outlined {
	background: #ffffff;
    border-radius: 4px;
	box-shadow: none;
    border: 1px solid rgba(25, 118, 210, 0.5);
    color: #1388DC;
	font-weight: 400;
}
.geopayv2-button-filled-alt {
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2);
	background: #FF9800;
	border: none;
    border-radius: 4px;
    border: none;
    color: #333333;
	font-weight: 400;
}
.form-control-container .payment-information-textarea {
	width: 100%;
	height: 130px;
	margin-top: 0;
	border: 1px solid #000000;
}
.invoice-tax-code {
	width: 974px;
}
.invoice-tax-code .xero-sync-container {
	display: flex;
    justify-content: space-between;
    padding: 31px 0;
	column-gap: 24px;
}
.billing-settings-page .hidden {
	display: none;
}
.section-header.invoice-preferences-toggles{
	margin-top: 13px;
}
.section-header.payment-details {
	margin-top: 37px;
}
.section-header.default-codes {
	margin-top: 86px;
}
.section-header.default-invoice-run{
	margin-top: 44px;
}
.custom-table {
	border-collapse: collapse;
	width: 100%;
	font-family: Arial, sans-serif;
}
.form-control-container.form-control-container-checkbox {
	flex-direction: row;
}
.form-control-container.form-control-container-checkbox .text-field{
	width: 3%;
}
.form-control-container.form-control-container-select {
	flex-direction: column;
    padding: 22px 0 0 0;
}
.form-control-container.form-control-container-page-size {
	padding: 22px 0;
}
.form-control-container select {
	border: 1px solid #79747E;
	width: 490px;
    height: 56px;
	margin-top: 0;
}
.form-control-container select#page_size {
	width: 218px;
}
.custom-tax-table th,
.custom-tax-table td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
}
.custom-tax-table th {
    background-color: #F4F5F7;
    font-weight: 500;
    font-size: 12px;
}
.custom-tax-table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}
.checkbox-container:not(:has(input[name="chkbox1"])) {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkbox-container input:not([name="chkbox1"]) {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkbox-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #fff;
	border: 2px solid #333333;
	border-radius: 3px;
}
.checkbox-container:hover input ~ .checkmark {
	background-color: #e3f1ff;
}
.checkbox-container input:checked ~ .checkmark {
	background-color: #1976D2;
	border: none;
}
.checkbox-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.checkbox-container input:checked ~ .checkmark:after,
.checkbox-container input:indeterminate ~ .checkmark:after
{
	display: block;
}
.checkbox-container .checkmark:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkbox-container input:indeterminate ~ .checkmark {
	background-color: #1976D2;
	border: none;
}
.checkbox-container input:indeterminate ~ .checkmark:after{
    top: 2px;
    width: 6px;
    height: 11px;
    border-width: 0 2px 0px 0;
    transform: rotate(90deg);
}
.tax-codes-actions {
	display: flex;
    align-items: center;
	column-gap: 17px;
	padding-left: 10px;
}
.tax-codes-actions a{ 
	display: flex;
	color: #333333;
	font-weight: 500;
	column-gap: 8px;
	cursor: pointer;
}
.tax-codes-actions a:hover{
	color: #858585;
}
.add-new-code {
	margin-top: 11px;
    margin-left: 54px;
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-weight: 600;
	cursor: pointer;
}
.existing-tax-codes input[type="text"]:not(.selected) {
	border: none;
	background: transparent;
}
.main-form-viewer .freetext-element{
	position: relative;
	z-index: 99;
}
.migrate-geopay-v2-btn-container {
	display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
a.sendSMSClients {
	display: inline-block;
	width: auto;
	border-style: solid;
	border-color: #96A0B2;
	border-radius: 3px;
	border-width: thin;
	vertical-align: middle;
	padding: 5px;
	cursor: pointer;
}
a.sendSMSClients span {
	vertical-align: middle;
	padding-left: 5px;
	color: #96A0B2;
	font-size: 14px;
}
a.sendSMSClients svg {
	vertical-align: middle;
	fill: #96A0B2;
}
a.sendSMSClients:not(.disabled) {
	border-color: #1388DC;
}
a.sendSMSClients:not(.disabled) span {
	color: #1388DC;
}
a.sendSMSClients:not(.disabled) svg {
	fill: #1388DC;
}
/* SMS Parts Counter */
.parts-counter-container {
	display: flex;
	flex-direction: row;
    align-items: center;
	justify-content: flex-end;
	column-gap: 2px;
    padding: 7px 0;
    font-size: 12px;
    font-weight: 400;
}
.parts-counter-container .number-counters {
	display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}
.message-parts-error,
.message-parts-error:focus {
	border: 1px solid #D32F2F !important;
}
.parts-counter-container .message-length.error {
	color: #D32F2F;
}
a.info-links.part-counter-help {
	top: 0;
	width: 15px;
    height: 20px;
	margin-left: 5px;
	background-image: url('/images/info-outline.png');
	background-size: contain;
}
.pop-up-info#help_parts_counter.right.bottom:after {
	left: 405px;
}
.add-edit-booking-footer {
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    column-gap: 12px;
}
.add-edit-booking-footer .detailsFlag{
	margin-top: 0;
    margin-right: 0;
    float: none;
}
#help_parts_counter .pop-up-content a {
	color: #fff;
	text-decoration: underline;
}
/* SMS Parts Counter (END) */

.mapPlaceholder3 {
	float: left;
	width: 480px;
	height: 640px;
	background: url(/imagesv4/map-placeholder.png) no-repeat center center;
	background-size: cover;
	position: relative;
}
.mapPlaceholder3MapTab {
	width: auto;
	margin: 0 !important;
	vertical-align: top;
}
.mapPlaceholder3MapTab .mapwp {
	float: left;
	width: 480px;
	height: 640px;
	display: none;
}