div.browser-records > a.active .card {
  background-color: #009fe3;
  border: none;
  color: #FFF;
}

.hs-icon-color-primary {
  color: #009fe3;
}

.tooltip-icon, i.tooltip-info {
  color: #009fe3;
}

.tooltip-icon-upload {
  color: #009fe3;
}

.tooltip-icon-label {
  font-size: 1rem;
  color: #009fe3;
}

.tooltip-icon-xl {
  font-size: 2rem;
}

.tooltip-inner {
  max-width: 800px;
}

.dropdown-item {
  min-height: 26px;
}

.header-icons {
  font-size: 1.55rem;
  color: #009fe3;
}

.pagination_container {
  margin-top: 4px;
}

.dselect-wrapper.lg button.form-select {
  min-height: 58px;
}

.dselect-wrapper button.form-select {
  min-height: 48px;
  padding-top: 18px;
}

.dselect-placeholder {
  color: #1b1b1b !important;
}

.job_type_filter_label {
  max-width: 66px;
  flex-direction: column;
}

table.dataTable th {
  font-size: 0.875rem;
}

table.dataTable th input.form-check-input {
  font-size: 13px;
}

table.dataTable th div.form-switch {
  padding-left: 2.8em;
}

table.curved-table {
  border-radius: 0.25rem;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0px 10px !important;
}

.dataTables_scrollHead {
  z-index: 2; /* Higher z-index to stay on top */
}

.dataTables_scrollBody {
  z-index: 1; /* Lower z-index to stay behind the header */
}

.dataTables_scrollHeadInner > table.table.curved-table.dataTable {
  border-spacing: 0px 0px !important;
}

table.curved-table th, table.curved-table td {
  text-align: left !important;
  border: 1px solid lightgrey;
  border-right-width: 0;
  border-left-width: 0;
  padding: 2px;
  white-space: nowrap;
}

table.curved-table tr.child_row td {
  margin-left: 20px !important;
}

table.curved-table th {
  text-align: left;
}

table.curved-table tr.spaceUnder > td {
  padding-bottom: 1em;
}

table.curved-table tr:hover {
  background-color: var(--bs-secondary);
  border-top-width: 1px;
  border-bottom-width: 1px;
}

/* required css to make the rows rounded */
table.curved-table th:first-child, table.curved-table td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

table.curved-table th:last-child, table.curved-table td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right-width: 1px;
}

table.curved-table td:first-child:not(.child_row) {
  border-top-left-radius: 10px;
  border-left-width: 1px;
  background-color: var(--bs-secondary);
  width: 3px;
}

table.curved-table th:first-child, table.curved-table tr:first-child {
  border-top-left-radius: 10px;
  border-left-width: 1px;
  width: 5px;
}

table.curved-table tr:first-child, table.curved-table th:last-child {
  border-top-right-radius: 10px;
  border-right-width: 1px;
}

table.curved-table tr:last-child, table.curved-table td:first-child {
  border-bottom-left-radius: 10px;
  border-left-width: 1px;
}

table.curved-table tr:last-child, table.curved-table td:last-child {
  border-bottom-right-radius: 10px;
}

table.curved-table tr:first-child {
  border-left-width: 1px;
}

.nohover {
  border-radius: unset;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  background-color: transparent !important;
}

table.curved-table tr.nohover:hover {
  background-color: unset !important;
}

table.curved-table tr {
  line-height: 1.6rem !important;
}

table.postal-table th:nth-child(9) {
  width: 10%;
}

.bg-status {
  --bs-bg-opacity: 1;
  background-color: var(--bs-secondary) !important;
}

.card-icon {
  font-size: 28px;
  line-height: 0;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  flex-grow: 0;
}

.rounded-circle {
  border-radius: 50% !important;
}

.primary-card .card-icon, .badge-primary {
  color: var(--bs-primary);
  background: var(--bs-secondary);
}

.warning-card .card-icon, .badge-warning {
  color: #ff771d;
  background: #ffecdf;
}

.danger-card .card-icon, .badge-danger {
  color: var(--bs-danger);
  background: #ffdde4;
}

.success-card .card-icon, .badge-success {
  color: #2eca6a;
  background: #e0f8e9;
}

.purple-card .card-icon {
  color: #3c30a7;
  background: #b7bffd;
}

.metrics-card:hover {
  cursor: pointer;
}

