/*fix.css*/
/*General styles*/

/* Login page login.css style replacement */
.wrapper-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 32px;
  width: 100%;
  max-width: 476px;
  align-items: center;
}

.company-info {
  color: #fff;
  font-family: 'Verdana', sans-serif;
  font-size: 10px;
  font-weight: 400;
  text-align: left;
  line-height: 16px;
}

.social-icons__list {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.social-icons__list li {
  list-style: none;
}

/*the maximum silly name but it's the only one that makes sense to me that these button is on the error login page, Nadia 15 Oct 2024*/
.btn-outline--error {
  max-width: 232px;
}

.btn-outline svg {
  margin-left: 8px;
}

.btn-outline svg path {
  transition: all 0.3s ease;
}

.btn-outline:hover svg path:not(#white-stroke) {
  stroke: #e37410;
}

.divider {
  width: 50px;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
  margin: 40px auto;
}

.otp-digit {
  width: 66px;
  height: 72px;
  padding-top: 8px;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  background: rgba(157, 187, 208, 0.20);
  transition: all 0.3s ease;
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
}

.otp-digit::selection {
  background: #5ba1cb;
  color: #fff;
}

/*.otp-digit:not(:placeholder-shown) {*/
/*    background: transparent;*/
/*    border-color: #5ba1cb;*/
/*}*/

.otp-digit.filled {
  background: transparent;
  border-color: #5ba1cb;
}

.otp-digit:not(:placeholder-shown).error-input {
  border-color: #e44501;
}

.btn-otp {
  padding: 16px 20px;
  line-height: 20px;
}

.btn-otp__icon {
  width: 20px;
  height: auto;
}

.otp-resend {
  margin-top: 12dvh;
}

.otp-resend p {
  color: #fff;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.otp-resend .btn-outline {
  width: 65%;
}

.otp-resend .btn-outline:first-child {
  min-width: 150px;
}

.otp-resend .btn-outline:disabled {
  background: rgba(220, 220, 220, 0.32);
}

.btn-back {
  display: inline-flex;
  align-items: center;
  width: 84px;
  color: #fff;
  text-decoration: none;
  padding: 0;
  padding-bottom: 4px;
  margin-left: 0;
  margin-right: auto;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  transition: all 0.2s linear;
  margin-bottom: 14dvh;
}

.btn-back img {
  display: block;
  width: 20px;
  height: auto;
  margin-right: 20px;
}

.btn-back:hover {
  border-bottom: 1px solid white;
  opacity: 0.8;
}

/* Login Page - countries codes */

#countryCode .option,
#countryCode .selected {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  font-family: 'Verdana', sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#countryCode .option img,
#countryCode .selected img {
  margin-right: 16px !important;
  box-shadow: 2px 2px 2px rgba(192, 114, 44, 0.3);
}

#countryCode.custom-select {
  position: relative;
  cursor: pointer;
  /*display: block;*/
  width: 100%;
  max-width: 56px;
  border-radius: 2px;
  border: 1.7px solid rgba(222, 219, 206, 0.32);
  background: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);
  display: flex;
  height: 48px;
  color: #fff;
  /*padding: 12px;*/
  margin-right: 2px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#countryCode .options {
  position: absolute;
  width: 300px;
  top: 50px;
  left: 0;
  color: #d8d8d8;
  background: linear-gradient(to bottom, #2c5a59, #0b2927, #301e1a);
  border-radius: 4px;
  padding: 24px 16px;
}

#countryCode.share .option,
#countryCode.share .selected {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  font-family: 'Verdana', sans-serif;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#countryCode.share .option img,
#countryCode.share .selected img {
  margin-right: 8px !important;
  box-shadow: 2px 2px 2px rgba(192, 114, 44, 0.3);
}

#countryCode.share .selected-option,
#countryCode.share .option:hover {
  background: rgb(125 125 125 / 10%);
}

#countryCode.custom-select.share {
  position: relative;
  cursor: pointer;
  /*display: block;*/
  width: 100%;
  max-width: 90px;
  border-radius: 2px;
  border: 1.7px solid rgb(222 219 206);
  background: rgb(255 255 255);
  backdrop-filter: blur(10px);
  display: flex;
  height: 50px;
  color: #dedbce;
  /*padding: 12px;*/
  margin-right: 2px !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#countryCode.share .options {
  position: absolute;
  width: 300px;
  top: 50px;
  left: 0;
  color: #c9c5ae;
  background: #fff;
  border-radius: 4px;
  padding: 12px 16px;
  border: 1px solid #dedbce;
}

#countryCode .selected-option,
#countryCode .option:hover {
  background: rgba(255, 255, 255, 0.1);
}

.or-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px 0;
  z-index: -1;
}

.line {
  flex: 1;
  border: none;
  border-top: 1px solid #ccc;
  margin: 0 10px;
}

.or-container span {
  color: white;
  font-size: 14px;
}

.or-container--share {
  margin-top: 4px;
  margin-bottom: 16px;
}

.or-container--share span {
  color: #c9c5af;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

#pdf-template .page-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*max-height: 1940px;*/
  margin-bottom: 62px;
}

#pdf-template .page-container:last-child {
  margin-bottom: 0;
}

.estimate-dates--summary {
  display: flex;
  flex-direction: row;
  gap: 8px;
  line-height: 56px;
  align-items: flex-end;
  justify-content: start;
  color: #75736A
}

.estimate-dates--summary .detail-estimate-shade {
  color: #B3AFA1;
  font-size: 14px;
  font-weight: 400;
}

/* check the pdf-template spacing*/
/*#pdf-template .page-container:nth-child(even) {*/
/*    background: #f6ab1c;*/
/*}*/
/*#pdf-template .page-container:nth-child(odd) {*/
/*    background: #5dcd53;*/
/*}*/

/* PDF printing fixing styles */
/*.page-container--summary {*/
/*    height: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*    !*max-height: 1940px;*!*/
/*    margin-bottom: 70px;*/
/*}*/

/*.page-container--summary:last-child {*/
/*    margin-bottom: 0;*/
/*}*/

.table-striped--docreg thead tr:first-child th {
  background: transparent;
}

.table-striped tbody tr:nth-child(even) td {
  background: #f8f8f8;
}

.table-striped tbody tr:nth-child(odd) td {
  background: #fdfdfd;
  --bs-table-bg-type: none;
}

.table-striped > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-striped th:last-child {
  border-radius: 0 8px 0 0;
}

.table-striped th:first-child {
  border-radius: 8px 0 0 0;
}

.table-striped tbody tr td:not(:last-child) {
  border-bottom-width: 0;
  border-right-width: 1px;
}

.table-striped th {
  border-top: 0 !important;
}

#pdf-doc-register .table-striped tbody tr td {
  padding-top: 0 !important;
  padding-bottom: 12px;
  font-size: 14px;
}

#pdf-doc-register .table-striped tbody tr:nth-child(odd) td:nth-child(6),
#pdf-doc-register .table-striped tbody tr:nth-child(odd) td:nth-child(7),
#pdf-doc-register .table-striped tbody tr:nth-child(odd) td:nth-child(8) {
  background: #f9f9f9;
}

#pdf-doc-register .table-striped tbody tr:nth-child(even) td:nth-child(6),
#pdf-doc-register .table-striped tbody tr:nth-child(even) td:nth-child(7),
#pdf-doc-register .table-striped tbody tr:nth-child(even) td:nth-child(8) {
  background: #efefef;
}

#pdf-doc-register h2 {
  position: relative;
}

#pdf-doc-register h2:after {
  content: '';
  display: block;
  width: 95%;
  height: 6px;
  background: linear-gradient(
    90deg,
    #45433b 0%,
    #5a4331 1.99%,
    #744325 4.41%,
    #b34207 10.36%,
    #d86608 16.2%,
    #fa9e16 23.24%,
    #e5b65b 31.03%,
    #dfce9f 38.91%,
    #e7e7e1 47.32%,
    #b4cdd1 55.64%,
    #65a4b9 69.36%,
    #4f7e9e 84.13%,
    #224d6b 93.3%,
    #224d6b 100%
  );
  position: absolute;
  bottom: -20px;
  z-index: 1;
}

