.hidden {
  display: none !important;
}

[hidden] {
  display: none !important;
}

.visibility-hidden {
  visibility: hidden;
}

.no-wrap {
  white-space: nowrap !important;
}

.no-padding {
  padding: 0px !important;
}

.no-margin {
  padding: 0px !important;
}

.no-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.no-float {
  float: none;
}

.float-left {
  float: left;
  text-align: left;
}

.float-right {
  float: right;
  text-align: right;
}

.left-align, .align-left {
  text-align: left !important;
}

.right-align, .align-right {
  text-align: right !important;
}

.center-align, .align-center {
  text-align: center !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-top-for-label {
  vertical-align: top !important;
}

.vertical-align-middle, .vertical-align-center {
  vertical-align: middle !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

.text-align-right {
  text-align: right !important;
}

.center {
  vertical-align: middle !important;
  text-align: center !important;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.h1 {
  color: #3a3a3a;
  font-weight: bold;
  font-size: 1.5em;
  height: 20px;
}

.h2 {
  color: #3a3a3a;
  font-weight: bold;
  font-size: 1.25em;
  height: 18px;
}

.h3 {
  font-weight: plain;
  font-size: 1em;
}

.h4 {
  font-weight: plain;
  font-size: 0.9em;
}

.h5 {
  font-weight: plain;
  font-size: 0.8em;
}

.h6 {
  font-weight: plain;
  font-size: 0.6em;
}

.highlight-action {
  color: red;
}

.xxxx-small-field {
  width: 5px !important;
}

.xxx-small-field {
  width: 10px !important;
}

.xx-small-field {
  width: 20px !important;
}

.x-small-field {
  width: 30px !important;
}

.small-field, .hour-field {
  width: 40px !important;
}

.checkbox-field {
  width: 1.2em !important;
}

.rate-field {
  width: 50px !important;
}

.amount-field {
  width: 50px !important;
}

.note-field, .notes-field {
  width: 40px !important;
  display: block !important;
  text-align: center !important;
}

.percent-field, .moderate-field {
  width: 60px !important;
}

.medium-field {
  width: 80px !important;
}

.normal-field {
  width: 100px !important;
}

.large-field {
  width: 120px !important;
}

.x-large-field {
  width: 160px !important;
}

.xx-large-field {
  width: 200px !important;
}

.xxx-large-field {
  width: 300px !important;
}

.xxxx-large-field {
  width: 400px !important;
}

.xxxxx-large-field {
  width: 500px !important;
}

.xxxxxx-large-field {
  width: 600px !important;
}

.mandatory {
  white-space: nowrap !important;
}

.grid .mandatory * {
  float: left;
}

.mandatory::after {
  content: " *";
  color: red;
  vertical-align: super;
}

.grid .mandatory::after {
  float: left;
  position: relative;
  left: 3px;
}

.date-field {
  width: 200px !important;
}

.main-field {
  width: 50% !important;
}

.minimum-width {
  width: 1% !important;
}

.maximum-width {
  width: 100% !important;
}

.simulate-link {
  color: #0945e0;
  text-decoration: underline;
}

.simulate-link:hover {
  cursor: pointer;
}

.cursor-pointer:hover {
  cursor: pointer !important;
}

.cursor-default:hover {
  cursor: default !important;
}

.negative-amount {
  color: #ff2c50;
}

.fixed {
  position: fixed;
}

body /deep/ .ticket-message {
  display: block;
  font-family: monospace;
  white-space: pre-wrap !important;
  margin: 1em 0px;
}

body /deep/ .mandatory {
  white-space: nowrap !important;
}

body /deep/ .grid .mandatory * {
  float: left;
}

body /deep/ .mandatory::after {
  content: " *";
  color: red;
  vertical-align: super;
}

body /deep/ .grid .mandatory::after {
  float: left;
  position: relative;
  left: 3px;
}

BODY /deep/ .pageBreak {
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 2px dashed gray;
  height: 2px;
}

body /deep/ .eventType {
  display: inline;
  padding: .3em .6em .3em;
  font-size: 88%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .3em;
  margin-right: 10px;
  min-width: 120px;
  background-color: #5bc0de;
}
body /deep/ .eventType.JC, body /deep/ .eventType.APPROVED {
  background-color: #337ab7;
}
body /deep/ .eventType.NEW, body /deep/ .eventType.IN_PROGRESS {
  background-color: #F1C410;
}
body /deep/ .eventType.READY_FOR_BILLING {
  background-color: #5bc0de;
}
body /deep/ .eventType.COMPLETED, body /deep/ .eventType.CLOSED {
  background-color: #9b59b5;
}
body /deep/ .eventType.INVOICED {
  background-color: #2D3E51;
}
body /deep/ .eventType.TA, body /deep/ .eventType.INVOICE_GENERATED, body /deep/ .eventType.ASSIGNMENT_ACCEPTED {
  background-color: #5cb85c;
}
body /deep/ .eventType.REJECTED, body /deep/ .eventType.CANCELLED, body /deep/ .eventType.ASSIGNMENT_REFUSED {
  background-color: #d9534f;
}
body /deep/ .eventType.NOTES {
  background-color: #FFFB71;
  color: #4A4A4A;
  border: 1px solid #e8e8e8;
}

.color-gray {
  color: gray;
}

.color-dark-gray {
  color: #575757;
}

/* BUTTONS */
/* by convention gap between images half size of image height */
.img-action {
  background-position: -0px -0;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-add {
  background-position: -0px -30px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-advance {
  background-position: -0px -60px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-assign {
  background-position: -0px -90px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-auto_assign {
  background-position: -0px -120px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-budget {
  background-position: -0px -150px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-cancel {
  background-position: -0px -180px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-claims {
  background-position: -0px -210px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-complete {
  background-position: -0px -240px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-copy {
  background-position: -0px -270px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-download {
  background-position: -0px -300px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-edit {
  background-position: -0px -330px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-estimates {
  background-position: -0px -360px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-list {
  background-position: -0px -390px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-lock {
  background-position: -0px -420px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-merge {
  background-position: -0px -450px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-note {
  background-position: -0px -480px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-print {
  background-position: -0px -510px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-remove {
  background-position: -0px -540px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-reset {
  background-position: -0px -570px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-save {
  background-position: -0px -600px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-search {
  background-position: -0px -630px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-send {
  background-position: -0px -660px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-set_active {
  background-position: -0px -690px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-unassign {
  background-position: -0px -720px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-unlock {
  background-position: -0px -750px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-view {
  background-position: -0px -780px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-up {
  background-position: -0px -810px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-right {
  background-position: -0px -840px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-down {
  background-position: -0px -870px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-left {
  background-position: -0px -900px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-tag {
  background-position: -0px -930px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-info {
  background-position: -0px -960px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-note_new {
  background-position: -0px -990px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-ellipsis {
  background-position: -0px -1020px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-password {
  background-position: -0px -1050px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-logout {
  background-position: -0px -1080px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-edity {
  background-position: -0px -1110px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-confirm {
  background-position: -0px -1140px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-next {
  background-position: -0px -1170px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-previous {
  background-position: -0px -1200px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-map {
  background-position: -0px -1230px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-pin {
  background-position: -0px -1260px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-time {
  background-position: -0px -1290px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-history {
  background-position: -0px -1320px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-reply {
  background-position: -0px -1350px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-link {
  background-position: -0px -1380px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.img-status {
  background-position: -0px -1410px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.even {
  /* by convention gap between images half size of image height */
}
.even .img-action {
  background-position: -40px -0;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-add {
  background-position: -40px -30px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-advance {
  background-position: -40px -60px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-assign {
  background-position: -40px -90px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-auto_assign {
  background-position: -40px -120px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-budget {
  background-position: -40px -150px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-cancel {
  background-position: -40px -180px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-claims {
  background-position: -40px -210px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-complete {
  background-position: -40px -240px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-copy {
  background-position: -40px -270px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-download {
  background-position: -40px -300px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-edit {
  background-position: -40px -330px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-estimates {
  background-position: -40px -360px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-list {
  background-position: -40px -390px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-lock {
  background-position: -40px -420px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-merge {
  background-position: -40px -450px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-note {
  background-position: -40px -480px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-print {
  background-position: -40px -510px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-remove {
  background-position: -40px -540px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-reset {
  background-position: -40px -570px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-save {
  background-position: -40px -600px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-search {
  background-position: -40px -630px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-send {
  background-position: -40px -660px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-set_active {
  background-position: -40px -690px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-unassign {
  background-position: -40px -720px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-unlock {
  background-position: -40px -750px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-view {
  background-position: -40px -780px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-up {
  background-position: -40px -810px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-right {
  background-position: -40px -840px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-down {
  background-position: -40px -870px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-left {
  background-position: -40px -900px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-tag {
  background-position: -40px -930px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-info {
  background-position: -40px -960px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-note_new {
  background-position: -40px -990px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-ellipsis {
  background-position: -40px -1020px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-password {
  background-position: -40px -1050px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-logout {
  background-position: -40px -1080px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-edity {
  background-position: -40px -1110px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-confirm {
  background-position: -40px -1140px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-next {
  background-position: -40px -1170px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-previous {
  background-position: -40px -1200px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-map {
  background-position: -40px -1230px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-pin {
  background-position: -40px -1260px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-time {
  background-position: -40px -1290px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-history {
  background-position: -40px -1320px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-reply {
  background-position: -40px -1350px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-link {
  background-position: -40px -1380px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.even .img-status {
  background-position: -40px -1410px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.odd {
  /* by convention gap between images half size of image height */
}
.odd .img-action {
  background-position: -0px -0;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-add {
  background-position: -0px -30px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-advance {
  background-position: -0px -60px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-assign {
  background-position: -0px -90px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-auto_assign {
  background-position: -0px -120px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-budget {
  background-position: -0px -150px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-cancel {
  background-position: -0px -180px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-claims {
  background-position: -0px -210px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-complete {
  background-position: -0px -240px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-copy {
  background-position: -0px -270px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-download {
  background-position: -0px -300px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-edit {
  background-position: -0px -330px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-estimates {
  background-position: -0px -360px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-list {
  background-position: -0px -390px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-lock {
  background-position: -0px -420px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-merge {
  background-position: -0px -450px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-note {
  background-position: -0px -480px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-print {
  background-position: -0px -510px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-remove {
  background-position: -0px -540px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-reset {
  background-position: -0px -570px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-save {
  background-position: -0px -600px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-search {
  background-position: -0px -630px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-send {
  background-position: -0px -660px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-set_active {
  background-position: -0px -690px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-unassign {
  background-position: -0px -720px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-unlock {
  background-position: -0px -750px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-view {
  background-position: -0px -780px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-up {
  background-position: -0px -810px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-right {
  background-position: -0px -840px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-down {
  background-position: -0px -870px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-left {
  background-position: -0px -900px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-tag {
  background-position: -0px -930px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-info {
  background-position: -0px -960px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-note_new {
  background-position: -0px -990px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-ellipsis {
  background-position: -0px -1020px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-password {
  background-position: -0px -1050px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-logout {
  background-position: -0px -1080px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-edity {
  background-position: -0px -1110px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-confirm {
  background-position: -0px -1140px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-next {
  background-position: -0px -1170px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-previous {
  background-position: -0px -1200px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-map {
  background-position: -0px -1230px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-pin {
  background-position: -0px -1260px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-time {
  background-position: -0px -1290px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-history {
  background-position: -0px -1320px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-reply {
  background-position: -0px -1350px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-link {
  background-position: -0px -1380px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}
.odd .img-status {
  background-position: -0px -1410px;
  background-image: url('/static/ph-client/image/sprite_button.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

/* END BUTTONS */
/* LAUNCHER */
/* by convention gap between images half size of image height */
.launcher-address_type {
  background-position: -0px -0;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-admin {
  background-position: -0px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-area {
  background-position: -0px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-breakdown {
  background-position: -0px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-city {
  background-position: -0px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-claim {
  background-position: -0px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-client {
  background-position: -0px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-company {
  background-position: -0px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-component_type {
  background-position: -0px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contact {
  background-position: -0px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contact_type {
  background-position: -100px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-create_job {
  background-position: -100px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-create_quote {
  background-position: -100px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-estimate {
  background-position: -100px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-flood_work {
  background-position: -100px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-invoice {
  background-position: -100px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-item_code {
  background-position: -100px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job {
  background-position: -100px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_cost {
  background-position: -100px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_type {
  background-position: -100px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-lost_quote {
  background-position: -200px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-material {
  background-position: -200px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-others {
  background-position: -200px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-payable {
  background-position: -200px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-pending_quote {
  background-position: -200px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-permission {
  background-position: -200px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-phone_type {
  background-position: -200px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-product {
  background-position: -200px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-project {
  background-position: -200px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-province {
  background-position: -200px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-manage_all {
  background-position: -300px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-rate {
  background-position: -300px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-remedial_job {
  background-position: -300px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-report {
  background-position: -300px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-resource {
  background-position: -300px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-scope_of_work {
  background-position: -300px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-set_up {
  background-position: -300px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-setting {
  background-position: -300px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-suite {
  background-position: -300px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-supplier {
  background-position: -300px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-timesheet {
  background-position: -400px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-user {
  background-position: -400px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-user_group {
  background-position: -400px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-view_all {
  background-position: -400px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-work_order {
  background-position: -400px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-quote {
  background-position: -400px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-kit {
  background-position: -400px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-location {
  background-position: -400px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-budget {
  background-position: -400px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-client_job {
  background-position: -400px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-unit_of_measure {
  background-position: -500px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-progress {
  background-position: -500px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-delivered {
  background-position: -500px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-client_type {
  background-position: -500px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-timesheet_edit {
  background-position: -500px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-breakdown_edit {
  background-position: -500px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-template {
  background-position: -500px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-template_task {
  background-position: -500px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-document {
  background-position: -500px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-building {
  background-position: -500px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-labour_assignment {
  background-position: -600px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-help {
  background-position: -600px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-claims {
  background-position: -600px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-osco {
  background-position: -600px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-claimable {
  background-position: -600px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-time_of_call {
  background-position: -600px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_status {
  background-position: -600px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-support_ticket {
  background-position: -600px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-equipment {
  background-position: -600px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_in_progress {
  background-position: -600px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_approved {
  background-position: -700px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_invoiced {
  background-position: -700px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_completed {
  background-position: -700px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_new {
  background-position: -700px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-purchase_order {
  background-position: -700px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-all_cost {
  background-position: -700px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-work_authorization {
  background-position: -700px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contract {
  background-position: -700px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contract_wizard {
  background-position: -700px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-wizard {
  background-position: -700px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-service_wizard {
  background-position: -800px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contract_new {
  background-position: -800px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contract_in_progress {
  background-position: -800px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contract_completed {
  background-position: -800px -300px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-contract_all {
  background-position: -800px -400px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-job_all {
  background-position: -800px -500px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-payroll {
  background-position: -800px -600px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-project_wizard {
  background-position: -800px -700px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-service_job {
  background-position: -800px -800px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-project_job {
  background-position: -800px -900px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-quote_wizard {
  background-position: -900px -0px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-quote_all {
  background-position: -900px -100px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.launcher-quote_completed {
  background-position: -900px -200px;
  background-image: url('/static/ph-client/image/sprite_launcher.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

/* END LAUNCHER */
/* SIDEMENU */
/* by convention gap between images half size of image height */
.sidemenu-address_type {
  background-position: -0px -0;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-admin {
  background-position: -0px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-area {
  background-position: -0px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-breakdown {
  background-position: -0px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-city {
  background-position: -0px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-claim {
  background-position: -0px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-client {
  background-position: -0px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-company {
  background-position: -0px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-component_type {
  background-position: -0px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contact {
  background-position: -0px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contact_type {
  background-position: -100px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-create_job {
  background-position: -100px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-create_quote {
  background-position: -100px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-estimate {
  background-position: -100px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-flood_work {
  background-position: -100px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-invoice {
  background-position: -100px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-item_code {
  background-position: -100px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job {
  background-position: -100px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_cost {
  background-position: -100px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_type {
  background-position: -100px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-lost_quote {
  background-position: -200px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-material {
  background-position: -200px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-others {
  background-position: -200px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-payable {
  background-position: -200px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-pending_quote {
  background-position: -200px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-permission {
  background-position: -200px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-phone_type {
  background-position: -200px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-product {
  background-position: -200px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-project {
  background-position: -200px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-province {
  background-position: -200px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-manage_all {
  background-position: -300px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-rate {
  background-position: -300px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-remedial_job {
  background-position: -300px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-report {
  background-position: -300px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-resource {
  background-position: -300px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-scope_of_work {
  background-position: -300px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-set_up {
  background-position: -300px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-setting {
  background-position: -300px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-suite {
  background-position: -300px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-supplier {
  background-position: -300px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-timesheet {
  background-position: -400px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-user {
  background-position: -400px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-user_group {
  background-position: -400px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-view_all {
  background-position: -400px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-work_order {
  background-position: -400px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-quote {
  background-position: -400px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-kit {
  background-position: -400px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-location {
  background-position: -400px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-budget {
  background-position: -400px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-client_job {
  background-position: -400px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-unit_of_measure {
  background-position: -500px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-progress {
  background-position: -500px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-delivered {
  background-position: -500px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-client_type {
  background-position: -500px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-timesheet_edit {
  background-position: -500px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-breakdown_edit {
  background-position: -500px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-template {
  background-position: -500px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-template_task {
  background-position: -500px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-document {
  background-position: -500px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-building {
  background-position: -500px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-labour_assignment {
  background-position: -600px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-help {
  background-position: -600px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-claims {
  background-position: -600px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-osco {
  background-position: -600px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-claimable {
  background-position: -600px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-time_of_call {
  background-position: -600px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_status {
  background-position: -600px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-support_ticket {
  background-position: -600px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-equipment {
  background-position: -600px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_in_progress {
  background-position: -600px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_approved {
  background-position: -700px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_invoiced {
  background-position: -700px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_completed {
  background-position: -700px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_new {
  background-position: -700px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-purchase_order {
  background-position: -700px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-all_cost {
  background-position: -700px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-work_authorization {
  background-position: -700px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contract {
  background-position: -700px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contract_wizard {
  background-position: -700px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-wizard {
  background-position: -700px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-service_wizard {
  background-position: -800px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contract_new {
  background-position: -800px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contract_in_progress {
  background-position: -800px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contract_completed {
  background-position: -800px -300px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-contract_all {
  background-position: -800px -400px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-job_all {
  background-position: -800px -500px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-payroll {
  background-position: -800px -600px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-project_wizard {
  background-position: -800px -700px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-service_job {
  background-position: -800px -800px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-project_job {
  background-position: -800px -900px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-quote_wizard {
  background-position: -900px -0px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-quote_all {
  background-position: -900px -100px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

.sidemenu-quote_completed {
  background-position: -900px -200px;
  background-image: url('/static/ph-client/image/sprite_sidemenu.png?ts=8169164464380');
  background-repeat: no-repeat;
  background-size: auto;
}

/* END SIDEMENU */
/* CAROUSEL */
/*
$items: address_type admin area breakdown city claim client company component_type contact contact_type create_job create_quote estimate flood_work invoice item_code job job_cost job_type lost_quote material others payable pending_quote permission phone_type product project province manage_all rate remedial_job report resource scope_of_work set_up setting suite supplier timesheet user user_group view_all work_order quote kit location budget client_job unit_of_measure progress delivered client_type timesheet_edit breakdown_edit template template_task document building labour_assignment help;
$image: "sprite_launcher.png";
$width: 60px;
$height: 60px;
$increment-y: -60px;
$root: "carousel";
$background-size: cover; // mandatory to reduce size
@include sprite-images;

*/
/* END CAROUSEL */
@media print {
  #header, #left, #footer, #headline {
    display: none !important;
  }

  #right {
    margin-top: 0px !important;
  }
  #right .breadcrumb {
    display: none !important;
  }

  #main {
    padding-top: 0 !important;
  }

  #content .sketch_tbar {
    display: none !important;
  }

  .templatePrint {
    width: 100% !important;
  }

  table, tr, td, th, tbody, thead, tfoot {
    page-break-inside: avoid !important;
  }
}
@font-face {
  font-family: 'Lato';
  src: url("/static/ph-client/font//static/ph-client/font/lato-reg-webfont.eot");
  src: url("/static/ph-client/font/lato-reg-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ph-client/font/lato-reg-webfont.woff") format("woff"), url("/static/ph-client/font/lato-reg-webfont.ttf") format("truetype"), url("/static/ph-client/font/lato-reg-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LatoBold';
  src: url("/static/ph-client/font/lato-bol-webfont.eot");
  src: url("/static/ph-client/font/lato-bol-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ph-client/font/lato-bol-webfont.woff") format("woff"), url("/static/ph-client/font/lato-bol-webfont.ttf") format("truetype"), url("/static/ph-client/font/lato-bol-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/static/ph-client/font/montserrat-regular-webfont.eot");
  src: url("/static/ph-client/font/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ph-client/font/montserrat-regular-webfont.woff") format("woff"), url("/static/ph-client/font/montserrat-regular-webfont.ttf") format("truetype"), url("/static/ph-client/font/montserrat-regular-webfont.svg#montserratregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MontserratBold';
  src: url("/static/ph-client/font/montserrat-bold-webfont.eot");
  src: url("/static/ph-client/font/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ph-client/font/montserrat-bold-webfont.woff") format("woff"), url("/static/ph-client/font/montserrat-bold-webfont.ttf") format("truetype"), url("/static/ph-client/font/montserrat-bold-webfont.svg#montserratbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'presidentregular';
  src: url("/static/ph-client/font/president-webfont.eot");
  src: url("/static/ph-client/font/president-webfont.eot?#iefix") format("embedded-opentype"), url("/static/ph-client/font/president-webfont.woff") format("woff"), url("/static/ph-client/font/president-webfont.ttf") format("truetype"), url("/static/ph-client/font/president-webfont.svg#presidentregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

/**** DEFAULT ****/
/* PAGE */
/* CONTENT */
/* HEADER */
/* GRID */
/* FORM */
/* elements */
/* OTHERS */
.element {
  display: inline;
  /* too annoying */
  vertical-align: top;
  height: 100%;
  width: 100%;
}
.element.no-float {
  float: none !important;
}

.element-checkbox {
  height: 1.2em;
  width: 1.2em;
}

p-element-list-navigation {
  height: 20px !important;
}
p-element-list-navigation.navigation {
  position: absolute;
  top: 108px;
  right: 20px;
}

p-element-money {
  font-size: 1.1em;
}

p-element-image.element {
  width: auto;
  height: auto;
}

p-element-typeahead {
  text-align: left;
}

.element-image {
  background-color: #1c4084;
}

.element-image.cell-action {
  width: 16px !important;
  height: 16px !important;
  opacity: 0.5 !important;
  padding: 2px !important;
  border: 1px solid transparent !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent !important;
}

.element-image.cell-action:hover {
  opacity: 1 !important;
  border: 1px outset #b5b5b5 !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -ms-border-radius: 3px !important;
  -o-border-radius: 3px !important;
  border-radius: 3px !important;
  background-color: #FAFAFA !important;
}

img.element {
  width: auto;
  height: auto;
}

p-element-button, input[type='button'], p-element-search {
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  background-color: #ededed;
  border: 1px solid #dcdcdc;
  display: inline-block;
  color: #333333;
  font-size: 12px;
  content: "#1c4084";
  font-weight: bold;
  margin: 2px;
  text-decoration: none;
  letter-spacing: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
p-element-button:hover, input[type='button']:hover, p-element-search:hover {
  background-color: #f8f9cd !important;
  cursor: pointer;
  color: #2e2e2e;
}
p-element-button:active, input[type='button']:active, p-element-search:active {
  position: relative;
  top: 1px;
}
p-element-button[data-key='save'], p-element-button[data-key='update'], input[type='button'][data-key='save'], input[type='button'][data-key='update'], p-element-search[data-key='save'], p-element-search[data-key='update'] {
  background-color: #1c4084;
}
p-element-button.highlight, input[type='button'].highlight, p-element-search.highlight {
  background-color: #1c4084;
}

p-element-button.float-left {
  margin: 2px 10px 2px 2px;
}

p-element-button.float-right {
  margin: 2px 2px 2px 10px;
}

p-element-notes {
  content: "#1c4084";
}

.element[data-link='true'], p-element-link {
  color: #1c4084;
  text-decoration: underline;
}
.element[data-link='true']:hover, p-element-link:hover {
  cursor: pointer;
}

p-element-image.element[data-link='true'] {
  text-decoration: none;
}

.element[data-target="_blank"] {
  text-decoration: none;
  border-bottom: 1px dotted #1c4084;
}

.a {
  text-decoration: underline;
  color: #1c4084;
}

.element.image-button {
  opacity: 0.8;
}
.element.image-button:hover {
  opacity: 1;
  cursor: pointer;
}

.grid-row .element.image-button {
  opacity: 0;
  width: 30px;
  height: 30px;
  border: 1px solid transparent;
}
.grid-row .element.image-button:hover {
  opacity: 1;
  cursor: pointer;
}
.grid-row:hover .element.image-button {
  opacity: 1;
  transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -webkit-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
}
.grid-row:hover .element.image-button:hover {
  opacity: 1;
  border: 1px outset gray;
  cursor: pointer;
}
.grid-row:hover .element.image-button:active {
  opacity: 1;
  border: 1px inset gray;
  cursor: pointer;
}

@media print {
  p-element-button, p-element-search, input[type='button'] {
    display: none !important;
  }
}
p-element-button, input[type='button'], p-element-search {
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  background-color: #f4f4f4;
  border: 1px solid #bbbbbb;
  display: inline-block;
  color: #666666;
  font-size: 13px;
  font-weight: normal;
  margin: 2px;
  text-decoration: none;
  letter-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-family: Montserrat;
}

p-element-search {
  position: relative;
  top: -2px;
}
p-element-search:active {
  position: relative;
  top: 0px;
}

p-element-button:hover, input[type='button']:hover, p-element-search:hover {
  background-color: #f5f5f5 !important;
  border: 1px solid #999999;
  cursor: pointer;
}

p-element-button[data-key='save'], p-element-button[data-key='update'] {
  background-color: #f1f1f1;
  border: 1px solid #1c4084;
  color: #1c4084;
  text-transform: uppercase;
}

s-breadcrumbs {
  color: #1c4084;
}

.img-note_new {
  opacity: 0.5;
}
.img-note_new:hover {
  opacity: 1;
}

.opacity_hover {
  opacity: 0.5;
}
.opacity_hover:hover {
  opacity: 1;
}

.m-signature-pad {
  font-size: 10px;
  height: 360px;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border-radius: 4px;
}
.m-signature-pad:before, .m-signature-pad:after {
  z-index: -1;
  content: "";
  width: 40%;
  height: 10px;
  left: 20px;
  bottom: 10px;
  background: transparent;
  -webkit-transform: skew(-3deg) rotate(-3deg);
  -moz-transform: skew(-3deg) rotate(-3deg);
  -ms-transform: skew(-3deg) rotate(-3deg);
  -o-transform: skew(-3deg) rotate(-3deg);
  transform: skew(-3deg) rotate(-3deg);
  box-shadow: 0 8px 12px rgba(4, 7, 8, 0.56);
}
.m-signature-pad:after {
  left: auto;
  right: 20px;
  -webkit-transform: skew(3deg) rotate(3deg);
  -moz-transform: skew(3deg) rotate(3deg);
  -ms-transform: skew(3deg) rotate(3deg);
  -o-transform: skew(3deg) rotate(3deg);
  transform: skew(3deg) rotate(3deg);
}
.m-signature-pad .m-signature-pad--body {
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 40px;
  border: 1px solid #f4f4f4;
}
.m-signature-pad .m-signature-pad--body
canvas {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1px;
  cursor: default !important;
  border: 1px solid #dddddd;
}
.m-signature-pad .m-signature-pad--footer {
  left: 20px;
  right: 20px;
  height: 20px;
  margin-top: 10px;
}
.m-signature-pad .m-signature-pad--footer
.description {
  color: #C3C3C3;
  text-align: center;
  font-size: 1.2em;
  margin-top: 1.8em;
}
.m-signature-pad .m-signature-pad--footer
.button {
  bottom: 0;
}
.m-signature-pad .m-signature-pad--footer
.button.clear {
  left: 0;
  padding: 4px 12px;
}
.m-signature-pad .m-signature-pad--footer
.button.save {
  right: 0;
}
@media screen and (max-width: 1024px) {
  .m-signature-pad {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    min-width: 250px;
    min-height: 140px;
    margin: 5%;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .m-signature-pad {
    margin: 10%;
  }
}
@media screen and (max-height: 320px) {
  .m-signature-pad .m-signature-pad--body {
    left: 0;
    right: 0;
    top: 0;
  }
  .m-signature-pad .m-signature-pad--footer {
    left: 20px;
    right: 20px;
    bottom: 4px;
  }
  .m-signature-pad .m-signature-pad--footer
  .description {
    font-size: 1em;
    margin-top: 1em;
  }
}

.thumbnail {
  width: 100px;
  height: 100px;
  position: relative;
  top: 14px;
  left: 14px;
  background-color: transparent !important;
}

.select2 {
  padding-top: 4px;
}

.select2-selection {
  width: 100%;
}

.select2-selection--multiple {
  border: solid #9e9e9e 1px !important;
}

.layout h1 {
  background-image: url(../../image/logo_black_mini.gif);
  background-repeat: no-repeat;
  padding-left: 30px;
  color: #575757;
  font-weight: bold;
  font-size: 1.5em;
  height: 20px;
}

.layout-container {
  clear: both;
}
.layout-container .filter_label {
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  color: #575757;
}
.layout-container.box {
  width: 550px;
  float: left;
  clear: none !important;
  margin: 0px 10px 10px 0px;
  padding-bottom: 0px !important;
}
.layout-container.box h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: normal !important;
  color: #575757;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  margin: 0;
  background-color: #f1f1f1;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border: 1px solid #bbbdc2;
}

.tbar-filters {
  width: auto !important;
  float: left;
}
.tbar-filters td {
  font-size: 13px !important;
  color: dimgray;
}

.block .layout.form {
  width: 700px;
  display: inline-block;
}
.block .layout.form > span:first-child {
  width: 100%;
  display: inline-block;
}
.block .layout.form table {
  width: 100%;
  padding: 8px 10px;
  border: 0px solid #bbbdc2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #fbfbfb;
}
.block .layout.form .item {
  height: 40px;
}
.block .layout.form .item .item-label {
  width: 40%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  padding-right: 20px;
  font-style: bold;
  color: #575757;
  font-family: 'Montserrat', sans-serif;
}
.block .layout.form .item .item-content .warning {
  color: red;
}
.block .layout.form .item .item-content .element {
  width: 100%;
}
.block .layout.form .item .item-content .element.textarea {
  height: 80px;
}
.block .layout.form .actions, .block .layout.form .bbar, .block .layout.form .tbar {
  padding-top: 10px;
  text-align: center;
  width: 100%;
  float: right;
  height: 50px;
}
.block .layout.form .bbar {
  border: 0px !important;
  margin: 0px 0px 0px 0px !important;
  background-color: transparent !important;
}

/* specific for box form */
.block .box .layout.form {
  width: 548px;
  border-top: 0px;
  border: 1px solid #bbbdc2;
  border-top: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: #fbfbfb;
}
.block .box .layout.form .item {
  height: 15px;
}
.block .box .layout.form .item-label {
  text-align: left;
}
.block .box .layout.form > span:first-child {
  height: 139px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
}
.block .box .layout.form .separator {
  border-right: 1px solid #bbbdc2;
  height: 100%;
}
.block .box .layout.form > span > table {
  border: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 274px;
  float: left;
  color: #575757;
}
.block .box .layout.form > span > table:last-child {
  width: 273px;
  border-right: 0px solid #bbbdc2;
  min-height: 10px;
}

.block .box.single .layout.form > span > table {
  border: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 548px;
  float: left;
  color: #575757;
}
.block .box.single .layout.form > span > table:last-child {
  width: 547px;
  border-right: 0px solid #bbbdc2;
  min-height: 10px;
}
.block .box.single .layout.form .item-label {
  width: 20% !important;
  white-space: nowrap !important;
}

.search-box table td.search_title {
  background: #575757;
  border-radius: 10px 10px 0px 0px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #ffffff;
  padding: 10px;
}
.search-box table td.search_left {
  border-left: 1px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
  padding: 15px 10px;
  text-align: right;
  border-radius: 0px 0px 0px 0px;
}
.search-box table td.search_center {
  border-bottom: 1px solid #bbbdc2;
  padding: 15px 10px;
  text-align: right;
}
.search-box table td.search_center.left {
  text-align: left;
}
.search-box table td.search_right {
  border-right: 1px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
  padding: 15px 10px;
  text-align: left;
  border-radius: 0px 0px 0px 0px;
}
.search-box table td.search_bottom {
  border-left: 1px solid #bbbdc2;
  border-right: 1px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
  padding: 15px 10px;
  text-align: left;
  border-radius: 0px 0px 10px 10px;
}
.search-box table td.signature {
  border: 1px dotted #bbbdc2;
  padding: 15px 10px;
  text-align: left;
}

.search-box table.table_signature {
  margin: 0px 0px 30px 0px;
}

.grid {
  width: 100%;
  background-color: white;
  /*.row-group-suiteDescription{
    td {
      border-top: 1px solid #bbbdc2;
      border-bottom: 1px solid #bbbdc2;

    }
  }*/
}
.grid > span {
  background-color: #f1f1f1;
  border-top: 1px solid #bbbdc2;
  border-right: 1px solid #bbbdc2;
  border-left: 1px solid #bbbdc2;
  width: 100%;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.grid .table-wrapper {
  width: 100%;
  position: inherit;
  box-sizing: border-box;
  overflow-y: auto;
  display: inline-block;
  box-sizing: content-box;
  padding-bottom: 20px;
}
.grid .table-wrapper .noRecord, .grid .table-wrapper .noRecord.empty {
  min-height: 400px !important;
  position: relative;
  width: 100%;
  background-image: url('/static/ph-client/image/grid_click_action.png');
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  box-sizing: content-box;
}
.grid .table-wrapper .noRecord span, .grid .table-wrapper .noRecord.empty span {
  margin: auto;
  position: relative;
  top: -120px;
  color: #575757;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: 'Lato', sans-serif;
}
.grid .table-wrapper .noRecord.empty {
  background-image: url('/static/ph-client/image/grid_noitem_found.png');
  background-color: #f4f4f4;
}
.grid table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
}
.grid table tr {
  vertical-align: top;
}
.grid td.cell.claimedToDatePercent,
.grid td.cell.claimPercent,
.grid td.cell.claimablePercent {
  border-right: 0px dashed #bbbdc2 !important;
}
.grid .sketch_tbar {
  text-align: right;
}
.grid .tbar {
  box-sizing: border-box;
  padding: 15px 30px;
  border-bottom: 1px solid #bbbdc2;
}
.grid .bbar {
  padding: 15px 30px;
  border-top: 1px solid #bbbdc2;
}
.grid .hidden {
  display: none;
}
.grid thead .row-header:first-child {
  border-bottom: 0px;
}
.grid .row-header {
  background-color: #f1f1f1;
  color: #5f5f5f;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #bbbdc2;
}
.grid .row-header td.cell {
  padding: 6px;
  box-sizing: border-box;
  border-left: 1px solid #bbbdc2;
  white-space: nowrap;
  text-align: left;
}
.grid .row-header td.cell.checkbox {
  text-align: center;
}
.grid .row-header td.cell .label {
  line-height: 22px;
}
.grid .row-header .hidden-column {
  background-color: white;
  border-bottom: 1px solid white;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}
.grid .row-header .hidden-column {
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
}
.grid .row-header .hiddenColumn {
  border-left: 1px solid #bbbdc2 !important;
  border-right: 0px solid white !important;
  border-bottom: 1px solid #ffffff !important;
  background-color: #ffffff !important;
  border-top: 1px solid #ffffff !important;
}
.grid .row-header td.cell:last-child.hidden-column {
  border-right: 1px solid white !important;
  border-bottom: 1px solid white !important;
  border-top: 1px solid white !important;
  border-left: 1px solid #bbbdc2 !important;
}
.grid .row-header .group-indent {
  width: 30px;
}
.grid .row-header .mergedCell {
  background-color: #f1f1f1 !important;
  border-top: 1px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
  border-left: 1px solid #bbbdc2;
}
.grid .row-header .mergedCell.group-indent {
  background-color: white;
  width: inherit;
}
.grid .row-group:first-child td {
  border-top: 0px;
}
.grid .row-group {
  height: 30px;
  font-weight: bold;
  font-size: larger;
  vertical-align: bottom;
}
.grid .row-group td {
  border-top: 1px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
}
.grid .row-group .group-expander {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.grid .row-group .group-name {
  line-height: 30px;
  /* add a little space under to better separate the group from its content */
  padding-left: 30px;
}
.grid .row-deleted {
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=45);
  opacity: 0.45;
  position: absolute;
  display: block;
  background-color: gray;
}
.grid .row-deleted-bar {
  z-index: 1;
  position: absolute;
  display: block;
  background-color: black;
}
.grid .grid-row:last-child td {
  border-bottom: 0px;
}
.grid .grid-row {
  background-color: #f4f4f4;
  color: #575757;
  /*
  &.odd {
    background-color: darken($layout-grid-row-background-color, 3%);
  } */
}
.grid .grid-row .hiddenColumn {
  border-left: 1px solid #bbbdc2 !important;
  border-right: 0px solid white !important;
  border-bottom: 1px solid #ffffff !important;
  background-color: #ffffff !important;
}
.grid .grid-row td img[data-key='notes'] {
  padding: 4px;
}
.grid .grid-row td *[data-key='selection'] {
  margin: 2px 2px 2px 2px;
}
.grid .grid-row td.cell {
  padding: 6px;
  border-left: 1px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
  white-space: normal;
}
.grid .grid-row td.cell p-element-integer,
.grid .grid-row td.cell p-element-nullable-integer,
.grid .grid-row td.cell p-element-money,
.grid .grid-row td.cell p-element-image,
.grid .grid-row td.cell p-element-percentage {
  text-align: right;
  float: right;
}
.grid .grid-row td.cell p-element-integer.no-float,
.grid .grid-row td.cell p-element-nullable-integer.no-float,
.grid .grid-row td.cell p-element-money.no-float,
.grid .grid-row td.cell p-element-image.no-float,
.grid .grid-row td.cell p-element-percentage.no-float {
  float: none;
}
.grid .grid-row td.cell p-element-image, .grid .grid-row td.cell .element-image {
  width: 20px;
  height: 20px;
  display: inline-block !important;
  float: none;
}
.grid .grid-row td.cell p-element-image.customSize, .grid .grid-row td.cell .element-image.customSize {
  width: auto;
  height: auto;
}
.grid .grid-row td.cell table.cell-rows tr {
  vertical-align: top;
}
.grid .grid-row td.cell table.cell-rows tr td:first-child {
  width: 30%;
  white-space: nowrap;
}
.grid .grid-row td.cell table.cell-rows tr td:last-child {
  width: 70%;
}
.grid .grid-row td.cell table.cell-rows-compact tr {
  vertical-align: top;
}
.grid .grid-row td.cell table.cell-rows-compact tr td:first-child {
  white-space: nowrap;
  font-weight: bold;
}
.grid .grid-row td.cell.phone, .grid .grid-row td.cell.mobilePhone {
  white-space: nowrap;
}
.grid .grid-row .hidden-column {
  background-color: white;
  border-bottom: 1px solid white;
}
.grid .grid-row .emptyCell {
  background-color: #f1f1f1;
}
.grid .grid-row:nth-child(odd) {
  background-color: #fbfbfb;
}
.grid .grid-row .mergedCell {
  white-space: nowrap;
  padding: 5px;
  width: 200px;
  overflow: hidden;
}
.grid .grid-row .mergedCell span {
  width: 1em;
  text-transform: uppercase;
}
.grid .grid-row .mergedCell.odd {
  background-color: #f1f1f1;
  border-bottom: 1px solid #bbbdc2;
  border-left: 1px solid #bbbdc2;
}
.grid .grid-row .mergedCell.even {
  background-color: #f1f1f1;
  border-bottom: 1px solid #bbbdc2;
  border-left: 1px solid #bbbdc2;
}
.grid .grid-row .receiptStyle {
  background-color: white;
  padding-left: 0px !important;
  border: 0px !important;
}
.grid td.cell:first-child {
  border-left: 0px;
}
.grid .subTotal .total {
  padding: 6px 6px;
  font-size: 12px;
  font-weight: bold;
  color: #494949;
}
.grid .sumTotal {
  background: #f1F1F1;
  border-top: 1px solid #bbbdc2;
}
.grid .sumTotal .total {
  padding: 10px 6px;
  font-size: 14px;
  font-weight: bold;
  color: #494949;
}
.grid .moreinfo {
  color: gray;
}
.grid .manage .grid-row td.cell {
  padding: 2px;
}
.grid .transparent .grid {
  background-color: white;
}
.grid .transparent .grid .grid-row {
  background-color: inherit;
}
.grid .transparent .grid .grid-row .cell {
  border: 1px solid transparent;
}
.grid [data-key='selectAll'] {
  padding-top: 14px;
  padding-right: 0px;
  padding-bottom: 14px;
  width: 16px;
  height: 16px;
  position: relative;
  left: -24px;
}

/* collapsed except first level */
.grid-expander {
  /*
  .row-group[level='1'] {
    display: table-row; //temp
  }*/
}
.grid-expander .row-header {
  display: none;
}
.grid-expander .grid-row {
  display: none;
}
.grid-expander .row-group:not([level='0']) {
  display: none;
}
.grid-expander .group-expander {
  width: 10px;
  display: inline-block;
  position: relative;
  left: 20px;
}
.grid-expander .group-expander:hover {
  cursor: pointer;
}
.grid-expander .group-expander.collapsed:after {
  content: "+";
}
.grid-expander .group-expander.expanded:after {
  font-size: 1.6em;
  content: "-";
}
.grid-expander .row-group .group-name {
  padding-left: 30px !important;
}
.grid-expander .row-group .group-name:hover {
  cursor: pointer;
}

.block .layout.list {
  display: inline-block;
  -webkit-border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -ms-border-radius: 0px 5px 5px 5px;
  -o-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px;
  padding: 0px;
}
.block .layout.list .item {
  height: 30px;
}
.block .layout.list .element.select-many, .block .layout.list .element.select-one {
  /*height:30px;
  line-height: 30px;*/
}
.block .layout.list .element {
  width: 100%;
  /*height: 30px;
  line-height: 30px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block .layout.list .element.ui-spinner-input {
  margin: 0 !important;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block .layout.list ._selection {
  width: 20px;
  padding-left: 10px;
  position: relative;
  top: 4px;
}
.block .layout.list .list-item {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block .layout.list .list-item .list-item-style {
  width: 40px;
  display: inline-block;
}
.block .layout.list .list-item .list-item-content {
  display: inline-table;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 20px;
}
.block .layout.list .list-item .list-item-content table {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block .layout.list .list-item .list-item-content table .item .item-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sketch.Dashboard h2 {
  margin: 0 auto 40px auto;
  max-width: 996px;
  padding-left: 24px;
  color: #575757;
  padding-top: 40px;
}

.block .layout.dashboard {
  margin: 0 auto 40px auto;
  max-width: 996px;
  overflow: hidden;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  /*
  .element[data-link='true'], a {
    color: #333333 !important;
    text-decoration: none !important;
  }  */
}
.block .layout.dashboard .dashboard-item {
  width: 218px;
  height: 198px;
  border: 1px solid #dadae0;
  background: #fbfbfb;
  margin: 0px 13px 25px 13px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.block .layout.dashboard .dashboard-item:hover {
  cursor: pointer;
}
.block .layout.dashboard .dashboard-item:active {
  cursor: pointer;
}
.block .layout.dashboard .dashboard-item .item:hover {
  background-color: #132c5a;
}
.block .layout.dashboard .dashboard-item .item:active {
  background-color: #0a1730;
}
.block .layout.dashboard .dashboard-item .item {
  width: 128px;
  height: 128px;
  background: #1c4084;
  display: block;
  margin: 24px 46px 5px 46px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.block .layout.dashboard .dashboard-item .item.create-new {
  /*background-color: #577492;*/
  background-color: #2554ae;
}
.block .layout.dashboard .dashboard-item img {
  width: 100px;
  height: 100px;
  margin: 14px;
}
.block .layout.dashboard .dashboard-item p-element-image {
  width: 100px;
  height: 100px;
  position: relative;
  top: 14px;
  left: 14px;
}
.block .layout.dashboard .dashboard-item p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #575757;
  text-decoration: none !important;
}
.block .layout.dashboard .dashboard-item a {
  text-decoration: none !important;
}
.block .layout.dashboard .dashboard-item .label {
  display: inline-table;
  text-align: center;
  width: 218px;
  height: 39px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 10px;
  line-height: 16px;
}

.recent-jobs .dashboard-item {
  height: 40px !important;
}
.recent-jobs .label {
  font-size: 1.1em;
}

.label-recent-jobs {
  margin: 0 auto 0px auto;
  max-width: 996px;
  padding-left: 25px;
  color: #575757;
  font-size: 1.3em;
  font-weight: bold;
}

.block .layout.carousel {
  margin: 0 0px 0px 0px;
  padding: 0px 30px 20px 20px;
  background-color: #f1f1f1;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #bbbdc2;
  height: 100%;
  display: block;
  position: relative;
  top: 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -ms-border-radius: 0px 10px 10px 0px;
  -o-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
  /*
  .element[data-link='true'], a {
    color: #333333 !important;
    text-decoration: none !important;
  }  */
}
.block .layout.carousel .carousel-item {
  width: 85px;
  height: 85px;
  background: #BBC1C5;
  margin: 20px 0px 0px 0px;
  display: block;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  content: "red";
}
.block .layout.carousel .carousel-item:hover {
  background: #1c4084;
  cursor: pointer;
}
.block .layout.carousel .carousel-item.selected {
  background: #1c4084;
}
.block .layout.carousel .carousel-item:active {
  cursor: pointer;
}
.block .layout.carousel .carousel-item .item {
  width: 85px;
  height: 75px;
  display: block;
  margin: 0px;
}
.block .layout.carousel .carousel-item img {
  width: 60px;
  height: 60px;
  margin: 6px 12px 0px 12px;
}
.block .layout.carousel .carousel-item p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none !important;
}
.block .layout.carousel .carousel-item a {
  text-decoration: none !important;
}

.sidemenu {
  margin-top: 0px;
  position: fixed;
  top: 130px;
  border-top: solid 1px #232323;
}
.sidemenu .sidemenu_title {
  width: 125px;
  padding: 10px;
  background-color: #494949;
  color: #ffffff;
  font-size: 12px;
  display: none !important;
}
.sidemenu .menuitem {
  height: 46px;
  width: 155px;
  background: #494949;
  background-size: 25px;
  margin: 0px 0px 0px 0px;
  position: relative;
  border-bottom: solid 1px #262626;
  border-top: solid 1px #777777;
}
.sidemenu .menuitem:first-child {
  border-top: 1px solid #777777;
}
.sidemenu .menuitem span.img {
  display: table-cell;
}
.sidemenu .menuitem span.txt {
  font-family: 'Lato', sans-serif;
  color: #FFFFFF;
  font-size: 12px;
  vertical-align: middle;
  display: table-cell;
  line-height: 15px !important;
  padding: 0px 5px 0px 0px;
}
.sidemenu .menuitem:hover {
  background: #2350a6;
  cursor: pointer;
}
.sidemenu .menuitem.selected {
  background: #1c4084;
}
.sidemenu .menuitem.separator {
  border-top: 48px solid #494949;
}
.sidemenu .menuitem.separator a {
  border-top: 1px solid #777777;
}
.sidemenu .menuitem:active {
  cursor: pointer;
}
.sidemenu .menuitem a {
  /*
  position: relative;
  top: 10px;
  left: 5px;*/
  height: 100%;
  text-decoration: none !important;
  display: block;
}

.form.PreferencesDefaultValuesUpdate\.preferences {
  width: 800px !important;
}

.custom-grid pre {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+  */
  margin: 0px;
}
.custom-grid .headline {
  font-weight: bold;
  vertical-align: middle;
  font-size: 26px;
  padding-right: 20px;
  /*padding-top: 40px;*/
}
.custom-grid .item {
  font-size: 12px;
  line-height: 22px;
  vertical-align: middle;
}
.custom-grid .item .notes {
  padding-left: 30px;
  margin: 0 0 10px 0;
}
.custom-grid .no-record {
  color: gray;
  padding-top: 10px;
}
.custom-grid .box {
  min-width: 500px;
  width: 100%;
  max-width: 900px;
  margin-bottom: 40px;
  border: 1px solid #bbbdc2;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  float: none;
  clear: both !important;
}
.custom-grid .box .layout.form {
  /*min-width: 60%;*/
  width: 100%;
  border: 0px;
}
.custom-grid .box table {
  width: 100% !important;
}
.custom-grid .box span:first-child {
  height: 100%;
}
.custom-grid .box span {
  display: inline !important;
}
.custom-grid .box h2 {
  height: 56px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border: 0px;
  border-bottom: 1px solid #bbbdc2;
}
.custom-grid .box .item {
  height: inherit !important;
}
.custom-grid .box .item.grid-row {
  display: block;
  padding: 2px 20px 2px 20px;
}
.custom-grid .box .item.grid-row:hover {
  background-color: #8faee7;
  border-radius: 10px;
}

html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: auto;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

#header {
  height: 50px !important;
  background-color: white;
  position: fixed;
  z-index: 99;
  top: 0px;
  width: 100%;
}
#header .banner {
  height: 50px;
  background-color: #1c4084;
  padding-left: 20px;
}
#header .banner .company-info {
  padding: 0 0 0 50px;
  /* 50px being the width of the thumbnail + how much space you want to put between it and your text */
  position: relative;
  /* So the thumbnail is relative to this */
}
#header .banner .company-info .logo {
  background-image: url("/static/image/logo.png");
  /*background-size: 20px 20px;*/
  background-repeat: no-repeat;
  background-position: center left;
  width: 50px;
  float: left;
  height: 50px;
  background-size: 40px 40px;
  left: 0;
  position: absolute;
  top: 0;
}
#header .banner .company-info .app-name {
  float: left;
  height: 50px;
  vertical-align: middle;
  line-height: 50px;
  display: inline;
  /* mandatory with line-height to align middle */
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  white-space: nowrap;
}
#header .banner .company-name {
  text-align: center;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  white-space: nowrap;
}
#header .banner .login-info {
  /* Hover state */
  /* Active state */
}
#header .banner .login-info * {
  padding: 0;
  margin: 0;
}
#header .banner .login-info .icon {
  width: 20px;
  height: 20px;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 5px 0px 0px !important;
}
#header .banner .login-info .username {
  padding-right: 20px;
  text-align: right;
  font-weight: bold;
  color: white;
}
#header .banner .login-info .wrapper-dropdown {
  /* Size & position */
  position: relative;
  min-width: 130px;
  color: #ffffff;
  margin: 0px 30px 0 0;
  padding: 0px 15px;
  height: 50px;
  line-height: 50px;
  /* Styles */
  float: right;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#header .banner .login-info .wrapper-dropdown:after {
  /* Little arrow */
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #ffffff transparent;
}
#header .banner .login-info .wrapper-dropdown .dropdown {
  /* Size & position */
  background: white;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* Styles */
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* Hiding */
  max-height: 0;
  overflow: hidden;
}
#header .banner .login-info .wrapper-dropdown .dropdown ul {
  z-index: 1001;
}
#header .banner .login-info .wrapper-dropdown .dropdown li {
  padding: 0 10px;
  border-top: 1px solid #bbbdc2;
  z-index: 1001;
  height: 40px;
  line-height: 40px;
}
#header .banner .login-info .wrapper-dropdown .dropdown li:first-child {
  border-top: 0px solid #bbbdc2;
}
#header .banner .login-info .wrapper-dropdown .dropdown li .element {
  display: table-cell;
  text-decoration: none;
  color: #333;
  padding: 0px 0;
  transition: all 0.3s ease-out;
  text-align: left;
}
#header .banner .login-info .wrapper-dropdown .dropdown li:last-of-type .element {
  border: none;
}
#header .banner .login-info .wrapper-dropdown .dropdown li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}
#header .banner .login-info .wrapper-dropdown .dropdown li:hover {
  background: #F1F1F1;
  color: #333;
}
#header .banner .login-info .wrapper-dropdown .dropdown li:hover .element {
  color: #ffffff;
  color: #333;
}
#header .banner .login-info .wrapper-dropdown.active {
  border-radius: 5px 5px 0 0;
  background: #1c4084;
  box-shadow: none;
  border-bottom: none;
  color: white;
}
#header .banner .login-info .wrapper-dropdown.active:after {
  border-color: #ffffff transparent;
}
#header .banner .login-info .wrapper-dropdown.active .dropdown {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  max-height: 400px;
}
#header .breadcrumb {
  height: 45px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 98;
}

#main {
  padding-top: 50px !important;
  display: flex;
}
#main #left {
  min-width: 155px;
  background: #494949 !important;
}
#main #left::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
#main #left::-webkit-scrollbar-track {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#main #left::-webkit-scrollbar-thumb {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
}
#main #left::-webkit-scrollbar-thumb:window-inactive {
  display: hidden;
  background: transparent;
}
#main #content {
  display: inline-block;
  height: 100%;
}

.content {
  min-width: 500px;
}

#content, .content {
  /* .content is for the popup */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*otherwise issue with 100% width and padding left/right */
  height: 90%;
  width: 100%;
}
#content .sketch, .content .sketch {
  margin-left: 20px;
  padding-right: 20px;
  /* must be a padding, otherwise issue with facebox scrollbar */
  /*margin-top: $sketch-padding-top;*/
  background: white;
}
#content .sketch-container, .content .sketch-container {
  padding-bottom: 20px;
}
#content .sketch-container.serviceCall, .content .sketch-container.serviceCall {
  background: #ffffff;
}
#content .sketch-container:last-child, .content .sketch-container:last-child {
  padding-bottom: 0px;
}
#content .sketch-container h1, .content .sketch-container h1 {
  background-image: url(../../image/logo_black_mini.gif);
  background-repeat: no-repeat;
  padding-left: 30px;
  color: #575757;
  font-weight: bold;
  font-size: 1.5em;
  height: 30px;
}
#content .sketch-container .bbar, .content .sketch-container .bbar {
  margin: 0px 0px 0px 0px;
  height: 49px;
  text-align: right;
  float: right;
  background-color: #f1f1f1;
  border-right: 0px solid #bbbdc2;
  border-left: 0px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
  width: 100%;
  box-sizing: border-box;
}
#content .layout-container, .content .layout-container {
  padding-bottom: 10px;
}
#content .layout-container .lbar, .content .layout-container .lbar {
  display: inline-block;
  float: right;
  position: relative;
  top: 5px;
}
#content .layout-container:last-child, .content .layout-container:last-child {
  padding-bottom: 0px;
}
#content .layout-container.no-padding, .content .layout-container.no-padding {
  padding-bottom: 0px;
}

#content .sketch_tbar {
  /*
  padding-bottom: 10px;
  text-align: left;
  */
  text-align: right;
  position: fixed;
  top: 60px;
  right: 17px;
  z-index: 99;
  white-space: nowrap;
}

.content h1 {
  background-repeat: no-repeat;
  color: #575757;
  font-weight: normal !important;
  font-size: 1.5em;
  padding-left: 0px !important;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
}
.content h1 span {
  border-bottom: 3px solid #f1f1f1;
  padding: 0px 20px 3px 20px;
}
.content .sketch_tbar {
  padding-bottom: 10px;
  text-align: right;
  float: right;
}

.ui-dialog .ui-dialog-content {
  overflow: inherit !important;
}

.popup {
  max-width: 1200px;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
}
.popup .grid .grid-row .emptyCell {
  background-color: #f4f4f4;
  border-bottom: 1px solid #bbbdc2 !important;
}
.popup .grid .grid-row.odd .emptyCell {
  background-color: #fbfbfb;
  border-bottom: 1px solid #bbbdc2 !important;
}
.popup .grid .grid-row .receiptStyle {
  background-color: #f4f4f4;
  padding-left: 0px !important;
  border-bottom: 1px solid #bbbdc2 !important;
}
.popup .grid .grid-row.odd .receiptStyle {
  background-color: #fbfbfb;
  padding-left: 0px !important;
  border-bottom: 1px solid #bbbdc2 !important;
}
.popup .grid .row-group .group-name {
  padding-left: 10px;
}
.popup #content .layout-container, .popup .content .layout-container {
  padding-bottom: 10px;
}
.popup .sketch-container .grid .bbar {
  margin: 0px 0px 0px 0px;
  padding: 0;
  height: auto;
  border: 0;
}
.popup .grid .tbar {
  padding: 10px 30px;
}
.popup .tbar, .popup .bbar {
  background-color: white !important;
}
.popup .bbar {
  border-bottom: 0px !important;
  padding-top: 10px;
}
.popup .layout.form table {
  background-color: white;
}
.popup .layout.grid {
  border-bottom: 1px solid #bbbdc2 !important;
}
.popup .layout.grid .tbar {
  background-color: #f1f1f1 !important;
  -webkit-border-radius: 10px 10px 0px 0px;
}

.element-radiobox-group {
  font-size: 16px;
  line-height: 28px;
  font-style: normal;
  color: #575757;
  font-family: 'Montserrat', sans-serif;
}

.popup .content .sketch-container .bbar {
  margin: 15px 0px 0px 0px;
  height: 50px;
  text-align: right;
  float: right;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  width: 100%;
  box-sizing: border-box;
}

.layout-container .sort_label_left {
  padding: 0px 0px 10px 0px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  color: #575757;
  text-align: center;
}

.layout-container .sort_label_right {
  padding: 0px 0px 10px 0px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  color: #575757;
  text-align: center;
}

.layout-container .greycolor {
  background-color: #f1f1f1;
}

.layout-container .sort_topspace {
  padding: 15px 0px 0px 0px;
}

.layout-container .sort_underline {
  border-top: 2px solid #ffffff;
  padding: 10px 0px 15px 0px;
}

.layout-container .grey_background {
  padding: 15px 20px 40px 20px;
  background: #f1f1f1;
}

.layout-container .ad_grey_background {
  padding: 10px 20px 20px 20px;
  margin: 0px 20px;
  background: #f1f1f1;
  border-top: 2px solid #ffffff;
}

#footer {
  clear: both;
  /* in case layout are floating */
}

.blockMsg {
  border: 0px solid red !important;
  width: 150px !important;
  height: 150px !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
  margin: 0 auto !important;
  top: 50% !important;
  left: 50% !important;
  /*position: absolute !important;*/
  margin: -75px 0 0 -75px !important;
  color: #fbfbfb !important;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -o-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
.blockMsg img {
  margin: 25px 0px 5px 0px;
}

.templatePrint {
  width: 720px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

span.reply {
  background: #494949;
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.item-content h2.user {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: normal !important;
  color: #575757;
  height: 30px;
  line-height: 30px;
  padding: 0px 15px;
  margin: 0;
  background-color: #f1f1f1;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border: 1px solid #bbbdc2;
}
.item-content h2.user span {
  float: right;
  font-size: 13px;
  text-decoration: normal;
  font-family: 'Lato', sans-serif;
}

.item-content div.message {
  width: 1090px;
  border-right: 1px solid #bbbdc2;
  border-bottom: 1px solid #bbbdc2;
  border-left: 1px solid #bbbdc2;
  padding: 10px;
}

.supportTicketMessage .list-item-content {
  padding: 0 !important;
}

.block .layout.form.SupportTicketMessageList {
  width: 1110px;
  padding: 0;
}
.block .layout.form.SupportTicketMessageList table {
  background-color: #ffffff;
  padding: 10px 0px 0px 0;
}

.SupportTicketList .version, .SupportTicketMessageList .version {
  font-size: 10px;
}

.SupportTicketMessageList .block .layout.list .list-item .list-item-content {
  padding: 0px 0px 10px 0px !important;
}

.popup.alert {
  z-index: 101;
}

#headline {
  width: auto;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
  border-radius: 0px 0px 10px 10px;
  border-left: 1px #bbbdc2 solid;
  border-right: 1px #bbbdc2 solid;
  border-bottom: 1px #bbbdc2 solid;
  text-align: right;
  position: fixed;
  top: 50px;
  right: 20px;
  z-index: 99;
  white-space: nowrap;
  background-color: white;
  font-size: 12px;
  height: 50px;
}
#headline:hover {
  cursor: pointer !important;
}
#headline a {
  color: #575757;
  display: inline-block;
  border-right: 1px solid #bbbdc2;
  cursor: pointer !important;
    /*disabled for now
    &:hover{
      background: #f1f1f1;
      color: #333333;

      &:first-child{
        border-radius: 0px 0px 0px 10px;
      }

      &:last-child{
        border-radius: 0px 0px 10px 0px;
        border-right: 0px solid $headline-item-border-color;
      }
    }*/
}
#headline a:last-child {
  border-right: 0px solid #bbbdc2;
}
#headline a span {
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 15px 20px 15px 40px;
  line-height: 20px;
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#headline a .number {
  background-image: url('/static/ph-client/image/icon_number.png');
}
#headline a .client {
  background-image: url('/static/ph-client/image/icon_client.png');
}
#headline a .location {
  background-image: url('/static/ph-client/image/icon_address.png');
}
#headline a .contact {
  background-image: url('/static/ph-client/image/icon_contact.png');
}

#right {
  width: 100%;
  float: left;
  margin-top: 80px;
}

#right .breadcrumb {
  position: fixed;
  top: 50px;
  background: #ffffff;
  padding: 15px 0px 15px 20px;
  z-index: 98;
  min-height: 20px;
  width: 100%;
}

/* Customized Scroll Bar */
.table-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Customized Scroll Bar */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
.table-wrapper::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
.table-wrapper::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #1c4084;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #1c4084;
  opacity: 0.4;
}

#left /deep/ .layout.sidemenu {
  overflow-y: auto;
  overflow-x: hidden;
}
#left /deep/ .layout.sidemenu::-webkit-scrollbar-track {
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#left /deep/ .layout.sidemenu::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#left /deep/ .layout.sidemenu::-webkit-scrollbar-track {
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#left /deep/ .layout.sidemenu::-webkit-scrollbar-thumb {
  background-color: #132c5a;
}

#content .sketch.Index {
  background-color: white;
}
#content .sketch.Index .dashboard-logo .layout {
  text-align: center;
  position: relative;
  top: 30px;
}

#popup_overlay {
  opacity: 0.40 !important;
  background-color: #000000 !important;
}

#popup_container.promptText {
  min-width: 500px;
  max-width: 500px;
  border: solid 1px #cccccc;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -ms-border-radius: 10px 10px 10px 10px;
  -o-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}
#popup_container.promptText #popup_title {
  background-color: #f1f1f1;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  background-image: none;
  border-bottom: solid 1px #cccccc;
  line-height: 30px;
}
#popup_container.promptText #popup_message {
  padding-left: 0px;
}
#popup_container.promptText #popup_content {
  background: none;
  padding: 0em 1.75em 1em 1.75em;
}
#popup_container.promptText input[type='button'] {
  line-height: 30px;
}
#popup_container #popup_content {
  max-height: 500px;
  overflow: auto;
}

.sketch.PreferencesView .box {
  float: none;
}
.sketch.PreferencesView .box .layout.form > span:first-child {
  height: 100%;
}

.sketch.DocumentSend .form {
  min-width: 700px;
}
.sketch.DocumentSend .form .item-label {
  width: 30% !important;
}

.popup .sketch.ContractWizardEquipmentManage .layout {
  width: 900px;
}
.popup .sketch.ContractWizardEquipmentManage .layout > span {
  min-width: 900px !important;
}

.popup .sketch.ServiceCallCreate .layout, .popup .sketch.ProjectCallCreate .layout {
  width: 700px;
}
.popup .sketch.ServiceCallCreate .layout > span, .popup .sketch.ProjectCallCreate .layout > span {
  min-width: 600px !important;
  min-height: 200px !important;
}
.popup .sketch.ServiceCallCreate .layout > span .wrapper, .popup .sketch.ProjectCallCreate .layout > span .wrapper {
  height: 250px;
}
.popup .sketch.ServiceCallCreate .layout > span > div > table, .popup .sketch.ProjectCallCreate .layout > span > div > table {
  min-width: 560px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.popup .sketch.ServiceCallCreate .layout > span > div > table .item-label, .popup .sketch.ProjectCallCreate .layout > span > div > table .item-label {
  line-height: 30px;
}
.popup .sketch.ServiceCallCreate .layout > span > div > table .item-content, .popup .sketch.ProjectCallCreate .layout > span > div > table .item-content {
  padding-bottom: 10px;
}
.popup .sketch.ServiceCallCreate .step, .popup .sketch.ProjectCallCreate .step {
  color: #5C5C5C;
  font-weight: bold;
  position: relative;
  top: 15px;
}
.popup .sketch.ServiceCallCreate .step .element, .popup .sketch.ProjectCallCreate .step .element {
  font-weight: bold;
}

.sketch.TimeCalculator .form {
  width: 400px;
}

.sketch.LabourerWizardCreate .form {
  width: 560px !important;
  height: 350px !important;
}
.sketch.LabourerWizardCreate .item-label {
  text-align: left !important;
  width: 10% !important;
  white-space: nowrap !important;
}

.sketch.ContractView .box {
  float: none !important;
  clear: both !important;
}
.sketch.ContractView .box .layout.form > span:first-child {
  height: inherit;
}

.sketch.JobView .block .box:nth-child(2n+1), .sketch.ClientView .block .box:nth-child(2n+1), .sketch.LocationView .block .box:nth-child(2n+1), .sketch.ContractView .block .box:nth-child(2n+1), .sketch.QuoteView .block .box:nth-child(2n+1), .sketch.EstimateView .block .box:nth-child(2n+1) {
  clear: both !important;
}

.sketch.TechnicianJobView, .sketch.TechnicianWorkAuthorizationList, .sketch.TechnicianDocumentList {
  position: relative;
  top: -60px;
  z-index: 98;
}
.sketch.TechnicianJobView .layout-container:first-of-type, .sketch.TechnicianWorkAuthorizationList .layout-container:first-of-type, .sketch.TechnicianDocumentList .layout-container:first-of-type {
  margin-bottom: 20px;
}
.sketch.TechnicianJobView p-element-list-navigation, .sketch.TechnicianWorkAuthorizationList p-element-list-navigation, .sketch.TechnicianDocumentList p-element-list-navigation {
  font-size: 16px;
}

.sketch.DocumentList img.element-image,
.sketch.QuoteDocumentList img.element-image,
.sketch.EstimateDocumentList img.element-image,
.sketch.ContractDocumentList img.element-image {
  background-color: transparent;
}

.sketch.JobView .box.contact .name, .sketch.EstimateView .box.contact .name, .sketch.QuoteView .box.contact .name {
  white-space: nowrap;
  margin-right: 20px;
  display: inline;
  float: left;
  width: inherit !important;
}
.sketch.JobView .box.contact .phone, .sketch.EstimateView .box.contact .phone, .sketch.QuoteView .box.contact .phone {
  white-space: nowrap;
  margin-right: 20px;
  display: inline-block;
  float: right;
  color: gray;
}
.sketch.JobView .box.main .jobStatusDescription, .sketch.EstimateView .box.main .jobStatusDescription, .sketch.QuoteView .box.main .jobStatusDescription {
  float: left;
  width: initial;
}
.sketch.JobView .box.main .jobStatusColor, .sketch.EstimateView .box.main .jobStatusColor, .sketch.QuoteView .box.main .jobStatusColor {
  float: left;
  padding-left: 10px;
}

.sketch.JobView /deep/ .edit:hover, .sketch.JobView /deep/ .remove:hover {
  cursor: pointer;
}
.sketch.JobView /deep/ .edit, .sketch.JobView /deep/ .remove {
  color: steelblue;
  text-decoration: underline;
  padding-left: 5px;
  padding-right: 5px;
}
.sketch.JobView /deep/ .event-datetime {
  color: #919191;
  font-size: 0.9em;
  padding-bottom: 5px;
}
.sketch.JobView /deep/ .email, .sketch.JobView /deep/ .technician-assigned {
  color: #2a80b9;
}

.sketch.JobView p-element-list /deep/ li:hover /deep/ .edit, .sketch.JobView p-element-list /deep/ li:hover /deep/ .remove {
  visibility: visible !important;
}

.sketch.JobView [name='JobView\.job\.preferredTechnician\.displayString'] {
  display: table-caption;
  /* temp, issue with long name not wrapping */
}

.sketch.SupportTicketCreate .block .layout.form {
  width: 700px;
}

.WorkAuthorizationList .table-wrapper {
  min-height: 0 !important;
}

.jobCount {
  padding-left: 10px;
  font-size: 1.15em;
  color: #1c4084;
}
.jobCount:before {
  content: "(";
}
.jobCount:after {
  content: ")";
}

.jobStatus {
  width: 20px;
  height: 20px;
  background-color: #1c4084;
  position: absolute;
  left: 14px;
}

.recentTime {
  top: 13px;
  left: 20px;
  position: relative;
  line-height: 20px;
}

.TimeCrewCreate\.timeCrew\.previousSupplier {
  max-height: 110px;
}

.TimeCrewCreate\.timeCrew\.additionalSupplier {
  max-height: 160px;
}

.NonBillableTimeCrewCreate\.timeCrew\.supplier {
  max-height: 250px;
}

.NonBillableTimeCrewCreate .form-technicians,
.TimeCrewCreate .form-previous-technicians,
.TimeCrewCreate .form-additional-technicians {
  padding-bottom: 0px;
}

.NonBillableTimeCrewCreate\.timeCrew\.supplier,
.TimeCrewCreate\.timeCrew\.previousSupplier,
.TimeCrewCreate\.timeCrew\.additionalSupplier {
  overflow-y: auto;
  margin-bottom: 20px;
}
.NonBillableTimeCrewCreate\.timeCrew\.supplier .form-label,
.TimeCrewCreate\.timeCrew\.previousSupplier .form-label,
.TimeCrewCreate\.timeCrew\.additionalSupplier .form-label {
  width: 200px;
  text-align: right;
  padding-right: 20px;
}

.time-calculator {
  padding-left: 10px;
}

.layout.grid.ContractWizardCreate\.contract\.contractEquipments > span {
  min-height: 400px;
}

.sketch.DispatchBoard {
  margin-left: 0px !important;
  padding-right: 0px !important;
  top: -10px;
  position: relative;
}

.sketch.JobAssignmentList .job-assignment-status {
  width: 12px;
  height: 12px;
  display: inline-block;
  top: 2px;
  position: relative;
  margin-right: 10px;
}
.sketch.JobAssignmentList .job-assignment-status-Pending {
  background-color: #4fc1e9 !important;
}
.sketch.JobAssignmentList .job-assignment-status-Accepted {
  background-color: #a0d468 !important;
}
.sketch.JobAssignmentList .job-assignment-status-Refused {
  background-color: #fc6e51 !important;
}

.sketch[name='PurchaseOrderCreate'] .layout.form, .sketch[name='PurchaseOrderCreate'] .sketch-container, .sketch[name='PurchaseOrderUpdate'] .layout.form, .sketch[name='PurchaseOrderUpdate'] .sketch-container,
.sketch[name='PurchaseOrderLotCreate'] .layout.form,
.sketch[name='PurchaseOrderLotCreate'] .sketch-container, .sketch[name='PurchaseOrderLotUpdate'] .layout.form, .sketch[name='PurchaseOrderLotUpdate'] .sketch-container {
  width: 800px;
}
.sketch[name='PurchaseOrderCreate'] .table-wrapper, .sketch[name='PurchaseOrderUpdate'] .table-wrapper,
.sketch[name='PurchaseOrderLotCreate'] .table-wrapper, .sketch[name='PurchaseOrderLotUpdate'] .table-wrapper {
  overflow-y: scroll;
}

.ui-widget-content.alert {
  background: #fbfbfb;
}
.ui-widget-content.alert .ui-widget-header {
  color: #ffffff;
  text-align: center;
  padding: 10px 0px !important;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  background-color: grey;
}
.ui-widget-content.alert .ui-dialog-content {
  padding: 20px 30px;
  background: #fbfbfb;
}
.ui-widget-content.alert .error_img {
  vertical-align: top;
  width: 20px;
  padding: 0px 15px 0px 0px;
}
.ui-widget-content.alert .error_img .element-image {
  width: 20px;
  height: 20px;
  display: block;
}
.ui-widget-content .ui-widget-header {
  color: #ffffff;
  text-align: center;
  padding: 10px 0px !important;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  background-color: #1c4084;
}
.ui-widget-content .ui-widget-header .ui-state-default {
  border: 0px solid lightgrey;
  background-image: url(/static/ph-client/image/close-popup.png);
  color: #555555;
  background-color: transparent !important;
}

div.colorPicker-palette {
  width: 90px  !important;
}

div.colorPicker-swatch {
  height: 24px !important;
  width: 24px !important;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

.calendar {
  font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
  font-size: 0.9em;
  background-color: #EEE;
  color: #333;
  border: 1px solid #DDD;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0.2em;
  width: 14em;
}

.calendar .months {
  background-color: #1c4084;
  border: 1px solid #f8f9cd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #FFF;
  padding: 0.2em;
  text-align: center;
}

.calendar .prev-month,
.calendar .next-month {
  padding: 0;
}

.calendar .prev-month {
  float: left;
}

.calendar .next-month {
  float: right;
}

.calendar .current-month {
  margin: 0 auto;
}

.calendar .months .prev-month,
.calendar .months .next-month {
  color: #FFF;
  text-decoration: none;
  padding: 0 0.4em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.calendar .months .prev-month:hover,
.calendar .months .next-month:hover {
  background-color: #FDF5CE;
  color: #C77405;
}

.calendar table {
  border-collapse: collapse;
  padding: 0;
  font-size: 0.9em;
  width: 100%;
}

.calendar th {
  text-align: center;
}

.calendar td {
  text-align: right;
  padding: 1px;
  width: 14.3%;
}

.calendar td span {
  display: block;
  color: #1C94C4;
  background-color: #F6F6F6;
  border: 1px solid #CCC;
  text-decoration: none;
  padding: 0.2em;
  cursor: pointer;
}

.calendar td span:hover {
  color: #C77405;
  background-color: #FDF5CE;
  border: 1px solid #f8f9cd;
}

.calendar td.today span {
  background-color: #FFF0A5;
  border: 1px solid #f8f9cd;
  color: #363636;
}

.job-costing .grid.TaskManage\.scopeOfWork > span,
.job-costing .grid.QuoteManage\.lineItem > span,
.job-costing .grid.ScopeOfWorks\.scopeOfWork > span,
.job-costing .grid.QuoteList\.lineItem > span {
  width: 100%;
}
.job-costing .layout-container.Documents p-element-image[data-key='fileType.thumbNailFileName'] {
  width: 50px !important;
  height: 50px !important;
}
.job-costing .sketch.JobList .archived {
  background-color: gray;
}
.job-costing .sketch.JobView .box .item-label, .job-costing .sketch.QuoteView .box .item-label, .job-costing .sketch.EstimateView .box .item-label {
  white-space: nowrap;
}
.job-costing .sketch.JobView .box.main .layout.form > span:first-child, .job-costing .sketch.JobView .box.client .layout.form > span:first-child, .job-costing .sketch.QuoteView .box.main .layout.form > span:first-child, .job-costing .sketch.QuoteView .box.client .layout.form > span:first-child, .job-costing .sketch.EstimateView .box.main .layout.form > span:first-child, .job-costing .sketch.EstimateView .box.client .layout.form > span:first-child {
  height: 200px;
}
.job-costing .sketch.InvoiceSetup .form .item-content table {
  border: 0px;
}
.job-costing .sketch.InvoiceSetup .form .item-content table td:first-child {
  width: 200px;
}
.job-costing .sketch.InvoiceManage .iconLocked img {
  width: 16px !important;
  height: 16px !important;
  position: relative;
  top: 5px;
  background-color: transparent;
}
.job-costing .table_sortby {
  /*border: 1px solid gray;*/
}
.job-costing .grid .grid-row .cell .cell-rows td:first-child {
  font-weight: bold;
  padding-right: 15px;
}
.job-costing .JobFilter [data-key='toDate'], .job-costing .JobFilter [data-key='toDate2'] {
  position: relative;
  float: right;
  right: 7px;
}
.job-costing .table_sortby {
  width: 100%;
  margin: 0px 0px 20px 0px;
  border: 0px solid red;
}

.sketch.JobView /deep/ .edit:hover, .sketch.JobView /deep/ .remove:hover {
  cursor: pointer;
}
.sketch.JobView /deep/ .edit, .sketch.JobView /deep/ .remove {
  color: steelblue;
  text-decoration: underline;
  padding-left: 5px;
  padding-right: 5px;
}
.sketch.JobView /deep/ .event-datetime {
  color: #919191;
  font-size: 0.9em;
  padding-bottom: 5px;
}
.sketch.JobView /deep/ .email, .sketch.JobView /deep/ .technician-assigned {
  color: #2a80b9;
}

.sketch.JobView p-element-list /deep/ li:hover /deep/ .edit, .sketch.JobView p-element-list /deep/ li:hover /deep/ .remove {
  visibility: visible !important;
}

.sketch.JobView .box.main .layout.form > span:first-child, .sketch.JobView .box.summary .layout.form > span:first-child {
  height: 200px !important;
}
.sketch.JobView .box.client .layout.form > span:first-child, .sketch.JobView .box.contact .layout.form > span:first-child {
  height: 200px !important;
}

body /deep/ .eventType {
  display: inline;
  padding: .3em .6em .3em;
  font-size: 88%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .3em;
  margin-right: 10px;
  min-width: 120px;
  background-color: #5bc0de;
}
body /deep/ .eventType.JC, body /deep/ .eventType.APPROVED {
  background-color: #337ab7;
}
body /deep/ .eventType.NEW, body /deep/ .eventType.IN_PROGRESS {
  background-color: #F1C410;
}
body /deep/ .eventType.READY_FOR_BILLING {
  background-color: #5bc0de;
}
body /deep/ .eventType.COMPLETED, body /deep/ .eventType.CLOSED {
  background-color: #9b59b5;
}
body /deep/ .eventType.INVOICED {
  background-color: #2D3E51;
}
body /deep/ .eventType.TA, body /deep/ .eventType.INVOICE_GENERATED {
  background-color: #5cb85c;
}
body /deep/ .eventType.REJECTED, body /deep/ .eventType.CANCELLED {
  background-color: #d9534f;
}
body /deep/ .eventType.NOTES {
  background-color: #FFFB71;
  color: #4A4A4A;
  border: 1px solid #e8e8e8;
}