/* Font now self-hosted via next/font in src/app/layout.tsx */
#body {
  margin: 0;
}

::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.loginBox {
  width: min(90%, 630px);
  background-color: unset;
  box-shadow: none;
  overflow: unset;
  flex-direction: column-reverse;
}

.loginBox_body .passBttn {
  font-size: 26px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  background: #ff0000;
  border-radius: 10px;
  box-shadow: 0 0 15px -5px #000000d9 !important;
  padding: 15px;
  margin-top: 35px;
  margin-bottom: 6px;
  font-family: "NokiaKokia", sans-serif;
}

.loginBox_body .passBttn span {
  background: linear-gradient(180deg,
      rgba(251, 250, 250, 1) 35%,
      rgba(213, 214, 213, 1) 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 3px #00000036);
  display: block;
}

/* .doctor_dashboard_wrapper span, .doctor_dashboard_wrapper p {
    color: white !important;
} */
.loginBox_body svg {
  color: #a3abae;
}

.loginBox_body {
  position: relative;
  background: #d1151b;
  border: 2px solid #ffffff;
  border-radius: 45px;
  overflow: unset;
  padding: 30px 50px;
  padding-top: 0;
  margin: 0;
  margin-bottom: 20px;
}

.loginBox_body::before {
  position: absolute;
  content: "";
  background: url(https://all-frontend-assets.s3.us-east-1.amazonaws.com/biogenix-ui/login_page/biogenix_login_page_box_shadow_img.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 158px;
  height: 305px;
  left: -158px;
  bottom: 35px;
}

.loginBox_body .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-shrink {
  padding: 0 10px;
  background: #fff;
}

.white_logo_sec {
  position: relative;
  width: 370px;
  position: relative;
  background: #ffffff;
  box-shadow: 0 2px 20px -4px #000000bd;
  padding: 20px;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}

.white_logo_sec::before {
  position: absolute;
  content: "";
  background: url(https://all-frontend-assets.s3.us-east-1.amazonaws.com/biogenix-ui/login_page/biogenix_login_page_logo_sec_br_img.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 25px;
  height: 14px;
  top: 0;
  left: -25px;
}

.logo {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

/* << ------------ Navbar CSS ------------>> */

/* .biogenix_toolbar {
    background: linear-gradient(180deg,  #FF1100, #EE0000);
} */
.snackbarr .snackbar_style_all .MuiPaper-elevation.MuiSnackbarContent-root {
  display: block;
  color: #ffffff !important;
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%) !important;
  border-radius: 10px !important;
}

.snackbarr .snackbar_style_all .MuiPaper-elevation.MuiSnackbarContent-root .MuiSnackbarContent-messag {
  padding: 0 !important;
}

.admin_dashboard_main_width .MuiPaper-root {
  background: #f0f0f0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #b9b8b8;
}

.biogenix_toolbar .biogenix_headerlogo {
  width: 200px;
  /* border-right: 1px solid #cccccf; */
  padding: 10px 0;
  /* padding-right: 25px; */
}

.biogenix_toolbar .biogenix_headerlogo img {
  width: 100%;
  /* background: #fff; */
}

.biogenix_toolbar .biogenix_navsec {
  padding: 0 10px;
  justify-content: center;
}

.biogenix_toolbar .biogenix_navsec button {
  color: #535557;
  text-decoration: none;
  margin: 0 0px;
  font-size: 18px;
  line-height: 24px;
  border-radius: 5px;
  padding: 9px 10px;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  text-transform: capitalize;
}

.biogenix_toolbar .biogenix_navsec button:hover {
  /* background: #131313; */
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%);
  color: #fff;
}

/* .admin_dashboard_main_width .css-1vipebp-MuiButtonBase-root-MuiIconButton-root {
    background: #eb0817;
    border: 1px solid #ffffff;
    box-shadow: 0 0 20px -5px #000000c7;
} */
.admin_dashboard_main_width .MuiIconButton-root.MuiIconButton-colorInherit {
  background: #eb0817;
  border: 1px solid #ffffff;
  box-shadow: 0 0 20px -5px #000000c7;
}

.admin_dashboard_main_width .toggle_menu_bar {
  display: none;
}

.dropdown_menu {
  display: none;
}

.biogenix_toolbar {
  justify-content: space-between;
  padding-bottom: 15px;
}

@media screen and (max-width: 1599px){
.biogenix_toolbar .biogenix_navsec button {
    font-size: 15px;
    line-height: 21px;
  }
}

@media screen and (max-width: 1499px) {
  .biogenix_toolbar {
    padding: 0 0 !important;
  }

  .biogenix_toolbar .biogenix_navsec button {
    font-size: 14px;
    line-height: 20px;
  }
}

@media screen and (max-width: 1399px) {

  .biogenix_toolbar .biogenix_headerlogo {
    width: 150px;
  }

  .biogenix_toolbar .biogenix_navsec button {
    padding: 5px 7px;
  }

}

@media screen and (max-width: 1299px) {
  .biogenix_toolbar .biogenix_navsec button {
    font-size: 13px;
    line-height: 19px;
  }
}

@media screen and (max-width: 1199px) {
  .biogenix_toolbar .biogenix_navsec {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 6px;
    justify-content: flex-start;
  }

  .biogenix_toolbar .biogenix_navsec::-webkit-scrollbar {
    display: none;
  }

  .biogenix_toolbar .biogenix_navsec button {
    white-space: nowrap;
  }

  .dropdown_sub_menu {
    width: 35%;
  }
}

@media screen and (max-width: 1199px) {
  .admin_dashboard_main_width .toggle_menu_bar {
    display: block;
  }

  .biogenix_toolbar .biogenix_navsec button {
    transition: background-color 0.2s ease-in-out;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-image: linear-gradient(90deg,
        #00000000,
        #696666 45%,
        #696666 55%,
        #00000000) 10;
  }

  .biogenix_nav_link {
    width: 100%;
    margin: 0 auto;
  }

  .biogenix_nav_link Button {
    width: 100%;
  }

  .biogenix_toolbar .biogenix_navsec.MuiBox-root {
    display: none;
  }

  .biogenix_navsec {
    display: none;
  }
}

@media screen and (max-width: 499px) {
  .biogenix_toolbar {
    flex-direction: column;
    margin-bottom: 10px;
  }

  .right_sec_icon_wrpr {
    margin-top: 15px;
  }

  .biogenix_toolbar .biogenix_headerlogo {
    width: 100%;
  }

  .admin_dashboard_main_width .profile_icon {
    margin-left: 0 !important;
  }

  .admin_dashboard_main_width .biogenix_toolbar .dropdown_menu.biogenix_navsec {
    top: 70px;
  }

  .dropdown_sub_menu {
    width: 60%;
  }
}

/* << ------------ Dashboard CSS ------------>> */

/* .biogenix_dashboardwrap {
    background: #000;
} */
.biogenix_button {
  color: #ffffff !important;
  font-weight: 600 !important;
  background: linear-gradient(180deg, rgba(232, 9, 22, 1) 35%, rgba(192, 8, 11, 1) 70%);
  border: 1px solid #00000038 !important;
  border-radius: 4px !important;
  text-transform: none !important;
  cursor: pointer;
}

.admin_dashboard_main_width .biogenix_button.buy_now {
  font-weight: 600;
  background: linear-gradient(180deg, rgba(232, 9, 22, 1) 35%, rgba(192, 8, 11, 1) 70%) !important;
  border-radius: 4px !important;
  text-transform: none !important;
}

.biogenix_button.buy_now {
  border-radius: 0;
}

.biogenix_catselect .MuiSelect-icon {
  color: #fff;
}

.biogenix_catselect.MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-shrink {
  padding: 0 10px;
  background: #fff;
}

/* .doctor_dashboard_wrapper span, .doctor_dashboard_wrapper p {
    display: inline !important;
} */
.doctor_dashboard_wrapper .price_range_adjustment {
  display: block !important;
  color: #2e2e2f;
}

.biogenix_pricerange_wrapper .price-range-slider {
  /* More specific selector */
  display: flex;
  /* Or flex, depending on your layout */
  width: calc(100% - 330px);
  align-items: center;
}

.biogenix_pricerange_wrapper #price-range-label {
  display: inline !important;
  width: 178px !important;
  margin-bottom: 0;
  margin-right: 40px;
}

.biogenix_pricerange_wrapper .price-range-slider .slider_element {
  width: calc(100% - 230px);
}

.biogenix_pricerange_wrapper {
  justify-content: center;
}

.status-autocomplete .MuiOutlinedInput-root::before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 1.2rem;
}

.status-autocomplete .MuiInputLabel-root {
  transform: translate(36px, 18px) scale(1) !important;
}

.admin-order-list {
  /* Added styles for the main container */
  background-color: #1a1a1a;
  color: #ffffff;
  /* padding: 20px; Add padding if needed */
  padding: 20px 0;
  /* change tirtha */
}

.combobox-demo {
  background-color: #1a1a1a;
  color: #ffffff;
  padding: 10px;
  border-radius: 8px;

  .Button .comboboxButton {
    background-color: transparent;
    /* Remove button background */
    color: #ffffff;
    border: none;
    /* Remove default border */
    padding: 0;
    /* Remove default padding */
    width: 100%;
    /* Make the button take full width */
    display: flex;
    /* Use flexbox for alignment */
    align-items: center;
    /* Vertically center content */
    justify-content: space-between;
    /* Space between text and icon */

    /* Optional: Add a hover effect */
    &:hover {
      background-color: #333333;
      /* Example hover background color */
    }
  }

  /* Style the ChevronsUpDown icon */
  .ChevronsUpDown {
    color: #ffffff;
    /* Set icon color to white */
  }
}

/* In your CSS file or <style> tag */
.my-table-pagination {
  /* Make all text white */
  color: white !important;

  /* Style the select component */
  .MuiTablePagination-select {
    background-color: #282828;
    /* Example background color */
    border: 1px solid white;
    /* Example border */
    padding: 5px;
    /* Example padding */
  }

  /* Style the icons */
  .MuiSvgIcon-root {
    color: white;
    /* Make icons white */
    cursor: pointer;
    /* Make icons clickable */
  }

  /* Style the toolbar */
  .MuiTablePagination-toolbar {
    background-color: #333333;
    /* Example background color */
    padding: 10px;
    /* Example padding */
  }

  /* Style the displayed rows text */
  .MuiTablePagination-displayedRows {
    font-size: 14px;
    /* Example font size */
  }
}

.done {
  color: green;
  /* Add other styles for "done" status */
  position: relative;
  /* Required for positioning the pseudo-element */
  padding-left: 24px;
  /* Add padding to accommodate the icon */

  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    /* Adjust size as needed */
    height: 12px;
    background-color: green;
    /* Use background-color for the icon */
    border-radius: 50%;
    /* Make it a circle */
  }
}

.pending {
  color: orange;
  /* Add other styles for "pending" status */
}

.other {
  color: blue;
  /* Add other styles for "other" status */
}

.selectCheckbox .MuiSvgIcon-root,
/* Target the SVG icon within the checkbox */
.selectCheckbox.Mui-checked .MuiSvgIcon-root {
  /* Target the SVG icon when the checkbox is checked */
  color: #e11d2f !important;
  /* Set the color to red with !important */
}

/* table.module.css */

.adminOrderList {
  margin: 32px;
  /* Adjust as needed */
}

.linearProgress {
  background-color: #333333;
  margin-bottom: 8px;

  & .MuiLinearProgress-bar {
    background-color: #ffffff;
  }
}

.searchAndFilterContainer {
  display: flex;
  width: 80%;
  justify-content: space-between;
  margin-bottom: 24px;
}

.searchInput {
  margin-bottom: 8px;
  width: 30%;

  & .MuiInputBase-root,
  & .MuiInputLabel-root,
  & .MuiOutlinedInput-root fieldset {
    color: #ffffff;
    border-color: #ffffff;
  }
}

.selectInput {
  width: 30%;

  & .MuiInputBase-root,
  & .MuiInputLabel-root,
  & .MuiOutlinedInput-root fieldset {
    color: #ffffff;
    border-color: #ffffff;
  }
}

.refreshIcon {
  color: #ffffff;
}

.headerBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}

.headerTitle {
  color: #ffffff;
  font-weight: bold;
}

.tableContainer {
  background-color: #1a1a1a;
  overflow-x: auto;
  border-radius: 8px;
}

.table {
  width: "100%";
  border-collapse: "collapse";
  color: "#ffffff";
}

.tableHeader {
  background-color: #282828;
  font-weight: bold;
  padding: "10px";
  text-align: "left";
  border-bottom: "1px solid #333333";
}

.tableCell {
  padding: "10px";
  border-bottom: "1px solid #333333";
}

.sortIcon {
  margin-left: 8px;
  font-size: 16px;
}

.my-table-pagination {
  color: white !important;

  .MuiTablePagination-toolbar {
    background-color: #1a1a1a;
    padding: 10px;
  }

  .MuiSvgIcon-root {
    color: white;
    cursor: pointer;
  }

  .MuiTablePagination-select {
    background-color: #1a1a1a;
    border: 1px solid #333;
    border-radius: 6px;
  }

  .MuiTablePagination-select:focus {
    border: 1px solid #ffffff;
  }

  .MuiTablePagination-displayedRows {
    font-size: 14px;
  }

  .MuiTablePagination-actions button {
    border: 1px solid #333;
    border-radius: 6px;
  }

  .MuiTablePagination-actions button.Mui-disabled svg {
    opacity: 0.5;
  }

  .MuiTablePagination-actions button:not(.Mui-disabled):hover {
    background-color: rgb(224, 224, 224);
  }

  .MuiTablePagination-actions button:not(:last-child) {
    margin-right: 5px;
  }
}

.paginationContainer {
  display: flex;
  width: 100%;
  background-color: #1a1a1a;
  margin-top: 16px;
  /* Adjust as needed */
}

.selectedRowsInfo {
  display: flex;
  align-items: center;
  width: 20%;
  margin-right: 0;
  color: #ffffff;
  background-color: #1a1a1a;
  justify-content: space-between;
  padding-left: 16px;
  /* Adjust as needed */
}

.tablePaginationContainer {
  display: flex;
  align-items: right;
  width: 100%;
  justify-content: flex-end;
}

/* ... other CSS rules ... */

.actionButton {
  color: #ffffff;
  /* Style the action button (IconButton) */
}

.actionMenu {
  background-color: #1a1a1a;
  /* Style the action menu (Menu) */
  color: #ffffff;

  & .MuiMenuItem-root:hover {
    background-color: #333333;
  }
}

/* table.module.css */

.selectCheckbox {
  /* Style the checkbox border */
  color: #e11d2f !important;
  /* Set the border color to red */

  /* Style the checked icon */
  &.Mui-checked {
    color: #e11d2f !important;
    /* Set the checked icon color to red */
  }
}

/* table.module.css */

.sortIcon {
  color: white !important;
  /* Set the sort icon color to white */
  margin-left: 8px;
  /* Add some spacing to the left */
}

/* table.module.css */
/* table.module.css */

.tableControls {
  display: flex;
  align-items: center;
  gap: 16px;
  color: white;
  /* Set text color to white */
}

.tableControls>* {
  flex: 0 0 auto;
}

.inputFields {
  /* New class for input fields */
  display: flex;
  width: 90%;
  /* Take 60% of the container width */
  gap: 16px;
}

.inputFields>* {
  /* Target direct children of .inputFields */
  flex: 1;
  /* Distribute width equally */
  color: white;
  /* Set input text color to white */
}

.inputFields .MuiOutlinedInput-root {

  /* Target OutlinedInput within .inputFields */
  fieldset {
    border-color: white !important;
    /* Set border color to white */
  }
}

.refreshButton,
.filtercols {
  margin-left: auto;
  color: white !important;
}

/* table.module.css */

.combobox-container {
  /* Container styles */
  position: relative;
  width: 100%;
}

.combobox-input {
  /* Input field styles */
  width: 100%;
  height: 2.9em;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  outline: none;
  transition: border-color 0.2s ease-in-out;
  background-color: black;
  /* Set background color to black */
  color: white;
  /* Set text color to white */

  &:focus {
    border-color: #007bff;
    /* Highlight border on focus */
  }
}

.combobox-button {
  /* Dropdown button styles */
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 8px;
  background-color: transparent;
  border: none;
  cursor: pointer;

  &:hover {
    background-color: #f0f0f0;
    /* Slight background on hover */
  }
}

.combobox-options {
  /* Options list styles */
  position: absolute;
  top: calc(100% + 5px);
  /* Position below the input field */
  left: 0;
  z-index: 10;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: black;
  /* Set background color to black */
  color: white;
  /* Set text color to white */
}

.combobox-option {
  /* Individual option styles */
  padding: 8px 12px;
  cursor: pointer;

  &:hover {
    background-color: #f0f0f0;
    /* Highlight on hover */
  }

  &.active {
    background-color: #007bff;
    /* Highlight active option */
    color: #fff;
  }

  &.selected {
    background-color: #e2e8f0;
    /* Highlight selected option */
    font-weight: bold;
  }
}

.inputFields .MuiOutlinedInput-root {
  /* ... other styles ... */

  & .MuiInputBase-root {
    /* Target the input element within OutlinedInput */
    color: white Im !important;
    /* Set the input text color to white */
  }

  & .MuiInputLabel-root {
    /* Target the label element within OutlinedInput */
    color: white !important;
    /* Set the label text color to white */
  }
}

.inputTextFields {
  color: white !important;
}

.inputFields .MuiOutlinedInput-root {
  /* ... other styles ... */

  & .MuiInputBase-root {
    color: white !important;
  }

  & .MuiInputLabel-root {
    color: white !important;
  }

  & fieldset {
    /* Target the fieldset directly */
    border-color: white !important;
  }

  &:hover fieldset {
    border-color: white !important;
  }

  &.Mui-focused fieldset {
    border-color: white !important;
  }
}

/* table.module.css */

.tableControls {
  display: flex;
  align-items: center;
  gap: 16px;
  color: white;
  /* Set text color to white for all child elements */
}

.inputFields {
  display: flex;
  width: 75%;
  gap: 16px;
}

.inputFields>* {
  flex: 1;
  color: white;
}

/* Target the input field and label directly */
.inputFields .MuiOutlinedInput-root .MuiInputBase-root {
  color: white !important;
}

.inputFields .MuiOutlinedInput-root .MuiInputLabel-root {
  color: white !important;
}

.inputFields .MuiOutlinedInput-root fieldset {
  border-color: white !important;
}

.inputFields .MuiOutlinedInput-root:hover fieldset {
  border-color: white !important;
}

.inputFields .MuiOutlinedInput-root.Mui-focused fieldset {
  border-color: white !important;
}

.inputFields .MuiOutlinedInput-input {
  color: white !important;
}

.inputFields .MuiOutlinedInput-root input::placeholder {
  color: white !important;
}