#pdf-template thead::after {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(
    90deg,
    #45433b 0%,
    #5a4331 1.99%,
    #744325 4.41%,
    #b34207 10.36%,
    #d86608 16.2%,
    #fa9e16 23.24%,
    #e5b65b 31.03%,
    #dfce9f 38.91%,
    #e7e7e1 47.32%,
    #b4cdd1 55.64%,
    #65a4b9 69.36%,
    #4f7e9e 84.13%,
    #224d6b 93.3%,
    #224d6b 100%
  );
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 1;
}

#pdf-template {
  width: 1600px;
  box-sizing: border-box;
  /*page-break-after: always;*/
}

#pdf-doc-register {
  width: 2000px;
  box-sizing: border-box;
  page-break-after: always;
}

#doc-register thead {
  position: relative;
}

#doc-register thead::after {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    90deg,
    #45433b 0%,
    #5a4331 1.99%,
    #744325 4.41%,
    #b34207 10.36%,
    #d86608 16.2%,
    #fa9e16 23.24%,
    #e5b65b 31.03%,
    #dfce9f 38.91%,
    #e7e7e1 47.32%,
    #b4cdd1 55.64%,
    #65a4b9 69.36%,
    #4f7e9e 84.13%,
    #224d6b 93.3%,
    #224d6b 100%
  );
  position: absolute;
  z-index: 1;
}

.page-container--docreg {
  /*height: 90%;*/
  height: 1372px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 42px;
  /*margin-bottom: 44px;*/
  /*padding-top: 36px;*/
}

.page-container--docreg:last-child {
  margin-bottom: 0;
}

/* Dashboard Screen Styles */
/*Search and sorting*/
.wrapper--search {
  width: 100%;
  max-width: 380px;
}

.wrapper--search .input-group {
  flex-grow: 1;
  width: auto;
  z-index: 990;
}

.wrapper--search .dropdown {
  flex-shrink: 0;
}

/* Input search placeholder styles*/
input#searchEstimate::placeholder {
  text-align: left;
}

/* search input styles */

#searchEstimate::placeholder {
  padding-left: 0px;
  padding-right: 10px;
  color: #c9c5af;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  text-decoration: none;
  font-weight: 400;
  line-height: 24px;
}

.share-btn {
  min-width: 208px;
}

/* Dashboard inner table with boreholes*/

#estimateTableFooter {
  padding: 0;
  margin: 0;
}

#estimateTableFooter tr {
  border: 0;
  border-top: 1px solid #ebe9e2;
  line-height: 28px;
}

#estimateTableFooter td {
  color: #75736a;
  border: 0;
  background: #f8f8f8;
}

.br-name {
  width: 22%;
  padding-right: 0;
}

.br-method {
  width: 7%;
  padding: 0;
}

.br-crossings {
  width: 26%;
  padding: 0;
}

.br-pipes {
  width: 24%;
  padding: 0;
}

.br-package {
  width: 12%;
  padding: 0;
}

.br-value {
  width: 9%;
  padding-left: 0;
}

/* Dropdown menu for sorting */

.dropdown-menu li {
  padding-left: 8px;
  padding-right: 8px;
}

.estimate-header .dropdown-menu {
  padding: 8px 8px 0 !important;
}

.estimate-header .dropdown-item {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 2px;
}

/* Dashboard estimateList column's width*/
.et__title {
  width: 24%;
}

.et__date {
  width: 9%;
}

.et__id {
  width: 14%;
}

.et__crossings {
  width: 10%;
}

.et__methods {
  width: 25%;
}

.et__value {
  width: 13%;
}

.et__toggle {
  width: 5%;
}

#estimatesList {
  gap: 0 !important;
}

.accordion__header-content--open .estimate-title-header {
  font-size: 16px;
  line-height: 24px;
}

#estimatesList .accordion__header-content--closed .et-text:first-child {
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  /*font-size: calc(14px + (16 - 14) * ((100vw - 1199px) / (1600 - 1199)));*/
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

#estimatesList .accordion__header-content--closed {
  height: 70px;
  padding-top: 0;
  padding-bottom: 0;
}

#estimatesList .accordion__total-update-input {
  width: 100%;
  max-width: 202px;
  text-align: center;
}

#estimatesList .accordion__icon {
  width: 20px;
  height: 20px;
}

#estimatesList .accordion__item--open {
  border-bottom: 0;
}

#estimatesList .accordion__item--open .accordion__header-content {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  position: relative;
}

#estimatesList .accordion__header-content--closed .et-text.total-value {
  text-align: right;
  position: relative;
  padding-right: 0;
}

#estimatesList .accordion__header-content--closed .et-text.total-value:after {
  position: absolute;
  right: 0;
  color: #b3afa1;
}

/* Estimate Dashboard  - body opened*/
#estimatesList .form-title {
  display: flex;
  width: 144px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-right: 24px;
  font-family: 'Verdana', sans-serif;
  color: #75736a;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

#estimatesList .form-title span {
  color: #c9c5af;
  font-size: 14px;
  font-weight: 400;
}

#estimatesList .accordion__body {
  background-color: #fff;
  padding: 24px !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 9px 46px 0px rgba(192, 114, 44, 0.12);
}

#estimatesList .accordion__estimate-id-input {
  border-radius: 2px;
  border: 2px solid #dedbce;
  width: 100%;
  max-height: 48px;
  max-width: 300px;
}

.accordion__copy-button {
  margin-left: -51px !important;
  padding: 10px !important;
}

.accordion__copy-button img {
  height: 20px;
}

#copyUrlInput input:focus-visible,
#estimatesList .accordion__estimate-id-input:focus-visible {
  outline: #e37410 auto 1px;
}

.btn.btn-primary--print,
.btn.btn-primary--edit {
  padding: 10px 34px;
  border-radius: 0 !important;
  border-bottom: 1px solid #dedbce !important;
  transition: all 0.2s ease;
  width: 100%;
  max-width: 170px;
}

.btn-primary--print:hover,
.btn-primary--edit:hover {
  color: #e37410;
  background: transparent !important;
  border-bottom: 1px solid #e37410 !important;
  box-shadow: unset;
}

.btn-primary--print:focus,
.btn-primary--edit:focus {
  background: transparent !important;
  box-shadow: unset;
}

.btn.btn-primary--print:active,
.btn.btn-primary--edit:active {
  color: #e37410;
}

.btn-primary--print svg,
.btn-primary--edit svg {
  margin-left: 8px;
}

.btn-primary--print svg.accordion__icon--print path,
.btn-primary--edit svg.accordion__icon--edit path {
  transition: all 0.3s ease;
}

.btn-primary--print:hover svg.accordion__icon--print path,
.btn-primary--edit:hover svg.accordion__icon--edit path {
  stroke: #e37410;
}

/*Icon button - create new estimate*/
.bi-plus::before {
  content: '\f4fe';
  margin-left: 8px;
}

.estimateNotes {
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.estimateTotal {
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #75736a;
}

/*  Table styles on Estimate page*/
#estimateTable tbody tr:nth-child(odd) {
  background-color: #fff;
}

#estimateTable tbody tr,
#estimateTable tbody td:first-child {
  border-style: none !important;
}

#estimateTable tbody td:first-child {
  border-bottom-style: none !important;
  border-top-style: none !important;
  border-left-style: none !important;
}

#estimateTable th,
#estimateTable td,
#estimateTableFooter td {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px;
}

#estimateTable td:first-child,
#estimateTableFooter td:first-child {
  padding-left: 16px;
}

#estimateTable td:last-child,
#estimateTableFooter td:last-child {
  padding-right: 16px;
}

.table-bordered thead tr {
  border-width: 0 !important;
}

#estimateTable th:first-child {
  border-top-left-radius: 2px !important;
}

#estimateTable th:last-child {
  border-top-right-radius: 2px !important;
}

#estimateTable thead {
  border-color: #75736a;
  position: relative;
}

#estimateTable thead::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    #45433b 0%,
    #5a4331 1.99%,
    #744325 4.41%,
    #b34207 10.36%,
    #d86608 16.2%,
    #fa9e16 23.24%,
    #e5b65b 31.03%,
    #dfce9f 38.91%,
    #e7e7e1 47.32%,
    #b4cdd1 55.64%,
    #65a4b9 69.36%,
    #4f7e9e 84.13%,
    #224d6b 93.3%,
    #224d6b 100%
  );
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

#estimateTable td:first-child {
  text-align: left;
}

#estimateTable td:last-child {
  text-align: right;
  font-weight: 700;
}

#estimateTable td:last-child small,
#estimateTableFooter td:last-child small {
  display: block;
  font-size: 8px;
  font-weight: 400;
}

