/* Global Styles */
body {
  background-color: #f8f9fa;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #333;
}

/* Container spacing */
.container, .container-fluid {
  padding: 30px;
}

/* Headings */
h1, h2, h3, h4 {
  font-weight: 600;
  margin-bottom: 20px;
}

/* Table Styling */
.table {
  font-size: 13px;
  white-space: nowrap;
}

.table th,
.table td {
  vertical-align: middle;
  padding: 8px 12px;
}

.table th {
  background-color: #343a40;
  color: #fff;
}

.table-hover tbody tr:hover {
  background-color: #f1f1f1;
}

/* Buttons */
.btn {
  font-size: 13px;
  padding: 6px 12px;
}

/* Form Styling */
form label {
  font-weight: 500;
  margin-top: 10px;
}

input[type="text"],
textarea,
input[type="file"] {
  width: 100%;
  padding: 8px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Custom CSS*/
.custom-popup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
}
.popup-content {
  background: #fff;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  margin: 5vh auto;
  padding: 20px;
  border-radius: 6px;
}
.close-btn {
  float: right;
  font-size: 24px;
  cursor: pointer;
}
#customFilePopup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}
#customFilePopup .popup-content {
  background: #fff;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  margin: 5vh auto;
  padding: 20px;
  border-radius: 6px;
}
#customFilePopup .close-btn {
  float: right;
  font-size: 24px;
  cursor: pointer;
}
/*Invoice Popup*/
#truckInvoicePopup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}
#truckInvoicePopup .popup-content {
  background: #fff;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  margin: 5vh auto;
  padding: 20px;
  border-radius: 6px;
}
#truckInvoicePopup .close-btn {
  float: right;
  font-size: 24px;
  cursor: pointer;
}
/*Customer Popup*/
#viewCustomerPopup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}
#viewCustomerPopup .popup-content {
  background: #fff;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  margin: 5vh auto;
  padding: 20px;
  border-radius: 6px;
}
#viewCustomerPopup .close-btn {
  float: right;
  font-size: 24px;
  cursor: pointer;
}
/*Agent Popup*/
#viewAgentPopup {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}
#viewAgentPopup .popup-content {
  background: #fff;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  margin: 5vh auto;
  padding: 20px;
  border-radius: 6px;
}
#viewAgentPopup .close-btn {
  float: right;
  font-size: 24px;
  cursor: pointer;
}
/*Carrier Popup*/
#viewCarrierPopup{
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  z-index: 999;
}
#viewCarrierPopup .popup-content {
  background: #fff;
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  overflow-y: auto;
  margin: 5vh auto;
  padding: 20px;
  border-radius: 6px;
}
#viewCarrierPopup .close-btn {
  float: right;
  font-size: 24px;
  cursor: pointer;
}
td.action-cell {
    text-align: left;
}
.status-text {
    padding: 5px 10px;
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}
.status-pending { background-color: #f0ad4e; }
.status-in_transit { background-color: #5bc0de; }
.status-delivered { background-color: #5cb85c; }
.status-cancelled { background-color: #d9534f; }
.status-on_hold { background-color: #6c757d; }
#progressContainer{
  display: none;
  margin-top: 10px;
  width: 100%;
}
#progressBar{
  width: 100%;
  height: 6px;
  border-radius: 5px;
  transition: width 0.5s ease-out;
}
#progressBar::-webkit-progress-value{
  background-color: #0d6efd;
}
#progressBar::-moz-progress-bar{
  background-color: #0d6efd;
}
#progressContainer1{
  display: none;
  margin-top: 10px;
  width: 100%;
}
#progressBar1{
  width: 100%;
  height: 6px;
  border-radius: 5px;
  transition: width 0.5s ease-out;
}
#progressBar1::-webkit-progress-value{
  background-color: #0d6efd;
}
#progressBar1::-moz-progress-bar{
  background-color: #0d6efd;
}
.custom-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  align-items: center;
  justify-content: center;
  z-index: 1055;
}

.popup-content {
  background: #fff;
  width: 720px;
  max-height: 80vh;
  border-radius: 12px;

  animation: fadeInScale .25s ease;
}

