#body {
  margin: 0;
}

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

.loginBox {
  width: min(90%, 630px);
  background-color: unset;
  box-shadow: none;
  overflow: unset;
}
.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;
}
.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);
} */
.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 5px;
  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: 1499px){
  .biogenix_toolbar{padding: 0 0 !important;}
  .biogenix_toolbar .biogenix_navsec button {
   font-size: 15px;
    line-height: 21px;}
}
@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: 14px;
     line-height: 20px;
    }
}

@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;
  }
  .dropdown_sub_menu {
    width: 35%;
  }
}
@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 */
}
.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: #313131 !important; /* Set the color to white 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: white !important; /* Set the border color to white */

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

/* 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;
}
.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: fit-content;
  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;
}
.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: 28px;
  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 .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 .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;
}

.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: center;
  margin-bottom: 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 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: 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;
  padding: 0;
  margin-left: 6px;
}
.admin_dashboard_main_width .patients_spending_box .patients_spending_box_sub {
  background: unset !important;
  box-shadow: unset;
  border-radius: 0;
  display: block;
}
.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: 49% !important;
}

.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;
}

.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 {
  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: 24px;
    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%;
}

.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,
#biogenix_productCategotyList table,
#biogenix_productList table,
#biogenix_orderList table,
#biogenix_patientList table,
#biogenix_payment_amount table,
#biogenix_ComissionList_disputes table,
#biogenix_TelemedicineList table,
#biogenix_ComissionList table,
#biogenix_ComissionList_role table,
#biogenix_blogList table,
#biogenix_blogCategotyList table,
#biogenix_potentialPatientList table,
#biogenix_calenderevents table,
#biogenix_assignDoctorList table,
#biogenix_trainingList01 table,
#biogenix_commissionList table,
#biogenix_inventoryList_role table,
#biogenix_discountList table{
  margin-bottom: 25px;
  border-radius: 6px;
}

#biogenix_userList table tr th,
#biogenix_productCategotyList 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_ComissionList table tr th,
#biogenix_TelemedicineList table tr th,
#biogenix_ComissionList_role 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_trainingList01 table tr th,
#biogenix_commissionList table tr th,
#biogenix_inventoryList_role table tr th,
#biogenix_discountList table tr th {
  padding: 10px 6px;
}

#biogenix_userList table tr th,
#biogenix_productCategotyList 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_ComissionList_role 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_trainingList01 table tr th,
#biogenix_commissionList table tr th,
#biogenix_inventoryList_role table tr th,
#biogenix_discountList table tr th {
  font-size: 15px;
}
#biogenix_userList table thead tr,
#biogenix_productCategotyList 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_ComissionList_role table thead tr,
#biogenix_ComissionList_disputes table thead tr,
#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_trainingList01 table thead tr,
#biogenix_commissionList table thead tr,
#biogenix_inventoryList_role table thead tr,
#biogenix_discountList table thead tr{
  background: #ededed;
}
#biogenix_userList table thead,
#biogenix_productCategotyList table thead,
#biogenix_productList table thead,
#biogenix_orderList table thead,
#biogenix_patientList table table thead,
#biogenix_payment_amount table table thead,
#biogenix_ComissionList table table thead,
#biogenix_TelemedicineList table table thead,
#biogenix_ComissionList_role table table thead,
#biogenix_ComissionList_disputes table table thead
#biogenix_blogList table table thead,
#biogenix_blogCategotyList table table thead,
#biogenix_potentialPatientList table thead,
#biogenix_calenderevents table thead,
#biogenix_assignDoctorList table thead,
#biogenix_trainingList01 table thead,
#biogenix_commissionList table thead,
#biogenix_inventoryList_role table thead,
#biogenix_discountList table thead {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
}
#biogenix_userList table tbody,
#biogenix_productCategotyList table tbody,
#biogenix_productList table tbody,
#biogenix_orderList table tbody,
#biogenix_patientList table tbody,
#biogenix_payment_amount table tbody,
#biogenix_ComissionList table tbody,
#biogenix_ComissionList_role table tbody,
#biogenix_ComissionList_disputes 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_trainingList01 table tbody,
#biogenix_commissionList table tbody,
#biogenix_inventoryList_role table tbody,
#biogenix_discountList table tbody{
  background-color: #ffffff;
}
#biogenix_userList table tbody tr,
#biogenix_productCategotyList 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_ComissionList table tbody tr,
#biogenix_ComissionList_role table tbody tr,
#biogenix_ComissionList_disputes 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_trainingList01 table tbody tr,
#biogenix_commissionList table tbody tr,
#biogenix_inventoryList_role table tbody tr,
#biogenix_discountList table 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;
} */

.admin_dashboard_main_width .MuiBox-root table tr th.tanstackTableHead:first-child,.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:last-child{
  right: 0;
}


.tanstackTableCell td:first-child, .tanstackTableCell td:last-child {
  
  position: sticky;
  z-index: 2;
  background: #ffffff;
 
}

.tanstackTableCell td:first-child{
  left: 0; text-align: center;
}

.tanstackTableCell td:last-child {
  
 right: 0;    text-align: center;
 
}

.admin_dashboard_main_width #biogenix_productCategotyList.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 {
  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: break-spaces;
  word-wrap: break-word;
}
.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;
}

@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_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;
}

.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;
}
.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;
  align-items: flex-start;
}
.vertical_tab_left_section {
  width: 24%;
  background: transparent;
}
.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;
}

.vertical_tab_right_section {
  width: 75%;
}
.vertical_tab_right_cont{
  color:red;
}
.vertical_tab_right_cont h3 {
  font-size: 18px;
  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;
}

@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: 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--------/////////// */
.dashboard_purchase_overview_recent_wrpr {
  display: flex;
  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;
}