.is_required:after {
    content: "*";
    color: #ea6565;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    padding: .46875rem .75rem;
    height: calc(2.25rem + 2px);
}

.nav .nav-treeview .nav-item {
    padding-left: 10px;
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #007bff !important;
}

.custom-link-color {
    color: #0254be;
}

.table.slim-row th,
.table.slim-row td {
    padding: 0.5rem;
}

.content-container {
    max-height: 500px; /* Adjust the height as needed */
    overflow: hidden;
    position: relative;
    transition: max-height 0.3s ease;
}

.content-container.show-shadow::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px; /* Adjust the height as needed */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(115, 115, 115, 0.5));
    transition: opacity 0.3s ease;
}

.content-container.expanded {
    max-height: 1000px; /* A large value to ensure it expands fully */
}

.content-container.expanded.show-shadow::after {
    opacity: 0;
}

.show-more-btn {
    cursor: pointer;
    color: #007bff;
    text-align: center;
    margin-top: 10px;
    display: none; /* Initially hidden */
}

.edit-span-view {
    position: relative;
    font-weight: normal;
    display: inline-flex;
    align-items: flex-end;
}

.edit-span {
    cursor: pointer;
}

.edit-span .pencil-icon {
    display: none;
    font-size: 0.8em;
    margin-left: 5px;
    margin-bottom: 5px;
}

.edit-span:hover .pencil-icon {
    display: inline;
}

.badge-order {
    color: #fff;
    background-color: #1757b8;
}

.badge-ready-collect {
    color: #fff;
    background-color: #07a92a;
}

.badge-collected {
    color: #fff;
    background-color: #2a5916;
}

.badge-picking {
    color: #fff;
    background-color: #a551f7;
}

.badge-invoice {
    color: #fff;
    background-color: #B53389;
}

.badge-invoiced {
    color: #fff;
    background-color: #6f42c1;
}

.badge-transferred {
    color: #fff;
    background-color: #736f26;
}

.badge-grey {
    color: #fff;
    background-color: #6c757d;
}

.break-word {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}

.dropdown-item:hover {
    background-color: #f2f2f2;
    color: #1757b8;
}

.nav-sidebar .nav-item p {
    font-size: 15px;
}

.text-light-blue {
    color: #007bff;
}

.text-grey {
    color: #6c757d;
}

.text-blue {
    color: #1757b8;
}

.text-green {
    color: #07a92a;
}

.text-red {
    color: #dc3545;
}

/* Alex style */
table td .mobile-title {
  display: none;
}

table.dataTable.table>tbody>tr.selected>* {
  background-color: rgb(20 180 255 / 50%);
  box-shadow: none;
  color: #000;
}

table.dataTable.table.table-striped>tbody>tr:nth-of-type(2n+1).selected>* {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}

@media screen and (max-width: 2000px) {
  table.mobile-table {
    display: block;
    border-left: 1px solid #dee2e6 !important;
  }
  table.mobile-table p {
    margin-bottom: 0;
  }
  table.mobile-table.table-bordered {
    border-width: 1px 0 0 1px !important;
  }
  table.mobile-table thead,
  table.mobile-table tbody {
    display: block;
  }
  table.mobile-table thead .text-muted {
    margin-top: 6px;
  }
  table.mobile-table tr {
    display: flex;
    flex-wrap: wrap;
  }
  table.mobile-table tbody tr {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #333;
  }
  table.mobile-table th,
  table.mobile-table td {
    border: 1px solid #dee2e6 !important;
    border-left-width: 0 !important;
    border-top-width: 0 !important;
  }
  table.mobile-table th {
    display: flex;
    align-items: center;
    background-color: #36c1721f;
    text-align: left !important;
    line-height: 1.2;
  }
  table.mobile-table th .dt-column-title {
    width: 100%;
  }
  table.mobile-table th .dt-column-order {
    font-size: 24px;
  }
  table.mobile-table th .dt-column-order::before,
  table.mobile-table th .dt-column-order::after {
    line-height: 0.8em !important;
  }
  table.mobile-table th .text-sm {
    font-weight: 400;
  }
  table.mobile-table th.dt-ordering-desc {
    background: linear-gradient(to bottom, #009bff14, transparent), #36c1721f;
  }
  table.mobile-table th.dt-ordering-asc {
    background: linear-gradient(to top, #009bff14, transparent), #36c1721f;
  }
  table.mobile-table td {
    text-align: right;
  }
  table.mobile-table td .mobile-title {
    margin-bottom: 4px;
    color: #6c757d;
    font-size: .875rem;
    text-align: left;
  }
  table.mobile-table td .float-right {
    margin-left: 4px;
  }
}

@media screen and (max-width: 768px) {
  div.dt-container div.dt-search input {
    width: calc(100% - 56px - 0.5em);
  }
}

@media screen and (max-width: 540px) {
  table.mobile-table td {
    text-align: right;
  }

  table.mobile-table td .mobile-title {
    text-align: left;
    width: 50%;
    float: left;
  }
}