#estimateTable thead th {
  border: none !important;
  position: relative;
  font-size: 14px;
  line-height: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 'Josefin Sans', sans-serif;
}

#estimateTable thead th::after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background: rgba(179, 175, 161, 0.16);
  position: absolute;
  bottom: 19px;
  left: 0;
  z-index: 1;
}

/* Modal Windows - Popup Estimates*/
/* Swal2 styles Popup Success Copy */

.popup-estimate {
  width: 344px;
  padding-bottom: 42px;
}

.popup-estimate .swal2-icon {
  margin: 56px auto 24px;
}

.popup-estimate .swal2-title {
  padding: 0;
  margin: 0 auto;
  max-width: 240px;
}

.popup-estimate .swal2-close {
  width: 24px;
  height: 24px;
  margin-top: 8px;
  margin-right: 8px;
}

.popup-estimate .swal2-close img {
  transition: filter 0.2s ease;
}

.popup-estimate .swal2-close:hover img {
  filter: brightness(0.85) contrast(1.1);
}

.popup-estimate .swal2-icon-content {
  width: 63px;
}

.popup-estimate .swal2-html-container {
  color: #75736a;
  padding: 0 !important;
  max-width: 250px;
  margin: 0 auto;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 24px;
}

.popup-estimate--success {
}

.popup-estimate--delete {
  width: 350px;
  height: 280px;
}

.popup-estimate--alert {
  padding: 8px !important;
}

.popup-estimate--alert .swal2-title {
  max-width: 100%;
  margin-bottom: 3px;
}

.popup-estimate--alert .swal2-actions {
  width: 100% !important;
}

/* button */
.popup-estimate--alert .swal2-confirm {
  position: relative;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0 24px;
  margin: 0 auto;
  height: 48px;
  align-items: center;
  font-family: "Verdana", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  color: rgb(255, 255, 255);
  background-color: rgb(227, 116, 16) !important;
  border: none;
  width: 100%;
}

.popup-estimate--alert .swal2-close {
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-right: 0;
}

.popup-estimate--alert .swal2-icon {
  margin: 46px auto 24px;
}

.popup-estimate--alert .swal2-icon-show {
  height: auto !important;
}

.popup-estimate--delete .swal2-actions {
  width: 100% !important;
}

.popup-estimate--error {
}

.popup-estimate--error .swal2-html-container {
  font-weight: 400;
  max-width: 100%;
}

.popup-estimate--share {
  top: -50%;
}

.popup-estimate--share .swal2-confirm {
  background: #e37410 !important;
  border-color: #e37410;
}

.popup-estimate-btn {
  display: flex !important;
  width: 100%;
  max-width: 160px;
  color: #b3afa1;
  text-align: center;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  align-items: center;
  justify-content: center;
}

.popup-estimate-btn img {
  width: 20px;
  height: 20px;
  margin-left: 16px;
  filter: brightness(0.85) contrast(1.1);
}

.popup-estimate-btn--delete {
  background-color: #e37410 !important;
  border-color: #e37410 !important;
  color: #fff !important;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.popup-estimate-btn--delete:hover {
  background: linear-gradient(180deg, #e37410 0%, #e35d33 100%) !important;
  box-shadow: 0px 2px 4px 0px rgba(192, 114, 44, 0.16);
}

.popup-estimate-btn--delete:focus {
  border-radius: 2px;
  background: radial-gradient(
    66.21% 189.29% at 50% 50%,
    #e37410 0%,
    #e37410 47.92%,
    #e37410 47.93%,
    #e34933 100%
  );
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15) inset;
}

.popup-estimate-btn--cancel {
  transition: all 0.2s ease-in-out;
}

.popup-estimate-btn--cancel:hover {
  background: #b3afa1 !important;
  color: #fff !important;
}

.popup-estimate-btn--cancel:focus {
  background: radial-gradient(
    63.75% 307.38% at 50% 50%,
    #b3afa1 0%,
    #97958d 100%
  );
  box-shadow: 0px 2px 4px 0px rgba(75, 75, 75, 0.16);
}

.popup-estimate-btn--cancel:hover img {
  filter: invert(1) brightness(100) grayscale(1);
}

.popup-estimate--not-found {
  width: 575px;
  height: 500px;
}

.popup-estimate--not-found .swal2-icon {
  margin: 0 auto;
}

.popup-estimate--not-found .swal2-icon img {
  max-height: 240px;
}

.popup-estimate--not-found .swal2-icon-content {
  width: fit-content;
  margin: 0 auto;
}

.popup-estimate--not-found .swal2-icon.swal2-icon-show {
  display: contents !important;
}

.popup-estimate--not-found #swal2-html-container {
  padding: 0px 40px !important;
}

.popup-estimate--not-found .swal2-title {
  max-width: 100%;
  margin-bottom: -24px;
}

/* End Modal Windows - Popup Estimate Styles */

/* Estimate Summary styles  */

/* summury page - */

.btn-no_bg {
  transition: color 0.1s ease;
}

.btn-no_bg svg path {
  transition: stroke 0.1s ease;
}

.btn-no_bg:hover svg path {
  stroke: #e37410 !important;
}

#copyUrlInput input::placeholder {
  padding-right: 32px;
}

.summary-card-description {
  background-color: #f7f6f4;
  margin: 0;
}

#privacyModal .modal-dialog {
  max-width: 800px;
}

.colontitle--summary {
  padding: 0;
  margin: 0;
  color: #b3afa1;
  text-align: left !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

#summaryContainer .summary-text {
  font-weight: 700;
}

.summary-text span {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

/* Paper cut style*/
#summaryContainer {
  margin-bottom: 160px !important;
}

.summary-container {
  max-width: 752px;
  margin: auto;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 48px;
  padding-bottom: 24px;
  background: #fff;
  position: relative;
  -webkit-filter: unset;
  /* Shadow 400dp */
  box-shadow: 0px 9px 46px 0px rgba(192, 114, 44, 0.12);
}

.summary-container::before {
  content: '';
  position: absolute;
  display: block;
  top: -22px;
  left: 0;
  width: 100%;
  height: 22px;
  background: linear-gradient(45deg, #fff 25%, transparent 25%),
  linear-gradient(-45deg, #fff 25%, transparent 25%);
  background-size: 17px 22px;
}

.summary-container::after {
  content: '';
  position: absolute;
  display: block;
  bottom: -22px;
  left: 0;
  width: 100%;
  height: 22px;
  background: linear-gradient(135deg, #fff 25%, transparent 25%),
  linear-gradient(-135deg, #fff 25%, transparent 25%);
  background-size: 20px 22px;
}

/* footer */

#contactUsBtn {
  max-width: 363px !important;
}

#contactModal .btn-view {
  padding-bottom: 4px;
  /* Prevents jumping */
  box-shadow: 0 1px 0 0 #e37410;
  transition: box-shadow 0.3s ease;
  border-radius: 0 !important;
  border-bottom: 0;
}

#contactModal .btn-view:hover {
  border-bottom: 0;
  box-shadow: 0 2px 0 0 #e37410;
}

/* Estimate card -  Pipe card */
.mrl-box {
  flex-direction: column;
  justify-content: center;
}

.mrl-mini-pipe {
  width: 100%;
  max-width: 76px;
  transform: scale(1.5);
  margin-right: 0px;
  margin-left: auto;
}

.mrl-subtitle {
  right: 0;
  bottom: -12px;
  position: static;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

/* Estimate Summary - Package Card */

/* Summary cards*/

#boreholes-summary .card-header {
  border-bottom: none;
}

#boreholes-summary .card-body {
  padding: 0;
  padding-top: 24px;
  box-shadow: 0px 16px 56px 0px rgba(192, 114, 44, 0.08);
}

.closed-card .card {
  border: 0;
  box-shadow: 0px 16px 56px 0px rgba(192, 114, 44, 0.08);
}

.open-card .card {
  border: 0;
  box-shadow: 0px 16px 56px 0px rgba(192, 114, 44, 0.08);
}

#boreholes-summary .config-title {
  margin-right: 2px;
}

#boreholes-summary .config-title--underlined {
  text-decoration: underline;
  margin-right: 8px;
}

#boreholes-summary .card-content {
  position: relative;
  height: 300px;
}

#boreholes-summary .summary-card-description {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgba(247, 245, 245, 0) 0%,
    #f7f6f6 8.92%,
    #f8f7f7 21.79%
  );
  z-index: 2;
  color: #333;
  padding-top: 8px;
}

