@import './vendors/a_jquery-ui.min.css';
@import './vendors/b_bootstrap.min.css';
@import './vendors/b_fonts.css';
@import './vendors/c_animation.css';
@import './vendors/c_font-awesome.css';
@import './vendors/d_select2.css';
@import './vendors/e_toaster.css';
@import './vendors/f_datatable.css';
@import './vendors/g_summernote.css';
@import './vendors/h_simplebar.css';
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes appear-then-fade {
  0%, 100% {
    opacity: 0;
  }
  5%, 60% {
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  font-size: 1em;
  font-family: Inter;
  /* Styling the scrollbar in Firefox  */
  scrollbar-color: #BD9F71 #191D29;
  scrollbar-width: none;
}

*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  padding: 0;
  margin: 0;
  scroll-behavior: unset;
}

body {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  scroll-behavior: smooth;
  background-color: #11141D;
  font-family: Inter;
  outline: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6, p, label {
  padding: 0px;
  margin: 0px;
  font-family: Inter;
  -moz-osx-font-smoothing: grayscale; /* Firefox */
  -webkit-font-smoothing: antialiased; /* WebKit  */
}

p {
  font-size: 1em;
  margin: 0;
}

img {
  width: 100%;
  outline: none;
}

textarea {
  resize: none;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

/* Reset default styles for input type number */
input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

/* Hide spinner arrows */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.error {
  font-size: 0.8125em;
  color: #FF0000;
  font-weight: 500;
}

/*** Scrollbar ***/
::-webkit-scrollbar {
  width: 0;
}

::-webkit-scrollbar:hover {
  width: 0.375em !important;
  cursor: pointer !important;
}

::-webkit-scrollbar-track {
  background: #191D29;
  border-radius: 1.5625em;
}

::-webkit-scrollbar-thumb {
  border-radius: 1.5625em;
  background: #11141D !important;
  scroll-behavior: smooth;
}

::-webkit-scrollbar-thumb:hover {
  cursor: pointer !important;
  background: #11141D !important;
}

.dataTables_processing {
  background: transparent !important;
}

.turbo-progress-bar {
  height: 0.3125em;
  background-color: #BD9F71;
}

@font-face {
  font-family: "Inter";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-ExtraLight.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-ExtraLight.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-ExtraLight.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-ExtraLight.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Light.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Light.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Light.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Light.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Regular.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Regular.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Regular.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Regular.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Medium.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Medium.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Medium.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Medium.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-SemiBold.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-SemiBold.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-SemiBold.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-SemiBold.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Bold.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Bold.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Bold.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Bold.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Black.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Black.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Black.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Black.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/Inter/Inter-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-light-300.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-light-300.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-light-300.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-light-300.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-light-300.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-regular-400.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-regular-400.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-regular-400.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-regular-400.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-brands-400.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-brands-400.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-brands-400.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-brands-400.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-solid-900.eot);
  src: url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-solid-900.woff2) format("woff2"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-solid-900.woff) format("woff"), url(https://harleydoc.poplify.com/assets/a_fonts/font-awesome/fa-solid-900.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.Doctors__List a {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
}
.Doctors__List--Image {
  min-width: 45px;
  min-height: 45px;
  max-width: 45px;
  max-height: 45px;
  overflow: hidden;
  width: 100%;
  border: none;
  position: relative;
  display: inline-block;
  border-radius: 3.125em;
  background: linear-gradient(to top, #BD9F71, #11141D);
}
.Doctors__List--Image img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.Doctors__List--Name {
  font-size: 1em;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 0.8125em;
}
.Doctors__List--TwoColumn-Border {
  padding-top: 1.25em;
  width: 48%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 1.25em;
}
.Doctors__List--TwoColumn-Border:nth-child(2n+1):nth-last-child(-n+2), .Doctors__List--TwoColumn-Border:nth-child(2n+1):nth-last-child(-n+2) ~ .Doctors__List--TwoColumn-Border {
  border-bottom: none;
  padding-bottom: 0;
}
.Doctors__List--SingleColumn-Border {
  padding-top: 1.25em;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 1.25em;
}
.Doctors__List--SingleColumn-Border:nth-child(2n+1):nth-last-child(-n+2), .Doctors__List--SingleColumn-Border:nth-child(2n+1):nth-last-child(-n+2) ~ .Doctors__List--SingleColumn-Border {
  border-bottom: none;
  padding-bottom: 0;
}
.Doctors__List--TwoColumn-NoBorder {
  padding-top: 1.25em;
  width: 48%;
}
.Doctors__List--SingleColumn-NoBorder {
  padding-top: 1.25em;
  width: 100%;
}

.AddressFields {
  display: flex;
  flex-wrap: wrap;
}

.AddressResults > div {
  background: #11141D;
  padding: 0.625em 0 0;
  position: absolute;
  min-width: calc(100% - 1.5625em);
  max-width: calc(100% - 1.5625em);
  border-radius: 0.375em;
  border: 1px solid #BD9F71;
  z-index: 1;
  width: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 1.75em 1.75em 0 #11141D;
  overflow: hidden;
}
.AddressResults > div li {
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
}
.AddressResults > div li a {
  color: #FFFFFF !important;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 14.5px;
  padding: 0.75em 1.5em;
  background-color: transparent;
  border-radius: 0.165em;
  display: block;
  transition: all 0.3s;
}
.AddressResults > div li a:hover {
  background-color: #1D2028;
}

.loader {
  border: 16px solid transparent;
  border-radius: 50%;
  border-top: 16px solid #BD9F71;
  border-right: 16px solid #BD9F71;
  border-bottom: 16px solid #BD9F71;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  z-index: 9999;
  display: none;
}

.Dashboard {
  width: 100%;
}
.Dashboard__Content {
  background-color: #11141D;
  display: flex;
  padding-top: 97px;
}

.Header {
  background-color: #191D29;
  height: 120px;
  border: 1px solid rgba(255, 255, 255, 0.1411764706);
}
.Header__Logo {
  max-width: 190px;
  margin: auto;
}
.Header__Logo--Center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media (max-width: 767px) {
  :root {
    font-size: 0.875em;
  }
}
.Admin__Header {
  width: 100%;
  position: fixed;
  -webkit-position: fixed;
  top: 0;
  z-index: 2;
  border-bottom: 1px solid #393D47;
  padding: 1.25em 3.125em 0.9375em;
  background-color: #191D29;
}
.Admin__Header--Logo {
  max-width: 13.125em;
  width: 100%;
}
.Admin__Header--Logo a {
  display: inline-block;
  width: 100%;
  height: auto;
}
.Admin__Header--Logo a svg {
  width: 100%;
}
.Admin__Header--Nav {
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.Admin__Header--NavItem .Admin__Header--NavLink {
  padding: 0 !important;
  margin-right: 1.25em;
  position: relative;
  cursor: pointer;
}
.Admin__Header--NavItem .Admin__Header--NavLink::after {
  display: none;
}
.Admin__Header--NavItem:last-child .Admin__Header--NavLink {
  margin-right: 0;
}
.Admin__Header--User {
  max-width: 50px;
  min-width: 50px;
  min-height: 50px;
  max-height: 50px;
  border-radius: 50px;
  background-color: #BD9F71;
  width: 100%;
  border: none;
  padding: 0;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.Admin__Header--User img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.Admin__Header--User .Default__Card--Initials {
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
}
.Admin__Header--Dropdown.dropdown-menu {
  position: absolute;
  left: auto;
  right: -2.25em;
  top: 3.125em;
  min-width: 170px;
  max-width: 170px;
  text-align: center;
  padding: 0.9375em 0.625em;
  border-radius: 6px;
  border: 0;
  background: #11141D;
  box-shadow: 0 1.75px 17.5px 0 #11141D;
  overflow: hidden;
  -webkit-animation-name: growIn;
  animation-name: growIn;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: cubic-bezier(0.18, 1.25, 0.4, 1), cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: cubic-bezier(0.18, 1.25, 0.4, 1), cubic-bezier(0, 1, 0.4, 1);
}
.Admin__Header--Dropdown.dropdown-menu li {
  margin-bottom: 0.75em;
}
.Admin__Header--Dropdown.dropdown-menu li:last-child {
  margin-bottom: 0;
}
.Admin__Header--Dropdown.dropdown-menu li a {
  color: #FFFFFF;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 14.5px;
  padding: 0.625em 1.5em;
  background-color: transparent;
  border-radius: 0.165em;
  transition: all 0.3s;
}
.Admin__Header--Dropdown.dropdown-menu li a:hover {
  background-color: #1D2028;
}
.Admin__Header .notification-dot {
  position: absolute;
}
.Admin__Header .notification-dot::before {
  position: absolute;
  content: "";
  top: -2px;
  left: -12px;
  right: 0;
  bottom: 0;
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/notification-dot.svg);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.Admin__Header .Default__OutlinedButton, .Admin__Header .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Admin__Header a:last-child, .Admin__Header .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons .Admin__Header a.Default__OutlinedButton, .Admin__Header .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons .Admin__Header a.Default__OutlinedButton__H30, .Admin__Header .Default__OutlinedButton__H50, .Admin__Header .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons .Admin__Header .Default__OutlinedButton__H50, .Admin__Header .Default__OutlinedButton__H30 {
  width: auto;
  margin-left: 1.875em;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Admin__Header--Logo a {
    display: flex;
  }
  .Admin__Header .Default__OutlinedButton, .Admin__Header .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Admin__Header a:last-child, .Admin__Header .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons .Admin__Header a.Default__OutlinedButton, .Admin__Header .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons .Admin__Header a.Default__OutlinedButton__H30, .Admin__Header .Default__OutlinedButton__H50, .Admin__Header .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons .Admin__Header .Default__OutlinedButton__H50, .Admin__Header .Default__OutlinedButton__H30 {
    display: none;
  }
}
@media (max-width: 767px) {
  .Admin__Header {
    display: flex;
    padding: 1.25em 1.25em;
  }
  .Admin__Header--Nav {
    flex-direction: row;
    justify-content: flex-end;
  }
  .Admin__Header--Dropdown.dropdown-menu {
    top: 4.375em;
  }
}
.Sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding-top: 6.25em;
  height: auto;
  min-height: auto;
  transition: all 0.3s;
  width: 18.25em;
  color: #FFFFFF;
  background: #191D29;
  /* Styling the scrollbar in Firefox  */
  scrollbar-color: #191D29 #191D29;
  scrollbar-width: thin;
}
.Sidebar.active {
  width: 10em;
}
.Sidebar.active ul li {
  margin-left: 0;
  padding-left: 0.9375em;
  position: relative;
}
.Sidebar.active ul li span {
  position: relative;
  font-size: 14px;
  right: 5px;
}
.Sidebar.active ul li a {
  flex-flow: row wrap;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.Sidebar__List {
  margin-top: 0.75em;
}
.Sidebar__List ul {
  height: 100%;
  max-height: 100vh;
  padding-bottom: 9.375em;
  overflow-x: hidden;
  overflow-y: scroll;
}
.Sidebar__List ul:hover {
  overflow-y: scroll;
}
.Sidebar__List ul li {
  display: flex;
  margin-left: 1.5625em;
  margin-bottom: 0.9375em;
}
.Sidebar .Sidebar__List--Dropdown {
  flex-direction: column;
  margin-top: 0.3125em;
  margin-bottom: 0.625em;
}
.Sidebar .Sidebar__List--Dropdown ul {
  padding-bottom: 0;
}
.Sidebar .Sidebar__List--Dropdown:hover > a {
  background-color: transparent;
  color: #FFFFFF;
}
.Sidebar .Sidebar__List--Dropdown:hover > a svg path, .Sidebar .Sidebar__List--Dropdown a:hover svg path {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.Sidebar .Sidebar__List--Dropdown:hover a[data-bs-toggle=collapse][aria-expanded=false] {
  background-color: #BD9F71;
  color: #11141D;
}
.Sidebar .Sidebar__List--Dropdown:hover a[data-bs-toggle=collapse][aria-expanded=false] svg path {
  fill: #11141D;
  stroke: #11141D;
}
.Sidebar .Sidebar__List--Dropdown--Patient {
  padding-bottom: 0;
  height: auto;
  max-height: none;
  overflow-x: visible;
  overflow-y: visible;
}
.Sidebar .Sidebar__List--Dropdown li {
  margin-left: 1.1875em;
}
.Sidebar .Sidebar__List--Dropdown li:last-child {
  margin-bottom: 0;
}
.Sidebar .Sidebar__List--Dropdown a[data-bs-toggle=collapse] {
  margin-bottom: 0.3125em;
}
.Sidebar .Sidebar__List--Dropdown li a {
  max-width: 10em;
}
.Sidebar__List a {
  text-decoration: none;
  font-size: 1em;
  font-weight: 400;
  padding: 1em 0.9375em;
  width: 100%;
  max-width: 14.5em;
  background-color: transparent;
  color: #FFFFFF;
  border-radius: 0.375em;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  transition: all ease-in-out 250ms;
}
.Sidebar__List a:hover {
  background-color: #BD9F71;
  color: #11141D;
}
.Sidebar__List a:hover svg path {
  fill: #11141D;
  stroke: #11141D;
  stroke-width: 0;
}
.Sidebar__List .active a {
  background-color: #BD9F71;
  color: #11141D;
}
.Sidebar__List .active a svg path {
  fill: #11141D;
  stroke: #11141D;
  stroke-width: 0;
}
.Sidebar__List a span {
  margin-left: 0.625em;
}
.Sidebar__List--Appointments a:hover svg path {
  stroke: #BD9F71;
  stroke-width: 0.8;
}
.Sidebar__List--Patients a:hover svg path + path {
  stroke-width: 0.5;
}
.Sidebar__List--Clinics a:hover svg path {
  stroke-width: 0.5;
}
.Sidebar__List--Tasks a:hover svg path {
  stroke-width: 0.6;
  stroke: #BD9F71;
}
.Sidebar__List--Patient {
  padding: 1.875em 1.125em;
}
.Sidebar__List--Patient .Sidebar__Patient--IconWithText {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Sidebar__List--Patient .Sidebar__Patient--IconWithText .Default__Card--IconWithText {
  width: auto;
  margin-right: 1.25em;
  margin-bottom: 0;
}
.Sidebar__List--Patient hr {
  margin: 1.5em 0;
}
.Sidebar .Default__Card--Icon__Text {
  margin-right: 0;
}
.Sidebar .Default__Card--Initials-Large {
  margin: auto;
}
.Sidebar__Profile--Img {
  min-width: 7.5em;
  max-width: 7.5em;
  height: 7.5em;
  width: 100%;
  border-radius: 6.25em;
  overflow: hidden;
  padding: 8%;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.Sidebar__Profile--Img img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.Sidebar__Profile--PatientName {
  margin-top: 1.5625em;
  margin-bottom: 1.875em;
}
.Sidebar__Profile--PatientName span {
  font-size: 1.25em;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.4;
}
.Sidebar .Patient__Profile--SymptomsDisclosure {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25em;
}
.Sidebar .Patient__Profile--SymptomsDisclosure a {
  padding: 0;
  max-width: 100%;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox {
  width: 250px;
  padding: 1.375em 0.9375em;
  background: #11141D;
  border-radius: 6px;
  display: flex;
  justify-content: flex-start;
  padding-left: 2.5em;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox label {
  font-size: 1em;
  color: #FFFFFF;
  font-weight: 300;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox--Checkmark {
  width: 20px;
  height: 100%;
  left: 15px;
  border-radius: 0;
  border: none;
  background: url(https://harleydoc.poplify.com/assets/icons/svg/eye.svg) no-repeat center center;
  background-size: 20px;
  cursor: pointer;
  margin-left: 0;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox input {
  height: 100%;
  width: 100%;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox input:checked ~ .Default__Checkbox--Checkmark {
  background-color: #11141D;
  border-color: #11141D;
  background: url(https://harleydoc.poplify.com/assets/icons/svg/eye_slash.svg) no-repeat center center;
  background-size: 20px;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox--Checkmark:after {
  display: none !important;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox:hover input ~ .Default__Checkbox--Checkmark {
  background-color: #11141D;
}
.Sidebar .Patient__Profile--SymptomsDisclosure .Default__Checkbox:hover label {
  color: #FFFFFF;
}
.Sidebar .Patient__Profile--SendEmail .Default__Checkbox {
  padding-left: 1.875em;
}
.Sidebar .Patient__Profile--SendEmail .Default__Checkbox label {
  font-weight: 400;
  font-size: 1em;
  color: #FFFFFF;
  line-height: normal;
  position: relative;
  top: -4px;
  text-transform: none;
}
.Sidebar .Sidebar__List ul::-webkit-scrollbar:hover {
  width: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Sidebar {
    width: 10em;
  }
  .Sidebar__List {
    margin-top: 1.875em;
  }
  .Sidebar ul {
    overflow-y: auto;
  }
  .Sidebar ul li {
    margin-left: 0;
    position: relative;
  }
  .Sidebar ul li a {
    text-align: center;
    line-height: 18px;
    flex-flow: row wrap;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }
  .Sidebar ul li span {
    position: relative;
    font-size: 14px;
    right: 5px;
  }
}
.Main__Content {
  position: absolute;
  top: auto;
  right: 0;
  width: calc(100vw - 18.25em);
  min-height: 100vh;
  padding-bottom: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #11141D;
}
.Main__Content--Navbar {
  padding: 0 3.75em;
  height: 5.375em;
  border: none;
  border-radius: 0;
  background-color: #191D29;
  position: relative;
  top: 0;
  z-index: 1;
}
.Main__Content--Navbar-Back {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 400;
  width: auto;
}
.Main__Content--Navbar-Back svg {
  margin-right: 0.75em;
}
.Main__Content--Navbar ul {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
}
.Main__Content--Navbar ul li {
  margin-right: 0.75em;
}
.Main__Content--Navbar ul li:last-child {
  margin-right: 0;
}
.Main__Content--Navbar-Buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Main__Content--Navbar-Buttons a, .Main__Content--Navbar-Buttons .DefaultButton__H50, .Main__Content--Navbar-Buttons .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Main__Content--Navbar-Buttons a.DefaultButton__H50:last-child {
  width: auto;
  width: 100%;
  margin-right: 0.75em;
}
.Main__Content--Navbar-Buttons a:last-child, .Main__Content--Navbar-Buttons .DefaultButton__H50:last-child, .Main__Content--Navbar-Buttons .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Main__Content--Navbar-Buttons a.DefaultButton__H50:last-child {
  margin-right: 0;
}
.Main__Content--Navbar-Buttons a, .Main__Content--Navbar-Buttons .Default__OutlinedButton__H50:last-child {
  margin-right: 0;
}
.Main__Content--Navbar-Heading h3 {
  font-size: 1.5em;
  font-weight: 700;
  color: #FFFFFF;
}
.Main__Content--Container {
  max-width: 94%;
  margin: 2.1875em auto;
  padding: 1.875em;
  background: #191D29;
}
.Main__Content--Container h3.Dashboard__Heading {
  text-align: center;
  font-size: 1.25em;
  margin-bottom: 0;
  color: #FFFFFF;
}
.Main__Content--Container h3.Dashboard__Heading span {
  color: #BD9F71;
}
.Main__Content--Container-Dashboard {
  background: transparent;
  padding: 0;
  margin: 2.5em auto;
}

.Sidebar.active + .Main__Content {
  width: calc(100vw - 10em);
}

@media (min-width: 2880px) {
  .Main__Content--Container {
    max-width: 2500px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .Main__Content {
    width: calc(100vw - 10em);
  }
  .Main__Content--Navbar {
    font-size: 0.875em;
    padding: 0 1.25em;
  }
  .Main__Content--Navbar-Back {
    display: flex;
    align-items: center;
  }
  .Main__Content--Navbar-Back svg {
    width: 20px;
    height: 20px;
  }
}
.DefaultButton, .Default__Card--Buttons a:first-child, .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons a.DefaultButton__H50, .DefaultButton__H50, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .DefaultButton__H30 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 1em;
  color: #FFFFFF;
  border: 1px solid #BD9F71;
  border-radius: 6px;
  background-color: #BD9F71;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.DefaultButton:hover, .Default__Card--Buttons a:hover:first-child, .Default__Card--Buttons a.DefaultButton:hover, .Default__Card--Buttons a.DefaultButton__H30:hover, .Default__Card--Buttons a.DefaultButton__H50:hover, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:hover:last-child, .DefaultButton__H50:hover, .DefaultButton__H30:hover {
  background-color: transparent;
  color: #BD9F71;
}
.DefaultButton:hover:disabled, .Default__Card--Buttons a:hover:disabled:first-child, .DefaultButton__H50:hover:disabled, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:hover:disabled:last-child, .DefaultButton__H30:hover:disabled {
  background-color: #BABABA !important;
  border-color: #BABABA !important;
  color: #FFFFFF !important;
  opacity: 0.8;
  cursor: no-drop;
}
.DefaultButton:focus, .Default__Card--Buttons a:focus:first-child, .Default__Card--Buttons a.DefaultButton:focus, .Default__Card--Buttons a.DefaultButton__H30:focus, .Default__Card--Buttons a.DefaultButton__H50:focus, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:focus:last-child, .DefaultButton__H50:focus, .DefaultButton__H30:focus {
  outline: none;
  box-shadow: none;
}
.DefaultButton, .Default__Card--Buttons a:first-child, .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons a.DefaultButton__H50, .DefaultButton__H50, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .DefaultButton__H30 {
  height: 2.5em;
  padding: 0.6875em 1em;
  font-size: 1em;
}

.Default__OutlinedButton, .Default__Card--Buttons a:last-child, .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons a.Default__OutlinedButton__H50, .Default__OutlinedButton__H50, .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons a.Default__OutlinedButton__H50:last-child, .Default__OutlinedButton__H30 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 1em;
  color: #BD9F71;
  border: 1px solid #BD9F71;
  border-radius: 6px;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.Default__OutlinedButton:hover, .Default__Card--Buttons a:hover:last-child, .Default__Card--Buttons a.Default__OutlinedButton:hover, .Default__Card--Buttons a.Default__OutlinedButton__H30:hover, .Default__OutlinedButton__H50:hover, .Default__Card--Buttons .Default__OutlinedButton__H50:hover, .Default__OutlinedButton__H30:hover {
  background-color: #BD9F71;
  color: #FFFFFF;
}
.Default__OutlinedButton:hover:disabled, .Default__Card--Buttons a:hover:disabled:last-child, .Default__OutlinedButton__H50:hover:disabled, .Default__OutlinedButton__H30:hover:disabled {
  background-color: #BABABA !important;
  border-color: #BABABA !important;
  color: #FFFFFF !important;
  opacity: 0.8;
  cursor: no-drop;
}
.Default__OutlinedButton:focus, .Default__Card--Buttons a:focus:last-child, .Default__Card--Buttons a.Default__OutlinedButton:focus, .Default__Card--Buttons a.Default__OutlinedButton__H30:focus, .Default__OutlinedButton__H50:focus, .Default__Card--Buttons .Default__OutlinedButton__H50:focus, .Default__OutlinedButton__H30:focus {
  outline: none;
  box-shadow: none;
}
.Default__OutlinedButton:disabled, .Default__Card--Buttons a:disabled:last-child, .Default__Card--Buttons a.Default__OutlinedButton:disabled, .Default__Card--Buttons a.Default__OutlinedButton__H30:disabled, .Default__OutlinedButton__H50:disabled, .Default__Card--Buttons .Default__OutlinedButton__H50:disabled, .Default__OutlinedButton__H30:disabled {
  background-color: #BABABA;
  border-color: #BABABA;
  color: #FFFFFF;
  opacity: 0.8;
  cursor: no-drop;
}
.Default__OutlinedButton, .Default__Card--Buttons a:last-child, .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons a.Default__OutlinedButton__H50, .Default__OutlinedButton__H50, .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons a.Default__OutlinedButton__H50:last-child, .Default__OutlinedButton__H30 {
  height: 2.5em;
  padding: 0.6875em 1em;
  font-size: 1em;
}

.DefaultButton__H30 {
  height: 1.875em;
  font-size: 14px;
}

.Default__OutlinedButton__H30 {
  height: 1.875em;
  font-size: 14px;
}

.DefaultButton__H50, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child {
  height: 2.78125em;
  font-size: 1.125em;
  gap: 10px;
  padding: 0.5em 0.6875em;
}
.DefaultButton__H50:hover, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:hover:last-child {
  background: rgba(189, 159, 113, 0.8);
  border-color: rgba(189, 159, 113, 0.8);
  color: #FFFFFF;
}

.Default__OutlinedButton__H50, .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons a.Default__OutlinedButton__H50:last-child {
  height: 2.78125em;
  font-size: 1.125em;
  gap: 10px;
  padding: 0.5em 0.6875em;
}
.Default__OutlinedButton__H50:hover, .Default__Card--Buttons .Default__OutlinedButton__H50:hover, .Default__Card--Buttons a.Default__OutlinedButton__H50:hover:last-child {
  background: rgba(189, 159, 113, 0.8);
  border-color: rgba(189, 159, 113, 0.8);
  color: #FFFFFF;
}

.Default__WhitleOutlinedButton__H50 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
  font-size: 1em;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.Default__WhitleOutlinedButton__H50:hover {
  background-color: transparent;
  color: transparent;
}
.Default__WhitleOutlinedButton__H50:hover:disabled {
  background-color: #BABABA !important;
  border-color: #BABABA !important;
  color: #FFFFFF !important;
  opacity: 0.8;
  cursor: no-drop;
}
.Default__WhitleOutlinedButton__H50:focus {
  outline: none;
  box-shadow: none;
}
.Default__WhitleOutlinedButton__H50 {
  height: 2.78125em;
  font-size: 18px;
  gap: 10px;
  padding: 0.5em 0.6875em;
}
.Default__WhitleOutlinedButton__H50:hover {
  background: rgba(189, 159, 113, 0.8);
  border-color: rgba(189, 159, 113, 0.8);
  color: #FFFFFF;
}

.InputField, .TextArea {
  border: 1px solid #BD9F71;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 0.8125em;
  font-weight: 600;
  outline: none;
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.0509803922);
  height: 40px;
  width: 100%;
  padding: 0.75em 1.25em;
}
.InputField::placeholder, .TextArea::placeholder {
  color: #FFFFFF;
  opacity: 1;
  transition: opacity 0.15s ease;
}
.InputField:focus::placeholder, .TextArea:focus::placeholder {
  opacity: 0;
}
.InputField:focus-visible, .TextArea:focus-visible {
  outline: none;
  border: 1px solid #BD9F71;
  box-shadow: none;
}
.InputField::-ms-reveal, .InputField::-ms-clear, .TextArea::-ms-reveal, .TextArea::-ms-clear {
  display: none;
}
.InputField::-webkit-credentials-auto-fill-button, .TextArea::-webkit-credentials-auto-fill-button {
  display: none;
}
.InputField:target, .TextArea:target {
  box-shadow: none;
}
.InputField:-internal-autofill-selected, .TextArea:-internal-autofill-selected {
  background-color: rgba(255, 255, 255, 0.0509803922) !important;
  color: #FFFFFF !important;
  appearance: none;
}
.InputField:disabled, .TextArea:disabled {
  color: #848484 !important;
  background: #BABABA !important;
  border-color: #848484 !important;
}
.InputField.error, .TextArea.error {
  color: #FF0000 !important;
  border-color: #FF0000 !important;
}

.TextArea {
  height: auto;
  min-height: 80px;
  line-height: 20px;
}

.Default__Checkbox {
  display: block;
  position: relative;
  padding-left: 2.0625em;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.Default__Checkbox label {
  font-size: 1.125em;
  color: #676767;
  font-weight: 700;
  text-transform: capitalize;
}
.Default__Checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.Default__Checkbox--Checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: transparent;
  border-radius: 0.125em;
  border: 1.5px solid rgba(186, 186, 186, 0.98);
  transition: all ease-in 0.3s;
}
.Default__Checkbox:hover input ~ .Default__Checkbox--Checkmark {
  background-color: rgba(25, 29, 41, 0.98);
}
.Default__Checkbox input:checked ~ .Default__Checkbox--Checkmark {
  background-color: #BD9F71;
  border-color: #BD9F71;
}
.Default__Checkbox input:checked ~ label {
  color: #BD9F71;
}
.Default__Checkbox input[disabled]:checked ~ .Default__Checkbox--Checkmark {
  background-color: #848484;
  border-color: #848484;
}
.Default__Checkbox input[disabled]:checked ~ label {
  color: #848484;
}
.Default__Checkbox--Checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.Default__Checkbox input:checked ~ .Default__Checkbox--Checkmark:after {
  display: block;
}
.Default__Checkbox--Checkmark:after {
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.856445 6.24983L4.54876 9.9165L12.8564 1.6665" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
}

.Default__RadioBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-left: 0;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #FFFFFF;
  height: 2.25em;
  width: 6em;
  margin-bottom: 1.5625em;
  margin-right: 1.5625em;
}
.Default__RadioBtn label {
  font-size: 1em;
  color: #676767;
  font-weight: 500;
  text-transform: capitalize;
}
.Default__RadioBtn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.Default__RadioBtn--Checkmark {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  width: 96px;
  background: #DCDCDC;
  border-radius: 0.25em;
  background-color: transparent;
  border-radius: 0.125em;
  border: 1.5px solid rgba(186, 186, 186, 0);
  transition: all ease-in 0.3s;
}
.Default__RadioBtn:hover input ~ .Default__RadioBtn--Checkmark {
  background-color: rgba(25, 29, 41, 0.98);
}
.Default__RadioBtn input:checked ~ .Default__RadioBtn--Checkmark {
  background-color: #DCDCDC;
  border-color: #DCDCDC;
  color: #11141D;
}
.Default__RadioBtn input:checked ~ label {
  color: #BD9F71;
}
.Default__RadioBtn--Checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.Default__RadioBtn input:checked ~ .Default__RadioBtn--Checkmark:after {
  display: block;
}

.Default__Circular--RadioBtn {
  justify-content: flex-start;
  padding-left: 1.5625em;
  width: auto;
  height: auto;
}
.Default__Circular--RadioBtn .Default__RadioBtn--Checkmark {
  height: 16px;
  width: 16px;
  background: transparent;
  border-radius: 100px;
  border: 1px solid #BABABA;
}
.Default__Circular--RadioBtn label.Form__Label {
  font-size: 0.9375em;
  color: #FFFFFF;
  font-weight: 500;
  margin-bottom: 0;
}
.Default__Circular--RadioBtn input:checked ~ .Default__RadioBtn--Checkmark {
  background-color: #BD9F71;
  border-color: #BD9F71;
}
.Default__Circular--RadioBtn .Default__RadioBtn--Checkmark::after {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/radio-checked.svg);
  background-size: 15px;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
}

.CustomSelect2 + .select2-container {
  width: 100% !important;
}
.CustomSelect2 + .select2 .select2-selection {
  background-color: rgba(255, 255, 255, 0.0509803922);
  border: 1px solid #BD9F71;
  border-radius: 6px;
  height: 40px;
}
.CustomSelect2 + .select2-container--default .select2-selection__rendered {
  line-height: 36px;
  font-size: 0.8125em;
}
.CustomSelect2 + .select2-container--default .select2-selection__arrow {
  height: 40px;
}
.CustomSelect2 + .select2-container--default .select2-selection__rendered {
  color: #FFFFFF;
}
.CustomSelect2 + .select2 .select2-selection.select2-selection--multiple {
  height: auto;
  min-height: 40px;
}
.CustomSelect2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/arrow-down.svg);
  background-size: 0.625em;
}
.CustomSelect2 + .select2.select2-container--default .select2-selection--multiple li.select2-selection__choice {
  width: auto;
  background-color: #BD9F71;
  border-radius: 30px;
  color: #FFFFFF;
  line-height: normal;
  vertical-align: middle;
  padding: 4px 12px;
  text-align: center;
  display: inline-flex;
}
.CustomSelect2 + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: relative;
  order: 2;
  padding: 0;
}
.CustomSelect2 + .select2.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  order: 1;
  display: flex;
  align-items: center;
}
.CustomSelect2.error + .select2 .select2-selection {
  border-color: #FF0000;
}
.CustomSelect2 + .select2.select2-container.select2-container--default.select2-container--disabled {
  color: #848484 !important;
  background-color: #BABABA !important;
  border-color: #848484 !important;
  border-radius: 6px;
}
.CustomSelect2 + .select2.select2-container.select2-container--default.select2-container--disabled .select2-selection.select2-selection--single {
  cursor: not-allowed !important;
  outline: none !important;
  box-shadow: none !important;
}
.CustomSelect2 + .select2.select2-container.select2-container--default.select2-container--disabled .select2-selection__arrow {
  display: none;
}
.CustomSelect2 + .select2.select2-container.select2-container--default.select2-container--disabled .select2-selection__rendered {
  font-weight: 600;
  color: #848484;
}

.Default__Filter--Select2 .CustomSelect2 + .select2 .select2-selection {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  min-width: 100%;
  max-width: 100%;
  height: 3.125em;
}
.Default__Filter--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered {
  position: relative;
  height: 100%;
  line-height: 48px;
  padding: 0 2.5em 0 2.5em;
  font-size: 1.125em;
  font-weight: 500;
  max-width: 350px;
}
.Default__Filter--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  position: absolute;
  content: "";
  top: auto;
  left: 0;
  right: auto;
  bottom: auto;
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/filter.svg);
  background-size: 0.75em;
  width: 1.875em;
  background-repeat: no-repeat;
  height: 100%;
  background-position: right;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.Default__Filter--Select2 .CustomSelect2 + .select2-container--default .select2-selection__arrow {
  height: 100%;
  right: 1em;
}
.Default__Filter--Select2 .CustomSelect2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-size: 1em;
  transform: rotate(0);
  transition: transform 0.3s;
}
.Default__Filter--Select2 .CustomSelect2 + .select2-container--default.select2-container--open .select2-selection__arrow b {
  transform: rotate(180deg);
}
.Default__Filter--Select2 .CustomSelect2.error + .select2 .select2-selection {
  border-color: #FF0000;
}

.select2-dropdown {
  background-color: #191D29;
  border: 1px solid #BD9F71;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid #BD9F71 !important;
  border-radius: 6px !important;
  box-shadow: none;
  background: transparent;
  color: #FFFFFF;
  outline: none;
  font-size: 0.8125em;
  padding: 0.75em 0.9375em !important;
}

.select2-results__option {
  background-color: #11141D !important;
  color: #FFFFFF !important;
  font-size: 0.8125em !important;
  padding: 12px;
  border-bottom: 0.03125em solid rgba(255, 255, 255, 0.05);
  transition: all 0.2s;
}
.select2-results__option.select2-results__option--selected {
  background-color: #191D29 !important;
  color: #FFFFFF;
  opacity: 0.85;
}

.select2-results__option--highlighted {
  background-color: rgba(189, 159, 113, 0.8) !important;
  color: #FFFFFF;
}

.FilterSelect2 {
  border-color: white;
}
.FilterSelect2 .select2-search--dropdown .select2-search__field {
  border-color: white !important;
}
.FilterSelect2 .select2-results__option {
  font-size: 0.875em !important;
}

.DefaultDaysSelect2 {
  min-width: 90px;
  border-top: 1px solid #BD9F71 !important;
  border-radius: 0.1875em !important;
}

.Select2__Ongoing + .select2 .select2-selection.select2-selection--single {
  background: #E3EAFF;
  border: 2px solid #5C82F6;
  border-radius: 6px;
}
.Select2__Ongoing + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5C82F6;
  line-height: 23px;
  padding-right: 6px;
}
.Select2__Ongoing + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-size: 10px;
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/ongoing-arrowdown.svg);
}
.Select2__Ongoing + .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 2px;
}

.Select2__Pending + .select2 .select2-selection.select2-selection--single {
  background: #FAEDCB;
  border: 2px solid #B29549;
  border-radius: 6px;
}
.Select2__Pending + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #B29549;
  line-height: 23px;
  padding-right: 6px;
}
.Select2__Pending + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-size: 10px;
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/pending-arrowdown.svg);
}
.Select2__Pending + .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 2px;
}