.info-card h6 {
  font-size: 28px;
  color: #012970;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.status__block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .status__block {
    align-items: flex-start;
  }
}
.status__block + .status__block .status__title {
  margin-top: 5px;
}

@media (min-width: 768px) {
  .status__block + .status__block .status__title {
    margin-top: 0;
  }
}
.status__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 74px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .status__inner {
    flex-direction: row;
    min-height: 48px;
    margin-bottom: 16px;
  }
}
.status__icon {
  margin-bottom: 8px;
  width: 32px;
  height: 32px;
  color: #8e99ab;
  font-size: 30px;
  text-align: center;
}

@media (min-width: 768px) {
  .status__icon {
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    margin-right: 12px;
    font-size: 40px;
  }
}
.status__title {
  color: #8e99ab;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 13px;
}

@media (min-width: 768px) {
  .status__title {
    font-size: 16px;
  }
}
.status__bar {
  border-radius: 70px;
  background: #eaecf0;
  width: 64px;
  height: 8px;
}

@media (min-width: 768px) {
  .status__bar {
    width: 100%;
    max-width: 267px;
    height: 10px;
  }
}
.status__bar-range {
  border-radius: 70px;
  width: 100%;
  height: 100%;
  background: transparent;
}

.status__block.status--primary .status__icon {
  color: #009fe3;
}

.status__block.status--primary .status__bar-range {
  background: #009fe3;
}

.status__block.status--warning .status__icon {
  color: #eb8227;
}

.status__block.status--warning .status__title {
  color: #1b1b1b;
}

.status__block.status--warning .status__bar-range {
  background: #eb8227;
  width: 70%;
}

.status__block.status--danger .status__icon {
  color: #f6483c;
}

.status__block.status--danger .status__title {
  color: #1b1b1b;
}

.status__block.status--danger .status__bar-range {
  background: #f6483c;
  width: 70%;
}

.status__block.status--success .status__icon {
  color: #57cc99;
}

.status__block.status--success .status__title {
  color: #1b1b1b;
}

.status__block.status--success .status__bar-range {
  background: #57cc99;
  width: 70%;
}

.status__block.status--done .status__icon {
  color: #57cc99;
}

.status__block.status--done .status__title {
  color: #1b1b1b;
}

.status__block.status--done .status__bar-range {
  background: #57cc99;
}

.estimated__icon_small {
  transform: scaleX(-1);
}

card-icon .address {
  border-radius: 12px;
  border: 2px solid #bce4fa;
  background: #ffffff;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .address {
    margin-bottom: 0;
  }
}
.address__wrapper {
  padding: 24px 8px;
}

@media (min-width: 768px) {
  .address__wrapper {
    min-height: 307px;
    padding: 24px 0;
  }
}
@media (min-width: 1200px) {
  .address__wrapper {
    min-height: 328px;
    padding: 24px 8px;
  }
}
.address__top-block {
  position: relative;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

.address__top-block::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent 40%, #eaecf0 40%);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

@media (min-width: 768px) {
  .address__top-block {
    align-items: center;
  }
}
.address__title {
  font-size: 20px !important;
  font-weight: 500;
  margin-bottom: 0;
  margin-right: 10px;
}

.address__btn {
  display: none;
}

@media (min-width: 768px) {
  .address__btn {
    display: block;
    min-width: 128px;
  }
}
.address__btn--mobile {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .address__btn--mobile {
    display: none;
  }
}
.address__info {
  margin: 0;
  padding-left: 0;
  padding-top: 20px;
}

.address__client-info {
  position: relative;
  padding-bottom: 20px;
}

.address__client-info::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent 40%, #eaecf0 40%);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

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

.address__row + .address__row {
  margin-top: 12px;
}

.address__inner {
  display: flex;
  align-items: center;
}

.address__icon {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  font-size: 19px;
  color: #009fe3;
}

.address__text {
  font-size: 16px;
  font-weight: 500;
  margin-right: 15px;
}

.address__data {
  color: #8e99ab;
  font-size: 16px;
  font-weight: 500;
}

.address__country-info {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .address__country-info {
    margin-bottom: 0;
  }
}
.address.address--success .address__btn,
.address.address--success .address__btn--mobile {
  background: #ddffeb;
  color: #02c574;
}

.address.address--success .address__btn {
  display: none;
}

@media (min-width: 768px) {
  .address.address--success .address__btn {
    display: block;
    min-width: 170px;
  }
}
@media (min-width: 1200px) {
  .address.address--success .address__btn {
    min-width: 188px;
  }
}
.address.address--success .address__btn--mobile {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .address.address--success .address__btn--mobile {
    display: none;
  }
}
.estimated {
  border-radius: 12px;
  border: 2px solid #ffffff;
  background: #bce4fa;
}

.estimated__wrapper {
  position: relative;
  padding: 76px 20px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .estimated__wrapper {
    padding: 65px 20px 32px;
  }
}
@media (min-width: 1200px) {
  .estimated__wrapper {
    padding: 46px 10px 34px;
    flex-direction: row;
    align-items: center;
  }
}
.estimated__track {
  position: absolute;
  top: 24px;
  left: 8px;
  color: #1b1b1b;
  font-size: 20px;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .estimated__track {
    top: 38px;
  }
}
.estimated__icon {
  width: 144px;
  height: 88px;
  margin-bottom: 32px;
  transform: scaleX(-1);
}

@media (min-width: 768px) {
  .estimated__icon {
    margin-bottom: 22px;
  }
}
@media (min-width: 1200px) {
  .estimated__icon {
    margin-right: 22px;
    margin-bottom: 0;
    width: 248px;
    height: 248px;
  }
}
.estimated__icon_small {
  height: 160px;
  margin-bottom: 11px;
}

.estimated__inner {
  text-align: center;
}

.estimated__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 32.883px;
  letter-spacing: -1.28px;
  margin-bottom: 12px;
}