.inputFields .MuiOutlinedInput-root .MuiInputBase-inputPlaceholder {
  color: white !important;
}

.inputFields .MuiOutlinedInput-root input::placeholder {
  color: white !important;
}

.inputFields .MuiInputLabel-root {
  color: white !important;
  opacity: 1 !important;
}

input::placeholder {
  color: white !important;
}

/* table.module.css */

.combobox-input::placeholder,
.comboboxCheck,
.comboboxButton {
  /* Target the placeholder */
  color: white !important;
}

/* table.module.css */

.combobox-container {
  position: relative;
  width: 100%;
}

.combobox-container button {
  background-color: black;
  /* Black background for button */
  border: none;
  padding: 10px 15px;
  width: 100%;
  text-align: left;
  border-radius: 5px;
  cursor: pointer;
  color: white;
  /* White text color for button */
}

/* .combobox-container button:hover {
  background-color: #333; Darker gray background on hover
} */

.combobox-container button svg {
  transition: transform 0.2s ease-in-out;
  color: white;
  /* White icon color for button */
}

.combobox-options {
  background-color: #e9e9e9;
  /* Black background for options container */
  border: 1px solid #b7b4b4;
  /* Darker border */
  color: white;
  /* White text color for options */
  padding: 10px;
  /* Add padding to the container */
  border-radius: 5px;
  /* Add rounded corners to the container */
}

.combobox-input {
  background-color: black;
  /* Black background for input field */
  color: white;
  /* White text color for input */
  border: 1px solid #333;
  /* Darker border */
  padding: 8px 12px;
  width: calc(100% - 22px);
  margin-bottom: 10px;
}

.combobox-option-li {
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 5px;
}

.combobox-option-li.active,
.combobox-option-li.selected {
  background-color: #27272a;
  /* Keep the blue highlight */
}

.combobox-option-li .comboboxCheck {
  color: white;
}

.comboBoxLabelParent {
  align-items: center;
  justify-content: flex-start;
  width: 90% !important;
  /* Ensure the label takes up most of the button width */
}

.comboBoxLabel {
  color: white;
  /* White label color */
  font-size: 1rem;
  white-space: nowrap;
  /* Keep label text in one line */
  overflow: hidden;
  text-overflow: ellipsis;
  /* Add ellipsis if text overflows */
}

/* Styles for the chips at the bottom */
.combobox-options .flex.flex-wrap {
  background-color: black;
  /* Black background for the chips container */
  padding: 10px;
  /* Add some padding */
  border-radius: 5px;
  /* Add rounded corners */
}

.combobox-options .flex.flex-wrap span {
  background-color: #333;
  /* Darker gray background for the chip */
  color: white;
  /* White text color */
  padding: 5px 10px;
  /* Adjust padding as needed */
  border-radius: 20px;
  /* More rounded corners for the chip */
}

.combobox-options .flex.flex-wrap span button {
  color: white;
  /* White icon color */
}

.combobox-options .flex.flex-wrap span button:hover {
  background-color: #555;
  /* Slightly lighter background on hover */
}

.combobox-container button {
  /* ... other styles ... */
  height: 2.5em;
  display: flex;
  /* Use flexbox for better alignment */
  align-items: center;
  /* Vertically center the content */
  padding: 0 15px;
  /* Adjust padding as needed */
  transition: background-color 0.3s ease;
  /* Add a transition for hover effect */
}

.combobox-container button {
  /* ... other styles ... */
  color: #333;
  /* Set the text color to a visible value */
}

/* .combobox-container button:hover {
  background-color: #e2e8f0; Example hover background color
} */
.comboBoxLabel {
  font-size: 14px;
  /* Adjust font size as needed */
  font-weight: 500;
  /* Adjust font weight as needed */
}

.comboBoxLabelParent {
  width: 90%;
  /* Adjust the width as needed */
}

.comboBoxLabel {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.combobox-option-li {
  /* ... other styles ... */
  display: flex;
  /* Make the li a flex container */
  align-items: center;
  /* Align items vertically in the center */
  cursor: pointer;
}

.comboBoxResults {
  cursor: pointer !important;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #39393c;
  flex-wrap: nowrap;
}

.comboBoxResults span {
  padding: 5px;
  background: #ffffff;
  border-radius: 4px;
  color: #303131;
  min-width: 40px;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.action-cell .MuiSvgIcon-root {
  /* Target the SVG icon within the action cell */
  color: white !important;
  /* Set the color to white with !important */
}

/* In your table.module.css file */

.combobox-wrapper {
  display: inline-block;
  /* Make the wrapper an inline-block element */
}

.comboboxCheckbox {
  cursor: pointer !important;
  accent-color: #e11d2f !important;
}

.inputFields {
  display: flex;
  flex-wrap: wrap;
  /* Allows items to wrap onto the next line */
  align-items: baseline;
  gap: 10px;
  /* Space between items */
}

.combobox-wrapper,
.textinput-wrapper {
  flex: 1 1 200px;
  /* Flex-grow, Flex-shrink, Flex-basis */
  /* min-width: 150px; Minimum width of each block */
  max-width: 100%;
  /* Ensures that the block does not overflow the container width */
}

.combobox-container,
.textinput-container {
  width: 100%;
  /* Ensures container fills the flex item */
}

.textinput-field {
  width: 100%;
  /* Full width of its container */
  box-sizing: border-box;
  /* Includes padding and border in the element's total width */
}

/* Styling specifics for better visual appearance */
.combobox-container button,
.textinput-container input {
  width: 100%;
  padding: 8px 12px;
  /* border: 1px solid #27272a; */
  border: dashed;
  border-width: 1.5px;
  border-radius: 4px;
  /* background-color: #fff; */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: border-color 0.3s, box-shadow 0.3s;
}

/* .combobox-container button:focus, .textinput-container input:focus {
  border-color: #007BFF; Bootstrap blue for focus
  box-shadow: 0 0 0 3px rgba(0,123,255,0.25);
} */

/* Additional responsive handling */
@media (max-width: 600px) {

  .combobox-wrapper,
  .textinput-wrapper {
    flex-basis: 100%;
    /* Each item takes full width on smaller screens */
  }
}

.textinput-field {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #ccc;
  /* Light grey border */
  background-color: #000;
  /* Black background */
  color: #fff;
  /* White text */
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  /* Subtle shadow */
  transition: border-color 0.3s, box-shadow 0.3s;

  /* Styles for when the input is focused: */
  /* Increase border thickness and change color */
  /* Add or enhance shadow */
}

.textinput-field:focus {
  border-color: #007bff;
  /* Bright blue border when focused */
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
  /* Glowing effect */
}

div[style*="position: absolute"][style*="pointer-events: none"][style*="z-index: 100000"] {
  display: none !important;
}

/* Apply a consistent style to .dateRangeBlock */
.dateRangeBlock {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background-color: #000000;
  /* Match background color with other inputs */
  color: #ffffff;
  border: 1px solid #333333;
  /* Match border style with other fields */
  border-radius: 8px;
  width: 100%;
}

/* Style the individual input fields inside DateRangePicker */
.dateRangeBlock .MuiOutlinedInput-root {
  color: #ffffff !important;
  background-color: #000000 !important;
  /* Ensure background color matches */
  border: 1px solid #333333 !important;
  /* Match border color */
  border-radius: 4px;
  padding: 8px 12px;
  /* width: 100%; */
  /* flex: 1 1 300px; */
  /* min-width: 450px; */
  max-width: 100%;
  max-height: 36px;
  box-sizing: border-box;
}

/* Control placeholder and text color */
.dateRangeBlock .MuiInputBase-input {
  color: #ffffff !important;
  /* Match text color */
}

.dateRangeBlock .MuiOutlinedInput-root input::placeholder {
  color: #cccccc !important;
  /* Set placeholder color */
}

/* Style labels within DateRangePicker */
.dateRangeBlock .MuiInputLabel-root {
  color: #ffffff !important;
  background-color: #000000;
  /* Match label background */
  padding: 0 5px;
}

/* Style the icons within DateRangePicker */
.dateRangeBlock .MuiSvgIcon-root {
  color: #ffffff;
}

/* Optional: Adjust the height and alignment of the DateRangePicker fields */
.dateRangeBlock .MuiOutlinedInput-root .MuiInputBase-root {
  height: 2.5em;
  /* Adjust to match other input heights */
  padding: 0 8px;
}

/* Hover and Focus states for a consistent interaction */
.dateRangeBlock .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: #555555;
  /* Optional: Darker border on hover */
}

.dateRangeBlock .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #007bff;
  /* Optional: Highlight on focus */
}

.combox-block {
  display: inline !important;
}

.combobox-wrapper {
  position: relative;
  /* Ensure the wrapper establishes a positioning context */
  display: inline-block;
  /* Or block, depending on your layout needs */
}

.combobox-options {
  position: absolute;
  top: 100%;
  /* Position the options below the button */
  left: 0;
  /* Align to the left edge of the wrapper */
  width: 100%;
  /* Make the options span the full width of the wrapper */
  z-index: 10;
  /* Ensure the options appear above other elements */
}

/* << ----------------- List Table CSS by Sanket ---------------- >> */

.darkgrey_hover_color:hover {
  background-color: #27272a !important;
}

.tableControls {
  align-items: flex-start;
  justify-content: flex-start !important;
}

.tableControls .actionBlock {
  display: flex;
  margin: 0 auto;
}

.combobox-wrapper {
  flex: 1 0 15%;
  /* margin: 5px .3%; */
  margin-bottom: 10px;
}

.dateRangeBlock {
  /* margin: 5px .3%; */
  flex: 1 0 40%;
}

.dateRangeBlock .MuiStack-root {
  width: 100%;
}

.dateRangeBlock .MuiStack-root::-webkit-scrollbar {
  display: none;
}

.combobox-options {
  padding: 0;
}

.combobox-options::-webkit-scrollbar {
  display: none;
}

.combobox-input {
  width: 100%;
  margin-bottom: 0;
}

.combobox-options .combobox-input {
  border: none;
  border-radius: unset;
  border-bottom: 1px solid #333;
  margin-bottom: 0;
}

.combobox-options .combobox-input:focus-visible {
  border: none;
  border-bottom: 1px solid #333;
}

.combobox-options ul {
  padding: 5px;
}

.combobox-options .combobox-option-li span {
  word-break: break-word;
}

.combobox-options .combobox-option-li:not(:last-child) {
  margin-bottom: 3px;
}

.combobox-container input:focus-visible {
  border: 1px solid #d4d4d8;
}

.combobox-container button:focus {
  box-shadow: none;
  border: 1px solid #d4d4d8;
}

.combobox-container button {
  position: relative;
}

.combobox-container button:hover {
  border-color: transparent;
}

/* .combobox-container button::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px; 
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  transition: 0.1s;
} */
/* .combobox-container:has(.combobox-options) button::after {
  transform: translateY(-50%) rotate(180deg);
} */

