@CHARSET "UTF-8";

/*
 * application css
 */

/* make sure outlook crap doesn't muck up our css! */
body, input, select, textarea, button, .ui-btn, p {font-family:'Open Sans',arial,sans-serif!important;}

/* login */
form.login {margin:5% auto 0;auto;max-width:300px;text-align:center;}
input[type="email"] {width:100%;}
/* footer */
.mini-footer {text-align:center;vertical-align: middle; padding:5px 0px;font-size:smaller}
.mini-footer a,mini-footer a:visited {color:#000;text-decoration:none;}

/* home menu */
#home .menu {max-width:400px;margin:0 auto;}
#home .title {text-align:center;}

/* header */
h1.wide {margin: 0% 5% 0% 12% !important;}

/* lists */
.list a.seen {border-left:0.38em solid #999 !important;}
.list a.seen0 {border-left:0.38em solid #EA5B5B !important;}
.list a.seen1 {border-left:0.38em solid #339933 !important;}
.list h2 {margin:0!important;max-width:80%!important;}
.list h4 {font-size:0.85em!important;font-weight:500!important;}
.list .ui-listview,.list .ui-li-aside {right: 1em !important; }
.list .ui-li-aside {font-weight: bold; font-size:14px;}

/* jobs */
#job .box {margin-bottom:8px;}
.job-detail table {border-collapse: collapse;width:100%;}
.job-detail th {text-align:left;}
.job-detail th,
.job-detail td {padding:3px;}
.job-detail tbody tr {vertical-align:top;}
.cancelled1 {color: #bbb;}
blockquote {margin:0px 0px 0px 10px;}
ul.panel {margin:0px;list-style-type: none;padding: 0px;}
ul.panel li {border-bottom:1px dotted #999;padding-top:10px;padding-bottom:10px;}
ul.panel li.selected0 {color: #888;}
ul.panel li.selected1 {}
ul.panel li:last-child{border-bottom:none;}
.panel p {margin:0 0 .2em;}
.panel label {display:inline-block; font-weight:bold;margin:0; min-width:110px;}
#job textarea {min-height: 100px;}
#job textarea::placeholder {color:#f00; font-size:12px;}
/* plupload */
#job .plupload_container {padding:0px !important;}
#job .plupload_header {display:none !important;}
.photos img {width:82px;height:82px;border:1px solid #666 !important; margin:2px;}

/* general stuff */
.custom-corners .ui-bar {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
}
.custom-corners .ui-body {
  border-top-width: 0;
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

/*
* Gridism
* A simple, responsive, and handy CSS grid by @cobyism
* https://github.com/cobyism/gridism
*/

/* Preserve some sanity */
.grid, .unit {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* Set up some rules to govern the grid */
.grid {display: block;clear: both;}
.grid .unit {float: left;width: 100%;padding: 0px 4px;}
/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child { padding-left: 0px; }
.grid .unit:last-child { padding-right: 0px; }
/* Nested grids already have padding though, so let’s nuke it */
.unit .unit:first-child { padding-left: 0; }
.unit .unit:last-child { padding-right: 0; }
.unit .grid:first-child > .unit { padding-top: 0; }
.unit .grid:last-child > .unit { padding-bottom: 0; }
/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,.unit.no-gutters {padding: 0 !important;}
/* Wrapping at a maximum width is optional */
.wrap .grid,.grid.wrap {max-width: 978px;margin: 0 auto;}
/* Width classes also have shorthand versions numbered as fractions
* For example: for a grid unit 1/3 (one third) of the parent width,
* simply apply class="w-1-3" to the element. */
.grid .whole, .grid .w-1-1 { width: 100%; }
.grid .half, .grid .w-1-2 { width: 50%; }
.grid .one-third, .grid .w-1-3 { width: 33.3332%; }
.grid .two-thirds, .grid .w-2-3 { width: 66.6665%; }
.grid .one-quarter,
.grid .one-fourth, .grid .w-1-4 { width: 25%; }
.grid .three-quarters,
.grid .three-fourths, .grid .w-3-4 { width: 75%; }
.grid .one-fifth, .grid .w-1-5 { width: 20%; }
.grid .two-fifths, .grid .w-2-5 { width: 40%; }
.grid .three-fifths, .grid .w-3-5 { width: 60%; }
.grid .four-fifths, .grid .w-4-5 { width: 80%; }
.grid .golden-small, .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */
.grid .golden-large, .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */
/* Clearfix after every .grid */
.grid {*zoom: 1;}
.grid:before, .grid:after {display: table;content: "";line-height: 0;}
.grid:after {clear: both;}
/* Utility classes */
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.pull-left { float: left; }
.pull-right { float: right; }
/* A property for a better rendering of images in units: in
this way bigger pictures are just resized if the unit
becomes smaller */
.unit img {max-width: 100%;}
/* Responsive Stuff */
@media screen and (max-width: 35em) {
  /* Stack anything that isn’t full-width on smaller screens
and doesn't provide the no-stacking-on-mobiles class */
  .grid:not(.no-stacking-on-mobiles) > .unit {width: 100% !important;}
  .grid {margin-bottom:1em;padding-right: 1em;}
  .grid .unit {padding: 0px;}
  .unit .grid .unit {padding-left: 0px;padding-right: 0px;}
  /* Sometimes, you just want to be different on small screens */
  .center-on-mobiles {text-align: center !important;}
  .hide-on-mobiles {display: none !important;}
  .jSignature {height:200px !important;}
}
/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1180px) {
  .wider .grid,.grid.wider {max-width: 1180px;margin: 0 auto;}
}

/* productivity */
table.summary {font-size:.9em;}
table.summary thead th,
table.summary tbody tr:last-child {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
}
table.summary tbody th,
table.summary tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
    padding:5px;
}
table.summary tbody tr:last-child th,
table.summary tbody tr:last-child td {
    border-bottom: 0;
}
table.summary tbody tr:nth-child(odd) td,
table.summary tbody tr:nth-child(odd) th {
    background-color: #eeeeee; /* non-RGBA fallback  */
    background-color: rgba(0,0,0,.04);
}
@media screen and (min-width: 568px) {
	table.summary .money {text-align:right;}
}
/* customer requirements */
.customer-requirements {margin:0px 10px;color: #721c24;background-color: #f8d7da;padding: .75rem 1.25rem;border: 1px solid #f5c6cb;border-radius: .25rem;}

/* job instructions */
.job-instructions li {white-space: normal !important;}
.job-instructions li .ui-field-contain {border:none;}
.job-instructions li .ui-field-contain label {width:66%;margin-right:2%;display:inline-block !important;}
.job-instructions li .ui-slider-switch {vertical-align:top; float:right;}

/* timesheets */
.list.timesheet h1 {font-size: 16px !important;margin:0;padding:0 0 8px;}
.list.timesheet>li>a div {width:48%;float:left;font-size:0.9em;font-weight: normal;display: block;overflow: hidden;text-overflow: ellipsis;}
.list.timesheet div.j {font-size: 0.75em !important;border: 1px solid #999;background-color: #FFF;padding: 1px 3px;text-align: center;width: 4em;border-radius: 6px;}
.clearfix {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.list.timesheet div.j span {font-weight:normal;}
.list.timesheet div.t {margin-left:8px;}
.job-panel {margin-bottom:20px;}
.ot-panel h3 {float: left;}
.ot-panel i {float: right;font-size:13px;font-weight: normal;padding-top:3px;}
.ui-body-a {padding:1em;clear:both;}
.grid {margin-bottom:0;padding-right:0;}
tfoot td {font-weight:bold;}
@media (max-width:35em) {td.n {display:none;}}

/* powra */
.powra-title {text-align:center;background:#F68080;color:#fff;margin:-16px -16px 10px;padding:4px 0px;}
.category-title {font-size: 16px !important;}
.category-0-title {color:red;}
li.category-0-item {background-color:rgba(254, 0, 0, 0.1) !important}
li.category-1-item {background-color:rgba(128, 255, 0, 0.1) !important}
li.category-2-item {background-color:rgba(254, 0, 0, 0.1) !important}
li.category-3-item {background-color:rgba(255, 236, 2, 0.15) !important}
li.category-4-item {background-color:rgba(0, 138, 255, 0.1) !important}
#signature {margin:0 7%}

/* diary */
.diary-list h2 {color:#999}
.diary-list li div {margin-left:10px;font-size:12px;}
.diary-list li div h3 {font-size:14px;margin:10px 0 0;}
.diary-list li div h3:first-child {margin:4px 0 0;}

/* mewp */
.radios .ui-field-contain > label ~ [class*="ui-"] {
	float:right !important;
	width:auto !important;
}
.error {margin:20px;padding:20px;background-color:pink;color:#000;font-weight:bold;text-align:center;border:2px solid red;}
/* risk assesment */
li.risk h2 {font-size:16px;overflow:unset!important;white-space:unset!important;}
li.risk li {font-weight:normal;margin-left:-26px;}

/* signatures */
.moving-sig {color:red;font-size:12px;line-height:12px;text-align:center;}
canvas{touch-action: none;}

.premises-history-panel {margin:10px 0px;background-color:#f4f6af4a;border-radius:4px;display:none;width:100%;}