.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Procurar";
}

.input_disabled {
  cursor: not-allowed;
  pointer-events: none !important;
}

.navbar {
  background: linear-gradient(to right, #000000, #5d5d5f) !important;
}

.main-sidebar {
  background-color: #1d1d1d !important;
}

.app-sidebar {
  background-color: #000000 !important;
}

.bg-syswave {
  background: #5d5d5f !important;
}

.bg-syswave-right {
  background: linear-gradient(to right, #000000, #5d5d5f) !important;
}

.text-syswave {
  color: #5d5d5f !important;
}

.bg-syswave-terracota-1 {
  background: #cd5633 !important;
}

.bg-syswave-terracota-2 {
  background: #a28244 !important;
}

.bg-syswave-terracota-3 {
  background: #c2680c !important;
}

.bg-syswave-terracota-4 {
  background: #f1a58a !important;
}

.custom-checkbox-syswave {
  appearance: none; /* Removes default checkbox style */
  -webkit-appearance: none; /* Safari support */
  -moz-appearance: none; /* Firefox support */
  width: 18px;
  height: 18px;
  border: 2px solid #5d5d5f;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  background-color: white;
}

.custom-checkbox-syswave:checked {
  background-color: #5d5d5f;
  border-color: #5d5d5f;
}

.custom-checkbox-syswave:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/**********************/
/** BTN-SYSWAVE **/
.btn.btn-syswave {
  color: #ffffff;
  background-color: #5d5d5f;
  border-color: #5d5d5f;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-syswave:hover {
  color: #ffffff;
  background-color: #5d5d5f;
  border-color: #5d5d5f;
}

.btn-syswave:focus,
.btn-syswave.focus {
  color: #ffffff;
  background-color: #5d5d5f79;
  border-color: #5d5d5fc7;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
}

.btn-syswave.disabled,
.btn-syswave:disabled {
  color: #ffffff;
  background-color: #5d5d5f79;
  border-color: #5d5d5f79;
}
.btn-syswave:not(:disabled):not(.disabled):active,
.btn-syswave:not(:disabled):not(.disabled).active,
.show > .btn-syswave.dropdown-toggle {
  color: #ffffff;
  background-color: #5d5d5f79;
  border-color: #5d5d5f79;
}
.btn-syswave:not(:disabled):not(.disabled):active:focus,
.btn-syswave:not(:disabled):not(.disabled).active:focus,
.show > .btn-syswave.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(157, 42, 46, 0.5);
}

.btn.btn-syswave i {
  color: #ffffff;
}

.btn.btn-syswave .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave.dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-syswave:focus:not(.btn-text),
.btn.btn-syswave.focus:not(.btn-text) {
  color: #ffffff;
  background-color: #56181a;
  border-color: #56181a;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-syswave:focus:not(.btn-text) i,
.btn.btn-syswave.focus:not(.btn-text) i {
  color: #ffffff;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-syswave:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-syswave.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-syswave:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-syswave.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-syswave:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-syswave.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-syswave.disabled,
.btn.btn-syswave:disabled {
  color: #ffffff;
  background-color: #5d5d5f79;
  border-color: #5d5d5f79;
}
.btn.btn-syswave.disabled i,
.btn.btn-syswave:disabled i {
  color: #ffffff;
}
.btn.btn-syswave.disabled .svg-icon svg g [fill],
.btn.btn-syswave:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave.disabled .svg-icon svg:hover g [fill],
.btn.btn-syswave:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave.disabled.dropdown-toggle:after,
.btn.btn-syswave:disabled.dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-syswave:not(:disabled):not(.disabled).active,
.show > .btn.btn-syswave.dropdown-toggle,
.show .btn.btn-syswave.btn-dropdown {
  color: #ffffff;
  background-color: #56181a;
  border-color: #56181a;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-syswave:not(:disabled):not(.disabled).active i,
.show > .btn.btn-syswave.dropdown-toggle i,
.show .btn.btn-syswave.btn-dropdown i {
  color: #ffffff;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-syswave:not(:disabled):not(.disabled).active .svg-icon svg g [fill],
.show > .btn.btn-syswave.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-syswave.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-syswave:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-syswave.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-syswave.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-syswave:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-syswave:not(:disabled):not(.disabled).active.dropdown-toggle:after,
.show > .btn.btn-syswave.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-syswave.btn-dropdown.dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-outline-primary {
  color: #5d5d5f79;
  background-color: transparent;
  border-color: #5d5d5f79;
}
.btn.btn-outline-primary i {
  color: #5d5d5f79;
}
.btn.btn-outline-primary .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #5d5d5f79;
}
.btn.btn-outline-primary .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary.dropdown-toggle:after {
  color: #5d5d5f79;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled),
.btn.btn-outline-primary:focus:not(.btn-text),
.btn.btn-outline-primary.focus:not(.btn-text) {
  color: #ffffff;
  background-color: #5d5d5f79;
  border-color: #5d5d5f79;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled) i,
.btn.btn-outline-primary:focus:not(.btn-text) i,
.btn.btn-outline-primary.focus:not(.btn-text) i {
  color: #ffffff;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-outline-primary:focus:not(.btn-text) .svg-icon svg g [fill],
.btn.btn-outline-primary.focus:not(.btn-text) .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-outline-primary:focus:not(.btn-text) .svg-icon svg:hover g [fill],
.btn.btn-outline-primary.focus:not(.btn-text) .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(
    .disabled
  ).dropdown-toggle:after,
.btn.btn-outline-primary:focus:not(.btn-text).dropdown-toggle:after,
.btn.btn-outline-primary.focus:not(.btn-text).dropdown-toggle:after {
  color: #ffffff;
}
.btn.btn-outline-primary.disabled,
.btn.btn-outline-primary:disabled {
  color: #5d5d5f79;
  background-color: transparent;
  border-color: #5d5d5f79;
}
.btn.btn-outline-primary.disabled i,
.btn.btn-outline-primary:disabled i {
  color: #5d5d5f79;
}
.btn.btn-outline-primary.disabled .svg-icon svg g [fill],
.btn.btn-outline-primary:disabled .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #5d5d5f79;
}
.btn.btn-outline-primary.disabled .svg-icon svg:hover g [fill],
.btn.btn-outline-primary:disabled .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary.disabled.dropdown-toggle:after,
.btn.btn-outline-primary:disabled.dropdown-toggle:after {
  color: #5d5d5f79;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn.btn-outline-primary.dropdown-toggle,
.show .btn.btn-outline-primary.btn-dropdown {
  color: #ffffff;
  background-color: #5d5d5f79;
  border-color: #5d5d5f79;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text) i,
.btn.btn-outline-primary:not(:disabled):not(.disabled).active i,
.show > .btn.btn-outline-primary.dropdown-toggle i,
.show .btn.btn-outline-primary.btn-dropdown i {
  color: #ffffff;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg
  g
  [fill],
.btn.btn-outline-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg
  g
  [fill],
.show > .btn.btn-outline-primary.dropdown-toggle .svg-icon svg g [fill],
.show .btn.btn-outline-primary.btn-dropdown .svg-icon svg g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
  fill: #ffffff;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(.btn-text)
  .svg-icon
  svg:hover
  g
  [fill],
.btn.btn-outline-primary:not(:disabled):not(.disabled).active
  .svg-icon
  svg:hover
  g
  [fill],
.show > .btn.btn-outline-primary.dropdown-toggle .svg-icon svg:hover g [fill],
.show .btn.btn-outline-primary.btn-dropdown .svg-icon svg:hover g [fill] {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}
.btn.btn-outline-primary:not(:disabled):not(.disabled):active:not(
    .btn-text
  ).dropdown-toggle:after,
.btn.btn-outline-primary:not(:disabled):not(
    .disabled
  ).active.dropdown-toggle:after,
.show > .btn.btn-outline-primary.dropdown-toggle.dropdown-toggle:after,
.show .btn.btn-outline-primary.btn-dropdown.dropdown-toggle:after {
  color: #ffffff;
}

.btn-syswave i {
  color: inherit;
}

/**********************/

.page-item.active .page-link {
  color: #fff !important;
  background-color: #5d5d5ffe !important;
  border-color: #5d5d5f79 !important;
}

.page-link {
  color: #5d5d5ffe !important;
  background-color: #fff !important;
  border: 1px solid #dee2e6 !important;
}

.page-link:hover {
  color: #fff !important;
  background-color: #5d5d5ffe !important;
  border-color: #5d5d5ffe !important;
}

/**********************/

.card-header-syswave {
  padding: 1rem 2.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 0px solid #ebedf3;
  position: relative;
}

.card-header-syswave .card-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #000000;
}

.card-header-syswave::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #000000, #5d5d5f) !important;
}
/***********************/

.card-header-syswave-terracota-1 {
  padding: 1rem 2.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  position: relative;
  border: 3px solid #cd5633;
  border-radius: 0.5rem;
}

.card-header-syswave-terracota-1 .card-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #000000;
}

/***********************/

.card-header-syswave-terracota-2 {
  padding: 1rem 2.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  position: relative;
  border: 3px solid #a28244;
  border-radius: 0.5rem;
}

.card-header-syswave-terracota-2 .card-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #000000;
}

/***********************/
.card-header-syswave-terracota-3 {
  padding: 1rem 2.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  position: relative;
  border: 3px solid #c2680c;
  border-radius: 0.5rem;
}

.card-header-syswave-terracota-3 .card-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #000000;
}

/***********************/

.card-header-syswave-terracota-4 {
  padding: 1rem 2.25rem;
  margin-bottom: 0;
  background-color: #ffffff;
  position: relative;
  border: 3px solid #f1a58a;
  border-radius: 0.5rem;
}

.card-header-syswave-terracota-3 .card-title {
  margin-bottom: 0;
  font-size: 1.25rem;
  color: #000000;
}

/***********************/

.border-terracota-1-syswave {
  position: relative;
  overflow: hidden;
}
.border-terracota-1-syswave::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: #cd5633;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}
.border-terracota-1-syswave > * {
  position: relative;
  z-index: 2;
}
/***********************/

.border-terracota-2-syswave {
  position: relative;
  overflow: hidden;
}

.border-terracota-2-syswave::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: #a28244;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.border-terracota-2-syswave > * {
  position: relative;
  z-index: 2;
}

/***********************/
.border-terracota-3-syswave {
  position: relative;
  overflow: hidden;
}

.border-terracota-3-syswave::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: #c2680c;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.border-terracota-3-syswave > * {
  position: relative;
  z-index: 2;
}
/***********************/
.border-terracota-4-syswave {
  position: relative;
  overflow: hidden;
}

.border-terracota-4-syswave::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: #f1a58a;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

.border-terracota-4-syswave > * {
  position: relative;
  z-index: 2;
}

/***********************/
.scrolltop {
  background-color: #5d5d5ffe !important;
}

.app-sidebar-toggle-syswave {
  color: #5d5d5ffe !important;
  background-color: #1c1c21 !important;
}
.app-sidebar-toggle-syswave:hover {
  color: #ffffff !important;
  background-color: #5d5d5ffe !important;
}

.heading-syswave {
  background: linear-gradient(to right, #000000, #5d5d5f) !important;
}
/***********************/

.input_readonly {
  cursor: not-allowed;
  background-color: #f2f2f2;
  /* Set a background color to indicate it's disabled */
  border: 1px solid #ccc;
  /* Add a border for a disabled look */
  color: #888;
  /* Set text color to a muted tone */
  pointer-events: none !important;
}

/* Change color to red for selected option */
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5d5d5f;
  color: #fff;
}

/* Remove outline on focus */
.select2-container *:focus {
  outline: none;
}

/* Change color to red when hovering over the option */
.select2-results__option[role="group"]:hover,
.select2-container--default
  .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #5d5d5f;
  color: #fff;
}

/* Change height of select2 */
.select2-selection {
  overflow: hidden;
}

.select2-selection__rendered {
  line-height: 40px !important;
  white-space: normal;
  word-break: break-all;
}

.select2-container .select2-selection--single {
  height: 40px !important;
}

.select2-selection__arrow {
  height: 40px !important;
}

/* */

.d-none {
  color: #fff;
  font-weight: bold;
}

.user-header {
  background: linear-gradient(to right, #000000, #5d5d5f) !important;
}

.user-header .p {
  background-color: #ffffff !important;
}

@media only screen {
  .customerPlaceholder {
    height: auto;
  }
}

.line-invalid {
  background-color: rgba(255, 242, 1, 0.314) !important;
}

.qtt-satisfied {
  background-color: #00a038 !important;
  color: white !important;
}

.input-invalid {
  font-weight: bold !important;
  color: #a60000 !important;
}

#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}

#sortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.4em;
  height: 18px;
}

#sortable li span {
  position: absolute;
  margin-left: -1.3em;
}

