html {
  background-color: #eeeeff;
  min-width: 1280px; }

hr {
  border: solid 1px #7A9AC4; }

/* Div for boolean column -------------------------------------------------------------------------------------------*/
div.tick {
  background-image: url(/images/icons/tick.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 16px; }

div.cross {
  background-image: url(/images/icons/cross.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 16px; }

/* Photo viewer -----------------------------------------------------------------------------------------------------*/
.photo-thumb-ct {
  display: inline-block;
  padding: 0 5px;
  margin: 5px 0; }

.photo-thumb-ct-over-right {
  border: 0px #cccccc dashed;
  border-right-width: 3px;
  margin-right: -3px; }

.photo-thumb-ct-over-left {
  border: 0px #cccccc dashed;
  border-left-width: 3px;
  margin-left: -3px; }

.photo-thumb img {
  border: solid 1px white; }

.photo-thumb {
  width: 100%;
  padding: 7px 7px 4px 7px;
  background-color: #e8e8e8;
  border: solid 1px #d5d5d5; }

.photo-thumb:hover {
  background-color: #d2d2d2;
  border: solid 1px #aaaaaa; }

.photo-read-only .photo-thumb:hover {
  background-color: #e8e8e8;
  border: solid 1px #d5d5d5; }

.photo-thumb-selected {
  background-color: #BFD4F0;
  border: solid 1px #A7B9E9; }

.photo-thumb-selected:hover {
  background-color: #AEC3E1;
  border: solid 1px #9597c7; }

.photo-thumb-selected img {
  border: solid 1px #eeeeff; }

.photo-thumb-position {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #cccccc;
  width: 30px;
  font-size: 11px;
  padding: 3px;
  float: left; }

.photo-thumb-vir {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #cccccc;
  float: left;
  padding: 2px; }

.vir-true {
  background-image: url(/images/icons/tick.png);
  float: left;
  width: 16px;
  height: 16px; }

.vir-false {
  background-image: url(/images/icons/cross.png);
  float: left;
  width: 16px;
  height: 16px; }

.photo-thumb-desc {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 3px;
  height: 14px;
  font-size: 11px; }

.photo-thumb-desc-tooltip {
  max-width: 150px;
  white-space: pre-line; }

.photo-thumb-footer {
  width: 100%;
  text-align: center;
  height: 20px;
  vertical-align: middle;
  background-color: #eeeeee;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #dddddd; }

.photo-thumb-fs-link {
  padding: 2px; }

.photo-thumb-fs-link a {
  color: #04408c;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px; }

.photo-thumb-fs-link a:hover {
  text-decoration: underline; }

/* Other Class ----------------------------------------------------------------------------------------------------- */
.parsed-quotes-fieldcontainer {
  border: solid #eeeeee;
  border-width: 0 0 1px 0; }

.floated-panel {
  background-color: #BFD4F0; }

.highlighted-button {
  background-color: #e7f4Ff;
  border: solid 1px #7A9AC4; }

.job-info-container {
  float: left;
  margin: 0 0 -2px 0 !important;
  width: 100%; }

.job-info-name {
  font-size: 11px;
  font-weight: bold;
  color: #26336e; }

.job-info-data {
  font-size: 11px; }

.job-info-data.last {
  margin-right: 0 !important; }

.left-toolbar-info-panel {
  border-width: 0px; }

.right-toolbar-info-panel {
  border-left-width: 0px; }

/* Sanbeck info -----------------------------------------------------------------------------------------------------*/
.sanbeck-info-name {
  font-size: 11px;
  font-weight: bold;
  color: #04408c;
  margin-left: 10px;
  background-color: #D9E5F3; }

.sanbeck-info-data {
  font-size: 11px;
  white-space: nowrap;
  background-color: #D9E5F3; }

.sanbeck-logo-mini {
  height: 34px;
  width: 85px;
  background-image: image-url("/images/Sanbecklogo-mini.png");
  background-color: #D9E5F3;
  margin: 0px 5px; }

.mt-build-logo-mini {
  height: 34px;
  width: 85px;
  background-image: image-url("/images/MTBuildlogo-mini.png");
  background-color: #D9E5F3;
  margin: 0px 5px; }

.dev-logo:before {
  content: "TEST APP";
  color: white;
  font-size: 18px;
  line-height: 34px; }

.dev-logo {
  text-align: center;
  height: 34px;
  width: 85px;
  background-color: orange; }

body.dev-mode:before {
  content: '';
  display: block;
  background-color: orange;
  height: 3px;
  width: 100%;
  position: absolute;
  z-index: 1; }

/* Overriding ExtJS CSS -------------------------------------------------------------------------------------------- */
.x-column-header-text {
  white-space: pre-line; }

.x-fieldset {
  background-color: #eeeeee;
  padding: 10px; }

.x-form-display-field {
  background-color: #eeeeee;
  width: 100%;
  padding: 3px 7px;
  min-height: 22px;
  height: 100%; }

.x-form-item {
  margin-bottom: 10px; }

.x-item-disabled {
  opacity: 0.3; }

.x-grid-cell-inner {
  white-space: pre-line;
  padding: 5px; }

.x-panel-header {
  height: 27px;
  padding: 6px 0 0 0px; }

.x-panel-header-text {
  font-size: 14px;
  width: 100%;
  font-weight: bold;
  margin-left: 10px; }

.x-accordion-item .x-panel-header {
  height: 27px;
  padding: 6px 0 0 0px; }

.x-accordion-item .x-panel-header-text {
  font-size: 11px;
  width: 100%;
  font-weight: normal;
  margin-left: 10px; }

.x-splitter {
  background-color: #BFD4F0; }

.x-tab {
  padding: 7px !important;
  height: 27px !important; }

.x-tab button {
  height: 16px !important;
  line-height: 16px !important;
  overflow: hidden !important; }

.x-tab button .x-tab-icon {
  top: auto !important; }

.x-tab-bar {
  height: 33px !important;
  background-image: none !important;
  background-color: #BFD4F0 !important; }

.x-tab-bar-body-top {
  height: 33px !important;
  border-color: #BFD4F0; }

.x-tab-bar-strip {
  margin-top: 6px !important;
  height: 6px !important; }

.x-tab-panel {
  background-color: #DEECFD; }

.x-tab-panel .x-splitter {
  background-color: #DEECFD; }

.x-tool-refresh {
  display: none; }

.x-window-body {
  border-width: 0px; }

.border-window .x-window-body {
  border-width: 1px; }

.x-window .x-splitter {
  background-color: #CED9E7; }

.x-scroller-vertical {
  display: none; }

.x-grid-view {
  overflow-y: auto;
  overflow-x: hidden; }

/* Login page ------------------------------------------------------------------------------------------------------ */
div#sanbecklogo {
  background-image: image-url("/images/Sanbecklogo.png");
  width: 306px;
  height: 202px;
  margin: 90px auto 20px auto; }

div#mtbuildlogo {
  background-image: image-url("/images/MTBuildlogo.png");
  width: 306px;
  height: 202px;
  margin: 90px auto 20px auto; }

div#sanbeck-text {
  background-color: #5697AB;
  height: 40px;
  width: 386px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: white; }

.login-form {
  padding: 10px; }

.login-form-label {
  display: block;
  font-weight: bold;
  font-size: 14px;
  color: #555555;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px; }

.login-form-input {
  height: 25px;
  width: 345px;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #B2D5E6;
  padding: 0px 5px; }

.login-form-button {
  height: 32px;
  width: 80px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  margin-left: 275px;
  background-color: #B2D5E6;
  border: 1px solid #5697AB; }

.login-form-link {
  font-size: 12px;
  color: #888888;
  text-decoration: none; }

.login-form-forgot-password {
  margin-left: 20px;
  margin-top: -25px; }

.login-form-error-msg {
  color: #880000;
  margin: 10px auto 0px auto;
  padding: 10px 20px;
  background-color: #ffcccc;
  width: 388px;
  border: 1px solid red; }

.login-form-warn-msg {
  color: #ff9900;
  margin: 10px auto 0px auto;
  padding: 10px 20px;
  background-color: #ffffcc;
  width: 388px;
  border: 1px solid #ffaa00; }

.login-form-notice-msg {
  color: #2b4d1a;
  margin: 10px auto 0px auto;
  padding: 10px 20px;
  background-color: #c8f0d0;
  width: 388px;
  border: 1px solid #498C33; }

div#login-form-window {
  width: 388px;
  height: 225px;
  background-color: white;
  border: solid 1px #B2D5E6;
  margin: 0px auto 0px auto; }

/* Forgot password page -------------------------------------------------------------------------------------------- */
.forgot-password-form-button {
  height: 32px;
  width: 220px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  margin-top: 20px;
  margin-left: 135px;
  background-color: #B2D5E6;
  border: 1px solid #5697AB; }

div#forgot-password-form-window {
  width: 388px;
  height: 180px;
  background-color: white;
  border: solid 1px #B2D5E6;
  margin: 0px auto 0px auto; }

/* Change password page -------------------------------------------------------------------------------------------- */
.change-password-form-button {
  height: 32px;
  width: 150px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
  margin-top: 20px;
  margin-left: 205px;
  background-color: #B2D5E6;
  border: 1px solid #5697AB; }

/*  New Tab Icon Variation, Quote -------------------------------------------------------------------------------------------- */
.new_tab {
  background-image: url(/images/icons/plus_small.png);
  background-size: 90%;
  background-position: 2px 2px; }

/* === Icon class for Quote > Estimate tab button ===================================================================*/
.quote_estimate {
  background-image: url(/images/icons/calculator_edit.png); }

.quote_photo {
  background-image: url(/images/icons/photos.png); }

.quote_report {
  background-image: url(/images/icons/report.png); }

/* === Icon class for Subcontractor > work tab button ================================================================*/
.subcontractor_work_order {
  background-image: url(/images/icons/bricks.png); }

.subcontractor_make_safe {
  background-image: url(/images/icons/calendar_edit.png); }

.report_radio .x-form-cb-label {
  font-weight: bold;
  font-size: 12px; }

.gray-bg {
  background-color: #f5f5f5; }

.status-label {
  font-weight: bold;
  font-size: 12px; }

.mark_up_panel .x-panel-body {
  background-color: #e2e8f5;
  border: solid #99BCE8;
  border-width: 0px 0px 1px 0px; }

.summary_header .x-panel-body {
  background-color: #d2dbff; }

.cost_sell_panel .x-panel-body {
  text-align: right; }

.summary_total .x-panel-body {
  background-color: #e3edff; }

.sanbeck-info-logo {
  height: 34px;
  width: 175px;
  background-image: image-url("/images/Sanbecklogo.png");
  background-size: 170px 34px; }

.sanbeck-info-element {
  background-color: #D9E5F3; }

.sanbeck-info {
  padding: 2px;
  background-color: #D9E5F3;
  border: solid #99BCE8;
  border-width: 1px 0px; }

.sanbeck-info-entry {
  background-color: #D9E5F3; }

.search-job-conditions-panel {
  background-color: #CBDDF3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #DAE7F6), color-stop(90%, #B2CAEB), color-stop(46%, #9EB6D7), color-stop(50%, #ABC7EC), color-stop(51%, #B8CFEE), color-stop(100%, #CBDDF3));
  background-image: -webkit-linear-gradient(top, #D0E8FF, #B2CAEB 90%, #9EB6D7 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
  background-image: -moz-linear-gradient(top, #D0E8FF, #B2CAEB 90%, #9EB6D7 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
  background-image: -o-linear-gradient(top, #D0E8FF, #B2CAEB 90%, #9EB6D7 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
  background-image: -ms-linear-gradient(top, #D0E8FF, #B2CAEB 90%, #9EB6D7 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
  background-image: linear-gradient(top, #D0E8FF, #B2CAEB 90%, #9EB6D7 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
  border: 1px solid #99BCE8; }

.search-job-conditions-panel .x-panel-body-default {
  background: none; }

.search-job-conditions-panel input, .search-job-conditions-panel .x-form-trigger, .search-job-conditions-panel .x-btn {
  border: 1px solid #4994AB; }

.search-job-conditions-panel .x-btn-default-small:hover {
  border: 1px solid #62AFB0; }

.search-job-conditions-panel .x-form-trigger {
  border-left-width: 0px; }

.search-job-conditions-panel label {
  font-weight: bold;
  color: #04408C; }

.align-right {
  float: right; }

.border-for-dynamic-container {
  background-color: #BFD4F0; }

.sub-contractor-info {
  padding: 10px;
  background-color: #D9E5F3;
  height: 40px;
  border: solid #99BCE8;
  border-width: 1px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #005967; }

.image-viewer-thumb {
  background-color: #e8e8e8;
  border: solid 1px #d5d5d5;
  width: 220px;
  height: 325px;
  display: inline-block;
  padding: 10px;
  margin: 7px; }

.image-viewer-thumb:hover {
  background-color: #d2d2d2;
  border: double 1px #aaaaaa; }

.image-viewer-thumb-selected:hover {
  background-color: #ced7e5;
  border: solid 1px #aec3e0; }

.image-viewer-thumb-selected {
  background-color: #DFE8F6;
  border: solid 1px #BFD4F0; }

.toolbar-bg {
  background-color: #D9E5F3; }

.border {
  border-width: 3px; }

.image-viewer-thumb-info {
  margin-top: 5px;
  font-size: 13px; }

.icon-inline-valid-false {
  background-image: url(/images/icons/cross.png);
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  float: right; }

.icon-inline-valid-true {
  background-image: url(/images/icons/tick.png);
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  float: right; }

.image-viewer-thumb-info a {
  font-size: 12px;
  color: #0055ff; }

.loading-panel {
  background-color: #dddddd;
  text-align: center;
  padding-top: 100px; }

.image-viewer-thumb-info-name {
  font-weight: bold; }

.image-viewer-thumb-info-position {
  margin-left: 10px; }

.image-viewer-thumb-info-description {
  margin-top: 3px;
  height: 40px;
  white-space: pre-line;
  overflow: auto; }

.sub-contractor-logo-header {
  font-size: 16px;
  color: #555555;
  margin-bottom: 10px;
  font-weight: bold; }

.error-text {
  color: #ff0000;
  padding: 5px; }

.selected-button.x-btn-default-small {
  background-image: none;
  background-color: #e7f4Ff;
  border: solid 1px #7A9AC4; }

.selected-button span.x-btn-inner {
  font-weight: bold;
  color: #04408C; }

.status-search-button.x-btn-default-small {
  margin: 0px 4px 3px; }

.search-payment-result-grid .x-grid-cell, .supervisor-invoice-grid .x-grid-cell {
  padding: 0px 15px 0px 0px; }

.search_payment_excess_outstanding_tab {
  background-image: url(/images/icons/money.png); }

.search_payment_assessment_fee_outstanding_tab {
  background-image: url(/images/icons/house_go.png); }

.search_payment_invoice_outstanding_tab {
  background-image: url(/images/icons/script_lightning.png); }

.search_payment_profit_and_loss_tab {
  background-image: url(/images/icons/chart_bar.png); }

#clear_filters_button.x-btn-default-small {
  border: solid 2px #FFC400;
  background: none;
  background-color: #FFF5C4;
  border-radius: 5px; }

#clear_filters_button.x-btn-default-small:hover {
  background: none;
  background-color: #FFE465; }

#clear_filters_button.x-btn-default-small .x-btn-inner {
  color: black;
  font-weight: bold; }

.assessment-report-send-invoice-panel {
  background-color: #E7F0FC;
  border: none;
  border-bottom: 5px solid #bfd4f0; }

.assessment-report-send-invoice-panel .previous-invoice {
  background: none; }

.previous-invoice .x-form-display-field {
  background: none; }

.new-invoice-amount-text {
  color: #E00000; }

/*.blue-txt {*/
/*color: #043A74;*/
/*}*/
/*.dark-blue {*/
/*color: #497ABA;*/
/*}*/
/*.short-note-panel {*/
/*background-color: #E7F0FB;*/
/*border: 2px solid #bfd4f0;*/
/*padding: 5px 0 5px 0;*/
/*}*/
/*.short-note-display {*/
/*font-size: 11px;*/
/*font-family: tahoma;*/
/*padding: 0 2px 4px 0;*/
/*}*/
/*.short-note-display {*/
/*background: none;*/
/*border-top: 1px solid white;*/
/*border-bottom: 1px solid #bfd4f0;*/
/*}*/
.short-note-panel2 {
  background-color: #C6DBF5;
  border: 1px solid #bfd4f0; }

.short_note_detail_panel .x-border-layout-ct {
  background-color: #ffffff; }

.short_note_detail_panel .x-column-header {
  display: none; }

.short_note_detail_panel .x-grid-cell-last {
  display: none; }

.short_note_detail_panel .x-grid-row .x-grid-cell {
  font-size: 11px;
  font-family: tahoma;
  border-bottom: 1px solid #bfd4f0;
  border-top: 1px solid white;
  background-color: #E7F0FB; }

.short_note_detail_panel .x-grid-row:hover .x-grid-cell {
  background-color: #eeeeee; }

.red-bold {
  color: red;
  font-weight: bold; }

.edit-multi-photo-record,
.email-multi-photo-record {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  display: inline-block !important; }

.checklist-form-question {
  border-bottom: 1px dashed #dddddd; }

.checklist-form-question textarea {
  height: 40px !important; }

.checklist-form-question li {
  list-style: disc !important;
  margin-left: 8px; }

.checklist-form-title {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  background-color: #eeeeee; }

.quick-search-box input {
  font-size: 11px; }

.certificate-upload-container {
  position: relative;
  background-color: #dddddd; }
  .certificate-upload-container .description-field {
    position: absolute;
    right: 10px;
    top: 17px; }

.floatL {
  display: block;
  float: left; }

.x-panel-body-default .risk-address-panel {
  display: block;
  padding: 5px 0 5px 15px;
  background-color: #e7f0fb;
  border: none;
  border-bottom: 1px solid #bfd4f0;
  border-top: 1px solid white; }

.red {
  color: #FF0000; }

.estimate-room-grid .x-grid-row-selected .x-grid-cell, .estimate-room-grid .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #FACEF6 !important;
  background-color: #FFE3FE !important;
  color: #000000 !important; }

.workload-button span {
  font-weight: bold !important;
  font-size: 16pt !important; }

.workload-button button {
  height: 18px; }