.text-gray-400 {
  color: #000000 !important;
}

#navSearchInput {
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dark);
  background-color: var(--bs-primary);
}

#navSearchInput {
}

.form-control:focus {
  background: rgb(245,245,245);
  box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6) !important;
  border-color: #bfbfbf;
  color: #000000;
}

.form-control {
  background: rgb(252,252,252);
  box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.15);
  color: #000000;
}

.form-select:focus {
  background: rgb(245,245,245);
  box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.6) !important;
  border-color: #bfbfbf;
}

.form-select {
  background: rgb(252,252,252);
  box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.15);
  color: #000000;
}

non-draggable {
  user-drag: none !important;
  -webkit-user-drag: none !important;
  user-select: none !important;
  -moz-user-select: none !important;
  -webkit-user-select: none !important;
  -ms-user-select: none !important;
}

.qnt {
  max-width: 50px;
}

.form-check-input {
  --bs-form-check-bg: rgb(225, 225, 225);
}

.copyCursor {
  cursor: copy;
}

.card-body {
}

#orderHistoryTable tr:hover {
  background-color: #ffe19a5a;
}

#orderHistoryTable tr:hover td {
  background-color: transparent;
}

#ordersTableDiv tr:hover {
  background-color: #ffe19a5a;
}

#ordersTableDiv tr:hover td {
  background-color: transparent;
}

#orderDetailsTextTable td, #orderDetailsTextTable th, #orderBankDetailsTextTable td, #orderBankDetailsTextTable th {
  background-color: transparent !important;
  border: none !important;
}

#orderDetailsTextTable th, #orderBankDetailsTextTable th {
  max-width: 20px !important;
}

#orderDetailsTextTable, #orderBankDetailsTextTable {
  table-layout: fixed;
}

#orderDetailsTextTable td:first-child, #orderDetailsTextTable th:first-child, #orderBankDetailsTextTable td:first-child, #orderBankDetailsTextTable th:first-child {
  width: 140px;
}

#editUserModalDiv td:first-child, #editUserModalDiv th:first-child, #editUserModalDiv td:first-child, #editUserModalDiv th:first-child {
  max-width: 100px;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 800px) {
  #wrapper {
    width: 100% !important;
  }
}