/******** BEGIN /static/css/scss/default.css ********/

.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;
}


/******** END /static/css/scss/default.css ********/undefined/******** BEGIN /static/ph-client/library/jquery-facebox/src/facebox.css ********/

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 500px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/******** END /static/ph-client/library/jquery-facebox/src/facebox.css ********//******** BEGIN /static/ph-client/library/jquery-alerts/jquery.alerts.css ********/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/******** END /static/ph-client/library/jquery-alerts/jquery.alerts.css ********//******** BEGIN /static/ph-client/library/alertify/themes/alertify.core.css ********/

.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}


/******** END /static/ph-client/library/alertify/themes/alertify.core.css ********//******** BEGIN /static/ph-client/library/alertify/themes/alertify.default.css ********/

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: sans-serif;
}
.alertify {
	background: #FFF;
	border: 10px solid #333; /* browsers that don't support rgba */
	border: 10px solid rgba(0,0,0,.7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
	.alertify-text {
		border: 1px solid #CCC;
		padding: 10px;
		border-radius: 4px;
	}
	.alertify-button {
		border-radius: 4px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 15px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0,0,0,.5);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
	}
	.alertify-button:hover,
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		box-shadow: 0 0 15px #2B72D5;
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:hover,
		.alertify-button-ok:focus {
			background-color: #5CB811;
			border: 1px solid #3B7808;
		}

.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		background: #FE1A00;
		background: rgba(254,26,0,.9);
	}
	.alertify-log-success {
		background: #494949;

	}

/******** END /static/ph-client/library/alertify/themes/alertify.default.css ********//******** BEGIN /static/ph-client/library/jquery/jquery-ui.css ********/

/*! jQuery UI - v1.10.0 - 2013-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;


}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 20px 0px;
	background: none;
	overflow: auto;

}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
    background: #fbfbfb;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
    border: 1px solid #bbbdc2;
    background: grey;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 0px solid #aaaaaa /*{borderColorContent}*/ !important;
	background: #ffffff;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #494949/*{fcContent}*/;
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px solid #d3d3d3/*{borderColorDefault}*/;
	color: #555555/*{fcDefault}*/;
    background-color:transparent !important;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}



/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}


/* Misc visuals
----------------------------------*/


/* Overlays */
.ui-widget-overlay {
	background: #000000;
	opacity: .4/*{opacityOverlay}*/;
	filter: Alpha(Opacity=40)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

/******** END /static/ph-client/library/jquery/jquery-ui.css ********//******** BEGIN /static/ph-client/library/jquery/jquery-ui.css ********/

/*! jQuery UI - v1.10.0 - 2013-01-17
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;


}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 20px 0px;
	background: none;
	overflow: auto;

}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
    background: #fbfbfb;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
    border: 1px solid #bbbdc2;
    background: grey;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 0px solid #aaaaaa /*{borderColorContent}*/ !important;
	background: #ffffff;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #494949/*{fcContent}*/;
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px solid #d3d3d3/*{borderColorDefault}*/;
	color: #555555/*{fcDefault}*/;
    background-color:transparent !important;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}



/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
	background-position: 16px 16px;
}


/* Misc visuals
----------------------------------*/


/* Overlays */
.ui-widget-overlay {
	background: #000000;
	opacity: .4/*{opacityOverlay}*/;
	filter: Alpha(Opacity=40)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}

/******** END /static/ph-client/library/jquery/jquery-ui.css ********//******** BEGIN /static/ph-client/library/jquery-color-picker/colorPicker.css ********/

div.colorPicker-picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url(/static/ph-client/library/jquery-color-picker/arrow.gif) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
  font-size:0.75em;
  font-weight:bold;
  text-align: center;
}

div.colorPicker-palette {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}
  div.colorPicker_hexWrap {width: 100%; float:left }
  div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

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


/******** END /static/ph-client/library/jquery-color-picker/colorPicker.css ********//******** BEGIN /static/ph-client/library/jquery-magnific-popup/magnific-popup.css ********/

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


/******** END /static/ph-client/library/jquery-magnific-popup/magnific-popup.css ********//******** BEGIN /static/ph-client/library/select2/dist/css/select2.min.css ********/

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}


/******** END /static/ph-client/library/select2/dist/css/select2.min.css ********//******** BEGIN /static/ph-client/library/awesomplete/awesomplete.css ********/

[hidden] { display: none; }

.visually-hidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

div.awesomplete {
	display: inline-block;
	position: relative;
}

div.awesomplete > input {
	display: block;
}

div.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 1;
	min-width: 100%;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
	display: none;
}

@supports (transform: scale(0)) {
	div.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: 1.43em -.43em;
	}
	
	div.awesomplete > ul[hidden],
	div.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

	/* Pointer */
	div.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: .4em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	div.awesomplete > ul > li {
		position: relative;
		padding: .2em .5em;
		cursor: pointer;
	}
	
	div.awesomplete > ul > li:hover {
		background: hsl(200, 40%, 80%);
		color: black;
	}
	
	div.awesomplete > ul > li[aria-selected="true"] {
		background: hsl(205, 40%, 40%);
		color: white;
	}
	
		div.awesomplete mark {
			background: hsl(65, 100%, 50%);
		}
		
		div.awesomplete li:hover mark {
			background: hsl(68, 100%, 41%);
		}
		
		div.awesomplete li[aria-selected="true"] mark {
			background: hsl(86, 100%, 21%);
			color: inherit;
		}

/******** END /static/ph-client/library/awesomplete/awesomplete.css ********/