.Select2__Completed + .select2 .select2-selection.select2-selection--single {
  background: #C9E4DE;
  border: 2px solid #27AD8F;
  border-radius: 6px;
}
.Select2__Completed + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #27AD8F;
  line-height: 23px;
  padding-right: 6px;
  padding-left: 4px;
}
.Select2__Completed + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-size: 10px;
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/completed-arrowdown.svg);
}
.Select2__Completed + .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 2px;
}

.Select2__Cancelled + .select2 .select2-selection.select2-selection--single {
  background: #F2C6DE;
  border: 2px solid #F487C2;
  border-radius: 6px;
}
.Select2__Cancelled + .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #F487C2;
  line-height: 23px;
  padding-right: 6px;
}
.Select2__Cancelled + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-size: 10px;
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/cancelled-arrowdown.svg);
}
.Select2__Cancelled + .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 2px;
}

.BP--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-size: 28px;
}
.BP--Select2 .CustomSelect2 + .select2-container--default .select2-selection__arrow b {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/arrowdown-secondary.svg);
}

.signal_to_noise_ratio--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/signal_to_noise_ratio_yellow.png");
}

.hypertension_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/hypertension_risk_yellow.png");
}

.physiological_score--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/physiological_score_yellow.png");
}

.risks_score--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/risks_score_yellow.png");
}

.stroke_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/stroke_risk_yellow.png");
}

.heart_rate_variability_sdnn--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/heart_rate_variability_yellow.png");
}

.estimated_height--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/estimated_height_yellow.png");
}

.estimated_weight--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/estimated_weight_yellow.png");
}

.facial_skin_age--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/facial_skin_age_yellow.png");
}

.overall_metabolic_health_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/overall_metabolic_health_risk_yellow.png");
}

.waist_to_height_ratio--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/waist_to_height_ratio_yellow.png");
}

.hypertriglyceridemia_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/hypertriglyceridemia_risk_yellow.png");
}

.vitals_score--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/vitals_score_yellow.png");
}

.breathing_rate--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/breathing_rate_yellow.png");
}

.vascular_capacity--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/vascular_capacity_yellow.png");
}

.cardiac_workload--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/cardiac_workload_yellow.png");
}

.body_shape_index--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/body_shape_index_yellow.png");
}

.mental_stress_index--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/mental_stress_index_yellow.png");
}

.hypercholesterolemia_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/hypercholesterolemia_risk_yellow.png");
}

.heart_attack_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/heart_attack_risk_yellow.png");
}

.physical_score--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/physical_score_yellow.png");
}

.type_2_diabetes_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/type_2_diabetes_risk_yellow.png");
}

.fatty_liver_disease_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/fatty_liver_disease_risk_yellow.png");
}

.general_wellness_score--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/general_wellness_score_yellow.png");
}

.waist_circumference--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/waist_circumference_yellow.png");
}

.body_mass_index--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/body_mass_index_yellow.png");
}

.cardiovascular_disease_risk--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/cardiovascular_disease_risk_yellow.png");
}

.irregular_heartbeat_count--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/irregular_heartbeat_count_yellow.png");
}

.pulse_rate--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/pulse_rate_yellow.png");
}

.mental_score--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/mental_score_yellow.png");
}

.blood_pressure--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before, .systolic_blood_pressure--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before, .distolic_blood_pressure--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  background-image: url("https://d3l3hmokf46nou.cloudfront.net/assets/monitorable_vitals/blood_pressure_yellow.png");
}

.Google__Attribution {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  gap: 0.3125em;
  padding: 0.3125em 0.625em 0.625em;
  opacity: 0.7;
}
.Google__Attribution span {
  font-size: 0.625em;
  color: #FFFFFF;
}
.Google__Attribution img {
  max-width: 42px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Default__Filter--Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered {
    line-height: 34px;
  }
}
.Custom_Summernote .Other_Summernote .note-editor .note-editing-area .note-editable {
  height: 80px;
  line-height: 20px;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.0509803922);
  font-weight: 500;
  font-size: 13px;
  border: 0.5px solid #BD9F71;
  border-radius: 6px;
}
.Custom_Summernote .Other_Summernote .note-editor .note-editing-area .note-editable p span, .Custom_Summernote .Other_Summernote .note-editor .note-editing-area .note-editable p {
  font-size: 13px !important;
}
.Custom_Summernote .Other_Summernote .note-editor.note-frame,
.Custom_Summernote .Other_Summernote .note-editor.note-airframe {
  border: none;
}
.Custom_Summernote .Other_Summernote .note-editor.note-frame .note-statusbar .note-resizebar, .Custom_Summernote .Other_Summernote .note-editor.note-airframe .note-statusbar .note-resizebar {
  display: none;
}
.Custom_Summernote .Investigation_Summernote .note-editor .note-editing-area .note-editable {
  height: 80px;
  line-height: 20px;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.0509803922);
  font-weight: 500;
  font-size: 13px;
  border: 0.5px solid #BD9F71;
  border-radius: 6px;
}
.Custom_Summernote .Investigation_Summernote .note-editor .note-editing-area .note-editable p span, .Custom_Summernote .Investigation_Summernote .note-editor .note-editing-area .note-editable p {
  font-size: 13px !important;
}
.Custom_Summernote .Investigation_Summernote .note-editor.note-frame,
.Custom_Summernote .Investigation_Summernote .note-editor.note-airframe {
  border: none;
}
.Custom_Summernote .Investigation_Summernote .note-editor.note-frame .note-statusbar .note-resizebar, .Custom_Summernote .Investigation_Summernote .note-editor.note-airframe .note-statusbar .note-resizebar {
  display: none;
}
.Custom_Summernote .Referral_Summernote .note-editor .note-editing-area .note-editable {
  height: 80px;
  line-height: 20px;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.0509803922);
  font-weight: 500;
  font-size: 13px;
  border: 0.5px solid #BD9F71;
  border-radius: 6px;
}
.Custom_Summernote .Referral_Summernote .note-editor .note-editing-area .note-editable p span, .Custom_Summernote .Referral_Summernote .note-editor .note-editing-area .note-editable p {
  font-size: 13px !important;
}
.Custom_Summernote .Referral_Summernote .note-editor.note-frame,
.Custom_Summernote .Referral_Summernote .note-editor.note-airframe {
  border: none;
}
.Custom_Summernote .Referral_Summernote .note-editor.note-frame .note-statusbar .note-resizebar, .Custom_Summernote .Referral_Summernote .note-editor.note-airframe .note-statusbar .note-resizebar {
  display: none;
}

.Form {
  width: 100%;
  margin-top: 3.125em;
}
.Form__Label {
  color: #BD9F71;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0.5em;
  text-transform: capitalize;
}
.Form__Label button {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  outline: none;
}
.Form__Field {
  margin-top: 0.3125em;
  position: relative;
}
.Form__Field--SelectAndInput {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Form__Field--SelectAndInput select + span.select2 {
  max-width: 108px;
  margin-right: 0.875em;
  width: 100% !important;
}
.Form__Field--Number {
  position: relative;
}
.Form__Field--FullWidth {
  width: 100%;
}
.Form__Field--HalfWidth {
  width: 50%;
}
.Form__PasswordSection {
  position: relative;
}
.Form__PasswordSection svg {
  position: absolute;
  right: 0.75em;
  top: 0.625em;
}
.Form__PasswordSection svg:nth-child(2) {
  display: none;
}
.Form__Calendar--Icon {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.Form__ErrorLabel {
  width: auto;
  color: #FF0000;
  display: block !important;
  margin-top: 5px;
  min-height: 15px;
  text-align: right;
  text-transform: lowercase;
}
.Form__ErrorLabel:first-letter {
  text-transform: capitalize;
}
.Form__SubmitSection {
  margin-top: 1.5625em;
}
.Form__Remove {
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  cursor: pointer;
}
.Form__Remove a svg {
  width: 0.75em;
  height: 0.75em;
}
.Form__Remove a svg path {
  fill: #BD9F71;
}
.Form__Error--Block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Form__FileUpload--DigitalSignature .Form__Label {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.Form__FileUpload--DigitalSignature, .Form__FileUpload--MembershipPlanInvoice {
  width: 100%;
}
.Form__FileUpload--DigitalSignature .Default__Card, .Form__FileUpload--MembershipPlanInvoice .Default__Card {
  margin-top: 1.25em;
  padding: 1.5625em;
  margin-bottom: 0;
  border: 1px solid #BD9F71;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 0.375em;
  height: 6.875em;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.Form__FileUpload--DigitalSignature label.Form__ErrorLabel, .Form__FileUpload--MembershipPlanInvoice label.Form__ErrorLabel {
  font-size: 0.8125em;
  color: #FF0000;
  font-weight: 500;
}
.Form__FileUpload--DigitalSignature input[type=file].Form__FileUpload--Input, .Form__FileUpload--MembershipPlanInvoice input[type=file].Form__FileUpload--Input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  opacity: 0;
  width: 90px;
  margin: auto;
}
.Form__FileUpload__MembershipPlanInvoice--Container[data-file-target=browseButton] {
  margin: auto;
  text-align: center;
}
.Form__FileUpload--Container {
  position: relative;
}
.Form__FileUpload--Container[data-file-target=browseButton] {
  margin: auto;
  max-width: 120px;
}
.Form__FileUpload--Container[data-file-target=replaceButton] label, .Form__FileUpload--Container[data-file-target=replaceButton] + input.Form__Input {
  margin-left: 0;
}
.Form__FileUpload--BrowseButton {
  position: relative;
  width: 100%;
}
.Form__FileUpload--Label {
  height: 40px;
  width: 100%;
  max-width: 90px;
  margin: auto;
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
}
.Form__FileUpload--Message {
  margin-top: 0.75em;
  font-size: 0.875em;
  font-weight: 300;
  color: #FFFFFF;
}
.Form__FileUpload--Details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  max-width: 210px;
  min-width: 210px;
  height: 60px;
  border: 1px solid #FFFFFF;
  border-radius: 0.5em;
  padding: 0.875em;
  margin-right: 1.25em;
}
.Form__FileUpload--Type {
  width: 100%;
  min-width: 22px;
  max-width: 22px;
  margin-right: 0.25em;
  overflow: hidden;
}
.Form__FileUpload--Name {
  color: #FFFFFF;
  width: 80%;
  font-size: 0.875em;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Form__FileUpload--Size {
  width: 100%;
  font-size: 0.8125em;
  font-weight: 400;
  color: #929292;
  margin-top: 4px;
}
.Form input[type=file].Form__FileUpload--Input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  opacity: 0;
  width: 90px;
  margin: auto;
}
.Form__TwoErrors {
  display: flex;
  justify-content: space-between;
  gap: 0.625em;
}

.Default__Card {
  border-radius: 0.625em;
  border: 1px solid #FFFFFF;
  background: transparent;
  margin-bottom: 1.5625em;
}
.Default__Card:last-child {
  margin-bottom: 0;
}
.Default__Card--Heading label button svg {
  margin-left: 3px;
}
.Default__Card--Heading h3 {
  font-size: 1.125em;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 1.25em;
}
.Default__Card--Heading h3 .icon {
  color: #FFFFFF;
}
.Default__Card--Heading h3 .help-text {
  font-size: 1.125em;
  color: #FFFFFF;
}
.Default__Card--Subheading p {
  color: #BD9F71;
  margin-bottom: 1.25em;
}
.Default__Card--Text {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
}
.Default__Card--IconWithText {
  width: 100%;
  margin-bottom: 1.25em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Default__Card--IconWithText:last-child {
  margin-bottom: 0;
}
.Default__Card--Icon svg {
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin-right: 0.625em;
}
.Default__Card--Icon__Text {
  font-size: 1em;
  font-weight: 400;
  color: #BD9F71;
  line-height: 1.3125em;
  margin-right: 0.625em;
}
.Default__Card--ImageWithName, .Default__Card--InitialsWithName, .Default__Card--ImageWithName a {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1.25em;
  margin-right: 0;
  width: 48%;
  position: relative;
}
.Default__Card--ImageWithName:nth-child(2n), .Default__Card--InitialsWithName:nth-child(2n), .Default__Card--ImageWithName a:nth-child(2n) {
  margin-right: 0;
}
.Default__Card--Image {
  min-width: 45px;
  max-height: 45px;
  overflow: hidden;
  border-radius: 3.125em;
  background: linear-gradient(to top, #BD9F71, #11141D);
  margin-right: 0.75em;
}
.Default__Card--Name {
  font-size: 1em;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.25em;
  margin-left: 0.8125em;
}
.Default__Card--InitialsWithName {
  margin-top: 1.5625em;
  width: 100%;
}
.Default__Card--Initials, .Default__Card--ProfileImg-Small {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  min-height: 45px;
  max-width: 45px;
  max-height: 45px;
  overflow: hidden;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 1.125em;
  border-radius: 3.125em;
  background: #BD9F71;
}
.Default__Card--InitialsName {
  margin-left: 1.25em;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 1.25em;
}
.Default__Card--Initials-Large, .Default__Card--ProfileImg-Large {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
  overflow: hidden;
  background: linear-gradient(124.71deg, rgba(189, 159, 113, 0.18) 0%, #BD9F71 88.41%);
  font-size: 2em;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 3.125em;
}
.Default__Card--ProfileImg-Small, .Default__Card--ProfileImg-Large {
  width: 100%;
  border: none;
  position: relative;
  display: inline-block;
}
.Default__Card--ProfileImg-Small img, .Default__Card--ProfileImg-Large img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.Default__Card--BorderBottom {
  border-bottom: 0.03125em solid #FFFFFF;
}
.Default__Card--BorderTop {
  border-top: 0.03125em solid #FFFFFF;
}
.Default__Card--Buttons {
  padding-top: 1.25em;
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 0.9375em;
}
.Default__Card--Buttons a:first-child, .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child {
  width: auto;
}
.Default__Card--Buttons .DefaultButton__H50, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons a.Default__OutlinedButton__H50:last-child {
  width: auto;
}
.Default__Card--Buttons a:last-child, .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons a.Default__OutlinedButton__H50, .Default__Card--Buttons a.Default__OutlinedButton__H50:last-child {
  width: auto;
}
.Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child {
  width: auto;
  padding: 0.75em 0.75em;
  font-size: 1.125em;
  margin-right: 0.625em;
  font-weight: 400;
}
.Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons a.Default__OutlinedButton__H50:last-child {
  width: auto;
  padding: 0.75em 0.75em;
  font-size: 1.125em;
  font-weight: 400;
}
.Default__Card--Buttons .Default__OutlinedButton[disabled], .Default__Card--Buttons [disabled].Default__OutlinedButton__H30, .Default__Card--Buttons [disabled].Default__OutlinedButton__H50, .Default__Card--Buttons a[disabled]:last-child, .Default__Card--Buttons .DefaultButton[disabled], .Default__Card--Buttons [disabled].DefaultButton__H30, .Default__Card--Buttons [disabled].DefaultButton__H50, .Default__Card--Buttons a[disabled]:first-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a[disabled].DefaultButton__H50:last-child {
  background-color: #BABABA !important;
  border-color: #BABABA !important;
  color: #FFFFFF !important;
  opacity: 0.8;
  cursor: no-drop;
}
.Default__Card--Label-Value {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Default__Card--Label {
  color: #BD9F71;
  font-size: 1em;
  font-weight: 400;
  line-height: 20px;
}
.Default__Card--ErrorLabel {
  color: #FF0000;
  font-size: 1em;
  font-weight: 400;
  line-height: 20px;
}
.Default__Card--Value {
  color: #FFFFFF;
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 20px;
}
.Default__Card--SuccessValue, .Default__Card--SuccessValue h3 {
  color: #00A700;
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 20px;
}
.Default__Card--ErrorValue, .Default__Card--ErrorValue h3 {
  color: #FF0000;
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 20px;
}
.Default__Card--Availability {
  width: 100%;
  margin-top: 2.5em;
}
.Default__Card--BlackCard {
  width: 100%;
  padding: 1.5625em 1.5625em 0.75em;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #11141D;
  border-radius: 0.375em;
  margin-top: 1.5625em;
  position: relative;
}
.Default__Card--BlackCard:first-child {
  margin-top: 0;
}
.Default__Card--Deactivate {
  border-color: #848484;
  background: rgba(250, 250, 250, 0.1);
}
.Default__Card--Deactivate .Default__Card--Label {
  color: rgba(189, 159, 113, 0.8);
}
.Default__Card--Deactivate .Default__Card--Value, .Default__Card--Deactivate .Default__Card--Initials, .Default__Card--Deactivate .Default__Card--InitialsName {
  color: rgba(255, 255, 255, 0.8);
}
.Default__Card--Deactivate .Default__Card--BorderTop {
  border-color: rgba(255, 255, 255, 0.8);
}
.Default__Card--Deactivate .Default__Card {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(17, 20, 29, 0.8);
}
.Default__Card--Deactivate .Default__Card--Heading h3 {
  color: rgba(255, 255, 255, 0.5);
}
.Default__Card--Deactivate .Default__Card--Heading .help-text {
  color: rgba(255, 255, 255, 0.5);
}
.Default__Card--Deactivate .Default__Card--Icon svg {
  opacity: 0.5;
}
.Default__Card--Deactivate .Default__Card--Icon__Text .Default__Card--Pills span {
  color: rgba(255, 255, 255, 0.5);
}
.Default__Card--Deactivate .Default__Card--Subheading p {
  color: rgba(189, 159, 113, 0.8);
}
.Default__Card--Deactivate .Clinics__Card--DoctorName p {
  color: rgba(255, 255, 255, 0.8);
}
.Default__Card--Deactivate .Default__Card table thead th {
  color: rgba(255, 255, 255, 0.8);
}
.Default__Card--Deactivate .Default__Card table tbody tr td.Days {
  color: rgba(189, 159, 113, 0.8);
}
.Default__Card--Deactivate .Default__Card table tbody tr td {
  color: rgba(255, 255, 255, 0.8) !important;
}
.Default__Card--Deactivate .Default__Card--NoData h4 {
  color: rgba(255, 255, 255, 0.7);
}
.Default__Card--Deactivate .Default__Card--Text {
  color: rgba(255, 255, 255, 0.5);
}
.Default__Card--Deactivate .Hd__Doctor--Profile--Id {
  opacity: 0.5;
}
.Default__Card--Deactivate .Default__Card--BlackCard, .Default__Card--Deactivate .Pill__MultiSelect2 .Pill__Clinic span {
  opacity: 0.6;
}
.Default__Card--NoData {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 80px);
}
.Default__Card--NoData h4 {
  color: #FFFFFF;
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0;
}
.Default__Card--QualificationEdit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.Default__Card--QualificationEdit .Form__Field {
  width: 50%;
  padding-right: 1.625em;
}
.Default__Card--QualificationEdit .Form__Field:nth-child(2n) {
  padding-right: 0;
}
.Default__Card--QualificationEdit .Default__Card--Heading h3 {
  margin-bottom: 0;
}
.Default__Card .SignUp__Qualification--AddBtn {
  margin-left: auto;
}
.Default__Card hr {
  border-bottom: 0.5px solid #FFFFFF;
  width: 100%;
}
.Default__Card .Cards__NoData--Available {
  padding-bottom: 0;
}

.Cards__NoData--Available {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: calc(100% - 80px);
  gap: 0.625em;
  padding-bottom: 1.875em;
}
.Cards__NoData--Available .Default__Card--Value {
  font-size: 1.125em;
  font-weight: 500;
}

.modal-backdrop.show {
  background-color: rgba(57, 56, 56, 0.8);
  opacity: 0.8;
}
.modal-dialog {
  max-width: 39em;
}
.modal-content {
  background-color: #11141D;
  border: 1px solid #11141D;
  color: #FFFFFF;
  border-radius: 0.9375em;
  padding: 1.875em;
}
.modal-header {
  background-color: transparent;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
  padding: 0;
  padding-bottom: 1.25em;
}
.modal-header h3 {
  font-size: 1.25em;
  font-weight: 700;
  color: #FFFFFF;
  border-bottom: 0.5px solid;
  border: none;
}
.modal-close-btn {
  background-color: transparent;
  border: 0;
  outline: none;
}
.modal-close-btn svg path {
  fill: #B2B2B2;
}
.modal-body {
  background-color: transparent;
  padding: 0;
}
.modal-footer {
  border: none;
  padding: 0;
  margin-top: 1.25em;
  display: flex;
}
.modal-footer .DefaultButton, .modal-footer .DefaultButton__H30, .modal-footer .DefaultButton__H50, .modal-footer .Default__Card--Buttons a:first-child, .Default__Card--Buttons .modal-footer a:first-child, .modal-footer .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons .modal-footer a.DefaultButton, .modal-footer .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons .modal-footer a.DefaultButton__H30, .modal-footer .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .modal-footer a.DefaultButton__H50, .modal-footer .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .modal-footer a.DefaultButton__H50:last-child, .modal-footer .Default__OutlinedButton, .modal-footer .Default__OutlinedButton__H30, .modal-footer .Default__OutlinedButton__H50, .modal-footer .Default__Card--Buttons a:last-child, .Default__Card--Buttons .modal-footer a:last-child, .modal-footer .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons .modal-footer a.Default__OutlinedButton, .modal-footer .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons .modal-footer a.Default__OutlinedButton__H30, .modal-footer .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons .modal-footer .Default__OutlinedButton__H50 {
  width: auto;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  font-size: 16px;
  margin: 0;
  margin-left: 1.25em;
}

.Confirmation__Modal .modal-dialog {
  max-width: 31.25em;
}
.Confirmation__Modal .modal-header {
  align-items: flex-start;
  border-bottom: 0;
  padding-bottom: 1.875em;
}
.Confirmation__Modal .modal-header svg {
  margin: auto;
}
.Confirmation__Modal .modal-body p {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin-bottom: 1.25em;
}
.Confirmation__Modal .modal-body span {
  font-size: 0.875em;
  font-weight: 300;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 1.5em;
}
.Confirmation__Modal .modal-footer {
  justify-content: center;
}

.Invite__Modal--Body {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1.25em;
}
.Invite__Modal--Body .Form__Field {
  width: 50%;
  margin-top: 0.3125em;
  margin-bottom: 0.3125em;
  padding-right: 0.78125em;
}
.Invite__Modal--Body .Form__Field:nth-child(2), .Invite__Modal--Body .Form__Field:last-child {
  padding-right: 0;
  padding-left: 0.78125em;
}
.Invite__Modal--Body > .Form__Field:nth-child(n+3):nth-last-child(-n+5) {
  width: 100%;
  padding: 0;
}
.Invite__Modal--Footer {
  gap: 1.25em;
  margin-top: 0.625em;
}
.Invite__Modal--Footer .DefaultButton, .Invite__Modal--Footer .DefaultButton__H30, .Invite__Modal--Footer .DefaultButton__H50, .Invite__Modal--Footer .Default__Card--Buttons a:first-child, .Default__Card--Buttons .Invite__Modal--Footer a:first-child, .Invite__Modal--Footer .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons .Invite__Modal--Footer a.DefaultButton, .Invite__Modal--Footer .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons .Invite__Modal--Footer a.DefaultButton__H30, .Invite__Modal--Footer .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .Invite__Modal--Footer a.DefaultButton__H50, .Invite__Modal--Footer .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Invite__Modal--Footer a.DefaultButton__H50:last-child, .Invite__Modal--Footer .Default__OutlinedButton, .Invite__Modal--Footer .Default__OutlinedButton__H30, .Invite__Modal--Footer .Default__OutlinedButton__H50, .Invite__Modal--Footer .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Invite__Modal--Footer a:last-child, .Invite__Modal--Footer .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons .Invite__Modal--Footer a.Default__OutlinedButton, .Invite__Modal--Footer .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons .Invite__Modal--Footer a.Default__OutlinedButton__H30, .Invite__Modal--Footer .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons .Invite__Modal--Footer .Default__OutlinedButton__H50 {
  margin: 0;
}

.MembershipPlan__Modal--Body {
  margin-top: 1.25em;
}
.MembershipPlan__Modal--Body .Form__Field.d-flex {
  gap: 0.78125em;
}
.MembershipPlan__Modal--Body .Form__Field.d-flex > .Form__Field {
  flex: 1;
}
.MembershipPlan__Modal--Body .overlap-error {
  text-align: left;
  margin-top: -0.375em;
  margin-bottom: 0.75em;
}

.Pill__Deactivate, .Pill__Cancelled {
  width: auto;
  text-align: right;
}
.Pill__Deactivate span, .Pill__Cancelled span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: rgba(255, 0, 0, 0.2);
  border-color: #FF0000;
  color: #FF0000;
  font-weight: 600;
  padding: 2px 10px;
  text-transform: capitalize;
  line-height: 21px;
}
.Pill__Active {
  width: auto;
  text-align: right;
}
.Pill__Active span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: rgba(0, 167, 0, 0.2);
  border-color: #00A700;
  color: #00A700;
  font-weight: 600;
  padding: 2px 10px;
  text-transform: capitalize;
  line-height: 21px;
}
.Pill__Ongoing, .Pill__Invited {
  width: auto;
  text-align: right;
}
.Pill__Ongoing span, .Pill__Invited span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: rgba(255, 151, 0, 0.1);
  border-color: #FF9700;
  color: #FF9700;
  font-weight: 600;
  padding: 2px 10px;
  text-transform: capitalize;
  line-height: 21px;
}
.Pill__Invited {
  width: 40%;
  text-align: left;
}
.Pill__Completed {
  width: auto;
  text-align: right;
}
.Pill__Completed span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: rgba(0, 167, 0, 0.1);
  border-color: #00A700;
  color: #00A700;
  font-weight: 600;
  padding: 2px 10px;
  text-transform: capitalize;
  line-height: 21px;
}
.Pill__Upcoming {
  width: auto;
  text-align: right;
}
.Pill__Upcoming span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: rgba(100, 166, 226, 0.1);
  border-color: #64A6E2;
  color: #64A6E2;
  font-weight: 600;
  padding: 2px 10px;
  text-transform: capitalize;
  line-height: 21px;
}
.Pill__Clinic {
  width: auto;
  text-align: center;
}
.Pill__Clinic span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: rgba(189, 159, 113, 0.4);
  border: 1px solid #BD9F71;
  color: #FFFFFF;
  font-weight: 400;
  padding: 0.3125em 0.625em;
  text-transform: capitalize;
  line-height: 1.125em;
  letter-spacing: -0.17px;
  min-height: 1.875em;
}
.Pill__MultiSelect2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.Pill__MultiSelect2 .Pill__Clinic {
  margin-right: 0.625em;
  margin-bottom: 0.625em;
}
.Pill__MultiSelect2 .Pill__Clinic span {
  background-color: rgba(189, 159, 113, 0.97);
  font-weight: 300;
  padding: 0.4375em 0.625em;
  text-transform: capitalize;
}
.Pill__MultiSelect2 .Pill__Clinic img {
  max-width: 8px;
  margin-left: 0.3125em;
  cursor: pointer;
}
.Pill__InBlack {
  width: auto;
}
.Pill__InBlack label {
  color: #BD9F71;
  font-size: 16px;
  font-weight: 300;
  margin-right: 0.625em;
}
.Pill__InBlack span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  font-weight: 500;
  padding: 8px 15px;
  text-transform: capitalize;
  line-height: 16px;
  min-width: 62px;
  width: auto;
  text-align: left;
}
.Pill__InBlack--XS {
  width: auto;
}
.Pill__InBlack--XS label {
  color: #BD9F71;
  font-size: 16px;
  font-weight: 300;
  margin-right: 0.625em;
}
.Pill__InBlack--XS span {
  border-radius: 30px;
  font-size: 12px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #BD9F71;
  font-size: 0.75em;
  font-weight: 400;
  padding: 6px 8px;
  text-transform: capitalize;
  line-height: 1;
  width: auto;
  height: 21px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Pill__ActiveTabPill {
  width: auto;
}
.Pill__ActiveTabPill label {
  color: #BD9F71;
  font-size: 16px;
  font-weight: 300;
  margin-right: 0.625em;
}
.Pill__ActiveTabPill span {
  border-radius: 30px;
  font-size: 0.875em;
  display: inline-block;
  background-color: #BD9F71;
  border-color: #BD9F71;
  color: #FFFFFF;
  font-weight: 400;
  padding: 10px 12px;
  text-transform: capitalize;
  line-height: 12px;
}

.Default__Nav--Tabs .nav.nav-underline {
  gap: 0;
  margin-bottom: 2.5em;
}
.Default__Nav--Tabs .nav.nav-underline li {
  position: relative;
  padding-left: 2.0625em;
  padding-right: 2.0625em;
  overflow: hidden;
}
.Default__Nav--Tabs .nav.nav-underline li:first-child {
  padding-left: 0;
  padding-right: 2.0625em;
}
.Default__Nav--Tabs .nav.nav-underline li:last-child {
  padding-right: 0;
  padding-left: 2.25em;
}
.Default__Nav--Tabs .nav.nav-underline li:first-child::before {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
.Default__Nav--Tabs .nav.nav-underline li:last-child::before {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.Default__Nav--Tabs .nav.nav-underline li::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #FFFFFF;
  background: #FFFFFF;
}
.Default__Nav--Tabs .nav.nav-underline li a {
  padding-left: 0.625em;
  padding-right: 0.625em;
  padding-top: 0.625em;
  padding-bottom: 1.25em;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 500;
  border: 0;
}
.Default__Nav--Tabs .nav.nav-underline li a::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #FFFFFF;
  border-radius: 5px;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}
.Default__Nav--Tabs .nav.nav-underline li a.nav-link.active {
  color: #BD9F71;
  font-weight: 500;
  border: 0;
}
.Default__Nav--Tabs .nav.nav-underline li a.nav-link.active::before {
  width: 100%;
  background: #BD9F71;
}

.Default__Pills--Tabs {
  width: 100%;
}
.Default__Pills--Tabs .nav.nav-underline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  border: 1px solid #FFFFFF;
  max-width: 30em;
  margin: auto;
  padding: 0.75em 1.25em;
  border-radius: 6.25em;
}
.Default__Pills--Tabs .nav.nav-underline li {
  width: 100%;
  text-align: center;
}
.Default__Pills--Tabs .nav.nav-underline li a {
  color: #FFFFFF;
  border: 1px solid #191D29;
  border-radius: 6.25em;
  font-size: 1em;
  font-weight: 600;
  background-color: #191D29;
  padding: 0.75em;
}
.Default__Pills--Tabs .nav.nav-underline li a.active {
  background-color: #BD9F71;
  border-color: #BD9F71;
  font-weight: 700;
}