#boreholes-summary .closed-card .card-header {
  box-shadow: none;
}

#boreholes-summary .crossings-summary-img {
  width: 100%;
  height: 200px;
  position: static;
  max-width: unset !important;
  object-position: bottom;
  object-fit: cover;
  margin-bottom: 100px;
}

#boreholes-summary .crossings-summary-img--mini {
  max-width: 150px;
  border-radius: 4px;
  position: static;
  object-position: bottom;
  object-fit: cover;
  justify-self: end;
}

div[id*='crossingAccordion'] .form-check-input:checked,
.form-check-input[type='checkbox'] {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  margin-top: 0 !important;
}

.ml12 {
  margin-left: 12px;
}

#editBoreholeTitleButton:hover {
  color: #75736a !important;
  /*background: rgba(92, 92, 92, 0.5) !important;*/
}

#cloneAccordionItemButton:hover {
  color: #75736a !important;
}

#editBoreholeTitleButton:hover svg path {
  stroke: #75736a;
}

#cloneAccordionItemButton:hover svg path {
  stroke: #75736a;
}

#editBoreholeTitleButton:active {
  color: #fff !important;
  background: rgba(92, 92, 92, 0.5) !important;
}

#cloneAccordionItemButton:active {
  color: #fff !important;
  background: rgba(92, 92, 92, 0.5) !important;
}

#editBoreholeTitleButton:active svg path {
  stroke: #fff;
}

#cloneAccordionItemButton:active svg path {
  stroke: #fff;
}

#deleteAccordionItemButton,
#editBoreholeTitleButton,
#cloneAccordionItemButton {
  transition: all 0.2s ease-in-out;
}

#deleteAccordionItemButton svg,
#editBoreholeTitleButton svg,
#cloneAccordionItemButton svg {
  margin-right: 8px;
  transition: all 0.2s ease-in-out;
}

#deleteAccordionItemButton svg path {
  transition: all 0.2s ease-in-out;
  stroke: #ff742c;
}

#deleteAccordionItemButton:hover {
  color: #fff !important;
  background: #ff742c !important;
}

#deleteAccordionItemButton:hover svg path {
  stroke: #fff;
}

#deleteAccordionItemButton:active {
  color: #fff !important;
  background: #e54e00 !important;
}

/*drop menu im boreholes rename/duplicate/delete*/
.estimate-header .dropdown-menu .dropdown-item {
  padding-left: 8px;
  margin: 8px 0;
}

/*wait for refactoring, Nadia 171024*/
/*.borehole_title_input {*/
/*    position: relative;*/
/*    padding: 8px;*/
/*    border-radius: 4px!important;*/
/*    border: 1px solid #EBE9E2;*/
/*    background: #FBFBFB;*/
/*    color: #B3AFA1;*/
/*    text-align: left;*/
/*    font-family: 'Verdana', sans-serif;*/
/*    font-size: 16px;*/
/*    font-weight: 400;*/
/*    line-height: 24px;*/
/*}*/

/*.dropdown-menu .confirm-edit {*/
/*    position: absolute;*/
/*    right: 9px;*/
/*    top: 4px;*/
/*}*/

/* Close icon in bootstrap popup windows*/
#privacyModal .btn-close,
#contactModal .btn-close,
#termsModal .btn-close,
#shareEstimateModal .btn-close {
  background-image: url('../img/close-icon-grey.svg');
  background-size: 24px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  opacity: 1;
  border: 0;
}

#privacyModal .btn-close:focus,
#contactModal .btn-close:focus,
#termsModal .btn-close:focus,
#shareEstimateModal .btn-close:focus {
  outline: none;
  box-shadow: none;
}

.btn-close::before {
  content: none;
}

/*Terms modal*/
#termsModal .modal-dialog {
  max-width: 528px;
}

#termsModal .modal-title {
  color: #75736a;
  text-align: center;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

#termsModal .modal-title span {
  font-size: 14px;
}

#termsModal .modal-body {
  padding: 0 64px;
}

#termsModal .modal-text {
  text-align: justify;
  text-wrap: unset;
}

/* Modal Share Estimate*/
#shareEstimateModal .accordion__copy-button {
  z-index: 100;
}

#shareEstimateModal input {
  padding-right: 51px !important;
}

#shareEstimateModal input.input-short {
  padding-right: 4px !important;
}

#searchEstimate,
#shareEstimateModal input,
#shareDetailsForm input {
  cursor: pointer;
  transition: border 0.2s ease;
}

#searchEstimate:hover,
#shareDetailsForm input[type='text']:hover,
#shareEstimateModal input[type='text']:hover,
#shareDetailsForm input[type='email']:hover {
  border-color: #e37410;
}

#searchEstimate:focus,
#shareDetailsForm input[type='text']:focus,
#shareEstimateModal input[type='text']:focus,
#shareDetailsForm input[type='email']:focus {
  -webkit-appearance: none;
  /* Disable browser-specific styling */
  -moz-appearance: none;
  appearance: none;
  box-shadow: none !important;
  outline: #e37410 auto 1px !important;
}

#searchEstimate + #searchEstimateBtn img {
  transition: filter 0.2s ease;
}

#searchEstimate:hover + #searchEstimateBtn img,
#searchEstimate:focus + #searchEstimateBtn img {
  filter: invert(50%) sepia(30%) saturate(200%);
}

#shareEstimateModal input[type='text']:focus-visible {
  /*border: 1px solid #e37410!important;*/
  /*ouline: 1px solid #e37410!important;*/
  outline: #e37410 auto 1px !important;
  border-radius: 1px !important;
}

#shareEstimateModal .modal-footer {
  background-color: #fbfbfb;
}

/*Contact Modal*/
#contactModal .modal-body {
  max-width: 728px;
}

#contactModal .modal-text span {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #75736a;
}

#contactModal .modal-text span a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #75736a;
  text-decoration: none;
}

.modal-text--phone {
  position: relative;
}

#contactModal .modal-text {
  margin-bottom: 6px;
}

.modal-text--phone .phone-country small {
  bottom: -10px;
  font-weight: 400;
  right: 0;
  font-size: 8px;
  line-height: 12px;
}

#contactModal .btn-close {
  background-image: url('../img/close-icon-grey.svg');
  background-size: 24px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  opacity: 1;
  border: 0;
}

#contactModal .btn-close:focus {
  outline: none;
  box-shadow: none;
}

.btn-close::before {
  content: none;
}

#shareDetailsForm label {
  margin-bottom: 8px;
}

#shareDetailsForm input {
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  /*color: #B3AFA1;*/
}

#shareDetailsForm input[type='text']::placeholder {
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #b3afa1;
}

/* summury page - */

.btn-no_bg {
  transition: color 0.1s ease;
}

.btn-no_bg svg path {
  transition: stroke 0.1s ease;
}

.btn-no_bg:hover svg path {
  stroke: #e37410 !important;
}

.summary-card-description {
  background-color: #f7f6f4;
  margin: 0;
}

#privacyModal .modal-dialog {
  max-width: 800px;
}

/* Table styles on Estimate page*/

.table-bordered > :not(caption) > * > * {
  border-width: 0;
  /*border-width: unset;*/
}

#estimateTable thead {
  border-color: #75736a;
  position: relative;
}

#estimateTable thead::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    #45433b 0%,
    #5a4331 1.99%,
    #744325 4.41%,
    #b34207 10.36%,
    #d86608 16.2%,
    #fa9e16 23.24%,
    #e5b65b 31.03%,
    #dfce9f 38.91%,
    #e7e7e1 47.32%,
    #b4cdd1 55.64%,
    #65a4b9 69.36%,
    #4f7e9e 84.13%,
    #224d6b 93.3%,
    #224d6b 100%
  );
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

#estimateTable td:first-child {
  text-align: left;
}

#estimateTable td:last-child {
  text-align: right;
}

#estimateTable td:last-child small {
  display: block;
  font-size: 7px;
}

#estimateTable thead th {
  border: none !important;
  position: relative;
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: 'Josefin Sans';
}

#estimateTable thead th::after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background: rgba(179, 175, 161, 0.16);
  position: absolute;
  bottom: 11px;
  left: 0;
  z-index: 1;
}

/*Modal Bootstrap   */

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

/* Skeleton */
#boreholeSkeleton {
  display: block;
  max-width: 1290px;
}