.vehicle-card:hover,
.vehicle-card.selected {
  background-color: #e0f7fa;
  /* Light cyan background */
  border: 2px solid #20c997;
  /* Blue border */
  cursor: pointer;
}

.menu-action {
  color: #000000 !important;
}

.menu-action:hover {
  background-color: white !important;
  font-weight: bold;
}

:root,
[data-bs-theme="light"] {
  --bs-danger: #df3c41;
  --bs-primary: #007bff;
  --bs-info: #17a2b8;
  --bs-secondary: #6c757d;
  --bs-light: #f8f9fa;
}

:root,
[data-bs-theme="dark"] {
  --bs-danger: #df3c41;
  --bs-primary: #007bff;
  --bs-info: #17a2b8;
  --bs-secondary: #6c757d;
  --bs-light: #f8f9fa;
}

input:read-only {
  color: var(--bs-gray-500);
  background-color: var(--bs-gray-200);
  border-color: var(--bs-gray-300);
  opacity: 1;
}

.imgUsr {
  position: absolute;
  bottom: 2px;
  right: 5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.kanban-board {
  /*max-height: 655px;
  overflow-y: auto;*/
  overflow-x: auto;
}

.kanban-board[data-id*="Fechar"] {
  position: fixed;
  left: 30%;
  background-color: #f8d7da;
  border: 2px dashed red;
  width: 45% !important;
  height: 100px !important;
  padding-left: 0;
}

.kanban-board[data-id*="Fechar"] .kanban-title-button {
  display: none;
}

.kanban-board[data-id*="Fechar"] .kanban-delete-zone {
  padding: 0px;
  text-align: center;
  color: red;
  margin-top: 1px;
}

.kanban-board[data-id*="Apagar"] {
  position: fixed;
  left: 10%;
  bottom: 100px;
  background-color: #6c757d;
  border: 2px dashed rgb(0, 0, 0);
  width: 20% !important;
  height: 100px !important;
  padding-left: 0;
}

.kanban-board[data-id*="Apagar"] .kanban-title-button {
  display: none;
}

.kanban-board[data-id*="Apagar"] .kanban-delete-zone {
  padding: 0px;
  text-align: center;
  color: rgb(112, 112, 112);
  margin-top: 1px;
}

.kanban-board[data-id*="Fechar"] .kanban-delete-zone.dragover {
  background-color: #dc3545;
  color: #fff;
}

.kanban-board[data-id^="hided"] {
  height: 200px;
  bottom: 0;
  width: 100%;
  opacity: 1;
  z-index: 999;
  transition: all 0.3s ease;
}

.kanban-board[data-id^="hided"] .kanban-drag {
  background-color: inherit;
  color: inherit;
}

.kanban-board[data-id^="hided"]:hover {
  height: auto;
}

.break-line {
  height: 1px;
  background-color: #ccc;
  margin: 10px 0;
}

@media (min-width: 868px) {
  .modal-xl {
    width: 90%;
    max-width: 1600px;
  }
}

.come-from-modal.left .modal-dialog,
.come-from-modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.come-from-modal.left .modal-content,
.come-from-modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0px;
}

