/* Digital Sanctuary — aligns legacy custom rules with IAB tokens */
:root {
  --iab-primary: #003434;
  --iab-primary-container: #004d4c;
  --iab-secondary: #fed488;
  --iab-surface: #f8fafa;
  --iab-surface-container-low: #f0f4f4;
  --iab-surface-container-high: #e0e6e6;
  --iab-on-surface: #191c1d;
  --iab-on-surface-variant: #5c6263;
  --iab-outline-variant: rgba(25, 28, 29, 0.15);
  --iab-radius-xl: 1.5rem;
  --iab-shadow-ambient: 0 8px 24px rgba(25, 28, 29, 0.06);
}

body.iab-sanctuary {
  font-family: "Inter", system-ui, sans-serif;
}

input.form-control:focus {
  box-shadow: 0 0 0 2px var(--iab-secondary) !important;
}

a {
  color: var(--iab-primary);
}

label {
  color: var(--iab-on-surface-variant);
  margin-bottom: 5px;
}

input+label,
input.form-control,
textarea.form-control,
select.form-control,
.form-control:focus {
  color: #333;
  outline: 0;
  box-shadow: none;
}

.vs__clear {
  line-height: 0;
}

.vs__search,
.vs__search:focus {
  font-size: 14px;
  min-height: 25px;
}

.vs--single .vs__selected {
  padding-right: 0px;
  margin-right: -7px;
}

