body{
	background: #fff;
}


/*
autocomplete css
*/

#pac-input {
  background-color: #fff !important;
  font-family: Roboto !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  margin-left: 12px !important;
  margin-top:12px;
  padding: 0 11px 0 13px !important;
  text-overflow: ellipsis !important;
  border-radius:2px !important;
  width: calc(100% - 24px) !important;
  height:40px !important;
  border:1px solid #ccc !important;
}

#pac-input:focus {
  border-color: #4d90fe;
}

.pac-container {
  font-family: Roboto;
}

#type-selector {
  color: #fff;
  background-color: #4d90fe;
  padding: 5px 11px 0px 11px;
}

#type-selector label {
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
}


/*
map autocomplete ends
*/

#phone-contents{
	width:100%;
	overflow:hidden;
}

.overflow-hidden{
	overflow:hidden;
}

.editable{
	display:block;
	overflow:hidden;
	padding-top:10px;
	width:calc(100% + 60px);
	overflow:hidden;	
}
.editable .r-content{
	width:calc(100% - 60px);
	float:left;
}

.editable .edit-btn{
	background:#F66;
	color:#fff;
	float:left;
	height:100%;
	width:60px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	display:table;
}

.edit-btn > span{
	display:table-cell;
	vertical-align:middle;	
	padding-top:45px;
	background:transparent url('../images/icons/edit.png') center center no-repeat;
	background-size:16px auto;
}
/*
.editable.open{
	width:100% !important;
}*/
.editable.open .r-content{
	margin-left:-60px;
}

/* reports new payments */

.job-pay{
	overflow:hidden;
	background:#f9f9f9;
}

.job-pay .job-pay-header{
	display:block;
	overflow:hidden;	
	padding:1rem;
	background:#f6fbfb;
	padding-top:3rem;
}

.job-pay .job-pay-header h4{
	font-size:17px;
	margin-bottom:0.5rem;
	float:left;
	width:105px;
	border-right:1px solid #ccc;
	margin-right:5px;
	padding-right:5px;
}

.job-pay .job-pay-header h4 span{
	font-size:15px;	
	display:inline-block;
	margin-top:10px;
	display:block;
	color:#999;
}

.job-pay .job-pay-header strong{
	line-height:1.6px;
	font-weight:100;
	display:inline-block;
	overflow:hidden;
	float:right;
	width:calc(100% - 115px);
}

.my-earnings{
	color:#fff;
	padding:1.5rem;
	text-align:center;
	background:#57c3c3;
	overflow:hidden;
}


.my-earnings span{
	display:inline-block;
	width:30%;
	float:left;
	text-align:left;
	padding-top:7px;
}


.my-earnings strong{
	display:inline-block;
	width:40%;
	font-size:28px;
	float:left;
	text-align:center;
}


.my-earnings em{
	font-style:normal;
	display:inline-block;
	padding-top:7px;
	width:30%;
	float:right;
	text-align:right;
}


.job-pay .job-pay-header strong span{
	font-size:12px;
	display:inline-block;
	margin-bottom:10px;
	width:48%;
}


.job-pay .job-pay-header strong img{
	height:14px;	
}

.pay-row{
	overflow:hidden;
	background:#f9f9f9;
	border-top:1px solid #ccc;
}

.pay-row .p-label{
	position:absolute;
	display:inline-block;
	color:#fff;
	padding:4px 10px;
	background:#57c3c3;
	font-weight:100;
	min-width:20%;
	text-align:center;
	border-radius:0px 0px 5px 0px;
	margin-top:-1px;
	font-size:12px;
}

.external .p-label{
	background:#fc5c64;	
}

.pay-details{
	display:block;
	padding:1rem;
	text-align:center;
	color:#fff;
	background:#999;	
}

.pay-details.open{
	background:#57c3c3;
	padding:0.5rem;
}

.external.pay-row{
	border-top-color:#fc5c64;
}

.pay-row.red-bg, .pay-row.red-bg span, .pay-row.red-bg strong{
	color:#fff !important;
	border-top:none;
}

.pay-row.green-bg, .pay-row.green-bg span, .pay-row.green-bg strong{
	background:#57c3c3 !important;
	border-top:none !important;
	color:#fff !important;
}

.pay-row.red-bg > div, .pay-row.red-bg > div > div{
		background-color:#fc5c64  !important;
}

.red-text{
	color:#fc5c64 !important;	
}

.bolder{
	font-weight:700 !important;	
}

.pay-row > div{
	padding:2rem 1.5rem 2rem 1.5rem;	
}