.skeleton {
  background-color: #f3f3f3;
  border-radius: 4px;
  width: 100%;
}

.skeleton-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background-color: #75736a;
}

.skeleton-title,
.skeleton-price {
  background-color: #f3f3f3;
  height: 24px;
  animation: loading 1.5s infinite ease-in-out;
}

.skeleton-title {
  width: 200px;
}

.skeleton-price {
  width: 120px;
}

.skeleton-buttons {
  display: flex;
  gap: 8px;
}

.skeleton-button {
  background-color: #ccc;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  animation: loading 1.5s infinite ease-in-out;
}

.skeleton-tabs {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background-color: #f5f3ee;
}

.skeleton-tab {
  width: 22%;
  height: 80px;
  background-color: #f5f3ee;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.skeleton-tab .skeleton-tab-title {
  height: 16px;
  width: 80%;
  background-color: #bbb;
  margin-bottom: 8px;
  animation: loading 1.5s infinite ease-in-out;
}

.skeleton-tab .skeleton-tab-content {
  height: 12px;
  width: 60%;
  background-color: #bbb;
  animation: loading 1.5s infinite ease-in-out;
}

.skeleton-stars {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.skeleton-stars .star {
  background-color: #bbb;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

@keyframes loading {
  0% {
    background-color: #e0e0e0;
  }

  50% {
    background-color: #f3f3f3;
  }

  100% {
    background-color: #e0e0e0;
  }
}

/*estimate-details*/
.tab-info-title span {
  color: #7c7c7c;
}

/* Header */

.accordion-header.estimate-header .nav-item {
  padding: 16px 8px;
  transition: all 0.2s linear;
  border-bottom: 2px solid transparent;
}

.accordion-header.estimate-header .nav-item .tab-sel-title {
  display: block;
  margin-bottom: 8px;
  transition: all 0.2s ease;
}

.accordion-header.estimate-header .nav-item:hover .tab-sel-title {
  color: #e37410;
}

.accordion-header.estimate-header .nav-item:hover {
  border-color: #e37410;
}

.accordion-header.estimate-header .nav-item--methods {
  max-width: 330px;
}

.accordion-header.estimate-header .nav-item--crossings {
  max-width: 280px;
}

.accordion-header.estimate-header .nav-item--packages {
  max-width: 280px;
}

.tab-info-title img {
  width: 16px;
  margin-right: 16px;
}

.tab-info-title {
  height: 32px;
}

.tab-info-title span {
  display: block;
  align-content: center;
  color: #afaa9b !important;
}

.tab-info-title--pipes span {
  margin: 4px 6px 0px 0px !important;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}

.tab-info-title--pipes strong {
  text-align: left;
}

.dropdown-menu.estimate-header {
  display: block;
  pointer-events: all;
}

.input-group {
  z-index: 9999;
  pointer-events: auto;
}

/*tab crossings*/

.card-body__image {
  width: 105px;
  height: 105px;
  border-radius: 6px;
  border: 1.5px solid #dedbce;
  background: #fff;
}

.card-body__image img {
  object-fit: cover;
  border-radius: 6px;
}

.package-card.selected .card-text {
  color: #75736a;
}

.card-footer {
  padding-bottom: 36px;
  padding-left: 24px;
}

.card-text.description p,
.card-text--second,
.card-text--list ul {
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}

.card-text--list ul {
  list-style-type: disc;
  list-style-position: inside;
}

.card-text--list ul li {
  margin-bottom: 8px;
}

/*.accordion-header.estimate-header .nav-link {*/
/*    border: 0px;*/
/*    height: 90px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/

/*does not work - dot with list item*/
.card-text--list ul li::marker {
  margin-right: 8px;
}

/*icons -stars*/
.card-stars {
  width: 70px;
}

.package-info {
  max-width: 100%;
  margin-top: 16px;
}

li.package-tag {
  margin-bottom: 6px;
}

.packages-tag {
  width: 25px;
}

.package-tag svg.star,
.summary-card-description svg.star {
  height: 24px;
  width: 24px;
}

.package-info span {
  display: block;
  align-content: center;
  color: #afaa9b !important;
  font-weight: bold;
}

/*extend the button active area(borehole tabs)*/
.borehole_header--nav .nav-link {
  width: 100%;
  height: 100%;
  padding: 16px 24px;
}

.accordion__crossings-description {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.accordion__crossings-description:first-child {
  border-top-width: 0 !important;
}

.accordion__crossings-description:last-child {
  border-bottom-width: 0 !important;
}

.accordion__crossings-description .accordion-button {
  width: 85%;
}

.accordion__crossings-description .accordion-button__toggle {
  width: 15%;
}

.editButtons {
  position: relative;
  /*z-index: 575;*/
}

.accordion-header {
  position: relative;
  /*z-index: 444;*/
}

.accordion-header.estimate-header .accordion-button {
  /*z-index: 555;*/
}

/*.accordion-item.borehole-count{*/
.accordion-item.borehole-count {
  /*position: relative;*/
  z-index: 5;
}

/* Overlay Styles */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1000;
  pointer-events: all; /* Block all interactions with elements beneath */
  /*pointer-events: none;*/
}

.overlay--delete-borehole {
  background: rgba(0, 0, 0, 0.5);
  z-index: 1002;
}

.borehole_title_input:focus-visible {
  outline: none !important;
}

.borehole_title_input:focus {
  outline: none !important;
  box-shadow: none;
  border: none;
}

.borehole-input-group:has(input:focus) {
  box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}

/* Wrapper for input group */
.borehole-input-group {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  margin-top: 6px;
  margin-bottom: 7px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.borehole-input-group .form-control {
  box-sizing: border-box;
  outline: none;
  padding: 8px 0 8px 16px;
  border: none;
  margin: 0;
  color: #75736a;
  font-weight: 400;
}

.borehole-input-group .form-control:disabled {
  background-color: #fff;
  color: #b3afa1;
}

.borehole-input-group .form-control::selection {
  background: #dde5e8;
}

/* Input styling */
.form-control.borehole-title-input {
  border: none;
  outline: none;
  padding: 8px;
  font-size: 16px;
  color: #555;
  flex: 1; /* Ensures input takes up remaining space */
  box-sizing: border-box;
}

/* Focused input */
.borehole-title-input:focus {
  outline: none;
  border: none;
}

/* Button styling */
.confirm-edit {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  cursor: pointer;
  border-left: 1px solid #ddd; /* Add a divider between input and button */
}

.confirm-edit img {
  width: 20px; /* Adjust size as needed */
  height: 20px;
}

/* Disabled button */
.confirm-edit:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Download summary btn */


.btn-success {
  background-color: #18b115;
  color: white;
  border: none;
}

.icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  vertical-align: middle;
}

.rotating {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.dropdown-toggle-split img {
  transition: transform 0.3s;
}

.dropdown-toggle-split img.rotated {
  transform: rotate(180deg);
}



.btn-primary.downloading {
  background: linear-gradient(180deg, #e37410 0%, #e35d33 100%);
  color: white;
}

.btn-success {
  background: #18b115 !important;
  color: white !important;
  border: none;
}

.icon {
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}

.icon.rotated {
  transform: rotate(180deg);
}

.dropdown-toggle-split {
  background: #e37410;
  color: white;
}

.dropdown-toggle-split.btn-success {
  background: #18b115 !important;
  color: white;
}

/* serach bar in the footer for presentation styles only */
.search-estimate--footer#searchEstimate {
  width: 320px;
  outline: rgba(222, 219, 206, 0.77) solid 2px !important;
  transition: all 0.2s ease;
}

.search-estimate--footer#searchEstimate:focus,
.search-estimate--footer#searchEstimate:hover {
  outline: #dedbce solid 2px !important;
}

.search-estimate--footer#searchEstimate:focus #searchEstimateBtn:active {
  border: 0;
}

.search-estimate--footer#searchEstimate::placeholder {
  color: rgba(222, 219, 206, 0.65);
}

#searchEstimateBtn:active {
  border: 0;
}

#searchEstimateBtn:disabled {
  border: 0;
}

.search-estimate--footer#searchEstimate + #searchEstimateBtn img {
  filter: brightness(0.85) contrast(1.1);
}

.search-estimate--footer#searchEstimate:hover + #searchEstimateBtn img,
.search-estimate--footer#searchEstimate:focus + #searchEstimateBtn img {
  filter: unset;
}

/*button pdf download */

.btn-group--download-pdf {
  height: 48px;
}