/* TableStyles.css */
.customTableHeader {
  font-weight: bold;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
  /* Replace with your theme divider color */
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sortIcon {
  margin-left: 8px;
  /* Space between text and icon */
}

.combo-box-option-Rohit::before {
  content: "\26A0";
  /* Unicode character for warning */
  color: red;
  /* Makes the icon red */
  margin-right: 8px;
  /* Spacing between the text and the icon */
  font-size: 18px;
  /* Adjust size as necessary */
}

.combobox-icon {
  margin-right: 10px;
}

.toggle_column_menu .MuiPaper-root {
  font-weight: 700;
  color: #303131;
  background: #f0f0f0 !important;
  border: 5px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 20px -5px #0000008f;
  padding: 5px;
}

.divider {
  height: 1px;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  background-color: #27272a;
}

.toggle_column_menu .toggle_column_heading {
  color: #fff;
}

.toggle_column_menu .toggle_column_menuitemwrap li {
  color: #fff;
  border-radius: 4px;
  display: flex;
  padding-left: 8px;
  padding-right: 8px;
  word-break: break-word;
  white-space: normal;
}

.toggle_column_menu .toggle_column_menuitemwrap li svg {
  margin-right: 10px;
}

.table_pagination_wrapper {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.darkgrey_hover_color:hover {
  background-color: white !important;
}

.tableControls .actionBlock .darkgrey_hover_color:hover {
  background-color: white !important;
}

.darkgrey_hover_color .css-1umw9bq-MuiSvgIcon-root {
  fill: white !important;
}

.column-menu-content {
  color: white !important;
}

/* ... your existing CSS ... */

/* ... your existing CSS ... */

@media (max-width: 1199px) {
  .admin-order-list table {
    /* Target the table element directly */
    table-layout: fixed;
    display: block;
    width: 100%;
  }

  .admin-order-list table tr,
  .admin-order-list table th,
  .admin-order-list table td {
    display: block;
    width: 100%;
  }

  .admin-order-list table td {
    text-align: left;
    position: relative;
    padding-left: 50%;
    border-bottom: 1px solid #eee;
    /* Add divider here */
    padding-bottom: 10px;
    /* Add some bottom padding */
    margin-bottom: 10px;
    /* Add some bottom margin */
  }

  .admin-order-list table tr {
    border: 1px solid #d3d3d3 !important;
    margin-bottom: 15px;
    padding: 10px;
  }

  .admin-order-list table th,
  .admin-order-list table td {
    text-align: left;
    position: relative;
    padding-left: 50%;
  }

  .admin-order-list table td:before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    width: 45%;
    font-weight: bold;
  }

  .admin-order-list table thead {
    display: none;
  }

  .admin-order-list table tbody {
    display: block;
    padding: 10px;
  }

  .admin_dashboard_main_width .admin-order-list .MuiBox-root table tr td {
    padding: 10px 0 10px 50% !important;
    white-space: wrap;
    margin-bottom: 0;
    min-height: 48px;
  }
}

@media (max-width: 650px) {
  .admin_dashboard_main_width .admin-order-list .MuiBox-root table tr td {
    padding: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 12px !important;
  }

  .admin-order-list table td:before {
    left: 0;
    top: 6px;
    width: auto;
  }

  .admin-order-list table td .cmn_table_cell {
    padding-top: 30px;
  }
}

/* ------------550px----------------- */

@media (max-width: 550px) {

  .table_pagination_wrapper>.MuiBox-root {
    width: 100%;
  }

  .table_pagination_wrapper .my-table-pagination {
    width: 100%;
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class {
    min-height: 100px;
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .MuiTablePagination-selectLabel {
    position: absolute;
    top: 10px;
    left: 39%;
    transform: translateX(-50%);
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .MuiTablePagination-input {
    position: absolute;
    top: 5px;
    left: calc(100% - 41%);
    transform: translateX(-50%);
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .MuiTablePagination-displayedRows {
    position: absolute;
    bottom: 17px;
    left: 28%;
    transform: translateX(-50%);
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .table-actions-class {
    position: absolute;
    bottom: 10px;
    left: 56%;
    transform: translateX(-50%);
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
  }

}

@media (max-width: 450px) {
  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .MuiTablePagination-displayedRows {
    left: 25%;
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .MuiTablePagination-input {
    left: calc(100% - 35%);
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .table-actions-class {
    left: 57%;
  }
}

@media (max-width: 390px) {
  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .MuiTablePagination-displayedRows {
    left: 17%;
  }

  .table_pagination_wrapper .my-table-pagination .table-toolbar-class .MuiTablePagination-selectLabel {
    left: 35%;
  }
}

/* ------------550px----------------- */


.admin-order-list .MuiBox-root {
  /* Or your Box component's class name */
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.admin-order-list .MuiBox-root>button {
  /* Target direct children buttons */
  margin-top: 5px;
}

.refresh-button {
  /* Add a class to your button */
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.refresh-button:hover {
  background-color: #0056b3;
}

.sortIcon.sortNone {
  position: relative;
  /* Add this */
}

.sortIcon.sortNone svg {
  display: none;
}

.sortIcon.sortNone::after {
  content: "\e5cf";
  font-family: "Material Icons";
  display: inline-block;
  font-size: 1rem;
  position: absolute;
  /* Add this */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  .white_logo_sec {
    width: 80%;
  }
}

@media screen and (max-width: 499px) {
  .loginBox_body {
    border-radius: 35px;
    padding: 15px 25px;
    padding-top: 0;
  }

  .loginBox_body::before {
    display: none;
  }

  .white_logo_sec {
    padding: 10px;
  }

  .loginBox_body .passBttn {
    font-size: 20px;
    line-height: 25px;
    padding: 10px;
    margin-top: 20px;
  }

  .field_section_heading.MuiButtonBase-root {
    font-size: 16px;
    line-height: 22px;
  }
}

/* //////////////////////////////-----ADMIN-DASHBOARD-CSS-START-----//////////////////////////////// */
.admin_dashboard_main_width {
  background-color: #dcddde !important;
  padding: 35px;
  overflow: clip;
}

.admin_dashboard_main_width .css-zf0iqh {
  background: #f0f0f0 !important;
  border: 5px solid #ffffff;
  border-radius: 30px !important;
  box-shadow: 0 0 20px -5px #0000008f;
  padding: 20px;
  padding-bottom: 0;
  min-height: auto;
}

.admin_dashboard_main_width .MuiToolbar-gutters .MuiSvgIcon-root {
  color: #ffffff !important;
}

.admin_dashboard_main_width .dashboard_bar {
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%) !important;
  border-radius: 10px !important;
  box-shadow: 2px 2px 15px -6px #000000b0;
  padding: 20px 45px !important;
}

.dashboard_bar .MuiTypography-root.MuiTypography-h2 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  color: #f1f3f7 !important;
  text-transform: uppercase;
}

.dashboard_bar .css-70qvj9 {
  width: 24%;
  justify-content: space-between;
}

.dashboard_bar .css-o3pz0b-MuiButtonBase-root-MuiButton-root {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  color: #000000;
  text-transform: none;
  background: linear-gradient(180deg,
      rgba(253, 254, 254, 1) 35%,
      rgba(241, 243, 244, 1) 70%) !important;
}

.dashboard_bar .doctor_dashboard_wrapper span {
  color: #000000 !important;
}

.dashboard_bar p {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #ffffff;
}

.biogenix_dashboardwrap .MuiGrid-container {
  margin-bottom: 15px;
}

.admin_dashboard_main_width .css-ztltvc {
  background: linear-gradient(175deg,
      rgba(255, 255, 255, 1) 35%,
      rgba(240, 242, 246, 1) 70%) !important;
  box-shadow: 5px 5px 15px -5px #00000070;
  border-radius: 10px;
  margin: 12px 0;
  height: calc(100% - 24px);
  display: flex;
  align-items: center;
}

.h_100 {
  height: 100%;
}

.admin_dashboard_main_width .dashboard_data_block_sec .css-ztltvc:hover {
  background: linear-gradient(180deg,
      rgba(229, 8, 23, 1) 25%,
      rgba(202, 4, 17, 1) 75%) !important;
  /* transform: translateY(-2px); */
  /* transform: scale(1.05);
  transition: transform 0.3s ease-in-out; */
}

.admin_dashboard_main_width .dashboard_data_block_sec .datablock_griditem {
  padding-right: 0;
}

.admin_dashboard_main_width .dashboard_data_block_sec .css-ztltvc:hover .MuiTypography-root.MuiTypography-body1,
.admin_dashboard_main_width .dashboard_data_block_sec .css-ztltvc:hover .MuiSvgIcon-root {
  color: #ffffff !important;
}

.admin_dashboard_perfomance_Sec {
  margin-bottom: 20px;
}

.admin_dashboard_main_width .MuiBox-root .MuiTypography-root.red_cont {
  font-size: medium;
  color: #ff2400 !important;
}

/* .admin_dashboard_main_width .css-gtquuf-MuiTypography-root {
  font-weight: 700;
  color: #303131;
  text-transform: uppercase;
} */
.admin_dashboard_main_width .MuiBox-root .MuiTypography-root.MuiTypography-body1 {
  font-weight: 700;
  color: #303131;
  text-transform: uppercase;
}

.admin_dashboard_main_width .dashboard_title_block.MuiBox-root .MuiTypography-body1 {
  font-size: 14px;
  line-height: 20px;
}

.admin_dashboard_main_width .dashboard_data_block.MuiBox-root .MuiTypography-body1:nth-of-type(1) {
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
}

.admin_dashboard_main_width .dashboard_data_block.MuiBox-root .MuiTypography-body1:nth-of-type(2) {
  font-size: 12px;
  line-height: 17px;
  display: inline-block;
}

.admin_dashboard_main_width .dashboard_data_block.MuiBox-root {
  display: block;
}

.admin_dashboard_main_width .calendar_management_details.MuiBox-root .MuiTypography-root.MuiTypography-body1 {
  text-transform: unset !important;
}

.admin_dashboard_main_width .MuiBox-root .MuiTypography-root.MuiTypography-body1.price_sec {
  color: #ee0d1d;
}

.admin_dashboard_main_width .css-149p1ep-MuiTypography-root {
  color: #313131;
}

.admin_dashboard_main_width .calendar_management_details.MuiBox-root .MuiTypography-root.MuiTypography-body1 .account_count {
  font-weight: 900;
}

.admin_dashboard_main_width .css-1n962cv {
  background: linear-gradient(175deg,
      rgba(255, 255, 255, 1) 35%,
      rgba(240, 242, 246, 1) 70%) !important;
  box-shadow: 5px 5px 15px -5px #00000070;
  border: 1px solid #b8b9b9;
  border-radius: 10px;
}

.admin_dashboard_main_width .css-qkid-MuiTypography-root {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  color: #b4b5b6;
  text-transform: uppercase;
  background: linear-gradient(180deg,
      rgba(65, 72, 79, 1) 0%,
      rgba(27, 27, 27, 1) 100%);
  border-radius: 6px;
  padding: 10px 25px;
  /* margin-bottom: 25px; */
}

.admin_dashboard_main_width .css-cfd5wn-MuiListItem-root {
  border-bottom: 1px solid #0000003b;
  padding: 10px;
  margin-bottom: 0;
}

.admin_dashboard_main_width .css-cfd5wn-MuiListItem-root:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.admin_dashboard_main_width .MuiBox-root.css-psxvlq {
  background: linear-gradient(175deg,
      rgba(255, 255, 255, 1) 35%,
      rgba(240, 242, 246, 1) 70%) !important;
  box-shadow: 5px 5px 15px -5px #00000070;
  border: 1px solid #b8b9b9;
  border-radius: 10px;
}

.admin_dashboard_main_width .MuiSelect-select {
  color: #000000;
}

.admin_dashboard_main_width .MuiTypography-h5 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: #ee0d1d;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.admin_dashboard_main_width .MuiBox-root {
  background-color: unset;
  /* border-bottom: 2px solid #b5b8b8; */
  /* margin-top: 25px; */
  /* margin-bottom: 10px; */
}

.admin_dashboard_main_width .appointment-booking {
  background-color: #FAFAFA;

}

.admin_dashboard_main_width .step-separator.MuiBox-root {
  background-color: #E0E0E0;
}

.admin_dashboard_main_width .appointment_book_css .MuiBox-root {
  background-color: #fff;
}

.admin_dashboard_main_width .appointment_available.MuiBox-root {
  background-color: #166534;
}

.admin_dashboard_main_width .pd_0 {
  padding: 0;
}

.admin_dashboard_main_width table {
  border: 1px solid #dbdbdb;
}

.admin_dashboard_main_width .MuiTypography-h4 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 700;
  letter-spacing: inherit;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg,
      rgba(232, 9, 22, 1) 35%,
      rgba(192, 8, 11, 1) 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 3px #00000036);
  display: block;
  margin-bottom: 6px;
}

.admin_dashboard_main_width .MuiTypography-h6 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #2e2e2f;
  /* text-align: center; */
}

.admin_dashboard_main_width .productTitlehJGSAJ {
  width: 100%;
}

/* .admin_dashboard_main_width .productTitlehJGSAJ>div {
  width: fit-content;
} */



.admin_dashboard_main_width .recharts-layer {
  color: #000000;
}

.admin_dashboard_main_width .MuiTypography-body2 {
  color: #000000;
}

.admin_dashboard_main_width .black_heading {
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
  color: #b4b5b6;
  text-transform: uppercase;
  margin-bottom: 0;
}

.table_cont {
  color: #313131;
}

.admin_dashboard_main_width .stock_section_main .MuiBox-root {
  color: #313131;
}

.admin_dashboard_main_width .admin-order-list .tableControls {
  justify-content: space-between !important;
  flex-direction: row;
  background: #ffffff;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  box-shadow: -2px -2px 6px #ffffffa3, 5px 5px 10px #36363626;
  padding: 15px;
  margin-top: 0px;
}

.admin_dashboard_main_width .admin-order-list .tableControls .inputFields {
  width: 100%;
  /* margin-bottom: 15px; */
}

.admin_dashboard_main_width .combobox-container .darkgrey_hover_color {
  background: #ffffff;
  border: 1px solid #00000054;
  margin-bottom: 10px;
}

.admin_dashboard_main_width .combobox-container .darkgrey_hover_color:last-child {
  margin-bottom: 0;
}

.admin_dashboard_main_width .combobox-container .darkgrey_hover_color .MuiSvgIcon-root {
  color: #313131;
}

.admin_dashboard_main_width .combobox-container .darkgrey_hover_color .comboBoxLabel {
  color: #313131;
}

/* .admin_dashboard_main_width .darkgrey_hover_color .css-1umw9bq-MuiSvgIcon-root{
  fill: black !important;
  color: #313131;
} */
.admin_dashboard_main_width .dateRangeBlock {
  background: inherit;
  border: none;
  padding: 0;
}

.admin_dashboard_main_width .dateRangeBlock .MuiOutlinedInput-root {
  color: #303131;
  background: #ffffff !important;
  border: 1px solid #00000054 !important;
}

.admin_dashboard_main_width .dateRangeBlock .MuiInputLabel-root {
  color: #303131 !important;
  background-color: #ffffff;
}

.admin_dashboard_main_width .dateRangeBlock .MuiInputBase-input {
  color: #313131 !important;
}

.admin_dashboard_main_width .dateRangeBlock .MuiTypography-root {
  color: #313131;
}

.admin_dashboard_main_width .MuiSvgIcon-root {
  color: #000000 !important;
}
/* Icons inside biogenix_button must be white — higher specificity (3 classes)
   beats the rule above (2 classes), placed after for source-order safety too. */
.admin_dashboard_main_width .biogenix_button .MuiSvgIcon-root,
.admin_dashboard_main_width .biogenix_button .MuiButton-startIcon svg,
.biogenix_button .MuiSvgIcon-root,
.biogenix_button .MuiButton-startIcon svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.admin_dashboard_main_width .productTitlehJGSAJ .MuiSvgIcon-root {
  color: #000 !important;
}

.admin_dashboard_main_width .productTitlehJGSAJ .MuiBox-root {
  background-color: #fff !important;
  /* margin-left: 5px; */
  /* width: 30px; */
  /* height: 30px; */
}

.admin_dashboard_main_width .dash_editicon {
  color: #ffffff !important;
}

.admin_dashboard_main_width .sortIcon.sortNone::after {
  color: #313131 !important;
}

.admin_dashboard_main_width .MuiBox-root table tr th {
  color: #313131 !important;
  border-bottom: 1px solid #dbdbdb;
  white-space: nowrap;
}

.admin_dashboard_main_width .MuiBox-root table tr {
  padding: 0 6px !important;
}

.admin_dashboard_main_width .MuiBox-root table tr td {
  color: #313131 !important;
  padding: 6px 6px !important;
  white-space: nowrap;

}

.admin_dashboard_main_width .table_pagination_wrapper .MuiTypography-root {
  font-weight: 500 !important;
  color: #71717a !important;
  text-transform: capitalize !important;
}

.admin_dashboard_main_width .MuiTablePagination-toolbar {
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 10px;
}

.admin_dashboard_main_width .table_pagination_wrapper .MuiTablePagination-selectLabel {
  font-weight: bold;
  color: #313131 !important;
}

.admin_dashboard_main_width .table_pagination_wrapper .MuiTablePagination-displayedRows {
  font-weight: bold;
  color: #313131 !important;
}

.admin_dashboard_main_width .table_pagination_wrapper .MuiSelect-select {
  color: #313131 !important;
  background-color: #f0f0f0;
  border: 1px solid #d7d7d7;
  box-shadow: 1px 1px 10px #dddddd;
}

.admin_dashboard_main_width .table_pagination_wrapper .MuiTablePagination-actions button {
  background: #f0f0f0;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  padding: 6px;
}

.admin_dashboard_main_width .page_and_link_sec {
  color: #313131 !important;
}

/* .admin_dashboard_main_width .order_list_section_main {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-image: linear-gradient(90deg, #00000000, #696666 45%, #696666 55%, #00000000) 10;
  padding-bottom: 50px;
} */
.admin_dashboard_main_width .dateRangeBlock .MuiInputLabel-shrink {
  top: 0;
}

.admin_dashboard_main_width .dateRangeBlock label {
  top: -10px;
}

.admin_dashboard_main_width .dateRangeBlock .MuiStack-root {
  overflow: inherit;
}

.admin_dashboard_main_width .MuiAvatar-root.MuiAvatar-circular {
  font-weight: 700;
  text-shadow: 1px 1px 4px #00000091;
  background: linear-gradient(180deg,
      rgba(232, 9, 22, 1) 35%,
      rgba(192, 8, 11, 1) 70%);
  box-shadow: 2px 2px 6px -1px #000000d1, -2px -2px 6px -1px #ffffff;
  border: 2px solid #eaeaeb;
}

.black_heading_wrpr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(180deg,
      rgba(65, 72, 79, 1) 0%,
      rgba(27, 27, 27, 1) 100%);
  border-radius: 6px;
  padding: 10px 25px;
  margin-bottom: 15px;
}

.black_heading_wrpr .MuiSvgIcon-fontSizeMedium {
  color: #b4b5b6 !important;
}

.piechart_sec_wrpr {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 0px 10px 10px 10px;
}

.admin_dashboard_main_width .piechart_sec_wrpr .MuiTypography-h5 {
  margin-bottom: 0;
}

.admin_dashboard_main_width .piechart_sec_wrpr .MuiSvgIcon-fontSizeMedium {
  color: #303131 !important;
}

/* .biogenix_dashboardwrap .patient_insights_main .product_sales_box */
.admin_dashboard_main_width .biogenix_dashboardwrap .patient_insights_main .product_sales_box.product_bar_chart_sec {
  background: url(https://all-frontend-assets.s3.us-east-1.amazonaws.com/biogenix-ui/dashboard/product_sales_bar_chart_bg_img.webp) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top right;
}

.stock_section_main {
  margin: 0 !important;
}

.stock_section_main .product_stock_section {
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  box-shadow: -2px -2px 6px #ffffffa3, 5px 5px 10px #36363626;
  padding: 15px;
}

.stock_section_main .product_stock_heading {
  margin: 0 !important;
}

.product_perfomance_section_main {
  padding: 0;
}

.product_perfomance_section {
  background: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  box-shadow: -2px -2px 6px #ffffffa3, 5px 5px 10px #36363626;
  padding: 15px;
}

.admin_dashboard_b5_h_sec .product_stock_heading {
  margin: 0 !important;
}

.product_perfomance_section_main .MuiBox-root {
  padding: 0 !important;
}

.product_perfomance_section_main #chart-container {
  padding: 0 !important;
}

.product_perfomance_section .product_perfomance_graf_section {
  height: 100% !important;
}

.admin_dashboard_main_width .product_stock_heading {
  padding: 20px 0 !important;
  margin-bottom: 0 !important;
}

.red_heading_main_m_r.admin_d_perfomance_sec {
  padding-bottom: 0;
}

.admin_d_product_stock_sec {
  padding: 0;
}

.patient_spending_section_main {
  border-radius: 10px;
  box-shadow: 2px 2px 10px #26262629;

}

/* -----Training-video-modal-CSS----- */
.training_video_modal input {
  color: #000000 !important;
}

.training_video_modal textarea {
  color: #000000 !important;
}

.training_modal_red_heading p {
  color: #ffffff !important;
  font-weight: bold;
  background: unset !important;
}

.training_modal_red_heading svg {
  color: #ffffff !important;
}

.training_modal_grey_bar p {
  background: unset !important;
}

.pdf_section_main {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 1299px) {
  .admin_dashboard_main_width .dashboard_bar {
    padding: 20px 25px !important;
  }
}

@media screen and (max-width : 1199px) {
  .admin_dashboard_main_width .purchase_details_name.MuiBox-root ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .admin_dashboard_main_width .css-cfd5wn-MuiListItem-root {
    width: 49%;
  }

  .admin_dashboard_main_width .css-cfd5wn-MuiListItem-root:nth-child(3) {
    border-bottom: none;
    margin-bottom: 0;
  }

  .admin_dashboard_main_width .admin-order-list .tableControls {
    flex-direction: column;
  }
}

@media screen and (max-width: 699px) {
  .admin_dashboard_main_width .purchase_details_name.MuiBox-root ul {
    flex-direction: column;
  }

  .admin_dashboard_main_width .css-cfd5wn-MuiListItem-root {
    width: 100%;
  }

  .admin_dashboard_main_width .css-cfd5wn-MuiListItem-root:nth-child(3) {
    border-bottom: 1px solid #0000003b;
  }
}

/* //////////////////////////////-----ADMIN-DASHBOARD-CSS-END-----//////////////////////////////// */

/* //////////////////////////////-----DOCTOR-DASHBOARD-CSS-START-----//////////////////////////////// */

.admin_dashboard_main_width .MuiBox-root .MuiFormControl-root .MuiSelect-select.MuiSelect-outlined {
  color: #2e2e2f;
  background: #ffffff;
}

.admin_dashboard_main_width .MuiBox-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-root {
  color: #2e2e2f !important;
}

.admin_dashboard_main_width .MuiBox-root .MuiFormControl-root .MuiInputBase-input.MuiOutlinedInput-input {
  background: #ffffff;
  padding: 0;
}

.admin_dashboard_main_width .red_product_category .MuiSelect-select.MuiSelect-outlined {
  background: linear-gradient(180deg,
      rgba(231, 8, 23, 1) 25%,
      rgba(203, 4, 17, 1) 75%) !important;
  color: #f0f0f0 !important;
}

.admin_dashboard_main_width .red_product_category svg {
  color: #ffffff !important;
}

.add_patient_from .inputBlock .MuiFormControl-marginNormal input {
  border: 1px solid #b5b8b8;
  padding: 16.5px 14px !important;
}

.add_patient_from .MuiSelect-select {
  /* border: 1px solid #b5b8b8; */
  border-radius: 0;
  padding: 15px 14px !important;
}

.add_patient_from .MuiFormControl-root input {
  /* border: 1px solid #333d4e2b; */
  padding: 16.5px 14px !important;
}

.add_patient_from .MuiFormControl-root .MuiInputAdornment-root {
  margin-left: 0 !important;
}

.add_patient_from .MuiFormControl-root .MuiInputAdornment-root .MuiIconButton-edgeEnd {
  margin-right: 0 !important;
}

.add_patient_from input {
  color: #2e2e2f !important;
}

.admin_dashboard_main_width .product_section {
  background: #f0f0f0;
  border-radius: 6px;
  border: 1px solid #0000002e;
  box-shadow: 2px 2px 10px #00000057;
  justify-content: space-between;
  padding: 20px !important;
}

.admin_dashboard_main_width .product_section .product_image {
  border-radius: 6px;
  border: 1px solid #c1c1c1;
}

.admin_dashboard_main_width .product_image.variant_images {
  border: none;
  border-bottom: 1px solid #d5d5d5;
  border-radius: 0;
}

.admin_dashboard_main_width .product_image.variant_images img {
  object-fit: contain;
}

.admin_dashboard_main_width .product_section h6 {
  font-weight: 600;
  text-shadow: 1px 1px 2px #0000002e;
  margin: 10px 0;
}

/* .doctor_dashboard_wrapper {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom-width: 2px;
  border-style: solid;
  border-image: linear-gradient(90deg, #00000000, #696666 45%, #696666 55%, #00000000) 10;
} */
.admin_dashboard_main_width .price_range_section {
  background: #f0f0f0;
  border-radius: 6px;
  border: 1px solid #0000002e;
  box-shadow: 2px 2px 10px #00000057;
  padding: 10px;
  align-items: center;
}

.admin_dashboard_main_width .price_range_section.product_list_header {
  background: unset;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.admin_dashboard_main_width .price_range_section .red_product_category_search .MuiFormLabel-root.MuiInputLabel-root {
  color: #ffffff !important;
}

.admin_dashboard_main_width .price_range_section .red_product_category_search .MuiInputLabel-shrink.MuiInputLabel-root {
  color: #000 !important;
}

.admin_dashboard_main_width .price_range_section .red_product_category_search .Mui-focused.MuiInputLabel-shrink fieldset {
  display: none;
}

.admin_dashboard_main_width .biogenix_dashboardwrap .MuiBox-root .purchase_details_name {
  padding: 10px;
}

.admin_dashboard_main_width .biogenix_dashboardwrap .MuiBox-root .purchase_details_name .MuiBox-root button {
  color: #ee0d1d !important;
}

.admin_dashboard_main_width .price_range_section .MuiOutlinedInput-root {
  color: #313131;
}

.admin_dashboard_main_width .date_sec_modal {
  background-color: #ffffff;
  border: 1px solid #b7b8b8;
  border-radius: 6px;
  overflow: hidden;
}

.admin_dashboard_main_width .date_sec_modal .MuiInputBase-root {
  padding: 4px 10px;
}

.admin_dashboard_main_width .date_sec_modal .red_btn {
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%);
}

.admin_dashboard_main_width .date_sec_modal .MuiBox-root .close_icon {
  position: absolute;
  background: #e60816;
  border-radius: 0 0 0 50px;
  padding: 0 0 6px 5px;
  width: 30px;
  height: 30px;
  top: 8px;
  right: -8px;
}

.admin_dashboard_main_width .date_sec_modal .MuiBox-root .close_icon .MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium {
  color: #ffffff !important;
}

.admin_dashboard_main_width .price_range_section .MuiFormControl-root .MuiSelect-select.MuiSelect-outlined {
  padding: 10px 30px 10px 10px !important;
}

.admin_dashboard_main_width .price_range_section .MuiInputBase-root .MuiInputBase-input.MuiOutlinedInput-input {
  padding: 10px;
}

.admin_dashboard_main_width .price_range_section label {
  top: -6px;
}

.admin_dashboard_main_width .MuiSnackbar-root .MuiPaper-elevation.MuiSnackbarContent-root {
  background: #000000 !important;
}

.admin_dashboard_main_width .patients_spending_box {
  background-color: #ffffff !important;
  box-shadow: 5px 5px 15px -5px #00000070;
  border-radius: 10px;
  padding: 0;
}

.admin_dashboard_main_width .patients_spending_box .patients_spending_box_sub {
  background: unset !important;
  box-shadow: unset;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}

.biogenix_dashboardwrap .patient_insights_main {
  justify-content: space-between;
}

.biogenix_dashboardwrap .patient_insights_main .patients_spending_box {
  max-width: 32.333333%;
}

.biogenix_dashboardwrap .patient_insights_main .patients_spending_box.product_sales_box {
  max-width: calc(50% - 8px) !important;
}

.biogenix_dashboardwrap .patient_insights_main .patient_spending_section_main {
  max-width: calc(50% - 8px) !important;

}

/* .sales-commission-charts .sales-commission-chart-item {
    max-width: calc(49% - 5px);
    flex-basis: 50% !important;
  }
  .sales-commission-charts .sales-commission-chart-item.sales-commission-purchase-analytics {
    max-width: 50%;
  } */
.admin_dashboard_main_width .warning-banner svg {
  color: #ffffff !important;
}

.admin_dashboard_main_width .red_heading_main_m_r {
  padding: 20px 0 !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
}

.admin_dashboard_main_width .red_heading_main_m_r.patient_spending_sec {
  margin-bottom: 10px !important;
}


.package_view_details_modal {
  padding: 0 !important;
}

.admin_dashboard_main_width .admin_dashboard_b5_h_sec {
  padding: 10px 20px !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
}

@media (max-width: 1199px) {
  .admin_dashboard_main_width .product_section {
    padding: 15px !important;
  }
}

@media (max-width: 999px) {
  .admin_dashboard_main_width .product_section {
    padding: 10px !important;
  }
}

/* //////////////////////////////-----DOCTOR-DASHBOARD-CSS-END-----//////////////////////////////// */

/* //////////////////////////////-----SALES-REF-DASHBOARD-CSS-START-----//////////////////////////////// */

.admin_dashboard_main_width .table_pagination_wrapper .MuiTablePagination-actions .Mui-disabled .MuiSvgIcon-root path {
  color: #313131;
}

.admin_dashboard_main_width .table_pagination_wrapper .MuiTablePagination-actions .MuiIconButton-root .MuiSvgIcon-fontSizeMedium path {
  color: #313131;
}

.admin_dashboard_main_width .combobox-wrapper .combobox-container .combobox-input {
  color: #313131;
  background: #ffffff;
  border: none;
  border-bottom: 1px solid #b7b4b4;
}

.admin_dashboard_main_width .combobox-wrapper .combobox-container .placeholder {
  color: #313131 !important;
  fill: #000;
  opacity: 1;
}

.admin_dashboard_main_width .combobox-wrapper .combobox-container .combobox-input::placeholder {
  color: #000000;
}

/* //////////////////////////////-----SALES-REF-DASHBOARD-CSS-END-----//////////////////////////////// */

/* //////////-----ADD-USER-CSS-----/////////// */
.add_user_from_main .addEditForm .formInline .tinymce_inputblock label,
.addEditForm .formInline .inputBlock .MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
  width: 100%;
  color: #2a2a2a !important;
  background: #ffffff;
  border: 1px solid #b5b8b8;
  padding: 5px;
  /* box-shadow: inset -3px -4px 10px #91b1e536, inset 2px 4px 10px #cfcfcfa8; */
  margin-left: 0;
  margin-right: 0;
}

.add_user_from_main .addEditForm .formInline .inputBlock .MuiFormControl-root.MuiTextField-root .MuiInputBase-input,
.addEditForm .formInline .inputBlock .MuiSelect-select {
  color: #2a2a2a !important;
}

.admin_dashboard_main_width .dashboard_bar .MuiTypography-root {
  color: #f1f3f7 !important;
}

/* .admin_dashboard_main_width .MuiBox-root .MuiTypography-root.MuiTypography-body1 */

/* /////////////-----ORDER-LIST-----///////////// */
.admin_dashboard_main_width .order_list_table_sec_main {
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 6px #00000038;
  margin: 10px 0 20px;
}

.admin_dashboard_main_width .order_list_table_sec_main thead {
  background: #e6e5e4;
  border: none;
}

.admin_dashboard_main_width .order_list_table_sec_main tbody {
  background: #ffffff;
}

.admin_dashboard_main_width .order_list_table_sec_main tbody tr {
  border-bottom: 1px solid #e5e5e3;
}

.admin_dashboard_main_width .order_list_table_from_sec {
  background: #e6e5e4;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 6px #00000038;
  padding: 15px;
}

/* //////////-----SHOPPING-CART-CSS-----/////////// */
/* .admin_dashboard_main_width .shopping_cart .MuiTypography-h4 {
  text-align: left;
} */

/* .order_list_table_sec_main span.sortIcon {
  display: none;
} */

/* .sortIcon span::after {
  display: none;
} */

.order_list_table_sec_main .sortIcon::after {
  display: none;
}

/* -------PRODUCT-DETAILS-MODAL-CSS------- */
.admin_dashboard_main_width .product_details_modal {
  background: #ffffff;
}

.navigation_bar {
  display: flex;
  justify-content: space-between;
}

.tableControls .combobox-options .combobox-option-li span {
  color: #2a2a2a;
}

.addEditForm .inputBlock .MuiFormControl-marginNormal input {
  color: #000000 !important;
  background: #ffffff !important;
}

/* <<<-----/////////////////////////-----FOOTER-CSS-START-----//////////////////////////////----->>> */

.admin_dashboard_main_width .footer_main_width {
  width: 105.6%;
  background: #f1f1f1;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.admin_dashboard_main_width .footer_main_width .MuiGrid-container.MuiGrid-spacing-xs-3 {
  justify-content: space-between;
}

.admin_dashboard_main_width .footer_main_width .MuiGrid-container.MuiGrid-spacing-xs-3 .MuiGrid-item.MuiGrid-grid-xs-12 {
  max-width: 19%;
  border-right: 1px solid #b7b6b6;
  padding-top: 0;
  padding-left: 15px;
  margin-top: 25px;
}

.admin_dashboard_main_width .footer_main_width .MuiGrid-container.MuiGrid-spacing-xs-3 .MuiGrid-item.MuiGrid-grid-xs-12:first-child {
  border-right: none;
}

.admin_dashboard_main_width .footer_main_width .MuiGrid-container.MuiGrid-spacing-xs-3 .MuiGrid-item.MuiGrid-grid-xs-12:nth-child(4) {
  border-right: none;
}

.admin_dashboard_main_width .footer_main_width .MuiGrid-container.MuiGrid-spacing-xs-3 .MuiGrid-item.MuiGrid-grid-xs-12:last-child {
  border-right: none;
}

.footer_main_width .MuiGrid-item .page_and_link_sec {
  margin-bottom: 6px;
}

.footer_main_width .Grid .Typography {
  font-weight: 700;
}

.footer_main_width .MuiGrid-grid-xs-12 .MuiTypography-body2 {
  margin-bottom: 6px;
}

.footer_main_width .MuiGrid-grid-xs-12 .MuiTypography-body2 .MuiSvgIcon-fontSizeMedium {
  color: #ed373f !important;
}

.admin_dashboard_main_width .footer_main_width .MuiTypography-root.MuiTypography-h6 {
  font-weight: 700 !important;
}

.footer_main_width .MuiBox-root .MuiTypography-body1 .MuiTextField-root {
  width: 100%;
  margin: 10px 0;
}

.footer_main_width .MuiGrid-container .MuiGrid-item .MuiTypography-body1 .MuiTextField-root input {
  padding: 15px;
}

.footer_main_width .MuiGrid-container .MuiGrid-item .MuiTypography-body1 .MuiTextField-root label {
  color: #aaaaaa;
}

.footer_main_width .red_btn {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #ffffff;
  background: #ee3740;
  padding: 4px 15px;
  margin: 0 0 0 auto;
  margin-top: 10px;
}

.footer_main_width .MuiBox-root {
  padding: 30px 5%;
  margin-top: 135px;
}

.admin_dashboard_main_width .footer_main_width .MuiGrid2-container {
  background: #ffffff;
  align-items: center;
  padding: 10px 5%;
}

.admin_dashboard_main_width .footer_main_width .MuiGrid2-container p {
  color: #879197 !important;
  text-transform: unset !important;
  margin-top: 0 !important;
}

@media screen and (max-width: 1440px) {
  .footer_main_width .MuiBox-root {
    padding: 30px 3%;
    margin-top: 115px;
  }

  .admin_dashboard_main_width .footer_main_width .MuiGrid-container.MuiGrid-spacing-xs-3 .MuiGrid-item.MuiGrid-grid-xs-12 {
    padding-top: 15px;
    padding-left: 15px;
  }

  .admin_dashboard_main_width .footer_main_width .MuiGrid2-container {
    padding: 10px 2%;
  }
}

/* <<<-----/////////////////////////-----FOOTER-CSS-END-----//////////////////////////////----->>> */

/* <<<-----//////////////-----DETAILS-MODAL-CSS-----//////////////----->>> */

.modal_x_wrpr {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.modal_box_main {
  height: auto;
  max-height: 90vh;
  border-radius: 10px;
}

.cancel_reschedule {
  height: 30vh;
  border-radius: 10px;
}


.doctor_choose_modal .modal_box_main.doctor_choose {
  width: 100%;
  max-width: 800px;
  height: auto;
}

/* .modal_box_main.category_view{
  height: auto;
} */
.modal_box_main p {
  color: #303131;
  padding: 2px 6px;
  margin-bottom: 10px;
}

.modal_box_main p:nth-child(even) {
  background: #ffffff;
}

.modal_box_main p:nth-child(odd) {
  background: #e7e7e7;
  padding: 10px;
}

.modal_box_main p:last-child {
  margin-bottom: 0;
}

.modal_box_main p a {
  color: #2874e9 !important;
}

.modal_box_main .modal_heading_sec {
  font-weight: 700;
  color: #ffffff;
  background: linear-gradient(180deg, rgba(230, 8, 22, 1) 35%, rgba(203, 4, 17, 1) 70%) !important;
  border-radius: 4px !important;
  box-shadow: 2px 2px 15px -6px #000000b0;
  padding: 10px 6px !important;
}

.modal_box_main .close_icon {
  position: absolute;
  color: #ffffff;
  background: #e60816;
  border-radius: 0 0 0 50px;
  padding: 0 0 6px 5px;
  width: 30px;
  height: 30px;
  top: 0 !important;
  right: 0 !important;
}

.close_icon {
  position: absolute !important;
  color: #ffffff !important;
  background: #e60816 !important;
  border-radius: 0 0 0 50px !important;
  padding: 0 0 6px 5px !important;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  z-index: 2;
}

.close_icon:hover {
  background: #e60816;
}

.login_details_modal_box .MuiBox-root {
  border-radius: 10px;
  padding: 20px 0;
}

.google_icon_addac {
  background: linear-gradient(180deg, rgba(232, 9, 22, 1) 35%, rgba(192, 8, 11, 1) 70%);
  border-radius: 50%;
  padding: 6px;
  margin-bottom: 10px;
}

/* <<<-----//////////////-----DELETE-MODAL-CSS-----//////////////----->>> */
.delete_modal_box .MuiPaper-elevation {
  background: #f0f0f0;
  border-radius: 10px;
  border: 6px solid #ffffff;
  padding: 20px;
}

.delete_modal_box .MuiPaper-elevation .MuiDialogContent-root {
  padding: 10px 0;
}

/* <<<-----//////////////-----LOGIN-DETAILS-MODAL-CSS-----//////////////----->>> */
.login_details_modal_box {
  background: #f0f0f0;
  border-radius: 10px;
  border: 6px solid #ffffff;
  padding: 20px;
}

/* <<<-----//////////-----EDIT-STATUS-MODAL-CSS-----////////////----->>> */
.status_select_box .MuiFormControl-root .MuiOutlinedInput-root svg {
  color: #313131;
}

.status_select_box select option {
  color: #000000;
}

/* <<<-----//////////-----USER-NOTE-MODAL-CSS-----////////////----->>> */
.user_note_modal_main {
  background-color: #f0f0f0;
  color: white;
  border: 6px solid #ffffff;
  border-radius: 10px;
  padding: 20px;
  padding-top: 25px;
}

.user_note_modal.close_icon {
  right: 12px;
}

/* <<<-----///////////-----PRODUCT-DETAILS-MODAL-CSS-----//////////----->>> */
.admin_dashboard_main_width .product_image {
  border: 1px solid #7c7c7c;
  border-radius: 6px;
}

/* <<<-----/////////-----THANK-YOU-PAGE-CSS-----//////////----->>> */
.dashboard_bar.thankyou_page {
  padding: 15px !important;
  margin-bottom: 20px;
  box-shadow: 0 10px 15px #00000052;
}

.dashboard_bar .thankyou_top_bar_left.MuiBox-root {
  margin-bottom: 0 !important;
}

.dashboard_bar .thankyou_top_bar_left .thankyou_cont {
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  color: #f1f3f7;
  text-transform: capitalize !important;
}

.dashboard_bar .thankyou_top_bar_left .success_cont {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  color: #f1f3f7;
  text-transform: capitalize !important;
  margin-bottom: 0;
}

.dashboard_bar .thankyou_top_bar_left.right_success_icon svg {
  color: #ffffff !important;
  margin-right: 0;
}

.thankyou_page_details_sec {
  margin-bottom: 20px;
}

/* <<<-----/////////-----ORDER-SUMMARY-CSS-----/////////----->>> */
.dashboard_bar.order_summary_bar {
  margin-bottom: 15px;
}

.dashboard_bar .order_summary_heading_cont {
  color: #ffffff;
  margin-bottom: 0;
}

/* //////////HEADER-NAVIGATION-CSS/////////// */
.admin_dashboard_main_width .cart_icon .MuiBadge-root .MuiBadge-standard {
  background-color: #424141;
}

.admin_dashboard_main_width .profile_icon {
  margin-left: 10px;
}

.right_sec_icon_wrpr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ////////PAKEGES-CSS///////// */
.price_slider_bar {
  width: 100%;
}

.admin_dashboard_main_width .combobox-wrapper .combobox-container .combobox-input::placeholder {
  color: #313131 !important;
  opacity: 1;
  /* Firefox */
}

.admin_dashboard_main_width .combobox-wrapper .combobox-container .combobox-input::-ms-input-placeholder {
  /* Edge 12-18 */
  color: #313131 !important;
}

.progressbar_main_width .MuiLinearProgress-bar.MuiLinearProgress-bar1Indeterminate {
  background-color: #ebebeb;
}

.loader_dashboard.progressbar_main_width .MuiLinearProgress-bar.MuiLinearProgress-bar1Indeterminate {
  background-color: rgb(232 9 22 / 15%);
}

.progressbar_main_width.loader_dashboard {
  background-color: rgb(232 9 22 / 15%);
}

.loader_dashboard .MuiLinearProgress-bar {
  background-color: #ff2a36 !important;
}

.progressbar_main_width .MuiLinearProgress-bar.MuiLinearProgress-bar2Indeterminate {
  background-color: #ffffff;
}

.add_icon_btn {
  background: linear-gradient(180deg,
      rgba(232, 9, 22, 1) 35%,
      rgba(192, 8, 11, 1) 70%) !important;
}

.admin-order-list .actionBlock button {
  width: 25%;
  background: linear-gradient(180deg,
      rgba(232, 9, 22, 1) 35%,
      rgba(192, 8, 11, 1) 70%);
  box-shadow: 2px 2px 10px -1px #000000d1, -2px -2px 10px -1px #ffffff;
  border-radius: 50%;
  padding: 6px;
  margin: 0 25px;
  width: 45px;
  height: 45px;
}

.admin-order-list .actionBlock button svg {
  font-weight: 700;
  color: #ffffff !important;
  fill: #ffffff !important;
}

.admin-order-list .actionBlock .MuiBox-root button {
  width: fit-content;
  background: linear-gradient(180deg,
      rgba(232, 9, 22, 1) 35%,
      rgba(192, 8, 11, 1) 70%);
  box-shadow: 2px 2px 10px -1px #000000d1, -2px -2px 10px -1px #ffffff;
  border-radius: 10px;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 2px 10px;
}

.admin-order-list .actionBlock .MuiBox-root button svg {
  font-weight: 700;
  color: #ffffff !important;
  margin-right: 6px;
}

.snackbar_style .MuiSnackbarContent-root {
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%) !important;
  border-radius: 10px !important;
}

.snackbar_style .MuiSnackbarContent-root button {
  font-weight: 700;
  color: #ffffff;
}

.snackbar_style .MuiSnackbarContent-root button svg {
  font-weight: 700;
  border: 1px solid #ffffff;
  border-radius: 50px;
}

/* /////DOCTOR-DASHBOARD/////// */
.admin_dashboard_main_width .cart_snackbar_style .MuiPaper-elevation.MuiSnackbarContent-root {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: 2px 2px 10px #bfbfbf38 !important;
  border: 1px solid #00000047;
}

.admin_dashboard_main_width .cart_snackbar_style .MuiPaper-elevation.MuiSnackbarContent-root .MuiSnackbarContent-action button {
  font-weight: 600;
  color: #ffffff !important;
  background: linear-gradient(180deg, #ff1100, #ee0000);
  border: 1px solid #00000038;
  margin: 6px;
}

.dashboard_data_blck_main_wrpr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  width: 100%;
}

.dashboard_left_section_img {
  width: 18%;
}

.dashboard_icon {
  background: linear-gradient(180deg,
      rgba(46, 46, 47, 1) 30%,
      rgba(23, 23, 23, 1) 70%);
  border: 1px solid #f6f6f8;
  border-radius: 50%;
  box-shadow: -4px -4px 3px #a9a9a91f, 4px 4px 3px #3232325c;
  width: 58px;
  height: 58px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.admin_dashboard_main_width .dashboard_icon svg {
  color: #b3b3ba !important;
  margin-right: 0;
}

.right_section_cont {
  width: 80%;
}

.admin_dashboard_main_width .data_block_loader.MuiBox-root {
  position: relative;
}

.admin_dashboard_main_width {
  border-radius: 8px;
  padding: 30px;
}

@media (max-width: 1720px) {
  .right_section_cont {
    width: 75%;
  }
}

@media (max-width: 1490px) {
  .right_section_cont {
    width: 80%;
  }

  .admin_dashboard_main_width .MuiBox-root.css-ztltvc {
    padding: 10px;
    margin: 10px 0px;
  }

  .dashboard_left_section_img {
    width: 16%;
  }

  .dashboard_icon {
    width: 45px;
    height: 45px;
    padding: 10px;
  }

  .dashboard_bar .MuiGrid-item {
    max-width: 33%;
  }

  .admin_dashboard_main_width .css-zf0iqh {
    padding: 15px;
  }
}

@media (max-width: 1360px) {
  .admin_dashboard_main_width {
    padding: 2%;
  }

  .dashboard_bar .MuiGrid-container .MuiGrid-root.MuiGrid-item {
    padding-left: 10px;
  }

  #heatmap-container {
    padding: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 1199px) {
  .admin_dashboard_main_width .css-zf0iqh {
    padding: 1%;
  }

  /* .doctor_dashboard_wrapper.MuiBox-root {
    padding: 1%;
  } */
  .admin_dashboard_b2_wrpr {
    flex-direction: column !important;
  }

  #chart-container {
    margin-right: 0;
    margin-bottom: 25px;
  }

  .admin_dashboard_perfomance_Sec {
    flex-direction: column !important;
  }

  .patient_spending_section_b3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .doctor_activity_section_b3 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  /* #biogenix_orderList table thead {
    display: none !important;
  }
  #biogenix_orderList table tr {
    display: block;
  }
  #biogenix_orderList table tbody tr {
    height: auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #4f5c72 !important;
  }
  #biogenix_orderList tr td {
    max-width: inherit;
  }
  #biogenix_orderList table tbody tr td {
    border: 1px solid #4f5c72 !important;
    flex: 1 0 25%;
    font-weight: 400;
    display: flex;
    overflow: inherit;
    align-items: center;
    padding: 10px !important;
    border-bottom: 0 !important;
  } */

  #chart-container {
    padding: 10px;
  }

  .admin_dashboard_b2_wrpr #chart-container {
    padding: 10px;
  }

  .tableControls .slots_action_button {
    width: fit-content !important;
  }

  .dashboard_link_share_bar .link_red_bar p {
    padding: 10px 0;
  }

  .product_perfomance_section_main#chart-container {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .black_heading_wrpr {
    padding: 10px;
  }

  .admin_dashboard_main_width .dashboard_bar {
    flex-direction: column;
    padding: 15px !important;
    margin: 20px 0 15px;
  }

  #chart-container {
    margin-right: 0 !important;
    margin-bottom: 15px;
  }

  .admin_dashboard_b3_h_sec {
    padding: 20px 0 !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .admin_dashboard_main_width .MuiTypography-h4 {
    display: inline;
    font-size: 35px;
    line-height: 40px;
  }

  .admin_dashboard_main_width .MuiTypography-h6 {
    font-size: 20px;
    line-height: 25px;
  }

  .admin_dashboard_b5_h_sec {
    padding: 20px 0 !important;
    margin-bottom: 10px !important;
  }

  .admin_dashboard_main_width .admin_dashboard_b5_h_sec.css-pgws39 {
    padding: 0 20px 12px !important;
  }

  .admin-order-list {
    padding: 10px 0;
  }

  /* .admin_dashboard_main_width .MuiTypography-body2 {
    font-size: 20px;
    line-height: 25px;
  } */
}