.external.pay-row > div{
	padding-top:3rem;	
}

.pay-row > div > div{
	float:left;
	border-left:1px solid #ccc;
	text-align:center;
}


.pay-row > div > div:first-child{
	border-left:0px;
	padding-left:0px;	
	text-align:left;
}


.pay-row > div > div > span{
	display:block;
	font-weight:100;
	margin-bottom:5px;
	font-size:12px;
	color:#999;
}

figure.img-holder{
	display:block;
	float:left;
	margin-right:5px;
	width:30px;
	height:30px;
	border-radius:50%;
	overflow:hidden;	
	text-align:center;
}

.col-15 figure.img-holder{
	width:15px !important;
	height:15px !important;	
}


.col-15 strong{
	padding-top:5px;
	font-size:13px !important;	
}

figure.img-holder img{
	max-width:3000% !important;
	height:100% !important;	
}

.pay-row > div > div > strong{
	display:block;
	font-size:18px;
	font-weight:100;	
}

.pay-row > div{
	overflow:hidden;	
}

.pay-row > div .col-1{
	width:25%;	
}


.pay-row > div .col-15{
	width:30%;	
}


.pay-row > div .col-05{
	width:20%;	
}

.pay-row > div .col-2{
	width:50%;	
}


.pay-row > div .col-3{
	width:75%;	
}

.pay-row > div .col-4{
	width:100%;	
}

/* reports new payments  END */

.payment-header{
	text-align:center;	
}


.payments_made{
	display:block;
	text-align:left;
	line-height:1.8;
	font-weight:100;
	padding:10px;	
	background:#FFC;
	margin-top:1.5rem;
}


.payment-header h4{
	font-size:23px;
	margin-bottom:10px;	
}


.payment-header h5{
	font-size:16px;
	color:#CCC;
	font-weight:100;
	margin-top:10px;
	text-decoration:underline;	
}

.pay-now{
	margin-top:20px;
	padding:0px 10px;	
}

.job-section .pay-with{
	padding: 2.5rem 1.5rem;
}

.job-section .pay-with a + a{
	margin-top:4.5rem;	
}

.t-form.phone-checkboxes{
	padding-top:0px !important;	
}
.t-form.phone-checkboxes > div{
	width:25% !important;
	text-align:center;
}


.t-form.phone-checkboxes > div label{
	display:block;	
}

/*
Job flow
*/

.completed .job-flow{
	background:#f6fbfb;	
}



.rejected .job-flow, .incompleted .job-flow{
	background:#ffeaeb;	
}

.job-flow{
	overflow:hidden;
	padding:10px 0px;
}

.job-flow > div{
	float:left;
	width:33%;
}


.job-flow .img-holder{
	width:50px;
	height:50px;
	overflow:hidden;
	border-radius:50px;
	text-align:center;
	background:#ccc;
	display:inline-block;
	margin:10px 0px;
}


.job-flow .img-holder img{
		height:100%;
}

.img-holder.arrow-right{
	background:#57c3c3 url('../images/arrows/arrow-right.png') center center no-repeat;
}


.img-holder.arrow-left{
	background:#FFCBD4 url('../images/arrows/arrow-left.png') center center no-repeat;
}


.img-holder.arrow:after{
	content:" ";
	display:block;
	width:calc(33% - 52px);
	position:absolute;
	margin-left:50px;
	margin-top:25px;
	border-bottom:1px dashed #57c3c3;
}


.img-holder.arrow:before{
	content:" ";
	display:block;
	width:calc(33% - 52px);
	position:absolute;
	margin-left:calc((33% - 52px) * -1);
	margin-top:25px;
	border-bottom:1px dashed #57c3c3;
}


.job-flow.three > div{
	width:20% !important;	
}


.job-flow.three .img-holder.arrow:before{
	width:calc(20% - 52px) !important;
	margin-left:calc((20% - 52px) * -1) !important;
}


.job-flow.three .img-holder.arrow:after{
	width:calc(20% - 52px) !important;
}

.job-col{
	text-align:center;	
}


.img-holder.arrow-left:after, .img-holder.arrow-left:before{
	border-color:#F66 !important;	
}

.job-col span{
	display:block;	
	font-weight:100;
	height:17px;
	overflow:hidden;
}


.job-col strong{
	height:17px !important;
	overflow:hidden;
	line-height:20px !important;	
}


.job-flow.three span{
	font-size:13px !important;
	height:15px !important;	
}



.job-col strong{
	display:block;	
}