.btn-group--download-pdf.active {
  height: 48px;
  z-index: 2000;
  position: relative;
}

.btn-group--download-pdf.active .btn-download {
  z-index: 2000;
  position: relative;
}

.btn-group--download-pdf.active .download-btn-icon {
  z-index: 2000;
  position: relative;
}

.btn-group--download-pdf.active .overlay {
}

.btn-group--download-pdf .dropdown-menu {
  box-shadow: 0 14px 46px 0 rgba(192, 114, 44, 0.12);
  border: 0;
  border-radius: 4px;
  padding: 8px 16px;
}

.btn-group--download-pdf .dropdown-menu ul {
  padding: 8px;
  width: 210px;
  height: 82px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.btn-group--download-pdf .dropdown-menu li {
  padding-left: 16px;
}

.btn-group--download-pdf .dropdown-menu li label {
  margin-left: 8px;
  color: #b3afa1;
  font-family: 'Verdana', sans-serif;
}

#estimateSummaryCheckbox,
#documentRegisterCheckbox {
  border-radius: 2px;
  width: 18px;
  height: 18px;
}

#estimateSummaryCheckbox:checked,
#documentRegisterCheckbox:checked {
  background-color: #e37410;
  border-color: #e37410;
}

/* share button on summary page*/

button#shareEstimateBtn {
  background-color: transparent !important;
  padding-top: 13px;
  padding-bottom: 13px;
  border: none;
  border-bottom: 2px solid #dedbce;
  color: #c9c5af;
  transition: all 0.2s ease;
  border-radius: 0 !important;
}

button#shareEstimateBtn:disabled {
  color: #c9c5af;
  border-bottom-color: #b3afa1;
  cursor: not-allowed;
}

button#shareEstimateBtn:focus {
  box-shadow: none;
}

button#shareEstimateBtn svg path {
  stroke: #c9c5af;
  transition: all 0.2s ease;
}

button#shareEstimateBtn:not(:disabled):hover {
  color: #e35910;
  box-shadow: none;
}

button#shareEstimateBtn:not(:disabled):hover svg path {
  stroke: #e35910;
}

button#shareEstimateBtn:active {
  color: #e35910;
  box-shadow: none;
  border-bottom-color: #e37410;
}

button#shareEstimateBtn:active svg path {
  stroke: #e35910;
}

button#searchEstimateBtn.btn {
  border: 0 !important;
}

/* estimate title */
.estimate-info span {
  display: block;
  color: #73756a;
  margin-bottom: 4px;
}

#estimate-title h3 {
  width: 95%;
  color: #75736a;
  font-feature-settings: 'clig' off, 'liga' off;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  margin: 0;
  margin-bottom: 8px;
  text-decoration: none;
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;

}

/*#estimate-title h3:hover {*/
/*  color: #e37410;*/
/*  text-decoration: underline;*/
/*}*/

#estimate-title input {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.25rem;
}

#estimate-title input:focus {
  outline: none;
  border-color: #e37410;
}

.edit-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  vertical-align: middle;
}

/* edit the estimate title */
.estimate-title button {
  cursor: pointer;
}

.estimate-title button svg path {
  transition: stroke 0.2s linear;
}

.estimate-title button:active {
  border: 0 !important;
}

.estimate-title button:hover svg path {
  stroke: #75736a;
}

#editEstimateModal button.btn-close {
  background-color: transparent;
  background-image: url('../img/close-icon.svg');
  background-repeat: no-repeat;
  cursor: pointer;
  outline: none;
}

#editEstimateModal button.btn-close:hover,
#editEstimateModal button.btn-close:focus,
#editEstimateModal button.btn-close:active {
  outline: none !important;
  box-shadow: none !important;
}

#editEstimateModal .btn-secondary {
  border: 1.7px solid #b3afa1;
  border-radius: 2px;
  color: #afaa9b !important;
  background-color: transparent;
  transition: all 0.2s linear;
}

#editEstimateModal .btn-secondary:hover {
  color: #fff !important;
  background-color: #b3afa1 !important;
}

#editEstimateModal .btn-secondary:hover svg path {
  stroke: #fff !important;
  transition: all 0.2s ease;
}

#editEstimateModal .modal-header {
  border-bottom: 0;
}

#editEstimateModalLabel {
  color: #75736a;
}

/* Users Form*/
/* Buttons*/

.btn-options {
  border: 0;
}

.btn-options:active {
  border: 0;
}

#moreOptionsButton .dropdown-item {
  color: #b3afa1;
}

#moreOptionsButton .dropdown-item:hover svg {
  opacity: 0.9;
}

#moreOptionsButton svg {
  margin-right: 16px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

/* Grid for users form*/

.users-grid {
  display: grid;
  gap: 20px;
}

.grid-header,
.grid-row {
  display: grid;
  grid-template-columns: 40px 320px 154px 118px 196px 120px 60px 60px;
  align-items: center;
  gap: 24px;
}

.grid-header {
  font-weight: bold;
  background-color: #f5f5f5;
  padding: 1rem;
}

.grid-row {
  padding: 1rem;
  border-bottom: 1px solid #ddd;
}

.grid-row:hover {
  background-color: #f9f9f9;
}

.grid-edit {
  grid-column: 1 / -1; /* Span across all columns */
  padding: 1rem;
  background-color: #fff;
}

/*Drop menu for users*/

#moreOptionsButton {
  background: #fff;
  border: none;
  cursor: pointer;
}

#moreOptionsButton button {
  display: flex;
}

/*disable actions on the estimate-details page*/
nav.disabled {
  opacity: 0.3; /* Reduce opacity to visually indicate it's disabled */
  pointer-events: none; /* Prevent interaction */
  cursor: not-allowed; /* Change cursor to indicate it's disabled */
}

/*.btn {*/
/*    border: 0;*/
/*}*/

.btn:disabled {
  border: 0;
}

.input-group.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.btn-download:disabled {
  color: #fff;
}

.btn-cancel {
  background: #fff !important;
  color: #b3afa1 !important;
  padding: 13px 34px;
  border-radius: 2px;
  border: 1.7px solid #b3afa1;
  width: 160px;
}

.btn-cancel:hover {
  background: #b3afa1 !important;
  color: #fff !important;
  border: 1.7px solid #b3afa1;
}

.btn-cancel svg path {
  transition: 0.2s;
}

.btn-cancel:hover svg path {
  stroke: #fff;
}

.btn-delete {
  background: #e44501 !important;
  color: #fff !important;
  padding: 13px 34px;
  border-radius: 2px;
  border: 1.7px solid #e44501;
  transition: background 0.2s ease;
  width: 160px;
}

.btn-delete:hover {
  /*background: linear-gradient(180deg, #E44501 0%, #c12800 100%) !important;*/
  background: #df3002 !important;
  border: 1.7px solid #df3002;
  /*box-shadow: 0px 2px 4px 0px rgba(192, 114, 44, 0.16);*/
}

.modal-header {
  border-bottom: 0;
}

.modal-footer {
  border-top: 0;
}

/*Drop menu for users*/

#moreOptionsButton {
  background: #fff;
  border: none;
  cursor: pointer;
}

#moreOptionsButton button {
  display: flex;
}

.btn-no-bg {
  display: flex;
  height: 52px;
  text-align: center;
  align-items: center;
  background-color: transparent;
  color: #e37410;
  border: 1px solid #e37410;
  border-radius: 2px;
  font-family: Verdana;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  cursor: pointer;
}

.btn-no-bg:hover,
.btn-no-bg:focus,
.btn-no-bg:focus-visible,
.btn-no-bg:active {
  background-color: #e37410 !important;
  border: 1px solid #e37410 !important;
  color: #fff !important;
  -webkit-transition: background-color 0.3s linear, color 0.3s linear;
  -ms-transition: background-color 0.3s linear, color 0.3s linear;
  transition: background-color 0.3s linear, color 0.3s linear;
}

.active-sort {
  filter: brightness(0.5); /* Adjust the number for more or less brightness */
}

/* Send Email button - animation */
.accordion__send_email-button {
  min-width: 105px;
  height: 43px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}

.button-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.btn-primary.accordion__send_email-button:disabled {
  background-color: #e37410 !important;
  opacity: 1 !important;
}

.accordion__send_email-button .accordion__icon--send_email {
  width: 20px;
  height: auto;
  margin: 0 !important;
}