.popup-header {
  background: linear-gradient(135deg, #0d6efd, #0b5ed7);
  color: #fff;
  padding: 15px 20px;
}

.popup-body {
  padding: 15px 20px;
  overflow-y: auto;
}

.close-btn {
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

.detail-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.detail-row:last-child {
  border-bottom: none;
}

.label {
  font-weight: 600;
  color: #555;
  text-transform: capitalize;
}

.value {
  color: #000;
  text-align: right;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/*26-12-2025*/
body {
    min-height: 100vh;
}

nav.navbar .container-fluid {
    padding-top: 0;
    padding-bottom: 0;
}
body.login > .container form {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 10% !important;
}
body.login > .container {
    margin-top: 0 !important;
    height: 100%;
    max-width: 575px !important;
    margin-left: auto !important;
    margin-right: 0;
    width: 100% !important;
    min-height: calc(100vh - 56px);
    background: rgb(248 249 250 / 70%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(19px);
    border-left: 2px solid rgba(255, 255, 255, 0.18);
}
.form-control,
.form-select {
    width: 100%;
    border-radius: 0.5rem;
    border-color: rgb(209 213 219 / 1);
    background-color: rgb(255 255 255 / 1);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
body.login > .container form {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.btn {
    font-size: 1rem;
    line-height: 1.5rem;
padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 0.5rem;
}
body.login {
    background: url(../images/login-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
body.dashboard > .container-fluid > .d-flex.justify-content-between,
body.customers_list .container-fluid > h3,
body.static_info .container > h2 {
    border: 1px solid rgb(235 236 239 / 1);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0 !important;
    border-radius: 10px 10px 0 0;
    background: #fff;
}
body.dashboard > .container-fluid > .d-flex.justify-content-between h3 {
    margin: 0 !important;
    font-size: 1.55rem;
    line-height: 1.55rem;
}
table.table .btn.upload-invoice, table.table .btn.download-invoice {
    padding: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border: 1px solid rgb(199 199 199);
}
.status-text {
    border-radius: 100px;
    font-size: 12px;
}
.status-pending {
    color: #ff9f29;
    background-color: #fef9c3;
    border: 1px solid rgb(255 159 41 / 30%);
}
.status-in_transit {
  color: #5bc0de;
  background-color: rgb(91 192 222 / 50%); 
  border: 1px solid rgb(91 192 222 / 30%);
}
.status-delivered {
    color: #16a34a;
    background-color: #dcfce7;
    border: 1px solid rgb(22 163 74 / 30%);
}
.status-cancelled { 
  color: #d9534f; 
  background-color: rgb(217 83 79 / 50%); 
border: 1px solid rgb(217 83 79 / 30%);
}
.status-on_hold { 
  color: #6c757d; 
  background-color: rgb(108 117 125 / 50%); 
border: 1px solid rgb(108 117 125 / 30%);
}
.status-good_to_go_review {
    background-color: #F3E5F5;
    color: #6A1B9A;
    border: 1px solid rgb(106 27 154 / 30%);
}
.status-complete {
    background-color: #E8F5E9;
    color: #1B5E20;
    border: 1px solid rgb(27 94 32 / 30%);
}
.status-invoice_created {
    border: 1px solid rgb(0 64 133 / 30%);
}
table.table .btn {
    font-size: 11px;
    line-height: 1.25rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
.table th, .table td {
    vertical-align: middle;
    padding: 5px 5px;
}
table.table {
    margin: 0 !important;
    border-radius: 0.5rem;
    overflow: hidden;
}
td.action-cell {
    text-align: center;
}
.table-responsive {
    padding: 1rem;
    background: #fff;
    border: 1px solid rgb(235 236 239 / 1);
    border-top: none;
}
.popup-content {
/*    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto !important;*/
    max-width: 575px !important;
}
.popup-content h4 {
    border-bottom: 1px solid rgb(235 236 239 / 1);
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.popup-content form button {
    display: block;
    margin: auto;
    width: 100%;
}
.popup-content .close-btn {
    color: red;
    font-size: 30px !important;
    line-height: 1 !important;
}
.container.mt-5 > h2 {
    border: 1px solid rgb(235 236 239 / 1);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0 !important;
    border-radius: 10px 10px 0 0;
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    font-size: 1.55rem;
    line-height: 1.55rem;
    border-bottom: none !important;
}
.container.mt-5 form,
body.static_info .container form {
    background-color: #fff !important;
    border-radius: 0 !important;
    border: 1px solid rgb(235 236 239 / 1) !important;
    border-top: none !important;
    padding: 0rem 1rem 1rem 1rem !important;
}
.container.mt-5 form .row,
body.create-invoice .container.mt-5 form h5,
body.create-invoice .container.mt-5 form h6 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.container.mt-5 form .row h2, 
.container.mt-5 form .row h4,
body.create-invoice .container.mt-5 form h5,
body.create-invoice .container.mt-5 form h6 {
    padding: 1rem 1rem 1rem 1rem;
    background: #f8f9fa;
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 1rem;
    border-top: 1px solid rgb(235 236 239 / 1);
    border-bottom: 1px solid rgb(235 236 239 / 1);
}

.container.mt-5 form .row h2:not(:first-child),
.container.mt-5 form .row h4:not(:first-child),
body.create-invoice .container.mt-5 form h5:not(:first-child),
body.create-invoice .container.mt-5 form h6:not(:first-child) {
    margin-top: 2rem;
}
textarea.form-control {
    min-height: 45.6px;
    height: 45.6px;
}
.repeater-group input {
    margin: 0;
}
.container.mt-5 form .row button.btn {
    max-width: calc(100% - 24px);
    margin: auto;
}
body.create-invoice .container.mt-5 form textarea {
    height: auto;
}
body.create-invoice .container.mt-5 form {
    padding-top: 1rem !important;
}
body.create-invoice .container.mt-5 h2.mb-4 {
    border-bottom: 1px solid rgb(235 236 239 / 1) !important;
}
body.create-invoice  .repeater-group .col-md-6 {
    padding: 0 12px;
}
.custom-popup .popup-content {
    padding: 0 !important;
}
.custom-popup .popup-content {
    padding: 0 !important;
    max-width: 767px !important;
    width: calc(100% - 24px) !important;
    max-height: 95vh;
}
.custom-popup .popup-content .detail-row {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}
.popup-content h4 {
    border-bottom: 1px solid rgb(235 236 239 / 1);
    padding-bottom: 15px;
    margin-bottom: 0;
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
    color: #fff;
    padding: 15px 20px;
}
.custom-popup .popup-content > div {
    padding: 15px 20px;
    overflow-y: auto;
}
body.register .container.mt-5 h2.mb-4,
body.create_customer .container.mt-5 h2.mb-4 {
    border-bottom: 1px solid rgb(235 236 239 / 1) !important;
}
body.static_info .container form label {
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: .5rem;
}
form button {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    border-radius: 0.5rem;
}
form button:not(.iti__selected-country):hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
body.login .container h2 {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0 !important;
    line-height: normal !important;
}

form label {
    display: block;
}
.col-md-6 .iti {
    width: 100%;
}
form#ajaxUploadInvoiceForm div#progressContainer1,
form#ajaxUploadForm div#progressContainer {
    position: absolute;
    border-radius: 0.5rem;
    overflow: hidden;
    bottom: 0;
    margin: 0;
}
form#ajaxUploadInvoiceForm div#progressContainer1 #uploadPercentage1,
form#ajaxUploadForm div#progressContainer #uploadPercentage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

form#ajaxUploadInvoiceForm div#progressContainer1 progress,
form#ajaxUploadForm div#progressContainer progress {
    height: 45.6px;
    vertical-align: middle !important;
}

form#ajaxUploadInvoiceForm,
form#ajaxUploadForm {
    position: relative;
}


progress::-webkit-progress-value {
  background: #198754 !important;
}

i.bi.bi-file-earmark-pdf
{
   font-size: 21px;
   color: #dc091d;
}

.status-invoice_created {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
td.status-cell select {
    border-radius: 100px;
    font-size: 11px;
    padding: 5px 8px;
    line-height: 1;
    min-height: 26px;
}
td.status-cell:has(.status-invoice_created) select {
    color: #004085;
    background-color: #cce5ff;
}

td.status-cell:has(.status-pending) select { 
  color: #ff9f29;
  background-color: #fef9c3;
}
td.status-cell:has(.status-in_transit) select {
  color: #5bc0de;
  background-color: rgb(91 192 222 / 50%); 
}
td.status-cell:has(.status-delivered) select { 
    color: #16a34a;
    background-color: #dcfce7;
}
td.status-cell:has(.status-cancelled) select { 
  color: #d9534f; 
  background-color: rgb(217 83 79 / 50%); 
}
td.status-cell:has(.status-on_hold) select { 
  color: #6c757d; 
  background-color: rgb(108 117 125 / 50%); 
}
td.status-cell:has(.status-good_to_go_review) select {
    background-color: #F3E5F5;
    color: #6A1B9A;
}
td.status-cell:has(.status-complete) select {
    background-color: #E8F5E9;
    color: #1B5E20;
}
.table {
    font-size: 12px;
}
.status-text {
    font-size: 11px;
}
.nav-item.dropdown {
  position: relative;
}
.nav-item.dropdown .dropdown-menu {
  display: none;
}
.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
}

input.form-control[readonly]
{
    background-color: #d3d3d35e;
}
textarea.form-control[readonly]
{
    background-color: #d3d3d35e;
}

.select2-container .select2-selection--single {
    height: 40px !important;
   
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
 {
    height: 40px !important;
   
}


/*08-01-2025*/
nav.navbar {
    padding: 0;
}
nav.navbar ul.navbar-nav li a {
    padding-top: 20px;
    padding-bottom: 20px;
}
nav.navbar ul.navbar-nav li ul.dropdown-menu {
    padding: 0;
    border-radius: 0;
    background: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}
nav.navbar ul.navbar-nav li ul.dropdown-menu li a {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 14px;
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    padding: 15px !important;
}
nav.navbar ul.navbar-nav li ul.dropdown-menu li a:hover {
    background: #fff;
    color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

@media (max-width: 991.98px) {
nav.navbar {
    padding: 8px 0;
}
nav.navbar ul.navbar-nav li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
}
/*08-01-2025*/


/*14-01-2026*/
.col-md-6 {
    position: relative;
}
div#pickup_suggestions {
    position: absolute;
    background: #fff;
    z-index: 1;
    width: calc(100% - 24px);
    margin: auto;
    top: calc(100% - 15px);
}
/*16-01-2026*/
.infoupload {
    font-size: 12px;
    margin-bottom: 12px;
    position: relative;
    display: block;
}

.container span {
    color: #dc3545;
}

/*24-01-2026*/
.select2-container {
    max-width: 100% !important;
}
.select2-container .select2-selection--single {
    width: 100%;
    border-radius: 0.5rem;
    border-color: rgb(209 213 219 / 1);
    background-color: rgb(255 255 255 / 1);
    height: 45.6px;
    min-height: 45.6px;
}
body.load_list .col-md-6 form#dateFilterForm {
    padding: .5rem;
    background: #fff;
    border: 1px solid rgb(235 236 239 / 1);
    display: flex;
    /*width: 100%;*/
    border-radius: 12px;
    /*flex-wrap: nowrap;*/
}
body.load_list .col-md-6 form#dateFilterForm input {
    margin: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 12px;
    min-height: 31.2px;
}
body.load_list .col-md-6 form#dateFilterForm .col-auto {
    /*width: auto;*/
}
body.load_list .col-md-6 form#dateFilterForm .col-auto.me-2 {
    /*width: calc(100% - 168px);*/
}
body.load_list .col-md-6 form#dateFilterForm .btn {
    font-size: 11px;
    line-height: 1.25rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
@media (max-width: 767.98px) {
.btn {
    font-size: 14px;
    line-height: 1.25rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
body.load_list .col-md-6 form#dateFilterForm {
    width: 100%;
}
body.load_list .col-md-6 form#dateFilterForm .col-auto.me-2 {
    width: calc(100% - 100px);
}
}
/*24-01-2026*/.password-wrapper {  position: relative;}.password-wrapper .password-toggle {  position: absolute;  top: 50%;  right: 10px;  transform: translateY(-50%);  cursor: pointer;}.password-wrapper .password-toggle .eye-icon.hide{display: none;}
.edit-profile input[type="password"]{padding: 8px;}
.pickup-input-wrapper {
    position: relative;
    width: 100%;
}
.delivery-input-wrapper {
    position: relative;
    width: 100%;
}
.list-group-item.suggestion-item {
    cursor: default;
}

/*21-04-2026*/
.pickup-group .pickup-row button.remove-field,
.delivery-wrapper .delivery-row button.remove-field {
    margin-top: 0 !important;
    min-height: 45px;
}
.list-group.pickup_suggestions,
.list-group.delivery_suggestions {
    max-height: 265px;
    overflow-y: scroll;
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
    border-radius: 10px;
}
.list-group.pickup_suggestions .list-group-item.suggestion-item:first-child,
.list-group.delivery_suggestions .list-group-item.suggestion-item:first-child {
    border-top: none !important;
}
.list-group.pickup_suggestions .list-group-item.suggestion-item:last-child,
.list-group.delivery_suggestions .list-group-item.suggestion-item:last-child {
    border-bottom: none !important;
}
.list-group.pickup_suggestions .list-group-item.suggestion-item,
.list-group.delivery_suggestions .list-group-item.suggestion-item {
    border-left: none;
    border-right: none;
}
form#dateFilterForm .col-auto.me-2 input#date_range{
    margin-bottom: 0;
    min-height: 45.6px;
}
.custom-popup .popup-content .popup-body .value ul li {
    width: max-content;
    margin-left: auto;
    max-width: 100%;
}
.custom-popup .popup-content .popup-body .value ul li::marker {
    color: #0c65e7;
}
@media (max-width: 767.98px) {
.pickup-input-wrapper textarea,
.delivery-input-wrapper textarea {
    line-height: 1.2;
    font-size: 14px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
form#dateFilterForm .col-auto.me-2 input#date_range {
    margin-bottom: 0;
    min-height: 41px;
}
}