@media (max-width: 699px) {
  .black_heading_wrpr {
    padding: 6px;
  }

  .admin_dashboard_main_width .dashboard_bar {
    padding: 10px !important;
    margin: 15px 0 10px;
  }

  .dashboard_bar .MuiTypography-root.MuiTypography-h2 {
    font-size: 25px;
    line-height: 30px;
  }

  .dashboard_bar p {
    font-size: 17px;
    line-height: 22px;
  }

  .admin_dashboard_b2_wrpr #chart-container {
    padding: 10px;
    margin-right: 0;
  }

  .admin_dashboard_main_width .MuiTypography-h5 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }

  .admin_dashboard_b3_h_sec {
    padding: 10px 0 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .admin_dashboard_main_width .MuiTypography-h4 {
    font-size: 30px;
    line-height: 35px;
  }

  .admin_dashboard_main_width .MuiTypography-h6 {
    font-size: 20px;
    line-height: 25px;
  }

  .patient_spending_section_b3 {
    padding: 0 !important;
  }

  .patient_spending_section_b3 .MuiBox-root {
    padding: 10px !important;
  }

  .patient_spending_section_b3 {
    margin-bottom: 25px !important;
  }

  .stock_section_main.MuiBox-root {
    margin: 10px 0 !important;
  }

  .admin_dashboard_b4_h_sec {
    padding: 0 !important;
    margin: 0 0 15px !important;
  }

  .admin_dashboard_b5_h_sec {
    padding: 15px 0 0 !important;
    margin-bottom: 0 !important;
  }

  .admin-order-list {
    padding: 10px 0;
  }

  .admin_dashboard_main_width .admin-order-list .tableControls {
    padding: 10px;
    margin-bottom: 12px;
  }

  .dateRangeBlock {
    flex: 1 0 50%;
  }

  /* .admin_dashboard_main_width .MuiTypography-body2 {
    font-size: 17px;
    line-height: 22px;
  } */
}