.animate{
  -webkit-transition: all all 0.4s ease-in-out ease-out;
  -moz-transition: all all 0.4s ease-in-out ease-out;
  -o-transition: all all 0.4s ease-in-out ease-out;
  transition: all all 0.4s ease-in-out ease-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.editable, .editable .r-content {
  -webkit-transition: all all 0.2s ease-in-out ease-out;
  -moz-transition: all all 0.2s ease-in-out ease-out;
  -o-transition: all all 0.2s ease-in-out ease-out;
  transition: all all 0.2s ease-in-out ease-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.site--nav span.logo{
	display:block;	
	position:absolute;
	z-index:1;
	width:100%;
}

.site--nav ul img{
	margin-right:15px;	
}

.site--nav ul span{
	font-size:16px !important;
}

.pasted-bg{
	background:#CFF;	
}

.pasted h3{
	font-size:16px;	
	font-weight:100 !important;
	margin-bottom:10px;
}

.pasted p{
	font-size:14px;
	line-height:1.2;	
}
.pasted p:before{
	font-size:20px;
}
.pasted p:after{
	font-size:20px;
}

textarea.paste{
	height:190px;
}

.center-it{
	max-width:600px;
}

#resend_btn{
	color:#fc5c64;
}

.cta-btn.aqua-bg{
	border-radius:	12px;
}

.h-register{
	z-index:2;
}

a.edit img{
	fill: green;	
}

div.input.picture .preview{
	overflow:hidden;
	background:#f2f2f2;	
}

p.red-text.error{
	margin-bottom:10px;
	background:#fff;
	font-size:14px;
	padding:10px;	
}

.edit svg path {fill: #ccc;}


.edited .edit svg path {fill: #57c3c3 !important;}


.hidden{
	display:none;	
}

.ta-holder{
	background:#fff;
	padding:20px;	
}

tr.edited td{
	padding:1rem .5rem 1rem 1rem;
	vertical-align:middle;
}

.td-value input{
	border-width:1px;
	font-size:17px;
	padding:0.5rem;
	border-radius:1rem;
	height:auto;
}

.td-value input:focus{
	border-width:1px;
	background:#fff;
	box-shadow:none;
}

.site--header h1 a img, .site--header h1 .icon img{
	width:100%;
}

/* check tabs */

.check_tabs{
	display:block;
	overflow:hidden;	
	margin-bottom:10px;
}

.check_tabs > div{
	width:50%;
	float:left;
	text-align:center;
	padding:20px 0px;
}

.check_tabs > div  label{
	display:inline-block;
	font-size:1.9rem;
	padding-bottom:0px;
	padding-left:10px;
}


.check_tabs > div  input{
	display:inline-block !important;
	width:auto !important;
	clear:none !important;
	height:auto !important;
}
.photo-preview{
	display:inline-block;
	margin:20px 0px;
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius:50%;	
}
.a-box img, .input.picture .preview img, .photo-preview img{
	height:100%;
	max-height:100%;
	max-width:200% !important;
}


.a-box .a-add img{
	width:130px;
}

.choise-agent .a-box .name i{
	display:block;
	font-size:1.7rem;
	padding-top:5px;
	display:block;
	font-style:normal;
	
}

input:disabled{
	background:#e3e3e3;
	opacity:0.5;
}


.saved-alert{
	display:block;
	padding:30px;
	text-align:center;
	color:#fff;
	opacity:0.5;	
}


.reports header figure{
	overflow:hidden;	
}

.reports header figure img{
	width: 100%;
}

.r-days .title-label{
	width:180px !important;	
	font-weight:100;
	padding:4px 5px;
	top:-12px;
}


.r-days .head img {
    max-width: 4.6rem;
    height: 25px;
    margin-right: 10px;
}


.register .input-group {
	background: #fff;
}



.cta-btn.white-bg, a.skip{
	border:1px solid #ccc;
	border-radius:9px;	
}

.virtual-number{
	
    padding: 15px 5px;
    display: block;
    font-size: 1.5rem;
}

body .site--wrapper > header{
	padding-top:25px;
}

.h-register .back{
	top:30px;	
}

.toggle-nav{
	/**background-position:center 35px !important;**/
}

p.note{
	display:block;
	font-size:12px;	
	margin-bottom:20px;
}


p.big-note{
	display:block;
	font-size:24px;
	text-align:center;	
	margin-bottom:20px;
}

.popup-users{
	background:red;
	z-index:5;
	display:none;
}

p.or{
	width:100%;
	text-align:center;
	padding-bottom:5px;
	font-size:11px;
	color:#666;
}

.state-holder{
	border:1px solid #ccc;
}

.state-select{
    margin-left: 50px;
    margin-top: 15px;
}

.go-back img, .go-back-arrow img{
	width:32px !important;	
}

.parent-close{
	float:right;
	font-size:25px;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:10px;
	margin-top:15px;
	cursor:pointer;	
}

.more-details{
	border-radius:0px 0px 5px 5px;
	margin-left:10px;
	display:inline-block;
	background:#f5f5f5;
	color:#000;
	text-align:center;
	padding:5px;
}

.map-hold{
	height:200px;
	padding-bottom:10rem !important;	
}
.map-hold iframe{
	height:200px;	
}

.center-title{
	text-align:center;	
}

.center-title .go-back, .center-title .icon, .center-title .go-back-arrow{
	float:left;
}


.one-form div:first-child{
	margin-top:90px;	
}

.narrow-header h1{
	font-size:1.5rem;
}


.narrow-header .toggle-nav{
	background-position:center 25px !important;
}

.center-text{
	text-align:center;
	margin:60px 0px;	
}

.box-clickable{
	cursor:pointer;	
}

.percentage p{
	text-align:center;	
}

.text-right{
	text-align:right !important;	
	font-size:17px !important;	
}

.text-left{
	text-align:left !important;
	font-size:17px !important;	
}



.pasted{
	overflow:hidden;	
}
.paste-left{
	float:left;
	width:calc(100% - 100px) !important;	
}

.paste-right{
	float:right;
	width:100px;	
	text-align:center;
}

.paste-right .img{
	width:40px;
	height:40px;
	display:inline-block;
	overflow:hidden;
	border-radius:85px;	
}


.paste-right .img img{
	height:100%;
	max-width:500% !important;
	width:auto !important;	
}

.address-btn{
	border-radius:5px;
	padding:5px;
	color:#fff;
	font-weight:100;
	font-size:12px;
	margin-top:10px;	
	line-height:1.2;
	display:block;
}

.paste-right .from-box{
	display:inline-block;
	width:85px;
	text-align:center;	
}

.from-box strong{
	display:block;
	text-align:center;
	margin-top:5px;
	font-weight:100;	
}

.open-edit{
	display:block;
	width:100%;
	text-align:center;
	clear:both;
	margin-top:25px;
	float:left;
	height:50px;	
}

.grey-header{
	background:#f5f5f5;
	padding:15px 0px;
}

.grey-header h4{
	font-size:24px;
	text-align:center;	
}

.edit-lines{
	background:#e9e9e9;	
	margin-bottom:20px;
}

.edit-lines .edit-line{
	display:block;
	padding:10px;	
}

.edit-lines .edit-line input{
	background:transparent url('../images/icons/pen-aqua.svg') right 5px no-repeat;
	border:none !important;	
	height:40px !important;
}


.edit-lines .edit-line input:focus{
	box-shadow:none !important;
	color:#000;	
}

section.wallet{
	/*
	padding-left:0px !important;
	padding-right:0px !important;	
	*/
}
section.wallet h1{
	margin:10px 0px 15px;	
}




p.small-note{
	display:block;
	font-size:16px !important;
	text-align:center;	
	margin-bottom:5px;
}
.small-note.text-right{
	margin-top:-15px;
}

.input-simulate{
    width: 100%;
    height: 60px;
    padding-left:55px;
	line-height:3;
	font-size: 1.9rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    border: 2px solid rgba(0, 0, 0, 0.2);
}


.input-simulate .red{
	color:red;	
}

.popup-user-perview{
	padding:30px 0px;
	height:100vh;
	text-align:center;	
}

.popup-user-perview .preview{
	margin:20px 0px;
	width: 9.5rem;
    height: 9.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden	
}


.popup-user-perview h2.user-phone{
margin:15px 0px;	
}


.popup-user-perview h4{
	margin: 20px;
	font-size:22px;
}

.popup-user-perview .preview img{
	height:100%;
	max-width:500% !important;
}

input:-moz-read-only{
	background-color:#f9f9f9 !important;
}
input:read-only{
	background-color:#f9f9f9 !important;
}

.page-loading, .page-loading .thanks-section{
	opacity:1;
	background:#f9f9f9 url('../images/ajax-loader.gif') center 50% no-repeat;	
}

.page-loading div.white-bg, .page-loading .btn-group, .page-loading .thanks-section .content, .page-loading .pay-btn-tip{
	opacity:0.2;
	background:transparent !important;	
}

.page-loading .btn-group, .page-loading .btn-group .pay-btn-tip, .page-loading .cta-btn, .page-loading .add-job-btn, .page-loading .loading-btn{
	visibility:hidden;	
}


.row-jobs .head{
	/*
	padding:0px !important;
	*/
}

.job-row{
	padding:0px 15px 20px 15px !important;
	display:block;
	border-bottom:1px solid #fff;	
}

.navigation-link{
	display:block;
	background:#fc5c64;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:2.5rem;
	text-align:center;
	border-radius:5px;
	margin:15px 0px;
}



.r-days .head span{
	/*
	width:48% !important;	
	*/
}

.job-row.red-bg{
	background:#ebc8c8 !important;	
}

.job-row.green-bg{
	background:#c2f4e3 !important;	
}

.guest-user .toggle-nav{
	display:none;
}
.download{
	margin:0 auto;
	text-align:center;	
	max-width:500px;	
	padding:50px 20px;
}

.splash-logo{
	width:100%;
}


.splash-logo img{
	width:100%;
}

.download-btn{
	margin-top:40px;
	display:inline-block;
	width:80%;
	height:auto;
}

.rej-reason{
	display:block;
	border-top:1px solid #ccc;
	font-size:16px;
	margin-top:10px;
	padding-top:10px;	
}

.small-image-holder{
	margin-top:10px;
	display:inline-block;
	clear:both;
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%;
	text-align:center;
	background:#fff;	
}
.small-image-holder img{
	height:100% !important;
	max-width:300% !important;	
}

.r-content .head h4 span{
	display:block;
	width:100%;
	text-align:center !important;
	padding:10px;
}

.action-btn{
    padding: 20px 50px;
    color: #000;
    background: #fff;
    width: 190px;
    border: 1px solid #ccc;
    border-radius: 15px;
    font-size: 18px;
}


.dark-light.white-bg{
	background:#fff !important;	
}
.closer-jobs .head.dark-light, .closer-jobs .r-days, .r-days .red-light, .no-margin-bottom {
	margin: 0px !important;
}

.no-margin-bottom .title-label{
	top:13px;
	z-index:2;
}


.job-data-h{
	display:block;
	width:100% !important;
	text-align:left !important;
}

.paste-toggle{
	font-size:11px;
	text-transform:none;
	font-style:normal;
	margin-top:5px;	
}
.paste-toggle.open{
	text-decoration:none;	
}

.payment-errors{
	padding:10px;
	text-align:center;
	color:#C30;
	display:block;	
}

.percentage input.val{
	width:65px;
	padding-left:0px !important;
	padding-right:0px !important;
	border:none;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}

.error .input-simulate{
	border-color:red;	
}

.small-margin-bottom{
	margin-bottom:1rem !important;	
}

.job-payment .input{
	padding-bottom:3rem !important;	
}

.action-btn.red-bg{
	background:#fc5c64;
	color:#fff;
	border-color:#fc5c64;
	margin-bottom:15px;	
}

.new-add{
	display:inline-block;
	position:absolute;	
}

.r-days.pending.new-job:before{
	content:" new ";
	font-size:11px;
	background:#FC0;
	padding:2px 15px;
	position:absolute;
	z-index:3;
	right:0px;
	margin-top:-3px;
}

.phone-checkboxes{
	overflow:hidden;	
	margin-top:20px;
}

.phone-checkboxes > div{
	overflow:hidden;
	float:left;	
	padding-right:5px;
	width: 33% !important;
	text-align: left;
}

.phone-checkboxes > div > label{
	font-size:12px;
	font-weight:400;
	display:inline-block;	
	float:left !important;
	margin:0px !important;	
	text-align: left;
	padding-left:0px;
}

.phone-checkboxes > div > input{
	display:inline!important;
	width:20px !important;
	height:auto;
	padding: 0px !important;
	float:left !important;	
	margin:0px !important;
}

span.phone_add{	
	margin-bottom:2rem;
	display:inline-block;
	cursor:pointer;
	background:#e9e9e9;
	border-radius: 15px;
	padding:3px 15px 3px 3px;
}


span.phone_add:before{
	content:" + ";
	margin-right:5px;
	display:inline-block;
	width:20px;
	text-align:center;
	line-height:19px;
	height:20px;
	background:#57c3c3;
	color:#fff;
	border-radius:15px;	
}


.delete-number{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	color:#fff;
	background:#F33;
	border-radius:20px;
	text-align:center;
	position:absolute;
	cursor:pointer;
	right:0px;
	top:-10px;
}

.thanks-section figure{
	margin-bottom:-40rem;
	max-width:35% !important;
}

#signature{
	background:#FFC;
	margin-top:6rem;	
}

.sign-screen{
	padding-top:7rem;	
}

.reset-sign{
	display:inline-block;
	margin-top:40px;
	cursor:pointer;
}

.jSignature {
	height:178px !important;
}


.tips{
	margin-top:4rem;	
}
.tips h2{
	font-size:3rem !important;
}

.tip-row{	
	display:block;
	clear:both;
	text-align:center;
	background-red;	
	height:60px;
	margin-top:4rem;
}

.tip-row span{
	width:calc(33% - 10px);
	display:inline-block;
	height:100%;
	color:#333;
	font-size:24px;
	border-radius:10px;
	background:#FFF;
	border:2px solid #91d2d3;
	line-height:65px;
	cursor:pointer !important;
}
.active-tip{
	border-color:#5da8a9 !important;	
}
.active-tip:before{
	content: " ";
	margin-left:-10px;
	margin-top:-10px;
	position:absolute;
	display:block;
	background:red;
	width:35px;
	height:35px;
	text-align:center;
	font-size:11px;
	border-radius:50%;
	background:#fff url('../images/icons/check.svg') center top no-repeat;
	background-size:100% auto;
}

.tip2{
	margin:0px 10px;
	background:#c6ebec !important;

}

.tip3{
	background:#91d2d3 !important;
}

.rotated{
		color:#5da8a9;
	    -ms-transform: rotate(90deg); /* IE 9 */
	    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    	transform: rotate(90deg);
}

.smile{
	display:inline-block;	
}

.callto{
	text-decoration:underline;	
}
.callto:active, a:active.callto, a.callto:active, a.callto:visited, .callto:visited, .callto.clicked{
	text-decoration:underline !important;
	color:#06C !important;	
}

.tax-holder{
	overflow:hidden;
	font-size:13px;
	text-align:left;
	margin-top:1rem;
	margin-left:1rem;
}
.tax-holder input{
	width:auto;
	padding:0px !important;
	margin:0px;
	display:inline-block;	
	float:left;
	height:auto;
}

.tax-holder label{
	display:inline-block;
	margin-left:10px;	
	font-size:17px;
	text-align:left;
	float:left;
}


/* payment row */
.job-payments{
	background:#E8F8F0;
	overflow:hidden;	
}

.job-payments .payment-heading{
	overflow:hidden;
	font-size:17px;	
	padding:15px 15px;
	border-bottom:1px solid #ccc;
	font-weight:200;
}


.job-payments .payment-heading div:first-child{
	float:left;	
}
.job-payments .payment-heading div:last-child{
	float:right;	
}
.payment-row{
	display:block;
	overflow:hidden;
	border-bottom:1px solid #CCC;
	
}

.payment-row .payment-cells{
	overflow:hidden;	
}


.job-pay{
	border-top:1px solid #ccc;	
}

.job-pay > .p-label{
	position:absolute;
	display:inline-block;
	color:#fff;
	padding:4px 10px;
	background:#57c3c3;
	font-weight:100;
	min-width:25%;
	text-align:center;
	border-radius:0px 0px 5px 0px;
	margin-top:-1px;
	font-size:12px;
}

.payment-label{
	position:absolute;
	display:inline-block;
	color:#fff;
	padding:4px 10px;
	background:#57c3c3;
	font-weight:100;
	width:20%;
	text-align:center;
	border-radius:0px 0px 5px 0px;
	margin-top:-1px;
	font-size:12px;
}

.payment-row .payment-cells > div{
	width:20%;
	text-align:center;	
	float:left;
	margin:15px 0px 10px;
	border-right:1px solid #ccc;
}


.payment-row .payment-cells > div:first-child{
	background:#EFFAF6;
	padding:25px 0px 0px;
	margin:0px	
}

.payment-row .payment-cells > div:first-child, .payment-row .payment-cells > div:last-child{
	border-right:none;
}

.payment-row .payment-cells > div img{
	max-width:25px;
	margin-bottom:5px;	
}


.payment-row .payment-cells > div span{
	display:block;
	margin-bottom:5px;
	font-weight:100;
	font-size:12px;
}

.payment-row .payment-cells > div strong{
	display:block;	
	font-weight:200;
	font-size:16px;
}

.i-icon.tax{
	background-image:url('../images/icons/tax.png') !important;		
}