.spinner__icon {
  animation: spin 1s linear infinite;
  transform-origin: center center; /* Ensure the rotation is around the center */
}

/* Keyframes for rotation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.is-sending {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/*Modal dialog for dashboard estimate title creation*/
.modal-dialog--estimate-title {
  max-width: 560px;
}

.modal-text--heading {
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 4px;
}

.modal-dialog--estimate-title .modal-content {
  padding: 32px 16px 16px;
}

.modal-dialog--estimate-title .modal-header,
.modal-dialog--estimate-title .modal-body {
  padding: 0;
}

.modal-dialog--estimate-title .modal-footer {
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  gap: 8px;
}

.modal-footer {
  padding: 16px 24px;
}

.modal-footer button {
  flex: 1;
  text-align: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

.modal-footer button:first-child {
  padding-right: 48px;
  text-align: right;
  border-right: 1px solid #dedbce;
  border-radius: 0;
}

.modal-footer button:last-child {
  padding-left: 48px;
  text-align: left;
}

.modal-dialog--estimate-title
.modal-footer--create-estimate
button.btn-primary {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.modal-dialog--estimate-title .modal-footer--create-estimate button.btn-cancel {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/*Form elements*/

.modal-dialog--estimate-title .modal-title {
  margin-bottom: 32px;
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}

.modal-dialog--estimate-title .form-label {
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.modal-dialog--estimate-title .form-control {
  border-radius: 2px;
}

/*Summary page - edit Title and Notes*/

.estimate-info .edit-icon {
  width: 24px;
  height: 24px;
}

.form-control#estimateTitle::placeholder {
  color: #b3afa1;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.form-control#estimateDescription {
  color: #75736a;
  position: relative;
  resize: none;
}

.form-control--textarea {
  color: #75736a !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  transition: border-color 0.2s ease;
  padding: 6px 40px 6px 18px;
}

.form-control--textarea.close-to-limit:focus {
  border-color: #febc86;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(253, 97, 13, 0.25);
}

.form-control--textarea.over-limit:focus {
  border-color: rgba(243, 91, 59, 0.73);
  outline: 0;
  box-shadow: 0 0 0 0.05rem rgba(255, 51, 4, 0.85);
}

.editable-description {
  color: #b3afa1;
  border: 1.7px solid #dedbce;
  border-radius: 2px;
  height: auto;
  min-height: 50px;
  padding: 6px 40px 6px 18px;
  word-wrap: break-word;
  display: flex;
  align-items: center;
}

.notes {
  position: relative;
}

/* Editable Title */
.editable-title {
  position: relative;
  width: 100%;
  /*height: 36px;*/
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.editable-title .bo-tooltip-wrapper {
  width: 100% !important;
}

.editable-title .btn {
  width: 5%;
  min-width: 48px;
  display: flex;
  justify-content: flex-end;
}

/*.bo-tooltip-title-wrapper {*/
/*  display: -webkit-box;*/
/*  -webkit-line-clamp: 2;*/
/*  -webkit-box-orient: vertical;*/
/*  overflow: hidden;*/
/*  max-width: 100%;*/
/*}*/

.editable-title--heading {
  color: #b3afa1;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  margin: 3px 0;
  /*padding: 2px 5px;*/
  border: 1.7px solid #dedbce;
  border-radius: 2px;
  cursor: default;
  padding: 12px 40px 12px 18px !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
  text-wrap: unset;
}

.title-input {
  width: 100%;
  flex: 1;
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  /*padding: 2px 36px 2px 5px;*/
  padding: 12px 36px 12px 18px !important;
  border: 1px solid #75736a;
  border-radius: 2px;
  outline: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
}

.title-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.title-input.close-to-limit:focus {
  border-color: #febc86;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(253, 97, 13, 0.25);
}

#estimateTitleInput.title-input.over-limit:focus {
  /*border-color: #E44501;*/
  /*outline: 0;*/
  /*box-shadow: unset!important;*/
  /*border: 1.7px solid #E44501;*/
  /*background: rgba(0, 0, 0, 0.00);*/
  border-color: #febc86;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(253, 97, 13, 0.25);

}

.title-input.close-to-limit:focus {
  border-color: #febc86;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(253, 97, 13, 0.25);
}

#estimateTitleInput.title-input.over-limit:focus {
  /*border-color: #E44501;*/
  /*outline: 0;*/
  /*box-shadow: unset!important;*/
  /*border: 1.7px solid #E44501;*/
  /*background: rgba(0, 0, 0, 0.00);*/
  border-color: #febc86;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(253, 97, 13, 0.25);

}

/* Buttons */
.btn-sm--edit:active,
.btn-sm--edit:focus,
.btn-sm--edit:disabled,
.btn-sm--edit:enabled {
  border: 0;
}

.btn-sm--notes {
  position: absolute;
  right: 0;
  top: 0;
}

.btn-sm--title {
  position: absolute;
  right: 0;
  top: 8px;
}

/* Character Counter */
.char-counter {
  text-align: end;
}

.char-counter.close-to-limit {
  color: #ff6f07;
}

.char-counter.over-limit {
  color: #ff0000;
}

.img-wrapper {
  display: flex;
  align-items: flex-end;
  height: 330px;
  margin-bottom: 7px;
  border: 1.7px solid #ebe9e2 !important;
  border-radius: 8px;
}

.crossing-checkbox {
  position: relative;
}

.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip-crossings::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 12px;
  transform: translateX(-50%);
  width: 11px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6' fill='none'%3E%3Cpath d='M7.08407 1.03291L11.25 5.47656H0L4.16593 1.03291C4.95607 0.190085 6.29393 0.190084 7.08407 1.03291Z' fill='%235B5B5B' fill-opacity='0.72'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.tooltip-crossings {
  position: absolute;
  display: flex;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  background: rgba(91, 91, 91, 0.72);
  border-radius: 2px;
  height: auto;
  padding: 8px 16px 8px 16px;
  top: 36px;
  left: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  white-space: nowrap;
  pointer-events: none;
}

#boreholes-summary .edit-borehole-btn path {
  transition: 0.2s;
}

#boreholes-summary .edit-borehole-btn:hover path {
  stroke: #e37410;
}

/*MOdal Delete Borehole*/

.modal__delete-borehole .modal-dialog {
  width: 346px;
  margin-top: 5%;
}

.modal__delete-borehole .modal-dialog .btn-close {
  --bs-btn-close-bg: none;
  background-image: url('../img/close-icon.svg');
  background-size: cover;
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
}

.modal__delete-borehole .modal-content {
  border: 0;
}

.modal__delete-borehole .modal-dialog .btn-delete {
  margin: 0;
}

.modal__delete-borehole .modal-dialog .btn-close:focus,
.modal__delete-borehole .modal-dialog .btn-close:focus-visible {
  border: none;
  outline: none;
  box-shadow: none;
}

.modal__delete-borehole-icon {
  width: 63px;
  height: 63px;
  margin: 0 auto;
  background-image: url('../img/trash-swal-icon.svg');
  background-size: cover;
  margin-bottom: 32px;
}

.modal__delete-borehole .modal-body,
.modal__delete-borehole .modal-footer {
  padding: 8px;
}

.modal__delete-borehole p {
  color: #75736a;
  text-align: center;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

/* Download btn */

button.btn-download.btn.btn-primary {
  border-radius: 2px 0px 0px 2px !important;
}

.download-btn-icon {
  background-color: #f1923d !important;
  border-radius: 0px 2px 2px 0px !important;
  padding: 14px 17px;
}

.download-btn-icon .icon {
  height: 50% !important;
  object-fit: none;
}

.btn-group--download-pdf .dropdown-menu.show {
  transform: translate(-80px, 60px) !important;
  z-index: 1000;
}

/* move to method-description.css in estimate-detail directory */
/*.method-description {*/
/*  margin-bottom: 0;*/
/*  padding-bottom: 0;*/
/*  font-family: "Verdana", sans-serif;*/
/*  font-size: 12px;*/
/*  line-height: 16px;*/
/*}*/

.method-description--mobile p {
  font-family: "Verdana", sans-serif;
  color: #75736A;
  font-size: 12px;
  line-height: 16px;
}

/* Button AddBorehole*/
/* General button styling */
.add-borehole-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid #ff7f2a; /* Outline color */
  border-radius: 8px; /* Rounded corners */
  background-color: transparent;
  padding: 0;
  width: 40px; /* Default narrow width */
  height: 40px; /* Fixed height */
  transition: width 0.6s ease, background-color 0.6s ease; /* Smooth width and background transition */
}

