@charset "UTF-8";
/* inspinia override */
.logo-lg img {
  height: 48px;
}

.app-topbar .topbar-item {
  position: relative;
}
.app-topbar .topbar-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--ins-primary);
}
.app-topbar .dropdown-item {
  position: relative;
}
.app-topbar .dropdown-item.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--ins-primary);
}

/* tooltipster */
.tooltipster-sidetip.tooltipster-custom .tooltipster-box {
  background: var(--ins-secondary-bg);
  border: 1px solid #ddd;
  border-color: var(--ins-theme-card-border-color);
  border-radius: 4px;
  -webkit-box-shadow: var(--ins-theme-card-box-shadow);
          box-shadow: var(--ins-theme-card-box-shadow);
}
.tooltipster-sidetip.tooltipster-custom .tooltipster-content {
  padding: 10px;
  color: var(--ins-card-color);
  font-size: 14px;
  max-width: 322px;
}
.tooltipster-sidetip.tooltipster-custom .tooltipster-content h4 {
  color: var(--ins-card-title-color);
}
.tooltipster-sidetip.tooltipster-custom .tooltipster-content h4 i {
  color: #1c84c6;
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--ins-theme-card-border-color);
  border-top-width: 9px;
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-top .tooltipster-arrow-background {
  border-top-color: var(--ins-secondary-bg);
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-right .tooltipster-arrow-border {
  border-right-color: var(--ins-theme-card-border-color);
  border-right-width: 9px;
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-right .tooltipster-arrow-background {
  border-right-color: var(--ins-secondary-bg);
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: var(--ins-theme-card-border-color);
  border-bottom-width: 9px;
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: var(--ins-secondary-bg);
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-left .tooltipster-arrow-border {
  border-left-color: var(--ins-theme-card-border-color);
  border-left-width: 9px;
}
.tooltipster-sidetip.tooltipster-custom.tooltipster-left .tooltipster-arrow-background {
  border-left-color: var(--ins-secondary-bg);
}

/* Loading overlay */
.sk-loading {
  position: relative; /* Ensure positioning context for children */
}
.sk-loading > .sk-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Use flexbox for centering */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}
.sk-loading > .sk-spinner {
  z-index: 2001; /* Ensure it appears above overlay */
}

.btn-facilities {
  background-color: #529bc9;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #d2d2d2;
}
.btn-facilities.active, .btn-facilities.btn:active {
  background-color: #1a7bb9 !important;
  border: 1px solid #d2d2d2;
  color: #ffffff;
}
.btn-facilities:hover {
  background-color: #1f90d8;
  border: 1px solid #d2d2d2;
  color: #ffffff;
}
.btn-facilities:disabled {
  background-color: #92b5cb;
  color: #e3e3e3 !important;
}

.btn-fleet {
  background-color: #9ed478;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #d2d2d2;
  color: #ffffff;
}
.btn-fleet.active, .btn-fleet.btn:active {
  background-color: #6bb23a !important;
  border: 1px solid #d2d2d2;
  color: #ffffff;
}
.btn-fleet:hover {
  background-color: #6ebb39;
  border: 1px solid #d2d2d2;
  color: #ffffff;
}
.btn-fleet:disabled {
  background-color: #add294;
  color: #e3e3e3 !important;
}

.btn-gradient {
  position: relative;
  display: inline-block;
  background: linear-gradient(45deg, #619ef1, #79c048);
  color: white;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 1;
}
.btn-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #79c048, #619ef1);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  z-index: -1;
}
.btn-gradient:hover {
  color: white;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  outline: none;
  -webkit-box-shadow: 0 0 8px rgba(97, 158, 241, 0.7);
          box-shadow: 0 0 8px rgba(97, 158, 241, 0.7);
}
.btn-gradient:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.btn-gradient:focus {
  outline: none;
  -webkit-box-shadow: 0 0 8px rgba(97, 158, 241, 0.7);
          box-shadow: 0 0 8px rgba(97, 158, 241, 0.7);
}
.btn-gradient:first-child:active {
  color: white;
}

.border-gradient {
  border: 2px solid;
  -o-border-image: linear-gradient(to right, #619eef, #79c048) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(#619eef), to(#79c048)) 1;
     border-image: linear-gradient(to right, #619eef, #79c048) 1;
}

.card-bg-facilities,
.card-bg-fleet {
  color: #ffffff !important;
}
.card-bg-facilities h4,
.card-bg-fleet h4 {
  color: #ffffff !important;
}

.card-bg-facilities {
  background-color: #619ef1 !important;
  border: 1px solid #1a7bb9 !important;
}

.card-bg-fleet {
  background-color: #79c048 !important;
  border: 1px solid #599133 !important;
}

.bg-facilities,
.bg-fmex-facilities {
  background-color: #619ef1 !important;
  border: 1px solid #1a7bb9;
  color: #ffffff !important;
}
.bg-facilities a.navy-link,
.bg-fmex-facilities a.navy-link {
  color: #ffffff;
}

.bg-fleet,
.bg-fmex-fleet {
  background-color: #79c048 !important;
  border: 1px solid #599133;
  color: #ffffff !important;
}
.bg-fleet a.navy-link,
.bg-fmex-fleet a.navy-link {
  color: #ffffff;
}

.bg-facilities-fleet,
.bg-fmex-facilities-fleet {
  background: linear-gradient(45deg, #619ef1, #79c048);
  border: 1px solid #599133;
  color: #ffffff !important;
}

.text-facilities-color {
  color: #619ef1 !important;
}

.text-fleet-color {
  color: #79c048 !important;
}

.bg-lite,
.bg-basic {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 1px solid #4c4c4c;
}
.bg-lite.badge-hover:hover,
.bg-basic.badge-hover:hover {
  background-color: #f0f0f0 !important;
  border: 1px solid #4c4c4c;
}

.bg-advanced,
.bg-enhanced {
  background-color: #d1dade !important;
  color: #000000 !important;
  border: 1px solid #4c4c4c;
}
.bg-advanced.badge-hover:hover,
.bg-enhanced.badge-hover:hover {
  background-color: #c6c9cb !important;
  border: 1px solid #4c4c4c;
}

.bg-pro,
.bg-premium {
  background-color: #ffd43b !important;
  color: #000000 !important;
  border: 1px solid #4c4c4c;
}
.bg-pro.badge-hover:hover,
.bg-premium.badge-hover:hover {
  background-color: #ecc437 !important;
  border: 1px solid #4c4c4c;
}

.company-profile-app .xrm-map {
  height: calc(100vh - 108px); /*remove menu height and footer*/
  width: 100%;
  position: fixed;
  top: var(--ins-topbar-height); /*menu height*/
  left: 0;
  right: 0;
}
.company-profile-app .map-box-wrapper {
  position: relative;
}
.company-profile-app .top-menu {
  position: absolute;
  top: 12px;
  left: 516px;
}
.company-profile-app .top-menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.company-profile-app .top-menu ul li {
  display: inline-block;
  /*background: #fff;*/
  border-radius: 4px;
  padding: 0px;
  margin-right: 5px;
  list-style-type: none;
  -webkit-box-shadow: 0 0 3px #676a6c;
          box-shadow: 0 0 3px #676a6c;
}
.company-profile-app .company-details-card {
  position: absolute;
  top: 12px;
  left: 0;
  padding: 0;
  max-width: 500px;
  width: 100%;
  z-index: 5;
}
.company-profile-app .company-details-card > .card {
  -webkit-box-shadow: 0 0 3px #676a6c;
          box-shadow: 0 0 3px #676a6c;
}
.company-profile-app .company-details-card > .card .card-body.full-height {
  height: calc(100vh - var(--ins-topbar-height) - 208px);
}
.company-profile-app .company-details-card .tab-media {
  text-align: center;
}
.company-profile-app .company-details-card .tab-media a {
  font-size: 1.5rem;
  margin-left: 4px;
  margin-right: 4px;
}
.company-profile-app .company-details-card .list-locations table td {
  vertical-align: middle;
}
.company-profile-app .company-details-card .overlay {
  background-color: rgba(130, 130, 130, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
}
.company-profile-app .company-details-card .overlay .card {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
}
.company-profile-app .notes-flyout-panel {
  position: absolute;
  top: 38px;
  left: 516px;
}
.company-profile-app .notes-flyout-panel > .card {
  width: 450px;
  -webkit-box-shadow: 0 0 3px #676a6c;
          box-shadow: 0 0 3px #676a6c;
}
.company-profile-app .notes-flyout-panel > .card .card-body.full-height {
  height: calc(100vh - var(--ins-topbar-height) - 185px);
  overflow: hidden;
}
.company-profile-app .notes-flyout-panel .outlook-box.outlook-box-full {
  margin: 0px;
  height: calc(100vh - var(--ins-topbar-height) - 184px);
}
.company-profile-app .notes-flyout-panel .outlook-box .outlook-left-menu {
  width: 185px;
}
.company-profile-app .notes-flyout-panel .search-line.advanced {
  background-color: rgba(187, 187, 187, 0.8);
}
.company-profile-app .notes-flyout-panel .search-line .search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.company-profile-app .notes-flyout-panel .search-line .search-container .search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.company-profile-app .notes-flyout-panel .search-line .search-container .filter-btn {
  position: relative;
  border: none;
  background: none;
  font-size: 1.2rem;
  color: #6c757d;
}
.company-profile-app .notes-flyout-panel .search-line .search-container .filter-btn:hover {
  color: #000;
}
.company-profile-app .notes-flyout-panel .search-line .search-container .filter-btn .badge {
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  right: -3px;
  top: -2px;
}
.company-profile-app .notes-flyout-panel .search-line .filter-panel {
  margin-top: 10px;
}
.company-profile-app .notes-flyout-panel .search-line .filter-panel .form-group {
  margin-bottom: 0.5rem;
}
.company-profile-app .notes-flyout-panel .search-line .filter-panel .btn-default {
  color: #000;
}
.company-profile-app .description-flyout-panel {
  position: absolute;
  top: 38px;
  left: 516px;
}
.company-profile-app .description-flyout-panel > .card {
  width: 450px;
  -webkit-box-shadow: 0 0 3px #676a6c;
          box-shadow: 0 0 3px #676a6c;
}
.company-profile-app .description-flyout-panel > .card .card-body.full-height {
  height: calc(100vh - var(--ins-topbar-height) - 185px);
  overflow: hidden;
}
.company-profile-app .description-flyout-panel .carousel-control-next,
.company-profile-app .description-flyout-panel .carousel-control-prev {
  width: 4%;
}
.company-profile-app .tooltip-card .offcanvas {
  -webkit-box-shadow: 0 0 20px rgba(142, 146, 148, 0.88);
          box-shadow: 0 0 20px rgba(142, 146, 148, 0.88);
}

/*dark theme*/
html[data-bs-theme=dark] .company-profile-app .overlay .card {
  background-color: rgba(0, 0, 0, 0.5);
}
html[data-bs-theme=dark] .company-profile-app .mapboxgl-ctrl-group {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}
html[data-bs-theme=dark] .company-profile-app .mapboxgl-ctrl-group button:not(:disabled) {
  background-color: var(--ins-secondary-bg);
  color: var(--ins-body-color);
}
html[data-bs-theme=dark] .company-profile-app .mapboxgl-ctrl-group button:not(:disabled) .mapboxgl-ctrl-icon {
  -webkit-filter: invert(84%) sepia(8%) saturate(270%) hue-rotate(182deg) brightness(95%) contrast(90%);
          filter: invert(84%) sepia(8%) saturate(270%) hue-rotate(182deg) brightness(95%) contrast(90%);
}
html[data-bs-theme=dark] .company-profile-app .mapboxgl-ctrl-group button:not(:disabled):hover {
  background-color: rgba(2, 2, 2, 0.8);
  color: #1ab394;
}
html[data-bs-theme=dark] .company-profile-app .mapboxgl-ctrl-group button:not(:disabled):hover .mapboxgl-ctrl-icon {
  -webkit-filter: invert(52%) sepia(90%) saturate(500%) hue-rotate(120deg) brightness(85%) contrast(95%);
          filter: invert(52%) sepia(90%) saturate(500%) hue-rotate(120deg) brightness(85%) contrast(95%);
}
html[data-bs-theme=dark] .company-profile-app .top-menu ul li {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
  background-color: var(--ins-secondary-bg);
}
html[data-bs-theme=dark] .company-profile-app .company-details-card > .card {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}
html[data-bs-theme=dark] .company-profile-app .notes-flyout-panel > .card {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}
html[data-bs-theme=dark] .company-profile-app .description-flyout-panel > .card {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}

.international-coverage-app .card {
  -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.international-coverage-app .select-channel-wrapper .btn {
  width: 140px;
  padding: 10px 7px;
  font-weight: normal;
  color: #fff;
}
.international-coverage-app .map-wrapper {
  position: relative;
}
.international-coverage-app .map-wrapper .map {
  width: 100%;
  min-height: 500px;
  height: calc(100vh - 200px);
}
.international-coverage-app .map-wrapper .map-card {
  position: absolute;
  top: 10px;
  left: 8px;
  width: 206px;
  margin-bottom: 5px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 0 3px rgba(223, 223, 223, 0.88);
          box-shadow: 0 0 3px rgba(223, 223, 223, 0.88);
  font-size: 11px;
}
.international-coverage-app .map-wrapper .map-card .card {
  margin-bottom: 0px;
}
.international-coverage-app .map-wrapper .map-card .card .card-header {
  border: none;
  min-height: 0px;
  background-color: transparent;
  padding: 10px 44px 10px 8px;
}
.international-coverage-app .map-wrapper .map-card .card .card-body {
  position: relative;
  border: none;
  background-color: transparent;
  padding: 8px 8px 8px 8px;
}
.international-coverage-app .map-wrapper .map-card p {
  margin-bottom: 0px;
}
.international-coverage-app .map-wrapper .map-card p.sub-title {
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 2px;
}
.international-coverage-app .map-wrapper .map-card .btn {
  margin-top: 4px;
  margin-bottom: 4px;
}
.international-coverage-app .map-wrapper .map-card hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.international-coverage-app .map-wrapper .map-card.user-prompt {
  position: absolute;
  top: 10px;
  left: inherit;
  right: 50px;
}
.international-coverage-app .map-wrapper .map-card.user-prompt .card .card-body {
  position: relative;
  border: none;
  background-color: transparent;
  padding: 20px;
}
.international-coverage-app .map-wrapper .loading-box {
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 3px rgba(103, 106, 108, 0.8784313725);
          box-shadow: 0 0 3px rgba(103, 106, 108, 0.8784313725);
  color: white;
  text-align: center;
}
.international-coverage-app .map-wrapper .loading-box i.fas {
  font-size: 14px;
}
.international-coverage-app .map-wrapper .map-buttons {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
}
.international-coverage-app .map-wrapper .map-buttons > p {
  display: inline-block;
  margin: 0px;
}
.international-coverage-app .map-wrapper .map-buttons .btn {
  -webkit-box-shadow: 0 0 3px #676a6c;
          box-shadow: 0 0 3px #676a6c;
}
.international-coverage-app .map-wrapper .mapboxgl-ctrl i {
  font-size: 14px;
}
.international-coverage-app .policy .card-body.full-height {
  height: calc(100vh - 200px);
  overflow-y: auto;
}

html[data-bs-theme=dark] .international-coverage-app .mapboxgl-ctrl-group {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}
html[data-bs-theme=dark] .international-coverage-app .mapboxgl-ctrl-group button:not(:disabled) {
  background-color: var(--ins-secondary-bg);
  color: var(--ins-body-color);
}
html[data-bs-theme=dark] .international-coverage-app .mapboxgl-ctrl-group button:not(:disabled) .mapboxgl-ctrl-icon {
  -webkit-filter: invert(84%) sepia(8%) saturate(270%) hue-rotate(182deg) brightness(95%) contrast(90%);
          filter: invert(84%) sepia(8%) saturate(270%) hue-rotate(182deg) brightness(95%) contrast(90%);
}
html[data-bs-theme=dark] .international-coverage-app .mapboxgl-ctrl-group button:not(:disabled):hover {
  background-color: rgba(2, 2, 2, 0.8);
  color: #1ab394;
}
html[data-bs-theme=dark] .international-coverage-app .mapboxgl-ctrl-group button:not(:disabled):hover .mapboxgl-ctrl-icon {
  -webkit-filter: invert(52%) sepia(90%) saturate(500%) hue-rotate(120deg) brightness(85%) contrast(95%);
          filter: invert(52%) sepia(90%) saturate(500%) hue-rotate(120deg) brightness(85%) contrast(95%);
}

.location-app {
  /* menu */
  /* menu specific cards*/
  /* modal category selection */
  /* area search */
  /* radius search */
  /* table biew */
  /* multi select */
  /* styles override */
}
.location-app .xrm-map {
  height: calc(100vh - 66px); /*remove menu height*/
  width: 100%;
  position: fixed;
  top: 66px; /*menu height*/
  left: 0;
  right: 0;
}
.location-app .layer-over-map {
  position: relative;
  z-index: 1;
  min-height: calc(100vh - var(--ins-topbar-height));
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
}
.location-app .layer-over-map .container.no-padding {
  max-width: none;
}
.location-app .layer-over-map h3 {
  margin: 0 0 10px 0;
}
.location-app .layer-over-map p {
  margin: 0 0 10px 0;
}
.location-app .welcome-card .account-panel > .card {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px); /* blur effect */
  border-radius: 10px;
  -webkit-box-shadow: 0 0 4px 2px rgba(103, 106, 108, 0.88);
          box-shadow: 0 0 4px 2px rgba(103, 106, 108, 0.88);
}
.location-app .welcome-card .account-panel .tab-pane:not(.wizard-tab) {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  border: 1px solid rgb(231, 233, 235);
  border-top: 3px solid #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.location-app .welcome-card .account-panel .tab-pane.maximized {
  min-height: calc(100vh - var(--ins-topbar-height) - 415px);
}
.location-app .welcome-card .account-panel .tab-shortlist .panel-body {
  min-height: 295px;
}
.location-app .welcome-card .account-panel .tab-shortlist .table-shortlist tr {
  cursor: pointer;
}
.location-app .welcome-card .account-panel .tab-shortlist .table-shortlist tr.selected {
  background-color: rgba(255, 255, 255, 0.2);
}
.location-app .welcome-card .account-panel .tab-shortlist .table-shortlist tr .label-total {
  display: inline-block;
  padding: 5px 7px;
}
.location-app .welcome-card .account-panel .tab-shortlist .table-shortlist tr .col-btns {
  width: 185px;
}
.location-app .welcome-card .account-panel .tab-shortlist .edit-text {
  color: #424242;
  border-radius: 0.25rem;
  padding: 4px 6px;
}
.location-app .welcome-card .account-panel .tab-shortlist .shortlist-companies-container {
  max-height: 250px;
  overflow-y: auto;
}
.location-app .welcome-card .account-panel .tab-shortlist .shortlist-container {
  max-height: 250px;
  overflow-y: auto;
}
.location-app .welcome-card .account-panel .tab-saved-search .table-saved-search tr {
  cursor: pointer;
}
.location-app .welcome-card .account-panel .tab-saved-search .table-saved-search tr.selected {
  background-color: rgba(255, 255, 255, 0.2);
}
.location-app .welcome-card .account-panel .tab-saved-search .table-saved-search tr .col-btns {
  width: 185px;
}
.location-app .welcome-card .account-panel .tab-saved-search .edit-text {
  color: #424242;
  border-radius: 0.25rem;
}
.location-app .welcome-card .account-panel .tab-saved-search .saved-search-container {
  max-height: 250px;
  overflow-y: auto;
}
.location-app .welcome-card .account-panel .table-header-fixed th {
  position: sticky; /* Keeps the header visible when scrolling */
  top: 0;
  z-index: 1;
}
.location-app .welcome-card .account-panel .table-header-fixed th.aligned-vertically {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.location-app .welcome-card .account-panel .table-header-fixed tbody tr:first-child td {
  border-top: none;
}
.location-app .welcome-card .main-panel > .card {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px); /* blur effect */
  border-radius: 10px;
  -webkit-box-shadow: 0 0 4px 2px rgba(103, 106, 108, 0.88);
          box-shadow: 0 0 4px 2px rgba(103, 106, 108, 0.88);
}
.location-app .welcome-card .main-panel > .card > .card-body {
  min-height: 570px;
}
.location-app .welcome-card .main-panel .topics {
  line-height: 2;
}
.location-app .welcome-card .main-panel .topics ul {
  padding-left: 18px;
  font-size: 16px;
  list-style-type: none; /* Remove default bullets */
  padding-left: 0; /* Remove left padding */
}
.location-app .welcome-card .main-panel .topics ul li {
  margin-bottom: 6px;
  position: relative; /* Required for positioning the icon */
  padding-left: 30px; /* Add space for the icon */
}
.location-app .welcome-card .main-panel .topics ul li::before {
  content: "\f058"; /* Font Awesome icon Unicode */
  font-family: "Font Awesome 6 Pro"; /* Specify Font Awesome */
  font-weight: 900; /* Ensure it's the solid version */
  position: absolute;
  left: 0;
  top: 0;
}
.location-app .welcome-card .main-panel .marcoms-card {
  background: none;
  width: 85%;
}
.location-app .welcome-card .main-panel .marcoms-card .carousel-item {
  padding: 12px 16px;
  color: #fafafa;
  background-color: rgba(110, 110, 110, 0.2);
}
.location-app .welcome-card .main-panel .marcoms-card .carousel-item > div {
  min-height: 80px;
}
.location-app .welcome-card .main-panel .marcoms-card .carousel-item .item-stats {
  margin: -12px -16px;
}
.location-app .welcome-card .main-panel .marcoms-card .carousel-item p {
  margin: 0px;
}
.location-app .welcome-card .main-panel .marcoms-card .carousel-item h4 {
  color: #fff;
  line-height: 1.3;
}
.location-app .welcome-card .main-panel .marcoms-card .card-body {
  padding: 0;
}
.location-app .welcome-card .main-panel .marcoms-card .card-body .marcoms {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #fafafa;
}
.location-app .welcome-card .main-panel .marcoms-card .card-body .marcoms > li {
  display: none;
}
.location-app .welcome-card .main-panel .marcoms-card .card-body .marcoms > li.active {
  display: block;
}
.location-app .welcome-card .main-panel .marcoms-card .card-body .marcoms > li a {
  color: #fff !important;
}
.location-app .welcome-card .main-panel .marcoms-card .card-body .marcoms p {
  margin: 0px;
}
.location-app .welcome-card .main-panel .marcoms-card .card-body .marcoms h4 {
  color: #fff;
  line-height: 1.3;
}
.location-app .welcome-card .main-panel .fmd-tech-details {
  position: absolute;
  bottom: 28px;
}
.location-app .welcome-card .main-panel .fmd-tech-details .ai-info img {
  height: 28px;
}
.location-app .welcome-card .main-panel .search-form {
  margin: 0px;
  padding: 20px;
  border-radius: 8px;
}
.location-app .welcome-card .main-panel .search-form .vs__search {
  padding: 3px 10px 2px;
}
.location-app .welcome-card .main-panel .search-form .vs__search::-webkit-input-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .vs__search::-moz-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .vs__search:-ms-input-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .vs__search::-ms-input-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .vs__search::placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .form-control {
  border-radius: 4px;
}
.location-app .welcome-card .main-panel .search-form .form-control::-webkit-input-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .form-control::-moz-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .form-control:-ms-input-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .form-control::-ms-input-placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .form-control::placeholder {
  color: #6c757d;
}
.location-app .welcome-card .main-panel .search-form .select-channel-wrapper {
  width: 100%;
}
.location-app .welcome-card .main-panel .search-form .select-channel-wrapper .btn {
  width: 50%;
  padding: 14px 7px;
}
.location-app .welcome-card .main-panel .fade-enter-active {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.location-app .welcome-card .main-panel .fade-enter,
.location-app .welcome-card .main-panel .fade-leave-to {
  opacity: 0;
}
.location-app .welcome-card .main-panel .carousel-control-next,
.location-app .welcome-card .main-panel .carousel-control-prev {
  width: 4%;
}
.location-app .welcome-card .main-panel .carousel-control-next .carousel-control-prev-icon,
.location-app .welcome-card .main-panel .carousel-control-next .carousel-control-next-icon,
.location-app .welcome-card .main-panel .carousel-control-prev .carousel-control-prev-icon,
.location-app .welcome-card .main-panel .carousel-control-prev .carousel-control-next-icon {
  -webkit-filter: invert(100%);
          filter: invert(100%); /* white → black */
}
.location-app .welcome-card .main-panel .carousel-indicators [data-bs-target] {
  -webkit-filter: invert(100%);
          filter: invert(100%); /* white → black */
}
.location-app .welcome-card .second-panel .card {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px); /* blur effect */
  border-radius: 10px;
  -webkit-box-shadow: 0 0 4px 2px rgba(103, 106, 108, 0.88);
          box-shadow: 0 0 4px 2px rgba(103, 106, 108, 0.88);
}
.location-app .modal-shortlist .modal-header,
.location-app .modal-savedsearch .modal-header {
  padding: 15px;
}
.location-app .modal-shortlist .modal-header h4,
.location-app .modal-savedsearch .modal-header h4 {
  font-size: 22px;
}
.location-app .xrm-map-menu {
  position: absolute;
  margin: 5px 5px 0px;
  right: 0;
  height: 0px;
  left: 0;
  z-index: 3;
  /* cards */
}
.location-app .xrm-map-menu .menu {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: 305px;
  padding-top: 1px;
  /*reset landing css settings*/
}
.location-app .xrm-map-menu .menu ul {
  padding: 0px;
  list-style-type: none;
}
.location-app .xrm-map-menu .menu ul li {
  display: inline-block;
  background: #fff;
  border-radius: 4px;
  padding: 0px;
  margin-right: 5px;
  list-style-type: none;
  -webkit-box-shadow: 0 1px 4px 0 rgba(144, 140, 140, 0.8);
          box-shadow: 0 1px 4px 0 rgba(144, 140, 140, 0.8);
}
.location-app .xrm-map-menu .menu a.dropdown-item.active {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #8eb231 !important;
}
.location-app .xrm-map-menu .menu .btn {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
  font-weight: 400;
}
.location-app .xrm-map-menu ul.map-cards {
  position: absolute;
  top: 0px;
  padding: 0;
  max-width: 218px;
  z-index: 5;
}
.location-app .xrm-map-menu ul.map-cards.map-cards-left {
  left: 0px;
}
.location-app .xrm-map-menu ul.map-cards.map-cards-left.second-column {
  left: 310px;
  top: 37px;
}
.location-app .xrm-map-menu ul.map-cards.map-cards-right {
  right: 0px;
  margin-top: 0px;
  -webkit-transition: margin-top 0.4s ease;
  transition: margin-top 0.4s ease;
}
@media (max-width: 1445px) {
  .location-app .xrm-map-menu ul.map-cards.map-cards-right {
    margin-top: 38px;
  }
}
.location-app .xrm-map-menu ul.map-cards.map-cards-right.second-column {
  right: 379px;
  margin-top: 0px;
  -webkit-transition: margin-top 0.4s ease;
  transition: margin-top 0.4s ease;
}
@media (max-width: 1750px) {
  .location-app .xrm-map-menu ul.map-cards.map-cards-right.second-column {
    margin-top: 38px;
  }
}
.location-app .xrm-map-menu ul.map-cards.map-cards-right.third-column {
  right: 838px;
  margin-top: 0px;
  -webkit-transition: margin-top 0.4s ease;
  transition: margin-top 0.4s ease;
}
@media (max-width: 1750px) {
  .location-app .xrm-map-menu ul.map-cards.map-cards-right.third-column {
    margin-top: 38px;
  }
}
.location-app .xrm-map-menu ul.map-cards li.map-card {
  display: inline-block;
  min-width: 218px;
  font-size: 11px;
  /*margin-bottom: 5px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px #676a6ce0;
  color: #fafafa;
  text-shadow: 1px 0 10px #424242d9;
  backdrop-filter: blur(10px);*/
}
.location-app .xrm-map-menu ul.map-cards li.map-card > .card {
  margin-bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
}
.location-app .xrm-map-menu ul.map-cards li.map-card > .card > .card-header {
  padding: 8px 10px;
}
.location-app .xrm-map-menu ul.map-cards li.map-card > .card > .card-header .card-title {
  font-size: 12px;
  font-weight: 600;
  color: #fafafa;
  text-shadow: 1px 0 10px rgba(66, 66, 66, 0.8509803922);
}
.location-app .xrm-map-menu ul.map-cards li.map-card > .card .card-action-item {
  font-size: 12px;
  height: 20px;
  width: 20px;
  line-height: 18px;
}
.location-app .xrm-map-menu ul.map-cards li.map-card > .card > .card-body {
  color: #fafafa;
  text-shadow: 1px 0 10px rgba(66, 66, 66, 0.8509803922);
  padding: 8px;
}
.location-app .xrm-map-menu ul.map-cards li.map-card > .card > .card-body .badge:not(.position-absolute) {
  text-shadow: none;
  font-size: 10px;
}
.location-app .xrm-map-menu ul.map-cards .overlay {
  background-color: rgba(130, 130, 130, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 10px;
}
.location-app .xrm-map-menu ul.map-cards .overlay .card {
  text-shadow: none;
}
.location-app .xrm-map-menu ul.map-cards .overlay .card .card-title {
  font-size: 12px;
  font-weight: 600;
}
.location-app .map-card > .card {
  -webkit-box-shadow: 0 1px 4px 0 rgba(144, 140, 140, 0.8);
          box-shadow: 0 1px 4px 0 rgba(144, 140, 140, 0.8);
}
.location-app .map-card input, .location-app .map-card select, .location-app .map-card .vs__dropdown-menu {
  color: #424242;
  text-shadow: none;
}
.location-app .map-card input:not([type=checkbox]), .location-app .map-card select:not([type=checkbox]), .location-app .map-card .vs__dropdown-menu:not([type=checkbox]) {
  border-radius: 0.25rem;
}
.location-app .map-card p.sub-title {
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 2px;
}
.location-app .map-card p.sub-title:first-child {
  margin-top: 0px;
  padding-top: 8px;
}
.location-app .map-card .card-body a:not(.page-link):not(.nav-link):not(.btn):not([role=button]) {
  font-size: 11px;
  color: #ffffff;
}
.location-app .map-card .card-body a:not(.page-link):not(.nav-link):not(.btn):not([role=button]).disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.location-app .map-card .card-body a:not(.page-link):not(.nav-link):not(.btn):not([role=button]):hover {
  text-decoration: underline;
}
.location-app .map-card .pagination .page-item.disabled a.page-link {
  pointer-events: none;
}
.location-app .map-card .pagination .page-item.highlight a {
  background: gold;
}
.location-app .map-card .pagination .page-item a.page-link {
  font-size: 11px;
  padding: 4px 6px;
}
.location-app .map-card .table {
  margin: 0;
  color: #fff;
}
.location-app .map-card .table.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
}
.location-app .map-card .table td.resource-id {
  color: yellow;
  font-weight: bold;
}
.location-app .map-card .switchery {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.location-app .map-card .tabs-titles {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.location-app .map-card .tabs-titles a {
  color: #fff;
}
.location-app .map-card .v-select .xrm-tooltip {
  color: inherit;
}
.location-app .map-card .layer-color-selection {
  margin-bottom: 10px;
}
.location-app .map-card .layer-color-selection p.sub-title small {
  float: right;
  margin-top: 1px;
  margin-right: 1px;
  border: 1px solid #000000;
  border-radius: 3px;
  padding: 0px 8px;
  background-color: rgba(255, 255, 255, 0.2509803922);
}
.location-app .map-card .layer-color-selection .btn {
  width: 31px;
}
.location-app .map-card .layer-color-selection .btn.active i {
  visibility: visible;
}
.location-app .map-card .layer-color-selection .btn i {
  visibility: hidden;
}
.location-app .map-card.search-card {
  background: none;
  width: 300px;
}
.location-app .map-card.search-card > .card.no-channel {
  position: relative;
  background-color: rgba(156, 156, 156, 0.5) !important;
}
.location-app .map-card.search-card > .card.no-channel .card-header {
  background-color: rgba(4, 4, 4, 0.25);
}
.location-app .map-card.search-card > .card.facilities {
  background-color: rgba(97, 158, 241, 0.6) !important;
}
.location-app .map-card.search-card > .card.facilities .card-header {
  background-color: rgba(4, 4, 4, 0.25);
}
.location-app .map-card.search-card > .card.facilities .card-body .sub-title.header {
  background-color: rgba(26, 123, 185, 0.5);
}
.location-app .map-card.search-card > .card.fleet {
  background-color: rgba(121, 192, 72, 0.6) !important;
}
.location-app .map-card.search-card > .card.fleet .card-header {
  background-color: rgba(4, 4, 4, 0.25);
}
.location-app .map-card.search-card > .card.fleet .card-body .sub-title.header {
  background-color: rgba(107, 178, 58, 0.5);
}
.location-app .map-card.search-card > .card .card-body {
  /* this works but the UI does not behave properly when opening v-select components (category, brand, etc) */
  /*max-height: calc(100vh - var(--ins-topbar-height) - 80px);*/
  /* search */
  /* saved search */
  /* short list */
}
.location-app .map-card.search-card > .card .card-body .sub-title.header {
  margin-top: 0px;
  margin-left: -8px;
  margin-right: -8px;
  padding: 6px 8px;
  background-color: rgba(156, 156, 156, 0.5);
}
.location-app .map-card.search-card > .card .card-body .select-tab-wrapper {
  /*.btn-primary {
  	border-color: #749129
  }

  .btn-default {
  	&.btn-outline {
  		border: 1px solid rgb(231 234 236 / 75%);
  	}
  }*/
}
.location-app .map-card.search-card > .card .card-body .select-tab-wrapper .btn-outline-light:not(:hover) {
  color: #ffffff !important;
}
.location-app .map-card.search-card > .card .card-body .select-channel-wrapper {
  border-top: 1px solid white;
  width: 100%;
}
.location-app .map-card.search-card > .card .card-body .select-channel-wrapper.btn-group {
  border-radius: unset;
}
.location-app .map-card.search-card > .card .card-body .select-channel-wrapper .btn {
  width: 50%;
  padding: 10px 7px;
  font-weight: normal;
}
.location-app .map-card.search-card > .card .card-body .btn-field-clear {
  float: right;
}
.location-app .map-card.search-card > .card .card-body .btn-field-clear .badge {
  line-height: 0.8;
}
.location-app .map-card.search-card > .card .card-body .select-option-badge-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background-color: white !important;
  font-size: 8px !important;
  padding: 3px;
  border-color: #bbb;
  color: rgb(51, 51, 51) !important;
}
.location-app .map-card.search-card > .card .card-body .accordion .accordion-item {
  background-color: transparent;
}
.location-app .map-card.search-card > .card .card-body .accordion .accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  padding: 6px;
  font-size: 11px;
  color: #ffffff;
}
.location-app .map-card.search-card > .card .card-body .accordion .accordion-item .accordion-header .accordion-button::after {
  -webkit-filter: none;
          filter: none; /* reset if needed */
  color: red; /* works in Bootstrap 5.3+ where SVG chevron uses currentColor */
}
.location-app .map-card.search-card > .card .card-body .accordion .accordion-item .accordion-body {
  padding: 0px 6px 6px 6px;
  font-size: 11px;
  color: #ffffff;
}
.location-app .map-card.search-card > .card .card-body .accordion .btn-sm {
  font-size: 11px;
}
.location-app .map-card.search-card > .card .card-body .accordion .btn-sm:disabled {
  color: #d3d3d3;
}
.location-app .map-card.search-card > .card .card-body .saved-search-tab .form-control {
  padding: 2px 6px;
  font-size: 11px;
  height: auto;
}
.location-app .map-card.search-card > .card .card-body .saved-search-tab table td {
  color: #fff;
}
.location-app .map-card.search-card > .card .card-body .saved-search-tab table .selected {
  background-color: rgba(0, 0, 0, 0.3137254902);
}
.location-app .map-card.search-card > .card .card-body .saved-search-tab table .col-btns {
  width: 110px;
}
.location-app .map-card.search-card > .card .card-body .saved-search-tab table .col-btns.is-editing-row {
  padding-top: 10px;
}
.location-app .map-card.search-card > .card .card-body .saved-search-tab table .col-btns a:hover {
  text-decoration: none;
}
.location-app .map-card.search-card > .card .card-body .shortlist-tab .form-control {
  padding: 2px 6px;
  font-size: 11px;
  height: auto;
}
.location-app .map-card.search-card > .card .card-body .shortlist-tab table td {
  color: #fff;
}
.location-app .map-card.search-card > .card .card-body .shortlist-tab table .selected {
  background-color: rgba(0, 0, 0, 0.3137254902);
}
.location-app .map-card.search-card > .card .card-body .shortlist-tab table .col-btns {
  width: 150px;
}
.location-app .map-card.search-card > .card .card-body .shortlist-tab table .col-btns.is-editing-row {
  padding-top: 10px;
}
.location-app .map-card.search-card > .card .card-body .shortlist-tab table .col-btns a:hover {
  text-decoration: none;
}
.location-app .map-card.search-results-card {
  width: 295px;
  margin-left: -75px;
}
.location-app .map-card.search-results-card .row-companies {
  margin: 1px -8px;
  min-height: 36px;
  background-color: rgba(0, 0, 0, 0.1254901961);
  text-shadow: none;
}
.location-app .map-card.search-results-card .row-companies:hover {
  background-color: rgba(0, 0, 0, 0.3137254902);
}
.location-app .map-card.search-results-card .row-companies.enhanced-row {
  background-color: rgba(0, 0, 0, 0.5215686275);
}
.location-app .map-card.search-results-card .row-companies.enhanced-row:hover {
  background-color: rgba(0, 0, 0, 0.3137254902);
}
.location-app .map-card.search-results-card .row-companies.selected {
  -webkit-box-shadow: 0 -1px 0 0 gold, 0 1px 0 0 gold;
          box-shadow: 0 -1px 0 0 gold, 0 1px 0 0 gold;
}
.location-app .map-card.search-results-card .col-badges {
  font-size: 16px;
}
.location-app .map-card.search-results-card .col-badges i {
  margin-left: 2px;
}
.location-app .map-card.search-results-card .col-badges i.active-color-1 {
  color: #874CCC;
}
.location-app .map-card.search-results-card .col-badges i.active-color-2 {
  color: #B51B75;
}
.location-app .map-card.search-results-card .col-badges i.active-color-3 {
  color: #FB6D48;
}
.location-app .map-card.search-results-card .col-badges i.active-color-4 {
  color: #FFAF45;
}
.location-app .map-card.search-results-card .col-badges i.active-color-5 {
  color: #ADD899;
}
.location-app .map-card.search-results-card .col-badges i:first-child {
  margin-left: 0px;
}
.location-app .map-card.search-results-card .col-badges .fmex-badge {
  padding: 2px 4px;
  color: #fff;
}
.location-app .map-card.search-results-card .pager {
  margin-top: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.location-app .map-card.profile-card {
  width: 295px;
}
.location-app .map-card.profile-card .link-profile {
  color: #fff !important;
}
.location-app .map-card.profile-card table {
  background-color: #ffffff;
  border-radius: 2px;
  color: #000;
  text-shadow: none;
  width: 100%;
}
.location-app .map-card.profile-card table th {
  padding: 3px 6px;
  text-align: right;
  vertical-align: top;
}
.location-app .map-card.profile-card .tab-content {
  padding: 8px 6px;
  background-color: #ffffff;
  border-radius: 2px;
  color: #000;
  text-shadow: none;
}
.location-app .map-card.profile-card .tab-content a {
  color: #000;
}
.location-app .map-card.profile-card .tab-content.tab-media {
  text-align: center;
}
.location-app .map-card.profile-card .tab-content.tab-media a {
  font-size: 1.5rem !important;
  margin-left: 4px;
  margin-right: 4px;
  color: #000 !important;
}
.location-app .map-card.profile-card .fmex-badge {
  padding: 2px 4px;
  color: #fff;
}
.location-app .map-card.profile-card .fmex-badge.facilities {
  background-color: rgba(97, 158, 241, 0.7);
  border: 1px solid #1a7bb9;
}
.location-app .map-card.profile-card .fmex-badge.fleet {
  background-color: rgba(121, 192, 72, 0.7);
  border: 1px solid #9ed478;
}
.location-app .map-card.profile-card .col-badges i {
  color: #000000;
}
.location-app .map-card.profile-card .col-badges span,
.location-app .map-card.profile-card .col-badges i {
  margin-left: 4px;
}
.location-app .map-card.profile-card .shortlist-list li {
  margin-bottom: 2px;
}
.location-app .map-card.profile-card .shortlist-prompt {
  background-color: rgba(130, 130, 130, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 40px 20px;
}
.location-app .map-card.profile-card .company-category-list {
  max-height: 250px;
  overflow-y: scroll;
}
.location-app .map-card.profile-card .company-category-list li.selected {
  /*background-color: #ffffff;
  border: 1px solid #a1a1a1;*/
  background-color: #ffffff;
  border: 1px solid #f1a412;
  border-radius: 4px;
}
.location-app .map-card.profile-card .profile-actions-box a {
  color: #000000 !important;
}
.location-app .map-card.profile-card .alert {
  text-shadow: none;
  padding: 8px;
}
.location-app .map-card.profile-notes-card {
  width: 450px;
}
.location-app .map-card.profile-notes-card .outlook-box {
  border-radius: 2px;
  overflow: hidden;
}
.location-app .map-card.profile-notes-card .outlook-box.outlook-box-full {
  height: calc(100vh - var(--ins-topbar-height) - 82px);
  margin: 0px;
}
@media (max-width: 1750px) {
  .location-app .map-card.profile-notes-card .outlook-box.outlook-box-full {
    height: calc(100vh - var(--ins-topbar-height) - 120px);
  }
}
.location-app .map-card.profile-notes-card .outlook-box.outlook-box-full .card-body {
  color: #4c4c5c !important;
  text-shadow: none !important;
}
.location-app .map-card.profile-notes-card .outlook-box .outlook-left-menu {
  width: 185px;
}
.location-app .map-card.profile-notes-card .search-line.advanced {
  background-color: rgba(187, 187, 187, 0.8);
}
.location-app .map-card.profile-notes-card .search-line .search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.location-app .map-card.profile-notes-card .search-line .search-container .search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.location-app .map-card.profile-notes-card .search-line .search-container .filter-btn {
  position: relative;
  border: none;
  background: none;
  font-size: 1.2rem;
  color: #6c757d;
}
.location-app .map-card.profile-notes-card .search-line .search-container .filter-btn:hover {
  color: #000;
}
.location-app .map-card.profile-notes-card .search-line .search-container .filter-btn .badge {
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  right: -3px;
  top: -2px;
  font-size: 11px;
}
.location-app .map-card.profile-notes-card .search-line .filter-panel {
  margin-top: 10px;
}
.location-app .map-card.profile-notes-card .search-line .filter-panel .form-group {
  margin-bottom: 0.5rem;
}
.location-app .map-card.profile-notes-card .search-line .filter-panel .btn-default {
  color: #000;
}
.location-app .map-card.get-started-card .offcanvas {
  -webkit-box-shadow: 0 0 20px rgba(142, 146, 148, 0.88);
          box-shadow: 0 0 20px rgba(142, 146, 148, 0.88);
}
.location-app .search-parent-category-modal .list-parent-category {
  position: relative;
  height: 450px;
  border: 1px solid #e7eaec;
  border-radius: 4px;
}
.location-app .map-card.area-search-card {
  width: 280px;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.location-app .map-card.area-search-card.no-fade {
  opacity: 1; /* Keep full opacity when hovering */
}
.location-app .map-card.area-search-card:hover {
  opacity: 1; /* Keep full opacity when hovering */
}
.location-app .map-card.area-search-card .filter-options-panel {
  background-color: rgba(221, 221, 221, 0.4392156863);
  border-radius: 8px;
  padding: 4px 8px;
  margin-top: 8px;
}
.location-app .map-card.area-search-card .dropdown-menu {
  background-color: #fff;
}
.location-app .map-card.area-search-card .dropdown-menu a {
  color: #000 !important;
}
.location-app .map-card.area-search-card .dropdown-menu a:hover {
  text-decoration: none;
  background-color: #d8d8d8;
}
.location-app .map-card.area-search-card .dropdown-menu a.active {
  background-color: #8eb231 !important;
  color: #fff !important;
}
.location-app .map-card.area-search-card .dropdown-submenu {
  position: relative;
}
.location-app .map-card.area-search-card .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  display: none;
}
.location-app .map-card.area-search-card .dropdown-submenu:hover .dropdown-menu {
  display: block;
}
.location-app .xrm-popup-radius .mapboxgl-popup-content {
  background: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0;
  opacity: 0.5;
  backdrop-filter: blur(10px); /* blur effect */
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.location-app .xrm-popup-radius .mapboxgl-popup-content::after {
  background-color: rgba(0, 0, 0, 0.4);
}
.location-app .xrm-popup-radius .mapboxgl-popup-content.no-fade {
  opacity: 1; /* Keep full opacity when hovering */
}
.location-app .xrm-popup-radius .mapboxgl-popup-content:hover {
  opacity: 1; /* Keep full opacity when hovering */
}
.location-app .xrm-popup-radius .mapboxgl-popup-content .mapboxgl-popup-close-button {
  display: none;
}
.location-app .xrm-popup-radius .mapboxgl-popup-content .card {
  background-color: transparent;
  border: none;
  color: #fff;
}
.location-app .xrm-popup-radius .mapboxgl-popup-content .card .card-body {
  position: relative;
}
.location-app .xrm-popup-radius .mapboxgl-popup-content .card .card-body .filter-options-panel {
  background-color: rgba(221, 221, 221, 0.4392156863);
  border-radius: 8px;
  padding: 4px 8px;
  margin-top: 8px;
}
.location-app .xrm-popup-radius .mapboxgl-popup-tip {
  display: none;
}
.location-app .table-view-layout {
  position: absolute !important;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 41px 5px 10px 310px;
  background-color: rgba(225, 225, 225, 0.5);
  z-index: 2;
  backdrop-filter: blur(10px);
}
.location-app .table-view-layout .column-filters li {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
}
.location-app .table-view-layout .table-view-profile-card .card {
  margin-bottom: 0px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
          box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
}
.location-app .table-view-layout .table-view-profile-card .card-body {
  position: relative;
}
.location-app .table-view-layout .table-view-profile-card .card-body .btn-group .btn {
  padding: 5px 8px;
}
.location-app .table-view-layout .table-view-profile-card .card-body .sub-title {
  font-weight: 600;
  margin-bottom: 5px;
}
.location-app .table-view-layout .table-view-profile-card .card-body .col-badges .favourite {
  font-size: 16px;
}
.location-app .table-view-layout .table-view-profile-card .card-body table {
  width: 100%;
}
.location-app .table-view-layout .table-view-profile-card .card-body table th {
  padding: 3px 6px;
  text-align: right;
  vertical-align: top;
}
.location-app .table-view-layout .table-view-profile-card .card-body .btn-filter {
  border: none;
}
.location-app .table-view-layout .table-view-profile-card .card-body .btn-filter:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.location-app .table-view-layout .table-view-profile-card .card-body .shortlist-overlay {
  background-color: rgba(130, 130, 130, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 20px 10px;
}
.location-app .table-view-layout .table-view-profile-card .card-body .shortlist-overlay .list {
  max-height: 150px;
  overflow-y: auto;
}
.location-app .table-view-layout .table-view-profile-card .card-body .tab-categories .scroll-wrapper {
  max-height: 345px;
  overflow-y: scroll;
}
.location-app .table-view-layout .table-view-profile-card .card-body .tab-categories li.selected {
  color: #292929;
  /*background-color: #efefef;
  border: 1px solid #a1a1a1;*/
  background-color: #ffffff;
  border: 1px solid #f1a412;
  border-radius: 4px;
}
.location-app .table-view-layout .table-view-profile-card .card-body .tab-media {
  text-align: center;
}
.location-app .table-view-layout .table-view-profile-card .card-body .tab-media a {
  font-size: 1.5rem;
  margin-left: 4px;
  margin-right: 4px;
  color: inherit;
}
.location-app .table-view-layout .table-view-profile-card .card-body .tab-locations .scroll-wrapper {
  max-height: 308px;
  overflow-y: scroll;
}
.location-app .table-view-layout .table-view-notes-card .card {
  margin-bottom: 0px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
          box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
}
.location-app .table-view-layout .table-view-notes-card .outlook-box.outlook-box-full {
  margin: 0px;
  height: calc(100vh - var(--ins-topbar-height) - 140px);
}
.location-app .table-view-layout .table-view-notes-card .outlook-box .card-body {
  text-shadow: none !important;
}
.location-app .table-view-layout .table-view-notes-card .outlook-box .outlook-left-menu {
  width: 185px;
}
.location-app .table-view-layout .table-view-notes-card .search-line.advanced {
  background-color: rgba(187, 187, 187, 0.8);
}
.location-app .table-view-layout .table-view-notes-card .search-line .search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.location-app .table-view-layout .table-view-notes-card .search-line .search-container .search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.location-app .table-view-layout .table-view-notes-card .search-line .search-container .filter-btn {
  position: relative;
  border: none;
  background: none;
  font-size: 1.2rem;
  color: #6c757d;
}
.location-app .table-view-layout .table-view-notes-card .search-line .search-container .filter-btn:hover {
  color: #000;
}
.location-app .table-view-layout .table-view-notes-card .search-line .search-container .filter-btn .badge {
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  right: -3px;
  top: -2px;
}
.location-app .table-view-layout .table-view-notes-card .search-line .filter-panel {
  margin-top: 10px;
}
.location-app .table-view-layout .table-view-notes-card .search-line .filter-panel .form-group {
  margin-bottom: 0.5rem;
}
.location-app .table-view-layout .table-view-notes-card .search-line .filter-panel .btn-default {
  color: #000;
}
.location-app .vs--searchable .vs__dropdown-toggle {
  background-color: #ffffff;
  border: var(--ins-border-width) solid var(--ins-border-color);
  text-shadow: none;
  font-size: 14px;
}
.location-app .vs--searchable .vs__dropdown-option {
  text-shadow: none;
  font-size: 14px;
  padding-left: 4px;
}
.location-app .vs--searchable .vs__selected-options {
  max-height: 150px;
  overflow-y: auto;
}
.location-app .map-box-wrapper.dark .xrm-map-menu ul.map-cards li.map-card, .location-app .map-box-wrapper.satellite .xrm-map-menu ul.map-cards li.map-card {
  background: rgba(189, 189, 189, 0.7);
}

/* Enquiry Modal */
#send-enquiry-wizard {
  /* Make Vue Good Table look more like Bootstrap tables */
}
#send-enquiry-wizard .select-channel-wrapper {
  width: 300px;
}
#send-enquiry-wizard .select-channel-wrapper.btn-group {
  border-radius: unset;
}
#send-enquiry-wizard .select-channel-wrapper .btn {
  width: 50%;
  padding: 10px 7px;
  font-weight: normal;
}
#send-enquiry-wizard .select-categories-wrapper {
  width: 100%;
}
#send-enquiry-wizard .select-categories-wrapper .vs__selected-options {
  padding: 2px;
  min-height: 36px;
}
#send-enquiry-wizard .select-categories-wrapper .vs__selected-options .vs__selected {
  padding: 2px 4px;
}
#send-enquiry-wizard .select-categories-wrapper .vs__dropdown-option {
  padding: 3px 6px;
}
#send-enquiry-wizard .select-categories-wrapper .vs__dropdown-option--disabled {
  background: #efefef;
  color: rgba(60, 60, 60, 0.5);
  cursor: not-allowed;
}
#send-enquiry-wizard .select-categories-wrapper .vs__dropdown-option--disabled .bg-basic {
  border-color: #c4c4c4;
  background: rgba(255, 255, 255, 0.3) !important;
}
#send-enquiry-wizard .selected-companies-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(70, 70, 70, 0.25); /* transparent dark overlay */
  backdrop-filter: blur(5px); /* optional glass effect */
  z-index: 20; /* above content */
}
#send-enquiry-wizard .selected-companies-panel .selected-companies-panel-content {
  background: rgba(255, 255, 255, 0.8); /* glass light panel */
  backdrop-filter: blur(10px);
  width: 400px;
}
#send-enquiry-wizard .vgt-wrap {
  color: var(--ins-body-color);
  font-size: 0.813rem; /* smaller font for table */
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  /*max heigth for the grid*/
}
#send-enquiry-wizard .vgt-wrap .vgt-responsive {
  max-height: calc(100vh - var(--ins-topbar-height) - 150px);
}
#send-enquiry-wizard .vgt-wrap .vgt-inner-wrap {
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
          box-shadow: 0 1px 3px 0 rgba(50, 50, 93, 0.1), 0 1px 2px 0 rgba(50, 50, 93, 0.06);
}
#send-enquiry-wizard .vgt-wrap .vgt-global-search {
  background: unset;
}
#send-enquiry-wizard .vgt-wrap .vgt-fixed-header thead th {
  color: var(--ins-body-color);
  background: transparent;
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  padding: 0.5rem 0.5rem; /* smaller padding */
  border: 1px solid #dcdfe6;
  background-color: #fff;
}
#send-enquiry-wizard .vgt-wrap .vgt-table {
  font-size: 0.813rem; /* smaller font for table */
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
  background-color: unset;
}
#send-enquiry-wizard .vgt-wrap .vgt-table thead th {
  color: var(--ins-body-color);
  background: transparent;
  border-bottom: 1px solid #dee2e6;
  font-weight: 600;
  padding: 0.5rem 0.5rem; /* smaller padding */
  border: 1px solid #dcdfe6;
  background-color: #fff;
}
#send-enquiry-wizard .vgt-wrap .vgt-table tbody tr:hover {
  background: #f1f3f5;
}
#send-enquiry-wizard .vgt-wrap .vgt-table tbody tr td {
  color: var(--ins-body-color);
  padding: 0.35rem 0.5rem; /* smaller padding */
  border-top: 1px solid #e9ecef;
  border: 1px solid #dcdfe6;
}
#send-enquiry-wizard .vgt-wrap .vgt-table tbody tr td .shortlist-col i {
  font-size: 18px;
}
#send-enquiry-wizard .vgt-wrap .vgt-table tbody tr td .shortlist-col i.fa-solid {
  color: rgb(248, 172, 89);
}
#send-enquiry-wizard .vgt-wrap.facilities thead th:first-child {
  position: relative; /* needed for pseudo-element positioning */
}
#send-enquiry-wizard .vgt-wrap.facilities thead th:first-child::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -1px;
  width: 4px;
  height: 103%;
  background: -webkit-gradient(linear, left top, left bottom, from(#69b33b), to(#017ab8));
  background: linear-gradient(to bottom, #69b33b, #017ab8);
}
#send-enquiry-wizard .vgt-wrap.facilities tbody tr.selected {
  background-color: rgba(150, 189, 245, 0.4);
}
#send-enquiry-wizard .vgt-wrap.facilities tbody tr.enhanced td:first-child {
  border-left: 4px solid #017ab8;
}
#send-enquiry-wizard .vgt-wrap.fleet thead th:first-child {
  position: relative; /* needed for pseudo-element positioning */
}
#send-enquiry-wizard .vgt-wrap.fleet thead th:first-child::before {
  content: "";
  position: absolute;
  left: -3px;
  top: -1px;
  width: 4px;
  height: 103%;
  background: -webkit-gradient(linear, left top, left bottom, from(#017ab8), to(#69b33b));
  background: linear-gradient(to bottom, #017ab8, #69b33b);
}
#send-enquiry-wizard .vgt-wrap.fleet tbody tr.selected {
  background-color: rgba(174, 216, 145, 0.4);
}
#send-enquiry-wizard .vgt-wrap.fleet tbody tr.enhanced td:first-child {
  border-left: 4px solid #69b33b;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer {
  color: var(--ins-body-color);
  font-size: 0.813rem;
  padding: 0.5rem 0.5rem; /* smaller padding */
  border: 1px solid #dcdfe6;
  background: unset;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__row-count::after {
  border-top: 6px solid #4c4c5c;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__row-count .footer__row-count__label {
  font-size: 0.813rem;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__row-count .footer__row-count__select {
  color: var(--ins-body-color);
  font-size: 0.813rem;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__navigation {
  font-size: 0.813rem;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__navigation .footer__navigation__page-info {
  color: var(--ins-body-color);
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn {
  color: var(--ins-body-color);
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn span {
  font-size: 0.813rem;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after {
  border-right: 6px solid #4c4c5c;
}
#send-enquiry-wizard .vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after {
  border-left: 6px solid #4c4c5c;
}

/* category widgets */
.category-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
}
.category-container.mw-200 {
  max-width: 200px;
}
.category-container.map-popup {
  margin: 2px 0 0 0;
}
.category-container.map-popup .category-box {
  padding: 0px 4px;
}
.category-container.full-profile .category-box {
  padding: 4px 8px;
}
.category-container.facilities {
  background-color: #d6e6fb;
  border: 1px solid #1a7bb9;
}
.category-container.fleet {
  background-color: #cde7ba;
  border: 1px solid #599133;
}
.category-container.matched {
  background-color: #ffcd70;
}
.category-container .category-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /*padding: 4px 8px;*/
  padding: 2px 6px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; /* Align title and value on the same line */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Center vertically */
}
.category-container .category-box.total-categories {
  padding-right: 24px;
  background-color: #5b9cf0;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.category-container .category-box.matched-categories {
  color: #333;
}
.category-container .category-box.bg-fleet {
  border: none;
}
.category-container .category-box.bg-facilities {
  border: none;
}
.category-container .category-box .title {
  font-size: 11px;
  margin: 0;
  line-height: 1.5;
}
.category-container .category-box .value {
  font-size: 11px;
  font-weight: bold;
  margin: 0;
}

/*map global styles*/
.xrm-map {
  /* markers */
  /* Pointer (little triangle) */
  /* popups */
}
.xrm-map .mapboxgl-marker.fade-out {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.xrm-map .brand-marker {
  background: #ffffff;
  color: #000;
  padding: 4px 6px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #000;
  min-width: 60px;
  min-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.xrm-map .brand-marker img {
  height: 16px;
  width: auto;
  display: block;
}
.xrm-map .brand-marker span {
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.xrm-map .brand-marker-new {
  background: #fff;
  color: #000;
  border-radius: 10px;
  padding: 8px 12px 18px 12px; /* extra bottom padding for pointer */
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  min-width: 70px;
  text-align: center;
}
.xrm-map .brand-marker-new img {
  height: 45px;
  width: auto;
  display: block;
  max-width: 90px;
}
.xrm-map .brand-marker-new span {
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.xrm-map .brand-marker::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000000;
}
.xrm-map .mapboxgl-popup .mapboxgl-popup-close-button {
  color: #4c4c5c;
}
.xrm-map .mapboxgl-popup.selected .mapboxgl-popup-content {
  color: #676a6c;
  background: rgb(255, 255, 255);
  backdrop-filter: unset;
}
.xrm-map .mapboxgl-popup.selected .mapboxgl-popup-content::after {
  background: rgb(255, 255, 255);
}
.xrm-map .mapboxgl-popup .fmex-badge {
  padding: 2px 4px;
  color: #fff;
}
.xrm-map .mapboxgl-popup .fmex-badge.facilities {
  background-color: rgba(97, 158, 241, 0.7);
  border: 1px solid #1a7bb9;
}
.xrm-map .mapboxgl-popup .fmex-badge.fleet {
  background-color: rgba(121, 192, 72, 0.7);
  border: 1px solid #9ed478;
}
.xrm-map .mapboxgl-popup .tooltip-company-details.hide {
  display: none;
}
.xrm-map .mapboxgl-popup .tooltip-company-details-link {
  color: #4c4c5c;
}
.xrm-map .mapboxgl-popup .tooltip-company-details-link.badge {
  background-color: transparent;
  border: 2px solid #c2c5c7;
}
.xrm-map .mapboxgl-popup .tooltip-company-details-link i {
  font-size: 10px;
}
.xrm-map .mapboxgl-popup i.fa {
  margin-left: 4px;
}
.xrm-map .mapboxgl-popup .mapboxgl-popup-content {
  color: #4c4c5c;
  padding: 15px;
  min-width: 180px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* Safari support */
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  margin-top: 0px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.xrm-map .mapboxgl-popup .mapboxgl-popup-content::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.xrm-map .mapboxgl-popup .mapboxgl-popup-content p {
  margin-bottom: 0px;
}
.xrm-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-top-color: transparent;
}
.xrm-map.dark .tooltip-company-details-link {
  color: #4c4c5c;
}
.xrm-map.dark .mapboxgl-popup-content {
  color: #000000;
  background: rgba(189, 189, 189, 0.7);
}
.xrm-map.dark .mapboxgl-popup-content::after {
  background: rgba(189, 189, 189, 0.7);
}
.xrm-map.satellite .mapboxgl-popup-content {
  color: #000000;
  background: rgba(189, 189, 189, 0.7);
}
.xrm-map.satellite .mapboxgl-popup-content::after {
  background: rgba(189, 189, 189, 0.7);
}

/* loading */
.mapbox-loading-message {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 8px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 3px rgba(103, 106, 108, 0.8784313725);
          box-shadow: 0 0 3px rgba(103, 106, 108, 0.8784313725);
  color: white;
  text-align: center;
}
.mapbox-loading-message i.fas {
  font-size: 14px;
}

html[data-bs-theme=dark] .location-app .welcome-card .account-panel > .card {
  background-color: rgba(30, 31, 39, 0.8);
}
html[data-bs-theme=dark] .location-app .welcome-card .account-panel .tab-pane {
  background-color: rgba(30, 31, 39, 0.8);
  border-color: rgb(41, 48, 54);
  border-top: 3px solid #1e1f27;
}
html[data-bs-theme=dark] .location-app .welcome-card .main-panel > .card {
  background-color: rgba(30, 31, 39, 0.8);
}
html[data-bs-theme=dark] .location-app .welcome-card .second-panel .card {
  background-color: rgba(30, 31, 39, 0.8);
}
html[data-bs-theme=dark] .location-app .welcome-card input {
  color: #fff;
}
html[data-bs-theme=dark] .location-app .welcome-card input:not(.vs__search) {
  background-color: rgba(0, 0, 0, 0.5);
}
html[data-bs-theme=dark] .location-app .xrm-map-menu .menu ul li {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
  background-color: var(--ins-secondary-bg);
}
html[data-bs-theme=dark] .location-app .map-card input {
  color: #fff;
}
html[data-bs-theme=dark] .location-app .map-card input:not(.vs__search) {
  background-color: rgba(0, 0, 0, 0.5);
}
html[data-bs-theme=dark] .location-app .map-card .form-select {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
html[data-bs-theme=dark] .location-app .map-card .vs__dropdown-menu {
  color: #fff;
}
html[data-bs-theme=dark] .location-app .map-card.profile-card table {
  background-color: #1e1f27;
  color: #aab8c5;
}
html[data-bs-theme=dark] .location-app .map-card.profile-card .tab-content {
  background-color: #1e1f27;
  color: #aab8c5;
}
html[data-bs-theme=dark] .location-app .map-card.profile-card .tab-content.tab-media a {
  color: #aab8c5 !important;
}
html[data-bs-theme=dark] .location-app .map-card.profile-card .col-badges i, html[data-bs-theme=dark] .location-app .map-card.profile-card .col-badges span {
  color: #aab8c5;
}
html[data-bs-theme=dark] .location-app .table-view-layout {
  background-color: rgba(0, 0, 0, 0.5);
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap {
  color: #fff;
  background-color: #1e1f27;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-global-search {
  border: 1px solid #4b4d5c;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-table thead th {
  color: #fff;
  border: 1px solid #4b4d5c;
  background-color: #1e1f27;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-table tbody tr:hover {
  background-color: rgba(25, 25, 25, 0.25);
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-table tbody tr td {
  color: #fff;
  border: 1px solid #4b4d5c;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap.facilities tbody tr.selected {
  background-color: rgba(150, 189, 245, 0.4);
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap.fleet tbody tr.selected {
  background-color: rgba(174, 216, 145, 0.4);
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-wrap__footer {
  color: #fff;
  border: 1px solid #4b4d5c;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-wrap__footer .footer__row-count::after {
  border-top: 6px solid #8391a2;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-wrap__footer .footer__row-count .footer__row-count__select {
  color: #fff;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-wrap__footer .footer__navigation .footer__navigation__page-info {
  color: #fff;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn {
  color: #fff;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn .chevron.left::after {
  border-right: 6px solid #8391a2;
}
html[data-bs-theme=dark] .location-app .table-view-layout .vgt-wrap .vgt-wrap__footer .footer__navigation__page-btn .chevron.right::after {
  border-left: 6px solid #8391a2;
}
html[data-bs-theme=dark] .location-app .vs--searchable .vs__dropdown-toggle {
  background-color: rgba(0, 0, 0, 0.5);
  border: var(--ins-border-width) solid var(--ins-border-color);
}
html[data-bs-theme=dark] .location-app .vs--searchable .vs__selected {
  color: #fff !important;
  background-color: RGBA(var(--ins-dark-rgb), var(--ins-bg-opacity, 1)) !important;
}
html[data-bs-theme=dark] .location-app .vs--searchable .vs__dropdown-option {
  color: #fff;
}
html[data-bs-theme=dark] .location-app .vs--searchable .vs__dropdown-menu {
  background: #616161;
}
html[data-bs-theme=dark] #sendEnquiryModal .vs--searchable .vs__dropdown-toggle {
  background-color: rgba(0, 0, 0, 0.5);
  border: var(--ins-border-width) solid var(--ins-border-color);
}
html[data-bs-theme=dark] #sendEnquiryModal .vs--searchable .vs__selected {
  color: #fff !important;
  background-color: RGBA(var(--ins-dark-rgb), var(--ins-bg-opacity, 1)) !important;
}
html[data-bs-theme=dark] #sendEnquiryModal .vs--searchable .vs__dropdown-option {
  color: #fff;
}
html[data-bs-theme=dark] #sendEnquiryModal .vs--searchable .vs__dropdown-menu {
  background: #616161;
}

.sector-search-app .select-channel-wrapper .btn {
  width: 133px;
  padding: 10px 7px;
  font-weight: normal;
  color: #fff;
}
.sector-search-app .country-select {
  padding: 0.55rem 0.77rem;
}

.enquiries-app .message-container p {
  margin-bottom: 0px;
}

.about-page .card-bg-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: white;
}
.about-page .card-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5882352941);
}
.about-page .card.card-landing {
  line-height: 2;
  border-radius: 0.25rem;
  overflow: hidden;
}
.about-page .card.card-landing .card-body {
  padding: 40px 30px;
}
.about-page .card.card-landing h3 {
  line-height: 1.5;
  font-size: 28px;
}
.about-page .card.card-landing ul {
  padding-left: 18px;
  font-size: 16px;
  list-style-type: none; /* Remove default bullets */
  padding-left: 0; /* Remove left padding */
}
.about-page .card.card-landing ul li {
  margin-bottom: 6px;
  position: relative; /* Required for positioning the icon */
  padding-left: 30px; /* Add space for the icon */
}
.about-page .card.card-landing ul li::before {
  content: "\f058"; /* Font Awesome icon Unicode */
  font-family: "Font Awesome 6 Pro"; /* Specify Font Awesome */
  font-weight: 900; /* Ensure it's the solid version */
  position: absolute;
  left: 0;
  top: 0;
}
.about-page .card.card-landing .take-tour {
  color: #000 !important;
  font-weight: 600;
}
.about-page .card .card-body.card-manage-subscription {
  padding: 15px 20px 0px 20px;
}
.about-page .card .card-body h2.card-title {
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
}
.about-page .card .card-body h3.card-subtitle {
  margin-top: 16px;
  margin-bottom: 10px;
}
.about-page .card .card-body ul.list-unstyled li {
  margin-bottom: 2px;
}
.about-page .card .card-body ul.list-unstyled a.btn {
  margin-top: 6px;
}
.about-page .card .card-body .bg-fmex-facilities,
.about-page .card .card-body .bg-fmex-fleet {
  font-size: 14px;
  padding: 6px 8px;
}
.about-page .card .card-body .panel-group {
  margin-left: -20px;
  margin-right: -20px;
}
.about-page .card .card-body .panel-group .panel.panel-default {
  border-radius: 0px;
  border-left: none;
  border-right: none;
}
.about-page .card .card-body .panel-group .panel.panel-default .panel-heading {
  padding: 15px 20px 20px 20px;
}
.about-page .card .card-body .panel-group .panel.panel-default .panel-title a .faq-chevron {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.about-page .card .card-body .panel-group .panel.panel-default .panel-title a:not(.collapsed) .faq-chevron {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.about-page .card .card-body .panel-group .panel.panel-default .panel-body {
  padding: 15px 20px 20px 20px;
}
.about-page .card .card-body .panel-group .panel.panel-default .panel-body .card-subtitle:first-child {
  margin-top: 0px;
}
.about-page .card.bg-facilities .card-link, .about-page .card.bg-fleet .card-link {
  color: #ffffff;
}
.about-page .modal-tour {
  max-width: 622px;
}
.about-page .modal-tour .modal-header {
  padding: 14px;
}
.about-page .modal-tour iframe {
  border-radius: 8px;
}

.account-details-page h2 {
  margin-top: 0px;
  margin-bottom: 1rem;
}
.account-details-page li {
  margin-bottom: 6px;
}

.company-details-page .facilities-badge {
  background-color: #a0b8c9; /* Lighter, muted version of the original color */
  color: #fff; /* Light gray text */
  cursor: pointer;
}
.company-details-page .fleet-badge {
  background-color: #b5d5a0; /* Lighter, muted version of the original color */
  color: #fff; /* Light gray text */
  cursor: pointer;
}
.company-details-page .facilities-badge-active {
  background-color: #529bc9;
  color: #fff;
  cursor: pointer;
}
.company-details-page .fleet-badge-active {
  background-color: #6bb23a;
  color: #fff;
  cursor: pointer;
}
.company-details-page .category-selected {
  background-color: #e83f88;
  color: #fff;
  cursor: pointer;
}
.company-details-page .category-status-unverified {
  border: 3px solid #FFA500; /* Orange */
  background-color: #FFF5E1; /* Light Peach */
  color: #A65A00; /* Darker Orange for better contrast */
}
.company-details-page .category-status-rejected {
  border: 3px solid #DC143C; /* Crimson */
  background-color: #FFE6E6; /* Light Red */
  color: #8B0000; /* Dark Red for high contrast */
}
.company-details-page .category-status-validated {
  border: 3px solid #008000; /* Dark Green */
  background-color: #E6F7E6; /* Light Green */
  color: #004B23; /* Deep Green for contrast */
}
.company-details-page .category-status-openAIVerified {
  border: 3px solid #0066CC; /* Deep Blue */
  background-color: #E6F0FF; /* Light Blue */
  color: #003366; /* Dark Blue for readability */
}
.company-details-page .category-status-openAIFailVerification {
  border: 3px solid #8B0000; /* Dark Red */
  background-color: #F8D7DA; /* Soft Red */
  color: #5A0000; /* Even darker Red for contrast */
}
.company-details-page span.badge {
  position: relative; /* Ensures the remove-icon is positioned relative to this element */
}
.company-details-page .remove-icon {
  font-size: 14px;
  position: absolute;
  right: 0; /* Positions the icon at the right edge of the span */
  top: 50%; /* Centers the icon vertically */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.company-details-page span.badge:hover .remove-icon {
  display: inline;
}
.company-details-page .badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.company-details-page .status-imported {
  background-color: #6c757d; /* gray */
}
.company-details-page .status-newly-registered {
  background-color: #17a2b8; /* blue */
}
.company-details-page .status-failed {
  background-color: #dc3545; /* red */
}
.company-details-page .status-delisted {
  background-color: #343a40; /* dark */
}
.company-details-page .status-validated {
  background-color: #28a745; /* green */
}
.company-details-page .status-pending {
  background-color: #ffc107; /* yellow */
}
.company-details-page .status-pending-category {
  background-color: #fd7e14; /* orange - distinct from yellow */
}
.company-details-page .status-dissolved {
  background-color: #6610f2; /* purple - distinct and implies finality */
}
.company-details-page .status-unknown {
  background-color: #007bff; /* fallback blue */
}
.company-details-page #map {
  width: 100%;
  height: 250px;
}

.company-list-page .category-status-unverified {
  border: 3px solid #FFA500; /* Orange */
  background-color: #FFF5E1; /* Light Peach */
  color: #A65A00; /* Darker Orange for better contrast */
}
.company-list-page .category-status-rejected {
  border: 3px solid #DC143C; /* Crimson */
  background-color: #FFE6E6; /* Light Red */
  color: #8B0000; /* Dark Red for high contrast */
}
.company-list-page .category-status-validated {
  border: 3px solid #008000; /* Dark Green */
  background-color: #E6F7E6; /* Light Green */
  color: #004B23; /* Deep Green for contrast */
}
.company-list-page .company-status-validated {
  border: 3px solid #008000; /* Dark Green */
  background-color: #E6F7E6; /* Light Green */
  color: #004B23; /* Deep Green for contrast */
}
.company-list-page .category-status-openAIVerified {
  border: 3px solid #0066CC; /* Deep Blue */
  background-color: #E6F0FF; /* Light Blue */
  color: #003366; /* Dark Blue for readability */
}
.company-list-page .category-status-openAIFailVerification {
  border: 3px solid #8B0000; /* Dark Red */
  background-color: #F8D7DA; /* Soft Red */
  color: #5A0000; /* Even darker Red for contrast */
}
.company-list-page .range-slider {
  position: relative;
}
.company-list-page .slider-container {
  position: relative;
  width: 100%;
}
.company-list-page .slider {
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.company-list-page .slider input {
  position: absolute;
  width: 100%;
  pointer-events: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}
.company-list-page .slider input::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.company-list-page .slider-track {
  position: absolute;
  height: 5px;
  background: #007bff;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.company-list-page .slider-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.company-list-page .org-status-green {
  color: green !important;
}
.company-list-page .org-status-red {
  color: red !important;
}
.company-list-page .org-status-yellow {
  color: goldenrod !important;
  font-weight: bold;
}
.company-list-page .status-imported {
  background-color: #6c757d; /* gray */
}
.company-list-page .status-newly-registered {
  background-color: #17a2b8; /* blue */
}
.company-list-page .status-failed {
  background-color: #dc3545; /* red */
}
.company-list-page .status-delisted {
  background-color: #343a40; /* dark */
}
.company-list-page .status-validated {
  background-color: #28a745; /* green */
}
.company-list-page .status-pending {
  background-color: #ffc107; /* yellow */
}
.company-list-page .status-pending-category {
  background-color: #fd7e14; /* orange - distinct from yellow */
}
.company-list-page .status-dissolved {
  background-color: #6610f2; /* purple - distinct and implies finality */
}
.company-list-page .status-unknown {
  background-color: #007bff; /* fallback blue */
}

.faq-page .small.expand-all {
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
}
.faq-page .faq-question {
  color: inherit;
  font-size: 16px;
}
.faq-page .faq-question:hover {
  color: #007bff;
}
.faq-page .faq-question .faq-chevron {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.faq-page .faq-question:not(.collapsed) .faq-chevron {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faq-page .faq-item {
  border: 1px solid #d4d6d8;
  border-radius: 4px;
}
.faq-page .faq-group {
  border: 1px solid #d4d6d8;
  border-radius: 4px;
  padding: 15px 17px;
  background-color: rgba(0, 0, 0, 0.5490196078);
  margin-top: 34px;
  color: #fff;
  font-weight: 400;
}
.faq-page mark {
  padding-left: 0;
  padding-right: 0;
}

.features-page .table tr td {
  padding: 8px 12px;
}
.features-page .table tr td:nth-child(2) {
  text-align: center;
}
.features-page .filter-line {
  background-color: #e9e9e9;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.2);
}
.features-page .feature-line ul {
  list-style-type: square;
  padding-left: 20px;
  margin-bottom: 0px;
}
.features-page .feature-line ul.second-level {
  padding-left: 35px;
  list-style-type: circle;
}
.features-page .abadge {
  margin: 2px;
}
.features-page .abadge.active {
  outline: 2px solid #356cb5;
}

.background-map-container {
  position: relative;
  width: 100%;
  height: 100vh;
}
.background-map-container .xrm-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.background-map-container .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  overflow-y: hidden;
  z-index: 2;
}
.background-map-container .overlay .container {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.login-page .middle-box {
  width: 600px;
  max-width: 600px;
  padding: 40px 0px;
}
.login-page .middle-box .card {
  background-color: rgba(0, 0, 0, 0.45);
  -webkit-box-shadow: 0 0 4px 0px rgba(102, 102, 102, 0.88);
          box-shadow: 0 0 4px 0px rgba(102, 102, 102, 0.88);
  color: #fff;
}
.login-page .middle-box .card-body {
  padding: 20px 150px;
}
.login-page .middle-box .card-body .logo-name img {
  max-width: 250px;
}
.login-page .middle-box .card-body .form-control {
  border-radius: 4px;
  color: #495057;
}
.login-page .middle-box .card-body .card-link {
  color: #fff;
}
.login-page .middle-box .card-body .dark-box {
  margin: 0 -40px;
  padding: 25px 30px;
  background-color: rgba(0, 0, 0, 0.1882352941);
  border-radius: 4px;
}
.login-page .middle-box .card-body .more-links {
  text-align: left;
  display: inline-block;
}

.pricing-page .table td {
  padding: 8px 12px;
}
.pricing-page .table td:first-child {
  width: 40%;
  vertical-align: middle;
}
.pricing-page .table td:not(:first-child) {
  width: 20%;
  text-align: center;
}
.pricing-page .table .feature-line td:not(:first-child) {
  font-size: 22px;
  line-height: 1.7;
}
.pricing-page .table .feature-line ul {
  list-style-type: square;
  padding-left: 20px;
  margin-bottom: 0px;
}
.pricing-page .table .feature-line ul.second-level {
  padding-left: 35px;
  list-style-type: circle;
}
.pricing-page .table .feature-line .fa-circle-check {
  color: #6eba48;
}
.pricing-page .table .channel-line td {
  padding: 12px 8px !important;
}
.pricing-page .table .channel-line td.channel-name {
  position: relative;
}
.pricing-page .table .channel-line td.channel-name.facilities {
  color: #fff;
  background-color: rgb(97, 171, 240);
}
.pricing-page .table .channel-line td.channel-name.facilities::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 2px solid #1f4a73;
  border-left: 2px solid #1f4a73;
}
.pricing-page .table .channel-line td.channel-name.facilities-border::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0px;
  right: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 2px solid #1f4a73;
}
.pricing-page .table .channel-line td.channel-name.fleet {
  color: #fff;
  background-color: rgb(117, 197, 122);
}
.pricing-page .table .channel-line td.channel-name.fleet::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 2px solid #327236;
  border-bottom: 2px solid #327236;
  border-left: 2px solid #327236;
}
.pricing-page .table .channel-line td.channel-name.fleet-border::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: 0px;
  right: 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 2px solid #327236;
  border-bottom: 2px solid #327236;
}
.pricing-page .table .recommend {
  border-left: 4px solid #ffd43b !important;
  border-right: 4px solid #ffd43b !important;
}
.pricing-page .table .recommend.recommend-header {
  background-color: #ffd43b !important;
  border-left: 4px solid #ffd43b !important;
  border-right: 4px solid #ffd43b !important;
  border-top: 4px solid #ffd43b !important;
}
.pricing-page .table .recommend.recommend-bottom {
  border-bottom: 4px solid #ffd43b !important;
}
.pricing-page .table .recommend.recommend-bottom.recommend-bottom-border-top {
  border-top: 2px solid #1f4a73;
}
.pricing-page .table .stand-out {
  background-color: #ffedda !important;
}
.pricing-page .table .stand-out-header {
  background-color: #fbae5c !important;
}

html[data-bs-theme=dark] .pricing-page .table .recommend.recommend-header {
  color: #000;
}
html[data-bs-theme=dark] .pricing-page .table .stand-out {
  background-color: rgba(255, 237, 218, 0.1882352941) !important;
}
html[data-bs-theme=dark] .pricing-page .table .stand-out-header {
  color: #000;
}

.registration-page .panel-block .ibox-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.support-page .options-button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.support-page .options-menu {
  display: none;
  position: absolute;
  background-color: #333;
  color: white;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.support-page .options-menu button {
  padding: 8px 12px;
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  color: white;
  cursor: pointer;
}
.support-page .options-menu button:hover {
  background-color: #555;
}
.support-page .user-initials {
  background: #8eb231;
  color: #fff;
  font-size: 25px;
  border-radius: 50% !important;
  width: 54px;
  height: 54px;
  display: inline-block;
  text-align: center;
  padding-top: 8px;
}
.support-page .user-initials-sm {
  background: #8eb231;
  color: #fff;
  border-radius: 50% !important;
  display: inline-block;
  text-align: center;
  font-size: 13px;
  width: 27px;
  height: 27px;
  padding-top: 4px;
  margin-right: 8px;
}

.brand-details-page .category-status-unverified {
  border: 3px solid #FFA500; /* Orange */
  background-color: #FFF5E1; /* Light Peach */
  color: #A65A00; /* Darker Orange for better contrast */
}
.brand-details-page .category-status-rejected {
  border: 3px solid #DC143C; /* Crimson */
  background-color: #FFE6E6; /* Light Red */
  color: #8B0000; /* Dark Red for high contrast */
}
.brand-details-page .category-status-validated {
  border: 3px solid #008000; /* Dark Green */
  background-color: #E6F7E6; /* Light Green */
  color: #004B23; /* Deep Green for contrast */
}
.brand-details-page .company-status-validated {
  border: 3px solid #008000; /* Dark Green */
  background-color: #E6F7E6; /* Light Green */
  color: #004B23; /* Deep Green for contrast */
}
.brand-details-page .category-status-openAIVerified {
  border: 3px solid #0066CC; /* Deep Blue */
  background-color: #E6F0FF; /* Light Blue */
  color: #003366; /* Dark Blue for readability */
}
.brand-details-page .category-status-openAIFailVerification {
  border: 3px solid #8B0000; /* Dark Red */
  background-color: #F8D7DA; /* Soft Red */
  color: #5A0000; /* Even darker Red for contrast */
}
.brand-details-page .range-slider {
  position: relative;
  width: 300px;
}
.brand-details-page .slider-container {
  position: relative;
  width: 100%;
}
.brand-details-page .slider {
  position: absolute;
  width: 100%;
  pointer-events: none;
}
.brand-details-page .slider input {
  position: absolute;
  width: 100%;
  pointer-events: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
}
.brand-details-page .slider input::-webkit-slider-thumb {
  pointer-events: all;
  -webkit-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.brand-details-page .slider-track {
  position: absolute;
  height: 5px;
  background: #007bff;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.brand-details-page .slider-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.brand-details-page .org-status-green {
  color: green !important;
}
.brand-details-page .org-status-red {
  color: red !important;
}
.brand-details-page .org-status-yellow {
  color: goldenrod !important;
  font-weight: bold;
}
.brand-details-page .status-imported {
  background-color: #6c757d; /* gray */
}
.brand-details-page .status-newly-registered {
  background-color: #17a2b8; /* blue */
}
.brand-details-page .status-failed {
  background-color: #dc3545; /* red */
}
.brand-details-page .status-delisted {
  background-color: #343a40; /* dark */
}
.brand-details-page .status-validated {
  background-color: #28a745; /* green */
}
.brand-details-page .status-pending {
  background-color: #ffc107; /* yellow */
}
.brand-details-page .status-pending-category {
  background-color: #fd7e14; /* orange - distinct from yellow */
}
.brand-details-page .status-dissolved {
  background-color: #6610f2; /* purple - distinct and implies finality */
}
.brand-details-page .status-unknown {
  background-color: #007bff; /* fallback blue */
}

.account-details-page {
  /* Active Status */
  /* Inactive Status */
  /* Status Icon Styling */
  /* Badge Styling */
}
.account-details-page .gocardless-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 10px;
  border-radius: 8px;
  margin-top: 10px;
  font-family: Arial, sans-serif;
}
.account-details-page .gocardless-status.active {
  background-color: #28a745; /* Green background */
  color: #ffffff; /* White text */
  -webkit-box-shadow: 0 4px 6px rgba(40, 167, 69, 0.3);
          box-shadow: 0 4px 6px rgba(40, 167, 69, 0.3);
}
.account-details-page .gocardless-status.inactive {
  background-color: #dc3545; /* Red background */
  color: #ffffff; /* White text */
  -webkit-box-shadow: 0 4px 6px rgba(220, 53, 69, 0.3);
          box-shadow: 0 4px 6px rgba(220, 53, 69, 0.3);
}
.account-details-page .gocardless-status .status-icon {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  border-radius: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}
.account-details-page .gocardless-status .status-badge {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}