.table, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table, .contract-view-proposal .contract-wrapper .contract-print .chunk table, .document-editor .contract-wrapper .contract-print .chunk table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color); }
  .table > :not(caption) > * > *, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table > :not(caption) > * > *, .contract-view-proposal .contract-wrapper .contract-print .chunk table > :not(caption) > * > *, .document-editor .contract-wrapper .contract-print .chunk table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); }
  .table > tbody, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table > tbody, .contract-view-proposal .contract-wrapper .contract-print .chunk table > tbody, .document-editor .contract-wrapper .contract-print .chunk table > tbody {
    vertical-align: inherit; }
  .table > thead, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table > thead, .contract-view-proposal .contract-wrapper .contract-print .chunk table > thead, .document-editor .contract-wrapper .contract-print .chunk table > thead {
    vertical-align: bottom; }

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor; }

.caption-top {
  caption-side: top; }

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem; }

.table-bordered > :not(caption) > *, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table > :not(caption) > *, .contract-view-proposal .contract-wrapper .contract-print .chunk table > :not(caption) > *, .document-editor .contract-wrapper .contract-print .chunk table > :not(caption) > * {
  border-width: var(--bs-border-width) 0; }
  .table-bordered > :not(caption) > * > *, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table > :not(caption) > * > *, .contract-view-proposal .contract-wrapper .contract-print .chunk table > :not(caption) > * > *, .document-editor .contract-wrapper .contract-print .chunk table > :not(caption) > * > * {
    border-width: 0 var(--bs-border-width); }

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0; }
.table-borderless > :not(:first-child) {
  border-top-width: 0; }

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg); }

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg); }

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg); }

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg); }

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
/*@media (max-width: 767.98px) {
    .form-control {
        min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }
}*/
.form-check-input:checked:not([role="switch"]) {
  background-color: #7a828e;
  border-color: #7a828e; }

.scrollable-container::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0; }

.scrollable-container {
  scrollbar-width: none;
  -ms-overflow-style: none; }

.form-check-input[type="checkbox"]:not([role="switch"]) {
  border-radius: 0.125em;
  width: 1.10em;
  height: 1.10em; }

