[id$="-error"] {
  color: #c52d28;
  font-size: 12px;
}

p.small.text-muted {
  margin: 0px;
}

.top-10 {
  top: 10% !important;
}

.disable-link {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

.pass {
  background-color: #EAF7EC !important;
  color: #2fb344 !important;
  border: 1px solid #2fb344 !important;
}

.hold {
  background-color: #fff7ed !important;
  color: #f76707 !important;
  border: 1px solid #f76707 !important;
}

.fail {
  background-color: #fef2f2 !important;
  color: #d63939 !important;
  border: 1px solid #d63939 !important;
}

.form-selectgroup-input:focus+.form-selectgroup-label {
  box-shadow: none !important;
}

.card-stamp-icon-custom {
  top: -50px;
  left: 50px;
}

.swal2-icon.swal2-warning {
  border-color: var(--tblr-warning) !important;
  color: var(--tblr-warning) !important;
}

.swal2-icon.swal2-success {
  border-color: var(--tblr-success) !important;
  color: var(--tblr-success) !important;
}

.system-admin-searchbar:focus {
  box-shadow: none;
}

.select2-container .select2-selection--single {
  height: 41px;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background-color: var(--tblr-bg-forms);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 39px;
  padding-left: 16px;
  border-radius: var(--tblr-border-radius);
  color: var(--tblr-body-color);
  background-color: var(--tblr-bg-forms);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 39px;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--multiple {
  min-height: 41px;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background-color: var(--tblr-bg-forms);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
}

.select2-dropdown {
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  color: var(--tblr-body-color);
  background-color: var(--tblr-bg-forms);
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 10px;
  margin-left: 16px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 8px;
  background-color: color-mix(in srgb, var(--tblr-blue) calc(var(--tblr-bg-opacity, 1) * 100%), transparent) !important;
  border: 1px solid var(--tblr-blue);
  color: var(--tblr-blue-fg) !important;
}

input.select2-search__field {
  display: block;
  padding: 0.5625rem 1rem !important;
  font-family: var(--tblr-body-font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--tblr-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-bg-forms);
  background-clip: padding-box;
  border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--default .select2-selection--multiple {
  padding-bottom: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  left: 2px;
  top: -1px;
  color: var(--tblr-blue-fg) !important;
  border-right: none;
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--tblr-blue-lt);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background: none;
}

.custom-list-group-item.active {
  background-color: rgba(var(--tblr-primary-rgb), 0.08);
  border-left-color: var(--tblr-primary);
  border-left-width: 2px;
}

/* .select2-container .select2-selection--single {
  height: 39.6px;
  border: var(--tblr-border-width) solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



.select2-search__field{
  display: block;
  padding: 0.5625rem 1rem !important;
  font-family: var(--tblr-body-font-family);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: var(--tblr-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--tblr-bg-forms);
  background-clip: padding-box;
  border: var(--tblr-border-width) solid var(--tblr-border-color) !important;
  border-radius: var(--tblr-border-radius);
  box-shadow: var(--tblr-shadow-input);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
*/


.hover-blue {
  color: var(--tblr-nav-underline-link-active-color);
}

.hover-blue:not(.active):hover {
  color: var(--tblr-flickr) !important;
  border: none !important;
  background-color: transparent !important;
}

.hover-blue.active {
  border-bottom-color: var(--tblr-flickr) !important;
  background-color: transparent !important;
  color: var(--tblr-flickr) !important;
}

.card-edit-btn {
  position: absolute;
  border: 1px solid var(--tblr-border-color-translucent);
  top: 10px;
  right: 10px;
  padding: 4px 4px;
  font-size: 18px;
  z-index: 1;
}

.text-body-black {
  color: var(--tblr-text-color) !important;
}

.proposal-timeline {
  position: relative;
}

.proposal-timeline::before {
  content: "";
  position: absolute;
  left: 21px;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: var(--tblr-border-color);
}

.proposal-timeline-item {
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 1rem;
}

.proposal-timeline-icon {
  position: relative;
  z-index: 2;
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  box-shadow: 0 0 0 4px #fff;
}

.proposal-timeline-content {
  flex: 1;
  min-width: 0;
}

.proposal-stage-active {
  background: rgba(var(--bs-primary-rgb), .08);
  border: 1px solid rgba(var(--bs-primary-rgb), .15);
  border-radius: .75rem;
  padding: 1rem;
}

.proposal-note {
  padding: .5rem;
  font-size: 12px;
}

.proposal-note-primary {
  background: rgba(var(--bs-primary-rgb), .08);
  border-color: rgba(var(--bs-primary-rgb), .15);
}

.proposal-note-success {
  background: rgba(var(--bs-success-rgb), .08);
  border-color: rgba(var(--bs-success-rgb), .15);
}

.proposal-note-warning {
  background: rgba(var(--bs-warning-rgb), .10);
  border-color: rgba(var(--bs-warning-rgb), .18);
}

.proposal-note-light {
  background: var(--bs-light);
  border-color: var(--bs-border-color);
}

@media (max-width: 576px) {
  .proposal-timeline::before {
    left: 18.25px;
  }

  .proposal-timeline-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    font-size: .9rem;
  }

  .proposal-timeline-item {
    gap: .75rem;
  }

  .proposal-stage-header {
    flex-direction: column;
    align-items: start !important;
    gap: .5rem;
  }
}

.history-remarks p {
  margin: 0px;
}