/* Hover state to expand button */
.add-borehole-btn:hover {
  width: 160px;
  background-color: #ff7f2a;
  color: #fff;
}

/* Default state: show only the icon */
.add-borehole-default {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s ease;
  opacity: 1;
}

/* Hover state: fade out default icon */
.add-borehole-btn:hover .add-borehole-default {
  opacity: 0;
}

/* Hover content: Add Borehole text with icon */
.add-borehole-hover {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.6s ease, width 0.6s ease;
  position: relative;
  white-space: nowrap;
}

/* Hover state: fade in text and icon */
.add-borehole-btn:hover .add-borehole-hover {
  opacity: 1;
  width: 100%;
}

.empty-estimate {
  margin-top: 15%;
}

.empty-estimate__title {
  margin-bottom: 8px;
  color: #b3afa1;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: 'Verdana', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.empty-estimate__text {
  padding: 0;
  margin: 0;
  color: #b3afa1;
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: 'Verdana', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}

.modal-footer--empty {
  background-color: #fff !important;
  height: 53px;
}

#estimateTitleInput.title-input,
.modal__estimate-title .form-control {
  border-color: #ebe9e2;
  color: #b3afa1;
  padding: 8px !important;
}

#estimateTitleInput.title-input:focus,
.modal__estimate-title .form-control:focus {
  color: #75736a;
}

.modal__estimate-title .form-control {
  border-radius: 2px;
}

.modal__estimate-title .modal-content {
  padding: 32px 16px 16px;
  min-width: 560px;
}

.modal__estimate-title .modal-header,
.modal__estimate-title .modal-body {
  padding: 0;
  margin: 0;
}

.modal__estimate-title .modal-header {
  margin-bottom: 26px;
}

.modal__estimate-title .form-label,
.modal__estimate-title .form-text {
  color: #75736a;
  font-family: 'Verdana', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.modal__estimate-title .btn {
  padding: 10px 18px;
  line-height: 1.6;
}

.footer-wrapper {
  position: relative;
}

#appFooter {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 70px;
  /*pointer-events: none;*/
}

.appFooter.push-up {
  position: absolute;
}

.truncated-input {
  width: 100%;
  padding-right: 0 !important;
  background-color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scroll-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #00323d; /* Or whatever matches your design */
  transition: transform 0.3s ease;
  z-index: 1000;
}

.scroll-header.hide {
  transform: translateY(-100%);
}

.scroll-header.show {
  transform: translateY(0);
}

.estimate-page,
.summary-page {
  padding-top: 72px;
}

#boreholes-summary .closed-card .card-header .summary-accordion-title,
#boreholes-summary .open-card .card-header .summary-accordion-title {
  text-align: end;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  text-align: left;
}

.btn--share:active,
#estimate-title .btn-sm:active,
.btn--faq:active {
  border-color: transparent !important;
}

.btn--share:disabled,
.btn-sm:disabled,
.btn--faq:disabled {
  border-color: transparent !important;
}

.login-container {
  height: 100dvh;
}

#privacyModal .modal-title {
  color: #75736a;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.header__buttons .btn--faq {
  padding: 0;
}

.footer-main__text {
  font-size: 12px;
}

/* privacy policy */
#privacy-policy-container .container {
  max-width: 752px;
  padding-top: 68px;
}

#privacy-policy-container .container h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 48px;
}

#privacy-policy-container .container p {
  font-family: 'Verdana', Sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

/* Terms of use */
#terms-of-use-container .container {
  max-width: 752px;
  padding-top: 68px;
}

#terms-of-use-container .container h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 48px;
}

#terms-of-use-container .container p {
  font-family: 'Verdana', Sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.checkbox-container {
  position: relative;
  display: inline-block;
}

.label-opacity {
  opacity: 0.5;
}

.red-cross-overlay {
  position: absolute;
  top: 10px;
  left: 10px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); /* iOS/Safari prefix */
  color: rgba(255, 0, 0, 0.39);
  opacity: 0.4;
  pointer-events: none;
  font-size: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

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

.editable-title-zone {
  pointer-events: auto;
  user-select: text;
  cursor: pointer;
}

.invisible-title-measure {
  position: absolute;
  visibility: hidden;
  white-space: pre;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
}

.borehole_title_input {
  min-width: 220px;
  max-width: 100%;
  width: auto;
  flex-grow: 1;
}

.borehole-input-group {
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 8px;
  display: flex;
  align-items: center;
}

.borehole-title__input-group {
  width: auto;
}

.editable-title-zone {
  pointer-events: auto;
  user-select: text;
  cursor: pointer;
}

.borehole_title_input {
  min-width: 220px;
  max-width: 100%;
  width: auto;
  flex-grow: 1;
}

.borehole-input-group {
  max-width: 100%;
  flex-wrap: nowrap;
  gap: 8px;
  display: flex;
  align-items: center;
}

.borehole-title__input-group {
  display: flex;
  align-items: center;
  padding: 0;
  z-index: 1;
}

.accordion-collapse {
  transition: none !important;
}

.input-error {
  border-color: #dc3545 !important;
}

.validation-message {
  color: #dc3545;
  font-size: 0.9em;
  margin-top: 4px;
  display: none;
}

.validation-message.active {
  display: block;
}

/* Input styles for borehole name changes*/
h2.borehole_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: left;
  line-height: 40px;
  padding-top: 1px;
  /*width: 100%;*/
}

.borehole-header__title {
  position: relative;
  flex-direction: row;
  height: 40px;
  overflow: hidden;
  align-items: center;
  width: 59%;
}

.borehole-header__title span {
  display: inline-block;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  margin: 0;
}

/*.borehole-header__title span.invisible-title-measure {*/
/*  display: none;*/
/*}*/
.borehole-header__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  background: linear-gradient(to left, rgba(117, 115, 106, 1), rgba(117, 115, 106, 0));
  pointer-events: none;
}

.borehole-title__input-group--error {
  border: 1.7px solid #e44501 !important;
}

.input-group--header.borehole-input-group {
  position: relative;
  height: 40px;
  width: auto;
  min-width: 200px;
  background-color: rgba(179, 175, 161, 0.2);
  border-radius: 2px;
  padding: 0 0 0 8px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}

.borehole-title-input--error-text {
  display: none;
  position: absolute;
  bottom: -16px;
  left: -16px;
  color: #fa0d26;
  font-size: 12px;
  line-height: 10px;
  padding: 4px 6px;
  border-radius: 2px;
  background: #ececec;
  z-index: 600;
  box-shadow: 0 0 16px 4px rgba(97, 97, 97, 0.25);
  min-height: 20px;
}

.borehole-title-input--error-text--visible {
  display: block;
}

.input-group--header .form-control.borehole_title_input,
.input-group--header .form-control.borehole_title_input:focus,
.input-group--header .form-control.borehole_title_input:active,
.input-group--header .form-control.borehole_title_input:disabled {
  border: none;
  background: transparent;
  color: #fff !important;
  font-weight: 700;
  flex-grow: 1;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 20px;
  padding-top: 3px;
  outline: none;
  font-size: 18px;
  line-height: 40px;
  font-family: 'Josefin Sans', sans-serif;
  --bs-accordion-border-radius: 2px !important;
  --bs-accordion-inner-border-radius: 2px !important;
  border-radius: 2px !important;
}

.input-group--header .borehole_title_input::placeholder {
  color: #aaa;
}

.input-group--header.borehole-title__input-group:has(input:focus) {
  box-shadow: none !important;
  margin-right: 24px;
}

.input-group--header .confirm-edit {
  position: relative;
  height: 100%;
  background: rgba(179, 175, 161, 0.1);
  border: none;
  border-radius: 0 2px 2px 0;
  padding-right: 16px;
  padding-left: 16px;
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.input-group--header .confirm-edit:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 21px;
  left: -16px;
  top: 9px;
  background-color: rgba(179, 175, 161, 1);
}

.input-group--header .confirm-edit img {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
}


.fixed-custom-height {
  height: auto;
}

.phone-country-text a {
  color: #75736A;
  text-decoration: none;
}

.badge--have-design:hover {

}

.pointer-events-auto {
  pointer-events: auto;
}

.modal-packages .package-card {
  border: 0 !important;
}
.modal-packages  .package-card.selected {
  box-shadow: none;
}

.modal-packages .card-header {
  display:none!important;
}