@media (max-width: 499px) {
  .doctor_dashboard_wrapper {
    padding: 0;
  }

  .dashboard_icon {
    width: 40px;
    height: 40px;
  }

  .admin_dashboard_main_width .black_heading {
    font-size: 18px;
    line-height: 24px;
  }

  .product_perfomance_section {
    padding: 10px;
  }

  .stock_section_main .product_stock_section {
    padding: 10px;
  }

  .MuiDivider-root {
    margin: 10px 0 !important;
  }
}

/* /////DOCTOR-CHECKOUT/////// */
.admin_dashboard_main_width.doctor_checkout_page {
  background-color: #f0f0f0 !important;
  /* box-shadow: 0 0 10px #00000059; */
  /* border-radius: 8px; */
  padding: 0;
  margin: 0px 0px 25px 0px;
}

.field_section_heading.checkout_page {
  width: fit-content;
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  background: linear-gradient(180deg,
      rgba(230, 9, 23, 1) 0%,
      rgba(205, 4, 17, 1) 100%);
  border-radius: 6px;
  padding: 5px 10px;
  margin: 10px 0;
}

.field_section_heading.checkbox_cont {
  font-weight: 500;
  color: #343434 !important;
  background: inherit !important;
}

.check_box svg {
  display: block !important;
}

.field_section_heading.checkbox_cont .check_box {
  display: inline-block !important;
}

.select_field .MuiInputBase-fullWidth {
  padding: 0 !important;
  padding-right: 40px !important;
}

.admin_dashboard_main_width .product_cart_sec {
  background-color: #ffffff !important;
  border-radius: 6px;
  border: 6px solid #ffffff;
  margin-top: 10px;
}

.admin_dashboard_main_width .product_cart_sec table thead {
  background-color: #e5e5e3;
}

body {
  display: block !important;
}

/* dashboard active */

.sortIcon.sortNone::after {
  display: none !important;
}

.biogenix_toolbar .biogenix_navsec button.active {
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%);
  color: #fff;
}

.price_filter_product h6 {
  text-align: center;
  color: #202020 !important;
}

.price_filter_product {
  width: 30%;
}

.price_filter_product2 {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.product_count_display {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.red_product_category_search .MuiInputBase-input {
  color: #ffffff;
  background: linear-gradient(180deg,
      rgba(231, 8, 23, 1) 25%,
      rgba(203, 4, 17, 1) 75%) !important;
}

.price_range_section.product_list_header .red_product_category_search label {
  color: #ffffff !important;
}

/* .admin_dashboard_main_width .red_product_category_search.MuiBox-root .MuiFormControl-root .MuiFormLabel-root.MuiInputLabel-root{
  color: #f0f0f0 !important;
 } */

/* <<<<<--------TABLE-CSS-------->>>>> */
#biogenix_userList table,
#telemed_availability table,
#biogenix_productCategotyList table,
#biogenix_requestedTelemedicine table,
#biogenix_faqCategotyList table,
#biogenix_affiliate_list table,
#biogenix_refered_affiliate_list table,
#biogenix_referalProductConfig_list table,
#biogenix_productList table,
#biogenix_orderList table,
#biogenix_patientList table,
#biogenix_payment_amount table,
#biogenix_telemedicine_payment table,
#biogenix_ComissionList_disputes table,
#biogenix_ReturnTable table,
#biogenix_departmentList table,
#biogenix_ReturnActivityTable table,
#biogenix_creditActivity table,
#biogenix_internalActivity table,
#biogenix_TelemedicineList table,
#biogenix_ComissionList table,
#biogenix_ComissionList_role table,
#biogenix_technologyfee table,
#biogenix_blogList table,
#biogenix_blogCategotyList table,
#biogenix_potentialPatientList table,
#biogenix_calenderevents table,
#biogenix_assignDoctorList table,
#biogenix_loginlogs table,
#biogenix_trainingList01 table,
#biogenix_faqList01 table,
#biogenix_marketing_landing_pages table,
#biogenix_marketing_campaigns table,
#biogenix_marketing_assets table,
#biogenix_marketing_banners table,
#biogenix_wellsyncprod table,
#biogenix_incompleteorderList table,
#biogenix_commissionList table,
#biogenix_inventoryList_role table,
#biogenix_discountList table,
#biogenix_discountList_for_doc table,
#biogenix_inventorytrack_role table,
#biogenix_main_inventorytrack table,
#biogenix_paymentgatewaylist table,
#biogenix_pharmacybreakdownlist table,
#biogenix_newslettersubscription table,
#biogenix_newsletterusersubscription table,
#biogenix_main_inventorytrack table {
  margin-bottom: 25px;
  border-radius: 6px;
}

#biogenix_userList table tr th,
#telemed_availability table tr th,
#biogenix_productCategotyList table tr th,
#biogenix_requestedTelemedicine table tr th,
#biogenix_faqCategotyList table tr th,
#biogenix_affiliate_list table tr th,
#biogenix_refered_affiliate_list table tr th,
#biogenix_referalProductConfig_list table tr th,
#biogenix_productList table tr th,
#biogenix_orderList table tr th,
#biogenix_patientList table tr th,
#biogenix_payment_amount table tr th,
#biogenix_telemedicine_payment table tr th,
#biogenix_ComissionList table tr th,
#biogenix_ReturnTable table tr th,
#biogenix_departmentList table tr th,
#biogenix_ReturnActivityTable table tr th,
#biogenix_creditActivity table tr th,
#biogenix_internalActivity table tr th,
#biogenix_TelemedicineList table tr th,
#biogenix_ComissionList_role table tr th,
#biogenix_technologyfee table tr th,
#biogenix_ComissionList_disputes table tr th,
#biogenix_blogList table tr th,
#biogenix_blogCategotyList table tr th,
#biogenix_potentialPatientList table tr th,
#biogenix_calenderevents table tr th,
#biogenix_assignDoctorList table tr th,
#biogenix_loginlogs table tr th #biogenix_trainingList01 table tr th,
#biogenix_faqList01 table tr th,
#biogenix_marketing_landing_pages table tr th,
#biogenix_marketing_campaigns table tr th,
#biogenix_marketing_assets table tr th,
#biogenix_marketing_banners table tr th,
#biogenix_wellsyncprod table tr th,
#biogenix_incompleteorderList table tr th,
#biogenix_commissionList table tr th,
#biogenix_inventoryList_role table tr th,
#biogenix_discountList table tr th,
#biogenix_discountList_for_doc table tr th,
#biogenix_newslettersubscription table tr th,
#biogenix_newsletterusersubscription table tr th,
#biogenix_inventorytrack_role table tr th,
#biogenix_paymentgatewaylist table tr th,
#biogenix_pharmacybreakdownlist table tr th,
#biogenix_main_inventorytrack table tr th {
  padding: 10px 6px;
}

#biogenix_userList table tr th,
#telemed_availability table tr th,
#biogenix_productCategotyList table tr th,
#biogenix_requestedTelemedicine table tr th,
#biogenix_faqCategotyList table tr th,
#biogenix_affiliate_list table tr th,
#biogenix_refered_affiliate_list table tr th,
#biogenix_referalProductConfig_list table tr th,
#biogenix_productList table tr th,
#biogenix_orderList table tr th,
#biogenix_patientList table tr th,
#biogenix_payment_amount table tr th,
#biogenix_telemedicine_payment table tr th,
#biogenix_ComissionList_role table tr th,
#biogenix_ReturnTable table tr th,
#biogenix_departmentList table tr th,
#biogenix_ReturnActivityTable table tr th,
#biogenix_creditActivity table tr th,
#biogenix_internalActivity table tr th,
#biogenix_ComissionList_disputes table tr th,
#biogenix_ComissionList table tr th,
#biogenix_TelemedicineList table tr th,
#biogenix_blogList table tr th,
#biogenix_blogCategotyList table tr th,
#biogenix_potentialPatientList table tr th,
#biogenix_calenderevents table tr th,
#biogenix_assignDoctorList table tr th,
#biogenix_loginlogs table tr th,
#biogenix_trainingList01 table tr th,
#biogenix_faqList01 table tr th,
#biogenix_marketing_landing_pages table tr th,
#biogenix_marketing_campaigns table tr th,
#biogenix_marketing_assets table tr th,
#biogenix_marketing_banners table tr th,
#biogenix_wellsyncprod table tr th,
#biogenix_incompleteorderList table tr th,
#biogenix_commissionList table tr th,
#biogenix_inventoryList_role table tr th,
#biogenix_technologyfee table tr th,
#biogenix_discountList table tr th,
#biogenix_discountList_for_doc table tr th,
#biogenix_newslettersubscription table tr th,
#biogenix_newsletterusersubscription table tr th,
#biogenix_inventorytrack_role table tr th,
#biogenix_paymentgatewaylist table tr th,
#biogenix_pharmacybreakdownlist table tr th,
#biogenix_main_inventorytrack table tr th {
  font-size: 15px;
}

#biogenix_userList table thead tr,
#telemed_availability table thead tr,
#biogenix_productCategotyList table thead tr,
#biogenix_requestedTelemedicine table thead tr,
#biogenix_faqCategotyList table thead tr,
#biogenix_affiliate_list table thead tr,
#biogenix_refered_affiliate_list table thead tr,
#biogenix_referalProductConfig_list table thead tr,
#biogenix_productList table thead tr,
#biogenix_orderList table thead tr,
#biogenix_patientList table thead tr,
#biogenix_payment_amount table thead tr,
#biogenix_telemedicine_payment table thead tr,
#biogenix_ComissionList_role table thead tr,
#biogenix_ComissionList_disputes table thead tr,
#biogenix_ReturnTable table thead tr,
#biogenix_departmentList table thead tr,
#biogenix_ReturnActivityTable table thead tr,
#biogenix_creditActivity table thead tr,
#biogenix_internalActivity table thead th,
#biogenix_ComissionList table thead tr,
#biogenix_TelemedicineList table thead tr,
#biogenix_blogList table thead tr,
#biogenix_blogCategotyList table thead tr,
#biogenix_potentialPatientList table thead tr,
#biogenix_calenderevents table thead tr,
#biogenix_assignDoctorList table thead tr,
#biogenix_loginlogs table thead tr,
#biogenix_trainingList01 table thead tr,
#biogenix_faqList01 table thead tr,
#biogenix_marketing_landing_pages table thead tr,
#biogenix_marketing_campaigns table thead tr,
#biogenix_marketing_assets table thead tr,
#biogenix_marketing_banners table thead tr,
#biogenix_wellsyncprod table thead tr,
#biogenix_incompleteorderList table thead tr,
#biogenix_commissionList table thead tr,
#biogenix_inventoryList_role table thead tr,
#biogenix_technologyfee table thead tr,
#biogenix_discountList table thead tr,
#biogenix_discountList_for_doc table thead tr,
#biogenix_newslettersubscription table thead tr,
#biogenix_newsletterusersubscription table thead tr,
#biogenix_inventorytrack_role table thead tr,
#biogenix_paymentgatewaylist table thead tr,
#biogenix_pharmacybreakdownlist table thead tr,
#biogenix_main_inventorytrack table thead tr {
  background: #ededed;
}

#biogenix_userList table thead,
#telemed_availability table thead,
#biogenix_productCategotyList table thead,
#biogenix_requestedTelemedicine table thead,
#biogenix_faqCategotyList table thead,
#biogenix_affiliate_list table thead,
#biogenix_refered_affiliate_list table thead,
#biogenix_referalProductConfig_list table thead,
#biogenix_productList table thead,
#biogenix_calenderevents table thead,
#biogenix_orderList table thead,
#biogenix_patientList table table thead,
#biogenix_payment_amount table table thead,
#biogenix_telemedicine_payment table table thead,
#biogenix_ComissionList table table thead,
#biogenix_TelemedicineList table table thead,
#biogenix_ComissionList_role table table thead,
#biogenix_technologyfee table table thead,
#biogenix_ComissionList_disputes table table thead,
#biogenix_ReturnTable table table thead,
#biogenix_departmentList table table thead,
#biogenix_ReturnActivityTable table table thead,
#biogenix_creditActivity table table thead,
#biogenix_internalActivity table table thead,
#biogenix_blogList table table thead,
#biogenix_blogCategotyList table table thead,
#biogenix_potentialPatientList table thead,
#biogenix_assignDoctorList table thead,
#biogenix_loginlogs table thead,
#biogenix_trainingList01 table thead,
#biogenix_faqList01 table thead,
#biogenix_marketing_landing_pages table thead,
#biogenix_marketing_campaigns table thead,
#biogenix_marketing_assets table thead,
#biogenix_marketing_banners table thead,
#biogenix_wellsyncprod table thead,
#biogenix_incompleteorderList table thead,
#biogenix_commissionList table thead,
#biogenix_inventoryList_role table thead,
#biogenix_discountList table thead,
#biogenix_discountList_for_doc table thead,
#biogenix_newslettersubscription table thead,
#biogenix_newsletterusersubscription table thead,
#biogenix_inventorytrack_role table thead,
#biogenix_paymentgatewaylist table thead,
#biogenix_pharmacybreakdownlist table thead,
#biogenix_main_inventorytrack table thead {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
}