.Default__Dropdown .dropdown-menu {
  background-color: #11141D;
  border-radius: 6px;
  box-shadow: 0 1.75px 17.5px 0 #11141D;
  border: 0;
  min-width: 200px;
  max-width: 200px;
  text-align: center;
  padding: 0.625em 0.75em;
  left: -0.9375em !important;
  overflow: hidden;
}
.Default__Dropdown .dropdown-menu li {
  margin-bottom: 0.5em;
}
.Default__Dropdown .dropdown-menu li a {
  font-size: 13px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 14.5px;
  padding: 0.5em 0;
  text-align: center;
  background-color: transparent;
  border-radius: 0.125em;
  transition: all 0.3s;
}
.Default__Dropdown .dropdown-menu li a:hover {
  background-color: #191D29;
}
.Default__Dropdown .dropdown-menu li a[disabled], .Default__Dropdown .dropdown-menu li a.disabled {
  color: #848484 !important;
  cursor: no-drop;
}
.Default__Dropdown .Default__OutlinedButton, .Default__Dropdown .Default__OutlinedButton__H30, .Default__Dropdown .Default__OutlinedButton__H50, .Default__Dropdown .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Default__Dropdown a:last-child, .Default__Dropdown .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons .Default__Dropdown a.Default__OutlinedButton, .Default__Dropdown .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons .Default__Dropdown a.Default__OutlinedButton__H30, .Default__Dropdown .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons .Default__Dropdown .Default__OutlinedButton__H50, .Default__Dropdown .DefaultButton, .Default__Dropdown .DefaultButton__H30, .Default__Dropdown .DefaultButton__H50, .Default__Dropdown .Default__Card--Buttons a:first-child, .Default__Card--Buttons .Default__Dropdown a:first-child, .Default__Dropdown .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons .Default__Dropdown a.DefaultButton, .Default__Dropdown .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons .Default__Dropdown a.DefaultButton__H30, .Default__Dropdown .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .Default__Dropdown a.DefaultButton__H50, .Default__Dropdown .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Default__Dropdown a.DefaultButton__H50:last-child {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625em;
}
.Default__Dropdown .Default__OutlinedButton svg, .Default__Dropdown .Default__OutlinedButton__H30 svg, .Default__Dropdown .Default__OutlinedButton__H50 svg, .Default__Dropdown .Default__Card--Buttons a:last-child svg, .Default__Card--Buttons .Default__Dropdown a:last-child svg, .Default__Dropdown .DefaultButton svg, .Default__Dropdown .DefaultButton__H30 svg, .Default__Dropdown .DefaultButton__H50 svg, .Default__Dropdown .Default__Card--Buttons a:first-child svg, .Default__Card--Buttons .Default__Dropdown a:first-child svg, .Default__Dropdown .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child svg, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Default__Dropdown a.DefaultButton__H50:last-child svg {
  margin-top: 0.125em;
}
.Default__Dropdown .Default__OutlinedButton:hover svg path, .Default__Dropdown .Default__OutlinedButton__H30:hover svg path, .Default__Dropdown .Default__OutlinedButton__H50:hover svg path, .Default__Dropdown .Default__Card--Buttons a:hover:last-child svg path, .Default__Card--Buttons .Default__Dropdown a:hover:last-child svg path, .Default__Dropdown .DefaultButton:hover svg path, .Default__Dropdown .DefaultButton__H30:hover svg path, .Default__Dropdown .DefaultButton__H50:hover svg path, .Default__Dropdown .Default__Card--Buttons a:hover:first-child svg path, .Default__Card--Buttons .Default__Dropdown a:hover:first-child svg path, .Default__Dropdown .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:hover:last-child svg path, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Default__Dropdown a.DefaultButton__H50:hover:last-child svg path {
  fill: #FFFFFF;
}
.Default__Dropdown .DefaultButton svg path, .Default__Dropdown .DefaultButton__H30 svg path, .Default__Dropdown .DefaultButton__H50 svg path, .Default__Dropdown .Default__Card--Buttons a:first-child svg path, .Default__Card--Buttons .Default__Dropdown a:first-child svg path, .Default__Dropdown .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child svg path, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Default__Dropdown a.DefaultButton__H50:last-child svg path {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.Default__Dropdown .DefaultButton:hover svg path, .Default__Dropdown .DefaultButton__H30:hover svg path, .Default__Dropdown .DefaultButton__H50:hover svg path, .Default__Dropdown .Default__Card--Buttons a:hover:first-child svg path, .Default__Card--Buttons .Default__Dropdown a:hover:first-child svg path, .Default__Dropdown .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:hover:last-child svg path, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Default__Dropdown a.DefaultButton__H50:hover:last-child svg path {
  fill: #BD9F71;
  stroke: #BD9F71;
}
.Default__Dropdown .dropdown-toggle::after {
  display: none;
}

.Flash {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  top: 1.25em;
  right: 1.25em;
  z-index: 10;
  gap: 10px;
  max-width: 100%;
  width: max-content;
}
.Flash__Message {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #191D29;
  position: relative;
  padding: 0 1.875em 0 0.9375em;
  animation: appear-then-fade 5s both;
  border-radius: 1em;
  text-align: center;
  height: auto;
  min-height: 4.6875em;
  min-width: 15.625em;
  max-width: 28.125em;
}
.Flash__Message--Success {
  color: #4CD964;
  border: 2px solid #4CD964;
}
.Flash__Message--Error {
  color: #FF0000;
  border: 2px solid #FF0000;
}
.Flash__Message h4 {
  font-size: 1em;
  font-weight: 700;
  line-height: 18px;
}
.Flash__Message button.close {
  position: absolute;
  top: 0.625em;
  right: 0.9375em;
  background: transparent;
  outline: none;
  border: 0;
  cursor: pointer;
}
.Flash__Message button.close svg {
  width: 8px;
  height: 8px;
}

.Default__Search--Box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.Default__Search--Box-Text {
  border: 1px solid transparent;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 1.125em;
  font-weight: 400;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  height: 3.125em;
  width: 120px;
  padding: 0 16px 0 40px;
  min-width: 0;
  z-index: 1;
  position: relative;
  line-height: 18px;
  margin: 0;
  -webkit-appearance: none;
  transition: all 0.3s ease;
}
.Default__Search--Box-Text::placeholder {
  color: #BABABA;
  opacity: 1;
  transition: opacity 0.15s ease;
}
.Default__Search--Box-Text:focus::placeholder {
  opacity: 0;
}
.Default__Search--Box-Text:focus-visible {
  outline: none;
  border: 1px solid transparent;
  box-shadow: none;
}
.Default__Search--Box-Text::-ms-reveal, .Default__Search--Box-Text::-ms-clear {
  display: none;
}
.Default__Search--Box-Text::-webkit-credentials-auto-fill-button {
  display: none;
}
.Default__Search--Box-Text:target {
  box-shadow: none;
}
.Default__Search--Box-Text:-internal-autofill-selected {
  background-color: transparent !important;
  color: #FFFFFF !important;
  appearance: none;
}
.Default__Search--Box-Text:not(:placeholder-shown), .Default__Search--Box-Text:focus {
  width: 200px;
  cursor: text;
  border-color: white;
}
.Default__Search--Box-Icon {
  position: absolute;
  height: auto;
  width: auto;
  left: 16px;
}
.Default__Search--Box-Icon svg {
  width: 18px;
  height: 18px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Default__Search--Box-Text {
    height: 35px;
  }
}
.Default__Datatable {
  width: 100%;
}
.Default__Datatable .dataTables_wrapper {
  padding: 0;
  margin: 0;
  background: #191D29;
}
.Default__Datatable table {
  border-spacing: 0 10px;
}
.Default__Datatable table thead {
  background-color: rgba(189, 159, 113, 0.5);
  border-radius: 0.75em;
  height: 64px;
}
.Default__Datatable table thead th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.Default__Datatable table thead th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.Default__Datatable table thead th {
  font-weight: 500;
  font-size: 0.875em;
  color: #FFFFFF;
  white-space: nowrap;
  line-height: 18px;
}
.Default__Datatable table tbody tr {
  background-color: transparent;
  transition: all ease-in 0.3s;
}
.Default__Datatable table tbody tr:hover {
  background-color: rgba(17, 20, 29, 0.4);
}
.Default__Datatable table tbody tr.odd {
  background-color: transparent;
}
.Default__Datatable table tbody tr.even {
  background-color: #11141D;
}
.Default__Datatable table tbody tr td {
  font-size: 0.875em;
  color: #FFFFFF;
  line-height: 1.5;
  word-break: break-word;
  padding-left: 1.25em !important;
}
.Default__Datatable table tbody tr td strong, .Default__Datatable table tbody tr td span {
  display: block;
}
.Default__Datatable table tbody tr.DataTable__Row--Deactivated {
  background: rgba(255, 255, 255, 0.1) !important;
  cursor: no-drop;
}
.Default__Datatable table tbody tr.DataTable__Row--Deactivated td {
  color: #848484 !important;
}
.Default__Datatable--MoreCounts {
  color: #BD9F71;
  font-weight: 700;
}
.Default__Datatable--Email {
  min-width: 200px;
  max-width: 200px;
}
.Default__Datatable table.dataTable thead .sorting {
  padding-right: 18px !important;
}

@media (max-width: 1200px) {
  .Default__Datatable table tbody tr td {
    word-break: normal;
  }
  .dataTables_wrapper {
    overflow-x: auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .dataTable .user-info {
    flex-direction: column;
    justify-content: center;
    gap: 0.9375em;
  }
  .dataTable .user-icon {
    margin-right: 0;
  }
  .Default__Datatable table tbody tr td strong,
  .Default__Datatable table tbody tr td span {
    text-align: center;
  }
  table.dataTable tbody tr.even td {
    padding: 10px 10px !important;
  }
  .dataTables_wrapper {
    overflow-x: auto;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .dataTables_wrapper .dataTables_paginate {
    margin-bottom: 10px;
  }
}
.datepicker {
  background-color: #11141D;
  border-radius: 10px;
  border: 1px solid #BD9F71;
}
.datepicker-dropdown:before {
  border-bottom: 7px solid #BD9F71 !important;
  border-bottom-color: #BD9F71 !important;
}
.datepicker-dropdown:after {
  border-bottom: 6px solid #11141D !important;
}
.datepicker-dropdown.datepicker-orient-top:before {
  border-bottom: 0 !important;
  border-top: 6px solid #BD9F71 !important;
}
.datepicker-dropdown.datepicker-orient-top:after {
  border-bottom: 0 !important;
  border-top: 6px solid #11141D !important;
}
.datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 0.875em;
}
.datepicker .datepicker-switch, .datepicker table tr th {
  font-weight: 400;
}
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day:hover, .datepicker table tr td.focused, .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td span:hover, .datepicker table tr td span.focused {
  background-color: #BD9F71 !important;
  border-color: #BD9F71 !important;
}
.datepicker table tr td.old, .datepicker table tr td.new, .datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #848484 !important;
}

.ui-timepicker-container.ui-timepicker-standard {
  padding: 0;
  font-family: Inter;
  font-size: 0.75em;
  color: #FFFFFF;
  font-weight: 400;
  border: none;
  background: #11141D;
}
.ui-timepicker-container.ui-timepicker-standard .ui-widget.ui-widget-content {
  border-color: #191D29;
  background-color: #191D29;
}
.ui-timepicker-container.ui-timepicker-standard a {
  padding: 0.625em;
  color: #FFFFFF;
}
.ui-timepicker-container.ui-timepicker-standard a.ui-state-hover {
  background-color: #11141D;
  border-color: #11141D;
}
.ui-timepicker-container.ui-timepicker-standard a:focus {
  outline: none;
}

.tooltip-inner {
  background-color: #BD9F71;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: #BD9F71;
}

.pagination {
  justify-content: center;
  padding-bottom: 1.875em;
}
.pagination a, .pagination .current {
  padding: 0.875em 1.125em;
  font-size: 1.125em;
  font-weight: 700;
  border-radius: 0.75em;
  color: #B2B2B2 !important;
  border: 1px solid #11141D;
  border-color: transparent;
  background: #11141D !important;
  text-decoration: none;
  font-style: normal;
  margin-left: 8px;
}
.pagination .current {
  color: #BD9F71 !important;
}
.pagination .previous_page, .pagination .next_page {
  margin-left: 0;
  margin-right: 1em;
  border: 1px solid #11141D !important;
  background: #11141D !important;
  padding: 0.875em 1.125em;
  color: #BD9F71 !important;
  font-size: 1.125em;
  font-weight: 700;
  border-radius: 0.75em;
  border: 1px solid #11141D;
  border-color: transparent;
  background: #11141D !important;
  text-decoration: none;
}
.pagination .previous_page.disabled i, .pagination .next_page.disabled i {
  cursor: default;
  opacity: 1;
  color: #525252 !important;
}
.pagination .next_page {
  margin-right: 0;
  margin-left: 24px;
  color: #BD9F71 !important;
}
.pagination .fa-arrow-right:before {
  content: "\f054";
}
.pagination .fa-arrow-left:before {
  content: "\f053";
}

.Default__ProgressBar {
  height: 4px;
  background: #FFFFFF;
}
.Default__ProgressBar .progress-bar.bg-success {
  background-color: #4CD964 !important;
}
.Default__ProgressBar .progress-bar.bg-warning {
  background-color: #FFF178 !important;
}
.Default__ProgressBar .progress-bar.bg-success {
  background-color: #4CD964 !important;
}

.ToggleSwitch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 20px;
}
.ToggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ToggleSwitch__Slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ToggleSwitch__Slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ToggleSwitch input:checked + .ToggleSwitch__Slider {
  background-color: #BD9F71;
}
.ToggleSwitch input:checked + .ToggleSwitch__Slider:before {
  -webkit-transform: translateX(21px);
  -ms-transform: translateX(21px);
  transform: translateX(21px);
}
.ToggleSwitch__Round {
  border-radius: 2.125em;
}
.ToggleSwitch__Round::before {
  border-radius: 50%;
}