.ui-grey {
  background: #f8f9fa; }

.whitespace-none {
  white-space: nowrap; }

.my-invisible {
  visibility: hidden; }

.search-icon {
  padding: 4px;
  cursor: pointer; }

.search-modal .list-group-item {
  padding: 8px 5px; }
  .search-modal .list-group-item:hover {
    background-color: #c9c9c9; }
  .search-modal .list-group-item.active {
    background-color: #dee2e6; }
.search-modal .modal-footer .commands {
  color: #595c5f;
  font-size: .85em; }
  .search-modal .modal-footer .commands i {
    background: #e1e1e1;
    padding: 2px 3px; }
  .search-modal .modal-footer .commands svg {
    background-color: #e1e1e1; }

.success-toast {
  bottom: 2px;
  right: 2px; }

p.automation {
  color: #b3b3b3;
  letter-spacing: 7px;
  font-size: 13px;
  margin-top: 2px; }

.no-select {
  user-select: none; }

a.disabled {
  opacity: .4;
  user-select: none;
  cursor: default; }

textarea.no-resize {
  resize: none !important; }

.border-1px {
  border: 1px solid #dee2e6; }

.border-highlight {
  border-color: #ffff00 !important; }

.highlight-select {
  outline: 3px solid #ffff00; }
  .highlight-select:focus {
    border-color: #fee686;
    outline: 3px solid #ffff00;
    box-shadow: 0 0 0 0.25rem #e6e63a; }

.pink {
  color: #e31383; }

html {
  font-size: 16px; }

.bg-light-blue {
  background-color: aliceblue; }

.btn-outline-light {
  color: black;
  border-color: #EAEAEA !important; }

i.fa-angle-down,
i.fa-caret-right {
  transition: transform 250ms ease-in-out; }

.btn-close {
  transition: all 0.4s; }

i.fa-angle-down.rotate {
  transform: rotate(-180deg); }

i.fa-caret-right.rotate {
  transform: rotate(90deg); }

.badge {
  font-weight: 600;
  font-size: 0.7rem; }

.mono {
  font-family: monospace !important;
  letter-spacing: -0.55px !important; }

.text-sm {
  font-size: .875rem; }

.text-xs {
  font-size: .75rem; }

.text-md {
  font-size: .9275rem; }

.text-xxs {
  font-size: .675rem; }

.text-106 {
  font-size: 1.06rem; }

.text-lg {
  font-size: 1.125rem; }

.text-xlg {
  font-size: 1.25rem; }

.line-height {
  line-height: 1.40 !important; }

.btn-group-xs > .btn,
.btn-xs {
  padding: 0.125rem 0.45rem;
  font-size: 0.75rem;
  border-radius: 0.125rem; }

.button-badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .70em;
  font-weight: 500;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .375rem; }

.btn.btn-select {
  width: 100%;
  text-decoration: none !important;
  border: 1px solid #dee2e6;
  color: #212529 !important;
  background-color: white; }
  .btn.btn-select:hover, .btn.btn-select.active, .btn.btn-select.show {
    color: #212529 !important;
    background-color: white !important;
    border: 1px solid #dee2e6 !important; }

.dropdown-toggle.btn-select::after {
  display: none !important;
  border: none !important; }

.lock-proposal-buttons {
  position: fixed;
  bottom: 25px;
  right: 30px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  transition: all 0.4s;
  z-index: 5; }

.jobs .views .btn-group .btn {
  padding: 0.25rem .5rem;
  font-size: 0.875rem; }
.jobs .views .btn-group .btn-light {
  border-color: #d7d7d7; }
.jobs .views .btn-group .dropdown-menu {
  font-size: .92rem;
  border-radius: 3px; }
@media (max-width: 460px) {
  .jobs .views .column-names {
    display: none; } }
.jobs .job-table {
  min-height: calc(100vh - 221px); }
  .jobs .job-table tbody.customer-body td {
    padding-top: .25rem;
    padding-bottom: .25rem; }
    .jobs .job-table tbody.customer-body td input[type="checkbox"]:disabled:checked {
      background-color: #0d6efd;
      border-color: #999999;
      cursor: not-allowed; }
    .jobs .job-table tbody.customer-body td.date_lead_assigned, .jobs .job-table tbody.customer-body td.date_permit_recd, .jobs .job-table tbody.customer-body td.date_job_created, .jobs .job-table tbody.customer-body td.date_proposal_sent, .jobs .job-table tbody.customer-body td.date_permit_applied {
      text-align: center; }
  .jobs .job-table th {
    font-weight: normal; }
    .jobs .job-table th i.fa-solid {
      display: none; }
    .jobs .job-table th.stat_col .rotation-wrapper {
      height: 110px;
      position: relative; }
      .jobs .job-table th.stat_col .rotation-wrapper .th-text {
        overflow: hidden;
        text-overflow: ellipsis;
        bottom: -6px;
        left: 50%;
        position: absolute;
        transform: rotate(-45deg);
        transform-origin: center left;
        white-space: nowrap;
        font-size: 15px;
        font-family: verdana, arial, sans-serif; }
    .jobs .job-table th span:hover {
      cursor: pointer;
      font-weight: 600;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-color: rgba(0, 0, 0, 0.5); }
    .jobs .job-table th.sorted span {
      font-weight: 600;
      text-decoration: underline;
      text-underline-offset: 3px;
      text-decoration-color: rgba(0, 0, 0, 0.5); }
  .jobs .job-table .set-overall-status .dropdown-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .jobs .job-table .set-overall-status .dropdown-item i {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }
.jobs .job-table-s {
  min-height: calc(100vh - 221px); }
  .jobs .job-table-s tbody.customer-body td {
    padding-top: .25rem;
    padding-bottom: .25rem; }
    .jobs .job-table-s tbody.customer-body td input[type="checkbox"]:disabled:checked {
      background-color: #0d6efd;
      border-color: #999999;
      cursor: not-allowed; }
    .jobs .job-table-s tbody.customer-body td.date_lead_assigned, .jobs .job-table-s tbody.customer-body td.date_permit_recd, .jobs .job-table-s tbody.customer-body td.date_job_created, .jobs .job-table-s tbody.customer-body td.date_proposal_sent, .jobs .job-table-s tbody.customer-body td.date_permit_applied {
      text-align: center; }
  .jobs .job-table-s th {
    font-weight: normal; }
    .jobs .job-table-s th.cust-column {
      position: relative; }
      .jobs .job-table-s th.cust-column span {
        position: absolute;
        bottom: 11px; }
        .jobs .job-table-s th.cust-column span:hover {
          cursor: pointer;
          font-weight: 600;
          text-decoration: underline;
          text-underline-offset: 3px;
          text-decoration-color: rgba(0, 0, 0, 0.5); }
      .jobs .job-table-s th.cust-column.sorted span {
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 3px;
        text-decoration-color: rgba(0, 0, 0, 0.5); }
    .jobs .job-table-s th.stat-col .rotation-wrapper {
      height: 110px;
      position: relative; }
      .jobs .job-table-s th.stat-col .rotation-wrapper .th-text {
        overflow: hidden;
        text-overflow: ellipsis;
        bottom: -6px;
        left: 50%;
        position: absolute;
        transform: rotate(-45deg);
        transform-origin: center left;
        white-space: nowrap;
        font-size: 15px;
        font-family: verdana, arial, sans-serif; }
  .jobs .job-table-s .set-overall-status .dropdown-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .jobs .job-table-s .set-overall-status .dropdown-item i {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }

.sign-contract-view-proposal .contract-wrapper {
  width: 100%;
  background: #F9F9F9;
  padding-top: 17px; }
  @media print {
    .sign-contract-view-proposal .contract-wrapper {
      padding-top: 0; } }
  .sign-contract-view-proposal .contract-wrapper .contract-print {
    width: 8.5in;
    height: 11in;
    padding: 0.2in 0.4in;
    background-color: white;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .4in;
    user-select: none; }
    .sign-contract-view-proposal .contract-wrapper .contract-print .chunk {
      position: absolute;
      visibility: visible;
      max-width: 8.5in; }
      .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table {
        margin: 0 !important;
        max-width: 8.5in; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table td {
          padding: .42rem .42rem !important; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table td .form-check .form-check-input {
            margin-left: -8px;
            margin-top: 4px; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table.top-banner td {
          padding-top: 4px;
          padding-bottom: 4px;
          padding-right: 15px;
          padding-left: 15px; }
        @media print {
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk table.top-banner {
            border-color: transparent; } }
      .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper {
        margin-bottom: 22px; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box {
          transition: background-color 0.450ms ease-in-out;
          position: relative;
          border-bottom: 1px solid #999;
          width: 350px; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature {
            position: relative;
            top: 24px;
            height: 90px;
            width: 100%; }
            .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature span {
              visibility: hidden;
              position: relative;
              top: 32px; }
            .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature img {
              height: 80px;
              display: none; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box.sign-active .signature {
            background-color: #ffeaaa; }
            .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box.sign-active .signature span {
              visibility: visible !important; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box.signed .signature {
            background-color: transparent !important; }
            .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box.signed .signature img {
              display: block !important; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box p.primary-name,
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box p.secondary-name {
            font-family: monospace;
            font-size: 13px;
            position: absolute; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .todays-date {
            font-family: monospace;
            position: absolute;
            top: 90px;
            right: 2px;
            font-size: 13px; }
            .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .todays-date span {
              visibility: hidden; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-names p.primary-name,
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-names p.secondary-name {
          display: none !important; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-dates .todays-date {
          display: none !important; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-sig-line .signature-box {
          border-bottom: none !important; }
      .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box {
        transition: background-color 0.450ms ease-in-out;
        position: relative;
        height: 50px;
        width: 75px;
        border-bottom: 1px solid #999; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box .signature {
          height: 50px;
          width: 75px; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box .signature span {
            visibility: hidden;
            position: relative;
            top: 11px; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box .signature img {
            height: 48px;
            display: none; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.sign-active {
          background-color: #ffeaaa; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.sign-active .signature span {
            visibility: visible !important; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.signed {
          background-color: transparent; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.signed .signature span {
            visibility: hidden; }
          .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.signed .signature img {
            display: block !important; }
        .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.primarySignable.no-secondary {
          position: relative;
          left: 50%; }
      .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-dates.hide-names {
        margin-bottom: 4px !important; }
    .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="square"] {
      z-index: 1; }
    .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="image"] {
      z-index: 2; }
    .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="text"] {
      word-break: break-word;
      z-index: 3; }
      .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="text"].selected-box {
        overflow-y: auto; }
    .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="allcolors"] {
      z-index: 3; }
    .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="signature"],
    .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="initials"] {
      z-index: 3; }
    .sign-contract-view-proposal .contract-wrapper .contract-print div[data-chunk="signature"] {
      width: 8in; }
    .sign-contract-view-proposal .contract-wrapper .contract-print .chunk > * {
      margin: 0px; }

.contract-view-proposal .contract-wrapper {
  width: 100%;
  background: #F9F9F9;
  padding-top: 17px; }
  @media print {
    .contract-view-proposal .contract-wrapper {
      padding-top: 0; } }
  .contract-view-proposal .contract-wrapper .contract-print {
    width: 8.5in;
    height: 11in;
    padding: 0.2in 0.4in;
    background-color: white;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .4in;
    user-select: none; }
    .contract-view-proposal .contract-wrapper .contract-print .chunk {
      position: absolute;
      visibility: visible;
      max-width: 8.5in; }
      .contract-view-proposal .contract-wrapper .contract-print .chunk.contract-editable .jodit-status-bar {
        display: none; }
      .contract-view-proposal .contract-wrapper .contract-print .chunk.contract-editable .jodit-ui-group__saveButton {
        margin-left: 20px; }
      .contract-view-proposal .contract-wrapper .contract-print .chunk.contract-editable:not(.locked) {
        outline: 2px dashed orange; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk.contract-editable:not(.locked):hover {
          cursor: pointer;
          outline: 3px dashed #e39300;
          background-color: #f4f4f4; }
      .contract-view-proposal .contract-wrapper .contract-print .chunk table {
        margin: 0 !important;
        max-width: 8.5in; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk table td {
          padding: .42rem .42rem !important; }
          .contract-view-proposal .contract-wrapper .contract-print .chunk table td .form-check .form-check-input {
            margin-left: -8px;
            margin-top: 4px; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk table.top-banner td {
          padding-top: 4px;
          padding-bottom: 4px;
          padding-right: 15px;
          padding-left: 15px; }
        @media print {
          .contract-view-proposal .contract-wrapper .contract-print .chunk table.top-banner {
            border-color: transparent; } }
      .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper {
        margin-bottom: 22px; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box {
          border-bottom: 1px solid #999;
          width: 350px; }
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature {
            position: relative;
            top: 24px;
            height: 90px;
            width: 100%; }
            .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature img {
              height: 80px; }
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box p.primary-name,
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box p.secondary-name {
            font-family: monospace;
            font-size: 13px;
            position: absolute;
            margin: 0px; }
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .todays-date {
            font-family: monospace;
            position: absolute;
            top: 90px;
            right: 2px;
            font-size: 13px;
            margin: 0px; }
            .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .todays-date span {
              visibility: hidden; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-names p.primary-name,
        .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-names p.secondary-name {
          display: none !important; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-dates .todays-date {
          display: none !important; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-sig-line .signature-box {
          border-bottom: none !important; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box,
        .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .initial-box {
          transition: background-color 0.450ms ease-in-out;
          position: relative; }
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature span,
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .initial-box .signature span {
            visibility: hidden;
            position: relative; }
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature img,
          .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .initial-box .signature img {
            display: none; }
      .contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.primarySignable.no-secondary {
        position: relative;
        left: 50%; }
      .contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper.hide-dates.hide-names {
        margin-bottom: 4px !important; }
      .contract-view-proposal .contract-wrapper .contract-print .chunk[data-chunk="initials"] {
        z-index: 3; }
        .contract-view-proposal .contract-wrapper .contract-print .chunk[data-chunk="initials"] .initial-box {
          height: 45px;
          width: 75px;
          border-bottom: 1px solid #999;
          background-color: #f4f4f4; }
          .contract-view-proposal .contract-wrapper .contract-print .chunk[data-chunk="initials"] .initial-box .signature {
            height: 50px;
            width: 100%;
            visibility: hidden; }
            .contract-view-proposal .contract-wrapper .contract-print .chunk[data-chunk="initials"] .initial-box .signature img {
              height: 45px; }
    .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="square"] {
      z-index: 1; }
    .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="image"] {
      z-index: 2; }
    .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="text"] {
      word-break: break-word;
      z-index: 3; }
      .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="text"].selected-box {
        overflow-y: auto; }
    .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="allcolors"] {
      z-index: 3; }
    .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="signature"],
    .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="initials"] {
      z-index: 3; }
    .contract-view-proposal .contract-wrapper .contract-print div[data-chunk="signature"] {
      width: 8in; }
    .contract-view-proposal .contract-wrapper .contract-print .chunk > * {
      margin: 0px; }
    .contract-view-proposal .contract-wrapper .contract-print .btn.delete {
      position: absolute;
      top: 55px;
      right: -72px;
      transform: rotate(-90deg); }

.new-page-button {
  position: fixed;
  bottom: 25px;
  left: 30px;
  width: 54px;
  height: 54px;
  font-size: 21px;
  border-radius: 50% !important;
  padding: 0;
  text-align: center;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  transition: all 0.4s;
  z-index: 5; }

.new-customer-dropdown {
  position: fixed;
  bottom: 25px;
  left: 30px; }
  .new-customer-dropdown button {
    width: 54px;
    height: 54px;
    font-size: 21px;
    border-radius: 50% !important;
    padding: 0;
    text-align: center;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    transition: all 0.4s;
    z-index: 5; }
    .new-customer-dropdown button.dropdown-toggle::after {
      display: none !important; }

.job-documents .image-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 6px;
  margin-bottom: 5px;
  padding: 10px 5px 5px 5px; }
  .job-documents .image-file.selected {
    border-collapse: collapse;
    outline: 1px solid #dee2e6; }
    .job-documents .image-file.selected input {
      border-color: #dee2e6;
      border-style: dotted; }
  .job-documents .image-file input {
    text-align: center !important;
    border-color: #fff; }
    .job-documents .image-file input:focus {
      box-shadow: none; }
  .job-documents .image-file i {
    font-size: 55px;
    text-align: center !important; }

.document-editor .signature-menu,
.document-editor .initials-menu {
  user-select: none; }
  .document-editor .signature-menu li,
  .document-editor .initials-menu li {
    cursor: pointer; }
    .document-editor .signature-menu li:active,
    .document-editor .initials-menu li:active {
      color: #212529;
      background-color: #F8F9FA; }
    .document-editor .signature-menu li i.fa-check,
    .document-editor .initials-menu li i.fa-check {
      color: #ddd;
      margin-right: 4px; }
    .document-editor .signature-menu li.selected i.fa-check,
    .document-editor .initials-menu li.selected i.fa-check {
      color: green; }
    .document-editor .signature-menu li:hover i.fa-check,
    .document-editor .initials-menu li:hover i.fa-check {
      color: green; }
.document-editor .image-menu {
  user-select: none; }
.document-editor .chunk-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  width: 100px;
  z-index: 2;
  background-color: #4B5155;
  color: #FFF; }
  .document-editor .chunk-placeholder i {
    font-size: 35px; }
    .document-editor .chunk-placeholder i.fa-house-flag {
      font-size: 31px; }
  .document-editor .chunk-placeholder p {
    font-size: 16px;
    margin-bottom: 0px; }
    .document-editor .chunk-placeholder p.text-xs {
      font-size: 13px;
      line-height: 1.3; }
.document-editor .ui-resizable-handle.ui-resizable-nw,
.document-editor .ui-resizable-handle.ui-resizable-se,
.document-editor .ui-resizable-handle.ui-resizable-ne,
.document-editor .ui-resizable-handle.ui-resizable-sw {
  z-index: 3 !important; }
.document-editor .ui-resizable-handle.ui-resizable-n,
.document-editor .ui-resizable-handle.ui-resizable-s,
.document-editor .ui-resizable-handle.ui-resizable-e,
.document-editor .ui-resizable-handle.ui-resizable-w {
  z-index: 3 !important; }
@media (max-width: 550px) {
  .document-editor .document-name {
    max-width: 145px;
    min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem; } }
.document-editor .images-modal .image-file,
.document-editor .documents-modal .image-file {
  margin-right: 6px;
  padding: 10px 5px 5px 5px; }
  .document-editor .images-modal .image-file.selected,
  .document-editor .documents-modal .image-file.selected {
    border-collapse: collapse;
    outline: 1px solid #dee2e6; }
    .document-editor .images-modal .image-file.selected input,
    .document-editor .documents-modal .image-file.selected input {
      border-color: #dee2e6;
      border-style: dotted; }
  .document-editor .images-modal .image-file input,
  .document-editor .documents-modal .image-file input {
    max-width: 85px;
    text-align: center !important;
    border-color: #fff; }
    .document-editor .images-modal .image-file input:focus,
    .document-editor .documents-modal .image-file input:focus {
      box-shadow: none; }
  .document-editor .images-modal .image-file i,
  .document-editor .documents-modal .image-file i {
    font-size: 55px;
    text-align: center !important; }
.document-editor .jodit-editor-container {
  position: fixed;
  visibility: hidden;
  height: 0px;
  width: 0px;
  background-color: white;
  bottom: 60px;
  right: 25px;
  z-index: 4;
  border: 1px solid #dee2e6; }
  .document-editor .jodit-editor-container .jodit-wysiwyg p {
    margin-bottom: 0px; }
.document-editor .square-editor-container {
  position: fixed;
  visibility: hidden;
  height: 0px;
  width: 0px;
  background-color: white;
  bottom: 20px;
  right: 20px;
  z-index: 4;
  border: 1px solid #dee2e6; }
  .document-editor .square-editor-container .title {
    padding: 15px 20px 15px 20px; }
  .document-editor .square-editor-container .border-settings {
    padding: 15px 20px 15px 20px; }
    .document-editor .square-editor-container .border-settings input[type=number] {
      max-width: 72px; }
  .document-editor .square-editor-container .fill-settings {
    padding: 10px 20px 10px 20px; }
    .document-editor .square-editor-container .fill-settings input[type=number] {
      max-width: 72px; }
.document-editor .contract-wrapper {
  width: 100%;
  background: #F9F9F9;
  padding-top: 62px; }
  .document-editor .contract-wrapper .contract-print {
    width: 8.5in;
    height: 11in;
    padding: 0.2in 0.4in;
    background-color: white;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .4in;
    user-select: none; }
    @media print {
      .document-editor .contract-wrapper .contract-print {
        top: 0; } }
    .document-editor .contract-wrapper .contract-print .btn-group.page-settings {
      position: absolute;
      top: 0px;
      right: -32px; }
      .document-editor .contract-wrapper .contract-print .btn-group.page-settings ul.dropdown-menu {
        min-width: 243px; }
        .document-editor .contract-wrapper .contract-print .btn-group.page-settings ul.dropdown-menu li:not(.my-divider) {
          padding-right: 15px;
          padding-left: 15px; }
      .document-editor .contract-wrapper .contract-print .btn-group.page-settings .dropdown-toggle::after {
        display: none !important; }
    .document-editor .contract-wrapper .contract-print .btn.up {
      position: absolute;
      top: 63px;
      right: -59px;
      transform: rotate(-90deg); }
    .document-editor .contract-wrapper .contract-print .btn.down {
      position: absolute;
      top: 162px;
      right: -68px;
      transform: rotate(-90deg); }
    .document-editor .contract-wrapper .contract-print .btn.duplicate {
      position: absolute;
      top: 280px;
      right: -79px;
      transform: rotate(-90deg); }
    .document-editor .contract-wrapper .contract-print .btn.delete {
      position: absolute;
      top: 405px;
      right: -72px;
      transform: rotate(-90deg); }
    .document-editor .contract-wrapper .contract-print .chunk {
      position: absolute;
      visibility: visible;
      max-width: 8.5in; }
      .document-editor .contract-wrapper .contract-print .chunk table {
        margin: 0 !important;
        max-width: 8.5in; }
        .document-editor .contract-wrapper .contract-print .chunk table td {
          padding: .42rem .42rem !important; }
          .document-editor .contract-wrapper .contract-print .chunk table td .form-check .form-check-input {
            margin-left: -8px;
            margin-top: 4px; }
        .document-editor .contract-wrapper .contract-print .chunk table.top-banner td {
          padding-top: 4px;
          padding-bottom: 4px;
          padding-right: 15px;
          padding-left: 15px; }
        @media print {
          .document-editor .contract-wrapper .contract-print .chunk table.top-banner {
            border-color: transparent; } }
      .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper {
        margin-bottom: 22px; }
        .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box {
          border-bottom: 1px solid #999;
          width: 350px; }
          .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature {
            position: relative;
            top: 24px;
            height: 90px;
            width: 100%; }
            .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature img {
              height: 80px; }
          .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box p.primary-name,
          .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box p.secondary-name {
            font-family: monospace;
            font-size: 13px;
            position: absolute;
            margin: 0px; }
          .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .todays-date {
            font-family: monospace;
            position: absolute;
            top: 90px;
            right: 2px;
            font-size: 13px;
            margin: 0px; }
            .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .todays-date span {
              visibility: hidden; }
        .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper.hide-names p.primary-name,
        .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper.hide-names p.secondary-name {
          display: none !important; }
        .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper.hide-dates .todays-date {
          display: none !important; }
        .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper.hide-sig-line .signature-box {
          border-bottom: none !important; }
        .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box {
          transition: background-color 0.450ms ease-in-out;
          position: relative; }
          .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature {
            background-color: #ffe30026; }
            .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature span {
              visibility: hidden;
              position: relative; }
            .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box .signature img {
              display: none; }
      .document-editor .contract-wrapper .contract-print .chunk .sig-wrapper.hide-dates.hide-names {
        margin-bottom: 4px !important; }
      .document-editor .contract-wrapper .contract-print .chunk[data-chunk="initials"] {
        z-index: 3; }
        .document-editor .contract-wrapper .contract-print .chunk[data-chunk="initials"] .initial-box {
          height: 45px;
          width: 75px;
          border-bottom: 1px solid #999;
          background-color: #ffe30026; }
          .document-editor .contract-wrapper .contract-print .chunk[data-chunk="initials"] .initial-box .signature {
            height: 50px;
            width: 100%;
            visibility: hidden; }
            .document-editor .contract-wrapper .contract-print .chunk[data-chunk="initials"] .initial-box .signature img {
              height: 45px; }
    .document-editor .contract-wrapper .contract-print div[data-chunk="square"] {
      z-index: 1; }
    .document-editor .contract-wrapper .contract-print div[data-chunk="image"] {
      z-index: 2; }
    .document-editor .contract-wrapper .contract-print div[data-chunk="text"] {
      word-break: break-word;
      z-index: 3; }
      .document-editor .contract-wrapper .contract-print div[data-chunk="text"].selected-box {
        overflow-y: auto; }
    .document-editor .contract-wrapper .contract-print div[data-chunk="allcolors"] {
      z-index: 3; }
    .document-editor .contract-wrapper .contract-print div[data-chunk="signature"] {
      z-index: 3; }
    .document-editor .contract-wrapper .contract-print div[data-chunk="signature"] {
      word-break: break-word;
      width: 8in; }
    .document-editor .contract-wrapper .contract-print .chunk > * {
      margin: 0px; }
.document-editor .company-documents .table-responsive {
  border: 1px solid #dee2e6;
  border-top: none !important;
  background: #FFF; }
.document-editor .add-page-dropdown .dropdown-toggle::after {
  display: none !important; }

.fw-500 {
  font-weight: 500; }

.underline {
  text-decoration: underline; }

.modal-footer {
  border-top: none !important; }

.job-nav-modal .modal-dialog {
  max-width: 405px;
  margin: auto; }
.job-nav-modal .dropdown-toggle::after {
  position: relative;
  right: -12px; }

.job-nav-control {
  position: fixed;
  z-index: 1000000;
  color: lightgray;
  transition: color 250ms ease-in-out, transform 1000ms ease-in-out, left 750ms ease-in-out, right 750ms ease-in-out; }
  .job-nav-control:hover {
    cursor: pointer;
    color: grey; }

.job-nav .container-fluid.wrapper {
  height: 54px;
  transition: height 0.3s ease; }
  .job-nav .container-fluid.wrapper.slimmer {
    height: 42px; }
  @media (max-width: 430px) {
    .job-nav .container-fluid.wrapper .fa-house,
    .job-nav .container-fluid.wrapper .fa-chevron-left,
    .job-nav .container-fluid.wrapper .fa-magnifying-glass {
      font-size: .9125rem; } }
  .job-nav .container-fluid.wrapper ul.nav.main-nav {
    margin-right: 5px;
    margin-left: 5px; }
    .job-nav .container-fluid.wrapper ul.nav.main-nav.skew:not(.nav-underline) li.nav-item {
      transform: skew(-12deg); }
      .job-nav .container-fluid.wrapper ul.nav.main-nav.skew:not(.nav-underline) li.nav-item a.nav-link span,
      .job-nav .container-fluid.wrapper ul.nav.main-nav.skew:not(.nav-underline) li.nav-item a.nav-link i {
        transform: skew(12deg); }
    .job-nav .container-fluid.wrapper ul.nav.main-nav.slimmer {
      height: 50px; }
    .job-nav .container-fluid.wrapper ul.nav.main-nav.small-buttons li.nav-item a.nav-link {
      padding: .25rem .5rem;
      font-size: .9125rem;
      border-radius: .25rem; }
      .job-nav .container-fluid.wrapper ul.nav.main-nav.small-buttons li.nav-item a.nav-link i {
        font-size: 1rem !important; }
    .job-nav .container-fluid.wrapper ul.nav.main-nav.small-buttons.nav-underline li.nav-item a.nav-link {
      border-radius: 0; }
    .job-nav .container-fluid.wrapper ul.nav.main-nav li.nav-item {
      white-space: nowrap !important;
      display: inline-block;
      margin-right: 3px; }
      .job-nav .container-fluid.wrapper ul.nav.main-nav li.nav-item a.nav-link {
        white-space: nowrap !important;
        display: inline-block;
        border-radius: 2px; }
        @media (max-width: 430px) {
          .job-nav .container-fluid.wrapper ul.nav.main-nav li.nav-item a.nav-link {
            padding: .25rem .5rem;
            font-size: .9125rem;
            border-radius: .25rem; } }
        .job-nav .container-fluid.wrapper ul.nav.main-nav li.nav-item a.nav-link span,
        .job-nav .container-fluid.wrapper ul.nav.main-nav li.nav-item a.nav-link i {
          display: inline-block; }
    .job-nav .container-fluid.wrapper ul.nav.main-nav.dummy .nav-link.disabled {
      border: 1px solid rgba(13, 109, 253, 0.3);
      opacity: .4;
      padding: .375rem .75rem;
      user-select: none; }
  .job-nav .container-fluid.wrapper ul.nav.docs-images li.nav-item a.nav-link {
    border-radius: 2px 2px 0px 0px;
    padding: 3px 5px 11px 5px; }
    .job-nav .container-fluid.wrapper ul.nav.docs-images li.nav-item a.nav-link i {
      position: relative;
      top: -2px; }
    .job-nav .container-fluid.wrapper ul.nav.docs-images li.nav-item a.nav-link.active i {
      color: #FFF; }
    .job-nav .container-fluid.wrapper ul.nav.docs-images li.nav-item a.nav-link.active:hover {
      background-color: #252525; }
    .job-nav .container-fluid.wrapper ul.nav.docs-images li.nav-item a.nav-link:hover {
      background-color: #eee; }

.new-edit-product .rounding-dropdown li a.dropdown-item {
  font-size: .90rem;
  padding: .25rem .75rem; }
  .new-edit-product .rounding-dropdown li a.dropdown-item i {
    color: #e2e2e2; }
  .new-edit-product .rounding-dropdown li a.dropdown-item.active i {
    color: white; }
.new-edit-product .tag {
  margin-inline: 5px 0;
  margin-block: 5px;
  line-height: normal;
  transition: .13s ease-out;
  text-wrap: nowrap;
  background-color: #e5e5e5;
  padding: 5px 10px;
  border-radius: 3px; }
.new-edit-product .variables {
  padding-left: 5px; }
  .new-edit-product .variables input {
    width: 80px;
    margin-right: 12px; }
.new-edit-product .accordion-button {
  padding: .55rem .625rem;
  font-size: .875rem; }

.no-select {
  user-select: none; }

.form-select option.header {
  background-color: #212529;
  color: white;
  font-weight: 600;
  pointer-events: none;
  user-select: none;
  text-transform: capitalize; }
  .form-select option.header:hover {
    user-select: none !important;
    background-color: #212529 !important;
    color: white !important;
    font-weight: 600 !important;
    pointer-events: none !important; }

.custom-multi-select button.btn {
  background-color: #FFF;
  border-color: #dee2e6;
  text-align: start;
  padding-top: .25rem;
  padding-bottom: .25rem;
  min-height: 38px; }
  .custom-multi-select button.btn.disabled {
    background-color: #dfdfdf !important; }
  .custom-multi-select button.btn::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: .38em solid;
    /* Arrow pointing down */
    border-right: .38em solid transparent;
    border-left: .38em solid transparent;
    position: absolute;
    /* Absolute positioning */
    right: 15px;
    /* 5 pixels from the right edge */
    top: 50%;
    /* Vertically center */
    transform: translateY(-50%);
    /* Adjust for centering */
    color: #6f7a86; }
.custom-multi-select ul.dropdown-menu {
  width: 68%; }
  .custom-multi-select ul.dropdown-menu li i.fa-check {
    color: #f3f3f3; }
  .custom-multi-select ul.dropdown-menu li:not(.header):hover {
    background-color: #F8F9FA; }
  .custom-multi-select ul.dropdown-menu li.header:hover {
    cursor: normal !important;
    background-color: #FFF !important; }
.custom-multi-select span.badge {
  padding: .55em .75em .55em .75em; }

/* .offcanvas.offcanvas-bottom {
    &.help-drawer{
        max-width:768px !important;
        width: 100%;
        margin: 0 auto;
        border-radius: 12px 12px 0px 0px;
    }
} */
.switch .form-check-input:not(:checked) {
  background-color: red;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb(240, 240, 240, 0.85)'/%3e%3c/svg%3e"); }

.accordion-button {
  padding: 1rem .625rem;
  font-size: .9275rem; }

.sort-events td.name input {
  min-width: 200px;
  max-width: 250px; }

.sort-labor-cats,
.sort-material-cats {
  position: relative;
  top: 8px; }
  .sort-labor-cats td.name input,
  .sort-labor-cats td.name span,
  .sort-material-cats td.name input,
  .sort-material-cats td.name span {
    min-width: 200px;
    max-width: 250px; }
  .sort-labor-cats td.name span,
  .sort-material-cats td.name span {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: #e9ecef;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius); }

.sort-material tr:not(.sort-l_flash) th,
.sort-labor tr:not(.sort-l_flash) th {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  font-weight: 500; }
.sort-material tr:not(.sort-l_flash) td.price-input,
.sort-labor tr:not(.sort-l_flash) td.price-input {
  padding-right: 20px; }

.sort-l_flash {
  height: 1px; }

.empty-tbody {
  height: 60px !important; }

.ui-state-highlight {
  border: 2px dashed #3f3f3f !important;
  background-color: #ffff00 !important;
  min-height: 60px; }

.ui-sortable-helper {
  display: table; }

.switch .form-check-input:checked {
  background-color: green; }

.small-tab a.nav-link {
  font-size: .875rem;
  padding: .375rem .750rem;
  color: #313131 !important; }
  .small-tab a.nav-link.active {
    font-weight: 600; }

.views-settings .offcanvas-body {
  max-height: 90vh; }

.disabled-link {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  text-decoration: none;
  user-select: none; }

.disabled-div {
  cursor: default;
  pointer-events: none;
  opacity: .35;
  user-select: none; }

.pointer:hover, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .sig-wrapper .signature-box.sign-active .signature:hover, .sign-contract-view-proposal .contract-wrapper .contract-print .chunk .initial-box.sign-active .signature:hover, .new-edit-product .tag:hover, .custom-multi-select ul.dropdown-menu li:hover:not(.header), .offcanvas.customer .sync-input .dropdown-menu li:hover:not(.header), .custom-tag .tag-input .my-dropdown i:hover, .custom-tag ul.dropdown-menu li:hover:not(.header), td.link:hover, .company-profile .shingle-brands .brand i:hover {
  cursor: pointer; }

.w-530 {
  max-width: 620px; }

.w-800 {
  max-width: 800px !important; }

input {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */ }
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  input[type=number] {
    appearance: textfield; }

.add-product-to-cost-sheet {
  position: fixed;
  bottom: 25px;
  left: 30px; }
  .add-product-to-cost-sheet .round-button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    transition: all 0.4s; }
  .add-product-to-cost-sheet .dropdown-toggle::after {
    display: none;
    margin-left: 0;
    vertical-align: 0;
    content: "";
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none; }

input::placeholder {
  color: #bbb !important;
  font-style: italic; }

.offcanvas.customer .sync-input .dropdown-menu li i.fa-check {
  color: #f3f3f3; }
.offcanvas.customer .sync-input .dropdown-menu li:not(.header):hover {
  background-color: #F8F9FA; }
  .offcanvas.customer .sync-input .dropdown-menu li:not(.header):hover i {
    color: green; }

.offcanvas-header {
  border-top: 21px solid;
  padding-top: 4px; }

.card {
  border-radius: 0px; }

.btn,
button {
  border-radius: 0.1875rem; }

/* .form-check-input[type=checkbox] {
    width: 1.06rem;
    height: 1.06rem;
    border-radius: 0 !important;
    border-color:#c0c4c9 !important;
}*/
th,
td {
  text-wrap: nowrap !important; }

.red {
  color: #ed1717; }

button {
  text-wrap: nowrap; }

.textMuted {
  color: rgba(33, 37, 41, 0.75); }

.modal-content {
  border-radius: 2px; }

.toast-container .toast-header strong {
  font-size: 1.03rem; }
.toast-container .toast-body p {
  font-size: 1.04em; }
.toast-container figure {
  margin-top: 1rem;
  margin-bottom: 1rem; }
  .toast-container figure blockquote p {
    font-size: 14px; }

.systems tr,
.systems td {
  vertical-align: middle; }

.heightZero {
  height: 0px !important; }

[v-cloak] {
  display: none; }

.btn,
.form-control {
  border-radius: 3px; }

.theme-nav {
  position: absolute;
  right: 0px;
  top: 50%; }
  .theme-nav ul {
    list-style: none;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #dee2e6;
    border-radius: 3px 0px 0px 3px;
    border-right-color: transparent; }
    .theme-nav ul li {
      padding: 4px; }
      .theme-nav ul li a {
        display: block;
        height: 20px;
        width: 20px; }

a {
  transition: all 0.3s ease-in-out; }
  a i {
    transition: inherit; }

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden; }
  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; }

.custom-tag .dropdown-menu {
  user-select: none; }
.custom-tag .tag-input {
  border: 1px solid #DEE2E6;
  border-radius: .3em;
  width: 100%; }
  .custom-tag .tag-input i.fa-xmark {
    color: #cf2828; }
  .custom-tag .tag-input.disabled {
    background-color: #dfdfdf !important; }
    .custom-tag .tag-input.disabled .my-dropdown i {
      pointer-events: none; }
    .custom-tag .tag-input.disabled span.badge {
      opacity: .75;
      cursor: default;
      color: #fff !important;
      background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; }
      .custom-tag .tag-input.disabled span.badge a.unassign-x {
        cursor: default;
        pointer-events: none;
        color: gray; }
  .custom-tag .tag-input .input {
    padding: .325em; }
    .custom-tag .tag-input .input span {
      user-select: none; }
  .custom-tag .tag-input span.badge {
    user-select: none; }
    .custom-tag .tag-input span.badge a.unassign-x {
      margin-right: 4px; }
    .custom-tag .tag-input span.badge.main-badge {
      color: #fff !important;
      background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
      position: relative;
      font-size: 13px;
      margin-right: 5px; }
    .custom-tag .tag-input span.badge.qty-badge {
      color: black;
      background-color: RGB(190, 198, 204) !important;
      position: absolute;
      font-size: 11px;
      padding: 4px !important;
      right: -13px; }
      .custom-tag .tag-input span.badge.qty-badge.two-digit-qty {
        right: -19px !important; }
  .custom-tag .tag-input .my-dropdown i {
    padding: 11px 11px 0px 11px; }
.custom-tag ul.dropdown-menu li i.fa-check {
  color: #f3f3f3; }
.custom-tag ul.dropdown-menu li:not(.header):hover {
  background-color: #F8F9FA; }
  .custom-tag ul.dropdown-menu li:not(.header):hover i.fa-check {
    color: green; }
.custom-tag ul.dropdown-menu li.header {
  position: sticky;
  top: 0;
  background-color: #f7f7f7 !important;
  z-index: 1; }
  .custom-tag ul.dropdown-menu li.header:hover {
    cursor: normal !important;
    background-color: #f7f7f7 !important; }

.login form,
.verify-device form,
.actions .wrapper {
  max-width: 475px; }

.delete-session .wrapper,
.rename-device .wrapper,
.trusted-device .wrapper {
  max-width: 385px; }

h1.logo,
h2.logo,
h3.logo,
h4.logo,
h5.logo,
h6.logo {
  font-family: 'Orbitron';
  color: black; }
  h1.logo span.bold-900,
  h2.logo span.bold-900,
  h3.logo span.bold-900,
  h4.logo span.bold-900,
  h5.logo span.bold-900,
  h6.logo span.bold-900 {
    font-weight: 900; }

h1.logo {
  font-size: 1.8rem;
  margin-bottom: 0.875rem; }

.light-airy {
  animation: up-down 2.5s ease-in-out infinite alternate-reverse both; }

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8; }

.form-label {
  margin-bottom: 0.2rem;
  text-transform: uppercase;
  font-weight: 500;
  font-size: .84em; }

.user-menu .dropdown-menu[data-bs-popper] {
  left: -155px !important; }
.user-menu .dropdown-toggle::after {
  display: none;
  margin-left: 0;
  vertical-align: 0;
  content: "";
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none; }
.user-menu .fa-magnifying-glass {
  padding-left: 10px; }

.sales-tax-row .dropdown {
  text-align: end; }
.sales-tax-row .dropdown-toggle::after {
  display: none !important; }

.add-sales-tax .notReady,
.edit-sales-tax .notReady {
  opacity: 0.50; }
  .add-sales-tax .notReady input,
  .edit-sales-tax .notReady input {
    pointer-events: none; }

.sales-rep-editible-proposal ul.nav-tabs .nav-item .btn-close {
  position: absolute;
  left: 5px;
  top: 5px;
  height: .25em;
  width: .25em; }
.sales-rep-editible-proposal ul.nav-tabs .nav-item span.badge {
  top: -12px;
  right: 2px;
  border: 1px solid #686868; }
.sales-rep-editible-proposal ul.nav-tabs .nav-item p.price {
  margin: 0px;
  font-size: .85em;
  color: #2d2d2d; }
.sales-rep-editible-proposal ul.nav-tabs .nav-item span.system-name {
  font-size: .975em;
  color: #2d2d2d; }
.sales-rep-editible-proposal ul.nav-tabs .nav-item .nav-link.active span.system-name {
  color: black;
  font-weight: 600; }
.sales-rep-editible-proposal ul.nav-tabs .nav-item .nav-link.active p.price {
  color: black; }
.sales-rep-editible-proposal .jodit-editor-container {
  position: absolute;
  visibility: hidden;
  background-color: white;
  z-index: 4; }
  .sales-rep-editible-proposal .jodit-editor-container .jodit-wysiwyg p {
    margin-bottom: 0px; }

.add-system ul.nav.nav-tabs a.nav-link {
  font-size: .93rem; }
  .add-system ul.nav.nav-tabs a.nav-link.active {
    background: #f8f9fa;
    border-bottom-color: #f8f9fa; }
  .add-system ul.nav.nav-tabs a.nav-link:not(.active) {
    color: #7c7c7c; }
    .add-system ul.nav.nav-tabs a.nav-link:not(.active):hover {
      color: #4a4a4a; }

.proposal-menu .dropdown-menu[data-bs-popper] {
  left: -50px !important; }

.managed-users table thead tr th {
  font-size: .875rem;
  font-weight: 500; }
  .managed-users table thead tr th.view-edit {
    text-align: center;
    max-width: 47px; }
  .managed-users table thead tr th.revoke {
    text-align: center;
    max-width: 25px; }
.managed-users table td.view-edit {
  text-align: center;
  max-width: 47px; }
.managed-users table td.revoke {
  text-align: center;
  max-width: 25px; }

.bd-mode-toggle {
  z-index: 1500; }

img.logo {
  height: 57px; }

.slim-top {
  font-size: .77rem;
  min-height: 21px;
  width: 100%;
  padding-right: .75rem;
  padding-left: .75rem; }
  .slim-top i {
    font-size: .77rem; }
  .slim-top p a {
    color: whitesmoke;
    text-decoration: underline;
    text-decoration-color: #ffffff4a;
    font-size: .77rem; }
    .slim-top p a i {
      font-size: .77rem; }
    .slim-top p a:hover {
      text-decoration-color: #fff; }
  .slim-top ul.dropdown-menu li i {
    font-size: 1rem !important; }

.logo-messages img {
  height: 95px;
  display: block;
  margin: auto auto 37px; }

.navbar-toggler {
  font-size: 2em;
  border: none; }
  .navbar-toggler:focus {
    box-shadow: none; }

.navbar-brand {
  font-size: .875rem;
  padding: 0px 13px 0px 0px;
  margin: 0; }

.btn.round {
  height: 56px;
  width: 56px;
  border-radius: 28px; }

.signin-form {
  max-width: 500px; }

.move-filter-down {
  top: 55px; }

.customer .form-label {
  margin-bottom: 0.2rem;
  font-size: .835rem;
  text-transform: uppercase;
  font-weight: 500; }
.customer .zip {
  width: 160px; }
.customer .state {
  width: 115px; }
.customer .billing-address {
  overflow: hidden;
  height: 265px;
  transition: height 450ms;
  transition-timing-function: ease-in-out; }
.customer .secondary-contact {
  overflow: hidden;
  height: 166px;
  transition: height 450ms;
  transition-timing-function: ease-in-out; }
.customer .billing-address-header h5,
.customer .secondary-contact-header h5,
.customer .gate-instructions-header h5 {
  transition: font-size 450ms, font-weight 450ms, opacity 450ms;
  transition-timing-function: ease-in-out; }
  .customer .billing-address-header h5.sectionHiddenDimHeader,
  .customer .secondary-contact-header h5.sectionHiddenDimHeader,
  .customer .gate-instructions-header h5.sectionHiddenDimHeader {
    font-size: 1.125rem;
    font-weight: 400;
    opacity: .6; }
.customer .form-check-input.darker {
  border-color: #bfc5cb; }
.customer .measure.locked input {
  pointer-events: none;
  background: #f7f7f7; }

.offcanvas.settings .offcanvas-body {
  padding: 1rem 0rem; }
.offcanvas.settings ul.nav .nav-link {
  color: #444;
  padding: .5rem .5rem .5rem 2rem;
  border-bottom: 1px solid #ecf1f7; }
  .offcanvas.settings ul.nav .nav-link:hover {
    opacity: .85; }
.offcanvas.settings li.company-collapse.show {
  border-bottom: 1px solid #ecf1f7; }
.offcanvas.settings li.company-collapse ul.nav {
  margin-left: 20px; }
  .offcanvas.settings li.company-collapse ul.nav .nav-link {
    padding: .5rem .5rem .5rem 2.5rem;
    border-bottom: none !important; }

.container-lg.takeoff {
  max-width: 770px; }
  @media print {
    .container-lg.takeoff {
      padding-top: 90px; } }
  .container-lg.takeoff .btn.notActive {
    background-color: transparent !important;
    color: #2B3859; }
  .container-lg.takeoff .vent-qty {
    max-width: 60px; }
  .container-lg.takeoff label {
    user-select: none; }
  .container-lg.takeoff .to-label {
    font-size: 0.9175em;
    font-weight: 500;
    text-transform: uppercase; }
    @media (max-width: 476px) {
      .container-lg.takeoff .to-label {
        font-size: .85em; } }
  .container-lg.takeoff .roofr input {
    max-width: 50px; }
  .container-lg.takeoff .notes textarea {
    min-height: 160px !important;
    resize: none; }
  .container-lg.takeoff .gutters i.bi-gear {
    vertical-align: text-bottom; }
  .container-lg.takeoff.proposalExists input[type="text"],
  .container-lg.takeoff.proposalExists select,
  .container-lg.takeoff.proposalExists .custom-tag {
    pointer-events: none;
    background: #f7f7f7; }
  .container-lg.takeoff.proposalExists button.lock-it {
    pointer-events: none;
    opacity: .65; }
  .container-lg.takeoff.proposalExists .gutter-lock {
    pointer-events: none; }
  .container-lg.takeoff.proposalExists #chimCricket,
  .container-lg.takeoff.proposalExists #atticInsp {
    pointer-events: none; }

.boots input,
.vents input {
  max-width: 70px; }

.vents .new-vent-other {
  width: 0px;
  transition: width 250ms;
  transition-timing-function: ease-in-out; }
  .vents .new-vent-other.fullWidth {
    width: 85.13px; }
    .vents .new-vent-other.fullWidth p.other-vent {
      opacity: 1; }
  .vents .new-vent-other p.other-vent {
    margin: 0;
    font-size: 12px;
    line-height: 1.20;
    position: relative;
    top: 4px;
    text-align: center;
    opacity: 0;
    transition: opacity 150ms;
    transition-timing-function: ease-in-out; }

.paste-roofr label {
  font-weight: 500;
  text-transform: uppercase; }

.proposals .container-lg.position-fixed {
  top: 74px;
  right: 0px;
  left: 0px;
  padding-top: 34px;
  z-index: 1000; }
.proposals table {
  font-size: .92rem; }
.proposals .final-price {
  margin-bottom: 0px; }
.proposals .estimated-payment {
  font-size: .75rem;
  margin-bottom: 0px; }
.proposals .banner-wrapper {
  right: 0;
  top: 0; }
  .proposals .banner-wrapper .banner {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background-color: #bdbdbd;
    height: 25px; }
    .proposals .banner-wrapper .banner .triangle {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 12.5px 0 12.5px 13px;
      border-color: transparent transparent transparent #FFFFFF;
      transform: rotate(0deg); }

#resizeClone img.br:hover {
  cursor: nwse-resize; }

.gutters table {
  margin-bottom: .25rem; }
  .gutters table tr {
    max-height: 33px; }
  .gutters table td {
    white-space: nowrap; }
    .gutters table td.qty {
      width: 122px;
      position: relative; }
      .gutters table td.qty .triangle {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 16px 16px 0;
        border-color: transparent #38C91D transparent transparent;
        transform: rotate(0deg);
        position: absolute;
        right: 0;
        top: 0; }
        .gutters table td.qty .triangle.overridden {
          border-color: transparent #ed1717 transparent transparent; }
    .gutters table td.cost {
      max-width: 100px;
      min-width: 85px; }
    .gutters table td input {
      border: none;
      width: 88%;
      padding: 0 !important; }
      .gutters table td input:focus {
        outline: none; }
      .gutters table td input .active {
        border: 2px inset black; }
.gutters .leaf-guards {
  margin-right: 15px; }

.nav-tabs .nav-item .btn-close {
  position: absolute;
  right: 5px;
  top: 5px;
  height: .25em;
  width: .25em; }

.margin-center {
  width: 8.5in;
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.cost-sheets .container-lg.position-fixed {
  top: 65px;
  right: 0px;
  left: 0px;
  padding-top: 34px;
  z-index: 1000; }
.cost-sheets .container-lg .nav-tabs .nav-item .btn-close {
  position: absolute;
  left: 5px;
  top: 5px;
  height: .25em;
  width: .25em; }
.cost-sheets .container-lg .nav-tabs .nav-item span.badge {
  top: -12px;
  right: 2px;
  border: 1px solid #686868; }
.cost-sheets .container-lg .nav-tabs .nav-item p.price {
  margin: 0px;
  font-size: .85em;
  color: #2d2d2d; }
.cost-sheets .container-lg .nav-tabs .nav-item span.system-name {
  font-size: .975em;
  color: #2d2d2d; }
.cost-sheets .container-lg .nav-tabs .nav-item .nav-link.active span.system-name {
  color: black;
  font-weight: 600; }
.cost-sheets .container-lg .nav-tabs .nav-item .nav-link.active p.price {
  color: black; }
.cost-sheets .filter-menu .dropdown-toggle::after {
  display: none; }
.cost-sheets .filter-menu .dropdown-menu {
  right: 12px;
  top: 46px; }
  .cost-sheets .filter-menu .dropdown-menu .dropdown-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .cost-sheets .filter-menu .dropdown-menu .dropdown-item i.fa-check {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%); }
  .cost-sheets .filter-menu .dropdown-menu .btn-close {
    position: absolute;
    right: 5px;
    top: 5px;
    height: .25em;
    width: .25em; }
.cost-sheets .profit-margin input,
.cost-sheets .waste-factor input {
  max-width: 75px; }
.cost-sheets table {
  table-layout: fixed;
  min-width: 500px; }
  .cost-sheets table td,
  .cost-sheets table th {
    white-space: nowrap;
    position: relative; }
    .cost-sheets table td:first-child,
    .cost-sheets table th:first-child {
      max-width: 250px;
      width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .cost-sheets table td:nth-child(2), .cost-sheets table td:nth-child(3), .cost-sheets table td:nth-child(4),
    .cost-sheets table th:nth-child(2),
    .cost-sheets table th:nth-child(3),
    .cost-sheets table th:nth-child(4) {
      width: calc((100% - 250px) / 3); }
    .cost-sheets table td.qty .triangle,
    .cost-sheets table th.qty .triangle {
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 16px 16px 0;
      border-color: transparent #38C91D transparent transparent;
      transform: rotate(0deg);
      position: absolute;
      right: 0;
      top: 0; }
      .cost-sheets table td.qty .triangle.overridden,
      .cost-sheets table th.qty .triangle.overridden {
        border-color: transparent #ed1717 transparent transparent; }
  .cost-sheets table td input {
    border: none;
    width: 88%; }
    .cost-sheets table td input:focus {
      outline: none; }
    .cost-sheets table td input .active {
      border: 2px inset black; }
  .cost-sheets table thead {
    user-select: none; }
.cost-sheets.per-square-metrics {
  width: 390px; }
.cost-sheets.proposalExists td.qty,
.cost-sheets.proposalExists td.cost,
.cost-sheets.proposalExists td.total {
  background: #f7f7f7; }
  .cost-sheets.proposalExists td.qty input,
  .cost-sheets.proposalExists td.cost input,
  .cost-sheets.proposalExists td.total input {
    pointer-events: none;
    background: #f7f7f7; }
.cost-sheets.proposalExists td.qty .triangle {
  border-color: transparent #8cbd83 transparent transparent; }
  .cost-sheets.proposalExists td.qty .triangle.overridden {
    border-color: transparent #d3a6a6 transparent transparent; }
.cost-sheets.proposalExists #sortedPriceNav .btn-close {
  cursor: default;
  pointer-events: none;
  opacity: .55; }
.cost-sheets.proposalExists .delete-some-products {
  cursor: default;
  pointer-events: none;
  opacity: .55; }

.company-products .accordion {
  border: 1px solid #dee2e6;
  border-top: none !important; }
.company-products .edit-prices td input.form-control {
  width: 75px; }
.company-products .small-tab a.nav-link {
  font-size: .875rem;
  padding: .25rem .50rem;
  color: #313131 !important; }
  .company-products .small-tab a.nav-link.active {
    font-weight: 500;
    background-color: white !important; }

.company-events .accordion {
  border: 1px solid #dee2e6;
  border-top: none !important; }

.user-profile .proposal-img {
  max-height: 175px; }

.carousel-wiz {
  border: 1px solid #d2d2d2;
  padding: 1rem 1.125rem; }
  .carousel-wiz .carousel-inner {
    height: 640px; }
  .carousel-wiz .carousel-item .wrapper {
    height: 600px; }

.user-profile .edit-image,
.company-profile .edit-image {
  background: #80808082;
  padding: 1px;
  border-radius: 3px;
  color: #e7e7e7; }

.company-profile .edit-logo .position-absolute {
  right: 2px;
  top: 2px; }
.company-profile .edit-logo img {
  max-height: 100px; }
.company-profile .proposal-settings table th,
.company-profile .proposal-settings table td {
  background-color: #f8f9fa !important;
  padding-top: .25rem;
  padding-bottom: .25rem; }
.company-profile .proposal-settings table tr.has-check th,
.company-profile .proposal-settings table tr.has-check td {
  padding-top: .625rem;
  padding-bottom: .625rem; }
.company-profile .proposal-settings table td input.form-control {
  width: 60px; }
.company-profile .proposal-settings table th {
  padding-left: 0 !important;
  font-weight: 600;
  font-size: .925rem; }
  @media (min-width: 420px) {
    .company-profile .proposal-settings table th {
      font-size: 1rem; } }
.company-profile .no-license-location {
  display: none;
  min-height: 100px;
  border: 1px dashed grey; }
.company-profile .shingle-brands .brand {
  background-color: white;
  border: 1px solid #dee2e6;
  margin-bottom: .4rem; }
  .company-profile .shingle-brands .brand i:hover {
    color: #3b3b3b; }
  .company-profile .shingle-brands .brand.off {
    background-color: rgba(var(--bs-tertiary-bg-rgb)); }
    .company-profile .shingle-brands .brand.off span {
      opacity: .75; }
    .company-profile .shingle-brands .brand.off i {
      color: #9ea0a3; }
      .company-profile .shingle-brands .brand.off i:hover {
        cursor: auto;
        color: #9ea0a3; }
.company-profile .shingle-brand-settings .gaf img {
  height: 55px; }

.hide-scrollbar::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0; }

.hide-scrollbar {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none; }

.customer-tabs::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0; }

@media print {
  @page {
    .customer-sign-contract {
      size: letter;
      margin: 0px 0px 0px 0px; } }
  .customer-sign-contract .contract-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .customer-sign-contract .contract-wrapper {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none; } }

.customer-tabs {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */ }
  .customer-tabs .nav-tabs .nav-link {
    text-transform: uppercase;
    font-size: .875rem; }
  .customer-tabs li.nav-item {
    white-space: nowrap; }

.settings-nav::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0; }

.settings-nav {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */ }
  .settings-nav .nav-tabs .nav-link {
    text-transform: uppercase;
    font-size: .875rem; }
  .settings-nav .nav-link {
    color: #345d99; }
    .settings-nav .nav-link.active {
      --bs-bg-opacity: 1;
      background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
      border-bottom-color: #f8f9fa; }
  .settings-nav li.nav-item {
    white-space: nowrap; }

.proposal-dropdown {
  font-size: .95rem; }
  .proposal-dropdown ul.dropdown-menu {
    padding: .375rem 0; }

select.form-select.form-control-sm {
  min-width: 104px;
  padding: .25rem .375rem !important;
  font-size: .875rem !important;
  border-radius: 0px !important; }

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem; }

  .navbar-brand {
    font-size: .95rem; } }
/* @media (max-width: 476px) {
    .nav-link {
        display: block;
        padding: 7px 14px;
        font-size: 14px;
    }
} might be for jobs/takeoff??*/

/*# sourceMappingURL=app.css.map */