#biogenix_userList table tbody,
#telemed_availability table tbody,
#biogenix_productCategotyList table tbody,
#biogenix_requestedTelemedicine table tbody,
#biogenix_faqCategotyList table tbody,
#biogenix_affiliate_list table tbody,
#biogenix_refered_affiliate_list table tbody,
#biogenix_referalProductConfig_list table tbody,
#biogenix_productList table tbody,
#biogenix_orderList table tbody,
#biogenix_patientList table tbody,
#biogenix_payment_amount table tbody,
#biogenix_telemedicine_payment table tbody,
#biogenix_ComissionList table tbody,
#biogenix_ComissionList_role table tbody,
#biogenix_ComissionList_disputes table tbody,
#biogenix_ReturnTable table tbody,
#biogenix_departmentList table tbody,
#biogenix_ReturnActivityTable table tbody,
#biogenix_creditActivity table tbody,
#biogenix_internalActivity table tbody,
#biogenix_TelemedicineList table tbody,
#biogenix_blogList table tbody,
#biogenix_blogCategotyList table tbody,
#biogenix_potentialPatientList table tbody,
#biogenix_calenderevents table tbody,
#biogenix_assignDoctorList table tbody,
#biogenix_loginlogs table tbody,
#biogenix_trainingList01 table tbody,
#biogenix_faqList01 table tbody,
#biogenix_marketing_landing_pages table tbody,
#biogenix_marketing_campaigns table tbody,
#biogenix_marketing_assets table tbody,
#biogenix_marketing_banners table tbody,
#biogenix_wellsyncprod table tbody,
#biogenix_incompleteorderList table tbody,
#biogenix_commissionList table tbody,
#biogenix_inventoryList_role table tbody,
#biogenix_discountList table tbody,
#biogenix_discountList_for_doc table tbody,
#biogenix_newslettersubscription table tbody,
#biogenix_newsletterusersubscription table tbody,
#biogenix_inventorytrack_role table tbody,
#biogenix_technologyfee table tbody,
#biogenix_paymentgatewaylist table tbody,
#biogenix_pharmacybreakdownlist table tbody,
#biogenix_main_inventorytrack table tbody {
  background-color: #ffffff;
}

#biogenix_userList table tbody tr,
#telemed_availability table tbody tr,
#biogenix_productCategotyList table tbody tr,
#biogenix_requestedTelemedicine table tbody tr,
#biogenix_faqCategotyList table tbody tr,
#biogenix_affiliate_list table tbody tr,
#biogenix_refered_affiliate_list table tbody tr,
#biogenix_referalProductConfig_list table tbody tr,
#biogenix_productList table tbody tr,
#biogenix_orderList table tbody tr,
#biogenix_patientList table tbody tr,
#biogenix_payment_amount table tbody tr,
#biogenix_telemedicine_payment table tbody tr,
#biogenix_ComissionList table tbody tr,
#biogenix_ComissionList_role table tbody tr,
#biogenix_ComissionList_disputes table tbody tr,
#biogenix_ReturnTable table tbody tr,
#biogenix_departmentList table tbody tr,
#biogenix_ReturnActivityTable table tbody tr,
#biogenix_creditActivity table tbody tr,
#biogenix_internalActivity table tbody tr,
#biogenix_TelemedicineList table tbody tr,
#biogenix_blogList table tbody tr,
#biogenix_blogCategotyList table tbody tr,
#biogenix_potentialPatientList table tbody tr,
#biogenix_calenderevents table tbody tr,
#biogenix_assignDoctorList table tbody tr,
#biogenix_loginlogs table tbody tr,
#biogenix_trainingList01 table tbody tr,
#biogenix_faqList01 table tbody tr,
#biogenix_marketing_landing_pages table tbody tr,
#biogenix_marketing_campaigns table tbody tr,
#biogenix_marketing_assets table tbody tr,
#biogenix_marketing_banners table tbody tr,
#biogenix_wellsyncprod table tbody tr,
#biogenix_incompleteorderList table tbody tr,
#biogenix_commissionList table tbody tr,
#biogenix_inventoryList_role table tbody tr,
#biogenix_technologyfee table tbody tr,
#biogenix_discountList table tbody tr,
#biogenix_discountList_for_doc table tbody tr,
#biogenix_newslettersubscription table tbody tr,
#biogenix_newsletterusersubscription table tbody tr,
#biogenix_inventorytrack_role tbody tr,
#biogenix_paymentgatewaylist tbody tr,
#biogenix_pharmacybreakdownlist tbody tr,
#biogenix_main_inventorytrack tbody tr {
  border-bottom: 1px solid #e5e5e3;
}

/* ------------------------table---------------------- */

/* #biogenix_userList table tr th.tanstackTableHead:first-child, #biogenix_userList table tr th.tanstackTableHead:last-child{
  position: sticky;z-index: 3;background: #dbdbdb26;
}

#biogenix_userList table tr th.tanstackTableHead:first-child{
  left: 0;
}

#biogenix_userList table tr th.tanstackTableHead:last-child{
 right: 0;
} */

/* ── Sticky cols: first 2 left + last 2 right ── */

/* Header */
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:first-child,
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:nth-child(2),
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:nth-last-child(2),
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:last-child {
  position: sticky;
  z-index: 3;
  background: #ededed;
}
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:first-child      { left: 0; }
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:nth-child(2)     { left: 60px; }
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:nth-last-child(2){ right: 60px; }
.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:last-child       { right: 0; }

/* Body rows */
.tanstackTableCell td:first-child,
.tanstackTableCell td:nth-child(2),
.tanstackTableCell td:nth-last-child(2),
.tanstackTableCell td:last-child {
  position: sticky;
  z-index: 2;
  background-color: #ffffff !important;
}
.tanstackTableCell td:first-child      { left: 0; }
.tanstackTableCell td:nth-child(2)     { left: 60px; }
.tanstackTableCell td:nth-last-child(2){ right: 60px; }
.tanstackTableCell td:last-child       { right: 0; text-align: center; }

/* Total row: sticky cells get the gray background */
tr.total-row td:first-child,
tr.total-row td:nth-child(2),
tr.total-row td:nth-last-child(2),
tr.total-row td:last-child {
  background-color: #ededed !important;
}


.admin_dashboard_main_width .tanstackTableCell td:first-child {
  padding-left: 30px !important;
}

.tanstackTableHead:first-child {
  padding-left: 15px !important;
}

.admin_dashboard_main_width .tanstackTableCell .selectionclass {
  padding-left: 0 !important;
  padding: 6px 6px !important;
}

.admin_dashboard_main_width th.selectionclass {
  padding-left: 30px !important;
}

.admin_dashboard_main_width #biogenix_productCategotyList.MuiBox-root table tr td:nth-of-type(4) {
  white-space: wrap;
}

.admin_dashboard_main_width #biogenix_faqCategotyList.MuiBox-root table tr td:nth-of-type(4) {
  white-space: wrap;
}





@media only screen and (max-width:1199px) {
  .tanstackTableCell td:first-child {
    text-align: left;
  }

  .tanstackTableCell td:last-child {
    text-align: left;

  }
}



.toggle_column_menu {
  top: 10px;
  left: -40px;
  height: auto;
}

.toggle_column_menu .column-menu-content {
  min-height: auto;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.toggle_column_menu .column-menu-content::-webkit-scrollbar {
  display: block !important;
}

.toggle_column_menu .MuiMenu-list {
  /* border: 1px solid #d9d9d9; */
  padding: 0px;
}

.toggle_column_menu .MuiMenu-list .MuiTypography-subtitle1 {
  /* border-bottom: 1px solid #d9d9d9; */
  padding: 5px;
}

.toggle_column_menu .MuiMenu-list .MuiTypography-subtitle1 {
  color: #000;
}

.toggle_column_menu .MuiMenu-list .MuiMenuItem-root {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 10px;
}

.toggle_column_menu .MuiMenu-list .MuiMenuItem-root .MuiSvgIcon-root {
  margin-right: 12px;
  font-size: 14px;
  font-weight: 500;
}

.toggle_column_menu .MuiList-root {
  overflow-y: hidden !important;
}

/* ------------------------table---------------------- */

.table_header {
  align-items: center;
}

.table_header .MuiTypography-h6 {
  font-size: 40px;
  line-height: 45px;
  font-weight: 700;
  letter-spacing: inherit;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(180deg,
      rgba(232, 9, 22, 1) 35%,
      rgba(192, 8, 11, 1) 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 3px #00000036);
  display: block;
  margin: 0 auto 20px;
}

.table_header .MuiTypography-h6 {
  display: none;
}

/* ---------USER-LIST-CSS----------- */
.my-table-pagination .MuiTablePagination-toolbar .MuiTablePagination-input svg {
  color: #313131 !important;
}

.admin-order-list .MuiLinearProgress-indeterminate {
  background-color: rgb(232 9 22 / 15%);
}

.admin-order-list .MuiLinearProgress-indeterminate .MuiLinearProgress-bar1Indeterminate {
  background-color: #ff2a36;
}

.admin-order-list .MuiLinearProgress-indeterminate .MuiLinearProgress-bar2Indeterminate {
  --LinearProgressBar2-barColor: #ff0003;
}

.action_btn_wrpr {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 20px;
}

.admin_dashboard_main_width.checkout {
  background: inherit !important;
}

.admin_dashboard_main_width .snackbar_style_all .MuiPaper-elevation.MuiSnackbarContent-root {
  display: block;
  color: #ffffff !important;
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%) !important;
  border-radius: 10px !important;
}

.admin_dashboard_main_width .snackbar_style_all .MuiPaper-elevation.MuiSnackbarContent-root .MuiSnackbarContent-messag {
  padding: 0 !important;
}



/* ////////////ADD-PRODUCT-CSS////////////// */
.add_form_red_heading {
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #d70715;
  border-radius: 10px;
  padding: 10px 25px;
  margin-bottom: 15px;
}

.add_form_red_headingintake_categories {
  width: fit-content;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #d70715;
  border-radius: 5px;
  padding: 10px 25px;
  margin-bottom: 5px;
}

.white_btn {
  color: #262626;
  border: 1px solid #b5b8b8;
}

.red_btn {
  background: linear-gradient(180deg,
      rgba(231, 7, 22, 1) 0%,
      rgba(204, 4, 18, 1) 100%);
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  padding: 10px 20px;
  margin: 5px;
}

.admin_dashboard_main_width .cart_delete_icon.MuiSvgIcon-root {
  color: #e60816 !important;
}

/* .btn_main_wrpr {
  display: flex;
  justify-content: flex-start;
  align-items: center;
 } */
.grey_btn {
  position: relative;
  width: fit-content;
  font-size: 0.7rem !important;
  color: #ffffff !important;
  text-shadow: 1px 1px 1px #00000085;
  background: linear-gradient(180deg,
      rgb(227 7 22 / 51%) 0%,
      rgb(247 1 18 / 89%) 100%);
  border-radius: 6px;
  border: 1px solid #cf05135e;
  box-shadow: 1px 1px 4px #3434346b;
  padding: 6px 10px;
  top: 10px;
}

.addEditForm .formInline .inputBlock .MuiFormControl-root {
  border: none;
}

.start_date_field .MuiTextField-root {
  background: #ffffff !important;
  border: 1px solid #aaaaaa !important;
  border-radius: 0 !important;
}

.start_date_field input {
  border: none !important;
}

.description_field .tox .tox-statusbar {
  display: none;
}

/* ------ADMIN-ADD-PRODUCT-FORM-CSS------ */
.tags_field_css .MuiAutocomplete-inputRoot {
  padding: 0 !important;
}

.tags_field_css input {
  border: none !important;
  padding: 15px 14px !important;
}

.tags_field_css .MuiAutocomplete-root {
  border: 1px solid #b5b8b8 !important;
}

.product_section {
  flex-basis: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* -------product-ui modal css ------------ */
.potential_patient_modal .addEditForm .formInline .inputBlock .MuiOutlinedInput-root {
  background: inherit !important;
}

/* /////-----Calender-Slots-----///// */
.time_zone {
  width: 40%;
}

.slot_date_search {
  width: 40%;
}

/* .time_zone .MuiOutlinedInput-root {
  width: 100%;
} */
.time_zone .MuiSelect-outlined {
  padding: 15px !important;
}

.slot_date_picker {
  width: 100%;
}

.slot_date_picker .MuiInputBase-colorPrimary {
  background: #ffffff !important;
}

.slot_date_picker input {
  padding: 15px !important;
}

.admin_dashboard_main_width .slot_card {
  background: #ffffff !important;
}

.conected_mail_heading {
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #3c3c3c;
}

.conected_mail {
  margin-bottom: 6px !important;
}

.slots_left_heading {
  width: 20%;
}

.slot_right_sec_wrpr {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slots_left_heading {
  width: fit-content;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  color: #ffffff !important;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #00000085;
}

.slots_date_section {
  width: 80% !important;
}

.slots_action_button {
  width: 18% !important;
  margin: 0 !important;
}

.slots_list {
  padding: 0 !important;
}

.action_btn_wrpr {
  margin-bottom: 0;
}

.action_btn_wrpr button {
  background: linear-gradient(180deg,
      rgba(232, 9, 22, 1) 35%,
      rgba(192, 8, 11, 1) 70%);
  box-shadow: 2px 2px 10px -1px #000000d1, -2px -2px 10px -1px #ffffff;
  border-radius: 50%;
  padding: 6px;
  margin-right: 15px;
  width: 45px;
  height: 45px;
}

.admin_dashboard_main_width .action_btn_wrpr button svg {
  color: #ffffff !important;
}

.google_modal_main {
  width: 700px !important;
  margin: 0 auto;
}

.calender_google_account img {
  width: 100%;
}

.google_calender_cont {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #0f0f0f;
  text-align: center;
}

.google_calender_blod_cont {
  font-size: 19px;
  line-height: 24px;
  font-weight: 500;
  color: #cc0003;
  text-align: center;
  margin-bottom: 15px;
}

/* ----------SELECT-ACCOUNT-MODAL---------- */
.select_account_modal {
  padding: 10px;
}

/* --------CANCEL EVENT MODAL----------- */
.cancelled_slot {
  height: auto;
  border-radius: 10px;
}

.cancelled_slot h6 {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}

/* -----DASHBOARD-LINK-BAR-CSS----- */
.dashboard_link_share_bar {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #87878761;
  box-shadow: 2px 2px 15px #20202042;
  padding: 15px;
  margin: 15px 0;
}

.link_heading_section {
  display: flex;
  justify-content: space-between;
  border-left: 6px solid #d20512;
  padding-left: 10px;
}

.link_heading_section h6 {
  font-weight: 700 !important;
}

.link_red_bar {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background: linear-gradient(180deg, rgb(239 7 22) 10%, rgb(163 0 11) 90%);
  border-radius: 6px;
  /* border: 1px solid #d5d5d5; */
  box-shadow: 1px 4px 10px #2c2c2c52;
  margin: 15px 0 0;
  overflow: hidden;
}

.link_red_bar p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600 !important;
  color: #ffffff !important;
  padding: 15px 0;
  width: calc(100% - 260px);
  white-space: normal;
  word-break: break-word;
  display: flex;
  align-items: center;
}

.btn_box {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 1) 30%,
      rgba(227, 227, 227, 1) 70%);
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%);
  width: 105px;
  padding: 10px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn_box:last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0 100%);
  margin: 0;
  margin-left: 10px;
  width: 150px;
}

.admin_dashboard_main_width .link_red_bar button {
  background: transparent;
  border-radius: 0;
}

.admin_dashboard_main_width .link_red_bar button svg {
  color: #d80513 !important;
}

.admin_dashboard_main_width .dashboard_link_share_bar .MuiPaper-root {
  border-bottom: none !important;
}

/* ── Big-screen: title + link bar + help icon all on one horizontal row ── */
@media (min-width: 1024px) {
  .admin_dashboard_main_width .dashboard_link_share_bar .link_section_paper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }
  .admin_dashboard_main_width .dashboard_link_share_bar .link_section_paper .link_heading_section {
    flex: 0 0 auto;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }
  .admin_dashboard_main_width .dashboard_link_share_bar .link_section_paper .link_red_bar {
    flex: 1 1 0%;
    margin: 0 !important;
    min-height: 52px; /* drives the bar's own height independently of the flex parent */
    align-self: stretch;
  }
}

@media only screen and (max-width:499px) {
  .dashboard_link_share_bar .link_red_bar p {
    padding-right: 10px;
  }
}


.training_panel {
  color: #ffffff !important
}

.connect_account_box .google_icon svg {
  font-size: 24px;
  line-height: 30px;
  color: #f80a00 !important;
}

.admin_dashboard_main_width .connect_account_box h6 {
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  color: #3c3c3c;
  text-transform: uppercase;
}

.admin_dashboard_main_width .connect_account_box .calendar_management_details .google_icon p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600 !important;
}

.admin_dashboard_main_width .connect_account_box .calendar_management_details p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400 !important;
}

.admin_dashboard_main_width .connect_account_box .calendar_management_details p span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400 !important;
}

.admin_dashboard_main_width .calendar_management_details_header {
  margin-bottom: 20px !important;
}

.seals_rep_dashboard_table {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  /* border-bottom-width: 1px; */
  border-style: solid;
  border-image: linear-gradient(90deg,
      #00000000,
      #a5a5a5 45%,
      #a5a5a5 55%,
      #00000000) 10;
}

/* Training Module start*/
.admin_dashboard_main_width .biogenix_training_bnr_section {
  background: linear-gradient(180deg, rgba(254, 254, 254, 1) 20%, rgba(201, 201, 201, 1) 80%) !important;
  border: 1px solid #afafaf;
}

.admin_dashboard_main_width .biogenix_training_bnr_section p {
  font-weight: 900 !important;
  text-transform: unset !important;
}

.training_lesson_status_bar {
  background: #ffffff !important;
  border: 1px solid #bbbbbb;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
}

.lesson_status_persentage_bar p {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 900;
  text-transform: uppercase;
}

.training_progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.training_progress .training_progress_complete {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #51ac0a !important;
}

.training_progress .training_progress_ongoing {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7da1b !important;
}

.training_progress .training_progress_incomplete {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e50715 !important;
}

.doctor_training_content {
  width: 32%;
  flex-direction: row;
  border-radius: 6px;
  padding: 10px;
}

.admin_dashboard_main_width .training_right_arrow.black {
  color: #000 !important;
}

.admin_dashboard_main_width .training_right_arrow.white {
  color: #fff !important;
}

.training_progress .doctor_training_content svg {
  color: #ffffff !important;
}

.training_progress .training_progress_ongoing.doctor_training_content svg {
  color: #000000 !important;
}

.doctor_training_content p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #ffffff !important;
}

.training_progress_ongoing.doctor_training_content p {
  color: #000000 !important;
}

.training_video_section {
  padding: 0 !important;
}

.training_video_pdf_section {
  display: flex;
  justify-content: space-between;
  border: 1px solid #afafaf;
  padding: 25px 35px;
}

.training_left_video_section {
  width: 49%;
}

