body {
  overflow-y: unset !important;
}

table,
text,
tspan {
  font-family: "Nunito Sans", sans-serif !important;
}

.not-show-sidebar-without-box-layout .close-btn.toggle-sidebar,
.box-layout.not-show-sidebar-with-box-layout .close-btn.toggle-sidebar {
  display: none !important;
}

.not-show-sidebar-without-box-layout .page-wrapper .page-body-wrapper,
.box-layout.not-show-sidebar-with-box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
  margin-left: 0 !important;
}

.light-logo,
.dark-logo {
  height: 89px;
}



#user-list input {
  height: 15px;
}

#user-list .form-check {
  display: block;
}

#user-list_length {
  margin: 0;
}

.dtr-details {
  width: 100%;
}

.res-dashboard .number {
  font-size: 100px;
  width: 100%;
  text-align: center;
}

.bg-red-card-1 {
  background-color: rgb(252, 97, 97);
  color: #fff;
}

.bg-green-card-1 {
  background-color: rgb(67, 189, 36);
  color: #fff;
}

.bg-blue-card-1 {
  color: #fff;
  background-color: rgb(62, 62, 255);
}

.res-dashboard .col-md-3 .card .d-flex.flex-column {
  align-items: center;
}

.res-dashboard .col-md-6 .card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#activityChart {
  width: 100%;
}

.quick-file li .quick-box i {
  font-size: 65px;
}

.dz-message {
  border: 2px dashed #007bff;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  border-radius: 10px;
  background: #f8f9fa;
  position: relative;
}

.image-preview-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding-top: 10px;
}

.image-preview-container img {
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#truckNumberValidationTable {
  min-width: 1600px;
  overflow-x: scroll;
}

#gradingRoomTable {
  min-width: 1300px;
  overflow-x: scroll;
}

.box-layout .page-wrapper.compact-wrapper footer {
  position: static;
  transform: unset;
  margin-bottom: unset !important;
}

header .notification-dropdown {
  min-width: 433px;
}

#totalWeightReadOnly,
#editTotalWeight {
  text-align: center;
  width: 50%;
  background-color: #f9f9f9;
  color: #fff;
  background-color: rgb(252, 118, 118);
}

.bg-grey {
  background-color: #f9f9f9;
  border-radius: 5px;
}

.dataTables_wrapper a {
  font-weight: 400;
  padding: 0.375rem 0.75rem;
  font-size: 12px;
  border-radius: 0.25rem;
  /* border: 1px solid; */
  display: inline-block;
  margin-left: 5px;
}

.third-level .select2-container .select2-selection--single {
  height: 38px !important;
}

.third-level .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 14px;
}

td button,
td a {
  border-width: 1px;
}

.dataTables_paginate {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.third-level .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 5px;
  right: 8px;
}

.na-highlight {
  background-color: #d7eaff !important;
}

.form-check-size {
  flex-direction: column;
  gap: 10px;
  align-items: unset;
}

.form-check-size>div {
  display: flex;
}

.radio-weight-group .form-check {
  background: #f9eadb;
  color: #000;
  padding: 10px 30px;
  border-radius: 10px;
  flex-basis: 22%;
}

.radio-weight-group {
  margin-bottom: 2rem;
}

.radio-weight-group .form-check:has(.form-check-input:checked) {
  background: #02a2b9;
  color: #fff;
}

#user-list_wrapper {
  min-width: 200px;
  overflow-x: scroll;
}

.radio-weight-group .form-check-label {
  display: flex;
  flex-direction: column-reverse;
}

.radio-weight-group .form-check-label span {
  font-size: 1.4rem;
}

.radio-weight-group .form-check-label span small {
  font-size: 0.7rem;
}

.radio-weight-group .form-check-label strong {
  font-weight: 300;
}

h3 span.text-info {
  color: #000 !important;
}

h3 span.text-primary {
  color: #3f3e3e !important;
}

h3 span.text-danger {
  color: #757575 !important;
}

table td button {
  color: #000;
}

table td button:hover {
  color: #fff;
}

table td button:hover img {
  filter: brightness(0) invert(1);
}

/* Table Responsive */
#inshellCrakingTableEntry {
  min-width: 1400px !important;
  overflow-x: scroll;
}

#recentBatchesTabelD

/* #inshellCrakingTableEntryFourth */
  {
  min-width: 1400px !important;
  overflow-x: scroll;
}

