:root {
  --naariyal-green: rgb(97, 144, 63);
  --naariyal-red: #dc3545;
  --naariyal-red-hover: rgb(218, 76, 80);
  --naariyal-green-hover: rgb(97, 144, 63, 0.9);
  --naariyal-green-active: rgb(97, 144, 63, 0);
  --naariyal-green-dark: #2c5311;
  --naariyal-gray: #494e5344;
  --naariyal-black: black;
  --naariyal-white: #fff;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

/* admin profil */
.admin-profile {
  height: 100px;
  width: 100px;
}

.admin-profile img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.edit-profile-model table {
  width: 100%;
}

.edit-icon {
  position: relative;
  float: right;
  cursor: pointer;
  font-size: 19px;
}

.edit-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 11;
}

.form-contro {
  width: 100%;
}

.navbar {
  background-color: var(--naariyal-green);
}

.naariyal-text-white {
  color: var(--naariyal-white);
}

.naariyal-text-green {
  color: var(--naariyal-green);
}

.nariyal-green {
  color: var(--naariyal-green);
}

.card-primary.card-outline {
  border-top: 3px solid var(--naariyal-green);
}

.profile-page a {
  text-decoration: none;
  cursor: default;
  color: var(--naariyal-black);
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  /* border: 1px solid; */
  text-overflow: ellipsis;
}

.profile-user-img {
  border: 3px solid var(--naariyal-green);
}

.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--naariyal-green) !important;
}

/* .dropdown-item:hover {
    background-color: var(--naariyal-gray) !important;
} */

/*--------------------------------- naariyal green button */
.btn-naariyal-green {
  color: #fff;
  background-color: var(--naariyal-green);
  border-color: var(--naariyal-green);
  box-shadow: none;
}

.btn-naariyal-green:hover {
  color: #fff;
  background-color: var(--naariyal-green-hover);
  border-color: var(--naariyal-green);
}

.btn-naariyal-green:focus,
.btn-naariyal-green.focus {
  color: #fff;
  background-color: var(--naariyal-green);
  border-color: var(--naariyal-green);
  box-shadow: 0 0 0 0 var(--naariyal-green);
}

.btn-naariyal-green.disabled,
.btn-naariyal-green:disabled {
  color: #fff;
  background-color: var(--naariyal-green);
  border-color: var(--naariyal-green);
}

.btn-naariyal-green:not(:disabled):not(.disabled):active,
.btn-naariyal-green:not(:disabled):not(.disabled).active,
.show>.btn-naariyal-green.dropdown-toggle {
  color: #fff;
  background-color: var(--naariyal-green);
  border-color: var(--naariyal-green);
}

.btn-naariyal-green:not(:disabled):not(.disabled):active:focus,
.btn-naariyal-green:not(:disabled):not(.disabled).active:focus,
.show>.btn-naariyal-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--naariyal-green);
}

/*--------------------------------- end naariyal green button */

/*--------------------------------- naariyal red button */
.btn-naariyal-red {
  color: #fff;
  background-color: var(--naariyal-red);
  border-color: var(--naariyal-red);
  box-shadow: none;
}

.btn-naariyal-red:hover {
  color: #fff;
  background-color: var(--naariyal-red-hover);
  border-color: var(--naariyal-red);
}

.btn-naariyal-red:focus,
.btn-naariyal-red.focus {
  color: #fff;
  background-color: var(--naariyal-red);
  border-color: var(--naariyal-red);
  box-shadow: 0 0 0 0 var(--naariyal-red);
}

.btn-naariyal-red.disabled,
.btn-naariyal-red:disabled {
  color: #fff;
  background-color: var(--naariyal-red);
  border-color: var(--naariyal-red);
}

.btn-naariyal-red:not(:disabled):not(.disabled):active,
.btn-naariyal-red:not(:disabled):not(.disabled).active,
.show>.btn-naariyal-red.dropdown-toggle {
  color: #fff;
  background-color: var(--naariyal-red);
  border-color: var(--naariyal-red);
}

.btn-naariyal-red:not(:disabled):not(.disabled):active:focus,
.btn-naariyal-red:not(:disabled):not(.disabled).active:focus,
.show>.btn-naariyal-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 var(--naariyal-red);
}

/*--------------------------------- end naariyal red button */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/*--------------------------------- sidebar */

.sidebar a {
  color: white;
}

.sidebar a:hover {
  color: var(--naariyal-white) !important;
  background-color: var(--naariyal-green) !important;
}