.training_right_pdf_section {
  width: 49%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.pdf_section_wrpr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.pdf_icon_box {
  position: relative;
  left: 15px;
  bottom: 0;
  z-index: 1;
}

.pdf_dwnld_btn {
  font-size: 25px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px #00000052;
  background: linear-gradient(180deg, rgba(191, 11, 30, 1) 0%, rgba(232, 59, 77, 1) 100%);
  border-radius: 6px;
}

.admin_dashboard_main_width .training_heading_sec {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.training_banner_wrpr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* .admin_dashboard_main_width .training_progress .training_progress_ongoing .cata_info_class .MuiSvgIcon-root{
  color: #000 !important;
} */

@media screen and (max-width: 1199px) {
  .training_banner_wrpr {
    flex-direction: column;
  }

  .training_banner_wrpr p {
    max-width: 100%;
    margin-bottom: 15px;
  }

  .admin_dashboard_main_width .training_banner_wrpr .biogenix_button.buy_now {
    margin: 0 0 0 auto;
  }

  .training_video_pdf_section {
    flex-direction: column;
  }

  .training_left_video_section {
    width: 100%;
    margin-bottom: 20px;
  }

  .training_right_pdf_section {
    width: 100%;
  }

  .training_video_pdf_section {
    padding: 20px;
  }

  .btn_box {
    width: 10%;
  }

  .dashboard_bar .thankyou_top_bar_left {
    width: 100%;
    flex-direction: column;
  }

  .dashboard_bar .thankyou_top_bar_left .thankyou_cont {
    margin: 0;
    margin-bottom: 6px;
  }

  .dashboard_bar .thankyou_top_bar_left .success_cont {
    border: none;
    padding-left: 0;
  }


  .admin_dashboard_main_width .price_range_section.product_list_header {
    flex-wrap: wrap;
  }

  .price_range_section .red_product_category {
    margin-bottom: 10px;
  }

  .admin_dashboard_main_width .price_range_section label {
    width: fit-content;
  }

  .price_filter_product {
    width: 60%;
  }

  .slots_date_section {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .product_perfomance_section_main {
    padding: 0;
  }
}

@media screen and (max-width: 860px) {
  .training_progress {
    flex-direction: column;
  }

  .doctor_training_content {
    width: 100%;
    margin-bottom: 15px;
  }

  .doctor_training_content.training_progress_incomplete {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .shopping_cart {
    padding: 0 15px;
  }

  .training_module_red_bar {
    margin-top: 10px !important;
  }

  .training_left_video_section {
    margin-bottom: 15px;
  }

  .training_video_pdf_section {
    padding: 15px;
  }

  .pdf_section_wrpr {
    margin-top: 15px;
  }

  .btn_box {
    width: 15%;
  }

  .price_filter_product {
    width: 50%;
  }
}

@media screen and (max-width: 599px) {
  .price_range_section .red_product_category {
    width: 100%;
    margin-bottom: 10px;
  }

  .admin_dashboard_main_width .price_range_section label {
    width: 100%;
    margin: 0 auto;
  }

  .price_filter_product {
    width: 100%;
    margin: 15px 0;
  }

  .price_range_section .MuiBox-root {
    width: 100%;
  }

  .price_range_section .red_product_category_search {
    width: 100%;
  }

  .price_filter_product .price_range_adjustment {
    padding: 10px 0;
  }
}

@media screen and (max-width: 499px) {
  .shopping_cart {
    padding: 0 10px;
  }

  .training_left_video_section {
    margin-bottom: 10px;
  }

  .biogenix_training_bnr_section {
    padding: 10px;
  }

  .training_banner_wrpr p {
    margin-bottom: 10px;
  }

  .training_video_pdf_section {
    padding: 10px;
  }

  .training_lesson_status_bar {
    padding: 10px;
  }

  .pdf_section_wrpr {
    flex-direction: column;
  }

  .pdf_section_wrpr {
    margin-top: 10px;
  }

  .shopping_cart .MuiAccordionSummary-root {
    padding: 0 10px;
  }

  .shopping_cart .MuiAccordionSummary-content {
    margin: 10px 0;
  }

  .pdf_dwnld_btn {
    font-size: 20px;
    line-height: 25px;
  }

  .dashboard_bar .MuiTypography-root.MuiTypography-h2 {
    font-size: 20px;
    line-height: 25px;
  }

  .dashboard_bar .thankyou_top_bar_left .success_cont {
    font-size: 16px;
    line-height: 22px;
  }


  /* .admin_dashboard_main_width .MuiBox-root {
    display: block;
    align-items: center;
  } */

  .dashboard_bar_right_section button {
    padding: 10px 0;
  }

  .dashboard_bar_right_section .MuiBox-root {
    display: block;
  }

  .dashboard_bar_right_section .MuiIconButton-root {
    flex-direction: column;
  }

  .dashboard_bar_right_section .MuiIconButton-root p {
    margin-top: 6px;
    margin-left: 0;
  }

  .btn_box {
    width: 15%;
    padding: 10px 5px;
    margin-right: 0;
  }

  .btn_box:last-child {
    display: none;
  }

  .admin_dashboard_main_width .MuiTypography-body2 {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
  }

  .admin_dashboard_main_width .link_red_bar button {
    padding: 0;
  }

  .dashboard_link_share_bar {
    padding: 10px;
    margin: 15px 0 10px;
  }

  .dashboard_bar p {
    font-size: 14px;
    line-height: 20px;
  }
}

.admin_dashboard_main_width .MuiPaper-root.alert_dashB {
  background: linear-gradient(175deg, rgba(255, 255, 255, 1) 35%, rgba(240, 242, 246, 1) 70%) !important;
  box-shadow: 5px 5px 15px -5px #00000070 !important;
  border-bottom: 1px solid #b9b8b8;
}


/* ///////////PAITENT-INFO-CSS/////////// */

.patient_info_main_wrpr {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

.patient_info_left_wrpr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}



.patient_info_left_sec {
  width: 49.5%;
  border: 1px solid #7a7a7a;
  box-shadow: 0 0 6px #56565647;
  padding: 15px;
  /* max-height: 100vh;
  overflow-y: scroll; */
  /* scrollbar-width: thin;
  scrollbar-color: #d70715 #f0f0f0; */
}

.patient_info_right_sec {
  width: 49.5%;
  border: 1px solid #7a7a7a;
  box-shadow: 0 0 6px #56565647;
  padding: 15px;
  /* max-height: 100vh;
  overflow-y: scroll; */
  /* scrollbar-width: thin;
  scrollbar-color: #d70715 #f0f0f0; */
  position: sticky;
  bottom: 20px;
}

.patient_info_right_sec_doc {
  width: 49.5%;
  border: 1px solid #7a7a7a;
  box-shadow: 0 0 6px #56565647;
  padding: 15px;
  /* max-height: 100vh;
  overflow-y: scroll; */
  /* scrollbar-width: thin;
  scrollbar-color: #d70715 #f0f0f0; */
  position: sticky;
  top: 20px;
}

.admin_dashboard_main_width .patient_info_left_sec .formInline .inputBlock .MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
  padding-right: 35px;
}

.admin_dashboard_main_width .patient_info_left_sec .formInline .MuiTypography-root.MuiTypography-body1 {
  font-size: 13px;
  line-height: 19px;
}

.admin_dashboard_main_width .patient_info_left_sec .addEditForm .formInline .inputBlock .field_hint {
  font-size: 13px;
  line-height: 19px;
}

.tab_wrpr .MuiTabs-flexContainer {
  justify-content: center;
}

.tab_wrpr .MuiTabs-scroller {
  overflow-x: scroll !important;
}


/* ///////ORDER-SUMMARY-NEW-FORM-SECTION-CSS////////// */
.checkout_billing_details_section_main {
  border: none !important;
}

.borderBottom {
  border-bottom: 1px solid #b9b8b8 !important;
}

.select_plan_sec {
  font-size: 24px !important;
  line-height: 30px !important;
  font-weight: 800 !important;
  color: #df0815 !important;
  text-transform: uppercase;
  margin-bottom: 10px;
}



/* -----------PRODUCT-DETAILS-MODAL-VERTICAL-TAB--------------- */
.vertical_tab_main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.vertical_tab_left_section {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: transparent;
  border-bottom: 1px solid #8e8e8e;
}

.vertical_tab_left_heading button {
  font-size: 1.2rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  /* text-align: left; */
  text-transform: uppercase;
  padding: 20px 0;
  border-bottom: unset;
}

.vertical_tab_right_section {
  width: 100%;
}

.vertical_tab_right_cont {
  color: red;
}

.vertical_tab_right_cont h3 {
  font-size: 30px;
  text-decoration: underline;
  line-height: 24px;
  font-weight: 700;
  color: #ffbc00;
  margin-bottom: 20px;
}

.vertical_tab_right_cont ul li strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #ffbc00;
  margin-bottom: 20px;
}

.vertical_tab_right_cont p strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #e4e4e4;
  margin-bottom: 20px;
}

.vertical_tab_right_cont p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #e4e4e4;
  margin-bottom: 20px;
}

.vertical_tab_right_cont ul li {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #e4e4e4;
  margin-bottom: 20px;
}

.vertical_tab_left_section .MuiTabs-flexContainer {
  flex-direction: column;
}

.vertical_tab_left_heading {
  width: 100%;
}

.vertical_tab_left_heading .MuiTabs-scroller {
  width: 100%;
}

.vertical_tab_left_heading .MuiTabs-scroller .MuiTabs-flexContainer {
  flex-direction: row;
  justify-content: space-between;
}

@media screen and (max-width: 1680px) {
  .admin_dashboard_main_width .patient_info_left_sec .formInline .inputBlock .MuiFormControlLabel-root.MuiFormControlLabel-labelPlacementEnd {
    padding-right: 35px;
    min-height: 67px;
  }
}



@media screen and (max-width: 1499px) {
  .admin_dashboard_main_width .patient_info_main_wrpr .main-title h1 {
    font-size: 25px;
    line-height: 31px;
  }
}

@media screen and (max-width: 1366px) {
  .admin_dashboard_main_width .patient_info_left_sec .formInline .MuiTypography-root.MuiTypography-body1 {
    font-size: 11px;
    line-height: 18px;
  }
}

@media screen and (max-width: 1199px) {
  .vertical_tab_main {
    flex-direction: column;
  }

  .vertical_tab_left_section {
    width: 100%;
    margin-bottom: 20px;
  }

  .vertical_tab_left_section .MuiTabs-flexContainer {
    justify-content: space-between;
  }

  .vertical_tab_left_heading {
    border: none;
    padding: 0;
  }

  .vertical_tab_left_heading Button {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
  }

  .vertical_tab_left_heading Button:last-child {
    border-bottom: none;
  }

  .vertical_tab_right_section {
    width: 100%;
  }

  .vertical_tab_right_section .MuiBox-root {
    padding: 0;
  }

  /* ----------rajdeep--------------- */

  .patient_info_left_sec {
    width: 100%;
    max-height: unset;
    overflow-y: unset;
  }

  .patient_info_right_sec {
    width: 100%;
    max-height: unset;
    overflow-y: unset;
    position: relative;
    bottom: 0;
  }

  .patient_info_right_sec>.MuiBox-root {
    max-width: 100%;
  }

  /* ----------rajdeep--------------- */

}


@media screen and (max-width: 768px) {
  .vertical_tab_left_section {
    margin-bottom: 15px;
  }

  .vertical_tab_left_heading Button {
    max-width: 100%;
  }

  .patient_info_right_sec .mdcn_wrpr>.MuiBox-root {
    flex-direction: column;
  }

  .patient_info_right_sec .mdcn_wrpr>.MuiBox-root>.MuiBox-root {
    margin: 0 auto;
  }

  .patient_info_right_sec .mdcn_wrpr>.MuiBox-root>.MuiBox-root img {
    margin-top: 0 !important;
  }

  .patient_info_left_sec .add_form_red_headingintake_categories {
    padding: 10px 20px;
  }

  .patient_info_left_sec .available_days_section .inputBlock {
    flex: none !important;
  }

  .admin_dashboard_main_width .patient_info_main_wrpr .main-title h1 {
    font-size: 20px;
    line-height: 26px;
  }

  .admin_dashboard_main_width .mdcn_wrpr .MuiTypography-root.MuiTypography-body1 {
    font-size: 22px;
    line-height: 28px;
  }

  .admin_dashboard_main_width .patient_info_main_wrpr .main-title h1 {
    padding: 0 15px;
  }
}

@media screen and (max-width: 499px) {
  .vertical_tab_left_section {
    margin-bottom: 15px;
  }

  .patient_info_left_sec .add_form_red_headingintake_categories {
    font-size: 15px;
    line-height: 21px;
  }

  .patient_info_left_sec,
  .patient_info_right_sec {
    padding: 12px;
  }

  .patient_info_left_sec .addEditPageWrapper .addEditForm {
    padding: 12px
  }

  .patient_info_right_sec .MuiCardContent-root {
    padding: 0;
  }

  .patient_info_right_sec .mdcn_wrpr>.MuiBox-root {
    padding: 15px;
  }

  .patient_info_right_sec .mdcn_wrpr {
    margin-top: 15px;
  }

  .tab_wrpr .MuiTab-textColorPrimary {
    font-size: 14px;
    line-height: 20px;
    padding: 12px 10px;
  }

  .patient_info_left_sec .button_wrapper button {
    font-size: 18px;
    line-height: 24px;
  }

  .patient_info_main_wrpr .main-title {
    padding: 12px 0;
  }

  .patient_info_left_sec .available_days_section .inputBlock {
    margin: 5px 0;
  }
}


@media screen and (max-width: 1199px) {
  .addEditForm .formInline .inputBlock3line {
    width: 100%;
  }
}


.product_details_modal_wrp::-webkit-scrollbar {
  display: block !important;
}


.shipping_option_radio_btn {
  width: 100%;
  display: flex;
  justify-content: start;
  flex-direction: row;
}

.shipping_options .MuiFormControlLabel-root {
  width: 24% !important;
  margin-right: 10px;
}

.no_record_found {
  margin: 0 auto;
}




/* ///////////-------DOCTOR-DASHBOARD-BLOCK2-PURCHASE-CSS-START--------/////////// */
.admin_dashboard_main_width .dashboard_purchase_overview_recent_wrpr .MuiBox-root {
  margin-right: 0;
}

.dashboard_purchase_overview_recent_wrpr {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}

.piechat_section_wrpr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}