.come-from-modal.left .modal-body,
.come-from-modal.right .modal-body {
  padding: 15px 15px 80px;
}
.come-from-modal.right.fade .modal-dialog {
  right: 100%;
  transition:
    opacity 0.3s linear,
    right 0.3s ease-out;
}
.come-from-modal.right.fade.show .modal-dialog {
  right: 0;
}

.come-from-modal.right.fade.in .modal-dialog {
  right: 0;
}

.kanban-unavailable {
  background-color: rgba(255, 0, 0, 0.1);
  pointer-events: none;
  opacity: 0.5;
}

.prodCluster-select2 + .select2-container .select2-selection--single {
  height: 41px !important;
  line-height: 41px !important;
  padding: 0.375rem 0.75rem;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Drag and Drop Styles */
.ui-sortable-helper {
  display: table !important;
  background-color: white;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.ui-state-highlight {
  height: 60px;
  background-color: #e3f2fd;
  border: 2px dashed #2196f3;
}

.ui-state-highlight-section {
  height: 80px;
  background-color: #c8e6c9;
  border: 2px dashed #4caf50;
}

.drag-helper-table {
  border-collapse: collapse;
  width: 100%;
}

.drag-helper-table tr {
  background-color: white;
}

.dragging-with-section {
  opacity: 0.3;
}

/* Grip cursor enhancement */
.gripDraggable {
  cursor: move;
  user-select: none;
}

.gripDraggable:hover {
  background-color: #f5f5f5;
}

.section-grip {
  cursor: move;
  user-select: none;
}

.section-grip:hover {
  background-color: #c8e6c9 !important;
}

/* Visual feedback during drag */
tbody.ui-sortable tr.ui-sortable-helper {
  display: table;
  width: 100%;
}

tbody.ui-sortable tr.ui-sortable-placeholder {
  display: table-row;
}

/* Highlight sections when dragging lines */
.section-header.drop-target {
  background-color: #fff9c4 !important;
  border: 2px solid #ffc107;
}

/* Style for empty sections */
.section-header + .section-header,
.section-header:last-child {
  border-bottom: 2px dashed #ddd;
}

/* Animation for dropped items */
@keyframes dropAnimation {
  0% {
    background-color: #e3f2fd;
  }
  100% {
    background-color: transparent;
  }
}

.just-dropped {
  animation: dropAnimation 0.5s ease-in-out;
}

/* Improve grip icon visibility */
.gripDraggable i,
.section-grip i {
  color: #9e9e9e;
  transition: color 0.2s;
}

.gripDraggable:hover i,
.section-grip:hover i {
  color: #5d5d5f;
}

/* Section header visual improvements */
.section-header {
  border-top: 2px solid #000000 !important;
  border-bottom: 2px solid #000000 !important;
  transition: all 0.2s;
}

/* Add spacing between sections */
.section-header + tr:not(.section-header) {
  border-top: 2px solid #5d5d5f;
}

.section-grip {
  cursor: grab;
  padding: 0.5rem !important;
}

.section-grip:active {
  cursor: grabbing;
}

.dragging-section {
  opacity: 0.7;
  background-color: #000000 !important;
}

.dragging-section-lines {
  opacity: 0.5;
  background-color: #f5f5f5;
}

.section-placeholder {
  background-color: #bbdefb;
  border: 2px dashed #5d5d5f !important;
  height: 50px;
}

.ui-sortable-helper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}