.estimated__subtitle {
  font-size: 22px;
  font-weight: 700;
  line-height: 32.883px;
  letter-spacing: -0.44px;
  margin-bottom: 6px;
}

.estimated__text {
  font-size: 14px;
  font-weight: 400;
}

.white-border {
  border: #ffffff !important;
}

.form-control:disabled {
  background-color: #f7f9fb !important;
}

.form-select:disabled {
  background-color: #f7f9fb !important;
}

.input-group-text {
  background-color: #f7f9fb !important;
}

.input-icon {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 13px !important;
}

.form-select-multi .form-select {
  padding: 1.675rem 2.25rem 0.375rem 0.75rem !important;
}

[id^=resize_wrapper] {
  position: relative;
  top: 0em;
  left: 0em;
  right: 0em;
  bottom: 0em;
}

h6 {
  font-weight: 550 !important;
}

.height-12 {
  height: 12px;
}

.min-height-100 {
  min-height: 100px;
}

.nobold {
  font-weight: normal !important;
}

.nobold th {
  font-weight: normal !important;
}

.table-borderless td {
  height: 2.5rem;
}

.profile-circle {
  display: inline-block;
  background-color: #009fe3;
  margin: 10px;
  border-radius: 50%;
}

.profile-circle-inner {
  color: white;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  height: 40px;
  width: 40px;
  font-size: 15px;
}

#order_info input.force-bg-white, textarea.force-bg-white {
  background-color: white !important;
}

#routing_table thead tr:first-of-type, #debrief_table thead tr:first-of-type {
  transform: translatey(10px);
}

table.multiheader thead tr:first-of-type {
  transform: translatey(10px);
}

.fix_left_top_th_multiheader {
  border-bottom-left-radius: unset !important;
  border-bottom: 0 !important;
}

.fix_left_bottom_th_multiheader {
  border-top-left-radius: unset !important;
  border-top: 0 !important;
}

.fix_right_top_th_multiheader {
  border-bottom-right-radius: unset !important;
  border-bottom: 0 !important;
}

.fix_right_bottom_th_multiheader {
  border-top-right-radius: unset !important;
  border-top: 0 !important;
}

.fix_border_left {
  border-left-width: 1px !important;
}

.depot-info {
  background-color: #f7f9fb !important;
}

table.curved-table th.digits, table.curved-table td.digits {
  text-align: right !important;
}

table.curved-table th.text-center, table.curved-table td.text-center {
  text-align: center !important;
}

.dataTables_paginate {
  width: 50%;
  display: inline-block;
}

.dataTables_info {
  display: inline-block;
  width: 50%;
}

.accordion-horizontal {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 20px;
}

.accordion-header {
  display: flex;
  justify-content: center;
  align-items: center;
}

.accordion-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  padding: 10px;
  font-size: 1.5rem;
  outline: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button.active {
  color: #0d6efd;
}

.accordion-content {
  margin-top: 15px;
  width: 100%;
}

.accordion-body {
  border-top: 1px solid #dee2e6;
  padding: 20px;
}

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