.input-group--custom .input-group-addon {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.input-group--custom .form-control {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.has-danger .vs__dropdown-toggle {
  border-color: red;
}

.btn i.fa {
  margin-right: 2px;
}

table .btn i.fa {
  margin-right: 0px;
}

.form-control-feedback {
  font-size: 13px;
  margin-top: 3px;
}

.filter-box .input-group-addon {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.date-clear {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: #999;
  font-size: 16px;
  line-height: 0;
  cursor: pointer;
}

.note {
  color: #999;
  font-size: 13px;
}

h5.sub-title {
  display: inline-block;
  font-size: 16px;
  padding-bottom: 2px;
  border-bottom: 1px dotted;
}

hr.sub {
  border-style: dashed;
  border-color: #999;
  margin-top: 20px;
  margin-bottom: 7px;
}

.error {
  color: red;
  font-weight: bold;
}

.btn-show-hide {
  margin-left: 7px;
  border-radius: 5px;
  background: #ddd;
  padding: 3px 7px;
  font-size: 12px;
  color: #333 !important;
}

.btn-show-hide:hover {
  background: #aaa;
  cursor: pointer;
}

.app-footer {
  display: none;
}

.pagination-caption,
.pagination {
  margin-bottom: 10px;
}

.selected-box {
  font-size: 13px;
  border: 1px dashed #b9c8de;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 12px;
}

.selected-box .btn-secondary:hover {
  background-color: #DDD !important;
}

.selected-box .form-control {
  height: 28px;
}

.flatpickr-input[readonly] {
  background: #FFF;
  display: block;
  color: #333;
}

.btn-detail {
  background: #5f96fc;
}

.btn-detail:hover {
  background: #347afa;
  border-color: #347afa;
}

/* a.btn
{
  color: #FFF;
} */
.dashboard-chart-count {
  height: 87px;
}

.sidebar-minimized .sidebar .nav-link .nav-icon .dropdown {
  vertical-align: top;
  margin-top: 5px;
}

/* custom table listing */
.custom-table {
  margin-bottom: 15px;
}

.custom-table .table-listing {
  margin-bottom: 0px;
}

.custom-table .table-listing thead tr {
  background-color: #ddd;
}

.custom-table .table-listing thead th,
.custom-table .table-listing thead td {
  border: 1px solid #c8ced3;
  padding: 5px 7px 5px 5px;
  vertical-align: middle;
  font-size: 13px;
}

.custom-table .table-listing .col-checkbox {
  width: 40px;
  min-width: 40px;
  width: 40px;
}

.custom-table .table-listing thead th.col-id,
.table-sub thead th.col-id {
  width: 50px;
  min-width: 50px;
  width: 50px;
}

.custom-table .table-listing .col-enabled {
  width: 90px;
  min-width: 90px;
}

.custom-table .table-listing .col-sequence {
  width: 100px;
  min-width: 100px;
}

.custom-table .table-listing thead th.bulk-checkbox {
  padding-bottom: 8px;
}

.custom-table .table-listing thead .bg-bulk-info span {
  color: #333 !important;
}

.custom-table .table-listing thead .bg-bulk-info a {
  color: #333 !important;
  padding-bottom: 1px;
  border-bottom: 1px dotted;
}

.custom-table .table-listing thead .bg-bulk-info a:hover {
  text-decoration: none;
}

.custom-table .table-listing [type=checkbox]:not(:checked)+label,
.custom-table .table-listing [type=checkbox]:checked+label,
.table-sub [type=checkbox]:not(:checked)+label,
.table-sub [type=checkbox]:checked+label {
  padding-left: 1.5em;
  margin-bottom: 7px;
}

.custom-table .table-listing tbody td {
  padding: 5px 7px;
}

.custom-table .table-listing tbody td.enable-switch {
  padding-top: 10px;
}

.custom-table .table-listing tbody td label.form-check-label {
  margin-bottom: 15px;
}

.custom-table .table-listing tbody td p {
  margin-bottom: 10px;
}

.custom-table .table-listing tbody td p:last-child {
  margin-bottom: 0px;
}

.custom-table .table-listing td:last-of-type {
  display: table-cell;
  min-width: unset;
}

.custom-table .table-listing tbody tr.alt-row,
.custom-table .table-striped>tbody>tr:nth-of-type(even),
.custom-table .table-striped>tbody>tr:nth-of-type(even) td.nested-table>table tr {
  background-color: #eee;
}

.custom-table .table-striped tbody tr:nth-of-type(odd),
.custom-table .table-striped tbody tr td.nested-table>table tr {
  background-color: #FFF;
}

.custom-table .table-listing tbody tr.alt-row:hover,
.custom-table .table-striped>tbody>tr:hover,
.custom-table .table-striped>tbody>tr:hover td.nested-table>table tr {
  background-color: #edf3fe;
}

.custom-table .table-listing tbody td input[type=text] {
  padding: 5px;
  padding-right: 5px !important;
}

.custom-table ol,
form ol {
  padding-left: 20px;
  margin-bottom: 0px;
}

.custom-table ol.single {
  list-style: none;
  padding-left: 0px;
}

.custom-table ol li:not(:last-child) {
  margin-bottom: 5px;
}

.custom-table ol li>span {
  color: #666;
  font-size: 13px;
}

.custom-table .table-group tbody tr:hover {
  background-color: #FFF !important;
}

.custom-table .table-group tbody tr.alt-row:hover {
  background-color: #eee !important;
}

/* END custom table listing */

/* nested table */
.custom-table .table-listing tbody td.custom-nested-table,
.custom-table .table-listing tbody td.nested-table {
  padding: 0px;
}

.custom-nested-table table {
  border: 0px;
  border-bottom: 1px solid #c8ced3;
}

.nested-table>table {
  width: 100%;
}

.nested-table td {
  border: 0px;
  border-bottom: 1px solid #c8ced3;
  border-right: 1px solid #c8ced3;
}

.nested-table td:last-child {
  border-right: 0px;
}

.custom-nested-table tr:last-child td,
.nested-table tr:last-child td {
  border-bottom: 0px;
}

/* END nested table */

/* table sub */
.table-sub thead {
  background: #eee;
}

.table-sub th {
  padding: 3px 7px;
}

.table-sub td {
  padding: 7px;
  vertical-align: middle;
}

.table-sub .form-control {
  padding: 5px;
  padding-right: 5px !important;
  height: auto;
  line-height: 1.3;
}

.table-sub [type=checkbox]:not(:checked)+label,
.table-sub [type=checkbox]:checked+label {
  margin-bottom: 15px;
}

.table-sub .input-group>.form-control {
  border-radius: 0.25rem;
}

.table-sub .vs--searchable .vs__dropdown-toggle {
  padding-bottom: 0px;
}

.table-sub .vs__search {
  margin-top: 0px;
  padding-top: 3px;
  padding-bottom: 4px;
  max-width: 60px;
}

.table-sub .vs--single .vs__selected {
  margin-top: 0px;
}

.table-sub .vs__actions {
  padding-top: 2px;
}

.table-sub .select2.select2-container .select2-selection--single,
.table-sub .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
}

.table-sub .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 28px;
}

.table-sub .vs__selected {
  margin-top: 3px;
  margin-bottom: 3px;
}

.table-sub-title-row {
  font-weight: bold
}

.table-sub-title-row>td {
  padding: 3px 7px;
}

/* END table sub */

/* no border table */
.table-no-border {
  width: 100%;
}

.table-no-border td {
  padding: 5px 7px;
}

/* END no border table */

/* modal */
.new-modal .modal-body {
  padding: 0px;
}

.new-modal .modal-body-content {
  padding: 1rem;
}

.new-modal .modal-body-content .form-control,
.selected-box .form-control {
  padding-left: 0.65rem;
  padding-right: 0.65rem !important;
}

.btn-iframe-close:hover {
  background: rgba(0, 0, 0, 0.3) !important;
  transform: scale(1.1);
  color: #fff !important;
}


#deleteModal .v--modal-box {
  width: 400px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#confirmationModal .v--modal-box {
  width: 400px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-custom ol,
.new-modal ol {
  padding-left: 20px;
  margin-bottom: 0px;
}

.btn-add-more {
  margin-left: 20px;
}

/*.modal-custom .btn-add-more
{
  cursor: pointer;
  font-weight: bold;
  padding-bottom: 2px;
  border-bottom: 1px dotted;
  margin-left: 20px;
}

td .btn-add-more
{
  margin-left: 0px;
  padding: 5px 10px;
  border-bottom: 0px;
  display: block;
  background-color: #ddd;
  text-align: center;
}

td .btn-add-more:hover
{
  background:#ccc;
}
/* END modal */

/* media upload */
.media-upload-box .card-header {
  color: #333;
  font-weight: normal;
  padding: 0px;
  padding-bottom: 10px;
}

.media-upload-box .card-header>i {
  margin-right: 5px;
}

.media-upload-box .card-header small {
  color: #999;
  font-size: 13px;
}

.media-upload-box .vue-dropzone.dropzone {
  padding: 10px;
}

.media-upload-box .dropzone.dz-started .dz-message {
  display: block !important;
}

.media-upload-box .vue-dropzone.dropzone .dz-preview .dz-image {
  width: 120px !important;
  height: 120px !important;
}

.media-upload-box .vue-dropzone .dz-preview .dz-error-mark i {
  font-size: 60px !important;
  color: red !important;
}

.media-upload-box .vue-dropzone .dz-preview .dz-success-mark {
  top: 25% !important;
  text-align: center;
}

.media-upload-box .vue-dropzone .dz-preview .dz-success-mark i {
  font-size: 60px !important;
}

.media-upload-box .vue-dropzone .dz-preview .dz-details {
  padding: 15px 10px;
}

.media-upload-box .dropzone .dz-preview .dz-details .dz-size {
  font-size: 14px;
  margin-bottom: 0px;
}

.media-upload-box .dropzone .dz-preview .dz-details .dz-filename {
  margin-left: 5px;
}

.media-upload-box .vue-dropzone .dz-preview .dz-remove {
  font-size: 12px;
  padding: 7px 10px;
  margin-left: 19px;
}

.media-upload-box .vue-dropzone.dropzone .dz-preview .dz-image i {
  line-height: 80px;
}

.media-upload-box .vue-dropzone.dropzone .dz-preview .dz-image i+p {
  margin-bottom: 10px;
  font-size: 13px;
  padding: 0px 5px;
}

/* END media upload */

/* pdf file upload */
.file-upload-box .dropzone .dz-preview.dz-image-preview,
.file-upload-box .dropzone .dz-preview {
  min-height: 50px;
  width: 100%;
  margin: 0px;
  background: #eee;
  margin-bottom: 10px;
}

.file-upload-box .dropzone .dz-preview.dz-image-preview:last-child,
.file-upload-box .dropzone .dz-preview:last-child {
  margin-bottom: 0px;
}

.file-upload-box .vue-dropzone.dropzone .dz-preview.dz-image-preview .dz-image {
  display: none;
}

.file-upload-box .vue-dropzone.dropzone .dz-preview .dz-image {
  width: 100% !important;
  display: flex;
  align-items: center;
  height: auto !important;
  padding: 10px;
  padding-bottom: 5px;
  background: transparent
}

.file-upload-box .vue-dropzone.dropzone .dz-preview .dz-image>i {
  width: auto;
  line-height: 1;
  margin-bottom: 0px;
  height: auto;
  font-size: 20px !important;
  color: #777 !important;
  margin-left: 5px;
}

.file-upload-box .vue-dropzone.dropzone .dz-preview .dz-image>p {
  width: auto;
  position: relative;
  margin-bottom: 0px !important;
  color: #777;
  height: auto;
}

.file-upload-box .dropzone .dz-preview.dz-image-preview .dz-details,
.file-upload-box .dropzone .dz-preview .dz-details {
  opacity: 1;
  background-color: transparent;
  color: #000;
  position: relative;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  padding-right: 110px;
}

.file-upload-box .dropzone .dz-preview .dz-details {
  padding-top: 0px;
}

.file-upload-box .dropzone .dz-preview .dz-details .dz-size {
  font-size: 13px;
  color: #777;
}

.file-upload-box .dropzone .dz-preview .dz-details .dz-filename {
  width: 100%;
  order: -1;
}

.file-upload-box .dropzone .dz-preview .dz-details .dz-filename>a {
  color: #000;
}

.file-upload-box .vue-dropzone .dz-preview.dz-image-preview .dz-remove,
.file-upload-box .vue-dropzone .dz-preview .dz-remove {
  opacity: 1;
  color: #000;
  border-color: #000;
  right: 10px;
  bottom: 10px;
}

.file-upload-box .vue-dropzone .dz-preview .dz-remove {
  bottom: 13px;
}

.file-upload-box .vue-dropzone .dz-preview .dz-success-mark i {
  color: #999 !important;
  font-size: 30px !important;
  margin-bottom: 0px;
}

.file-upload-box .vue-dropzone .dz-preview .dz-error-mark i {
  font-size: 30px !important;
  margin-bottom: 0px;
}

/* END pdf file upload */

/* tab */
ul.tab-box {
  list-style: none;
  display: flex;
  padding: 0px;
}

ul.tab-box>li:first-child {
  border-left: 1px solid #ccc;
}

ul.tab-box li {
  border: 1px solid #ccc;
  border-left: 0px;
}

ul.tab-box li.title {
  padding: 5px 15px 7px 15px;
}

ul.tab-box li.active {
  background: #8BC441;
  display: flex;
  align-items: center;
}

ul.tab-box>li>a {
  display: block;
  padding: 5px 15px 7px 15px;
  color: #333;
  text-decoration: none;
  text-align: center;
}

ul.tab-box>li:hover>a {
  background: #ddd;
}

ul.tab-box>li.active {
  background: #8BC441;
  font-weight: bold;
}

#special-box ul.tab-box {
  justify-content: space-evenly;
}