@media screen and (max-width: 1199px) {
  .dashboard_purchase_overview_recent_wrpr {
    flex-direction: column;
  }

  .piechat_section_wrpr {
    flex-direction: column;
  }

  .piechat_section_wrpr .patient_spending_section_main {
    width: 100%;
    max-width: 100%;
    flex: none;
    margin-bottom: 20px;
  }

  .piechat_section_wrpr .patients_spending_box {
    width: 100%;
  }

  .biogenix_dashboardwrap .patient_insights_main .patients_spending_box.product_sales_box {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  .admin_dashboard_main_width .red_heading_main_m_r {
    padding: 12px !important;
  }
}

@media screen and (max-width: 499px) {
  .admin_dashboard_main_width .red_heading_main_m_r {
    padding: 10px 0 !important;
  }

  .admin_dashboard_main_width .MuiTypography-h4 {
    display: inline;
    font-size: 25px;
    line-height: 30px;
  }

  .admin_dashboard_main_width .MuiTypography-h6 {
    font-size: 18px;
    line-height: 24px;
  }

  .recent_purchase_data_main {
    padding: 10px 0;
  }

  .black_heading_wrpr {
    margin-bottom: 0;
  }
}

/* ///////////-------DOCTOR-DASHBOARD-BLOCK2-PURCHASE-CSS-END--------/////////// */


.MuiDayCalendar-monthContainer .MuiDayCalendar-weekContainer .Mui-selected {
  background: linear-gradient(180deg, rgba(230, 8, 22, 1) 35%, rgba(203, 4, 17, 1) 70%) !important;
}


.admin_dashboard_main_width .cata_info_class .MuiSvgIcon-root {
  color: #fff !important;
  left: 43%;
}

/* 
.admin_dashboard_main_width .dashboard_bar .MuiSvgIcon-root {
  color: #ffffff !important;
  dashboard icon css
/* } */




.active-submenu {
  background-color: #e0dede;
  font-weight: bold;
}

.active-parent {
  background-color: #e0dede !important;
  font-weight: bold;
}


.editstatus .MuiFormControl-root .MuiInputLabel-shrink {
  display: none;
}

.selectStatusFieldWrp {
  padding-right: 0;
  padding-left: 0;
}


.textfieldPatient .MuiTextField-root input::placeholder {
  color: #000000;
}



/* Patient Checkout Table Alignment */
.tablealignment table thead tr th:nth-of-type(1),
.tablealignment table thead tr th:nth-of-type(2),
.tablealignment table thead tr th:nth-of-type(4),
.tablealignment table thead tr th:nth-of-type(5),
.tablealignment table thead tr th:nth-of-type(6) {
  width: 15%;
  text-align: center !important;
}

.tablealignment table thead tr th:nth-of-type(3) {
  width: 25%;
  text-align: center !important;
}


.tablealignment table tbody tr td:nth-of-type(1),
.tablealignment table tbody tr td:nth-of-type(2),
.tablealignment table tbody tr td:nth-of-type(4),
.tablealignment table tbody tr td:nth-of-type(5),
.tablealignment table tbody tr td:nth-of-type(6) {
  width: 15%;
  text-align: center !important;
}

.tablealignment table tbody tr td:nth-of-type(2) img {
  display: inline;
}

.tablealignment table tbody tr td:nth-of-type(3) {
  width: 25%;
  text-align: center !important;
}


/* ---------------faq-accordion-------------- */
.accordion_section .accordion_summery .MuiAccordionSummary-expandIconWrapper {
  background: #000;
  border-radius: 10px;
  color: #ffffff !important;
  padding: 5px;
}

.accordion_section .accordion_summery .MuiAccordionSummary-expandIconWrapper svg {
  font-size: 30px;
  line-height: 36px;
}

.accordion_section .accordion_summery.Mui-expanded {
  min-height: 60px;
}

@media only screen and (max-width: 499px) {
  .accordion_section .accordion_summery .MuiAccordionSummary-expandIconWrapper svg {
    font-size: 20px;
    line-height: 26px;
  }
}

/* ---------------faq-accordion-------------- */

.affi_top_form_sec .MuiFormControl-root {
  margin-top: 0;
  margin-bottom: 18px;
}

.affi_top_form_sec .MuiInputLabel-root {
  color: #000000 !important;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  top: -8px !important;
}

.affi_top_form_sec .MuiInputBase-root {
  background: #f2f2f2;
}

.affi_top_form_sec .MuiInputBase-root .MuiInputBase-input {
  padding: 7.5px 10px !important;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #dcddde;
}

.affi_top_form_sec .field_error {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 12px;
  line-height: 18px;
  color: #d32f2f;
}

.affi_top_form_sec .Mui-error.MuiFormHelperText-root {
  margin-top: 0px;
  position: absolute;
  left: 0;
  bottom: -16px;
  font-size: 12px;
  line-height: 18px;
  margin-left: 0;
}

.affi_top_form_sec fieldset,
.affi_top_form_sec .MuiInputLabel-shrink {
  display: none;
}

.total-row {
  font-weight: bold;
}

tr.total-row td {
  background-color: #ededed !important;
  border-top: 2px solid #cccccc !important;
}

.total-row td.selectionclass>span,
.total-row td.index-cell>span,
.total-row td.actionClass>span {
  /* visibility: hidden; */
  display: none;
}

.admin_dashboard_main_width .MuiBox-root table tr.total-row td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* .admin_dashboard_main_width .tanstackTableCell.total-row td{background-color: #ededed !important;background: #ededed !important;}
.admin_dashboard_main_width .tanstackTableCell.total-row .selectionclass {  background: #ededed !important; background-color: #ededed;}
.admin_dashboard_main_width .tanstackTableCell.total-row .index-cell {background: #ededed !important; background-color: #ededed;}
.admin_dashboard_main_width .tanstackTableCell.total-row .actionClass {  background: #ededed !important; background-color: #ededed;} */
.dashboard_name {
  width: fit-content;
}

.topBlockLastLogBtn {
  width: 23.33%;
}

.topBlockLastLogBtn p {
  width: 100%;
  text-align: left;
}


.admin_dashboard_main_width .patientAlert .MuiPaper-rounded {
  background: linear-gradient(175deg, rgba(255, 255, 255, 1) 35%, rgba(240, 242, 246, 1) 70%) !important;
  border-left: 5px solid #d50513 !important;
  box-shadow: 5px 5px 15px -5px #00000070 !important;
}

.biogenix_dashboardwrap .patientAlert .MuiPaper-rounded {
  background: linear-gradient(175deg, rgba(255, 255, 255, 1) 35%, rgba(240, 242, 246, 1) 70%) !important;
  border-left: 5px solid #d50513 !important;
  box-shadow: 5px 5px 15px -5px #00000070 !important;
}

/* -----------------tirtha---------------- */
.admin_dashboard_main_width .admin_dashboard_main_width_custom .topSummaryCard_background {
  background: #ffffff !important;
}

.admin_dashboard_main_width .admin_dashboard_main_width_custom .sla_warning_background {
  background: #ffe2e2 !important;
}

.admin_dashboard_main_width .admin_dashboard_main_width_custom .customInputField .MuiInputBase-input.MuiOutlinedInput-input {
  padding: 10px !important;
}

.admin_dashboard_main_width .admin_dashboard_main_width_custom .customInputField .MuiSelect-nativeInput {
  padding: 10px !important;
}

.statusFilterSelectMenu.Mui-selected {
  background-color: rgb(210 25 25 / 10%) !important;
}

.statusFilterSelectMenu .MuiSvgIcon-root {
  color: #db0613 !important;
}

.statusFilterSelectMenu .MuiOutlinedInput-root {
  border-color: #db0613 !important;
}

.filterCheckbox .MuiSvgIcon-root {
  color: #db0613 !important;
}

.admin_dashboard_main_width .tkt_support_button .MuiSvgIcon-root {
  color: #fff !important;
}

.ticket_details_custom {
  min-height: unset !important;
  height: auto !important;
}

.admin_dashboard_main_width .prev_next_btn svg {
  color: #fff !important;
}

#conversationContainer {
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  padding: 20px !important;
  max-height: 500px !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  min-height: 350px !important;
  margin-bottom: 24px !important;
}

.add_reply_box {
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  padding: 20px !important;
}

.admin_dashboard_main_width .actionBarGlobal .custom_btn_svg svg {
  color: #ffffff !important;
}

.admin_dashboard_main_width .prev_nxt_tkt .custom_btn_svg svg {
  color: #ffffff !important;
}

.admin_dashboard_main_width .tkt_actions_btn .custom_btn_svg svg {
  color: #ffffff !important;
}

.admin_dashboard_main_width .conversation_attachments .custom_btn_svg svg {
  color: #ffffff !important;
}

.red_cont_forvv {
  color: #db0613 !important;
  font-weight: 700;
  display: block;
  font-size: 20px !important;
  margin-top: 5px;
}

.dashboard-card:hover .red_cont_forvv {
  color: #ffffff !important;
}

/* ------------banner--------------- */
.dr_banner_input {
  flex: 1 0 48% !important;
}

.marketing-stat-icon .MuiSvgIcon-root {
  color: #ffffff !important;
}

.marketing-stat-card .marketing-stat-value {
  color: #e60816 !important;
}

.marketing-stat-card:hover {
  transition: transform 150ms ease-in-out;
  transform: translateY(-5px);
}

/* ---------------rjdp--css------------------ */
.admin_dashboard_main_width .actionBarGlobal .refresh_btn {
  background: linear-gradient(180deg, rgba(232, 9, 22, 1) 35%, rgba(192, 8, 11, 1) 70%);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);

}

.admin_dashboard_main_width .actionBarGlobal .refresh_btn svg {
  color: #ffffff !important;
}

.admin_dashboard_main_width .filter_button_group .MuiSvgIcon-root {
  color: #ffffff !important;
}

.admin_dashboard_main_width .view_mode_toggle_group {
  background: #fff !important;
  padding: 5px;
}

.admin_dashboard_main_width .view_mode_toggle_group .MuiButtonBase-root.Mui-selected {
  background: linear-gradient(180deg, rgba(232, 9, 22, 1) 35%, rgba(192, 8, 11, 1) 70%) !important;
  color: #fff !important;
}

.admin_dashboard_main_width .view_mode_toggle_group .MuiButtonBase-root.Mui-selected .MuiSvgIcon-root {
  color: #fff !important;
}

.admin_dashboard_main_width .topSummaryCard_background .compact-date-range-picker label.MuiFormLabel-filled {
  top: 0px !important;
  font-size: 12px;
  left: 14px !important;
}

.admin_dashboard_main_width .topSummaryCard_background .customInputField .MuiOutlinedInput-root.MuiInputBase-sizeSmall {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0;
}

.admin_dashboard_main_width .topSummaryCard_background .customInputField .MuiInputBase-input.MuiOutlinedInput-input {
  padding-right: 45px !important;
}

.admin_dashboard_main_width .topSummaryCard_background .queue_filter_autocomplete .customInputField .MuiInputBase-input.MuiOutlinedInput-input {

  padding-right: 0px !important;
}

.admin_dashboard_main_width .topSummaryCard_background .MuiFormControlLabel-labelPlacementEnd .MuiTypography-body2 {
  font-size: 14px;
  line-height: 20px;
}

.admin_dashboard_main_width .topSummaryCard_background .MuiGrid-item {
  padding-top: 15px;
  padding-left: 15px;
}

.admin_dashboard_main_width .topSummaryCard_background .MuiGrid-container {
  width: calc(100% + 15px);
  margin-left: -15px;
  margin-top: -15px;
}

.admin_dashboard_main_width .topSummaryCard_background .MuiAvatar-root.MuiAvatar-circular,
.admin_dashboard_main_width .sla_warning_background .MuiAvatar-root.MuiAvatar-circular {
  color: #fff;
}

.admin_dashboard_main_width .sla_warning_background .MuiTypography-root {
  color: #000 !important;
}

.admin_dashboard_main_width .sla_warning_background .MuiChip-root,
.admin_dashboard_main_width .topSummaryCard_background .MuiChip-root {
  padding: 12px 5px;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 6px;
}

.admin_dashboard_main_width .topSummaryCard_background .MuiButtonBase-root.postReplyButton .MuiSvgIcon-root {
  color: #fff !important;
}

.admin_dashboard_main_width .topSummaryCard_background .MuiButtonBase-root.attachFileButton .MuiSvgIcon-root,
.ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .MuiButtonBase-root.attachFileButton .MuiSvgIcon-root {
  color: #D50513 !important;
}

.admin_dashboard_main_width .topSummaryCard_background .MuiButtonBase-root.attachFileButton:hover,
.ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .MuiButtonBase-root.attachFileButton:hover {
  background: #b5b5b526;
}

.dialogContent .addEditForm .inputBlock .MuiOutlinedInput-root .MuiAutocomplete-input {
  padding: 16.5px 14px;
}

.ticket_detail_dialog_kanban .admin_dashboard_main_width .MuiTextField-root .MuiOutlinedInput-root .MuiAutocomplete-input {
  padding: 7.5px 4px 7.5px 5px;
}

.admin_dashboard_main_width .admin_dashboard_main_width_custom .ticket-card-wrapper {
  flex: 1 0 49%;
  position: relative;
}

.admin_dashboard_main_width .admin_dashboard_main_width_custom .customScrollGrid .topSummaryCard_background,
.admin_dashboard_main_width .admin_dashboard_main_width_custom .customScrollGrid .sla_warning_background {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.admin_dashboard_main_width .customInputField_conversation .MuiSvgIcon-root {
  color: #d1151b !important;
}

.admin_dashboard_main_width .customInputField_conversation .MuiSvgIcon-root.MuiSvgIcon-colorSuccess {
  color: #2e7d32 !important;
}

.admin_dashboard_main_width .MuiTextField-root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.admin_dashboard_main_width .MuiFormControl-root .MuiInputBase-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: rgba(0, 0, 0, 0.23) !important;

}

.admin_dashboard_main_width .tckt_dtl_hdr .MuiChip-root {
  cursor: pointer;
}

/* .ticket_detail_dialog_kanban .new_dialoag_cntent_tkt{
  padding: 0;
  background: #fff !important;
 } */

.ticket_detail_dialog_kanban .new_dialoag_cntent_tkt>.MuiBox-root {
  border-left: 0px solid transparent;
}

/* .ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .tckt_dtl_hdr.topSummaryCard_background{
  padding: 5px 0 16px 0;
} */
/* .ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .topSummaryCard_background{
  padding: 24px 0;
} */
.ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .MuiAvatar-root.MuiAvatar-circular {
  font-weight: 700;
  text-shadow: 1px 1px 4px #00000091;
  background: linear-gradient(180deg, rgba(232, 9, 22, 1) 35%, rgba(192, 8, 11, 1) 70%);
  box-shadow: 2px 2px 6px -1px #000000d1, -2px -2px 6px -1px #ffffff;
  border: 2px solid #eaeaeb;
  color: #fff !important;
}

.ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .MuiTypography-h5 {
  color: #ee0d1d !important;
}

.ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .MuiTypography-body2 {
  color: #000 !important;
}

.ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .MuiPaper-root {
  background: #f0f0f0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #b9b8b8;
}

/* .ticket_detail_dialog_kanban .new_dialoag_cntent_tkt .MuiSvgIcon-root {
    color: #000 !important;
} */

.admin_dashboard_main_width .MuiFormControl-root.compact-date-range-picker .MuiFormLabel-root.MuiInputLabel-root {
  color: #6B7280 !important;

}

.admin_dashboard_main_width .topSummaryCard_background.MuiPaper-root {
  box-shadow: -2px -2px 6px #ffffffa3, 5px 5px 10px #36363626 !important;
}



.admin_dashboard_main_width .MuiSnackbar-root.snackbar_style_all_custom .MuiPaper-elevation.MuiSnackbarContent-root {
  color: #ffffff !important;
  background: linear-gradient(180deg,
      rgba(230, 8, 22, 1) 35%,
      rgba(203, 4, 17, 1) 70%) !important;
  border-radius: 10px !important;
}

.admin_dashboard_main_width .MuiSnackbar-root.snackbar_style_all_custom .MuiSnackbarContent-root {
  background: linear-gradient(180deg, rgba(230, 8, 22, 1) 35%, rgba(203, 4, 17, 1) 70%) !important;
  color: #fff;
}

.admin_dashboard_main_width .MuiSnackbar-root.snackbar_style_all_custom .MuiIconButton-root.MuiIconButton-colorInherit {
  background: transparent;
  border: 0px solid #ffffff;
  box-shadow: none !important;
}

.admin_dashboard_main_width .MuiSnackbar-root.snackbar_style_all_custom .MuiIconButton-root.MuiIconButton-colorInherit .MuiSvgIcon-root {
  color: #fff !important;
}

.status-filter-menu-list .statusFilterSelectMenu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dashboard_title_block_tckt {
  width: calc(100% - 50px);
}

.dashboard_title_block_tckt p {
  width: 100%;
}

.dashboard_title_block_tckt p .tickt_title {
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 18px;
  max-height: 36px; 
  word-break: break-word; */
  display: inline-block;
  /* or block */
  width: 100%;
  /* MUST constrain width */
  vertical-align: top;
  cursor: default;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  line-height: 18px;
  max-height: 36px;
  /* 18 * 2 */
  word-break: break-word;
  cursor: pointer;
}

.status_title {
  display: block;
}

.title_inline_block {
  display: inline-block;

}

.dashboard-card {
  min-height: 98px;
}

/* ---------------rjdp--css------------------ */

/* -------------tirtha------------- */

/* ----------------marketing--assets------------------ */

.admin_dashboard_main_width .field_sec .MuiTextField-root .MuiInputBase-formControl {
  padding: 0 15px;
}

.admin_dashboard_main_width .field_sec .MuiTextField-root .MuiInputBase-formControl .MuiInputBase-input::placeholder {
  color: #000000 !important;
}

.category_tabs .MuiTabs-flexContainer {
  gap: 40px;
}

.white_bg_box {
  background: linear-gradient(175deg, rgba(255, 255, 255, 1) 35%, rgba(240, 242, 246, 1) 70%) !important;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 10px;
}

.white_bg_box2 {
  background: #f0f0f0 !important;
  padding: 20px 20px 0px 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 10px;
}

.admin_dashboard_main_width .red_heading_main_m_r.patient_spending_sec {
  padding: 5px 0 !important;
  margin-bottom: 0px !important;
}

.mbtm {
  margin-bottom: 20px;
}

.bg_white {
  background: #ffffff !important;
}

.admin_dashboard_main_width .product_cart_sec .MuiTable-root .MuiTableCell-root svg {
  color: #ff0000 !important;
}

.red_bar_link p a {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: normal;
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; */
}

@media(max-width: 599px) {
  .tableControls .actionBlock{
   flex-direction: column; align-items: center; gap: 10px;
   
  }
}

/* ----------------marketing--assets------------------ */

/* ----------------token-wrpr-css---------------- */

.admin_dashboard_main_width .quickbook_pay_grid .MuiTextField-root .MuiInputBase-input.MuiOutlinedInput-input{
  height: 40px ; padding: 0 10px ;
}

/* ----------------token-wrpr-css---------------- */


/* ------------tabview-reswponsive--------------- */

@media(max-width: 1199px){
  .admin_dashboard_main_width .MuiTypography-h4 {
    font-size: 32px;
    line-height: 38px;
  }

 

  .admin_dashboard_main_width .product_page_doctor .dashboard_bar .thankyou_top_bar_left{
    width: 100%; flex-direction: column; gap: 5px; text-align: center;
  }

  .admin_dashboard_main_width .product_page_doctor .dashboard_bar .thankyou_top_bar_left p{
    border: none; padding-left: 0; width: 100%;
  }

  .admin_dashboard_main_width .product_page_doctor .dashboard_bar .thankyou_top_bar_left h2.thankyou_cont{
    width: 100%;
  }

  .admin_dashboard_main_width .dashboard_bar.thankyou_page {
    justify-content: flex-end; gap: 6px;
   } 

}

@media(max-width: 1024px) {
  .admin_dashboard_main_width .dashboard_bar.red_box_c li.MuiMenuItem-root{
    display: none;
  }

  .admin_dashboard_main_width .dashboard_bar.red_box_c .MuiTypography-root.MuiTypography-h2 {
    font-size: 21px;
    line-height: 27px;
    width: 22%;
  }

   .admin_dashboard_main_width .dashboard_bar.red_box_c p{
      font-size: 17px;
      line-height: 23px;
   }

   .admin_dashboard_main_width .dashboard_bar.red_box_c .date_range_box {
    width: fit-content;
   }

  .admin_dashboard_main_width .dashboard_bar.red_box_c {
    padding: 15px 18px !important;
  }
 
}

@media(max-width: 899px){
.admin_dashboard_main_width .dashboard_bar.red_box_c{
  flex-direction: column;
}

.admin_dashboard_main_width .dashboard_bar.red_box_c .MuiTypography-root.MuiTypography-h2 {
    width: fit-content;
  }
.admin_dashboard_main_width .dashboard_bar.red_box_c {
    padding: 15px !important;
  }

   /* .admin_dashboard_main_width .white_bg_box2 .dashboard_bar {
    flex-direction: unset;
   } */
}

@media(max-width: 768px){
.admin_dashboard_main_width .MuiTypography-h4 {
    font-size: 28px;
    line-height: 34px;
  }

  .admin_dashboard_main_width .dashboard_bar.thankyou_page{
    align-items: flex-end;
    justify-content: unset;
  }
}


 .biogenix_lp1_main_width_patient .form_section label.MuiInputLabel-shrink{
  top: -5px;
}
/* ------------tabview-reswponsive--------------- */

.admin_dashboard_main_width .dashboard_purchase_overview_recent_wrpr .MuiBox-root.financial_overview_title_wrpr, .admin_dashboard_main_width .dashboard_purchase_overview_recent_wrpr .MuiBox-root.recent_purchases_title_wrpr{
  gap: 12px; flex-wrap: wrap;
}
.admin_dashboard_main_width .dashboard_purchase_overview_recent_wrpr .MuiBox-root.financial_overview_title_wrpr .MuiTypography-h5, .admin_dashboard_main_width .dashboard_purchase_overview_recent_wrpr .MuiBox-root.recent_purchases_title_wrpr .MuiTypography-h5{
 margin-bottom: 0;
}
.admin_dashboard_main_width .dashboard_purchase_overview_recent_wrpr .MuiBox-root.financial_overview_faq_wrpr, .admin_dashboard_main_width .dashboard_purchase_overview_recent_wrpr .MuiBox-root.recent_purchases_faq_wrpr {
  flex-wrap: nowrap; margin-top: 0px; margin-left: 0;
}

.admin_dashboard_main_width .footer_address_sec .footer_action_links_dashboard .MuiSvgIcon-root {
    color: rgb(239, 68, 68) !important; 
}

/* ── Global: all MUI checkboxes red ─────────────────────────────────────── */
.MuiCheckbox-root .MuiSvgIcon-root {
  color: #e11d2f !important;
}
.MuiCheckbox-root.Mui-checked .MuiSvgIcon-root,
.MuiCheckbox-root.MuiCheckbox-indeterminate .MuiSvgIcon-root {
  color: #e11d2f !important;
}

/* ── Global: all native HTML checkboxes red ─────────────────────────────── */
input[type="checkbox"] {
  accent-color: #e11d2f;
}