.move-to-inshell-Cracking {
  border: 1px solid #3eb95f;
  text-transform: uppercase;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-weight: 800 !important;
}

.dataTables_wrapper a:has(i) {
  border: 1px solid;
}

.dataTables_wrapper a:has(i):hover {
  color: #fff;
  background-color: #a51d21;
  border: 1px solid #fff;
}

#inshellCrakingTableEntry td:has(button) {
  display: flex;
  justify-content: space-between;
}

#inshellCrakingTableEntryFourth td button:has(i):hover,
#inshellCrakingTableEntryFourth td button:has(i),
/* #gradingRoomTable td button:has(i):hover, */
#gradingRoomTable td button:has(i) {
  border: 1px solid #a51d21;
  color: #a51d21 !important;
  background-color: #0000;
}

#gradingRoomTable td button:has(i):hover {
  color: #fff !important;
  background-color: #a51d21;
}

#inshellCrakingTableEntry tr td:last-of-type button,
/* #inshellCrakingTableEntryFourth tr td:last-of-type a, */
#gradingRoomTable tr td:last-of-type a,
#gradingRoomTable2 tr td:last-of-type a {
  color: #3eb95f;
  border: 1px solid #3eb95f;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
}

#inshellCrakingTableEntry tr td:last-of-type button:hover,
#inshellCrakingTableEntryFourth tr td:last-of-type a:hover {
  color: #fff;
}

table thead tr th {
  background: #f9f9f9 !important;
}

/* Reposnive Css */
@media (min-width: 1200px) {
  .box-layout .page-wrapper.compact-wrapper footer {
    margin-bottom: 20px !important;
    padding-left: 0 !important;
  }

  #form-container .card {
    width: 75%;
  }

  #form-container>div {
    display: grid;
    place-items: center;
  }

  .box-layout .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    max-height: 100%;
  }
}

@media (max-width: 1199px) {
  .light-logo,
  .dark-logo {
    height: 75px;
  }
}

@media (max-width: 480px) {
  /* .sidebar-menu {
    max-height: 500px;
    height: auto;
    overflow-y: scroll;
  } */

  .list-product-header>div {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .dataTables_filter {
    margin: 0 !important;
  }

  .dataTables_wrapper .top {
    margin-bottom: 3rem;
  }

  .dataTables_wrapper .bottom {
    display: block !important;
  }
}

/* New CSS */
.dataTables_wrapper #gradingRoomTable button.btn-accept {
  border-color: #3eb95f;
  color: #3eb95f;
}

.dataTables_wrapper #gradingRoomTable button.btn-reject {
  border-color: #a51d21;
  color: #a51d21;
}

.dataTables_wrapper #gradingRoomTable button.btn-accept,
.dataTables_wrapper #gradingRoomTable button.btn-reject {
  background-color: #0000;
  font-weight: 700;
  padding-block: 3px;
}

#gradingRoomTable2 tr td:has(a i) {
  display: flex;
}

#gradingRoomTable2 tr td:last-of-type a {
  text-align: center;
}

.breadcrumb-back {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--theme-default);
}

.to-dispatch-btn {
  background: #3eb95f;
  color: white;
  border-radius: 5px;
  display: inline;
  max-width: max-content;
  padding: 10px 20px;
}

.dispatch-btn-container {
  display: flex;
  justify-content: end;
  margin-top: 1rem;
  margin-right: 1rem;
}

.btn-add-customer,
.btn-add-order {
  padding: 10px 20px;
  font-weight: 600;
  border-radius: 10px;
  color: #fff;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: end;
}

.btn-add-customer {
  background-color: #02a2b9;
}

.btn-add-order {
  background-color: #3eb95f;
}

.btn-add-customer:hover,
.btn-add-order:hover {
  color: #fff;
  opacity: 0.8;
}

.edit-polish-room {
  padding: 10px;
}


.custom-media-query-header {
    display: flex;
    gap: 16px;
    align-items: center;
  }

  .custom-media-query-header-2 {
    display: none;

  }

@media (max-width: 661px) {

  .custom-media-query-header {
    display: none;
  }

  .custom-media-query-header-2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-block: 16px;
  }

  .sidebar-menu {
    height: calc(100vh - 160px)
  }
  
}

@media (max-width: 420px) {
  .sidebar-menu {
    height: calc(100vh - 120px)
  }
}