#special-box ul.tab-box li {
  width: 100%;
}

/* END tab */

/* ticketing calendar */
.fc .fc-multimonth-title {
  padding-bottom: 10px;
}

.fc .fc-col-header-cell-cushion {
  padding: 5px;
  cursor: default;
}

.fc .fc-daygrid-day-number {
  font-size: 15px;
}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  height: 100%;
  top: 0px;
  z-index: 0;
  margin: 0px;
  display: flex;
}

.fc .fc-daygrid-event-harness {
  width: 100%;
  height: 100%;
}

.fc .fc-daygrid-event-harness>a {
  margin: 0px !important;
  height: 100%;
  border: 0px;
  border-radius: 0px;
  opacity: 0.9;
}

.fc .fc-daygrid-day-bottom {
  display: none;
}

/* END ticketing calendar */

/* ticketing details */
.passenger-summary>span {
  margin-left: 5px;
  margin-right: 5px;
}

.table-special-request {
  width: auto;
}

.table-special-request input[type=text] {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.table-sub.table-special-request [type=checkbox]:checked+label,
.table-sub.table-special-request [type=checkbox]:not(:checked)+label {
  margin-bottom: 11px;
}

.special-request-changes td {
  color: red;
}

.special-request-notes {
  background-color: #eee;
  font-size: 13px;
  color: #666;
}

/* END ticketing details */

/* passenger profile — legacy overrides; Sanctuary uses .pax-profile in admin.css */
.passenger-profile-box:not(.pax-profile) img {
  max-width: 150px;
}

.passenger-profile-box:not(.pax-profile) label {
  display: block;
  margin-bottom: 0;
  font-weight: bold;
}

.passenger-profile-sub-box {
  border: 1px solid #ccc;
  padding: 15px;
  background: #eee;
  height: 100%;
}

ol.passenger-document>li {
  margin-bottom: 3px;
}

ol.passenger-document a {
  color: #333;
}

ol.passenger-document span {
  color: #777;
}

/* END passenger profile */

/* modal document list */
ol.doc-list {
  margin: 0px;
  list-style: none;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
}

ol.doc-list>li {
  display: block;
  margin-bottom: 10px;
}

ol.doc-list>li>a {
  background: #ddd;
  border: 1px solid #CCC;
  color: #000;
  text-decoration: none;
  padding: 5px 15px 7px 15px;
}

ol.doc-list>li>a:hover {
  color: #638d2c;
}

/* END modal document list */

/* sidebar */
.sidebar .nav-title {
  padding-top: 15px;
  padding-bottom: 10px;
}

.sidebar .nav-title,
.sidebar .nav-link {
  padding-left: 10px;
  padding-right: 10px;
}

/* Digital Sanctuary sidebar nested items — see iab-tokens.css */
.sidebar .nav .child-nav {
  background: rgba(0, 0, 0, 0.14);
}

.sidebar .nav .child-nav .nav-link {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  color: rgba(248, 250, 250, 0.88);
}

.sidebar .nav .child-nav .nav-link:hover {
  color: #f8fafa;
}

.sidebar .nav .child-nav .nav-link.active {
  color: #fed488;
  background: rgba(254, 212, 136, 0.22);
}

.sidebar .nav-link .nav-icon,
.sidebar .nav-link>.fa:first-child {
  display: inline-block;
  width: 1.09375rem;
  margin-right: 5px;
  font-size: 0.875rem;
  color: rgba(254, 212, 136, 0.8);
  text-align: center;
  vertical-align: top;
  margin-top: 4px;
}

.sidebar-minimized .sidebar .nav-link .nav-icon,
.sidebar-minimized .sidebar .nav-link>.fa:first-child {
  display: block;
  float: left;
  width: 50px;
  font-size: 18px;
  height: 30px;
}

/* END sidebar */

.sub-box>div:nth-last-child(2) hr.sub {
  display: none;
}

.multiselect .multiselect__input,
.multiselect .multiselect__single,
.multiselect .multiselect__option {
  font-size: 0.875rem;
}

.multiselect .multiselect__tags {
  border-radius: 0.25rem !important;
  color: #333;
  border: 1px solid #b9c8de;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.multiselect__content-wrapper {
  max-height: 150px !important;
}

.no-items-found {
  border: 1px solid #c8ced3;
  margin-top: -15px;
  border-top: 0px;
  margin-bottom: 15px;
}

.btn-info-alert {
  border-radius: 100%;
  padding: 4px;
  line-height: 1;
  font-size: 12px;
  width: 20px;
  height: 20px;
  margin-top: -3px;
}

.btn-info-alert>i.fa {
  margin-right: 0px;
}

.btn-info-alert.square {
  border-radius: 3px;
  width: 22px;
  height: 22px;
}

ul.file-link {
  padding-left: 20px;
  margin-bottom: 0px;
}

ul.file-link a {
  color: #333;
}

/* validation */
.has-danger .vs__dropdown-toggle {
  border-color: red
}

/* END validation */

.btn-iframe-close {
  position: absolute;
  right: 0px;
  top: 18px;
  background: #000;
  font-size: 20px;
  font-weight: bold;
  color: #FFF !important;
  border-radius: 100%;
  line-height: 1.3;
}

.btn-iframe-close:hover {
  background: #638d2c !important;
  color: #FFF !important;
}

.select2.select2-container .select2-selection--single {
  height: 35px;
}

.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}

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