.active-sidebar-title {
  color: white !important;
  background-color: var(--naariyal-green);
}

/* .active-sidebar-title:hover {
    background-color: white;
} */

.sidebar-item {
  padding-bottom: 5px;
}

/* naariyal product */
.product-images {
  width: 300px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-images .product-thumb {
  height: 300px;
  width: 300px;
}

.product-images .product-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  cursor: pointer;
}

.product-images .other-images img {
  cursor: pointer;
}

.naariyal-product .card-body {
  position: relative;
}

.naariyal-product .card-body .action {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.naariyal-product .card-body .action button {
  text-transform: capitalize;
}

.product-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* --------group button------- */
.btn-group a {
  cursor: pointer;
}

.ant-upload-wrapper {
  width: fit-content;
  /* margin: auto; */
}

/* --------manage stock------- */
.input-width {
  /* width: 150px; */
}

.pagination .page-link.active {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

/* --------check box------- */
.check-box-form {
  cursor: pointer;
  /* display: block; */
  width: 20px !important;
  height: 20px !important;
  padding: 0.375rem 0.75rem;
  /* font-size: 1rem; */
  /* font-weight: 400; */
  /* line-height: 1.5; */
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.delevery-boy-rights label {
  cursor: pointer;
  user-select: none;
  margin: 0;
}

/* table pagination  */
.MuiToolbar-root p {
  margin: 0;
}

.MuiDataGrid-columnHeaderTitle,
.MuiDataGrid-cell,
.css-1gak8h1-MuiToolbar-root-MuiTablePagination-toolbar p,
.css-1gak8h1-MuiToolbar-root-MuiTablePagination-toolbar .MuiSelect-select {
  font-size: 17px;
}

.css-1gak8h1-MuiToolbar-root-MuiTablePagination-toolbar .MuiSelect-select {
  padding: 0;
  font-family: "poppins";
}

/* .MuiToolbar-root {
    box-shadow: 0 0 0;
} */

.css-de9k3v-MuiDataGrid-selectedRowCount {
  visibility: hidden !important;
}

.css-ok32b7-MuiDataGrid-overlay {
  display: none !important;
}

.css-1tktgsa-MuiPaper-root-MuiPopover-paper-MuiMenu-paper {
  box-shadow: 0 0 2px -1px gray !important;
}

/* navbar  */
.navbar-user-profile {
  height: 37px !important;
  width: 37px !important;
  border-radius: 45px;
  overflow: hidden;
}

.navbar-user-profile img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

.user-panel .info {
  display: inline-block;
  padding: 6px 5px 5px 10px !important;
}

/* loader */
.animation__shake {
  animation-iteration-count: infinite;
}

/* pagination */
.pagination {
  justify-content: end;
}

.dataTables_length label {
  display: flex;
  align-items: center;
  font-weight: 100 !important;
  gap: 10px;
}

.dataTables_length label select {
  width: 80px;
}

.dataTables_scrollHead {
  overflow: hidden;
  position: relative;
  border: 0px;
  /* width: 100%;
    top: 18px;
    left: 0;
    right: 0; */
}

table {
  width: 100% !important;
  margin: 0 !important;
}

.dataTables_wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.table-responsive::-webkit-scrollbar {
  display: none;
}

.dataTables_scrollBody {
  min-height: 330px;
}

.dt-scroll,
.dt-scroll-headInner {
  width: 100% !important;
}

.dt-length {
  display: flex;
  gap: 10px;
  width: 100%;
}

.dt-layout-start {
  margin: 0 !important;
  margin-bottom: 10px;
}

.dt-layout-start label {
  width: 400px;
  margin: 0;
}

.dt-layout-start select {
  width: 100px !important;
}

#example2_wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.pagination {
  margin: auto auto;
}


/* custome pagination */
.css-1c5o7vy-MuiPagination-ul li {
  border: 1px solid #00000017 !important;

}

.css-1c5o7vy-MuiPagination-ul button {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 18px 11px;
  border: 0 !important;
  font-size: 17px;
  color: #007bff !important;
}

.css-tdnytb-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected {
  color: #fff !important;
  background-color: #007bff !important;
  border-color: #007bff !important;
}

.css-1c5o7vy-MuiPagination-ul button svg {
  font-size: 12px !important;
  fill: black !important;
}

.css-btxnvc-MuiPaginationItem-root {
  padding: 8px 6px !important;
}