.SignIn, .ForgotPassword, .ChangePassword {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, rgb(234, 240, 248), rgb(234, 240, 248));
}
.SignIn__LeftColumn, .ForgotPassword__LeftColumn, .ChangePassword__LeftColumn {
  background-color: #11141D;
  height: 100%;
  min-height: 100vh;
  border-top-right-radius: 5em;
  border-bottom-right-radius: 5em;
  z-index: 1;
  padding: 1.875em;
}
.SignIn__LeftColumn, .SignIn__RightColumn, .ForgotPassword__LeftColumn, .ForgotPassword__RightColumn, .ChangePassword__LeftColumn, .ChangePassword__RightColumn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  position: relative;
}
.SignIn__RightColumn, .ForgotPassword__RightColumn, .ChangePassword__RightColumn {
  min-height: 100%;
  z-index: 0;
  margin-left: -4.375em;
}
.SignIn__RightColumn::after, .ForgotPassword__RightColumn::after, .ChangePassword__RightColumn::after {
  position: absolute;
  content: "";
  top: auto;
  left: 0;
  right: 0;
  bottom: auto;
  height: 36.5625em;
  min-height: 100vh;
  z-index: 1;
  background: url(https://harleydoc.poplify.com/assets/banner/banner.jpg) center/cover no-repeat, rgba(255, 255, 255, 0.5);
  background-position: top right;
}
.SignIn__Logo, .SignIn__Form, .ForgotPassword__Logo, .ForgotPassword__Form, .ChangePassword__Logo, .ChangePassword__Form {
  max-width: 400px;
  width: 100%;
}
.SignIn__Logo, .ForgotPassword__Logo, .ChangePassword__Logo {
  text-align: center;
}
.SignIn__Form, .ForgotPassword__Form, .ChangePassword__Form {
  margin-top: 3.125em;
}
.SignIn__Form--Links, .ForgotPassword__Form--Links, .ChangePassword__Form--Links {
  margin-top: 0em;
  text-align: right;
}
.SignIn__Form--Links a, .ForgotPassword__Form--Links a, .ChangePassword__Form--Links a {
  font-size: 1em;
  font-weight: 500;
  color: #BD9F71;
  border-bottom: 1.5px solid #BD9F71;
  text-decoration: none;
}
.SignIn__Logo img, .ForgotPassword__Logo img, .ChangePassword__Logo img {
  width: 100%;
}
.SignIn__Form--TextCenter, .ForgotPassword__Form--TextCenter, .ChangePassword__Form--TextCenter {
  text-align: center;
}
.SignIn__Form--TextCenter h1, .ForgotPassword__Form--TextCenter h1, .ChangePassword__Form--TextCenter h1 {
  color: #BD9F71;
  font-weight: 600;
  font-size: 3em;
}
.SignIn__Form--TextCenter p, .ForgotPassword__Form--TextCenter p, .ChangePassword__Form--TextCenter p {
  margin-top: 1.5625em;
  color: #FFFFFF;
}

.ForgotPassword__Form--TextCenter h1 {
  font-size: min(3em - 0.875em);
  text-transform: capitalize;
}
.ForgotPassword__Form--TextCenter p {
  line-height: 24px;
}
.ForgotPassword .Form__SubmitSection {
  margin-top: 0.9375em;
}
.ForgotPassword .ForgotPassword__Form--Links {
  margin-top: 1.25em;
}

.ChangePassword__Form--TextCenter h1 {
  font-size: min(3em - 0.875em);
}
.ChangePassword .ChangePassword__Form--Links {
  margin-top: 1.25em;
}

@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    font-size: 0.8125em;
  }
}
@media (max-width: 767px) {
  :root {
    font-size: 0.875em;
  }
  .SignIn__LeftColumn, .ForgotPassword__LeftColumn, .ChangePassword__LeftColumn {
    border-radius: 0;
  }
  .SignIn__RightColumn, .ForgotPassword__RightColumn, .ChangePassword__RightColumn {
    display: none;
  }
  .SignIn__Form--TextCenter, .ForgotPassword__Form--TextCenter, .ChangePassword__Form--TextCenter {
    font-size: 0.875em;
  }
  .SignIn .Form, .ForgotPassword .Form, .ChangePassword .Form {
    margin-top: 1.875em;
  }
}
.SignUp {
  background-color: #11141D;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SignUp .Form__Field {
  margin-top: 0.3125em;
}
.SignUp__Form {
  padding-top: 3.125em;
  max-width: 925px;
  width: 100%;
}
.SignUp__Form--Links {
  margin-top: 0.9375em;
  text-align: right;
}
.SignUp__Form--Links a {
  font-size: 16px;
  font-weight: 500;
  color: #BD9F71;
  border-bottom: 2px solid #BD9F71;
}
.SignUp__Form .Default__Card--Availability {
  padding: 1.5625em 1.5625em 0;
}
.SignUp__Logo img {
  width: 100%;
}
.SignUp__Form--TextCenter {
  text-align: center;
  width: 100%;
}
.SignUp__Form--TextCenter h1 {
  color: #BD9F71;
  font-weight: 600;
  font-size: 48px;
}
.SignUp__Form--TextCenter p {
  margin-top: 1.5625em;
  color: #FFFFFF;
}
.SignUp .Form {
  display: flex;
  flex-flow: row wrap;
}
.SignUp .Form__Field {
  width: 50%;
  padding-right: 25px;
  position: relative;
}
.SignUp .Form__Field:nth-child(odd) {
  padding-right: 0;
}
.SignUp .Form__SubmitSection {
  margin-top: 2.5em;
  margin-bottom: 3.75em;
  width: 100%;
}
.SignUp__Qualification {
  margin-top: 2.5em;
  width: 100%;
}
.SignUp__Qualification p {
  color: #FFFFFF;
  font-weight: 400;
}
.SignUp__Qualification--Box {
  margin-top: 1.25em;
  border: 1px solid #FFFFFF;
  width: 100%;
  border-radius: 1em;
  padding: 1.25em 1.5625em 0.625em;
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
.SignUp__Qualification--Box .Form__Field {
  width: 50%;
  padding-right: 1.5625em;
}
.SignUp__Qualification--Box .Form__Field:nth-child(odd) {
  padding-right: 1.5625em;
}
.SignUp__Qualification--Box .Form__Field:nth-child(even) {
  padding-right: 0;
}
.SignUp__Qualification--AddBtn {
  margin-top: 1.25em;
}
.SignUp__TermsOfService {
  margin-top: 1.25em;
  width: 100%;
}
.SignUp__TermsOfService .Default__Checkbox {
  padding-left: 2.8125em;
  display: inline-block;
}
.SignUp__TermsOfService .Default__Checkbox label {
  font-size: 1.25em;
  color: #FFFFFF;
  font-weight: 400;
  margin-top: 0.3125em;
  cursor: pointer;
}
.SignUp__TermsOfService .Default__Checkbox--Checkmark {
  width: 30px;
  height: 30px;
}
.SignUp--DigitalSignature {
  width: 100%;
}

.MyDashboard__Headings {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.MyDashboard__Stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: stretch;
  gap: 0.875em;
}
.MyDashboard__Stats .Default__Card {
  border: 1px solid rgba(189, 159, 113, 0.2);
  background-color: #191D29;
  padding: 1.25em 0.75em;
  width: 100%;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.24);
  grid-row-gap: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.MyDashboard__Stats .Default__Card:last-child {
  margin-bottom: 1.5625em;
}
.MyDashboard__Stats .Default__Card--Stats {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MyDashboard__Stats .Default__Card--Stats .Default__Days__Select2 .CustomSelect2 + .select2 .select2-selection {
  height: 18px;
  border-radius: 2px;
}
.MyDashboard__Stats .Default__Card--Stats .Default__Days__Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered {
  line-height: normal;
}
.MyDashboard__Stats .Default__Card--Stats .Default__Days__Select2 .CustomSelect2 + .select2-container--default .select2-selection__arrow {
  height: 18px;
  right: 2px;
}
.MyDashboard__Stats .Default__Card--Stats .Default__Days__Select2 .CustomSelect2 + .select2-container--default .select2-selection__rendered {
  padding-right: 1.875em;
}
.MyDashboard__Stats .Default__Card--Heading h3 {
  font-size: 1.375em;
  font-weight: 600;
  margin-bottom: 0;
  margin-right: 0.625em;
}
.MyDashboard__Stats .Default__Card--IconWithText {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MyDashboard__Stats .Default__Card--IconWithText .Default__Card--Text span {
  font-size: 0.875em;
  font-weight: 500;
  color: #848484;
}
.MyDashboard__Stats .Default__Card--Icon svg {
  margin-right: 0;
  min-width: 27px;
  max-width: 27px;
  min-height: 18px;
  max-height: 18px;
}
.MyDashboard__Stats .Default__Card--Icon svg path {
  fill: #BD9F71;
}
.MyDashboard__Details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 1.875em;
}
.MyDashboard__Details .Default__Card {
  padding: 1.875em 1.5625em;
  background-color: #191D29;
  display: flex;
  flex-direction: column;
  gap: 1.5625em;
}
.MyDashboard__Details .Default__Card--Heading h3 {
  margin-bottom: 0;
}
.MyDashboard__Details .Default__Card--ImageWithName {
  margin-bottom: 0;
  width: 100%;
}
.MyDashboard__Details .Default__Card--Image {
  min-width: 4.375em;
  max-width: 4.375em;
  min-height: 4.375em;
  max-height: 4.375em;
  border-radius: 6.25em;
  background: linear-gradient(220deg, #BD9F71, rgba(189, 159, 113, 0.28));
  width: 100%;
  border: none;
  padding: 0;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.MyDashboard__Details .Default__Card--Image img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.MyDashboard__Details .Default__Card--Name {
  gap: 1em;
  display: grid;
  width: 100%;
}
.MyDashboard__Details .Default__Card--Name:last-child {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  text-align: right;
}
.MyDashboard__Details .Default__Card--List {
  background-color: rgba(189, 159, 113, 0.1);
  padding: 0.75em 1.5625em;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-left: 4px solid #BD9F71;
}
.MyDashboard__Details .Default__Card--SmallText {
  display: block;
  font-size: 0.875em;
  line-height: 18px;
}
.MyDashboard__Details .Default__Card--SmallText span {
  color: #848484;
}
.MyDashboard__Appointments--List > .Default__Card, .MyDashboard__NextPatient--Details > .Default__Card, .MyDashboard__Tasks > .Default__Card, .MyDashboard__Biometrics > .Default__Card {
  min-height: 410px;
  max-height: 410px;
  overflow-y: auto;
  scrollbar-color: #191D29 #191D29;
  scrollbar-width: none;
}
.MyDashboard__Appointments--List, .MyDashboard__NextPatient--Details, .MyDashboard__Tasks, .MyDashboard__Biometrics {
  width: 48.5%;
}
.MyDashboard__Appointments--List .Default__Card--Initials-Large, .MyDashboard__NextPatient--Details .Default__Card--Initials-Large {
  min-width: 70px;
  min-height: 70px;
  max-width: 70px;
  max-height: 70px;
  font-size: 1.625em;
}
.MyDashboard__Appointments--List a, .MyDashboard__NextPatient--Details a {
  text-decoration: none;
}
.MyDashboard__NextPatient--Details hr {
  margin: 0;
}
.MyDashboard__NextPatient--Details .Pill__InBlack span {
  padding: 4px 12px;
}
.MyDashboard__NextPatient--Details .Default__Card--Details {
  display: grid;
  gap: 1.25em;
}
.MyDashboard__NextPatient--Details .Default__Card--ImageWithName {
  align-items: flex-start;
}
.MyDashboard__NextPatient--Details .Default__Card--Name.Default__Card--PatientDetails {
  justify-content: flex-start;
  text-align: left;
  gap: 0.875em;
  max-width: 200px;
  width: 100%;
  word-break: break-all;
}
.MyDashboard__NextPatient--Details .Default__Card--Name.Default__Card--PatientDetails p, .MyDashboard__NextPatient--Details .Default__Card--Name.Default__Card--PatientDetails .Default__Card--Label, .MyDashboard__NextPatient--Details .Default__Card--Name.Default__Card--PatientDetails .Default__Card--Icon__Text {
  font-size: 0.875em;
  line-height: 14px;
}
.MyDashboard__NextPatient--Details .Default__Card--Name.Default__Card--PatientDetails .Default__Card--Icon span {
  display: flex;
}
.MyDashboard__NextPatient--Details .Default__Card--Name.Default__Card--PatientDetails .Default__Card--Icon svg {
  min-width: 8px;
  max-width: 8px;
  min-height: 12px;
  max-height: 12px;
}
.MyDashboard__NextPatient--Details .Default__Card--Icon span {
  display: flex;
}
.MyDashboard__NextPatient--Details .Default__Card--Value {
  font-size: 0.875em;
  line-height: 18px;
}
.MyDashboard__NextPatient--Details .Default__Card--IconWithText {
  align-items: center;
}
.MyDashboard__NextPatient--Details .Default__Card--Icon__Text {
  font-size: 0.875em;
  line-height: 18px;
}
.MyDashboard__NextPatient--Details .Default__Card--Icon svg {
  min-width: 12px;
}
.MyDashboard__NextPatient--Details .Pill__InBlack label, .MyDashboard__NextPatient--Details .Default__Card--Label, .MyDashboard__NextPatient--Details .Patient__Profile--NumberofExistingConditons a {
  font-size: 0.875em;
  line-height: 18px;
}
.MyDashboard__NextPatient--Details .Default__Card--Type {
  gap: 0.875em;
  display: grid;
  width: 100%;
  text-align: right;
}
.MyDashboard__NextPatient--Details .Default__Card--MoreDetails {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  grid-column-gap: 1.5625em;
  grid-row-gap: 1.25em;
}
.MyDashboard__NextPatient--Details .Default__Card--MoreDetails .Default__Card--IconWithText {
  width: auto;
  margin-bottom: 0;
}
.MyDashboard__NextPatient--Details .Next__Patient--AssignedDoctor {
  display: flex;
  justify-content: flex-start;
  grid-column-gap: 1.5625em;
}
.MyDashboard__NextPatient--Details .Next__Patient--Allergies {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375em;
}
.MyDashboard__NextPatient--Details .Default__Card--Buttons {
  justify-content: flex-start;
  padding-top: 0;
}
.MyDashboard__Tasks .Default__Card, .MyDashboard__Biometrics .Default__Card {
  padding: 1.25em 1.875em;
}
.MyDashboard__Tasks .Default__Nav--Tabs .nav.nav-underline, .MyDashboard__Biometrics .Default__Nav--Tabs .nav.nav-underline {
  margin-bottom: 1.5625em;
  position: sticky;
  position: -webkit-sticky;
  top: -20px;
  background: #191D29;
  transition: all 0.3s;
}
.MyDashboard__Tasks .Default__Nav--Tabs .nav.nav-underline li, .MyDashboard__Biometrics .Default__Nav--Tabs .nav.nav-underline li {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.MyDashboard__Tasks .Default__Nav--Tabs .nav.nav-underline li:first-child, .MyDashboard__Biometrics .Default__Nav--Tabs .nav.nav-underline li:first-child {
  padding-right: 0.3125em;
}
.MyDashboard__Tasks .Default__Nav--Tabs .nav.nav-underline li:last-child, .MyDashboard__Biometrics .Default__Nav--Tabs .nav.nav-underline li:last-child {
  padding-left: 0.3125em;
}
.MyDashboard__Tasks .Default__Nav--Tabs .nav-underline li.nav-item a.nav-link, .MyDashboard__Biometrics .Default__Nav--Tabs .nav-underline li.nav-item a.nav-link {
  font-size: 0.75em;
  font-weight: 700;
}
.MyDashboard__Tasks .TaskAppointments .tab-pane, .MyDashboard__Biometrics .TaskAppointments .tab-pane {
  max-width: 100%;
  width: 100%;
}
.MyDashboard__Tasks .TaskAppointments .tab-content .Default__Card, .MyDashboard__Biometrics .TaskAppointments .tab-content .Default__Card {
  border: 1px solid rgba(189, 159, 113, 0.2);
  background: rgba(255, 255, 255, 0.05);
  padding: 0.9375em 1.25em;
  margin-bottom: 1.5625em;
  gap: 1em;
}
.MyDashboard__Tasks .TaskAppointments .tab-content .Default__Card:last-child, .MyDashboard__Biometrics .TaskAppointments .tab-content .Default__Card:last-child {
  margin-bottom: 0;
}
.MyDashboard__Tasks .TaskAppointments .Default__Card--Label-Value, .MyDashboard__Biometrics .TaskAppointments .Default__Card--Label-Value {
  gap: 0.3125em;
}
.MyDashboard__Tasks .TaskAppointments .Default__Card--Label, .MyDashboard__Tasks .TaskAppointments .Default__Card--Value, .MyDashboard__Biometrics .TaskAppointments .Default__Card--Label, .MyDashboard__Biometrics .TaskAppointments .Default__Card--Value {
  font-size: 0.75em;
}
.MyDashboard__Tasks .TaskAppointments .Default__Card--Value, .MyDashboard__Biometrics .TaskAppointments .Default__Card--Value {
  font-weight: 500;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--NameAndPriority, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--NameAndPriority {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--NameAndPriority .Default__Card--Label, .MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--NameAndPriority .Default__Card--Value, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--NameAndPriority .Default__Card--Label, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--NameAndPriority .Default__Card--Value {
  line-height: 1;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--Priority, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--Priority {
  display: flex;
  align-items: center;
  gap: 0.125em;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--Priority .Default__Card--Value span, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--Priority .Default__Card--Value span {
  color: #E4E4E5;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--UrgentPriority svg path, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--UrgentPriority svg path {
  stroke: #BE2937;
  fill: #BE2937;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--HighPriority svg path, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--HighPriority svg path {
  stroke: #D79500;
  fill: #D79500;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--AssignAndDueDate, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--AssignAndDueDate {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MyDashboard__Tasks .TaskAppointments .MyDashboard__Tasks--AssignAndDueDate .Default__Card--Label-Value:last-child, .MyDashboard__Biometrics .TaskAppointments .MyDashboard__Tasks--AssignAndDueDate .Default__Card--Label-Value:last-child {
  justify-content: flex-end;
}
.MyDashboard__Tasks .Cards__NoData--Available, .MyDashboard__Biometrics .Cards__NoData--Available {
  min-height: 250px;
}
.MyDashboard__Tasks .Cards__NoData--Available .Default__Card--Value, .MyDashboard__Biometrics .Cards__NoData--Available .Default__Card--Value {
  font-size: 1em;
}
.MyDashboard__Tasks .tab-content, .MyDashboard__Biometrics .tab-content {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  min-height: 250px;
}
.MyDashboard__Biometrics--Select2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.75em;
  margin-bottom: 1.5625em;
}
.MyDashboard__Biometrics--Select2 .User__Biometrics--Select2 select.CustomSelect2 + .select2-container--default .select2-selection__rendered {
  position: relative;
  padding: 0 1.875em;
  line-height: 26px;
  font-size: 0.75em;
  font-weight: 700;
}
.MyDashboard__Biometrics--Select2 .User__Biometrics--Select2 select.CustomSelect2 + .select2-container--default .select2-selection__rendered::before {
  position: absolute;
  content: "";
  top: auto;
  left: -6px;
  right: auto;
  bottom: auto;
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/biometrics-user.svg);
  background-size: 0.75em;
  width: 1.875em;
  background-repeat: no-repeat;
  height: 100%;
  background-position: right;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.MyDashboard__Biometrics--Select2 .User__Biometrics--Select2 select.CustomSelect2 + .select2 .select2-selection {
  height: 28px;
  border-color: #FFFFFF;
}
.MyDashboard__Biometrics--Select2 .User__Biometrics--Select2 select.CustomSelect2 + .select2-container--default .select2-selection__arrow {
  height: 28px;
  right: 5px;
  width: 10px;
}
.MyDashboard__Biometrics--Select2 .User__Biometrics--Select2 select.CustomSelect2 + .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/arrowdown-secondary.svg);
}
.MyDashboard__Biometrics .InputField {
  height: 27px;
  border-color: #FFFFFF;
  width: auto;
  padding: 0.3125em 0.3125em;
  max-width: 116px;
  font-size: 0.75em;
  font-weight: 700;
}
.MyDashboard__Biometrics .Form__Calendar--Icon {
  top: 4px;
}
.MyDashboard__Biometrics .Form__Calendar--Icon svg path {
  fill: #BD9F71;
}
.MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  align-items: flex-start;
  grid-row-gap: 1.875em;
  grid-column-gap: 1em;
}
.MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals .Default__Card, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall .Default__Card {
  width: 47.5%;
  border-color: rgba(189, 159, 113, 0.2);
  padding: 1em 0.75em;
  gap: 1.125em;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals .Default__Card .Default__Card--Text, .MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals .Default__Card .MyDashboard__Biometrics--Vitals-Measurement, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall .Default__Card .Default__Card--Text, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall .Default__Card .MyDashboard__Biometrics--Vitals-Measurement {
  width: 75%;
}
.MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals .Default__Card .Default__Card--Text, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall .Default__Card .Default__Card--Text {
  font-size: 0.75em;
  text-transform: capitalize;
}
.MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals .Default__Card .Default__Card--Icon svg, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall .Default__Card .Default__Card--Icon svg {
  margin-right: 0;
}
.MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals-Measurement .Default__Card--Text, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall-Measurement .Default__Card--Text {
  width: 100% !important;
  font-size: 1.625em !important;
  text-transform: lowercase !important;
}
.MyDashboard__Biometrics .MyDashboard__Biometrics--Vitals-Measurement .Default__Card--Text span .units, .MyDashboard__Biometrics .MyDashboard__Biometrics--Overall-Measurement .Default__Card--Text span .units {
  font-size: 11px;
  color: #D6D6D6;
}
.MyDashboard__Biometrics .Biometrics .Default__Card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border: 1px solid rgba(189, 159, 113, 0.2);
  margin-bottom: 1.25em;
  padding: 0.625em 1.5625em;
}
.MyDashboard__Biometrics .Biometrics .Default__Card:last-child {
  margin-bottom: 0;
}
.MyDashboard__Biometrics .Biometrics .Default__Card--Icon__Text {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  max-width: 15.625em;
}
.MyDashboard__Biometrics .Biometrics .Default__Card--Icon__Text .Default__Card--Text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.9375em;
}
.MyDashboard__Biometrics .Biometrics .Default__Card--Icon__Text .Default__Card--Text .Default__Card--Label {
  font-weight: 500;
}
.MyDashboard__Biometrics .Biometrics .Default__Card--Icon__Text .Default__Card--Icon {
  min-width: 2.625em;
  min-height: 2.625em;
  max-width: 2.625em;
  max-height: 2.625em;
  overflow: hidden;
  border: 1px solid rgba(189, 159, 113, 0.2);
  border-radius: 0.1875em;
  background: rgba(189, 159, 113, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.MyDashboard__Biometrics .Biometrics .Default__Card--Icon__Text .Default__Card--Icon svg {
  margin-right: 0;
  min-width: auto;
  max-width: max-content;
  min-height: auto;
  max-height: max-content;
}
.MyDashboard__Biometrics .Biometrics .Default__Card--Icon__Text .Default__Card--Icon svg path {
  fill: #FFFFFF;
}
.MyDashboard__Biometrics .Biometrics .border-right {
  border: 0.5px solid #FFFFFF;
  display: flex;
  align-items: center;
  min-width: 2.5em;
  transform: rotate(90deg);
}
.MyDashboard__Biometrics .Biometrics .Biometrics__Value {
  width: 100%;
  max-width: 200px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.MyDashboard__Biometrics .Biometrics .Biometrics__Value span {
  font-size: 1.5em;
  font-weight: 400;
}
.MyDashboard__Biometrics .Biometrics .Biometrics__Value span.units {
  font-size: 0.75em;
  font-weight: 300;
  margin-left: 0.25em;
  color: #D6D6D6;
}
.MyDashboard__Biometrics--Progress {
  width: 100%;
  display: grid;
  gap: 1.125em;
}
.MyDashboard__Biometrics--Progress .Default__Card--Value {
  font-size: 0.75em;
  font-weight: 400;
}
.MyDashboard__Biometrics--Progress-Status {
  width: 100%;
  display: grid;
  gap: 0.9375em;
}
.MyDashboard__Expirations {
  width: 100%;
}
.MyDashboard__Expirations .Default__Card--ImageWithName .Default__Card--Image {
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  padding: 0;
  margin-right: 0;
}
.MyDashboard__Expirations .Default__Card--BlackCard {
  padding: 0.9375em 1.875em;
  border-color: rgba(189, 159, 113, 0.2);
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--ImageWithName .Default__Card--Name:last-child {
  text-align: left;
  justify-content: flex-start;
  font-size: 1em;
  font-weight: 700;
}
.MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--Icon {
  margin-left: 1.875em;
}
.MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--Icon a svg {
  min-width: 11px;
  min-height: 11px;
  max-height: 11px;
  max-width: 11px;
  margin-right: 0;
}
.MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--Text {
  width: 100%;
  text-align: right;
  color: #BD9F71;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-end;
  grid-row-gap: 0.3125em;
}
.MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--Text span {
  margin-right: 0.3125em;
}
.MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--Text-Disabled {
  color: #848484;
}
.MyDashboard__NoMore--Appointments {
  width: 100%;
  display: flex;
  margin: 1.5625em 0;
  min-height: 5.625em;
}
.MyDashboard__NoMore--Appointments .Default__Card--IconWithText {
  align-items: center;
}
.MyDashboard__NoMore--Appointments .Default__Card {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 1.875em;
}
.MyDashboard__NoMore--Appointments .Default__Card .Default__Card--Icon svg {
  min-width: auto;
  max-width: 100%;
  min-height: auto;
  max-height: 100%;
}
.MyDashboard__NoMore--Appointments .Default__Card--Text {
  font-size: 1.125em;
  font-weight: 400;
}

@media (min-width: 768px) and (max-width: 991px) {
  .MyDashboard__Stats {
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .MyDashboard__Stats .Default__Card {
    width: 32%;
  }
  .MyDashboard__Appointments--List,
  .MyDashboard__NextPatient--Details,
  .MyDashboard__Tasks,
  .MyDashboard__Biometrics,
  .MyDashboard__Expirations,
  .MyDashboard__NoMore--Appointments {
    width: 95%;
    margin: auto;
  }
  .MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--Text span {
    margin-right: 0;
  }
  .MyDashboard__Biometrics .Biometrics .Default__Card--Icon__Text {
    max-width: 100%;
  }
  .MyDashboard__NoMore--Appointments {
    margin: 1.875em auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .MyDashboard__Stats {
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .MyDashboard__Stats .Default__Card {
    width: 32%;
  }
  .MyDashboard__Appointments--List,
  .MyDashboard__NextPatient--Details,
  .MyDashboard__Tasks,
  .MyDashboard__Biometrics,
  .MyDashboard__Expirations {
    width: 95%;
    margin: auto;
  }
  .MyDashboard__Expirations .Default__Card--BlackCard .Default__Card--Text span {
    margin-right: 0;
  }
}
.HD__Doctor--Modal-Header {
  flex-direction: column;
  padding-bottom: 1.875em;
}
.HD__Doctor--Modal-TitleAndClose {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  width: 100%;
}
.HD__Doctor--Modal-IconWithText {
  margin-top: 1.875em;
  margin-bottom: 0;
  width: 50%;
}
.HD__Doctor--Modal-Info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
}
.HD__Doctor--Modal-Info .HD__Doctor--Modal-IconWithText:last-child {
  width: 100%;
}
.HD__Doctor--Modal-BodyHeading {
  margin-top: 1.875em;
}
.HD__Doctor--Modal-BodyHeading h3 {
  color: #BD9F71;
  font-size: 1.125em;
  font-weight: 400;
}

/*******************************************************************
         View Profile Doctor Scss
 *******************************************************************/
.Hd__Doctor {
  /*******************************************************************
          Edit Doctor Scss
  *******************************************************************/
}
.Hd__Doctor--Info {
  padding: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Hd__Doctor--Info .Pill__Deactivate {
  text-align: left;
  margin-top: 0.9375em;
}
.Hd__Doctor--Assigned-Card {
  padding-top: 0.9375em !important;
}
.Hd__Doctor--BorderRight {
  border-right: 1px solid #FFFFFF;
}
.Hd__Doctor--Profile {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: 1.25em 0;
  width: 100%;
}
.Hd__Doctor--Profile--Image-Id {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.Hd__Doctor--Profile-Img {
  min-width: 7.5em;
  max-width: 7.5em;
  height: 7.5em;
  border-radius: 6.25em;
  background: linear-gradient(220deg, #BD9F71, rgba(189, 159, 113, 0.28));
  width: 100%;
  border: none;
  padding: 48%;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.Hd__Doctor--Profile-Img img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.Hd__Doctor--Profile-Info {
  width: 100%;
  max-width: 320px;
  margin-left: 1.5625em;
}
.Hd__Doctor--Profile-Heading h3 {
  margin-bottom: 0.9375em;
  line-height: 1;
}
.Hd__Doctor--Profile--Id {
  display: flex;
  justify-content: center;
  margin-top: 0.75em;
}
.Hd__Doctor--Profile--Id:last-child {
  margin-bottom: 0;
}
.Hd__Doctor--Profile--Id .Default__Card--Label, .Hd__Doctor--Profile--Id .Default__Card--Value {
  font-size: 1em;
  color: #FFFFFF;
  font-weight: 300;
}
.Hd__Doctor--Profile--Id .Default__Card--Value {
  font-weight: 500;
  margin-left: 0.3125em;
}
.Hd__Doctor--Profile-Label {
  font-size: 0.75em;
}
.Hd__Doctor--Profile-Value {
  font-size: 0.75em;
  margin-left: 0.3125em;
}
.Hd__Doctor--Details {
  width: 100%;
  padding-left: 2.5em;
}
.Hd__Doctor--MapIcon {
  display: flex;
  align-items: flex-start;
  margin-top: 0.25em;
}
.Hd__Doctor--Pills span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.Hd__Doctor--Pills span a {
  text-decoration: none;
  margin-bottom: 0.625em;
  margin-right: 0.625em;
}
.Hd__Doctor--Availability {
  padding: 1.5625em;
}
.Hd__Doctor--Availability .Default__Card--Heading h3 {
  margin-bottom: 1.25em;
  font-size: 1.25em;
  margin-bottom: 1.25em;
}
.Hd__Doctor--Availability .Default__Card--Heading h3 .help-text {
  font-size: 0.875em;
  font-weight: 300;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable {
  padding: 0.9375em;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table {
  border-collapse: collapse;
  width: 100%;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table td, .Hd__Doctor--Availability .Hd__Doctor--DataTable table th {
  border: none;
  padding-top: 0.6875em;
  padding-bottom: 0.6875em;
  text-align: center;
  min-width: 200px;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table th {
  background-color: rgba(189, 159, 113, 0.5);
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table th:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table tbody tr:last-child {
  border-bottom: 0;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table tbody tr td {
  padding: 1.5625em 0;
  color: #FFFFFF;
  font-size: 0.875em;
  font-weight: 400;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table tbody tr td span {
  color: #BD9F71;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable .Days {
  color: #BD9F71;
  font-weight: 600;
  font-size: 0.875em;
}
.Hd__Doctor--Availability.Default__Card--Deactivate .Default__Card {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(17, 20, 29, 0.8);
  opacity: 0.8;
}
.Hd__Doctor--Qualification {
  width: 100%;
  padding: 0.9375em 0.9375em 1.25em;
}
.Hd__Doctor--Qualification .Default__Card--Heading h3 {
  margin-bottom: 1.125em;
}
.Hd__Doctor--Qualification.Default__Card--Deactivate .Default__Card {
  opacity: 0.8;
}
.Hd__Doctor--Qualification-Card {
  padding: 1.5625em;
  display: flex;
  justify-content: space-between;
  background-color: #11141D;
}
.Hd__Doctor--Edit {
  padding: 1.5625em 1.5625em 0.625em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
}
.Hd__Doctor--Edit .SignUp__Qualification--Box {
  margin-top: 0;
  margin-bottom: 1.25em;
  padding: 1.5625em 1.5625em 0.3125em;
  background-color: #11141D;
}
.Hd__Doctor--Edit .SignUp__Qualification--AddBtn {
  margin-bottom: 1.5625em;
}
.Hd__Doctor--Edit-LeftColumn {
  width: auto;
}
.Hd__Doctor--Edit-LeftColumn .Hd__Doctor--Profile--Id {
  margin-right: 0;
}
.Hd__Doctor--Edit-RightColumn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  margin-left: 0;
}
.Hd__Doctor--Edit-RightColumn .Form__Field {
  padding-right: 1.5625em;
  margin-bottom: 0.3125em;
  width: 50%;
}
.Hd__Doctor--Edit-RightColumn .Form__Field:nth-child(2n) {
  padding-right: 0;
}
.Hd__Doctor--Edit-Image {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  max-width: 120px;
  min-height: 120px;
  max-height: 120px;
  border-radius: 100px;
  background: linear-gradient(to top, #BD9F71, rgba(189, 159, 113, 0.4));
  overflow: hidden;
}
.Hd__Doctor--Edit .Form__Field {
  margin-top: 0;
}
.Hd__Doctor--EditProfile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  align-items: flex-start;
}
.Hd__Doctor .Default__Card--Buttons {
  padding-top: 0;
}
.Hd__Doctor--Clinic {
  padding: 1.5625em;
}
.Hd__Doctor--Clinic-Card {
  padding: 0 1.5625em 0.75em;
  border-radius: 0.3125em;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #11141D;
}
.Hd__Doctor--Clinic .Form__Field {
  width: 100%;
}
.Hd__Doctor--Availability-Card {
  padding: 1.5625em 1.5625em 0;
  border-radius: 0.3125em;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #11141D;
  width: 100%;
}
.Hd__Doctor--DigitalSignature {
  margin-top: 0.875em;
}

/*******************************************************************
         HD Doctor Availability Datatable Scss
 *******************************************************************/
.Hd__Doctor--Availability .Hd__Doctor--DataTable {
  background: #11141D;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table th:first-child {
  text-align: left;
  padding-left: 5em;
  padding-right: 5em;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable table th:last-child {
  text-align: right;
  padding-right: 5em;
  padding-left: 5em;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable tr td:first-child {
  text-align: left;
  padding-left: 4.6875em;
}
.Hd__Doctor--Availability .Hd__Doctor--DataTable tr td:last-child {
  text-align: right;
  padding-right: 0.3125em;
}

.Doctor__Availability {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Doctor__Availability--Days {
  width: 100%;
  max-width: 8.125em;
}
.Doctor__Availability--TimeFields {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
.Doctor__Availability--TimeFields .Doctor__Availability--StartTime span, .Doctor__Availability--TimeFields .Doctor__Availability--EndTime span {
  color: #676767;
  font-weight: 700;
  font-size: 13px;
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}
.Doctor__Availability--TimeFields .Doctor__Availability--StartTime .InputField, .Doctor__Availability--TimeFields .Doctor__Availability--EndTime .InputField {
  border: 1px solid #676767;
}
.Doctor__Availability--TimeFields .CustomSelect2 + .select2 .select2-selection {
  border: 1px solid #676767;
}
.Doctor__Availability--TimeFields .CustomSelect2 + .select2-container--default .select2-selection__rendered {
  color: #676767;
}
.Doctor__Availability--TimeFields .CustomSelect2.error + .select2.select2-container--default .select2-selection {
  border-color: #FF0000;
}
.Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--Time label {
  color: #FFFFFF;
}
.Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--Time label.error {
  color: #FF0000;
  font-size: 0.8125em;
  text-align: center;
}
.Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--WorkingHours, .Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--BreakHours {
  background-color: transparent;
  border-color: #FFFFFF;
  pointer-events: auto;
}
.Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--Hypen {
  color: #FFFFFF;
}
.Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--StartTime span, .Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--EndTime span {
  color: #BD9F71;
}
.Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--StartTime .InputField, .Doctor__Availability--TimeFields.active-timefield .Doctor__Availability--EndTime .InputField {
  border: 0.5px solid #BD9F71;
  color: #FFFFFF;
}
.Doctor__Availability--TimeFields.active-timefield .CustomSelect2 + .select2 .select2-selection {
  border: 0.5px solid #BD9F71;
  color: #FFFFFF;
}
.Doctor__Availability--TimeFields.active-timefield .CustomSelect2 + .select2-container--default .select2-selection__rendered {
  color: #FFFFFF;
}
.Doctor__Availability--Time {
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 20.625em;
  width: 100%;
}
.Doctor__Availability--Time label {
  color: #676767;
  font-size: 0.875em;
  font-weight: 400;
  margin-bottom: 0.75em;
}
.Doctor__Availability--WorkingHours, .Doctor__Availability--BreakHours {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.9375em;
  pointer-events: none;
}
.Doctor__Availability--StartTime, .Doctor__Availability--EndTime {
  width: 100%;
  max-width: 135px;
}
.Doctor__Availability--Hypen {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(103, 103, 103, 0.8);
  width: 100%;
  max-width: 35px;
  height: 40px;
  margin-top: 1.5em;
}

.Clinics__Modal--Body {
  display: flex;
  flex-flow: row wrap;
}
.Clinics__Modal--Body .Form__Field:first-child {
  width: 100%;
  margin-top: 1.25em;
  padding-right: 0;
}
.Clinics__Modal--Body .Form__Field {
  width: 50%;
  margin-top: 0;
  margin-bottom: 0.3125em;
  padding-right: 1.5625em;
}
.Clinics__Modal--Body .Form__Field:nth-child(3n) {
  padding-right: 0;
}
.Clinics__Modal--Subheading {
  width: 100%;
}
.Clinics__Modal--Subheading h4 {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  margin-top: 0.3125em;
}
.Clinics__Modal--Innerbox {
  border: 0.5px solid #FFFFFF;
  border-radius: 1em;
  padding: 1.25em 1.25em 0;
  margin-top: 1.25em;
  display: flex;
  flex-flow: row wrap;
}
.Clinics__Modal--Innerbox .Form__Field:first-child {
  width: 50%;
  margin-top: 0;
  padding-right: 1.5625em;
}
.Clinics__Modal--Innerbox .Form__Field:nth-child(3n) {
  padding-right: 1.5625em;
}
.Clinics__Modal--Innerbox .Form__Field:nth-child(2n) {
  padding-right: 0;
}

.AssignClinic__Modal--FormSection {
  display: flex;
  flex-direction: column;
}
.AssignClinic__Modal--FormSection:first-child .AssignClinic__Modal--Subheading h4 {
  margin-top: 0;
}
.AssignClinic__Modal--Subheading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.625em;
}
.AssignClinic__Modal--Subheading .Pill__MultiSelect2 {
  justify-content: flex-end;
}
.AssignClinic__Modal--Subheading .Pill__Clinic {
  margin-top: 0.625em;
  margin-bottom: 0;
}
.AssignClinic__Modal--Subheading .Pill__Clinic span {
  background-color: rgba(189, 159, 113, 0.4);
  border-color: rgba(189, 159, 113, 0.4);
  font-size: 0.75em;
}
.AssignClinic__Modal--Subheading h4 {
  font-size: 16px;
  margin-top: 0;
  font-weight: 600;
  letter-spacing: -0.17px;
  max-width: 150px;
  width: 100%;
}
.AssignClinic__Modal--Subheading-FullWidth h4 {
  max-width: 100%;
}
.AssignClinic__Modal--FormSection:first-child .AssignClinic__Modal--Subheading {
  margin-top: 1.5625em;
}
.AssignClinic__Modal--FormSection .Form__Field {
  margin-top: 1.25em;
}

.Clinics {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 1.5625em;
}
.Clinics__Card {
  padding: 1.5625em;
  position: relative;
}
.Clinics__Card--LeftColumn {
  max-width: min(25.625em, 100%);
  width: 100%;
  margin-bottom: 1.5625em;
  border-right: 1px solid #FFFFFF;
}
.Clinics__Card--RightColumn {
  max-width: min(32em, 100%);
  width: 100%;
  padding-left: 1.5625em;
}
.Clinics__Card--NumberOfDoctors {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 3.125em;
  position: absolute;
  left: 1.875em;
  margin-right: 0;
  background: #BD9F71;
  box-shadow: 2px 2px 10px;
  font-weight: 600;
}
.Clinics__Card--NumberOfDoctors a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.Clinics__Card--NumberOfDoctors span {
  color: #FFFFFF;
}
.Clinics__Card .Pill__Deactivate {
  position: absolute;
  top: 0.9375em;
  right: 0.9375em;
}
.Clinics__Card .Default__Card--Buttons {
  justify-content: flex-start;
  gap: 1.25em;
}

@media (min-width: 1500px) {
  .Clinics__Card--LeftColumn {
    max-width: max(25.625em, 100%);
  }
  .Clinics__Card--RightColumn {
    max-width: max(32em, 100%);
  }
}
.Vendor__Modal--Body {
  display: flex;
  flex-flow: row wrap;
}
.Vendor__Modal--Body .Form__Field:first-child {
  width: 100%;
  margin-top: 1.25em;
  padding-right: 0;
}
.Vendor__Modal--Body .Form__Field {
  width: 50%;
  margin-top: 0;
  margin-bottom: 0.3125em;
  padding-right: 1.5625em;
}
.Vendor__Modal--Body .Form__Field:nth-child(3n) {
  padding-right: 0;
}
.Vendor__Modal--Subheading {
  width: 100%;
}
.Vendor__Modal--Subheading h4 {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  margin-top: 0.3125em;
}
.Vendor__Modal--Innerbox {
  border: 0.5px solid #FFFFFF;
  border-radius: 1em;
  padding: 1.25em 1.25em 0;
  margin-top: 1.25em;
  display: flex;
  flex-flow: row wrap;
}
.Vendor__Modal--Innerbox .Form__Field:first-child {
  width: 50%;
  margin-top: 0;
  padding-right: 1.5625em;
}
.Vendor__Modal--Innerbox .Form__Field:nth-child(3n) {
  padding-right: 1.5625em;
}
.Vendor__Modal--Innerbox .Form__Field:nth-child(2n) {
  padding-right: 0;
}

.Contact__Card {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

.Vendor__Card {
  padding: 1.5625em 1.5625em 0.3125em;
  position: relative;
}
.Vendor__Card h3 {
  margin-bottom: 0;
}
.Vendor__Card--LeftColumn {
  width: 100%;
  margin-bottom: 0;
}
.Vendor__Card--RightColumn {
  width: auto;
  padding-left: 1.5625em;
}
.Vendor__Card--RightColumn .DefaultButton, .Vendor__Card--RightColumn .DefaultButton__H30, .Vendor__Card--RightColumn .DefaultButton__H50, .Vendor__Card--RightColumn .Default__Card--Buttons a:first-child, .Default__Card--Buttons .Vendor__Card--RightColumn a:first-child, .Vendor__Card--RightColumn .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons .Vendor__Card--RightColumn a.DefaultButton, .Vendor__Card--RightColumn .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons .Vendor__Card--RightColumn a.DefaultButton__H30, .Vendor__Card--RightColumn .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .Vendor__Card--RightColumn a.DefaultButton__H50, .Vendor__Card--RightColumn .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Vendor__Card--RightColumn a.DefaultButton__H50:last-child {
  height: 30px;
  font-size: 0.875em;
  margin-top: 1em;
}
.Vendor__Card--RightColumn .Default__OutlinedButton, .Vendor__Card--RightColumn .Default__OutlinedButton__H30, .Vendor__Card--RightColumn .Default__OutlinedButton__H50, .Vendor__Card--RightColumn .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Vendor__Card--RightColumn a:last-child, .Vendor__Card--RightColumn .Default__Card--Buttons a.Default__OutlinedButton, .Default__Card--Buttons .Vendor__Card--RightColumn a.Default__OutlinedButton, .Vendor__Card--RightColumn .Default__Card--Buttons a.Default__OutlinedButton__H30, .Default__Card--Buttons .Vendor__Card--RightColumn a.Default__OutlinedButton__H30, .Vendor__Card--RightColumn .Default__Card--Buttons .Default__OutlinedButton__H50, .Default__Card--Buttons .Vendor__Card--RightColumn .Default__OutlinedButton__H50 {
  height: 30px;
  font-size: 0.875em;
}
.Vendor__Card--Info {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1.5625em;
}
.Vendor__Card--IconWithText {
  width: 50%;
  padding-right: 0.9375em;
}
.Vendor__Card--IconWithText:last-child {
  margin-bottom: 1.25em;
}

.Products__Modal--Body {
  margin-top: 1.25em;
}
.Products__Modal--Body p {
  font-size: 0.875em;
  font-weight: 400;
  line-height: 20px;
}

.Products__Card {
  padding: 1.5625em 1.875em 0.3125em;
}
.Products__Card h3 {
  margin-bottom: 1.25em;
  font-size: 1.25em;
}
.Products__Inner--Cards {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  padding: 0;
}
.Products__Inner--Card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  padding-bottom: 1.5625em;
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  width: 100%;
  max-width: 48.7%;
  padding-right: 1.5em;
  margin-bottom: 1.5625em;
  margin-top: 0;
}
.Products__Inner--Card-IconWithText {
  width: auto;
  margin-bottom: 0;
  align-items: center;
}
.Products__Inner--Card-Price {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.Products__Inner--Card-Price h2 {
  font-size: 1.875em;
  font-weight: 600;
  line-height: 26px;
  padding-left: 0.625em;
}
.Products__Inner--Card .Default__Card--Icon__Text {
  font-size: 1.25em;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: capitalize;
}
.Products__Inner--Card .Default__Card--Icon svg {
  min-width: 22px;
  min-height: 22px;
  max-width: 22px;
  max-height: 22px;
}
.Products__Inner--Card .Default__Card--BorderTop {
  border-color: rgba(255, 255, 255, 0.7);
}
.Products__Inner--Card .Default__Card--Buttons {
  width: 100%;
  margin-top: 1.5625em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Products__Inner--Card .Default__Card--Buttons .DefaultButton, .Products__Inner--Card .Default__Card--Buttons .DefaultButton__H30, .Products__Inner--Card .Default__Card--Buttons .DefaultButton__H50, .Products__Inner--Card .Default__Card--Buttons a:first-child, .Products__Inner--Card .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Products__Inner--Card .Default__Card--Buttons .Default__OutlinedButton, .Products__Inner--Card .Default__Card--Buttons .Default__OutlinedButton__H30, .Products__Inner--Card .Default__Card--Buttons .Default__OutlinedButton__H50, .Products__Inner--Card .Default__Card--Buttons a:last-child {
  width: auto;
  height: 30px;
  font-size: 0.875em;
  margin-right: 0.75em;
}
.Products__Inner--Card .Default__Card--Buttons .DefaultButton:last-child, .Products__Inner--Card .Default__Card--Buttons .DefaultButton__H30:last-child, .Products__Inner--Card .Default__Card--Buttons .DefaultButton__H50:last-child, .Products__Inner--Card .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Products__Inner--Card .Default__Card--Buttons .Default__OutlinedButton:last-child, .Products__Inner--Card .Default__Card--Buttons .Default__OutlinedButton__H30:last-child, .Products__Inner--Card .Default__Card--Buttons .Default__OutlinedButton__H50:last-child, .Products__Inner--Card .Default__Card--Buttons a:last-child {
  margin-right: 0;
}
.Products__Inner--Card.Default__Card--Deactivate {
  border-color: #848484;
}
.Products__Inner--Card.Default__Card--Deactivate .Default__Card--Text {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
}
.Products__DataTable {
  border-top: 1px solid white;
  margin-top: 1.875em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.Products__DataTable #products-table thead tr th[aria-label=Specialities] {
  min-width: 107px;
}
.Products__DataTable #products-table thead tr th[aria-label=Price] {
  min-width: 58px;
}
.Products__DataTable--Heading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.Products__DataTable--Heading h3 {
  margin-bottom: 0;
}
.Products__DataTable--SearchAndFilter {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.875em;
  margin-bottom: 1.875em;
}
.Products__DataTable--SearchAndFilter .Default__Search--Box {
  margin-right: 0.9375em;
}
.Products__DataTable .Default__Datatable .dataTables_length {
  margin-top: 0;
}

@media (min-width: 1500px) {
  .Products__Inner--Card {
    max-width: 48.7%;
    margin-bottom: 2.4%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .Products__Inner--Card {
    font-size: 0.8125em;
  }
  .Products__Inner--Card-Price {
    font-size: 0.9375em;
  }
}
.Clinics__Modal--Body {
  display: flex;
  flex-flow: row wrap;
}
.Clinics__Modal--Body .Form__Field:first-child {
  width: 100%;
  margin-top: 1.25em;
  padding-right: 0;
}
.Clinics__Modal--Body .Form__Field {
  width: 50%;
  margin-top: 0;
  margin-bottom: 0.3125em;
  padding-right: 1.5625em;
}
.Clinics__Modal--Body .Form__Field:nth-child(3n) {
  padding-right: 0;
}
.Clinics__Modal--Subheading {
  width: 100%;
}
.Clinics__Modal--Subheading h4 {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  margin-top: 0.3125em;
}
.Clinics__Modal--Innerbox {
  border: 0.5px solid #FFFFFF;
  border-radius: 1em;
  padding: 1.25em 1.25em 0;
  margin-top: 1.25em;
  display: flex;
  flex-flow: row wrap;
}
.Clinics__Modal--Innerbox .Form__Field:first-child {
  width: 50%;
  margin-top: 0;
  padding-right: 1.5625em;
}
.Clinics__Modal--Innerbox .Form__Field:nth-child(3n) {
  padding-right: 1.5625em;
}
.Clinics__Modal--Innerbox .Form__Field:nth-child(2n) {
  padding-right: 0;
}

.Admin__Details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  align-items: flex-start;
}
.Admin__Details--StatusAndDate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.Admin__Details--StatusAndDate .Default__Card--Label-Value {
  justify-content: flex-end;
}
.Admin__Details--StatusAndDate .Default__Card--Label {
  font-size: 0.875em;
}
.Admin__Details--StatusAndDate .Default__Card--Value {
  font-size: 0.875em;
  font-weight: 600;
  margin-left: 0.3125em;
}
.Admin__Details--Card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  flex-direction: column;
  align-items: flex-start;
  width: 48.7%;
  margin-right: 0;
  padding: 1.5625em;
  margin-bottom: 2.5%;
}
.Admin__Details--Card:nth-child(even) {
  margin-right: 0;
}
.Admin__Details--Card .Pill__Active, .Admin__Details--Card .Pill__Deactivate {
  text-align: left;
}
.Admin__Details--Card:nth-child(2n+1):nth-last-child(-n+2), .Admin__Details--Card:nth-child(2n+1):nth-last-child(-n+2) ~ .Admin__Details--Card {
  margin-bottom: 0;
}
.Admin__Details .Default__Card--Buttons {
  width: 100%;
  justify-content: flex-start;
}
.Admin__Details .Default__Card--Buttons button {
  width: auto;
}

.pre_existing_conditons_modal .modal-body, .more_allergies_modal .modal-body {
  margin-top: 1.5625em;
}
.pre_existing_conditons_modal .modal-body .Patient__Profile--PreExistingCondition-Pills, .more_allergies_modal .modal-body .Patient__Profile--PreExistingCondition-Pills {
  gap: 0.5em;
  grid-row-gap: 0.625em;
}

.Document--DefaultCard.Default__Nav--Tabs ul.nav.nav-underline {
  margin-bottom: 0;
  justify-content: center;
}
.Document--DefaultCard.Default__Nav--Tabs .Default__Card {
  margin-top: 1.5625em;
  padding: 0 1.5625em 1.875em;
}
.Document--DefaultCard.Default__Nav--Tabs .Default__Card .Form__Field {
  margin-bottom: 0.3125em;
}
.Document--DefaultCard.Default__Nav--Tabs .Default__Card--Buttons {
  gap: 0.625em;
  padding-top: 1.5625em;
}
.Document--DefaultCard.Default__Nav--Tabs .Default__Card--Buttons button[type=button], .Document--DefaultCard.Default__Nav--Tabs .Default__Card--Buttons input[type=submit] {
  width: auto;
}

.addDocument .modal-dialog {
  max-width: 61.25em;
}

.Patient__Info .Main__Content--Navbar-Buttons {
  width: 100%;
  max-width: 700px;
  gap: 0.5625em;
}
.Patient__Info .Main__Content--Navbar-Buttons .Default__WhitleOutlinedButton__H50 {
  min-width: max-content;
}
.Patient__Info .Main__Content--Navbar-Buttons .Default__WhitleOutlinedButton__H50 svg path {
  stroke-width: 0;
}
.Patient__Info .Main__Content--Navbar-Buttons .Default__WhitleOutlinedButton__H50:hover svg path {
  stroke: #FFFFFF;
}
.Patient__Info .Main__Content--Container {
  margin-top: 0;
  max-width: 96%;
}
.Patient__Info--Card {
  max-width: 96%;
  margin: 2.1875em auto;
  padding: 1.875em;
  padding-right: 0.9375em;
  background: #191D29;
  color: #FFFFFF;
}
.Patient__Info .add-plan-button {
  padding-bottom: 1.875em;
}
.Patient__Info--TabContent .Default__Card {
  padding: 1.875em;
  margin-bottom: 1.875em;
}
.Patient__Info--TabContent .Default__Card--Heading h2 {
  color: #BD9F71;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1;
}
.Patient__Info--TabContent .Default__Card hr {
  margin: 1.5625em auto;
}
.Patient__Info--TabContent .Patient__Profile--Conditions {
  margin-bottom: 1.5625em;
}
.Patient__Info--TabContent .Patient__Profile--Address, .Patient__Info--TabContent .Patient__Profile--Contacts, .Patient__Info--TabContent .Patient__Profile--DoctorInfo, .Patient__Info--TabContent .Patient__Profile--DonationOrgans, .Patient__Info--TabContent .Patient__Profile--Dependents, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  grid-row-gap: 25px;
}
.Patient__Info--TabContent .Patient__Profile--Address .Default__Card, .Patient__Info--TabContent .Patient__Profile--Contacts .Default__Card, .Patient__Info--TabContent .Patient__Profile--DoctorInfo .Default__Card, .Patient__Info--TabContent .Patient__Profile--DonationOrgans .Default__Card, .Patient__Info--TabContent .Patient__Profile--Dependents .Default__Card, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan .Default__Card {
  width: 100%;
  margin: 0;
  padding: 1.25em;
  border: 1px solid rgba(189, 159, 113, 0.2);
  color: #FFFFFF;
  display: flex;
  align-items: center;
}
.Patient__Info--TabContent .Patient__Profile--Address .Default__Card--Heading, .Patient__Info--TabContent .Patient__Profile--Contacts .Default__Card--Heading, .Patient__Info--TabContent .Patient__Profile--DoctorInfo .Default__Card--Heading, .Patient__Info--TabContent .Patient__Profile--DonationOrgans .Default__Card--Heading, .Patient__Info--TabContent .Patient__Profile--Dependents .Default__Card--Heading, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan .Default__Card--Heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.Patient__Info--TabContent .Patient__Profile--Address .Default__Card--Heading h3, .Patient__Info--TabContent .Patient__Profile--Contacts .Default__Card--Heading h3, .Patient__Info--TabContent .Patient__Profile--DoctorInfo .Default__Card--Heading h3, .Patient__Info--TabContent .Patient__Profile--DonationOrgans .Default__Card--Heading h3, .Patient__Info--TabContent .Patient__Profile--Dependents .Default__Card--Heading h3, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan .Default__Card--Heading h3 {
  margin-bottom: 0;
}
.Patient__Info--TabContent .Patient__Profile--Address hr, .Patient__Info--TabContent .Patient__Profile--Contacts hr, .Patient__Info--TabContent .Patient__Profile--DoctorInfo hr, .Patient__Info--TabContent .Patient__Profile--DonationOrgans hr, .Patient__Info--TabContent .Patient__Profile--Dependents hr, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan hr {
  margin: 1.25em 0;
}
.Patient__Info--TabContent .Patient__Profile--Address .Default__Card--IconWithText, .Patient__Info--TabContent .Patient__Profile--Contacts .Default__Card--IconWithText, .Patient__Info--TabContent .Patient__Profile--DoctorInfo .Default__Card--IconWithText, .Patient__Info--TabContent .Patient__Profile--DonationOrgans .Default__Card--IconWithText, .Patient__Info--TabContent .Patient__Profile--Dependents .Default__Card--IconWithText, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan .Default__Card--IconWithText {
  margin-bottom: 0;
}
.Patient__Info--TabContent .Patient__Profile--Address .Pill__ActiveTabPill span, .Patient__Info--TabContent .Patient__Profile--Contacts .Pill__ActiveTabPill span, .Patient__Info--TabContent .Patient__Profile--DoctorInfo .Pill__ActiveTabPill span, .Patient__Info--TabContent .Patient__Profile--DonationOrgans .Pill__ActiveTabPill span, .Patient__Info--TabContent .Patient__Profile--Dependents .Pill__ActiveTabPill span, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan .Pill__ActiveTabPill span {
  background-color: rgba(189, 159, 113, 0.4);
  border-color: rgba(189, 159, 113, 0.4);
}
.Patient__Info--TabContent .Patient__Profile--Address .Default__Card--Icon svg path, .Patient__Info--TabContent .Patient__Profile--Contacts .Default__Card--Icon svg path, .Patient__Info--TabContent .Patient__Profile--DoctorInfo .Default__Card--Icon svg path, .Patient__Info--TabContent .Patient__Profile--DonationOrgans .Default__Card--Icon svg path, .Patient__Info--TabContent .Patient__Profile--Dependents .Default__Card--Icon svg path, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan .Default__Card--Icon svg path {
  fill: #BD9F71;
}
.Patient__Info--TabContent .Patient__Profile--Address .Default__Card--Icon__Text, .Patient__Info--TabContent .Patient__Profile--Contacts .Default__Card--Icon__Text, .Patient__Info--TabContent .Patient__Profile--DoctorInfo .Default__Card--Icon__Text, .Patient__Info--TabContent .Patient__Profile--DonationOrgans .Default__Card--Icon__Text, .Patient__Info--TabContent .Patient__Profile--Dependents .Default__Card--Icon__Text, .Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan .Default__Card--Icon__Text {
  color: #FFFFFF;
}
.Patient__Info--TabContent .Patient__Profile--DefaultMembershipPlan {
  gap: 1.25em;
}
.Patient__Info--TabContent .Patient__Profile--Consent span.no {
  font-size: 0.8125em;
  color: #FF3535;
  font-weight: 300;
}
.Patient__Info--TabContent .Patient__Profile--Consent span.yes {
  font-size: 0.8125em;
  color: #4CD964;
  font-weight: 300;
}
.Patient__Info--TabContent .Patient__Profile--DoctorInfo {
  grid-row-gap: 1.5625em;
}
.Patient__Info--TabContent .Patient__Profile--DoctorDetails {
  grid-gap: 1.5625em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.Patient__Info--TabContent .Patient__Profile--DoctorDetails .Default__Card--IconWithText {
  width: 47%;
  word-break: break-word;
}
.Patient__Info--TabContent .Patient__Profile--DoctorDetails .Default__Card--IconWithText .Default__Card--Icon__Text {
  margin-right: 0;
}
.Patient__Info--TabContent .Patient__Profile--DoctorDetails .Default__Card--IconWithText-Address {
  width: 100%;
}
.Patient__Info--TabContent .Patient__Profile--DonationOrgans .Pill__MultiSelect2 .Pill__Clinic {
  margin-right: 1.5625em;
  margin-bottom: 1.25em;
}
.Patient__Info--TabContent .Patient__Profile--DonationOrgans .Pill__MultiSelect2 .Pill__Clinic span {
  min-width: 62px;
}
.Patient__Info--TabContent .Patient__Profile--DonationOrgans .Pill__MultiSelect2 .Pill__Clinic span img {
  max-width: 14px;
  margin-left: 0;
  margin-right: 5px;
}
.Patient__Info--TabContent .Patient__Profile--Dependents-Name {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  grid-gap: 0.3125em;
}
.Patient__Info--TabContent .Patient__Profile--Dependents .Default__Card--Heading h2 {
  font-size: 1.125em;
  font-weight: 700;
}
.Patient__Info--Tabs {
  max-width: 96%;
  margin: 2.5em auto 1.25em;
  background: transparent;
  color: #FFFFFF;
}
.Patient__Info--Tabs .Tabs__Pill {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.Patient__Info--Tabs .Tabs__Pill a {
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
.Patient__Info--Tabs-TwoColumns {
  display: flex;
  justify-content: space-between;
  gap: 1.25em;
  margin-bottom: 1.5625em;
}
.Patient__Info--Tabs-TwoColumns .Default__Card {
  width: 100%;
  margin-bottom: 0;
  padding: 1.875em 1.25em;
}

.Patient__Profile--Gap30 {
  display: flex;
  flex-direction: column;
  grid-row-gap: 1.875em;
}
.Patient__Profile--Info {
  display: flex;
  justify-content: space-between;
}
.Patient__Profile--BorderRight {
  border-right: 1px solid #FFFFFF;
  padding-right: 1.875em;
}
.Patient__Profile--Id_Date {
  display: flex;
  justify-content: space-between;
}
.Patient__Profile--Id_Date span {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 400;
}
.Patient__Profile--Details {
  display: flex;
  justify-content: space-between;
}
.Patient__Profile--Details .Default__Card--Initials-Large {
  min-width: 90px;
  min-height: 90px;
  max-width: 90px;
  max-height: 90px;
}
.Patient__Profile--Data {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  margin-left: 1.875em;
  grid-row-gap: 1.875em;
}
.Patient__Profile--Data .Patient__Name h3 {
  margin-bottom: 0;
  font-size: 1.375em;
  font-weight: 700;
}
.Patient__Profile--Data .Default__Card--IconWithText {
  width: auto;
  min-width: 22%;
  margin-bottom: 0;
}
.Patient__Profile--Data .Default__Card--IconWithText:nth-child(2n) {
  width: 62%;
}
.Patient__Profile--Address-IconWithText {
  width: 75% !important;
}
.Patient__Profile--Email-IconWithText {
  word-break: break-word;
}
.Patient__Profile--Contact-IconWithText {
  max-width: 35%;
  overflow: hidden;
}
.Patient__Profile--Birthday-IconWithText {
  width: auto !important;
}
.Patient__Profile--AssignedDoctor {
  display: flex;
  justify-content: flex-start;
  grid-column-gap: 1.625em;
}
.Patient__Profile--LastViewed {
  width: 100%;
  min-width: 360px;
  max-width: 360px;
  margin-left: 2.125em;
  display: flex;
  flex-direction: column;
  grid-row-gap: 1.5625em;
}
.Patient__Profile--LastViewed--DateTime p {
  color: #00A700;
  font-size: 1em;
  font-weight: 600;
}
.Patient__Profile--PreExistingCondition, .Patient__Profile--Allergies {
  display: flex;
  flex-direction: column;
  grid-row-gap: 1.25em;
}
.Patient__Profile--PreExistingCondition .Default__Card--Heading h3, .Patient__Profile--Allergies .Default__Card--Heading h3 {
  margin-bottom: 0;
}
.Patient__Profile--PreExistingCondition label, .Patient__Profile--Allergies label {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1.125em;
}
.Patient__Profile--PreExistingCondition-Pills, .Patient__Profile--Allergies-Pills {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 0.625em;
}
.Patient__Profile--PreExistingCondition .Pill__InBlack, .Patient__Profile--Allergies .Pill__InBlack {
  display: flex;
  flex-flow: row wrap;
  grid-gap: 0.625em;
}
.Patient__Profile--NumberofExistingConditons a {
  color: #BD9F71;
  font-size: 1em;
  font-weight: 500;
}
.Patient__Profile--Img {
  max-width: 6.25em;
  height: 6.25em;
  border-radius: 6.25em;
  background: linear-gradient(220deg, #BD9F71, rgba(189, 159, 113, 0.28));
  width: 100%;
  border: none;
  padding: 8%;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.Patient__Profile--Img img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

#patients-table_wrapper .bottom .dataTables_info {
  display: flex;
  margin-top: 0;
  font-size: 0.875em;
  position: absolute;
}

#patients-table_wrapper table thead tr th:nth-child(5) {
  min-width: 50px;
}

.read-more-btn {
  border: none;
  background: none;
  text-decoration: underline;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .Patient__Profile--Info {
    flex-direction: column;
  }
  .Patient__Profile--BorderRight {
    border-right: 0;
    padding-right: 0;
  }
  .Patient__Profile--LastViewed {
    margin-left: 0;
    margin-top: 1.25em;
    min-width: 100%;
    max-width: 100%;
  }
  .Patient__Info--Tabs .Tabs__Pill {
    flex-flow: row wrap;
  }
  .Patient__Info--Tabs .Tabs__Pill a {
    font-size: 1em;
  }
  .Patient__Info .Main__Content--Navbar-Buttons {
    justify-content: flex-end;
  }
  .Patient__Info .Main__Content--Navbar-Buttons .Default__WhitleOutlinedButton__H50 {
    min-width: auto;
    max-width: max-content;
    width: auto;
    font-size: 1.125em;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .Patient__Profile--Info {
    flex-direction: column;
  }
  .Patient__Profile--BorderRight {
    border-right: 0;
    padding-right: 0;
  }
  .Patient__Profile--LastViewed {
    margin-left: 0;
    margin-top: 1.25em;
    min-width: 100%;
    max-width: 100%;
  }
  .Patient__Info--Tabs .Tabs__Pill {
    flex-flow: row wrap;
  }
  .Patient__Info--Tabs .Tabs__Pill a {
    font-size: 1em;
  }
  .Patient__Info .Main__Content--Navbar-Buttons {
    justify-content: flex-end;
  }
  .Patient__Info .Main__Content--Navbar-Buttons .Default__WhitleOutlinedButton__H50 {
    min-width: auto;
    max-width: max-content;
    width: auto;
    font-size: 1.125em;
  }
}
.Appointment__Modal .modal-dialog {
  max-width: 50em;
}
.Appointment__Modal .modal-content {
  border: 1px solid #11141D;
  border-radius: 1.875em;
}
.Appointment__Modal .modal-header {
  align-items: flex-start;
  border-bottom: 0;
  padding-bottom: 1.875em;
}
.Appointment__Modal .modal-body .tab-content p.success-color {
  color: #4CD964;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 1.875em;
  text-align: center;
}
.Appointment__Modal .modal-body .tab-content p.error-color {
  color: #FF3535;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 1.875em;
  text-align: center;
}
.Appointment__Modal .modal-body .Default__Card {
  padding: 1.25em;
  display: flex;
  flex-direction: column;
  gap: 0.9375em;
  border: 1px solid rgba(189, 159, 113, 0.2);
  background-color: #191D29;
}
.Appointment__Modal .modal-body .Default__Card--Label {
  font-weight: 300;
  font-size: 1.125em;
}
.Appointment__Modal .modal-body .Default__Card--Value {
  font-weight: 500;
  font-size: 1.125em;
}
.Appointment__Modal .modal-body .Default__Card--Text {
  font-weight: 400;
  font-size: 0.75em;
  line-height: 18px;
}

.Appointments--DefaultCard {
  position: relative;
}
.Appointments--DefaultCard .Default__Card {
  padding: 2.25em 1.875em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  gap: 1.5625em;
  margin-bottom: 1.875em;
}
.Appointments--DefaultCard-NavTabs {
  position: absolute;
  right: 0;
  z-index: 1;
  gap: 1.25em;
  display: flex;
  align-items: center;
}
.Appointments--DefaultCard-NavTabs li a {
  padding: 0 0;
  position: relative;
  top: -4px;
}
.Appointments--DefaultCard-NavTabs li a.active svg path {
  fill: #BD9F71;
}
.Appointments--DefaultCard .Default__Card--Heading h3 {
  font-size: 1.25em;
  margin-bottom: 0;
}
.Appointments--DefaultCard .Doctor__Appointment--Profile {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row wrap;
  align-items: center;
  grid-column-gap: 3.75em;
  grid-row-gap: 1.875em;
}
.Appointments--DefaultCard .Doctor__Appointment--Profile .Default__Card--Initials-Large {
  min-width: 110px;
  max-width: 110px;
  min-height: 110px;
  max-height: 110px;
}
.Appointments--DefaultCard .Doctor__Appointment--Profile-Info {
  margin-left: 1.875em;
}
.Appointments--DefaultCard .Doctor__Appointment--Profile-Img {
  min-width: 6.25em;
  max-width: 6.25em;
  height: 6.25em;
  border-radius: 6.25em;
  background: linear-gradient(220deg, #BD9F71, rgba(189, 159, 113, 0.28));
  width: 100%;
  border: none;
  padding: 8%;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.Appointments--DefaultCard .Doctor__Appointment--Profile-Img img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.Appointments--DefaultCard .Doctor__Appointment--BorderRight {
  border-right: 1px solid #FFFFFF;
  padding-right: 3.75em;
}
.Appointments--DefaultCard .Doctor__Appointment--Details, .Appointments--DefaultCard .Doctor__Appointment--Type {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
}
.Appointments--DefaultCard .Doctor__Appointment--Details {
  max-width: 360px;
  min-width: 360px;
  overflow: hidden;
  padding-right: 1.875em;
}
.Appointments--DefaultCard .Doctor__Appointment--Type {
  flex-direction: column;
  gap: 1.5625em;
  max-width: calc(100% - 430px);
}
.Appointments--DefaultCard .Doctor__Appointment--Type .Default__Card--Label {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 4px;
  margin-right: 0.25em;
  font-weight: 400;
}
.Appointments--DefaultCard .Doctor__Appointment--Type .Default__Card--Label svg {
  margin-right: 0.75em;
}
.Appointments--DefaultCard .Doctor__Appointment--Type .Doctor__Appointment--Type-Label {
  margin-right: 1em;
}
.Appointments--DefaultCard .Doctor__Appointment--Type .Doctor__Appointment--Type-Label svg {
  margin-right: 0.75em;
}
.Appointments--DefaultCard .Doctor__Appointment--Reason {
  flex-direction: column;
  gap: 0.9375em;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(189, 159, 113, 0.2);
  padding: 1.25em;
  border-radius: 6px;
}
.Appointments--DefaultCard .Default__Card--Buttons {
  width: 100%;
  justify-content: flex-start;
  padding-top: 1.5625em;
  gap: 1.25em;
}

.Doctor__Appointments .Default__Search--Box-Text {
  width: 220px;
}
.Doctor__Appointments .Default__Search--Box-Text:not(:placeholder-shown), .Doctor__Appointments .Default__Search--Box-Text:focus {
  width: 260px;
}
.Doctor__Appointments .Appointments__FullCalendar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
.Doctor__Appointments .Appointments__FullCalendar--BorderRight {
  width: 100%;
}
.Doctor__Appointments .Appointments__FullCalendar--BorderRight .Default__Card--Heading h3 {
  margin-bottom: 2.5em;
}
.Doctor__Appointments .Appointments__FullCalendar--BorderRight-Display {
  padding-right: 30px;
  border-right: 1px solid #FFFFFF;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card {
  width: 100%;
  max-width: 100%;
  padding: 1.875em;
  margin-bottom: 0;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar {
  width: 100%;
  color: #FFFFFF;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-toolbar-title {
  font-size: 1.25em;
  font-weight: 700;
  color: #FFFFFF;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-header-toolbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 1.5625em;
  margin-bottom: 2.25em;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-toolbar-chunk button {
  position: relative;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  padding: 0.5em;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-toolbar-chunk button::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-toolbar-chunk button.fc-customNext-button::before {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/arrow-right.svg);
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-toolbar-chunk button.fc-customPrev-button::before {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/arrow-left.svg);
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar table.fc-scrollgrid {
  border: 0;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar table.fc-scrollgrid .fc-col-header-cell {
  border: 0;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar table.fc-scrollgrid .fc-col-header-cell a {
  text-decoration: none;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar table.fc-scrollgrid .fc-scrollgrid-section-header th {
  border: 0;
  padding-bottom: 0.9375em;
  background: transparent;
  z-index: 0;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar table.fc-scrollgrid .fc-scrollgrid-section-header th.fc-col-header-cell {
  padding-bottom: 0;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td {
  border: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td.has-appointment.selected-date {
  background-color: rgba(189, 159, 113, 0.2);
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td a {
  text-decoration: none;
  font-size: 1em;
  font-weight: 600;
  padding: 0 0.625em 0 0;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td .fc-scrollgrid-sync-inner {
  padding: 1em 0.125em 0.625em 0.3125em;
  min-height: 54px;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td .fc-h-event {
  background-color: transparent;
  border-color: transparent;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td a.fc-h-event {
  font-size: 0.625em;
  font-weight: 600;
  padding: 0;
  margin: 0;
  letter-spacing: -0.17px;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td .fc-h-event .fc-event-title {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td.fc-day-today, .Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td.fc-day-today .fc-daygrid-day-top a, .Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td.fc-day-today .fc-daygrid-day-events .fc-event-main {
  background: transparent;
  color: #BD9F71;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td.fc-day-today.selected-date {
  background: rgba(189, 159, 113, 0.2);
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td .fc-highlight {
  background: transparent;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td .fc-day-other .fc-daygrid-day-top {
  opacity: 1;
  color: #676767;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-daygrid-day-events {
  min-height: 0;
  margin-bottom: 0;
}
.Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar .fc-daygrid-day.has-appointment .fc-daygrid-day-top a {
  color: #FFFFFF;
}
.Doctor__Appointments .Appointments__Card {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  margin-left: 30px;
}
.Doctor__Appointments .Appointments__Card .Default__Card:first-child {
  margin-top: 0;
}
.Doctor__Appointments .Appointments__Card .Default__Card {
  grid-row-gap: 0;
  border-radius: 1.25em;
  margin-top: 1.5625em;
}
.Doctor__Appointments .Appointments__Card .Default__Card--Heading {
  width: 100%;
  text-align: center;
}
.Doctor__Appointments .Appointments__Card .Default__Card--Heading h3 {
  font-size: 1.375em;
}
.Doctor__Appointments .Appointments__Card--Name {
  max-width: 50%;
  word-break: break-all;
}
.Doctor__Appointments .Appointments__Card--Name h3 {
  font-size: 1.125em;
  color: #FFFFFF;
  line-height: 24px;
}
.Doctor__Appointments .Appointments__Card--TimeAndStatus {
  width: 100%;
  display: flex;
}
.Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  width: 100%;
}
.Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .DefaultButton, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .DefaultButton__H30, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .DefaultButton__H50, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .Default__Card--Buttons a:first-child, .Default__Card--Buttons .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons a:first-child, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .Default__OutlinedButton, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .Default__OutlinedButton__H30, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .Default__OutlinedButton__H50, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons a:last-child {
  width: auto;
}
.Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .DefaultButton[disabled=disabled], .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons [disabled=disabled].DefaultButton__H30, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons [disabled=disabled].DefaultButton__H50, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .Default__Card--Buttons a[disabled=disabled]:first-child, .Default__Card--Buttons .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons a[disabled=disabled]:first-child, .Doctor__Appointments .Appointments__Card .Appointments__Card--Buttons .DefaultButton[disabled=disabled]:hover {
  background-color: #848484;
  border-color: #848484;
  color: rgba(255, 255, 255, 0.8) !important;
  cursor: no-drop;
}
.Doctor__Appointments .Appointments__Card #specified_date_appointment {
  width: 100%;
  height: 520px;
  overflow: auto;
  margin-top: 2.5em;
  padding-right: 0;
}
.Doctor__Appointments .Appointments__Card .No__Appointments--Found {
  position: relative;
  min-height: 400px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Doctor__Appointments .Appointments__Card .No__Appointments--Found span {
  font-size: 1.5em;
  color: #848484;
}
.Doctor__Appointments .Appointments__Card--Date {
  position: relative;
  top: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Appointments--DefaultCard {
    font-size: 0.9375em;
  }
  .Appointments--DefaultCard .Default__Card {
    width: 100%;
    padding: 1.25em 1.25em;
  }
  .Appointments--DefaultCard-NavTabs {
    gap: 0.625em;
  }
  .Appointments--DefaultCard-NavTabs li a {
    top: 2px;
    right: -10px;
  }
  .Appointments--DefaultCard-NavTabs li a svg {
    width: 30px;
    height: 25px;
  }
  .Appointments--DefaultCard .Tab__Pane--Cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    align-items: flex-start;
  }
  .Appointments--DefaultCard .Tab__Pane--Cards turbo-frame {
    width: 47.5%;
  }
  .Appointments--DefaultCard .Doctor__Appointment--Profile {
    flex-direction: column;
  }
  .Appointments--DefaultCard .Doctor__Appointment--Details {
    min-width: auto;
    border-right: 0;
  }
  .Appointments--DefaultCard .Doctor__Appointment--Type {
    max-width: 100%;
  }
  .Appointments--DefaultCard .Doctor__Appointment--Type .Default__Card--Label {
    align-items: flex-start;
  }
  .Appointments--DefaultCard .Default__Card--Buttons {
    flex-direction: column;
  }
  .Doctor__Appointments .Appointments__FullCalendar {
    flex-direction: column;
  }
  .Doctor__Appointments .Appointments__FullCalendar--BorderRight-Display {
    border-right: 0;
    padding-right: 0;
  }
  .Doctor__Appointments .Appointments__FullCalendar .Default__Card .Appointments__Calendar tbody .fc-scrollgrid-section-body td a.fc-h-event {
    font-size: 0.875em;
  }
  .Doctor__Appointments .Appointments__FullCalendar .Appointments__Card #specified_date_appointment {
    margin-top: 1.25em;
  }
  .Doctor__Appointments .Appointments__Card {
    margin-left: 0;
    margin-top: 2.5em;
  }
}
.Enquiry__Modal--Body {
  margin-top: 1.5625em;
}
.Enquiry__Modal--Body p {
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 1.5625em;
}
.Enquiry__Modal--Body .TextArea::placeholder {
  font-weight: 500;
  color: #BABABA;
  font-size: 14px;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox {
  display: flex;
  flex-flow: row wrap;
  margin-top: 1.5625em;
  margin-bottom: 1.5625em;
  gap: 1.5625em;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox label {
  color: #BD9F71;
  font-size: 1em;
  font-weight: 600;
  padding-left: 1.5625em;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox label:nth-child(1) img {
  max-width: 15px;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox label:nth-child(2) img {
  max-width: 16px;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox label:nth-child(3) img {
  max-width: 17px;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox label:nth-child(4) img {
  max-width: 16px;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox input:checked ~ label {
  color: #BD9F71;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox label.Form__Label {
  padding-left: 0.1875em;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox .Default__Checkbox--Checkmark {
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 0.25em;
}
.Enquiry__Modal--Body .Enquiry__DefaultCard--Checkbox .Default__Checkbox--Checkmark:after {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/checked-black.svg);
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
}
.Enquiry__Modal--Body .modal-footer {
  gap: 0.75em;
}
.Enquiry__Modal--Body .modal-footer .Default__OutlinedButton, .Enquiry__Modal--Body .modal-footer .Default__OutlinedButton__H30, .Enquiry__Modal--Body .modal-footer .Default__OutlinedButton__H50, .Enquiry__Modal--Body .modal-footer .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Enquiry__Modal--Body .modal-footer a:last-child, .Enquiry__Modal--Body .modal-footer .DefaultButton, .Enquiry__Modal--Body .modal-footer .DefaultButton__H30, .Enquiry__Modal--Body .modal-footer .DefaultButton__H50, .Enquiry__Modal--Body .modal-footer .Default__Card--Buttons a:first-child, .Default__Card--Buttons .Enquiry__Modal--Body .modal-footer a:first-child, .Enquiry__Modal--Body .modal-footer .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Enquiry__Modal--Body .modal-footer a.DefaultButton__H50:last-child {
  margin-left: 0;
}

.documentModal .Main__Content--Container {
  padding: 0;
  margin: 0;
  margin-top: 1.25em;
  width: 100%;
  max-width: 100%;
  background: transparent;
}
.documentModal .Main__Content--Container .Default__Card--Heading {
  display: flex;
  flex-flow: row wrap;
  gap: 0.625em;
}
.documentModal .Main__Content--Container .Default__Card--Heading .Form__Label {
  font-size: 1em;
  margin-bottom: 0;
}
.documentModal .Main__Content--Container .Default__Card--Heading + hr {
  display: none;
}
.documentModal .Main__Content--Container .Prescription__Accordian--MedicineName {
  flex-flow: row wrap;
  justify-content: flex-start;
}
.documentModal .Main__Content--Container .lab-details, .documentModal .Main__Content--Container .courier-details {
  flex-direction: column;
  gap: 0.9375em;
}
.documentModal .Main__Content--Container .lab-details .Default__Card--IconWithText.recipient-contact, .documentModal .Main__Content--Container .lab-details .Default__Card--IconWithText.recipient-email, .documentModal .Main__Content--Container .courier-details .Default__Card--IconWithText.recipient-contact, .documentModal .Main__Content--Container .courier-details .Default__Card--IconWithText.recipient-email {
  justify-content: flex-start;
}
.documentModal .Patient__Document--Other {
  padding: 1.5625em 1.25em;
}

.Patient__Enquiry {
  /***** Tab Content ****/
}
.Patient__Enquiry--TabContent {
  margin-top: 1.875em;
  color: #FFFFFF;
}
.Patient__Enquiry--Details .Default__Card--Heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5625em;
}
.Patient__Enquiry--Details .Default__Card--Heading h3 {
  display: flex;
  align-items: center;
  gap: 0.625em;
  margin-bottom: 0;
}
.Patient__Enquiry--Details .Default__Card--Heading h3 span {
  max-width: 22px;
  display: flex;
}
.Patient__Enquiry--Details .Default__Card--Heading h3 a {
  display: flex;
}
.Patient__Enquiry--Details .Default__Card--Heading p {
  color: #FF0000;
  font-size: 1em;
  font-weight: 400;
}
.Patient__Enquiry--Details .Default__Card--Text {
  font-size: 0.75em;
  line-height: 16px;
}
.Patient__Enquiry--TravelAdvice, .Patient__Enquiry--OccupationalHealth {
  display: flex;
  grid-gap: 1.875em;
  margin-bottom: 1.5625em;
}
.Patient__Enquiry--TravelAdvice .Default__Card--Label-Value, .Patient__Enquiry--OccupationalHealth .Default__Card--Label-Value {
  width: auto;
  grid-gap: 0.25em;
}
.Patient__Enquiry--TravelAdvice .Default__Card--Label, .Patient__Enquiry--OccupationalHealth .Default__Card--Label {
  font-size: 0.75em;
  font-weight: 300;
}
.Patient__Enquiry--TravelAdvice .Default__Card--Value, .Patient__Enquiry--OccupationalHealth .Default__Card--Value {
  font-size: 0.75em;
  font-weight: 400;
}
.Patient__Enquiry--ClosedEnquiry .Default__Card--Heading p.Closed__On {
  color: #00A700;
}
.Patient__Enquiry--ClosedEnquiry .Default__Card--Text {
  color: #848484;
  font-size: 1em;
}
.Patient__Enquiry--ClosedEnquiry .Default__Card--Text p.Doctor__Response {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 400;
}
.Patient__Enquiry--ClosedEnquiry .Default__Card--Text p.Doctor__Response span {
  color: #BD9F71;
  font-weight: 700;
}
.Patient__Enquiry--ClosedEnquiry .Default__Card--Text p.Doctor__Message {
  color: #FFFFFF;
  font-size: 0.75em;
  font-weight: 400;
  margin-top: 1em;
}
.Patient__Enquiry--ClosedEnquiry .Default__Card--Text .View__Document--Button {
  width: auto;
}
.Patient__Enquiry--ClosedEnquiry .Default__Card--Text .View__Document--Button a {
  width: auto;
  max-width: max-content;
}

.Biometrics__FilterAndTabs {
  margin-bottom: 1.25em;
}
.Biometrics--DefaultCard-NavTabs {
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  gap: 1.25em;
}
.Biometrics--DefaultCard-NavTabs a {
  padding: 0;
}
.Biometrics--DefaultCard-NavTabs a.active svg path {
  fill: #BD9F71;
}
.Biometrics__Year {
  margin-top: 2.5em;
}
.Biometrics__Card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  gap: 1.5625em;
  width: 100%;
}
.Biometrics__Card .Default__Card {
  width: 48.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-color: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 0;
  margin-top: 0;
}
.Biometrics__Card--DateAndWeek .Default__Card--Label-Value {
  display: flex;
  flex-direction: column;
  gap: 0.125em;
}
.Biometrics__Card--DateAndWeek .Default__Card--Value {
  font-size: 1.125em;
  font-weight: 700;
}
.Biometrics__Card--DateAndWeek .Default__Card--Label {
  font-size: 0.75em;
  font-weight: 500;
  text-transform: uppercase;
}
.Biometrics__Card--Time .Default__Card--Value {
  font-size: 0.875em;
  color: #848484;
  font-weight: 600;
}
.Biometrics__Card--Value .Default__Card--Text span {
  font-size: 1.375em;
  font-weight: 600;
}
.Biometrics__Card--Value .Default__Card--Text span.units {
  color: #D6D6D6;
  font-size: 0.625em;
  font-weight: 400;
  margin-left: 0.25em;
}
.Biometrics__FilterAndTabs .ToggleSwitch {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 30px;
}
.Biometrics__FilterAndTabs .ToggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.Biometrics__FilterAndTabs .ToggleSwitch__Slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #BD9F71;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
}
.Biometrics__FilterAndTabs .ToggleSwitch__Slider::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.Biometrics__FilterAndTabs .ToggleSwitch input:checked + .ToggleSwitch__Slider {
  background-color: #BD9F71;
}
.Biometrics__FilterAndTabs .ToggleSwitch input:checked + .ToggleSwitch__Slider::before {
  -webkit-transform: translateX(110px);
  -ms-transform: translateX(110px);
  transform: translateX(110px);
}
.Biometrics__FilterAndTabs .ToggleSwitch__Round {
  border-radius: 15px;
}
.Biometrics__FilterAndTabs .ToggleSwitch__Round::before {
  border-radius: 50%;
}
.Biometrics__FilterAndTabs .ToggleSwitch__Label {
  font-size: 12px;
  color: white;
  user-select: none;
  white-space: nowrap;
  position: absolute;
}
.Biometrics__FilterAndTabs .ToggleSwitch__Label.On {
  opacity: 0;
  left: 9px;
}
.Biometrics__FilterAndTabs .ToggleSwitch__Label.Off {
  opacity: 1;
  right: 12px;
}
.Biometrics__FilterAndTabs .ToggleSwitch input:checked + .ToggleSwitch__Slider .On {
  opacity: 1;
}
.Biometrics__FilterAndTabs .ToggleSwitch input:checked + .ToggleSwitch__Slider .Off {
  opacity: 0;
}

#biometrics_listing hr {
  border-color: #FFFFFF;
  margin-bottom: 1.5625em;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Biometrics__Card {
    grid-column-gap: 0.625em;
    grid-row-gap: 0.9375em;
  }
}
.Change__Password--Card {
  padding: 0.8125em 1.5625em 0.625em;
  margin-bottom: 0.3125em;
}
.Change__Password--Card .Form__Field {
  margin-top: 0.75em;
}

.Consultants__DefaultCard {
  padding: 1.5625em 0.25em 0.75em 1.5625em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.Consultants__DefaultCard .Form__Field:first-child {
  margin-top: 0;
  width: 100%;
}
.Consultants__DefaultCard .Form__Field {
  width: 50%;
  padding-right: 1.625em;
}
.Consultants__DefaultCard .Form__Field:last-child {
  width: 100%;
}
.Consultants__DefaultCard--Organisation {
  padding-right: 1.5625em;
  padding-bottom: 1.5625em;
}
.Consultants__DefaultCard--Organisation .Form__Field:first-child {
  width: 50%;
}
.Consultants__DefaultCard--Organisation .Default__Card--Heading h3 {
  margin-bottom: 0;
}
.Consultants__DefaultCard--Organisation .Default__Card--Heading h3 span {
  text-transform: lowercase;
}
.Consultants__DefaultCard--Organisation .Default__Card--BlackCard {
  padding-right: 0.25em;
  padding-bottom: 0.75em;
  margin-top: 1.25em;
}
.Consultants__DefaultCard--Checkbox {
  margin-top: 1.25em;
}
.Consultants__DefaultCard--Checkbox label {
  color: #FFFFFF;
  font-size: 0.875em;
  font-weight: 400;
  margin-bottom: 0;
  display: inline-block;
  cursor: pointer;
}
.Consultants__DefaultCard--Checkbox input:checked ~ label {
  color: #FFFFFF;
}
.Consultants__DefaultCard--Checkbox .Default__Checkbox--Checkmark {
  top: -2px;
}
.Consultants__DefaultCard--AddButton {
  width: 100%;
  margin-top: 0.3125em;
  text-align: right;
}
.Consultants__DefaultCard--AddButton a {
  max-width: 8.375em;
  margin-left: auto;
  margin-right: 0;
  padding: 0;
}
.Consultants__DefaultCard--Specialities, .Consultants__DefaultCard--Treatment {
  padding: 1.5625em;
}
.Consultants__DefaultCard--Specialities .Default__Card--BlackCard, .Consultants__DefaultCard--Specialities .Default__Card--Heading, .Consultants__DefaultCard--Specialities--Field, .Consultants__DefaultCard--Treatment .Default__Card--BlackCard, .Consultants__DefaultCard--Treatment .Default__Card--Heading, .Consultants__DefaultCard--Treatment--Field {
  width: 100%;
  padding-bottom: 0.3125em;
}
.Consultants__DefaultCard--Specialities .Default__Card--Heading h3, .Consultants__DefaultCard--Treatment .Default__Card--Heading h3 {
  margin-bottom: 0.625em;
  font-weight: 400;
  font-size: 1em;
  line-height: 30px;
}
.Consultants__DefaultCard--Specialities .Form__Field, .Consultants__DefaultCard--Treatment .Form__Field {
  padding-right: 0;
}
.Consultants__DefaultCard--Specialities .Default__Card--BlackCard, .Consultants__DefaultCard--Treatment .Default__Card--BlackCard {
  margin-top: 0;
}
.Consultants__DefaultCard--Qualifications {
  padding-right: 1.5625em;
  padding-bottom: 1.5625em;
}
.Consultants__DefaultCard--Qualifications .Form__Field:first-child, .Consultants__DefaultCard--Qualifications .Form__Field:last-child {
  width: 50% !important;
}
.Consultants .Default__Card--Buttons {
  padding-top: 0;
  gap: 0;
  grid-column-gap: 10px;
}
.Consultants__View .Default__Card {
  padding: 1.5625em;
}
.Consultants__View .Default__Card--BlackCard {
  padding-bottom: 1.25em;
  display: flex;
  justify-content: space-between;
}
.Consultants__LeftColumn {
  display: flex;
  width: 100%;
}
.Consultants__Profile--InitialsWithName {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2.8125em;
}
.Consultants__Profile--InitialsWithName .Default__Card--Initials {
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
  background: linear-gradient(124.71deg, rgba(189, 159, 113, 0.18) 0%, #BD9F71 88.41%);
  font-size: 2em;
  font-weight: 700;
}
.Consultants__Profile--Card {
  display: flex;
  justify-content: space-between;
}
.Consultants__Profile--Details .Default__Card--Heading h3 {
  font-size: 1.375em;
  margin-bottom: 0.925em;
  line-height: 1em;
}
.Consultants__Profile--Details .Default__Card--Icon__Text {
  line-height: 1em;
}
.Consultants__Description {
  margin-top: 1.5625em;
}
.Consultants__Description .Default__Card--Value {
  margin-top: 0.9375em;
  font-weight: 400;
  line-height: 24px;
}
.Consultants__Location--Card .Default__Card--Icon svg path {
  fill: #BD9F71;
}
.Consultants__Location--Card .Default__Card--Icon__Text {
  color: #FFFFFF;
}
.Consultants__Location--Card .Default__Card--IconWithText {
  margin-bottom: 0;
}
.Consultants__Individual--Form .Default__Card--QualificationEdit .Form__Field:last-child {
  width: 50%;
}

.Profile__Account--Edit {
  padding: 1.5625em 1.5625em 1.25em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.Profile__Account--Edit-Info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
.Profile__Account--Edit-LeftColumn {
  width: auto;
  max-width: 100px;
  margin-right: 2.5em;
  position: relative;
}
.Profile__Account--Edit-LeftColumn .Form__FileUpload--Container {
  max-width: 60px;
  margin: 0.75em auto 0;
}
.Profile__Account--Edit-LeftColumn .Form__FileUpload--Container label {
  font-size: 0.875em;
}
.Profile__Account--Edit-LeftColumn .Form__FileUpload--Container input[type=file] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 30px;
  opacity: 0;
}
.Profile__Account--Edit-Image {
  min-width: 100px;
  min-height: 100px;
  max-width: 100px;
  max-height: 100px;
  border-radius: 100px;
  background: linear-gradient(to top, #BD9F71, rgba(189, 159, 113, 0.4));
  overflow: hidden;
  width: 100%;
  border: none;
  padding: 48%;
  position: relative;
  display: inline-block;
}
.Profile__Account--Edit-Image img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.Profile__Account--Edit-NoImage {
  background: #BABABA;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Profile__Account--Edit-NoImage img {
  max-width: 38px;
  position: relative;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Profile__Account--Edit-RightColumn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.Profile__Account--Edit-RightColumn .Form__Field {
  width: 50%;
  padding-right: 1.25em;
  margin-top: 0;
}
.Profile__Account--Edit-RightColumn .Form__Field:nth-child(2n) {
  padding-left: 1.25em;
  padding-right: 0;
}
.Profile__Account--Edit .Assigned__Clinics {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  margin-top: 0.625em;
}
.Profile__Account--Edit .Assigned__Clinics > span {
  margin-bottom: 0.625em;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: 300;
  margin-right: 0.625em;
}
.Profile__Account--Edit .Form__FileUpload--DigitalSignature .Form__Label {
  font-size: 1.25em;
  font-weight: 700;
}
.Profile__Account--Edit .Form__ErrorLabel {
  width: 100%;
}
.Profile__Account--Edit + .Default__Card--Buttons {
  padding-top: 0.3125em;
}

.Default__Datatable.Default__Datatable--Task table tbody tr.odd, .Default__Datatable.Default__Datatable--Task table tbody tr.even {
  background: rgba(189, 159, 113, 0.1);
}
.Default__Datatable.Default__Datatable--Task table tbody tr td {
  height: auto;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.Default__Datatable.Default__Datatable--Task table tbody tr td:first-child {
  border-left: 2px solid #BD9F71;
}
.Default__Datatable.Default__Datatable--Task table tbody tr td select {
  width: auto;
}
.Default__Datatable.Default__Datatable--Task table tbody a {
  text-decoration: none;
  font-size: 1em !important;
  white-space: normal;
}

.Default__Card--TaskCustomDates {
  padding: 2.5em 1.875em 0.9375em;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  gap: 1.25em;
}
.Default__Card--TaskCustomDates-Close {
  position: absolute;
  top: 0.9375em;
  right: 0.9375em;
}
.Default__Card--TaskCustomDates-Close button {
  border: 0;
  background: transparent;
}
.Default__Card--TaskCustomDates .Default__Card--Input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.Default__Card--TaskCustomDates input {
  display: flex;
  margin-right: 1.25em;
  border-color: #FFFFFF;
}

.Task__Modal--Body {
  margin-top: 1.25em;
}
.Task__Modal--Body .Form__Field {
  width: 100%;
  margin-top: 0;
}
.Task__Modal--Body .modal-footer {
  margin-top: 0.375em;
}
.Task__Modal--Body .Default__Card {
  padding: 1.875em 1.25em;
}
.Task__Modal--Body .Default__Card--Icon__Text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0;
}
.Task__Modal--Body .Default__Card--Initials, .Task__Modal--Body .Default__Card--ProfileImg-Small {
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  font-size: 0.75em;
}
.Task__Modal--Body .Default__Card .Task__Modal-DueDateAndPriority {
  margin-top: 1.25em;
  grid-column-gap: 1.5625em;
}
.Task__Modal--Body .Default__Card .Task__Modal-AssignedTo {
  align-items: center;
}
.Task__Modal--Body .Default__Card--Value {
  font-weight: 500;
}

.AddPrescriptionModal .modal-body {
  margin-top: 1.5625em;
}
.AddPrescriptionModal .Default__Card {
  padding: 1.875em;
  border-radius: 1em;
}
.AddPrescriptionModal .Default__Card .Form__Field {
  margin-top: 0.3125em;
  margin-bottom: 0.3125em;
}
.AddPrescriptionModal .Default__Card .Form__Field:first-child {
  margin-top: 0;
}
.AddPrescriptionModal .Default__Card .Form__Field--HalfWidth {
  width: 47.5%;
}
.AddPrescriptionModal .Default__Card .Form__Field--FullWidth .TextArea {
  min-height: 60px;
}
.AddPrescriptionModal .form-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.AddPrescriptionModal #medicines .prescriptions .form-card {
  margin-top: 1.5625em;
}
.AddPrescriptionModal__Button {
  display: flex;
  justify-content: flex-end;
  width: auto;
}
.AddPrescriptionModal__Button .DefaultButton, .AddPrescriptionModal__Button .DefaultButton__H30, .AddPrescriptionModal__Button .DefaultButton__H50, .AddPrescriptionModal__Button .Default__Card--Buttons a:first-child, .Default__Card--Buttons .AddPrescriptionModal__Button a:first-child, .AddPrescriptionModal__Button .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons .AddPrescriptionModal__Button a.DefaultButton, .AddPrescriptionModal__Button .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons .AddPrescriptionModal__Button a.DefaultButton__H30, .AddPrescriptionModal__Button .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .AddPrescriptionModal__Button a.DefaultButton__H50, .AddPrescriptionModal__Button .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .AddPrescriptionModal__Button a.DefaultButton__H50:last-child {
  width: auto;
  margin-top: 1.5625em;
}
.AddPrescriptionModal__Buttons {
  display: flex;
  justify-content: flex-end;
  margin: 0.3125em 0 0.625em auto;
  gap: 1.25em;
}
.AddPrescriptionModal__Buttons .Default__OutlinedButton a, .AddPrescriptionModal__Buttons .Default__OutlinedButton__H30 a, .AddPrescriptionModal__Buttons .Default__OutlinedButton__H50 a, .AddPrescriptionModal__Buttons .Default__Card--Buttons a:last-child a, .Default__Card--Buttons .AddPrescriptionModal__Buttons a:last-child a {
  text-decoration: none;
}
.AddPrescriptionModal__Buttons .DefaultButton, .AddPrescriptionModal__Buttons .DefaultButton__H30, .AddPrescriptionModal__Buttons .DefaultButton__H50, .AddPrescriptionModal__Buttons .Default__Card--Buttons a:first-child, .Default__Card--Buttons .AddPrescriptionModal__Buttons a:first-child, .AddPrescriptionModal__Buttons .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons .AddPrescriptionModal__Buttons a.DefaultButton, .AddPrescriptionModal__Buttons .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons .AddPrescriptionModal__Buttons a.DefaultButton__H30, .AddPrescriptionModal__Buttons .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .AddPrescriptionModal__Buttons a.DefaultButton__H50, .AddPrescriptionModal__Buttons .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .AddPrescriptionModal__Buttons a.DefaultButton__H50:last-child {
  width: auto;
}

.Consultation__Appointment {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Consultation__Appointment--Container {
  margin-bottom: 1.5625em;
}
.Consultation__Appointment--Reason, .Consultation__Appointment--Advice, .Consultation__Appointment--Preventive {
  padding-bottom: 0.3125em;
}
.Consultation__Appointment--FollowUp {
  padding-bottom: 0.9375em;
}
.Consultation__Appointment--FollowUp #noTimeSlot .Form__ErrorLabel {
  text-align: left;
  margin-top: 0;
}
.Consultation__Appointment--DateTime {
  display: flex;
  justify-content: flex-end;
}
.Consultation__Appointment .Default__Card--IconWithText {
  width: auto;
  margin-bottom: 0;
  margin-right: 2.5em;
}
.Consultation__Appointment .Default__Card--IconWithText:last-child {
  margin-right: 0;
}
.Consultation__Appointment--HalfWidth {
  width: 48.5%;
}
.Consultation__Appointment--FullWidth {
  width: 100%;
}
.Consultation__Appointment--Form hr, .Consultation__Appointment--ShowForm hr {
  border-color: #FFFFFF;
  margin: 1.5625em 0;
}
.Consultation__Appointment--Form .Default__Card--Heading label, .Consultation__Appointment--ShowForm .Default__Card--Heading label {
  font-size: 1.25em;
  font-weight: 700;
  color: #FFFFFF;
}
.Consultation__Appointment--Form-Textarea .TextArea, .Consultation__Appointment--ShowForm-Textarea .TextArea {
  height: 150px;
}
.Consultation__Appointment--Form .Consultation__Appointment--HeadingWithToggle, .Consultation__Appointment--ShowForm .Consultation__Appointment--HeadingWithToggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Consultation__Appointment--Form .Consultation__Appointment--HeadingWithToggle button, .Consultation__Appointment--ShowForm .Consultation__Appointment--HeadingWithToggle button {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
}
.Consultation__Appointment--Form .Default__Card, .Consultation__Appointment--ShowForm .Default__Card {
  padding: 1.875em;
}
.Consultation__Appointment--Form .Default__Card .Form__Field:first-child, .Consultation__Appointment--ShowForm .Default__Card .Form__Field:first-child {
  margin-top: 0;
}
.Consultation__Appointment--Form .Default__Card .form-card, .Consultation__Appointment--ShowForm .Default__Card .form-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.Consultation__Appointment--Form .Default__Card .Form__Field--HalfWidth, .Consultation__Appointment--ShowForm .Default__Card .Form__Field--HalfWidth {
  width: 48.5%;
}
.Consultation__Appointment--Form .Default__Card--Buttons, .Consultation__Appointment--ShowForm .Default__Card--Buttons {
  gap: 0.9375em;
}
.Consultation__Appointment--Form .Default__Card--Buttons .Default__OutlinedButton, .Consultation__Appointment--Form .Default__Card--Buttons .Default__OutlinedButton__H30, .Consultation__Appointment--Form .Default__Card--Buttons .Default__OutlinedButton__H50, .Consultation__Appointment--Form .Default__Card--Buttons a:last-child, .Consultation__Appointment--ShowForm .Default__Card--Buttons .Default__OutlinedButton, .Consultation__Appointment--ShowForm .Default__Card--Buttons .Default__OutlinedButton__H30, .Consultation__Appointment--ShowForm .Default__Card--Buttons .Default__OutlinedButton__H50, .Consultation__Appointment--ShowForm .Default__Card--Buttons a:last-child {
  width: auto;
}
.Consultation__Appointment--Form .Default__Card--Label-Value span, .Consultation__Appointment--ShowForm .Default__Card--Label-Value span {
  font-weight: 700;
}
.Consultation__Appointment--Form .Default__Card--Deactivate, .Consultation__Appointment--ShowForm .Default__Card--Deactivate {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
  padding: 1.875em 1.5625em;
}
.Consultation__Appointment--Form .Default__Card--Text, .Consultation__Appointment--ShowForm .Default__Card--Text {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: -0.17px;
}
.Consultation__Appointment--ShowForm .Consultation__Appointment--Reason,
.Consultation__Appointment--ShowForm .Consultation__Appointment--ReasonAdvice,
.Consultation__Appointment--ShowForm .Consultation__Appointment--ReasonPreventive {
  padding-bottom: 1.875em;
}
.Consultation__Appointment--Request {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  grid-column-gap: 1.25em;
}
.Consultation__Appointment--Prescription .form-card.Default__Card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  grid-column-gap: 1.5625em;
}
.Consultation__Appointment--Prescription #medicines {
  width: 100%;
}
.Consultation__Appointment--Monitoring .Default__Card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  margin-top: 1.5625em;
  padding: 1.5625em;
  gap: 2.5em;
  border-color: #BD9F71;
}
.Consultation__Appointment--SubmitButton {
  background: transparent;
  margin: 0 auto;
  padding-top: 0;
  padding-right: 0;
}
.Consultation__Appointment--SubmitButton .Default__Card--Buttons {
  padding-top: 0;
}
.Consultation__Appointment--SubmitButton .DefaultButton, .Consultation__Appointment--SubmitButton .DefaultButton__H30, .Consultation__Appointment--SubmitButton .DefaultButton__H50, .Consultation__Appointment--SubmitButton .Default__Card--Buttons a:first-child, .Default__Card--Buttons .Consultation__Appointment--SubmitButton a:first-child, .Consultation__Appointment--SubmitButton .Default__Card--Buttons a.DefaultButton, .Default__Card--Buttons .Consultation__Appointment--SubmitButton a.DefaultButton, .Consultation__Appointment--SubmitButton .Default__Card--Buttons a.DefaultButton__H30, .Default__Card--Buttons .Consultation__Appointment--SubmitButton a.DefaultButton__H30, .Consultation__Appointment--SubmitButton .Default__Card--Buttons a.DefaultButton__H50, .Default__Card--Buttons .Consultation__Appointment--SubmitButton a.DefaultButton__H50, .Consultation__Appointment--SubmitButton .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Consultation__Appointment--SubmitButton a.DefaultButton__H50:last-child {
  width: auto;
}
.Consultation__Appointment--Vital {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625em;
  margin-bottom: 0;
  min-width: 175px;
  max-width: 175px;
}
.Consultation__Appointment--Vital label {
  color: #FFFFFF;
  margin-bottom: 0;
  font-weight: 600;
  display: flex;
  gap: 0.375em;
  line-height: normal;
}
.Consultation__Appointment--Vital svg {
  min-width: 21px;
}
.Consultation__Appointment--Vital img {
  max-width: 45px;
}
.Consultation__Appointment--Close button {
  background: transparent;
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.Consultation__Appointment--Close button svg {
  width: 14px;
  height: 14px;
}
.Consultation__Appointment--Heading h3 {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.125em;
}
.Consultation__Appointment--Heading h3 span {
  font-weight: 300;
}
.Consultation__Appointment--RadioBtns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-top: 1.5625em;
}
.Consultation__Appointment--DefaultCardVital.Default__Card {
  padding: 1.25em 1.875em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Consultation__Appointment--DefaultCardVital.Default__Card .Consultation__Appointment--Vital span {
  color: #BD9F71;
  font-weight: 700;
  margin-right: 0;
}
.Consultation__Appointment--DefaultCardVital.Default__Card .Default__Card--IconWithText {
  color: #BD9F71;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}
.Consultation__Appointment--DefaultCardVital.Default__Card .Default__Card--Icon svg path {
  fill: #BD9F71;
}
.Consultation__Appointment--DefaultCardVital.Default__Card .Default__Card--Icon__Text {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 0.875em;
}
.Consultation__Appointment--DefaultCardVital.Default__Card .Default__Card--Icon__Text b {
  font-weight: 700;
}
.Consultation__Appointment--DefaultCardVital.Default__Card .Consultation__Appointment--Date {
  justify-content: center;
}
.Consultation__Appointment--DefaultCardVital.Default__Card .Consultation__Appointment--Tracking {
  display: flex;
  justify-content: flex-end;
}
.Consultation__Appointment--DefaultCardFollowUp {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Consultation__Appointment--DefaultCardFollowUp .Consultation__Appointment--DateTime {
  justify-content: flex-start;
}
.Consultation__Appointment--DefaultCardFollowUp .Default__Card--IconWithText {
  margin-bottom: 0;
  width: auto;
  margin-right: 3.125em;
}
.Consultation__Appointment--DefaultCardFollowUp .Default__Card--LabelValue {
  text-align: right;
}

.Prescription__Accordian .accordion-item {
  background-color: transparent;
  padding: 1.5625em 1.25em;
  margin-top: 1.5625em;
}
.Prescription__Accordian .accordion-item:first-of-type {
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
}
.Prescription__Accordian .accordion-item:last-of-type {
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}
.Prescription__Accordian .accordion-item .Default__Card--Heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Prescription__Accordian .accordion-item hr {
  border-color: #FFFFFF;
}
.Prescription__Accordian .accordion-header {
  display: flex;
  flex-direction: column;
  gap: 1.5625em;
}
.Prescription__Accordian .accordion-header .lab-details.Default__Card, .Prescription__Accordian .accordion-header .courier-details.Default__Card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5625em;
  border-color: #BD9F71;
  margin-bottom: 0;
  margin-top: 0;
}
.Prescription__Accordian .accordion-header .Default__Card--IconWithText {
  margin-bottom: 0;
}
.Prescription__Accordian .accordion-header .Default__Card--IconWithText.recipient-email {
  justify-content: flex-end;
}
.Prescription__Accordian .accordion-header .Default__Card--IconWithText.recipient-contact {
  justify-content: center;
}
.Prescription__Accordian .accordion-header .Default__Card--IconWithText .Default__Card--Icon svg path {
  fill: #BD9F71;
}
.Prescription__Accordian .accordion-header .Default__Card--IconWithText .Default__Card--Icon__Text {
  color: #FFFFFF;
}
.Prescription__Accordian .accordion-body {
  padding: 0;
  gap: 1.5625em;
  display: flex;
  flex-direction: column;
}
.Prescription__Accordian .accordion-body .Default__Card--Label-Value span {
  font-weight: 300;
  line-height: 26px;
}
.Prescription__Accordian .Default__Card--Label-Value {
  width: auto;
  gap: 3px;
  flex-flow: row wrap;
}
.Prescription__Accordian--MedicineName {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625em;
}
.Prescription__Accordian--MedicineName h3 {
  margin-bottom: 0;
  max-width: 400px;
  word-break: break-all;
}
.Prescription__Accordian--Icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625em;
}
.Prescription__Accordian--EditIcon .letter-preview {
  color: #BD9F71;
}
.Prescription__Accordian--EditIcon button, .Prescription__Accordian--CollapseButton button {
  background: transparent;
  border: 0;
  outline: none;
  box-shadow: none;
  transition: all linear 0.3s;
}
.Prescription__Accordian--CloseIcon a svg {
  width: 13px;
  height: 13px;
}
.Prescription__Accordian--MedicineDetails {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Prescription__Accordian--MedicineDetails .Prescription__Accordian--OrderDuration {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.Prescription__Accordian--MedicineDetails .Default__Card--Label-Value {
  width: auto;
  gap: 3px;
  margin-right: 1.5625em;
}
.Prescription__Accordian--MedicineDetails .Default__Card--Label-Value span {
  font-weight: 300;
}
.Prescription__Accordian--CollapseButton button[aria-expanded=true] {
  transform: rotate(90deg);
}

#Notification__Overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.78);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  opacity: 0;
  transition: opacity 1s;
}

.Notifications {
  background: #11141D;
  border: 1px solid #E6E6E6;
  border-radius: 0.9375em 0 0 0.9375em;
  height: auto !important;
  min-height: 100%;
  max-height: 100%;
  transform: translateX(600px);
  width: 100%;
  max-width: 30em;
  position: fixed;
  z-index: 4;
  top: 95px;
  right: 0;
  transition: all linear 0.3s;
}
.Notifications__Open {
  overflow: hidden;
}
.Notifications__List {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
}
.Notifications__List a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}
.Notifications .Default__Card--Heading {
  padding: 1.25em;
  position: sticky;
  position: -webkit-sticky;
  top: 93px;
  z-index: 1;
  background: #11141D;
  border-radius: 0.9375em;
}
.Notifications .Default__Card--Heading h3 {
  margin-bottom: 0;
  color: #BD9F71;
  font-size: 1.25em;
  font-weight: 700;
}
.Notifications hr {
  border-color: #E6E6E6;
  border-width: 0.5px;
  opacity: 1;
  margin: 0;
}
.Notifications .Default__Card--Text {
  padding: 1.5625em;
  line-height: 25px;
  position: relative;
  word-break: break-word;
}
.Notifications .Default__Card--Text.Notification__Read {
  font-weight: 300;
  font-size: 0.875em;
  letter-spacing: -0.17px;
}
.Notifications .Default__Card--Text.Notification__UnRead {
  font-weight: 700;
  font-size: 1em;
  letter-spacing: -0.17px;
  background: rgba(255, 255, 255, 0.05);
}
.Notifications .Notification__Date--Time {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: -3px;
  right: 0;
  color: #FFFFFF;
  opacity: 0.8;
}
.Notifications .Notification__Date--Time span {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.Notifications .Notification__Date--Time span svg {
  width: 12px;
  margin-right: 3px;
}
.Notifications .Default__Card--NoData {
  display: flex;
  height: calc(100vh - 180px);
  opacity: 0.8;
}

.Task__Modal--Body {
  margin-top: 1.25em;
}
.Task__Modal--Body .Form__Field {
  width: 100%;
  margin-top: 0;
}
.Task__Modal--Body .modal-footer {
  margin-top: 0.375em;
}
.Task__Modal--Body .Default__Card {
  padding: 1.875em 1.25em;
}
.Task__Modal--Body .Default__Card--Icon__Text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0;
}
.Task__Modal--Body .Default__Card--Initials, .Task__Modal--Body .Default__Card--ProfileImg-Small {
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  font-size: 0.75em;
}
.Task__Modal--Body .Default__Card .Task__Modal-DueDateAndPriority {
  margin-top: 1.25em;
  grid-column-gap: 1.5625em;
}
.Task__Modal--Body .Default__Card .Task__Modal-AssignedTo {
  align-items: center;
}
.Task__Modal--Body .Default__Card--Value {
  font-weight: 500;
}

.membership_plan .Default__Card {
  padding: 1.875em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  grid-column-gap: 0.625em;
  grid-row-gap: 1.875em;
}
.membership_plan .Default__Card hr {
  margin: 0;
}
.membership_plan .Default__Card .full_width {
  width: 100%;
}
.membership_plan .Default__Card .Default__Card--Buttons {
  padding-top: 0;
}
.membership_plan .Default__Card .Default__Card--Value:first-child {
  font-size: 1em;
  font-weight: 400;
}
.membership_plan .Default__Card .Default__Card--Value:last-child {
  font-size: 1.125em;
}
.membership_plan .Default__Card--Label-Value {
  color: #FFFFFF;
  line-height: 1.5em;
  font-size: 1em;
}
.membership_plan .Default__Card--active-card {
  border: 2px solid #BFA171;
  background-color: #11141D;
}
.membership_plan .Default__Card--completed-card {
  background-color: rgba(61, 61, 61, 0.1);
  border: 2px solid rgb(130, 130, 130);
}
.membership_plan .Default__Card--completed {
  color: rgb(130, 130, 130) !important;
}

.Prescriptions--DefaultCard .Default__Card {
  padding: 1.875em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  grid-column-gap: 0.625em;
  grid-row-gap: 1.875em;
}
.Prescriptions--DefaultCard .Default__Card hr {
  margin: 0;
}
.Prescriptions--DefaultCard .Default__Card--Heading {
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625em;
}
.Prescriptions--DefaultCard .Default__Card--Heading h3 {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 700;
  color: #BD9F71;
}
.Prescriptions--DefaultCard .Default__Card--Label {
  color: #FFFFFF;
  margin-right: 0.25em;
}
.Prescriptions--DefaultCard .Default__Card--Buttons {
  padding-top: 0;
  gap: 1.25em;
}
.Prescriptions--DefaultCard .Default__Card--Buttons a.No__Button {
  border: 0;
}
.Prescriptions--DefaultCard .Default__Card--PrescriptionActive .Default__Card--Heading h3, .Prescriptions--DefaultCard .Default__Card--PrescriptionExpired .Default__Card--Heading h3 {
  color: #FFFFFF;
}
.Prescriptions--DefaultCard .Default__Card--PrescriptionActive .Default__Card--Label, .Prescriptions--DefaultCard .Default__Card--PrescriptionExpired .Default__Card--Label {
  font-weight: 300;
}

.Task__Modal--Body {
  margin-top: 1.25em;
}
.Task__Modal--Body .Form__Field {
  width: 100%;
  margin-top: 0;
}
.Task__Modal--Body .modal-footer {
  margin-top: 0.375em;
}
.Task__Modal--Body .Default__Card {
  padding: 1.875em 1.25em;
}
.Task__Modal--Body .Default__Card--Icon__Text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0;
}
.Task__Modal--Body .Default__Card--Initials, .Task__Modal--Body .Default__Card--ProfileImg-Small {
  min-width: 30px;
  min-height: 30px;
  max-width: 30px;
  max-height: 30px;
  font-size: 0.75em;
}
.Task__Modal--Body .Default__Card .Task__Modal-DueDateAndPriority {
  margin-top: 1.25em;
  grid-column-gap: 1.5625em;
}
.Task__Modal--Body .Default__Card .Task__Modal-AssignedTo {
  align-items: center;
}
.Task__Modal--Body .Default__Card--Value {
  font-weight: 500;
}

.medicineRequest .modal-header .Default__Card--Label {
  font-weight: 700;
  font-size: 1.25em;
}
.medicineRequest .modal-body {
  margin-top: 1.5625em;
}
.medicineRequest .modal-body .Rejection__Label {
  margin-bottom: 0.625em;
  font-weight: 700;
}
.medicineRequest .modal-body .Default__Card {
  padding: 1.125em 1.25em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-color: rgba(189, 159, 113, 0.2);
  margin-bottom: 0;
  margin-top: 1.5625em;
}
.medicineRequest .modal-body .Default__Card a {
  color: #BD9F71;
  font-size: 1em;
  font-weight: 500;
}
.medicineRequest .modal-body .Default__Card label.Default__Checkbox {
  color: #BD9F71;
  font-size: 1em;
  font-weight: 600;
  padding-left: 1.5625em;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.medicineRequest .modal-body .Default__Card label.Default__Checkbox .Form__Label {
  font-size: 1.125em;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 0;
}
.medicineRequest .modal-body .Default__Card input:checked ~ label {
  color: #BD9F71;
}
.medicineRequest .modal-body .Default__Card label.Form__Label {
  padding-left: 0.1875em;
}
.medicineRequest .modal-body .Default__Card .Default__Checkbox--Checkmark {
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 0.25em;
}
.medicineRequest .modal-body .Default__Card .Default__Checkbox--Checkmark:after {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/checked-black.svg);
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
}
.medicineRequest .modal-body .Default__Card .MedicineRequest__NameWithType {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: nowrap;
  max-width: 325px;
}
.medicineRequest .PrescriptionModal__Accordian--Header {
  flex-direction: row;
  justify-content: space-between;
}
.medicineRequest .PrescriptionModal__Accordian .accordion-item {
  padding: 1.25em;
  margin-top: 1.25em;
}
.medicineRequest .PrescriptionModal__Accordian--Body {
  gap: 0;
  grid-column-gap: 1.25em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.medicineRequest .PrescriptionModal__Accordian .Form__Field--HalfWidth {
  width: 48%;
}
.medicineRequest .RejectionReason__Card {
  font-size: 1.125em;
}
.medicineRequest .RejectionReason__Text .Default__Card--Heading h3 {
  margin-bottom: 0.625em;
}
.medicineRequest .RejectionReason__Text .Default__Card--BlackCard {
  margin-top: 0;
  background: rgba(255, 255, 255, 0.05);
  border-color: transparent;
  padding: 0.9375em;
  border-radius: 0.625em;
}
.medicineRequest .RejectionReason__Text .Default__Card--BlackCard span {
  font-weight: 400;
  font-size: 1em;
  line-height: 26px;
}
.medicineRequest .Completed__DefaultCard {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
.medicineRequest .Completed__DefaultCard .Default__Card--Heading {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 0.625em;
  font-size: 1.125em;
  font-weight: 600;
}
.medicineRequest .Completed__DefaultCard .Default__Card--Heading h3 {
  margin-bottom: 0;
}
.medicineRequest .Completed__DefaultCard--OrderDuration {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.25em;
  width: 100%;
}
.medicineRequest .Completed__DefaultCard--OrderDuration .Default__Card--Label-Value {
  width: auto;
  gap: 0.25em;
}
.medicineRequest .Completed__DefaultCard--OrderDuration .Default__Card--Label-Value .Default__Card--Label {
  color: #FFFFFF;
  font-weight: 300;
}
.medicineRequest .Completed__DefaultCard--OrderDuration .Default__Card--Label-Value .Default__Card--Value {
  font-weight: 700;
}
.medicineRequest .modal-footer {
  margin-top: 0.9375em;
}
.medicineRequest .modal-footer.PrescriptionModal__Footer {
  margin-top: 0.9375em;
}
.medicineRequest .Form__ErrorLabel {
  font-size: 0.8125em;
}

.enquiryModal .Patient__Enquiry--Details {
  padding: 1.25em;
}
.enquiryModal .Patient__Enquiry--Details .Default__Card--Heading {
  margin-bottom: 0.9375em;
}
.enquiryModal .Default__Card--Heading h3 {
  margin-bottom: 0;
}
.enquiryModal .Prescription__Accordian .accordion-item {
  margin-top: 1.25em;
}

.Patient__Document--DefaultCard .tab-pane ul.Document__Filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  grid-column-gap: 0.75em;
  margin-bottom: 1.875em;
}
.Patient__Document--DefaultCard .tab-pane .Default__Card {
  margin-bottom: 1.25em;
}
.Patient__Document--DefaultCard .tab-pane .Default__Search--Box-Text {
  width: 200px;
  height: 48px;
}
.Patient__Document--DefaultCard .tab-pane .Default__Search--Box-Text:not(:placeholder-shown), .Patient__Document--DefaultCard .tab-pane .Default__Search--Box-Text:focus {
  width: 14.0625em;
}
.Patient__Document--DefaultCard .tab-pane .Document__HeadingWithDropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
}
.Patient__Document--DefaultCard .tab-pane .Document__HeadingWithDropdown .Default__Card--Heading {
  width: 100%;
  margin-right: 1.25em;
}
.Patient__Document--DefaultCard .tab-pane .Document__HeadingWithDropdown .Default__Card--Heading h3 {
  font-size: 1.25em;
  font-weight: 700;
  color: #BD9F71;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #FFFFFF;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown button.dropdown-toggle {
  color: #BD9F71;
  padding: 0.625em 1.25em;
  font-size: 0.75em;
  font-weight: 600;
  border-radius: 100px;
  border: 0;
  background: transparent;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown .dropdown-menu {
  min-width: 170px;
  max-width: 170px;
  text-align: center;
  padding: 0.9375em 0.625em;
  border-radius: 6px;
  border: 0;
  background: #11141D;
  box-shadow: 0 1.75px 17.5px 0 #11141D;
  overflow: hidden;
  left: auto;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown .dropdown-menu li {
  margin-bottom: 0.3125em;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown .dropdown-menu li a {
  color: #FFFFFF;
  font-size: 0.75em;
  font-weight: 400;
  line-height: 14.5px;
  padding: 0.5em 1em;
  background-color: transparent;
  border-radius: 0.165em;
  transition: all 0.3s;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown .dropdown-menu li a:hover {
  background-color: #1D2028;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown svg {
  width: 12px;
}
.Patient__Document--DefaultCard .tab-pane .Document__Dropdown .dropdown-toggle::after {
  display: none;
}
.Patient__Document--DefaultCard .tab-pane .DefaultCard__Buttons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.25em;
  width: auto;
}
.Patient__Document--DefaultCard .tab-pane .DefaultButton, .Patient__Document--DefaultCard .tab-pane .DefaultButton__H30, .Patient__Document--DefaultCard .tab-pane .DefaultButton__H50, .Patient__Document--DefaultCard .tab-pane .Default__Card--Buttons a:first-child, .Default__Card--Buttons .Patient__Document--DefaultCard .tab-pane a:first-child, .Patient__Document--DefaultCard .tab-pane .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .Patient__Document--DefaultCard .tab-pane a.DefaultButton__H50:last-child, .Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton, .Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton__H30, .Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton__H50, .Patient__Document--DefaultCard .tab-pane .Default__Card--Buttons a:last-child, .Default__Card--Buttons .Patient__Document--DefaultCard .tab-pane a:last-child {
  width: auto;
  gap: 0.625em;
}
.Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton svg path, .Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton__H30 svg path, .Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton__H50 svg path, .Patient__Document--DefaultCard .tab-pane .Default__Card--Buttons a:last-child svg path, .Default__Card--Buttons .Patient__Document--DefaultCard .tab-pane a:last-child svg path {
  fill: #BD9F71;
  transition: all 0.3s;
}
.Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton:hover svg path, .Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton__H30:hover svg path, .Patient__Document--DefaultCard .tab-pane .Default__OutlinedButton__H50:hover svg path, .Patient__Document--DefaultCard .tab-pane .Default__Card--Buttons a:hover:last-child svg path, .Default__Card--Buttons .Patient__Document--DefaultCard .tab-pane a:hover:last-child svg path {
  fill: #FFFFFF;
}
.Patient__Document--DefaultCard .Default__Card--SuccessValue h3, .Patient__Document--DefaultCard .Default__Card--ErrorValue h3 {
  margin-bottom: 0;
}
.Patient__Document--RequestedAndUploaded-Date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Patient__Document--RequestedAndUploaded-Date .Default__Card--SuccessValue, .Patient__Document--RequestedAndUploaded-Date .Default__Card--ErrorValue {
  font-size: 1em;
}
.Patient__Document--RequestedAndUploaded-Date .Default__Card--Heading h3 {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0;
}
.Patient__Document--Email {
  margin-bottom: 1.5625em;
}
.Patient__Document--ReferralDoctor {
  margin-bottom: 1.875em;
}
.Patient__Document--Referral-LetterCreatedDate, .Patient__Document--ReferralDoctor, .Patient__Document--Other {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Patient__Document--LetterCreatedDate {
  margin-top: 1.5625em;
}

.addInvestigationReport .modal-dialog {
  max-width: 50.625em;
}
.addInvestigationReport .Invite__Modal--Body {
  width: 100%;
}
.addInvestigationReport .Invite__Modal--Body .Document__UploadResult {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: flex-end;
}
.addInvestigationReport .Invite__Modal--Body .Document__UploadResult--Test .investigation-report {
  margin-bottom: 1.25em;
}
.addInvestigationReport .Invite__Modal--Body .Document__UploadResult--Test .investigation-report:last-child {
  margin-bottom: 0;
}
.addInvestigationReport .Invite__Modal--Body .Form__Field {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
}
.addInvestigationReport .Invite__Modal--Body .DefaultButton, .addInvestigationReport .Invite__Modal--Body .DefaultButton__H30, .addInvestigationReport .Invite__Modal--Body .DefaultButton__H50, .addInvestigationReport .Invite__Modal--Body .Default__Card--Buttons a:first-child, .Default__Card--Buttons .addInvestigationReport .Invite__Modal--Body a:first-child, .addInvestigationReport .Invite__Modal--Body .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons a.DefaultButton__H50:last-child, .Default__Card--Buttons .DefaultButton__H50 .Default__Card--Buttons .addInvestigationReport .Invite__Modal--Body a.DefaultButton__H50:last-child {
  width: auto;
  margin-left: 0.875em;
}
.addInvestigationReport .Invite__Modal--Body form {
  width: 100%;
}
.addInvestigationReport .Invite__Modal--Body hr {
  width: 100%;
  margin: 1.5625em 0;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table {
  width: 100%;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table--Heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table .investigation-report + hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 0;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table .investigation-report + hr:last-child {
  border: 0;
  margin: 0;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table .investigation-report .form-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table .Form__FileUpload--UploadButton {
  width: auto;
  position: relative;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table .Form__FileUpload--UploadButton .Form__FileUpload--Label {
  margin-left: 0;
}
.addInvestigationReport .Invite__Modal--Body .Documents__Table .Form__FileUpload--UploadButton .Form__FileUpload--Input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  opacity: 0;
}
.addInvestigationReport .Test__Reports--ViewDelete {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75em;
}
.addInvestigationReport .Test__Reports--ViewDelete .view-button {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.addInvestigationReport .Test__Reports--ViewDelete .view-button a {
  font-size: 1em;
  font-weight: 400;
  color: #BD9F71;
}
.addInvestigationReport .Test__Reports--ViewDelete .remove-button {
  width: auto;
  height: auto;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.reportResponseType .Invite__Modal--Body {
  width: 100%;
  margin-top: 1.5625em;
  flex-direction: column;
}
.reportResponseType .Invite__Modal--Body label.error {
  padding-bottom: 0.625em;
  padding-top: 0;
  text-align: left;
}
.reportResponseType .Invite__Modal--Body form {
  width: 100%;
}
.reportResponseType .Invite__Modal--Body hr {
  width: 100%;
  margin-top: 0;
  margin-bottom: 1.5625em;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox {
  display: flex;
  flex-flow: row wrap;
  margin-top: 0;
  margin-bottom: 1.5625em;
  gap: 1.5625em;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox label {
  color: #BD9F71;
  font-size: 1em;
  font-weight: 600;
  padding-left: 1.5625em;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox label:nth-child(1) img {
  max-width: 16px;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox label:nth-child(2) img {
  max-width: 16px;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox label:nth-child(3) img {
  max-width: 17px;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox label:nth-child(4) img {
  max-width: 18px;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox input:checked ~ label {
  color: #BD9F71;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox label.Form__Label {
  padding-left: 0.1875em;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox .Default__Checkbox--Checkmark {
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 0.25em;
}
.reportResponseType .Invite__Modal--Body .AppointmentType__DefaultCard--Checkbox .Default__Checkbox--Checkmark:after {
  background-image: url(https://harleydoc.poplify.com/assets/icons/svg/checked-black.svg);
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
}

.viewEnquiryModal .Default__Card {
  padding: 1.25em;
}
.viewEnquiryModal .Default__Card--Label-Value {
  margin-bottom: 1.25em;
  gap: 0.25em;
}
.viewEnquiryModal .Default__Card--Label-Value:last-child {
  margin-bottom: 0;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .Patient__Document--DefaultCard .tab-pane ul.Document__Filter {
    justify-content: flex-start;
    flex-flow: row wrap;
    grid-row-gap: 1.25em;
  }
  .Patient__Document--DefaultCard .tab-pane .Default__Search--Box-Text {
    height: 38px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .Patient__Document--DefaultCard .tab-pane ul.Document__Filter {
    justify-content: flex-start;
    flex-flow: row wrap;
    grid-row-gap: 1.25em;
  }
  .Patient__Document--DefaultCard .tab-pane .Default__Search--Box-Text {
    height: 38px;
  }
}
.Patient__Accounts--DefaultCard .Filters {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 0.75em;
  margin-bottom: 1.875em;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard {
  border-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9375em 1.875em;
  border-radius: 0.75em;
  margin-bottom: 0.9375em;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard:last-child {
  margin-bottom: 0;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard .Default__Card--Icon__Text {
  display: flex;
  justify-content: flex-start;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard .Default__Card--Icon {
  min-width: 2.625em;
  min-height: 2.625em;
  max-width: 2.625em;
  max-height: 2.625em;
  overflow: hidden;
  border: 1px solid rgba(189, 159, 113, 0.2);
  border-radius: 0.1875em;
  background: rgba(189, 159, 113, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard .Default__Card--Icon svg {
  margin-right: 0;
  min-width: auto;
  max-width: max-content;
  min-height: auto;
  max-height: max-content;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard .Default__Card--Text {
  margin-left: 1em;
  font-size: 0.875em;
  display: flex;
  flex-flow: row wrap;
  grid-column-gap: 0.3125em;
  grid-row-gap: 0.3125em;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard .Patient__Account--Date {
  width: 100%;
  font-size: 0.75em;
  color: #848484;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard .Patient__Account--Invoice {
  width: 20%;
  display: flex;
  justify-content: flex-end;
}
.Patient__Accounts--DefaultCard .Default__Card--BlackCard .Patient__Account--Invoice a {
  color: #BD9F71;
  text-decoration: underline;
  font-weight: 500;
  font-size: 0.9375em;
}
.Patient__Accounts--DefaultCard .Account_Logs--Details {
  border-left: 1px dashed #848484;
  padding: 1.5625em 0;
  margin-left: 4.0625em;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs {
  display: flex;
  align-items: center;
  gap: 1.25em;
  margin-bottom: 0.9375em;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs .Patient__Account--LeftColumn {
  width: 15%;
  display: flex;
  align-items: center;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs .Patient__Account--LeftColumn .DashedLine {
  border-top: 1px dashed #848484;
  width: 16px;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs .Patient__Account--LeftColumn .Patient__Account--Date {
  font-size: 0.75em;
  color: #848484;
  margin-left: 0.625em;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs .Patient__Account--RightColumn {
  width: 90%;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs .Default__Card--BlackCard {
  border-left: 1px solid #BD9F71;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs .Default__Card--Text {
  margin-left: 0.3125em;
  font-size: 1em;
  align-items: center;
}
.Patient__Accounts--DefaultCard .Patient__Account--Logs .Default__Card--Text span {
  color: #BD9F71;
  font-size: 1em;
  font-weight: 400;
  line-height: 20px;
}
.Patient__Accounts--LogsDate {
  font-weight: 500;
  margin: 1.25em 0 1.25em 0.4375em;
  line-height: 1.125em;
}

.ErrorPage {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 3.125em;
  height: 100vh;
}
.ErrorPage .Default__Card--Label-Value {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.875em;
}
.ErrorPage .Default__Card--Label {
  font-size: 3.125em;
  font-weight: 700;
}
.ErrorPage .Default__Card--Value {
  font-size: 1.5625em;
  font-weight: 500;
}
.ErrorPage__Image {
  max-width: 50%;
}
.ErrorPage__InternalServer--Image {
  max-width: 600px;
}
.ErrorPage.No__Data {
  background-color: #191D29;
  max-width: 94%;
  margin: 0 auto;
  padding: 2.5em;
}
.ErrorPage.No__Data.Cards__NoData--Available {
  height: auto;
}
.ErrorPage.No__Data .Default__Card--Text {
  font-size: 1.375em;
  font-weight: 700;
}

@media (min-width: 768px) and (max-width: 1024px) {
  :root {
    font-size: 0.8125em;
  }
}
@media (max-width: 767px) {
  :root {
    font-size: 0.875em;
  }
}
.Privacy-Policy {
  max-width: 1160px;
  width: 100%;
  padding: 1.25em 1.25em 0;
  margin: 3.75em auto 1.875em;
  color: #FFFFFF;
}
.Privacy-Policy__LastUpdated {
  margin-top: 1.875em !important;
}
.Privacy-Policy__SubHeading, .Privacy-Policy__SmallHeading {
  display: inline-block;
}
.Privacy-Policy__Heading {
  font-weight: 500;
  color: #BD9F71;
  font-size: 2.5em;
  text-transform: capitalize;
}
.Privacy-Policy__SubHeading {
  color: #BD9F71;
  font-size: 1.875em;
  text-transform: capitalize;
}
.Privacy-Policy__SmallHeading {
  color: #BD9F71;
  font-size: 1.25em;
  text-transform: capitalize;
}
.Privacy-Policy h5 {
  color: #FFFFFF;
  font-size: 1em;
  text-transform: capitalize;
  margin-top: 0.625em;
}
.Privacy-Policy p {
  color: #FFFFFF;
  margin-top: 0.625em;
  line-height: 28px;
  font-weight: 400;
}
.Privacy-Policy p a {
  text-decoration: none;
  color: #BD9F71;
  transition: all ease-in 0.3s;
}
.Privacy-Policy p a:hover {
  text-decoration: underline;
}
.Privacy-Policy__Text {
  margin-bottom: 0.9375em;
}
.Privacy-Policy ul {
  list-style: disc;
  padding-left: 2em;
}
.Privacy-Policy ul li {
  font-weight: 100;
}
.Privacy-Policy__MainContent > ol {
  counter-reset: section;
  list-style-position: inside;
  padding-left: 0;
}
.Privacy-Policy__Content {
  margin-top: 1.875em;
  counter-increment: section;
}
.Privacy-Policy__Content::marker {
  font-size: 1.75em;
  color: #BD9F71;
  content: counter(section) ". ";
}
.Privacy-Policy__Inner-Container {
  margin-top: 1.25em;
  counter-reset: outer-counter;
}
.Privacy-Policy__Inner-Container > ol {
  padding-left: 22px;
  counter-reset: sub-section;
}
.Privacy-Policy__InnerList {
  margin-top: 0.9375em;
  counter-increment: sub-section;
}
.Privacy-Policy__InnerList::marker {
  font-size: 1.125em;
  color: #BD9F71;
  content: counter(section) "." counter(sub-section) " ";
}
.Privacy-Policy__Info-Container {
  margin-top: 1.25em;
}
.Privacy-Policy .Roman-Numerals {
  list-style-type: lower-roman;
  list-style-position: outside;
}
.Privacy-Policy .Contact-Us p {
  margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Privacy-Policy {
    width: 90%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .Privacy-Policy {
    width: 85%;
    margin: 0.625em auto 1.25em;
    padding: 0;
  }
  .Privacy-Policy__LastUpdated {
    margin-top: 1.25em !important;
  }
  .Privacy-Policy__Heading {
    font-size: 1.5625em;
  }
  .Privacy-Policy__SubHeading {
    font-size: 1.25em;
  }
  .Privacy-Policy__SmallHeading {
    font-size: 1em;
  }
  .Privacy-Policy p {
    margin-top: 0.625em;
    font-size: 0.875em;
    line-height: 22px;
  }
  .Privacy-Policy__Inner-Container {
    margin-top: 0.9375em;
  }
  .Privacy-Policy__Inner-Container > ol {
    padding-left: 0;
  }
  .Privacy-Policy .roman-numerals {
    padding-left: 1em;
  }
  .Privacy-Policy__Info-Container {
    margin-top: 0.9375em;
  }
  .Privacy-Policy__Content {
    margin-top: 1.25em;
  }
  .Privacy-Policy__Content::marker {
    font-size: 1.25em;
    color: #BD9F71;
  }
  .Privacy-Policy__InnerList::marker {
    font-size: 1em;
    color: #BD9F71;
  }
}
.Usage-Policy {
  max-width: 1160px;
  width: 100%;
  padding: 1.25em 1.25em 0;
  margin: 3.75em auto 1.875em;
  color: #FFFFFF;
}
.Usage-Policy__Heading {
  font-weight: 500;
  color: #BD9F71;
  font-size: 2.5em;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.Usage-Policy__SubHeading {
  color: #BD9F71;
  font-size: 1.875em;
  text-transform: capitalize;
  margin: 40px 0 20px;
}
.Usage-Policy__Content {
  color: #FFFFFF;
  line-height: 28px;
}
.Usage-Policy p {
  margin-bottom: 1.25em;
}
.Usage-Policy ul {
  list-style: disc;
  padding-left: 2em;
  margin-bottom: 1.25em;
}
.Usage-Policy ul li {
  font-weight: 100;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Usage-Policy {
    width: 90%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .Usage-Policy {
    width: 85%;
    margin: 0.625em auto 1.25em;
    padding: 0;
  }
  .Usage-Policy__Heading {
    font-size: 1.5625em;
    margin-bottom: 15px;
  }
  .Usage-Policy__SubHeading {
    font-size: 1.25em;
    margin: 20px 0 10px;
  }
  .Usage-Policy__Content {
    font-size: 0.875em;
    line-height: 1.375em;
  }
  .Usage-Policy p {
    margin-bottom: 0.9375em;
  }
}
.Terms_And_Conditions {
  max-width: 1160px;
  width: 100%;
  padding: 1.25em 1.25em 0;
  margin: 3.75em auto 1.875em;
  color: #FFFFFF;
}
.Terms_And_Conditions--FirstHeading {
  margin-top: 20px !important;
}
.Terms_And_Conditions__Heading {
  font-weight: 500;
  color: #BD9F71;
  font-size: 2.5em;
  text-transform: capitalize;
}
.Terms_And_Conditions__SubHeading {
  color: #BD9F71;
  font-size: 1.875em;
  text-transform: capitalize;
  margin: 40px 0 20px;
}
.Terms_And_Conditions a {
  text-decoration: none;
  color: #BD9F71;
}
.Terms_And_Conditions ol {
  list-style-position: inside;
  padding-left: 0;
}
.Terms_And_Conditions ol li {
  line-height: 1.75em;
  margin-bottom: 1.25em;
  font-weight: 200;
}
.Terms_And_Conditions ol ul {
  list-style: disc;
  padding-left: 2em;
  margin-bottom: 1.25em;
  margin-top: 0.625em;
  line-height: 1.75em;
}
.Terms_And_Conditions ol ul li {
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Terms_And_Conditions {
    width: 90%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .Terms_And_Conditions {
    padding: 0;
    width: 85%;
    margin: 0.625em auto 1.25em;
  }
  .Terms_And_Conditions__Heading {
    font-size: 1.5625em;
    margin-bottom: 15px;
  }
  .Terms_And_Conditions__SubHeading {
    font-size: 1.25em;
    margin: 20px 0 10px;
  }
  .Terms_And_Conditions--FirstHeading {
    margin-top: 10px !important;
  }
  .Terms_And_Conditions ol li {
    font-size: 0.875em;
    margin-bottom: 0.9375em;
    line-height: 1.375em;
  }
  .Terms_And_Conditions ol ul {
    margin-bottom: 0;
  }
  .Terms_And_Conditions ol ul li {
    margin-bottom: 5px;
  }
}
.Deactivate_Account {
  max-width: 650px;
  margin: 1.875em auto;
  background-color: #191D29;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.Deactivate_Account__Content {
  padding: 1.25em;
}
.Deactivate_Account__Content a {
  text-decoration: none;
  color: #BD9F71;
}
.Deactivate_Account__Content h2 {
  font-size: 1.5em;
  margin-bottom: 20px;
  color: #BD9F71;
}
.Deactivate_Account__Content h3 {
  font-size: 1.25em;
  margin-bottom: 15px;
  color: #BD9F71;
}
.Deactivate_Account__Content p {
  line-height: 1.6;
  color: #FFFFFF;
  margin-bottom: 0.625em;
}
.Deactivate_Account__Content ul, .Deactivate_Account__Content ol {
  padding-left: 1.25em;
  color: #FFFFFF;
}
.Deactivate_Account__Content ul li, .Deactivate_Account__Content ol li {
  margin-bottom: 0.625em;
}
.Deactivate_Account__Content ol li strong {
  color: #BD9F71;
}
.Deactivate_Account__Content ul li {
  list-style-type: disc;
}

@media (max-width: 767px) {
  .Deactivate_Account {
    width: 90%;
  }
  .Deactivate_Account__Content {
    padding: 1.25em;
  }
  .Deactivate_Account__Content h2 {
    font-size: 1.25em;
    margin-bottom: 15px;
  }
  .Deactivate_Account__Content p {
    margin-bottom: 0.5em;
    font-size: 0.875em;
  }
  .Deactivate_Account__Content ul {
    padding-left: 1.25em;
    font-size: 0.875em;
    line-height: 1.6;
  }
  .Deactivate_Account__Content ul li {
    margin-bottom: 0.5em;
  }
}
#sessionContainer {
  width: 95%;
  margin: auto;
  text-align: center;
}
#sessionContainer .videokit[_ngcontent-ng-c3963960193] {
  position: relative;
  margin: 40px 0 20px;
  padding: 0;
}
#sessionContainer .videokit[_ngcontent-ng-c3963960193] .self-view[_ngcontent-ng-c3963960193] {
  max-height: 14.25em;
  height: 100%;
  max-width: 28.125em !important;
  margin: 0;
  position: absolute;
  z-index: 1;
  top: 4%;
  right: 2%;
  box-shadow: 0 1.75px 17.5px 0 #11141D;
}
#sessionContainer .videokit[_ngcontent-ng-c3963960193] mat-card {
  background-color: transparent;
}
#sessionContainer .user-view[_ngcontent-ng-c3963960193] {
  height: calc(100vh - 120px - 40px - 20px - 77px - 15px);
}
#sessionContainer .user-view[_ngcontent-ng-c3963960193] mat-card {
  background-color: transparent;
}
#sessionContainer #self-view-video,
#sessionContainer #participant-canvas {
  background-color: #191D29;
  border-radius: 0;
  object-fit: cover;
}
#sessionContainer .controlskit {
  background-color: transparent;
  border-radius: 0;
}
#sessionContainer .controlskit .controls .mat-mdc-fab.mat-primary {
  background-color: #191D29;
  color: #FFFFFF;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  border-radius: 50%;
}
#sessionContainer .controlskit .controls .mat-mdc-fab.mat-primary:hover {
  background: #FFFFFF;
}
#sessionContainer .controlskit .controls .mat-mdc-fab.mat-primary:hover .mat-icon {
  color: #000;
}
#sessionContainer .controlskit .leaveend .mat-mdc-fab.mat-warn {
  background-color: #FF0000;
  color: #FFFFFF;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  border-radius: 50%;
}
#sessionContainer .cdk-drag.msger.chat-client {
  border-color: #191D29;
  border-radius: 10px;
  z-index: 999;
}
#sessionContainer .cdk-drag.msger.chat-client header,
#sessionContainer .cdk-drag.msger.chat-client .msger-chat,
#sessionContainer .cdk-drag.msger.chat-client form {
  background-color: #191D29;
}
#sessionContainer .cdk-drag.msger.chat-client form {
  border: 1px solid #BD9F71;
  border-radius: 10px;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex {
  background-color: #191D29;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex form .width-79 {
  display: none;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex form .row[_ngcontent-ng-c2110015879] {
  --bs-gutter-x: 0;
  padding: 0.3125em;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex form .msger-input-container[_ngcontent-ng-c2110015879] {
  width: 85%;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex form .msger-send-btn-container[_ngcontent-ng-c2110015879] {
  width: 15%;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex form .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 50%;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat {
  height: 100%;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat::-webkit-scrollbar {
  display: none;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .display-inline-block,
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .msg-info {
  display: none;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .margin-bottom-10[_ngcontent-ng-c2110015879] {
  margin-bottom: 0.9375em;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .msg-bubble {
  background-color: #191D29;
  color: #FFFFFF;
  border: 1px solid rgba(189, 159, 113, 0.5);
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .msg-bubble .msg-text[_ngcontent-ng-c2110015879] {
  overflow-wrap: break-word;
  text-align: start;
  font-weight: 300;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .rmt-btn-name[_ngcontent-ng-c2110015879],
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .me-btn-name[_ngcontent-ng-c2110015879] {
  background: transparent;
  color: #BD9F71;
  width: 100%;
  border: none;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .rmt-btn-name[_ngcontent-ng-c2110015879] {
  text-align: start;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .me-btn-name[_ngcontent-ng-c2110015879] {
  text-align: end;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .me-msg {
  justify-content: end;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .me-msg .msg-bubble {
  border-bottom-right-radius: 0;
  border-top-left-radius: 10px;
  margin-left: 2.5em;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .rmt-msg {
  justify-content: start;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .rmt-msg .msg-bubble {
  border-bottom-left-radius: 0;
  border-top-left-radius: 15px;
  margin-right: 2.5em;
}
#sessionContainer .cdk-drag.msger.chat-client .column-flex .msger-chat .rmt-msg .msg-text {
  color: #BD9F71;
}
#sessionContainer .cdk-drag.msger.chat-client header {
  color: #FFFFFF;
  margin-bottom: 1.25em;
  justify-content: space-between;
}
#sessionContainer .cdk-drag.msger.chat-client header .chat-txt,
#sessionContainer .cdk-drag.msger.chat-client header .header-btn {
  color: #FFFFFF;
}
#sessionContainer .cdk-drag.msger.chat-client header .chat-txt {
  text-align: start;
  padding-left: 0;
  margin: 0;
}
#sessionContainer .cdk-drag.msger.chat-client header button {
  background-color: #191D29;
  width: auto;
}
#sessionContainer .cdk-drag.msger.chat-client header button mat-icon {
  opacity: 0.8;
}
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled {
  background-color: #191D29;
  border-radius: 10px;
}
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled #mat-mdc-form-field-label-2 {
  color: #BD9F71;
}
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled mat-select,
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled .mat-mdc-form-field-infix .mdc-floating-label.mat-mdc-floating-label {
  color: #FFFFFF;
}
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled .mdc-floating-label--float-above {
  color: #BD9F71 !important;
}
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled .mat-mdc-form-field-infix::-webkit-scrollbar {
  display: none;
}
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled .mat-mdc-form-field-infix .mat-mdc-input-element {
  color: #FFFFFF;
  padding-top: 20px;
  resize: none;
}
#sessionContainer .cdk-drag.msger.chat-client form .mdc-text-field--filled .mat-mdc-form-field-infix .mat-mdc-input-element::placeholder {
  color: transparent;
}
#sessionContainer .cdk-drag.msger.chat-client form textarea::-webkit-scrollbar {
  display: none;
}
#sessionContainer .cdk-drag.msger.chat-client form .msger-input-container .msger-input[_ngcontent-ng-c2110015879] {
  border: none;
  border-radius: 0;
}
#sessionContainer .cdk-drag.msger.chat-client form .msger-send-btn-container .msger-send-btn {
  background-color: transparent;
  color: #FFFFFF;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
}
#sessionContainer .cdk-drag.msger.chat-client form .msger-send-btn-container .msger-send-btn .mat-icon {
  color: #BD9F71;
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container .cdk-overlay-pane,
.cdk-global-overlay-wrapper .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
  /* popup */
}
.cdk-overlay-container mat-snack-bar-container {
  background-color: #11141D;
  color: #FFFFFF !important;
}
.cdk-overlay-container mat-snack-bar-container .mat-mdc-snack-bar-actions.mdc-snackbar__actions.ng-star-inserted {
  display: none;
}
.cdk-overlay-container mat-snack-bar-container .mat-mdc-snack-bar-label.mdc-snackbar__label {
  font-weight: 200;
}
.cdk-overlay-container .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-container .mat-mdc-menu-panel {
  background-color: #191D29;
  border: 1px solid #BD9F71;
  border-radius: 4px;
}
.cdk-overlay-container .mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0;
}
.cdk-overlay-container .mat-mdc-menu-panel .mat-mdc-menu-content button {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  padding: 0 1em;
  font-size: 1em;
  color: #FFFFFF;
  background-color: #11141D;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
}
.cdk-overlay-container .mat-mdc-menu-panel .mat-mdc-menu-content button:hover {
  background: #BD9F71;
}
.cdk-overlay-container .mat-mdc-tab.mdc-tab--active {
  color: #FFFFFF;
}
.cdk-overlay-container .cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-overlay-container .cdk-overlay-connected-position-bounding-box .cdk-overlay-pane .mat-mdc-select-panel {
  padding: 0;
  border: 1px solid #BD9F71;
  border-radius: 6px;
  background-color: #11141D;
  color: #FFFFFF;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.cdk-overlay-container .mdc-dialog__surface {
  background-color: #11141D !important;
  border: 1px solid #11141D;
  color: #FFFFFF;
  border-radius: 0.875em !important;
  padding: 1.875em;
}
.cdk-overlay-container .mdc-dialog__title {
  font-size: 1.25em !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2) !important;
}
.cdk-overlay-container .mdc-dialog__title::before {
  height: auto !important;
}
.cdk-overlay-container .mdc-dialog .mat-mdc-dialog-actions {
  padding: 0;
}
.cdk-overlay-container .mdc-dialog .mat-mdc-dialog-content {
  padding: 0.5625em 0 1.25em 0 !important;
  color: #FFFFFF !important;
  font-size: 0.875em;
}
.cdk-overlay-container .mdc-dialog .mat-mdc-raised-button.mat-primary {
  background-color: #BD9F71;
  color: #FFFFFF;
  border: 1px solid #BD9F71;
  border-radius: 6px;
  transition: background-color ease-in 0.3s, color ease-in 0.3s;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  height: 2.5em;
}
.cdk-overlay-container .mdc-dialog .mat-mdc-raised-button.mat-primary:hover {
  background: transparent;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  #sessionContainer .videokit[_ngcontent-ng-c3963960193] .self-view[_ngcontent-ng-c3963960193] {
    max-height: 12.5em;
    max-width: 18.75em !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #sessionContainer .videokit[_ngcontent-ng-c3963960193] {
    margin: 30px 0 20px;
  }
  #sessionContainer .videokit[_ngcontent-ng-c3963960193] .self-view[_ngcontent-ng-c3963960193] {
    max-height: 180px;
    max-width: 150px !important;
  }
  .cdk-drag.msger.chat-client {
    height: 471px;
  }
}
@media (max-width: 767px) {
  #sessionContainer .videokit[_ngcontent-ng-c3963960193] {
    margin: 30px 0 20px;
  }
  #sessionContainer .videokit[_ngcontent-ng-c3963960193] .self-view[_ngcontent-ng-c3963960193] {
    max-height: 180px;
    max-width: 150px !important;
  }
  #sessionContainer .cdk-drag.msger.chat-client {
    height: 300px;
    width: 280px;
  }
  .cdk-drag.msger.chat-client {
    height: 471px;
  }
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 10px 20px;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}

.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}

.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}

.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}


.ui-timepicker-container {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}

.ui-timepicker, .ui-timepicker-viewport {
  box-sizing: content-box;
  height: 205px;
  display: block;
  margin: 0;
}

.ui-timepicker {
  list-style: none;
  padding: 0 1px;
  text-align: center;
}

.ui-timepicker-viewport {
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
}

.ui-timepicker-standard {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  background-color: #FFF;
  border: 1px solid #AAA;
  color: #222;
  margin: 0;
  padding: 2px;
}

.ui-timepicker-standard a {
  border: 1px solid transparent;
  color: #222;
  display: block;
  padding: 0.2em 0.4em;
  text-decoration: none;
}

.ui-timepicker-standard .ui-state-hover {
  background-color: #DADADA;
  border: 1px solid #999;
  font-weight: 400;
  color: #212121;
}

.ui-timepicker-standard .ui-menu-item {
  margin: 0;
  padding: 0;
}

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ui-timepicker-hidden {
  display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
  border: none;
}