.selected-box .select2-container .select2-selection--single {
  height: 28px;
}

.selected-box .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 27px;
}

.selected-box .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
}

.table-passenger {
  max-height: 500px;
  overflow-y: auto !important;
}

.trumbowyg-editor {
  max-height: 500px;
}

.remarks-box {
  background: #eee;
  color: #000;
  border: 1px solid #ccc;
  margin-top: 3px;
  line-height: 1.3;
  padding: 3px;
  font-size: 13px;
}

.vs__dropdown-option {
  padding: 5px 0.75rem;
}

.vs__dropdown-option.vs__dropdown-option--selected {
  background: #DDD;
  color: var(--vs-dropdown-option-color);
}

.vs__dropdown-option.vs__dropdown-option--selected:hover,
.vs__dropdown-option.vs__dropdown-option--selected:focus {
  background: var(--vs-dropdown-option--active-bg);
  color: var(--vs-dropdown-option--active-color);
}

.multistep.tab {
  display: none;
}


.itinerary-card {
  border-bottom: 1px solid #d6dee3 !important;
}

.itinerary-card-header {
  padding: 10px;
  background: #e4e4e4;
  color: #000;
}

#map {
  width: 100%;
  height: 480px;
}

.pac-container {
  z-index: 1000000 !important;
}

