* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-family: "brandon-grotesque", "Myriad Pro", "Helvetica Neue", Helvetica; color: #444; }

/*

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 100; font-family: "futura-pt",sans-serif; color: #444; }
*/

a { text-decoration: none; color: #00abe3; }
a:hover { text-decoration: underline; }


body { width: 100%; padding: 0px; border: 0px; background: #fff; margin: 0; font-family: "brandon-grotesque", "Myriad Pro", "Helvetica Neue", Helvetica; font-weight: 300; } 
/*
body { width: 100%; padding: 0px; border: 0px; background: #fff; margin: 0; font-family: "futura-pt",sans-serif; font-weight: 100; }*/



.clearing { clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 0px; }
.clearingIE { clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 1px;font-size: 1px; height: 0px; }
.clearing-top {	height: 0; font-size: 1px; margin: 0; clear: left; line-height: 1px; }
.clearfix:after {
    content: " ";
    display: block;
	font-size: 1px;
	line-height: 1px;
    height: 0;
    clear: both;
    visibility: hidden;
	overflow: hidden;
}


.right { float: right; }
.left { float: left; }
.center { text-align: center; margin: 0 auto; display: block; width: 100%; }



.hr { width: 100%; height: 0px; border-top: solid 1px #eee; border-bottom: solid 1px #fff; clear: both; }




.page-wrap {  }

.inner { width: 400px; margin: 0 auto; }

#header { height: 62px; width: 100%; background: #444; margin-bottom: 55px; }

#header .logo { height: 45px; width: 180px; background: url("/wurkr-sprite.png") -55px -55px; margin-top: 15px; display: block; margin-left: -5px; float: left;  }

.top-nav { height: 70px; float: right; }
.top-nav a { height: 62px; line-height: 62px; margin: 0 0 0; padding: 0 15px; display: block; float: left; color: #fff; text-transform: uppercase; }
.top-nav a:last-child { padding-right: 0; }

h1.page-title { margin-bottom: 12px; }


.item-page .job-map-wrapper, .item-page .customer-avatar-wrapper { width: 230px; height: 230px; border-radius: 300px; margin: 5px auto; }
.item-page .job-map-wrapper img, .item-page .customer-avatar-wrapper img { width: 210px; height: 210px; }

.financial-summary { margin-top: 25px; margin-bottom: 15px; }
.item-page .financial-summary .header { color: #777; }
.item-page .financial-summary p { font-size: 16px; line-height: 21px; }

.item-body { border: solid 1px #ccc; border-top: 0; padding: 20px 25px 15px; /* background: #fafafa; */position: relative; }
.item-body p { margin: 5px 0; }
.item-body .hr { width: 638px; margin-left: -25px; }
.item-body .button.mark-completed { margin-top: 25px; }

.main-data { width: 347px; float: left; }
.time-chooser { width: 347px; margin-bottom: 25px; }
.time-chooser a, .time-chooser label { cursor: pointer; text-indent: 0; }
.time-chooser.job-frequency a { width: 103px; margin-right: 7px; text-align: center; font-size: 14px; text-transform: uppercase; display: block; float: left; line-height: 34px; background: #eee; color: #333; }
.time-chooser.job-frequency a:last-child { margin-right: 0; }
.time-chooser.deactivated a.selected, .time-chooser.deactivated a.selected:hover { background: #999; color: #fff; font-family: "BrandonGrotesqueBold"; }
.time-chooser.deactivated a:hover, .time-chooser.deactivated a { background: #eee; color: #333; font-family: inherit; cursor: default; }


.item-body a.button { margin: 10px 18px 10px 0; width: auto; clear: both; display: inline-block; }
.item-body a.button.link { padding-left: 0; }
.item-body .right { text-align: center; }
.item-body .right .button { display: inline-block; margin: 10px auto; }

.time-chooser.job-weekday a, .time-chooser.job-weekday label { width: 48px; margin: 0; margin-right: 7px; text-align: center; font-size: 14px; text-transform: uppercase; display: block; float: left; line-height: 34px; background: #eee; color: #333; }
.time-chooser a:hover, .time-chooser a.selected, .time-chooser label:hover, .time-chooser label.selected { background: #00abe3; color: #fff; text-decoration: none; font-family: BrandonGrotesqueBold; }

.time-chooser a.selected:hover, .time-chooser label.selected:hover, .time-chooser.deactivated a:hover, .time-chooser.deactivated label:hover { cursor: default; }

.time-chooser.job-weekday input[type="radio"]:checked + label { background-color: #00abe3; color: #fff; font-family: BrandonGrotesqueBold; cursor: default; }

.job-weekday input { display: none; }

input[type="password"] { width: 324px; border: solid 1px #ccc; font-size: 25px; padding: 4px 10px; outline: none; margin-top: 0; }
input[type="text"] { width: 324px; border: solid 1px #ccc; font-size: 25px; padding: 4px 10px; outline: none; margin-top: 0; }
input[type="text"].cvc { width: 90px; clear: }
input[type="number"] { width: 324px; border: solid 1px #ccc; font-size: 25px; padding: 4px 10px; outline: none; margin-top: 0; }
input[type="number"].cvc { width: 90px; clear: }
input[type="tel"] { width: 324px; border: solid 1px #ccc; font-size: 25px; padding: 4px 10px; outline: none; margin-top: 0; }
input[type="tel"].cvc { width: 90px; clear: }
select { width: 324px; margin: 0; outline: none; box-shadow: none; padding: 10px 10px; font-size: 19px; color: #555; display: inline-block; border: solid 1px #ccc; background: #fff url('/wurkr-sprite.png') 230px -102px; -webkit-appearance: none; border-radius: 0; margin-left: 0; line-height: 27px; }
/* select:hover, select.error:hover { background: #555 url('/wurkr-sprite.png') 230px -162px; color: #fff; border-color: #333; } */
select:hover, select.error:hover { background: #555; color: #fff; border-color: #333; }


/*.year { background-position: 10px -102px; width: 106px !important; }
select.year:hover { background: #555 url('/wurkr-sprite.png') 10px -162px; color: #fff; } */

/*select.month { background-position: 108px -102px; margin-left: 0px; width: 205px; padding-right: 42px; font-size: 18px; }
select.month:hover { background: #555 url('/wurkr-sprite.png') 108px -162px; color: #fff; } */

label { line-height: 29px; color: #999; text-indent: 8px; display: block; }

label.half-width { width: 157px; float: left; margin-right: 10px; }
label.half-width input { width: 157px; margin-left: 0; }


input[type="text"]]::-webkit-input-placeholder {
    color: #d0d0d0;
}
input[type="text"]:focus::-webkit-input-placeholder {
    color: #e0e0e0;
}


input[type="text"]:-moz-placeholder {
    color: #d0d0d0;
}
input[type="text"]:focus:-moz-placeholder {
    color: #e0e0e0;
}


input[type="tel"]]::-webkit-input-placeholder {
    color: #d0d0d0;
}
input[type="tel"]:focus::-webkit-input-placeholder {
    color: #e0e0e0;
}


input[type="tel"]:-moz-placeholder {
    color: #d0d0d0;
}
input[type="tel"]:focus:-moz-placeholder {
    color: #e0e0e0;
}

input[type="number"]]::-webkit-input-placeholder {
    color: #d0d0d0;
}
input[type="number"]:focus::-webkit-input-placeholder {
    color: #e0e0e0;
}


input[type="number"]:-moz-placeholder {
    color: #d0d0d0;
}
input[type="number"]:focus:-moz-placeholder {
    color: #e0e0e0;
}

input[type="password"]]::-webkit-input-placeholder {
    color: #d0d0d0;
}
input[type="password"]:focus::-webkit-input-placeholder {
    color: #e0e0e0;
}


input[type="password"]:-moz-placeholder {
    color: #d0d0d0;
}
input[type="password"]:focus:-moz-placeholder {
    color: #e0e0e0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




.item-body input[type="text"], .item-body select { margin-bottom: 10px; }


.item-page h3:first-child, .item-page h3.customer-name { margin-top: 0px; }
.item-page h3.customer-name { font-family: BrandonGrotesqueLight; color: #777; margin-bottom: 0; }
.item-page h3 { margin-top: 25px; font-size: 25px; text-transform: uppercase; font-family: BrandonGrotesqueBold; color: #777; margin-bottom: 6px; }
.item-page a.customer-name { margin-top: 35px; font-size: 28px; text-transform: uppercase; font-family: BrandonGrotesqueLight; color: #00abe3; margin-bottom: 6px; }
.item-page p { text-transform: uppercase; color: #888; font-size: 22px; line-height: 31px; margin: 3px 0 11px 0; }
.item-page .content-header-wrap { line-height: 28px; margin-bottom: 0; text-transform: uppercase; background: #555; padding: 9px 15px 9px 25px; width: 100%; }
.content-header-wrap h1 { line-height: 38px; margin: 0; text-transform: uppercase; color: #eee; float: left; display: table-cell; vertical-align: bottom;}

.item-page a.address { text-transform: uppercase; font-size: 22px; line-height: 31px; margin: 3px 0 11px 0; display: block; }


.content-header-wrap span { font-size: 15px; margin-right: 5px; text-transform: uppercase; color: #999; font-family: BrandonGrotesqueBold; float: right; height: 38px; line-height: 40px; }
.content-header-wrap a.all-jobs-link { font-size: 18px; line-height: 22px; text-transform: uppercase; margin-right: 5px; color: #00abe3; position: relative; bottom: -11px; height: 15px; clear: none; float: right; margin-left: 10px; margin-bottom: 30px; display: block; }


.quick-stats { margin-bottom: 20px; margin-top: 5px; }
.quick-stats-module { /* background: #eee; */width: 311px; float: left; margin-right: 18px; padding: 15px 12px 10px; }
.quick-stats-module:last-child { margin-right: 0; }

.quick-stats-module h3 { font-size: 90px; line-height: 75px; letter-spacing: -3px; color: #555; float: left; margin: 0 5px 0 0; overflow: hidden; padding: 0 3px 0 0; font-family: "BrandonGrotesqueBold"; display: inline-block; }
.quick-stats-module p { font-size: 17px; text-transform: uppercase; float: left; margin: 0; display: inline-block; width: 115px; line-height: 24px; margin-top: 1px; }

.quick-stats-module h3 span { font-size: 26px; line-height: 16px; top: -35px; position: relative; margin-right: 5px; }
.quick-stats-module h3 span.thousands { font-size: 70px; color: #888; font-family: inherit; top: 0; }

.quick-stats-module.quick-earnings p { width: 92px; }

.quick-stats-subtext { font-size: 14px; font-family: "BrandonGrotesqueBold"; text-transform: uppercase; color: #aaa; line-height: 15px; text-align: center; border-top: solid 1px #ddd; margin-top: 10px; padding-top: 8px; box-shadow: inset 0 1px 0 #fafafa; }
.quick-stats-subtext span { color: #777; font-family: inherit; }

.jobs-grid { margin-bottom: 60px; position: relative; }
.jobs-grid h2, .new-account-page h2 { margin-top: 35px; border-bottom: solid 1px #eee; }
.jobs-grid h2 span { color: #777; font-size: 18px; }
.jobs-grid h2 a { font-size: 14px; float: right; position: relative; bottom: -10px; }

.jobs-grid .jobs-inner .job-cell { width: 200px; margin-right: 20px; float: left; padding: 12px; margin-bottom: 20px; border: solid 1px #eee; font-family: BrandonGrotesqueBold; /*background: #fafafa; */min-height: 361px; position: relative; }

.jobs-inner .job-map-wrapper img { width: 136px; height: 136px;  }


.jobs-grid .jobs-inner .job-cell.past-due { background: #fff6f3; border-color: #fde7df; }
.jobs-grid .jobs-inner .job-cell.past-due:hover { background: #fffaf8; border-color: #fbdace;  }
.jobs-grid .jobs-inner .job-cell.past-due .job-title { background: #ff835a; }
.jobs-grid .jobs-inner .job-cell.past-due:hover .job-title { background: #f63; }
.jobs-grid .jobs-inner .job-cell.past-due p.last-service { color: #ff835a; }
.jobs-grid .jobs-inner .job-cell.past-due:hover p.last-service { color: #f63; }


.jobs-grid .jobs-inner .job-cell:hover { background: #fff; border-color: #ddd; text-decoration: none; color: #555; }
.jobs-grid .jobs-inner .job-cell:hover .customer-name, .jobs-grid .jobs-inner .job-cell:hover p { color: #555; }
.jobs-grid .jobs-inner .job-cell:hover .job-title { background: #444; }
.jobs-grid .jobs-inner .job-cell:nth-child(3n+3) { margin-right: 0px; }

.jobs-grid div.job-title { display: block; text-align: center; font-size: 14px; text-transform: uppercase; margin-bottom: 14px; display: block; font-family: inherit; color: #777; margin-top: -13px; margin-left: -13px; background: #555; width: 200px; height: 38px; overflow: hidden; line-height: 38px; color: #fff; padding: 0 4px; }

.jobs-grid .job-cell h3.customer-name { text-align: center; margin: 0 0 8px; font-family: inherit; color: #777; text-transform: uppercase; min-height: 56px; }

.jobs-grid .job-cell.new-job .job-title { width: 198px; height: 37px; margin-top: -12px; margin-left: -12px; }


.jobs-grid .jobs-inner p { text-align: center; color: #999; text-transform: uppercase; font-size: 12px; font-family: inherit; margin: 7px 0; }
.jobs-grid .jobs-inner p:last-child { margin-bottom: 2px; }

.jobs-inner>h3 { font-size: 70px; display: block; clear: both; margin: 25px 0 0; text-transform: uppercase; }





.job-map-wrapper { width: 156px; height: 156px; margin: 0 auto; overflow: hidden; display: block; border: solid 10px #fcfcfc; border-radius: 200px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); margin-bottom: 12px; }



.history-list { margin-bottom: 50px;}
.history-list h2 { margin-top: 55px; text-transform: uppercase; font-size: 19px; font-family: BrandonGrotesqueBold; color: #777; }
.history-item { margin: 25px 0 0; display: block; clear: both; padding: 15px 15px 3px 15px; }
.history-item:hover { background: #fafafa; }
.history-item .history-thumb-wrapper { width: 76px; height: 76px; margin: 0 auto; overflow: hidden; display: block; border: solid 10px #fcfcfc; border-radius: 200px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); margin-bottom: 12px; float: left; }
.history-item img.history-thumb { width: 56px; height: 56px; }


.history-item div.left { margin-left: 12px; }
.history-item h4 { margin: 2px 0 3px; text-transform: uppercase; font-family: BrandonGrotesqueBold; color: #555; }
.history-item p { margin: 3px 0; text-align: left; }

.history-list.all-customers .history-item .left { width: 522px; }
.history-list.all-customers .history-item h4 span { text-transform: none; color: #aaa; margin-left: 12px; }


.item-page .button.green.mark-completed, .item-page .next-service-today { display: block; padding: 22px; font-size: 27px; margin-right: 0; cursor: pointer; }
.item-page .button.noclick.mark-completed { display: block; padding: 22px; font-size: 27px; margin-right: 0; }
.item-page .next-service-today { margin-top: 5px; margin-bottom: 25px; cursor: default; background: #00abe3; padding: 12px 0; }
.item-page .next-service-date { font-family: BrandonGrotesqueBold; font-size: 14px; text-transform: uppercase; color: #00abe3; margin: 15px auto 0; text-align: center; }

.item-page div.header { margin: 5px auto; text-transform: uppercase; font-size: 14px; font-family: "BrandonGrotesqueBold"; color: #999; }


.jobs-button-wrap { margin-bottom: 18px; margin-top: 40px; }
.item-page .jobs-button-wrap { margin-bottom: 0; margin-top: 0; }
.button.green.jobs-button { display: block; padding: 22px; font-size: 27px; margin-right: 0; cursor: pointer; width: 311px; float: left; clear: none; margin-right: 18px; }
.item-page .button.green.jobs-button { width: 285px; }
.jobs-button-wrap a.button.green.jobs-button:last-child { margin-right: 0px; }

.jobs-button-wrap a { width: 320px; text-align: center; display: inline; float: left; clear: none; }



.customer-avatar-wrapper { width: 156px; height: 156px; margin-right: 15px; overflow: hidden; display: block; border: solid 10px #fcfcfc; border-radius: 200px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); margin-bottom: 12px; }

.customer-avatar-wrapper img { display: block; width: 136px; height: 136px; background: #ddd; margin: 0; border: 0; }


.job-quicklist a:last-child.quicklist-item { margin-bottom: 20px; }
.job-quicklist a.quicklist-item { text-transform: uppercase; margin: 7px 0 7px 15px; display: block; clear: both; float: none; font-size: 20px; line-height: 22px; color: #555; background: #eee; padding: 6px 8px; position: relative; }
.job-quicklist a.quicklist-item span { font-family: BrandonGrotesqueBold; position: absolute; line-height: 20px; right: 329px; color: #888; display: block; padding-right: 10px; }
.job-quicklist a.quicklist-item:hover span { color: #444; }
.job-quicklist a.quicklist-item:hover { text-decoration: none; background: #aaa; color: #fff; }


.all-jobs .history-list {  }




.modal-cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; background: rgba(255,255,255,0.8); }
.modal { width: 470px; margin: 20px auto 0; box-shadow: 0 0 15px 10px rgba(255,255,255,0.7); background: #333; color: #eee; padding: 20px; }
.item-page .modal * { color: #eee; }

.modal p { font-size: 18px; text-transform: none; line-height: 27px; margin: 4px; }

.modal .modal-inner { margin-left: 15px; }
.modal a.button.green { width: 100%; margin-right: 0; font-size: 28px; line-height: 80px; letter-spacing: 2px; margin-bottom: 0; margin-top: 25px; font-family: BrandonGrotesqueBold; }
.modal a.button.link { width: 100%; margin-right: 0; font-size: 12px; line-height: 20px; letter-spacing: 2px; margin-bottom: 5px; margin-top: 25px; padding-right: 0; font-family: BrandonGrotesqueBold; }
.modal a.button.link:hover { color: #fff; }

.upload-progress { font-family: BrandonGrotesqueBold; font-size: 20px; text-align: center; padding: 145px 0 185px; color: #eee; }



/* KABRON */
/*.dashboard .invoices h3 { margin-top: 25px; font-size: 35px; text-transform: uppercase; margin-bottom: 6px; }
.dashboard .invoices a { font-size: 20px;  color: #aaa; margin-bottom: 0; text-transform: uppercase; width: 100%;}
.dashboard .invoices a:hover { text-decoration: none; }*/


.dashboard-stats { margin-bottom: 20px; margin-top: 5px; }
.dashboard-stats-module { /*background: #eee;*/ width: 311px; float: left; margin-right: 18px; padding: 15px 12px 10px; }
.dashboard-stats-module:last-child { margin-right: 0; }

.dashboard-stats-module h3 { font-size: 75px; line-height: 75px; letter-spacing: -3px; color: #555; margin: 0 5px 0 0; overflow: hidden; padding: 0 3px 0 0; display: inline-block; }

.dashboard-stats-module div { text-align: center; }

.dashboard-stats-module h3 span { font-size: 25px; line-height: 16px; top: -32px; position: relative; margin-right: 5px; }
.dashboard-stats-module h3 span.thousands { font-size: 70px; color: #888; font-family: inherit; top: 0; }


.dashboard-stats-subtext { font-size: 14px; text-transform: uppercase; /*color: #aaa; */line-height: 15px; text-align: center; border-top: solid 1px #ddd; margin-top: 10px; padding-top: 8px; box-shadow: inset 0 1px 0 #fafafa; }
.dashboard-stats-subtext span { color: #777; font-family: inherit; }

.dashboard-header { margin: 25px 0 25px 0; display: block; clear: both; padding: 15px 15px 3px 15px; }
.dashboard-header .dashboard-thumb-wrapper { width: 120px; height: 120px; margin: 0 auto; overflow: hidden; display: block; border: solid 10px #fcfcfc; border-radius: 200px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); margin-bottom: 12px; float: left; }
.dashboard-header img.dashboard-thumb { width: 115px; height: 115px; }

.dashboard-header .left h3 { margin: 28px 0 0 0; font-size:50px; text-transform: uppercase; }


.dashboard-header div.left { margin-left: 12px; }
.dashboard-header h4 { margin: 2px 0 3px; text-transform: uppercase; font-family: BrandonGrotesqueBold; color: #555; }
.dashboard-header p { margin: 3px 0; text-align: left; }

.dashboard .invoices { overflow: visible!important; }
.dashboard .invoices h3.title { margin-top: 25px; font-size: 35px; text-transform: uppercase; margin-bottom: 6px; }

.invoices .invoice-list { border-bottom: solid 1px #eee; }
/*.job-quicklist a:last-child.quicklist-item { margin-bottom: 20px; } */
.dashboard .invoices .invoice-link { text-transform: uppercase; margin: 0; display: block; clear: both; float: none; padding: 6px 8px; position: relative; width: 640px; border-top: solid 1px #eee; }
.invoices .invoice-link .invoice-name { margin-left:25px; }

.invoices .invoice-link span { font-size: 18px; line-height: 30px; }

.invoices a.invoice-link:hover { text-decoration: none; }
.invoices a.invoice-link:hover .invoice-name { text-decoration: underline; }

.dashboard .invoices .invoice-details { border-top: solid 1px #eee; display:none; padding: 6px 8px; }
/* .dashboard .invoices .invoice-details h3 a { margin-top:10px; font-size: 25px; text-transform: uppercase; margin-bottom: 6px; }*/
.dashboard .invoices .invoice-details h3 { margin-top:10px; font-size: 25px; text-transform: uppercase; margin-bottom: 6px; }
.dashboard .invoices .invoice-details h3.close-details:hover { text-decoration: underline; cursor:pointer;}
.dashboard .invoices .invoice-details a { margin-right:20px; text-transform: uppercase; font-size:14px !important;}

.new-invoices .invoices .invoice-link { text-transform: uppercase; margin: 0; display: block; clear: both; float: none; padding: 6px 8px; position: relative; width: 590px; border-top: solid 1px #eee; }

.dashboard .open-invoice-action { font-size: 24px; }
.dashboard .open-invoice-action:hover { text-decoration: none; }

.job-quicklist { overflow: visible!important; }
.job-quicklist a:last-child.quicklist-item { margin-bottom: 20px; }
.job-quicklist a.quicklist-item { text-transform: uppercase; margin: 7px 0 7px 15px; display: block; clear: both; float: none; font-size: 20px; line-height: 22px; color: #555; background: #eee; padding: 6px 8px; position: relative; width: 332px; }
.job-quicklist a.quicklist-item span { font-weight: 500; position: absolute; line-height: 20px; right: 329px; color: #888; display: block; padding-right: 10px; }
.job-quicklist a.quicklist-item:hover span { color: #444; }
.job-quicklist a.quicklist-item:hover { text-decoration: none; background: #aaa; color: #fff; }

.job-quicklist .job-details { background: #fff; width: 638px; margin: 5px 0 30px -25px; padding: 20px 40px; border: solid 1px #eee; border-width: 1px 0; }
.job-quicklist .job-details .hr { margin: 20px 0 20px -40px; border-top: dashed 1px #ddd; }
.job-quicklist .job-details p, .job-quicklist .job-details span { font-size: 16px; line-height: 1.3em; text-transform: none; color: #888; }
.job-quicklist .job-details p.line-items { text-transform: uppercase; }
.job-quicklist .job-details .job-name { text-transform: uppercase; font-weight: 500; }

p.line-items { margin:5px 0; text-transform:uppercase;}
.line-items span { font-weight: 500; }
.line-items.payment { border-top: solid 1px #eee; padding: 6px 0; margin-bottom: 0; }
.payments-list { border-bottom: solid 1px #eee; margin-bottom: 25px; }
.payments-list h4 { font-size: 18px; font-weight: 500; color: #aaa; margin-bottom: 0; }
.payment-method { margin-left: 12px; }
.payment-method span { text-transform: uppercase; color: #aaa; font-size: 12px; }
.payment-method span span { font-weight: 300; }
.payment-method a { text-transform: uppercase; font-size: 12px; margin-left: 15px; }

#new-invoice #invoice .invoice-details .close-details { display: none; }
#new-invoice #invoice .invoice-details .edit { display: none; }
.invoice-view .invoice-details .close-details { display: none; }
.invoice-view .invoice-details .edit { display: none; }
.dashboard .invoices .invoice-details .create { display: none; }


.invoice-details h3 { margin-top:10px; font-size: 25px; text-transform: uppercase; margin-bottom: 6px; }

.jobs .title { margin-top: 25px; font-size: 35px; text-transform: uppercase; margin-bottom: 6px; }

/*
.job-quicklist a.quicklist-item span { font-weight: 500; position: absolute; line-height: 20px; right: 329px; color: #888; display: block; padding-right: 10px; }
.job-quicklist a.quicklist-item:hover span { color: #444; }
.job-quicklist a.quicklist-item:hover { text-decoration: none; background: #aaa; color: #fff; }

*/
.next-service-today.orange { background-color:#f63 !important; }

.customer-header { margin: 25px 0 25px 0; display: block; clear: both; padding: 15px 15px 3px 15px; }
.customer-header .customer-thumb-wrapper { width: 150px; height: 150px; margin: 0 auto; overflow: hidden; display: block; border: solid 10px #fcfcfc; border-radius: 200px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.05); margin-bottom: 12px; float: left; }
.customer-header img.customer-thumb { width: 145px; height: 145px; }

.customer-header .left h3 { margin-top: 28px; font-size:50px; text-transform: uppercase; }


/* ============================= FOOTER ============================= */

.footer .inner { width: 480px; border: none; box-shadow: none; background: none; }

.footer { width: 100%; height: 50px; background: transparent; z-index: 10; position: relative; padding-top: 16px; color: #555; font-size: 13px; text-transform: uppercase; text-decoration: none; margin: 5px 0 0; letter-spacing: 1px; margin-bottom: 15px; }

.footer .copyright { margin-right: 10px; color: #aaa; float: right; }

.footer a { color: #555; font-size: 13px; text-transform: uppercase; text-decoration: none; margin: 0px; padding: 0 10px; text-shadow: 0 1px 0 rgba(255,255,255,0.4); letter-spacing: 1px; }

/* =========================== END FOOTER =========================== */






/* ============================= LOGIN ============================== */

.hidden-module { margin-bottom: 50px; width: 640px; margin: 0 auto 50px; }
.hidden-module h1 { display: block; width: auto; }
.hidden-module label { display: block; line-height: 29px; color: #999; }
.hidden-module input { margin-bottom: 15px; }

.cancel-x { float: right; display: block; text-align: right; text-decoration: none; margin-right: 0px; font-size: 74px; font-family: BrandonGrotesqueLight; line-height: 38px; color: #bbb; text-shadow: 0 -1px 0 rgba(0,0,0,0.9); }
.cancel-x:hover { text-decoration: none; color: #00abe3; }
/*
input.error { border: solid 1px #f63; background-color: #fff6f3; color: #f63; }
select.error { border: solid 1px #f63; background-color: #fff6f3; color: #f63; }
div.error { color: #f63; margin: -4px 0 15px 5px; }
*/
input.error::-webkit-input-placeholder {
    color: #f5a879;
}

input.error:-moz-placeholder {
    color: #f5a879;
}



/* =========================== END LOGIN ============================ */



input[type="text"] { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; }







/* =========================== SITE HOME ============================ */

.home-hero { padding: 0px 0; margin: 0; position: relative; top: -1px; }
.site-home .home-hero .inner { width: 640px; margin: 0 auto; }
.site-home #header { margin-bottom: 0; }
/*.site-home #header .inner, .site-home .footer .inner { width: 640px; }*/

.site-home .hidden-module.content { margin: 0 auto; float: none; overflow: visible; width: 100%; }
.site-home .hidden-module.content .item-page { width: 640px; margin: 15px auto 0; }

/*.site-home .hero-wrap { width: 740px; margin-left: -50px; height: 396px; overflow: hidden;}
.site-home .hero { width: 740px; height: 740px; border-radius: 740px; background: url("/lib/images/home-hero.jpg") no-repeat 0 172px; margin-top: -172px; }
*/

.site-home .hero { width: 660px; height: 363px; margin-left: -10px; background: url("/lib/images/home-hero.jpg") no-repeat; background-size: 640px 343px; }

/* ========================= END SITE HOME ========================== */


/* ======================== NEW ACCOUNT PAGE ======================== */

h1.alert { font-size: 40px; font-family: BrandonGrotesqueBold; text-transform: uppercase; color: #00abe3; margin: 8px 0; }
.new-account-page p.header { font-size: 22px; margin: 5px 0; }
.new-account-page .inner { margin-top: 30px; }
.new-account-page .item-body { background: white; border: none; padding: 0; }
.new-account-page h2 { font-size: 32px; }

/* ====================== END NEW ACCOUNT PAGE ====================== */


.add-job-disabled { opacity: .4; }
.add-job-disabled h2 { opacity: .7; }
.jobs-grid .jobs-inner.add-job-disabled .job-cell:hover div p { color: #999; }
.jobs-grid .jobs-inner.add-job-disabled .job-cell:hover { cursor: default; }



/* ====================== ADJUSTMENTS ====================== */
body { -webkit-transform: translate3d(0,0,0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden; }

input[type="text"] {
border: solid 1px #ccc;
font-size: 25px;
padding: 6px 10px;
outline: none;
margin-top: 0;
-webkit-appearance: none;
border-radius: 0;
}

input[type="tel"] {
border: solid 1px #ccc;
font-size: 25px;
padding: 6px 10px;
outline: none;
margin-top: 0;
-webkit-appearance: none;
border-radius: 0;
}

input[type="number"] {
border: solid 1px #ccc;
font-size: 25px;
padding: 6px 10px;
outline: none;
margin-top: 0;
-webkit-appearance: none;
border-radius: 0;
}

input[type="password"] {
border: solid 1px #ccc;
font-size: 25px;
padding: 6px 10px;
outline: none;
margin-top: 0;
-webkit-appearance: none;
border-radius: 0;
}
	
.fields input[type="tel"] { width: 480px; }
.fields input[type="number"] { width: 480px; }
.fields input[type="text"] { width: 480px; }
.fields input[type="password"] { width: 480px; }
	.fields select {
		background-position: 52px -102px;
		margin-right: 17px;
		width:146px;
	}
	.fields .last {
		margin-right: 0;
	}
	
	.fields .button {
		margin-top:25px;
	}
	
	select.day {
		background-position: 6px -102px;
		width:100px;
	}
	
	select.month {
		width: 192px;
		background-position: 96px -102px;
	}
	
	select.wide {
		width: 312px;
		background-position: 218px -102px;
	}
	
select.full-width { width:480px; background-position: 388px -102px; }

select[disabled]:hover { border-color: #bbb; color: #444; background: #fff url('wurkr-sprite.png') 230px -102px;}

.description, .error-message { margin-top:20px; text-transform:uppercase; display:block; color:#1E1E1E; font-size:12px; margin-bottom:3px; font-weight: 100; }
	
.error input, .error select { border: solid 1px #f63 !important; background-color: #fff6f3; color: #f63; }	
.error-message { display: none; } 
.error .error-message { display: block; color: #f63; } 	
.error .description { display: none; }

.error input::-webkit-input-placeholder { color: #f63; }
.error input:-moz-placeholder { /* Firefox 18- */ color: #f63; }
.error input::-moz-placeholder {  /* Firefox 19+ */ color: #f63; }
.error input:-ms-input-placeholder { color: #f63; }

.subtitle { margin-top:20px; text-transform:uppercase; display:block; color:#1E1E1E; font-size:16px; margin-bottom:10px; }
	
.button, a.button, input.button { line-height: 31px; padding: 0 25px; border-top: solid 1px rgba(255,255,255,0.1); background: #999; display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 100; text-align: center; }
a.button:hover, input.button:hover { background: #444; }
.button.green, a.button.green, input.button.green { background: #4fc966; border: solid 1px #48bf5e; border-top: solid 1px rgba(255,255,255,0.3); color: #fff; cursor: pointer; }
a.button.noclick, input.button.noclick { background: #bbb; border: none; border-top: none; color: #fff; cursor: default;}


a.button.green:hover, input.button.green:hover { background: #0bba2c; border: solid 1px #09aa27; border-top: solid 1px rgba(255,255,255,0.3); color: #fff; cursor: pointer; }
a.button.link { background: none; border: 0; border-top: 0; color: #777; font-size: 12px; }
a.button.link:hover { color: #333; }
	
.button.blue { background:#00abe3; font-size:15px; }
.button.blue:hover { background:#039CCF; }	


.button.dark-blue { background:#003366; font-size:15px; }
.button.dark-blue:hover { background:#003366; }	



.button.blue.open { background:white; border:1px solid #00abe3; color:#00abe3; font-size:15px; }
.button.blue.open:hover { background:#039CCF; color:white;}	
.button.blue.open.selected { background:#039CCF; color:white;}	

.button.dark { background:#6A6A6A; font-size:15px; }
.button.dark:hover { background:#444; }	

.button.dark.open { background:white; border:1px solid #444; color:#444; }
.button.dark.open:hover { background:#444; color:white;}	

.button.red { background:#ED2F2F; font-size:15px; }
.button.red:hover { background:#c00; }	
.button.large { font-size:30px; line-height: 25px; padding:15px; width:100%; height: 58px; font-weight: 100; }

.button.no-hover { background:#999 !important; display: none; padding:13px; line-height: 25px; width:100%; }
	
#header .name { color: #fff; font-size: 40px; }
#header .name:hover { text-decoration: none; }
.top-nav a { color: #fff; font-size: 16px; font-weight: 100;}
.top-nav a:hover { text-decoration: none; }

input.saved-field, textarea.saved-field { border-color: #0c0; background-color: #efe; color:#555; }
select.saved-field { border-color: #0c0; color:#555; background-color: #efe;}
select.saved-field:hover { border-color: #0c0; color:#555; }
input.error-field, textarea.error-field { border-color: #c00; background-color: #fee; }
input.idle-field, textarea.idle-field, select.idle-field { border-color: #bbb; background-color: #fff; transition: border-color 1s, background 1s; -webkit-transition: border-color 1s, background 1s; transition-delay: 1s; -webkit-transition-delay: 1s; }

select.idle-field { border-color: #bbb; transition: border-color 1s; -webkit-transition: border-color 1s; transition-delay: 1s; -webkit-transition-delay: 1s; }
select.idle-field:hover { color: #555; }

sup { text-transform: uppercase; font-size: 40px; color: white; }
h1 { text-transform: uppercase; }
.avatar-content { color:white; font-size:65px; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:absolute; }
.avatar-name { color: #444; font-size: 18px; }
.avatar a:hover { text-decoration: none; }


a.cancel-auth { color: #444; }

.badge-inner { color:white; font-size:120px; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); position:absolute; }

a.back { color: #444; }
a.back:hover { color: #444; text-decoration: none; }


.product-chooser-button { display: block; float: left; width: 93px; height: 93px; margin-right: 22px; margin-bottom: 22px; background: #677481; overflow: hidden; text-align: center; color: #fff; }
.product-chooser-button.extra { background: #939ca5; }
.product-chooser-button > div { display: table; width: inherit; height: inherit; }
.product-chooser-button div div { display: table-cell; vertical-align: middle; width: inherit; }
.product-chooser-button div.add-sign { font-size: 80px; line-height: 42px; margin: 0; font-weight: 100; color: #fff; color: rgba(255,255,255,0.5); display: block; }
.product-chooser-button div.big-price { font-size: 26px; line-height: 24px; margin: 0; font-weight: 400; color: #fff; margin-top: 8px; display: block; letter-spacing: -1px; }
.product-chooser-button span { font-size: 14px; line-height: 16px; display: block; color: #fff; font-weight: 100; text-transform: uppercase; }

.product-chooser-button:hover { background: #4a5560; }

input.item-price-input::-webkit-input-placeholder { color: #55c76a; }
.item-price-input, .item-price { width: 90px; border: none; background: transparent; color: #55c76a; font-weight: 500; font-size: 21px; text-align: right; letter-spacing: -1px }
.item-price { color: #b3e1ba; }
.delete-row { font-size: 34px; color: #fd8181; margin: 0 8px; line-height: 16px; display: inline-block; font-weight: 900; }
.delete-row:hover { text-decoration: none; color: #ff0000; }