.customTooltip {
  position: relative;
  display: inline-block;
  font-size: 16px;
}

.customTooltip .customTooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}

.customTooltip .customTooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.customTooltip:hover .customTooltiptext {
  visibility: visible;
  opacity: 1;
}

.custom-table .table-listing tbody tr.bg-white {
  background-color: white !important;
}

.welcome {
  font-family: Avenir, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 20px;
}

.dashboard-card-text {
  padding-top: 5px;
  font-size: 16px;
  margin-bottom: 0px;
}

.chart-style {
  display: flex;
  justify-content: center;
}

/* Mobile logo visibility fix - override admin.css hiding logo on mobile */
@media (max-width: 600px) {
  .app-header.navbar .navbar-brand {
    display: inline-flex !important;
    font-size: 14px;
    padding: 0.5rem 0.75rem;
  }
}

/* Mobile horizontal scroll for tables - override admin.css column hiding */
@media (max-width: 991px) {

  .table-mobile-scroll .table-listing th,
  .table-mobile-scroll .table-listing td {
    display: table-cell !important;
  }

  .table-mobile-scroll .table-listing tr {
    display: table-row !important;
  }

  .table-mobile-scroll .table-listing td:last-of-type {
    display: table-cell !important;
    min-width: auto;
    justify-content: flex-start;
  }
}

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

.table-mobile-scroll .table-listing {
  min-width: 500px;
}

/* Column borders (vertical lines) for passenger table */
.table-wrapper .table.table-hover>tbody>tr>td,
.table-wrapper .table.table-bordered>tbody>tr>td {
  border-left: 1px solid #dee2e6 !important;
}

.table-wrapper .table.table-hover>tbody>tr>td:first-child,
.table-wrapper .table.table-bordered>tbody>tr>td:first-child {
  border-left: none !important;
}

.table-wrapper .table.table-hover>thead>tr>th,
.table-wrapper .table.table-bordered>thead>tr>th {
  border-left: 1px solid #dee2e6 !important;
}

.table-wrapper .table.table-hover>thead>tr>th:first-child,
.table-wrapper .table.table-bordered>thead>tr>th:first-child {
  border-left: none !important;
}