/* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --neutral-50: #F2F3F3;
  --neutral-100: #E4E6E6;
  --neutral-200: #CACDCE;
  --neutral-300: #B0B4B5;
  --neutral-400: #969B9C;
  --neutral-500: #7C8283;
  --neutral-600: #636869;
  --neutral-700: #4A4E4F;
  --neutral-800: #313435;
  --neutral-900: #191A1B;
}

@font-face {
  font-family: 'DroidKufi-Regular';
  src: url('../fonts/DroidKufi-Regular.ttf');
}

html,
body {
  font-family: "Noto Sans", sans-serif;
  /* font-family: "Poppins", sans-serif !important; */
  font-size: 16px;
}

[dir="rtl"],
[dir="rtl"] * {
  font-family: 'DroidKufi-Regular' !important;
}

[dir="rtl"] .signature_box,
[dir="rtl"] .signature_box * {

  font-family: "Noto Sans", sans-serif !important;
}

[dir="rtl"] .end-0 {
  right: unset !important;
}

[dir="rtl"] .ms-auto {
  margin-left: auto !important;
  margin-right: unset;
}

svg {
  display: inline !important;
}

.arb {
  font-family: 'DroidKufi-Regular' !important;
}

a {
  color: var(--bs-link-color);
}

@media (min-width: 1900px) {

  html,
  body {
    font-size: 18px;
  }
}

@media (max-width: 1450px) {

  html,
  body {
    font-size: 14px !important;
  }
}

@media (max-width: 991px) {

  html,
  body {
    font-size: 12px !important;
  }
}

* {
  font-family: "Noto Sans", sans-serif;
  /* font-family: "Poppins", sans-serif !important; */
}

h2,
h3 {
  font-weight: 600;
  font-size: 1.25rem;
}

h3 {
  font-weight: 500;
}

.pe-6 {
  padding-right: 4rem !important;
}

p {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25;
}

ul li,
ol li {
  font-weight: 400;
  font-size: 0.75rem;
  color: #234e51;
  line-height: 1.65;
}

.form-control:disabled,
.form-control[readonly] {
  opacity: 0.6;
}

.form-check-input {
  min-width: 1rem;
  min-height: 1rem;
}

.cursor-pointer {
  cursor: pointer;
}

.width-unset {
  width: unset !important;
}

.min-width-unset {
  min-width: unset !important;
}

.min-height-unset {
  min-height: unset !important;
}

.height-unset {
  height: unset !important;
}

.fs-7 {
  font-size: 0.875rem !important;
}

.fs-8 {
  font-size: 0.75rem !important;
}

.fs-9 {
  font-size: 0.675rem !important;
}

.fw-500 {
  font-weight: 500;
}

.clr-primaryAllegery {
  color: #368796 !important;
}

.clr-grey {
  color: #636869;
}

.clr-Lightgrey {
  color: #7c8a97;
}

.clr-neutral-700 {
  color: #4A4E4F;
}

.clr-light {
  color: #f3f3f3 !important;
}

.clr-primary {
  color: #8ECBD7 !important;
}

.clr-primary-600 {
  color: #368796 !important;
}

.clr-secondary {
  color: #4357BC !important;
}

.clr-orange {
  color: #e58d40 !important;
}

.clr-danger-200 {
  color: #d67c7c !important;
}

.clr-dark-600 {
  color: var(--neutral-600);
}

.clr-dark-700 {
  color: var(--neutral-700);
}

.border-primary-100 {
  border: 1px solid #DAEEF1 !important;
}

.border-primary-200 {
  border: 1px solid #B4DDE4 !important;
}

.border-primary-300 {
  border: 1px solid #8ECBD7 !important;
}

.border-primary-600 {
  border: 1px solid #368796 !important;
}

.border-dashed {
  border: 1px dashed #bec8ca !important;
}

.border-dashed-primary-300 {
  border: 1px dashed #8ECBD7 !important;
}

.border-neutral {
  border: 1px solid #bec8ca !important
}

.border-danger-200 {
  border: 1px solid #de9b9b !important;
}

.border-end-primary-200 {
  border-right: 1px solid #B4DDE4 !important;
}

.border-start-primary-200 {
  border-left: 1px solid #B4DDE4 !important;
}

.border-top-primary-200 {
  border-top: 1px solid #B4DDE4 !important;
}

.border-bottom-primary-200 {
  border-bottom: 1px solid #B4DDE4 !important;
}

.border-secondary-200 {
  border: 1px solid #a1abdd !important;
}

.bg-orange {
  background-color: #e58d40 !important;
}

.bg-clr-white {
  background-color: #fff !important;
}

.bg-primary-100 {
  background-color: #DAEEF1 !important;
}

.bg-primary-200 {
  background-color: #B4DDE4 !important;
}

.bg-primary-300 {
  background-color: #8ECBD7 !important;
}

.bg-primary-400 {
  background-color: #69BAC9 !important;
}

.bg-primary-600 {
  background-color: #368796 !important;
}

.bg-primary-50 {
  background-color: #ECF6F8 !important;
}

.bg-primary-gray-50 {
  background-color: #F6F6F6 !important;
}

.bg-primary-20 {
  background-color: #f4fafb !important;
}

.bg-primary {
  background-color: #43A9BC !important;
}

.bg-grey-10 {
  background-color: #f6f6f6 !important;
}

.bg-grey-50 {
  background-color: #f4f4f4 !important;
}

.bg-grey-100 {
  background-color: #e7e7e7 !important;
}

.bg-secondary-50 {
  background-color: #eef0fb !important
}

.bg-secondary-100 {
  background-color: #e1e6ff !important;
}

.bg-secondary-200 {
  background-color: #7b97d9 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.z-index-1 {
  z-index: 1;
}

.z-index-9 {
  z-index: 9;
}

.resize-none {
  resize: none;
}

.bg-warning {
  background: #e6b619;
  color: #3d310a;
}

.input-group:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 238, 241, 0.54);
}

.input-group .btn {
  border: 0;
}

.input-group input:focus {
  box-shadow: unset !important;
}

[dir="rtl"] .input-group {
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .input-group button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

/* .loader-wrapper {
  min-height: 100vh;
  height: unset;
  position: fixed !important;
} */

.rounded-top-2 {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.rounded-top-3 {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-bottom-3 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.rounded-right-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.rounded-left-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.rounded-top-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

[dir="rtl"] .rounded-right-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

[dir="rtl"] .rounded-left-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.shadow-0 {
  box-shadow: unset !important;
}

.w-max-content {
  width: max-content !important;
}

.modal {
  background: #1d1d1d4f;
  /* z-index: 9999; */
}

*::-webkit-scrollbar {
  width: 0.3rem;
}

*::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

*::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

*::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

.horizontalScroll {
  overflow: auto;
}

.horizontalScroll_height {
  overflow: auto;
}

.horizontalScroll::-webkit-scrollbar {
  height: 0.25rem;
}

.horizontalScroll_height::-webkit-scrollbar {
  height: 0.65rem;
}

.horizontalScroll::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}

.horizontalScroll::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

.horizontalScroll::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

button {
  border: 0;
  height: 100%;
  padding: 0.875rem;
  background-color: transparent;
}

.btn {
  border-radius: 5rem;
  font-size: 0.875rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  white-space: nowrap;
  min-width: 4.5rem;
  height: auto;
}

.btn:hover,
.btn:active,
.btn:focus {
  border-color: transparent;
  box-shadow: unset !important;
}

.btn-sm {
  min-width: 2rem;
}

.btn-main-outline {
  background-color: #F7F8FC;
  border-color: #4357BC;
  color: #4357BC;
}

.btn-main-outlineOVR {
  border: 2px solid #2e9599;
  color: #27a0a4;
  box-shadow: 0 19px 32px #CDFCFB;
  background: linear-gradient(135deg, #CDFCFB, #7FE2E5);
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(20, 184, 166, 0.5);
  font-weight: 700;

}

.btn-main-outlineOVR:hover,
.btn-main-outlineOVR:active,
.btn-main-outlineOVR:focus {
  background-color: #D9DDF2;
  border-color: #7FE2E5 !important;
  color: #4FCED2;

  box-shadow: 0 10px 40px rgba(20, 184, 166, 0.9);
}

.btn-main-outlineOVRH {
  /* border: 1px solid #1855A4; */
  color: #fff;
  box-shadow: 0 11px 27px #7499C8;
  background: linear-gradient(135deg, #3B7DC4, #A3BBDB);
  cursor: pointer;
  /* box-shadow: 0 6px 20px rgba(20,184,166,0.5); */
  font-weight: 700;
}

.btn-main-outlineCal {
  background-color: #F7F8FC;
  border-color: #8ECBD7;
  color: #8ECBD7;
}

.btn-main-outline:hover,
.btn-main-outline:active,
.btn-main-outline:focus {
  background-color: #D9DDF2;
  border-color: #334499 !important;
  color: #334499;
}

.btn-main-fill {
  background-color: #6677CC;
  border-color: #6677CC;
  color: #F7F8FC !important;
}

.btn-main-fill:hover,
.btn-main-fill:active,
.btn-main-fill:focus {
  background-color: #4357BC;
  border-color: #4357BC !important;
  color: #D9DDF2;
}

.btn-secondary-outline {
  background-color: #ECF6F8;
  border-color: #43A9BC;
  color: #43A9BC;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:active,
.btn-secondary-outline:focus {
  background-color: #DAEEF1;
  border-color: #368796 !important;
  color: #368796;
}

.btn-secondary-fill {
  background-color: #43A9BC;
  border-color: #43A9BC;
  color: #ECF6F8;
}

.btn-secondary-fill:hover,
.btn-secondary-fill:active,
.btn-secondary-fill:focus {
  background-color: #368796;
  border-color: #368796 !important;
  color: #DAEEF1;
}

.btn-success-outline {
  background-color: #E7FEF6;
  border-color: #089163;
  color: #089163;
}

.btn-success-outline:hover,
.btn-success-outline:active,
.btn-success-outline:focus {
  background-color: #CFFCED;
  border-color: #089163 !important;
  color: #089163;
}

.btn-success-fill {
  background-color: #43BC94;
  border-color: #43BC94;
  color: #E7FEF6;
}

.btn-success-fill:hover,
.btn-success-fill:active,
.btn-success-fill:focus {
  background-color: #0AC285;
  border-color: #0AC285 !important;
  color: #CFFCED;
}

.dropdown-item {
  font-size: 0.875rem;
  border-bottom: 1px solid #DAEEF1;
  color: #286571;
  white-space: normal;
}

.dropdown-item:hover {
  background-color: #378796;
  color: #fff;
}

.primary-dropdown button {
  border-radius: 0.5rem;
  height: 2.5rem;
  border: 1px solid #70b0bc;
  background-color: #DAEEF1;
  color: #368796 !important;
}

.primary-dropdown .dropdown-menu {
  z-index: 9999;
}

.primary-dropdown button:focus {
  border: unset !important;
}

.primary-dropdown button:hover {
  background-color: #DAEEF1 !important;
  border: 1px solid #70b0bc !important;
}

.primary-dropdown button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23368796' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  border: unset;
  background-size: 0.8rem;
  width: 1rem;
  height: 0.7rem;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.neutral-dropdown button {
  border-radius: 0.5rem;
  height: 2.5rem;
  border: 1px solid #b4b4b4;
  background-color: #DAEEF1;
  color: #4a4e4f !important;
}

.neutral-dropdown .dropdown-menu {
  z-index: 9999;
}

.neutral-dropdown button:hover {
  background-color: #DAEEF1 !important;
  border: 1px solid #70b0bc !important;
}

.neutral-dropdown button:focus {
  border: 1px solid #b4b4b4 !important;
}

.neutral-dropdown button:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23368796' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  border: unset;
  background-size: 0.8rem;
  width: 1rem;
  height: 0.7rem;
  background-repeat: no-repeat;
  margin-left: 1rem;
}

.btn-icon {
  border-radius: 0.25rem;
  padding-bottom: 0.275rem;
  min-width: 2rem;
}

.btn-icon img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(101%);
  width: 1.25rem;
  height: 1.25rem;
}

.btn-danger-outline {
  background-color: #FCEBE8;
  border-color: #E53C1A;
  color: #E53C1A;
}

.btn-danger-outline:hover,
.btn-danger-outline:active,
.btn-danger-outline:focus {
  background-color: #FAD8D1;
  border-color: #B82F14 !important;
  color: #B82F14;
}


/* Button ICON 3D */
.btn-icon-3d {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.375rem;
  height: 2.375rem;
  min-width: 2.375rem;
  max-width: 2.375rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#F0F8FA), to(rgba(180, 221, 228, 0.91)));
  background: linear-gradient(180deg, #F0F8FA 0%, rgba(180, 221, 228, 0.91) 100%);
  border: 1px solid #368796;
  -webkit-box-shadow: inset 0px -2px 1px 3px #F0F8F9;
  box-shadow: inset 0px -2px 1px 3px #F0F8F9;
  border-radius: 0.5rem;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.btn-icon-3d img {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.btn-icon-3d:hover,
.btn-icon-3d:focus {
  -webkit-box-shadow: inset 0px 0px 1px 3px #F0F8F9;
  box-shadow: inset 0px 0px 1px 3px #F0F8F9;
  border: 1px solid #368796;
}

.btn-icon-3d.btn-icon-3d-danger {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(rgba(234, 214, 214, 0.91)));
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(234, 214, 214, 0.91) 100%);
  border: 1px solid #F08A75;
  -webkit-box-shadow: inset 0px -2px 1px 3px #F0F8F9;
  box-shadow: inset 0px -2px 1px 3px #F0F8F9;
}

.btn-icon-3d.collapsed img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* Button ICON 3D END */

.btn-danger-outline {
  background-color: #FCEBE8;
  border-color: #E53C1A;
  color: #E53C1A;
}

.btn-danger-outline:hover,
.btn-danger-outline:active,
.btn-danger-outline:focus {
  background-color: #FAD8D1;
  border-color: #B82F14 !important;
  color: #B82F14;
}

.table_alter th {
  background-color: #F4F5F5 !important;
  color: #52747A !important;
}

.table_alter td {
  padding: 0.3rem 0.75rem !important;
}

.table_alter tr:nth-child(even) td {
  background-color: #F4F5F5 !important;
}

.table-border-0 {
  border: 0;
}

.table-border-0 th {
  border-bottom: 1px solid #dee2e6;
}

.table-border-0 tr:last-child td {
  border-bottom: 0;
}

.table_th_light th {
  background-color: #FFF !important;
}

.table_th_light tr:nth-child(even) td {
  background-color: #F4F5F5 !important;
}

.input-file-upload {
  width: 112px;
  overflow: hidden;
  margin-bottom: 0.75rem;
  margin-top: -0.4rem;
}

.input-file-upload::-webkit-file-upload-button {
  visibility: hidden;
}

.input-file-upload::before {
  width: 100%;
  content: "Upload Photo";
  display: inline-block;
  font-size: 0.875rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: 1rem;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  color: #368796;
  border-radius: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
}

.input-file-upload::before:hover {
  background-color: #DAEEF1;
  border: 1px solid #368796;
  color: #368796;
}

.input-file-upload::before {
  border: 1px solid #43A9BC;
}

.CommanSearch__form {
  background-color: #DAEEF1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding-left: 1rem;
  border-radius: 0.375rem;
  height: 2rem;
  border: 1px solid #b4b4b4;
  /* width: 50%; */
}

.CommanSearch__form.grey {
  border: 1px solid #ced4da;
}

.CommanSearch__form .form-control {
  background-color: transparent;
  border: unset;
  color: #4a4e4f;
  /* color: #368796; */
  font-weight: 400;
  font-size: 0.875rem;
}

.CommanSearch__form .form-control:focus {
  box-shadow: unset;
  background-color: transparent;
}

.CommanSearch__form .form-control::-moz-placeholder {
  color: #4a4e4f;
  opacity: 0.5;
  font-size: 0.875rem;
}

.CommanSearch__form .form-control:-ms-input-placeholder {
  color: #4a4e4f;
  opacity: 0.5;
  font-size: 0.875rem;
}

.CommanSearch__form .form-control::placeholder {
  color: #4a4e4f;
  opacity: 0.5;
  font-size: 0.875rem;
}

.CommanSearch__form .reset-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-label {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
}

.form-label.mini {
  color: #4A4E4F80;
  font-size: 0.6rem;
}

.form-control,
.form-select {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  /* background-position: right 0.15rem center; */
}

.form-select {
  background-position: right 0.35rem center;
}

.form-control:focus,
.form-select:focus {
  color: #4A4E4F;
  background-color: #fff;
  border-color: #69BAC9;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(218, 238, 241, 0.54);
}

.form-check-label {
  font-size: 0.875rem;
}

.form-check-input:checked {
  background-color: #43A9BC;
  border-color: #43A9BC;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(218, 238, 241, 0.54);
}

.form-info-text {
  background-color: #ECF6F8;
  color: #4A4E4F;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  padding: 0.25rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
  gap: 0.5rem;
  overflow-y: auto;
}

.form-info-text a {
  color: #368796;
}

.custom-upload {
  position: relative;
}

.custom-upload::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 7.5em;
  color: #ECF6F8;
  content: "Upload ID";
  background-color: #43A9BC;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-upload.label-upload::before {
  content: "Upload";
}

label[required] {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 0L3.88168 1.78647L5.85317 2.07295L4.42658 3.46353L4.76336 5.42705L3 4.5L1.23664 5.42705L1.57342 3.46353L0.146831 2.07295L2.11832 1.78647L3 0Z' fill='%23EB6247'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% top;
  padding-right: 0.5rem;
}

/* Availability Card */
.availability__card {
  border: 1px solid #DAEEF1;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  box-shadow: 0px 4px 8px #EBEDED;
  border-radius: 0.25rem;
  padding: 1rem;
}

.availability__card.selected {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.543 6.79L9.253 11.09L7.603 9.44C7.51335 9.33532 7.40304 9.2503 7.27897 9.19027C7.15491 9.13025 7.01977 9.09652 6.88206 9.0912C6.74434 9.08588 6.607 9.10909 6.47868 9.15936C6.35035 9.20964 6.23381 9.28589 6.13635 9.38335C6.0389 9.4808 5.96264 9.59735 5.91236 9.72568C5.86209 9.854 5.83888 9.99133 5.8442 10.1291C5.84952 10.2668 5.88325 10.4019 5.94328 10.526C6.0033 10.65 6.08832 10.7604 6.193 10.85L8.543 13.21C8.63644 13.3027 8.74726 13.376 8.8691 13.4258C8.99093 13.4755 9.1214 13.5008 9.253 13.5C9.51534 13.4989 9.76674 13.3947 9.953 13.21L14.953 8.21C15.0467 8.11704 15.1211 8.00644 15.1719 7.88458C15.2227 7.76272 15.2488 7.63201 15.2488 7.5C15.2488 7.36799 15.2227 7.23728 15.1719 7.11542C15.1211 6.99356 15.0467 6.88296 14.953 6.79C14.7656 6.60375 14.5122 6.49921 14.248 6.49921C13.9838 6.49921 13.7304 6.60375 13.543 6.79ZM10.823 0C8.84519 0 6.91179 0.58649 5.2673 1.6853C3.62281 2.78412 2.34108 4.3459 1.58421 6.17317C0.827331 8.00043 0.629298 10.0111 1.01515 11.9509C1.401 13.8907 2.35341 15.6725 3.75193 17.0711C5.15046 18.4696 6.93229 19.422 8.8721 19.8079C10.8119 20.1937 12.8226 19.9957 14.6498 19.2388C16.4771 18.4819 18.0389 17.2002 19.1377 15.5557C20.2365 13.9112 20.823 11.9778 20.823 10C20.823 8.68678 20.5643 7.38642 20.0618 6.17317C19.5593 4.95991 18.8227 3.85752 17.8941 2.92893C16.9655 2.00035 15.8631 1.26375 14.6498 0.761205C13.4366 0.258658 12.1362 0 10.823 0V0ZM10.823 18C9.24075 18 7.69403 17.5308 6.37844 16.6518C5.06285 15.7727 4.03747 14.5233 3.43197 13.0615C2.82647 11.5997 2.66804 9.99113 2.97672 8.43928C3.2854 6.88743 4.04733 5.46197 5.16615 4.34315C6.28497 3.22433 7.71043 2.4624 9.26228 2.15372C10.8141 1.84504 12.4227 2.00346 13.8845 2.60896C15.3463 3.21447 16.5957 4.23984 17.4748 5.55544C18.3538 6.87103 18.823 8.41775 18.823 10C18.823 12.1217 17.9801 14.1566 16.4799 15.6569C14.9796 17.1571 12.9447 18 10.823 18V18Z' fill='%2343A9BC'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) 1rem;
}

.availability__card p {
  margin-bottom: 0;
}

.info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
}

.info p {
  font-weight: 500;
  color: #43A9BC;
}

.info .label {
  color: #7C8283;
  font-size: 0.75rem;
  font-weight: 400;
}

.info-cards {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
}

.info-cards .info-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0.5rem;
  gap: 0.5rem;
  background-color: #ECF6F8;
  border-radius: 0.25rem;
  flex: 1;
}

.info-cards .info-card p {
  color: #43A9BC;
  font-weight: 500;
  font-size: 1rem;
}

.info-cards .info-card .label {
  color: #7C8283;
  font-size: 0.75rem;
  font-weight: 400;
}

.card__dashed {
  border: 1px dashed #43A9BC;
  padding: 2rem;
  border-radius: 0.75rem;
  position: relative;
}

.card__dashed .heading {
  position: absolute;
  top: 0;
  left: 2rem;
  font-size: 1rem;
  color: #368796;
  background-color: #ffffff;
  transform: translateY(-50%);
  padding: 0.5rem;
  font-weight: 400;
}

img,
svg {
  display: inline;
}

.img-rounded {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #43A9BC;
  overflow: hidden;
}

.img-rounded img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 4rem;
}

.gradient-bg {
  background: linear-gradient(145.86deg, #E3F6F9 0.89%, #F7FCFD 30.97%, #F7FCFD 73.57%, #E2F5F8 97.13%);
  border: 1px solid #b0d1da;
  border-radius: 1rem;
}

/* .table-bordered {
  border: 0px solid #E4E6E6;
}

.table-bordered th {
  font-weight: 500;
  font-size: 0.75rem;
  color: #ffffff;
  white-space: nowrap;
  padding: 0.5rem 0.75rem !important;
  background-color: #69BAC9 !important;
  vertical-align: middle;
}

.table-bordered th:first-child {
  border-top-left-radius: 0.5rem;
}

.table-bordered th:last-child {
  border-top-right-radius: 0.5rem;
}

.table-bordered tr td {
  font-size: 0.75rem;
  white-space: nowrap;
  color: #4A4E4F;
  padding: 0.5rem 0.75rem !important;
  vertical-align: middle;
  border-bottom: 0;
}

.table-bordered tr td:first-child {
  border-left: 1px solid #B4DDE4;
}

.table-bordered tr td:last-child {
  border-right: 1px solid #B4DDE4;
}

.table-bordered tr:nth-child(odd) td {
  background-color: #ffffff;
}

.table-bordered tr:nth-child(even) td {
  background-color: #ECF6F8;
  border-top: 1px solid #B4DDE4;
  border-bottom: 1px solid #B4DDE4;
}

.table-bordered tr:last-child td {
  border-bottom: 1px solid #B4DDE4;
}

.table-bordered .btn {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.table-bordered tfoot th {
  background-color: #FCEBE8 !important;
  color: #BD7264;
} */

.table-cards {
  border-collapse: separate;
  border-spacing: 0 0.35rem;
  border: 0px;
  width: 100%;
}

.table-cards tr {
  box-shadow: 0px 8px 8px #EBEDED;
  border-radius: 0.5rem;
}

.table-cards tr td {
  border-bottom: 1px solid #B4DDE4;
  border-top: 1px solid #B4DDE4;
  background-color: #ffffff;
  padding: 0.75rem 0.5rem;
}

.table-cards tr td:first-child {
  border-left: 1px solid #B4DDE4;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.table-cards tr td:last-child {
  border-right: 1px solid #B4DDE4;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.table-cards tr.selected td {
  background-color: #ECF6F8;
  border-color: #6f949a !important;
  box-shadow: 0px 4px 8px #ebeded;
}

#profile-info .modal-dialog {
  width: 60%;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

#profile-info .modal-content {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

#profile-info .modal-body {
  border: 1px solid #B4DDE4;
  border-radius: 0.75rem;
}

.modal .modal-dialog .modal-content {
  border-radius: 0.25rem;
}

.modal .modal-dialog .modal-content .modal-header {
  background-color: #ECF6F8;
  border-bottom: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.modal .modal-dialog .modal-content .modal-header h5 {
  font-size: 1rem;
  color: #368796;
}

.modal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid #DAEEF1;
  justify-content: center;
}

.modal-toast.modal-dialog .modal-content {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 0;
  box-shadow: 0 2px 4px 2px #00000014;
}

.modal-toast.modal-dialog .modal-header {
  background-color: transparent !important;
  border-bottom-color: transparent;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  padding-bottom: 0.25rem;
}

.modal-toast.modal-dialog .modal-header .btn-close {
  background-color: transparent;
  color: #E53C1A;
  padding: 0.5rem 6px;
}

.modal-toast.modal-dialog .modal-body {
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 0.25rem;
  padding-top: 2rem;
}

.modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

.modal-toast.modal-dialog .modal-body h3,
.modal-toast.modal-dialog .modal-body p {
  text-align: center;
  margin-bottom: 0.5rem;
}

.modal-toast.modal-dialog .modal-body h3 {
  color: #089163;
  font-size: 1.5rem;
  color: #313435;
}

.modal-toast.modal-dialog .modal-body p {
  padding-top: 0.5rem;
  color: #7C8283;
  line-height: 1.25;
}

.modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  padding-left: 4rem;
  padding-right: 4rem;
}

.modal-toast.modal-dialog .modal-header-icon {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
  padding: 0.5rem;
  width: 3.5rem;
}

.modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
  box-shadow: 0px 2px 0px #F7A708, 0px 6px 8px -4px #F7A708;
}

.modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

.modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #E63C1A;
  box-shadow: 0px 2px 0px #E53B19, 0px 6px 8px -4px #E53B19;
}

.modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #E63C1A;
}

.header_fix_scroll {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.header_fix_scroll::-webkit-scrollbar {
  width: 0;
}

.header {
  background-color: #F4FAFB;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #368796;
  z-index: 999;
  filter: drop-shadow(0px 5px 8px rgba(51, 128, 142, 0.16));
}

.header__wrapper {
  display: flex;
  align-items: center;
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.header__hospital-logo {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-right: 1px solid #368796;
}

@media (max-width: 991.98px) {
  .header__hospital-logo {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.header__hospital-logo img {
  width: 192px;
}

@media (max-width: 991.98px) {
  .header__hospital-logo img {
    width: 120px;
  }
}

.header__menu {
  border-left: 1px solid #368796;
  display: block;
  height: auto;
}

.header__container {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

.header__details-card {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: flex-start;
}

.header__details-card .user-photo {
  width: 42px;
  min-width: 42px;
  height: 42px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8ECBD7;
  border-radius: 50%;
}

.header__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.header__actions button {
  margin: 0;
  padding: 0;
}

.header__actions button .noti_count {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  position: absolute;
  right: -0.1rem;
  top: -0.1rem;
  background: #378797;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header__actions button .noti_count p {
  color: #fff;
  font-size: 0.65rem;
  font-weight: bold;
}

.header__actions button .tooltip {
  left: unset;
  right: 0;
}

.header__actions button .tooltip p {
  display: block !important;
  white-space: nowrap;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
  text-align: center;
}

.header__actions button .tooltip::before,
.header__actions button .tooltip::after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  border-width: 0.4rem;
  border-style: solid;
}

.header__actions button .tooltip::before {
  top: -0.8rem;
  right: 0.8rem;
  left: unset;
  border-color: transparent transparent transparent #cdcdcd;
}

.header__actions button .tooltip::after {
  top: -0.7rem;
  right: 0.8rem;
  left: unset;
  border-color: transparent transparent transparent #fff;
}

.date-time {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0.25rem 0.5rem;
  gap: 0.5rem;
  border-radius: 0.5rem;
  /* background-color: #EFF0F1; */
  width: 15rem;
}

.user-details p.label-heading {
  font-weight: 500;
  margin-bottom: 0.25rem;
  color: #368796;
  font-size: 0.75rem;
  white-space: nowrap;
}

.user-details p {
  color: #313435;
  margin-bottom: 0;
  font-size: 0.75rem;
}

@media screen and (max-width:1400px) {
  .user-details p {
    font-size: 0.65rem;
  }
}

.page-header {
  background-color: #FCFCFC;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom: 1px solid #EBEDEF;
  padding: 0.75rem 0.5rem;
}

.page-header.sticky-top {
  z-index: 11;
}

.page-header .page-heading {
  margin: 0;
  font-size: 1.25rem;
  color: #368796;
  font-weight: 500;
}

.sub-heading {
  padding: 0.5rem;
  display: flex;
}

.sub-heading h4 {
  color: #368796;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 0;
}

.sub-heading a {
  text-decoration: none;
  color: #4357BC;
}

.left-nav,
.main-content,
.right-profile {
  height: 100vh;
  background-color: #ffffff;
  padding: 0;
}

@media (max-width: 991px) {
  .left-nav {
    display: none;
    /* z-index: 1111;
    top: 0;
    width: unset; */
  }

  /* .offcanvas{
    visibility: hidden;
    position: fixed;
    transition: transform .6s ease-in-out;
  }
  .left-nav[aria-modal="true"] .offcanvas{
    visibility: visible;
  } */
  #leftnavmbl.fade .modal-dialog {
    transform: translate(-100%);
  }

  #leftnavmbl.show .modal-dialog {
    transform: translate(0);
  }

  #leftnavmbl .modal-content {
    background-color: transparent;
  }

  #leftnavmbl .modal-dialog {
    margin-left: -1px;
    margin-top: -1px;
  }

  #leftnavmbl .left-nav {
    display: block;
    margin-left: -1px;
    width: 300px;
  }
}

.right-profile {
  width: 22%;
  background-color: #ffffff;
  background-image: url(../images/right-bg.svg);
  background-repeat: no-repeat;
  background-position: 13.5rem -5rem;
  background-size: 11.5rem 11.5rem;
}

.right-profile .content-wrapper {
  padding: 1rem;
}

.right-profile .activity-cards {
  height: 47vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.right-profile .activity-card {
  background-color: #ECF6F8;
  padding: 0.75rem;
  border-radius: 0.5rem;
}

.right-profile .activity-card h3,
.right-profile .activity-card p {
  font-weight: 400;
  color: #286571;
  margin-bottom: 0.5rem;
}

.right-profile .activity-card h3 {
  font-size: 1rem;
}

.right-profile .activity-card p {
  font-size: 0.845rem;
}

.right-profile .activity-card .btn {
  height: inherit;
  min-width: 3rem;
  padding-left: 0;
  padding-right: 0;
  margin-left: 1rem;
}

.main-content {
  background-color: #fff;
  /* min-height: 100vh; */
  height: unset;
}

.main-content .content-wrapper {
  padding: 1.5rem;
  height: 100%;
}

.main-content .welcome-message {
  background-color: #B4DDE4;
  padding: 1rem;
  border-radius: 1.25rem;
  color: #368796;
  height: 100%;
}

.main-content .welcome-message .reminder-card {
  background-color: #94ccd6;
}

.main-content .welcome-message h2 {
  /* font-weight: 500;
  font-size: 1.25rem; */
  font-weight: 400;
  font-size: 1rem;
  padding-left: 0.25rem;
  color: #263373;
}

.main-content .welcome-message h3 {
  font-weight: 300;
  font-size: 1rem;
}

.main-content .welcome-message a {
  color: #286571;
  font-size: 0.845rem;
  display: flex;
  align-items: center;
}

.main-content .reminders {
  height: 100%;
  background-color: #D9DDF2;
  border-radius: 1.25rem;
  padding: 1rem;
}

.main-content .reminders h2 {
  font-weight: 400;
  font-size: 1rem;
  padding-left: 0.25rem;
  color: #263373;
}

.main-content .reminder-card {
  background-color: #c8cdec;
  border-radius: 0.75rem;
  padding: 0.75rem;
}

.main-content .reminder-card p {
  font-size: 0.845rem;
  color: #515c91;
  line-height: 1.5;
  margin-bottom: 0;
}

.service-card {
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 1.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0 0 5px 1px #eeeeee;
}

.service-card .service-icon {
  background-color: #ECF6F8;
  padding: 1rem;
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.service-card .service-icon img {
  width: 1.5rem;
  height: auto;
}

.service-card h3,
.service-card p {
  color: #4A4E4F;
}

.service-card h3 {
  font-size: 1rem;
}

.service-card p {
  font-size: 0.75rem;
}

.service-card .btn {
  height: inherit;
  min-width: 3rem;
  padding-left: 0;
  padding-right: 0;
  margin-left: 1rem;
}

.profile-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-top: 3rem;
}

.profile-details .profile-photo {
  border-radius: 50%;
  overflow: hidden;
  width: 9rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: visible;
}

.profile-details .profile-photo::after {
  content: " ";
  background-image: url("../images/profile-bg.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 110%;
  height: 110%;
  position: absolute;
  left: -5%;
  top: -5%;
  z-index: 0;
}

.profile-details .profile-photo img {
  width: 90%;
  height: 90%;
  border-radius: 50%;
  z-index: 1;
}

.profile-details h3,
.profile-details h6 {
  margin: 0;
  padding: 0;
}

/**
Family card
**/
.member-card {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  padding: 1.5rem 0.75rem;
  border-radius: 1rem;
  border: 1px solid #DAEEF1;
}

.member-card .profile-details {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: center;
  margin-top: 0;
}

.member-card .profile-details .profile-photo {
  width: 6rem;
  height: 6em;
}

.member-card .profile-details h4 {
  font-weight: 400;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.member-card .profile-details p {
  color: #7C8283;
  margin-bottom: 0.75rem;
}

.wrapper-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}

.group-date span.grp_date {
  /* background: linear-gradient(180deg, #eeeef0 0%, #9dd1da 100%);
  box-shadow: 0px 1px 0px #E9EAED;
  height: 30px; */
  padding: 0.1rem 1.5rem 0.1rem 0.5rem;
  background: linear-gradient(180deg, #78C1CE 0%, #2F7683 100%);
  clip-path: polygon(0 0, 100% 0%, 87% 100%, 0 100%);
  border-top-left-radius: 0.375rem;
  color: #fff;
  font-size: 0.7rem;
}

.group-date .heading .border_grp {
  /* display: block; */
  width: 100%;
  background-color: #B4DDE4;
  height: 1.5px;
}

.doc-card {
  background-color: #ffffff;
  border-radius: 0.5rem;
  text-align: center;
  height: 100%;
  padding: 1rem 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
}

/* .doc-card .profile-photo {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #B4DDE4;
  display: inherit;
  align-self: center;
} */
.doc-card .profile-photo {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1.6px solid #B4DDE4;
  display: inherit;
  align-self: center;
  box-shadow: inset 0 0px 10px #b4dde4;
}

.doc-card .profile-photo img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.doc-card .doc-details {
  text-align: center;
}

.doc-card .doc-details h4 {
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0.345rem;
  margin-top: 0.345rem;
}

.doc-card .doc-details p {
  color: #7C8283;
  margin-bottom: 0.25rem;
}

.doc-card.selected {
  border: 1px solid #43BC94;
  box-shadow: 0 2px 8px #E7FEF6;
  background-image: url(../images/icons/toast-success.svg);
  background-repeat: no-repeat;
  background-position: 95% 3%;
}

.doc-card.doc-card-row {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
  gap: 1.25rem;
  border: 1px solid #8ECBD7;
}

.doc-card.doc-card-row .doc-details {
  text-align: left;
  flex: 2;
}

.card-wrapper {
  border-radius: 1rem;
  background-color: #D9DDF2;
  background-color: #ECF6F8;
  border: 1px solid #B4DDE4;
}

.card-wrapper .card-wrapper-heading {
  border-bottom: 1px solid #B4DDE4;
  padding: 0.75rem 1rem;
}

.card-wrapper .card-wrapper-heading .heading {
  margin: 0;
  color: #368796;
}

.card-wrapper .card-wrapper-content {
  padding: 1rem;
}

.card-wrapper .date-pill,
.card-wrapper .time-pill {
  background-color: #DAEEF1;
  border: 1px solid #368796;
  border-radius: 1.5rem;
  text-decoration: none;
  color: #368796;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.5rem;
  font-size: 0.845rem;
}

.card-wrapper .date-pill.selected,
.card-wrapper .time-pill.selected {
  background-color: #368796;
  color: #DAEEF1;
}

p.label {
  margin-bottom: 0;
  color: #7C8283;
  font-size: 0.75rem;
  font-weight: 500;
}

p.value {
  margin-bottom: 0;
  color: #43A9BC;
  font-weight: 400;
  font-size: 0.875rem;
}

.login__wrapper {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-image: url("../images/login-wrapper-bg.png");
  background-position: left top;
  background-size: cover;
}

.login__anim-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: inherit;
}

@media (max-width: 1024px) {
  .login__anim-wrapper {
    width: 100%;
  }
}

.login__anim-wrapper .logo-vision {
  text-align: center;
  padding-right: 8%;
  padding-top: 8%;
}

@media (max-width: 1024px) {
  .login__anim-wrapper .logo-vision {
    padding: 2% 0;
  }
}

.login__anim-wrapper .logo-vision img {
  width: 14rem;
}

@media (max-width: 1024px) {
  .login__anim-wrapper .logo-vision img {
    width: 9rem;
    z-index: 1;
    position: relative;
  }
}

.login__anim-wrapper .bg__scroll {
  position: absolute;
  width: 6000px;
  height: 28vh;
  background-image: url(../images/bg-scroll.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: contain;
  margin-bottom: -1px;
  -webkit-animation: slide 120s linear infinite alternate;
  animation: slide 120s linear infinite alternate;
  bottom: 0;
}

@media (max-width: 1024px) {
  .login__anim-wrapper .bg__scroll {
    height: 50vh;
    width: 100%;
  }
}

.login__anim-wrapper .bg__scroll img {
  height: 28vh;
  margin-bottom: -1px;
}

.login__form-wrapper {
  /* margin-left: auto;
  width: 54%; */
  height: 100%;
  background: linear-gradient(145.86deg, #E3F6F9 0.89%, #F7FCFD 30.97%, #F7FCFD 73.57%, #E2F5F8 97.13%);
  /* border-radius: 2.5rem 0 0 2.5rem; */
  filter: drop-shadow(-20px 0px 24px rgba(67, 169, 188, 0.16));
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  /* padding: 1.5rem; */
}

@media (max-width: 1024px) {
  /* .login__form-wrapper {
    height: 100%;
    width: 100%;
    margin-top: 0;
    padding-top: 11rem;
    border-radius: 2.5rem 2.5rem 0 0;
  } */
}

.login__form-wrapper .toggle__swithcer {
  align-self: end;
  background-color: #F8FCFC;
  border: 1px solid #69BAC9;
  border-radius: 1.75rem;
  display: flex;
  padding: 0.25rem;
  gap: 0.125rem;
}

@media (max-width: 1024px) {
  .login__form-wrapper .toggle__swithcer {
    align-self: center;
  }
}

.login__form-wrapper .toggle__swithcer .btn {
  color: #43A9BC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  min-width: 6rem;
  transition: all 400ms ease-in-out;
}

.login__form-wrapper .toggle__swithcer .btn.selected {
  background-color: #43A9BC;
  color: #ffffff;
}

.login__form-wrapper .date-time {
  font-size: 1rem;
  color: #1B444B;
}

.login__form-wrapper .wrapper__object {
  position: absolute;
  z-index: -1;
}

.login__form-wrapper .wrapper__object.wrapper__object-1 {
  top: 10%;
  left: 10%;
  -webkit-animation: bgobjects infinite 24s alternate;
  animation: bgobjects infinite 24s alternate;
}

.login__form-wrapper .wrapper__object.wrapper__object-1 img {
  width: 5.5rem;
}

.login__form-wrapper .wrapper__object.wrapper__object-2 {
  top: 10%;
  left: 82%;
  -webkit-animation: bgobjects infinite 16s alternate;
  animation: bgobjects infinite 16s alternate;
}

.login__form-wrapper .wrapper__object.wrapper__object-2 img {
  width: 8.5rem;
}

.login__form-wrapper .wrapper__object.wrapper__object-3 {
  top: 45%;
  left: -5%;
  -webkit-animation: bgobjects infinite 24s alternate;
  animation: bgobjects infinite 24s alternate;
}

.login__form-wrapper .wrapper__object.wrapper__object-3 img {
  width: 8.5rem;
}

.login__form-wrapper .wrapper__object.wrapper__object-4 {
  top: 85%;
  left: 2%;
  -webkit-animation: bgobjects infinite 30s alternate;
  animation: bgobjects infinite 30s alternate;
}

.login__form-wrapper .wrapper__object.wrapper__object-4 img {
  width: 6.2rem;
}

.login__form-wrapper .wrapper__object.wrapper__object-5 {
  top: 82%;
  left: 86%;
  -webkit-animation: bgobjects infinite 24s alternate;
  animation: bgobjects infinite 24s alternate;
}

.login__form-wrapper .wrapper__object.wrapper__object-5 img {
  width: 8rem;
}

.login__form-card {
  width: 27rem;
  height: 100%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  margin: auto;
}

@media (max-width: 768px) {
  .login__form-card {
    width: 80%;
  }
}

.login__form-card .__logo img {
  width: 28rem;
  margin-bottom: 1rem;
}

@media (max-width: 1024px) {
  .login__form-card .__logo img {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.login__form-card h3 {
  color: #286571;
  font-size: 1.125rem;
  margin-bottom: 0;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0.5rem;
}

.login__form-card h2 {
  color: #286571;
  font-size: 1.75rem;
  font-weight: 200;
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .login__form-card h2 {
    text-align: center;
    font-size: 1.45rem;
  }
}

.login__form-card .form-control {
  height: 3.75rem;
  background-color: #ECF6F8;
  border: 1px solid #368796;
  border-radius: 0.875rem;
  color: #368796;
  font-size: 1rem;
  text-align: center;
}

.login__form-card .form-control::-moz-placeholder {
  color: #368796;
  opacity: 1;
  /* Firefox */
}

.login__form-card .form-control:-ms-input-placeholder {
  color: #368796;
  opacity: 1;
  /* Firefox */
}

.login__form-card .form-control::placeholder {
  color: #368796;
  opacity: 1;
  /* Firefox */
}

.login__form-card p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.login__form-card p.message {
  color: #313435;
  font-size: 1rem;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.login__form-card .btn-primary {
  width: 100%;
  background-color: #43A9BC;
  border-color: #43A9BC;
  height: 3.75rem;
  color: #ECF6F8;
  border-radius: 0.875rem;
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login__form-card .__timer {
  width: 160px;
  height: 160px;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='161' height='161' viewBox='0 0 161 161' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80.2608 0.453979C124.312 0.453979 160.022 36.2712 160.022 80.4539C160.022 124.637 124.312 160.454 80.2608 160.454C36.2101 160.454 0.5 124.637 0.5 80.4539C0.5 36.2712 36.2101 0.453979 80.2608 0.453979ZM80.2608 144.454C115.501 144.454 144.069 115.8 144.069 80.4539C144.069 45.1077 115.501 16.454 80.2608 16.454C45.0203 16.454 16.4522 45.1077 16.4522 80.4539C16.4522 115.8 45.0203 144.454 80.2608 144.454Z' fill='%23DAEDF1'/%3E%3C/svg%3E%0A");
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.login__form-card .__timer p {
  font-size: 2rem;
  font-weight: 600;
  color: #368796;
}

.login__form-card .loader-bar {
  position: absolute;
  left: 0;
  top: 0;
}

.login__form-card .loader-bar circle {
  fill: none;
  stroke: #69BAC9;
  stroke-width: 0.75rem;
  stroke-dasharray: 440;
  stroke-dashoffset: 440;
  transform-origin: center;
  transform: rotate(-90deg);
  -webkit-animation: animtimer 299s linear forwards;
  animation: animtimer 299s linear forwards;
}

@-webkit-keyframes animtimer {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes animtimer {
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes bgobjects {
  0% {
    transform: translate(0px, 0px);
  }

  50% {
    transform: translate(-28px, 8px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

@keyframes bgobjects {
  0% {
    transform: translate(0px, 0px);
  }

  50% {
    transform: translate(-28px, 8px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

@-webkit-keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-1920px, 0, 0);
  }
}

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-1920px, 0, 0);
  }
}

.back__btn {
  align-self: start;
}

.back__btn svg {
  width: 2.75rem;
  height: 2.75rem;
}

.otp__input-wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.otp__input-wrapper .form-control {
  width: 3.75rem;
  border-radius: 0.5rem;
  font-size: 2rem;
  font-weight: 600;
}

.number__pad {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
}

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

.number__pad .number-btn .btn {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  min-width: unset;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

/*# sourceMappingURL=style-EN.css.map */
/*
Mat calendar UI
*/
.mat-form-field {
  width: 100%;
  line-height: unset;
  font-size: 0.875rem !important;
}

[dir=rtl] .mat-form-field {
  text-align: left !important;
}

[dir=rtl] .mat-form-field input {
  font-family: "Noto Sans", sans-serif;
  /* font-family: "Poppins", sans-serif !important; */
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgb(255, 255, 255) !important;
  /* padding-top: 2px !important;
  padding-bottom: 0.068rem !important; */
  padding-top: 5px !important;
  padding-bottom: 4px !important;
  background: transparent;
  align-items: center;
  height: unset;
  /* height: 32px; */
  border-radius: 4px 4px 8px 8px !important;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  /*Only for dd-mm-yyyy */
  /* margin-top: -0.7em !important; */
}

.mat-form-field-appearance-fill mat-label {
  /*Only for dd-mm-yyyy */
  margin-top: 0.2rem !important;
  line-height: 1.2;
}

.mat-form-field-infix input.mat-input-element {
  /*Only for date */
  margin-top: -0.1625em;
  /* margin-top: -0.2625em;  */
}

.mat-form-field-wrapper {
  padding-bottom: unset !important;
  overflow: hidden;
  height: unset;
  /* height: 32px; */
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: transparent !important;
}

.table .mat-form-field-infix {
  width: max-content;
}

.mat-form-field-infix {
  border-top: 0px !important;
}

#endofEpisodeJustification .mat-form-field-infix {
  width: 100% !important;
}

.mat-form-field-infix>* {
  font-size: 0.875rem !important;
}

.mat-form-field-label-wrapper {
  top: -0.64375em;
}

.mat-form-field-infix {
  width: 100% !important;
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0 !important;
  display: flex;
  align-items: center;
}

.mat-form-field-invalid .mat-input-element {
  caret-color: grey;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em !important;
  width: 1.5em !important;
  /* transform: translateY(2px); */
}

.mat-form-field .mat-icon-button:hover {
  background-color: transparent !important;
}

.mat-form-field .mat-icon-button svg path {
  display: block !important;
  fill: #757575 !important;
}

.mat-form-field-appearance-fill .mat-form-field-ripple {
  bottom: 0;
  height: 0px !important;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  display: none;
}

.mat-calendar-controls {
  margin-top: 2.5% !important;
}

mat-calendar {
  position: relative;
}

.mat-calendar-controls::before {
  content: var(--holiday-description, '');
  display: var(--holiday-description-display, none);
  font-size: 0.75rem;
  margin: 0;
  bottom: 0.3rem;
  position: absolute;
  color: #e53c1a;
  font-weight: 600;
  /* padding-left: 1.4rem; */
  padding: 0.375rem 0.2rem;
  border: 1px solid #f89c8a;
  background: #fcebe8;
  width: 96.2%;
  border-radius: 0.3rem;
}

/* .mat-calendar-controls::after{
  content: '';
  position: absolute;
  bottom: 0.7rem;
  left: 0.8rem;
  left: unset;
  width: 1rem;
  min-width: 0.5rem;
  height: 0.3rem;
  background-color: #FF0000;
} */
.mat-datepicker-content .mat-calendar {
  height: 380px !important;
}

.table-cards tr.border-left td {
  /* border-color: #a4b1f6;*/
}

.mat-calendar-body-selected {
  background-color: #d6eaed !important;
  color: #368796 !important;
  border: 1.5px solid #368796 !important;
}

.table-cards tr.border-left td:first-child {
  border-left-width: 0.45rem;
}

.cutom-upload {
  position: relative;
}

.cutom-upload.custom-upload-file {
  opacity: 0;
}

.cutom-upload .cutom-upload-text {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
}

.cutom-upload .cutom-upload-text label {
  font-size: 1rem;
  color: #43A9BC;
}

.uploadFile_box {
  background-color: #ECF6F8;
  width: 25rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border: 1px dashed #4caabb;
  border-radius: 0.5rem;
  position: relative;
}

.uploadFile_box .form-info-text {
  background-color: transparent;
}

.custom-upload-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.nav.nav-pills.style-1 {
  border-bottom: 1px solid #e2eef1;
}

.nav.nav-pills {
  border-bottom: 1px solid #368796;
}

.nav.nav-pills .nav-item {
  /* margin-bottom: -2px; */
}

.nav .nav-link {
  color: #444849;
  font-size: 0.875rem;
}

.nav .nav-link:hover {
  color: #368796;
}

.nav.nav-pills.style-1 .nav-link.active {
  color: #368796;
  border-bottom: 2px solid #368796;
  background-color: transparent;
  border-radius: 0;
  font-weight: bold;
}

.nav .nav-link.active {
  color: #fff;
  border-bottom: 2px solid #43A9BC;
  background-color: #43A9BC;
  border-radius: 0.5rem 0.5rem 0 0;
  /* font-weight: bold; */
}

.nav .nav-link.active svg path {
  stroke: #fff;
}

.nav-pills.tab-pills {
  border: 1px solid #43A9BC;
  display: inline-flex;
  border-radius: 1.5rem;
  padding: 0.25rem;
}

.nav-pills.tab-pills .nav-item {
  margin-bottom: 0;
}

.nav-pills.tab-pills li button {
  color: #43A9BC;
  border-radius: 1.5rem !important;
  min-width: 5.5rem;
  padding: 0.3rem 1.3rem;
}

.nav-pills.tab-pills li button.active {
  border-bottom: unset;
  background-color: #43A9BC;
  color: #fff;
}

.nav-pills.nav-pills-sm.tab-pills {
  padding: 0.2rem;
}

.nav-pills.nav-pills-sm.tab-pills li button {
  padding: 0.2rem 0.7rem;
  font-size: 0.7rem;
}

.vitalsign_table {
  height: 19rem;
  overflow-y: auto;
}

.vitalsign_table::-webkit-scrollbar {
  width: 0.25rem;
}

.vitalsign_table::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
}

.vitalsign_table::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

.vitalsign_table::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

.vitalsign_table table thead {
  background-color: #69BAC9;
}

.vitalsign_table table thead th {
  color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
}

.vitalsign_table table tbody td {
  font-size: 0.75rem;
  vertical-align: middle;
}

.vitalsign_table table tbody td input,
.vitalsign_table table tbody td select {
  font-size: 0.75rem;
}

.vitaldata_table {
  height: 19rem;
  overflow-y: auto;
}

.vitaldata_table::-webkit-scrollbar {
  width: 0px;
}

.vitaldata_table::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
}

.vitaldata_table::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

.vitaldata_table::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

.vitaldata_table table thead {
  background-color: #69BAC9;
}

.vitaldata_table table thead th {
  background-color: #69BAC9 !important;
  color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
}

.vitaldata_table table tbody td {
  font-size: 0.75rem;
  vertical-align: middle;
}

.viewAllVitalsmodal .vitaldata_table {
  height: calc(100vh - 10rem);
}

.viewAllVitalsmodal .vitaldata_table::-webkit-scrollbar {
  width: 0.6rem !important;
}

.graphBox {
  box-shadow: 0 0px 5px #cdcdcd;
  padding: 1rem;
  border-radius: 0.25rem;
}

.lastweek_select {
  padding-right: 2rem;
}

.trackHeader {
  background-color: #def4f7;
  padding: 0.7rem;
}

.tracktext p {
  margin: 0;
  color: #307683;
}

.tracktext svg {
  height: 15px;
}

.nodata_available {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 10rem;
}

.update_tracker {
  color: blue;
}

.reports-toggle {
  right: 1.25rem;
  width: 2rem;
  height: 2rem;
  top: 0;
}

.toggle-arrow {
  padding-left: 0;
  padding-right: 0;
  transform: rotate(180deg);
  transition: all 300ms ease-in-out;
}

.toggle-arrow.collapsed {
  transform: rotate(0deg);
}

.toggle__location .toggle__swithcer {
  align-self: end;
  background-color: #F8FCFC;
  border: 1px solid #69BAC9;
  border-radius: 1.75rem;
  display: flex;
  padding: 0.25rem;
  gap: 0.125rem;
}

@media (max-width: 1024px) {
  .toggle__location .toggle__swithcer {
    align-self: center;
  }
}

.toggle__location .toggle__swithcer .btn {
  color: #43A9BC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  min-width: 6rem;
  transition: all 400ms ease-in-out;
}

.toggle__location .toggle__swithcer .btn.selected {
  background-color: #43A9BC;
  color: #ffffff;
}

.vc-card_box h2 {
  color: #368796;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}

.input-icon {
  position: absolute;
  z-index: 1;
  left: 0.25rem;
  top: calc(50% - 0.5rem);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}

.input-container {
  position: relative;
  width: 100%;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
}

.clr-main {
  color: #69BAC9 !important;
}

.clr-main-2 {
  color: #368796 !important;
}

.clr-anchor {
  color: var(--bs-link-color) !important;
}

.border-clr-main {
  border-color: #d4e9ed !important;
}

.viewAllergiesModal {
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#52c9df), to(#368796));
  box-shadow: inset 0px 0px 14px #B7DFE6;
  border-radius: 0.75rem;
  border: 1px solid #B4DCE4;
  min-height: 200px;
  background-image: linear-gradient(-180deg, #52c9df 0%, #368796 100%);
  color: #fff;
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 #0898d6, 0 -0.25rem 1.5rem #175a8d inset, 0 0.75rem 0.5rem #bef8ff inset, 0 0.25rem 0.5rem 0 #3ed0ee inset;
  box-shadow: 0 0.125rem 0.5rem 0 #0898d6, 0 -0.25rem 1.5rem #175a8d inset, 0 0.75rem 0.5rem #bef8ff inset, 0 0.25rem 0.5rem 0 #3ed0ee inset;
  outline: unset;
  position: absolute;
  right: 1rem;
  z-index: 1;
}

.hoverAllergy:hover .viewAllergiesModal {
  display: block;
}

.viewAllergiesModal table thead {
  background-color: #fff;
}

.viewAllergiesModal table th {
  white-space: nowrap;
  font-size: 0.8rem;
  color: #368796;
}

.viewAllergiesModal table td {
  white-space: nowrap;
  font-size: 0.8rem;
  color: #fff;
}

.viewPatientsAllergiesModal {
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#639aa4), to(#5d8289));
  /* box-shadow: inset 0px 0px 14px #B7DFE6; */
  border-radius: 0.75rem;
  /* border: 1px solid #B4DCE4; */
  /* min-height: 200px; */
  /* background-image: linear-gradient(-180deg, #52c9df 0%, #368796 100%); */
  color: #fff;
  box-shadow: 0 5px 7px 0px #c1d1d8;
  outline: unset;
  position: absolute;
  left: 0rem;
  z-index: 11;
  padding: 0.15rem;
}

.hoverAllergy:hover .viewPatientsAllergiesModal {
  display: block;
}

.viewPatientsAllergiesModal .modal-content {
  background: #FBFDFE;
  border: 1px solid #B4DCE4;
  box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem;
  padding: 0 !important;
  min-height: 200px;
}

.viewPatientsAllergiesModal .modal-header {
  padding: 0.5rem !important;
  padding-bottom: 0 !important;
}

.viewPatientsAllergiesModal .modal-header h6 {
  color: #368796;
}

.viewPatientsAllergiesModal table thead {
  background-color: #fff;
}

.viewPatientsAllergiesModal table th {
  white-space: nowrap;
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem !important;
  /* color: #368796; */
  /* background-color: #fff !important; */
}

.viewPatientsAllergiesModal table tr {
  box-shadow: unset !important;
}


.viewPatientsAllergiesModal table td {
  white-space: nowrap;
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem !important;
  /* color: #fff; */
  /* background-color: transparent !important; */
}

.viewHighAlertModal {
  display: none;
  width: 32rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#639aa4), to(#5d8289));
  /* box-shadow: inset 0px 0px 14px #B7DFE6; */
  border-radius: 0.75rem;
  /* border: 1px solid #B4DCE4; */
  /* min-height: 200px; */
  /* background-image: linear-gradient(-180deg, #52c9df 0%, #368796 100%); */
  color: #fff;
  box-shadow: 0 5px 7px 0px #c1d1d8;
  outline: unset;
  position: absolute;
  left: 0rem;
  z-index: 11;
  padding: 0.15rem;
}

.hoverAllergy:hover .viewHighAlertModal {
  display: block;
}

.viewHighAlertModal .modal-content {
  background: #FBFDFE;
  border: 1px solid #B4DCE4;
  box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem;
  padding: 0 !important;
  min-height: 200px;
}

.viewHighAlertModal .modal-header {
  padding: 0.5rem !important;
  padding-bottom: 0 !important;
}

.viewHighAlertModal .modal-header h6 {
  color: #368796;
}

/* .viewHighAlertModal table thead{
  background-color: #fff;
} */
.viewHighAlertModal table th {
  white-space: nowrap;
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem !important;
  text-align: left;
  /* color: #368796; */
  /* background-color: #fff !important; */
}

.viewHighAlertModal table th:nth-child(2) {
  width: 50%;
}

.viewHighAlertModal table tr {
  box-shadow: unset !important;
}

.viewHighAlertModal table td {
  /* white-space: nowrap; */
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem !important;
  /* color: #fff; */
  /* background-color: transparent !important; */
}

.viewHighAlertModal .modal-body {
  height: 30vh;
}


.toggle__swithcer {
  align-self: end;
  background-color: #F8FCFC;
  border: 1px solid #69BAC9;
  border-radius: 1.75rem;
  display: flex;
  padding: 0.25rem;
  gap: 0.125rem;
}

.toggle__swithcer .btn {
  color: #43A9BC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  min-width: 6rem;
  transition: all 400ms ease-in-out;
}

.toggle__swithcer .btn.selected {
  background-color: #43A9BC;
  color: #ffffff;
}

.cdk-overlay-container {
  z-index: 9999;
}

/* 29-12 */
.mobile_header {
  display: none;
}

@media (max-width: 991px) {
  .mobile_header {
    width: 100%;
    padding: 1rem;
    box-shadow: 0 1px 10px #979797;
    margin-bottom: 1rem;
    display: none;
    justify-content: space-between;
    align-items: center;
  }

  .mobile_header img {
    height: 4rem;
  }
}

@media (max-width: 425px) {
  .mobile_header img {
    height: 2.5rem;
  }
}

.left-nav {
  background-color: #ffffff;
  background-image: url("../images/left-bg.svg");
  background-repeat: no-repeat;
  background-position: -4rem -5rem;
  background-size: 11.5rem 11.5rem;
  position: fixed;
  /* width: 16.66666667% !important; */
  transition: transform .3s ease-in-out;
  z-index: 999;
}

.offcanvas {
  width: unset !important;
  visibility: visible;
  position: unset;
  transform: unset !important;
}

.left-nav[aria-modal="true"] .offcanvas {
  transform: translateX(0) !important;
}

@media (max-width: 991px) {
  .left-nav {
    /* display: none; */
    z-index: 1111;
    top: 0;
    width: unset;
  }

  .offcanvas {
    visibility: hidden;
    position: fixed;
    transition: transform .6s ease-in-out;
  }

  .left-nav[aria-modal="true"] .offcanvas {
    visibility: visible;
  }
}

.left-nav .content-wrapper {
  padding: 1.5rem 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.left-nav .nav {
  margin-top: 0.5rem;
  padding-bottom: 1rem;
  flex-direction: column;
  width: 100%;
  flex-wrap: nowrap;
  max-height: calc(100vh - 2rem);
  overflow-x: hidden;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.left-nav .nav .nav-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0.25rem;
  transition: all 100ms ease-in-out;
}

.left-nav .nav .nav-link svg {
  color: #8ECBD7;
  max-width: 1.25rem;
  max-height: 1.25rem;
}

.left-nav .nav .nav-link svg * {
  fill: #8ECBD7;
}

.left-nav .nav .nav-item.active,
.left-nav .nav .nav-item:hover {
  background-color: #69BAC9;
  border-radius: 0.75rem;
}

.left-nav .nav .nav-item.active .nav-link,
.left-nav .nav .nav-item:hover .nav-link {
  color: #ECF6F8;
}

.left-nav .nav .nav-item.active .nav-link svg,
.left-nav .nav .nav-item:hover .nav-link svg {
  color: #ECF6F8;
}

.left-nav .nav .nav-item.active .nav-link svg *,
.left-nav .nav .nav-item:hover .nav-link svg * {
  fill: #ECF6F8;
}

.left-nav .nav .nav-link {
  color: #286571;
  font-size: 0.845rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.left-nav .nav .nav-link svg {
  color: #8ECBD7;
  height: 1.2rem;
}

.user-details p.label-heading {
  font-weight: 500;
  margin-bottom: 0.25rem;
  color: #368796;
  font-size: 0.75rem;
  white-space: nowrap;
}

.user-details p {
  color: #313435;
  margin-bottom: 0;
  font-size: 0.75rem;
}

@media screen and (max-width:1400px) {
  .user-details p {
    font-size: 0.65rem;
  }
}

.progress_profile {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
  padding: 0.875rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1199px) {
  .progress_profile {
    align-items: unset;
  }
}

.progress_profile .user-photo {
  width: 60px;
  min-width: 60px;
  height: 60px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #8ECBD7;
  border-radius: 50%;
  margin-right: 0.8rem;
}

.progress_profile .user-photo img {
  width: 100%;
}

.progress_profile .profile-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 0.5rem 0;
  width: 100%;
}

.progress_profile p {
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
  font-weight: 500;
  margin: 0.3rem 0;
  padding-right: 10px;
}

.progress_profile p.label {
  color: #357D83;
  font-weight: 500;
}

p {
  margin: 0;
  font-size: 0.75rem;
  color: #234e51;
}

p.label {
  color: #357D83;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}

.container__wrapper {
  border-radius: 0.75rem;
  background-color: #ffffff;
  height: calc(100vh - 4rem);
  overflow-y: auto;
}

/*
Cards
*/
.card {
  border: 1px solid #969B9C;
  border-radius: 0.75rem;
  /* height:170px; */
}

.card.border-right-radius-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.card.border-left-radius-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.card.border-left-0 {
  border-left: 0;
}

.card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3rem;
}

.card .card-header .heading {
  margin: 0;
  font-size: 1rem;
}

.card .card-body {
  padding: 1rem;
}

.card .info-details {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.card .info-details p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 400;
}

.card .info-details p.label {
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}

.card .sub-header {
  background-color: #F2F3F3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}

.card .sub-header .title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
}

.card.card-style-1 {
  border-color: #69BAC9;
  background-color: #fff;
}

.card.card-style-1 .card-header {
  background-color: #ECF6F8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom: 1px solid #B4DDE4;
  padding: 0.75rem 0.5rem;
}

.card.card-style-1 .card-header .card-heading {
  margin: 0;
  font-size: 1.15rem;
  color: #368796;
  font-weight: 500;
}

.card.card-style-1 .sub-header {
  background-color: #FFF3E0;
}

.card.card-style-1 .sub-header .title {
  color: #C77905;
}

/* Grey Card */
.card.card-style-grey {
  border-color: #dddbdb;
  background-color: #fff;
}

.card.card-style-grey .card-header {
  background-color: #f8f8f8 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom: 1px solid #dddbdb;
  padding: 0.75rem 0.5rem;
}

.card.card-style-grey .card-header .card-heading {
  margin: 0;
  font-size: 1.15rem;
  color: #565656;
  font-weight: 500;
}

.card.card-style-grey .sub-header {
  background-color: #FFF3E0;
}

.card.card-style-grey .sub-header .title {
  color: #C77905;
}

/* Secondary Card */
.card.card-style-secondary {
  border-color: #a1abdd;
  background-color: #fff;
}

.card.card-style-secondary .card-header {
  background-color: #eef0fb !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom: 1px solid #dddbdb;
  padding: 0.75rem 0.5rem;
}

.card.card-style-secondary .card-header .card-heading {
  margin: 0;
  font-size: 1.15rem;
  color: #4357BC;
  font-weight: 500;
}

/* 
.card.card-style-grey .sub-header {
  background-color: #FFF3E0;
}

.card.card-style-grey .sub-header .title {
  color: #C77905;
} */

.card.card-style-2 {
  border-color: #f7e1c0;
  background-color: #fffefb;
}

.card.card-style-2 p {
  color: #301E03;
}

.card.card-style-2 p.label {
  color: #C77905;
}

.card.card-style-2 .sub-header {
  background-color: #FFF3E0;
}

.card.card-style-2 .sub-header .title {
  color: #C77905;
}


.card.card-style-secondary {
  border-color: #B3BBE5;
  background-color: #fff;
}

.card.card-style-secondary .card-header {
  background-color: #ECEEF8;
  display: flex;
  align-items: center;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  border-bottom: 1px solid #B3BBE5;
  padding: 0.75rem 0.5rem;
}

.card.card-style-secondary .card-header .card-heading {
  margin: 0;
  font-size: 1.15rem;
  color: #6677CC;
  font-weight: 500;
}


/* card-3d */
.card-3d {
  border: 2px solid #368796;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 0px #368796, 0px 8px 4px -3px rgba(62, 123, 108, 0.4);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25), 0px 2px 0px #368796, 0px 8px 4px -3px rgba(62, 123, 108, 0.4);
  border-radius: 0.52rem;
  background: #fff;
}

.card-3d .card-3d-wrapper {
  background: #FBFDFE;
  border: 1px solid #B4DCE4;
  -webkit-box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem;
}

.card-3d .card-3d-header {
  background-color: #ECF6F8;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  padding: 0.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card-3d .form-control,
.card-3d .form-select {
  /* padding: 0.469rem 0.75rem; */
}

.card-3d-2 {
  background: linear-gradient(180deg, #FAFFFE 57.81%, #C2E9E0 100%);
  border: 2px solid #368796;
  box-shadow: 0px 4px 0px #368796, 0px 0.75rem 1.25rem -0.5rem #3E7B6C;
  border-radius: 0.75rem;
  padding-bottom: 1rem;
  padding: 0.5rem;
}

.card-3d-2 .card-3d-heading {
  background: linear-gradient(180deg, #368796 0%, rgba(65, 166, 184, 0.91) 100%);
  border-radius: 0px 0.5rem 0px 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.25rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
}

.card-3d-2 .card-3d-heading h4 {
  color: #ECF6F8;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.card-3d-2 .card-3d-wrapper {
  background: #FBFDFE;
  border: 1px solid #B4DCE4;
  box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem;
  overflow: auto;
}

.card-3d-2 .card-3d-wrapper .wrapper-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #ECF6F8;
  border-bottom: 1px solid #B4DCE4;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  flex-wrap: wrap;
}

.card-3d-2 .card-3d-wrapper .wrapper-header h4 {
  color: #368796;
  font-size: 1rem;
  margin-bottom: 0;
}

.card-3d-2 .card-3d-wrapper .wrapper-container {
  overflow: auto;
}

.card-3d-2 .display-details {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 160px;
}

.card-3d-2 .display-details h4,
.card-3d-2 .display-details p {
  color: #286571;
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  text-align: center;
}

.card-3d-2 .display-details h4 {
  font-size: 1.75rem;
}

.card-3d-2 .row-items.row-items-fill {
  background-color: #ECF6F8;
  border: 0;
  padding: 0.75rem;
  border-radius: 0.375rem;
}

.card-3d-2 .row-items.selected {
  box-shadow: inset 0px 0px 8px #2D8772;
}

.card-3d-2 .btn {
  width: calc(100% - 0.5rem);
  position: relative;
  margin-bottom: 0.125rem;
}

.card-3d-2 .btn.btn-tab {
  min-height: 4.125rem;
}

.card-3d-2 .btn:last-child {
  margin-bottom: 0;
}

.card-3d-2 .btn h4,
.card-3d-2 .btn p {
  color: #929EA0;
  z-index: 1;
  position: relative;
}

.card-3d-2 .btn.btn-select {
  background: linear-gradient(180deg, #FAFFFE 0%, #E5F3F0 100%);
  border-radius: 0.5rem;
  border: 2px solid #52B9C0;
  white-space: unset;
  word-break: break-word;
  padding: 0.25rem 0.5rem;
}

.card-3d-2 .btn.btn-select h4,
.card-3d-2 .btn.btn-select p {
  color: #286571;
}

.card-3d-2 .btn.btn-select p {
  /* font-size: 0.7rem; */
}

@media screen and (max-width:1300px) {
  .card-3d-2 .btn.btn-select p {
    font-size: 0.55rem;
  }
}

.card-3d-2 .btn.btn-select::before {
  content: "";
  position: absolute;
  width: calc(100% - 0.5rem);
  top: 0.25rem;
  left: 0.25rem;
  right: 0.25rem;
  height: 55%;
  background: linear-gradient(207.26deg, #EDF7F5 13.34%, rgba(255, 255, 255, 0.8) 83%);
  border-radius: 0.4rem;
  opacity: 0.8;
}

.card-3d-3 {
  background: linear-gradient(180deg, #FEFDFB 0%, #E9DEC2 100%);
  border: 2px solid #957A37;
  box-shadow: 0px 5px 0px #957A37, 0px 16px 28px -8px #876F32;
  border-radius: 0.75rem;
  padding-bottom: 1rem;
  padding: 0.5rem;
}

.card-3d-3 .card-3d-heading {
  background: linear-gradient(180deg, #957A37 0%, #CF9B1B 100%);
  border-radius: 0px 0.5rem 0px 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.25rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
}

.card-3d-3 .card-3d-heading h4 {
  color: #ECF6F8;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.card-3d-3 .card-3d-wrapper {
  background: #FBFDFE;
  border: 1px solid #E3D6B5;
  box-shadow: inset 0px 0px 0.875rem #E5D8B8;
  border-radius: 0.5rem;
}

.card-3d-3 .card-3d-wrapper .wrapper-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #F8F7F1;
  border-bottom: 1px solid #E3D6B5;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  flex-wrap: wrap;
}

.card-3d-3 .card-3d-wrapper .wrapper-header h4 {
  color: #C77905;
  font-size: 1rem;
  margin-bottom: 0;
}

.card-3d-3 .card-3d-wrapper .wrapper-container {
  overflow: auto;
}

.card-3d-3 .display-details {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.card-3d-3 .display-details button {
  white-space: unset;
}

.card-3d-3 .display-details h4,
.card-3d-3 .display-details p {
  color: #C77905;
  font-weight: 600;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  text-align: center;
}

.card-3d-3 .display-details h4 {
  font-size: 1.75rem;
}

.card-3d-3 .row-items {
  border: 1px solid #E3D6B5 !important;
  background-color: #F9F7F0 !important;
}

.card-3d-3 .row-items * {
  color: #C77905 !important;
}

.card-3d-3 .row-items.border-left {
  border-left-width: 0.25rem !important;
}

.card-3d-3 .btn {
  width: calc(100% - 0.5rem);
  position: relative;
  margin-bottom: 0.125rem;
}

.card-3d-3 .btn.btn-tab {
  min-height: 4.125rem;
}

.card-3d-3 .btn:last-child {
  margin-bottom: 0;
  white-space: unset;
  word-break: break-word;
}

.card-3d-3 .btn h4,
.card-3d-3 .btn p {
  /* color: #9A9484;
      z-index: 1;
      position: relative; */
}

.card-3d-3 .btn p {
  /* font-size: 0.875rem; */
}

.card-3d-3 .btn.btn-select {
  background: linear-gradient(180deg, #FCFCFC 0%, #ECECEC 100%);
  border-radius: 0.5rem;
  border: 2px solid #B4A786;
  white-space: unset;
}

.card-3d-3 .btn.btn-select h4,
.card-3d-3 .btn.btn-select p {
  color: #C77905;
}

.card-3d-3 .btn.btn-select::before {
  content: "";
  position: absolute;
  width: calc(100% - 0.5rem);
  top: 0.25rem;
  left: 0.25rem;
  right: 0.25rem;
  height: 55%;
  background: linear-gradient(207.26deg, #F1F3F3 13.34%, rgba(255, 255, 255, 0.8) 83%);
  border-radius: 0.4rem;
  opacity: 0.8;
}

.card-3d-3 .table th {
  background-color: #F9F7F0 !important;
}

.toggle__switch {
  -ms-flex-item-align: end;
  align-self: end;
  background-color: #F8FCFC;
  border: 1px solid #69BAC9;
  border-radius: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem;
  gap: 0.125rem;
}

.toggle__switch .btn {
  color: #43A9BC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1rem;
  min-width: 6rem;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.toggle__switch .btn.Statselected {
  background-color: #e45c6e;
  color: #ffffff;
}

.toggle__switch .btn.selected {
  background-color: #43A9BC;
  color: #ffffff;
}

.toggle__switch .btn span {
  /* letter-spacing: -1.3px; */
}

.toggle__switch .btn.selected span {
  color: #ffffff;
}

.toggle__switch .btn.selected svg path {
  fill: #fff;
}

.clinical_toggle .count {
  background: #43a9bc;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -0.8rem;
  right: -0.6rem;
}


.toggle__switch.switch-sm .btn {
  height: 1.75rem;
  min-width: 2.5rem;
}

.patient-info .patient-photo {
  width: 5rem;
  height: 5rem;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.patient-info .patient-photo::before {
  position: absolute;
  content: " ";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

/* Row Items */
.row-items {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.5rem 0.25rem;
  border: 1px solid #B4DDE4;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

.row-items:last-child {
  margin-bottom: 0;
}

.row-items * {
  margin: 0;
  margin-right: 0.25rem;
}

.row-items *:last-child {
  margin-right: 0;
}

.row-items p {
  font-size: 0.75rem;
  width: 33%;
}

.row-items p.text-bold {
  font-size: 0.875rem;
  font-weight: 500;
}

.font-h5 {
  font-size: 0.875rem !important;
  font-weight: bold !important;
}

table {
  border: 1px solid #E4E6E6;
}

table th {
  font-weight: 500;
  font-size: 0.75rem;
  /* color: #fff; */
  color: #368796;
  /* white-space: nowrap; */
  padding: 0.5rem 0.75rem !important;
  /* background-color: #69BAC9 !important; */
  background-color: #ECF6F8 !important;
  vertical-align: middle;
}

table td {
  font-size: 0.75rem;
  /*white-space: nowrap;*/
  color: #4A4E4F;
  padding: 0.5rem 0.75rem !important;
  vertical-align: middle;
}

table .btn {
  /* padding-top: 0.2rem;
    padding-bottom: 0.2rem; */
}

table tfoot th {
  background-color: #FCEBE8 !important;
  color: #BD7264;
}

.mat-calendar-content table {
  border: unset;
}

.mat-calendar-content table td {
  padding-top: 7.14286% !important;
  padding-bottom: 7.14286% !important;
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54) !important;
}

.mat-calendar-content table th {
  background-color: unset !important;
  color: #0000008a;
  padding: 0 0 8px 0;
}



.bed-board {
  border: 1px solid #ACD5EC;
  border-radius: 0.5rem;
  background-color: #fff;
  max-height: 28rem;
  overflow: auto;
}

@media screen and (max-width:991px) {
  .bed-board {
    max-height: unset;
  }
}

.bed-board .bed-details {
  /* overflow: hidden; */
  position: relative;
  height: 100%;
  margin-bottom: 0.5rem;
}

.bed-board .bed-details .bed-board-strip {
  position: absolute;
  border-right: 40px solid transparent;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-bottom: 80px solid red;
  border-top: 0;
  transform: rotate(72deg);
  left: -2rem;
  top: -2rem;
  animation: bg-animate 1s infinite;
}

/*.bed-board .bed-details .bed-board-strip svg path {
        fill: #0885CA;
    }*/

.bed-board .bed-details .alergy-icon {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E9F5F7;
  box-shadow: 0px 0px 1px #C0E6E4, inset 0px 0px 4px #8BCED8;
  animation: allergyblink 1s ease-in-out infinite;
}

@keyframes allergyblink {
  0% {}

  50% {
    background-color: #FAD8D1;
    box-shadow: 0px 0px 1px #C0E6E4, inset 0px 0px 4px #EB6247;
  }

  100% {}
}

.bed-board .bed-details .alergy-icon p {
  color: #234e51;
  animation: allergypblink 1s ease-in-out infinite;
}

@keyframes allergypblink {
  0% {}

  50% {
    color: #EB6247;
  }

  100% {}
}

.bed-board .bed-details .bed-info {
  text-align: center;
  position: relative;
}

.bed-board .bed-details .bed-info .bed-icon {
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  width: 7rem;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.bed-board .bed-details .bed-info .bed-icon::before {
  position: absolute;
  content: " ";
  width: 5.75rem;
  height: 5.75rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.bed-board .bed-details .bed-info .bed-icon svg {
  position: relative;
}

/* .bed-board .bed-details .bed-info .bed-icon .bandage_icon {
  position: absolute;
  top: -0.7rem;
  right: -0.7rem;
} */

.bed-board .bed-details .bed-info .bed-info-label {
  position: relative;
  background: #CBC0ED;
  box-shadow: 0px 5px 8px -2px rgba(88, 142, 152, 0.7);
  border-radius: 4rem;
  color: #6F5CAA;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  width: 80%;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-top: -1.5rem;
}

.bed-board .bed-details .dnr_label {
  background: #f64421;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 0.4rem;
}

.bed-board.dnr_board .bed-info .bed-icon {
  animation: circleBlink 1500ms infinite;
}

@keyframes circleBlink {
  0% {}

  50% {
    background-color: #f64421;
  }

  100% {}
}

.bed-board.dnr_board .iso-color {
  margin-top: 0 !important;
}

.bed-board .bed-details .bed-info .bed-precautions {
  position: absolute;
  height: 2rem;
  justify-content: center;
  top: 1.35rem;
  right: 0.3rem;
  /* transform: translate(-50%); */
  z-index: 2;
}

.bed-board .bed-details .bed-info .bed-precautions .precaution {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  color: #fff;
  border-radius: 0.3rem;
  font-size: 1.2rem;
}

.bed-board .bed-details .bed-info .bed-precautions .precaution.contact {
  background-color: #3dba87;
}

.bed-board .bed-details .bed-info .bed-precautions .precaution.droplet {
  background-color: #d14d58;
}

.bed-board .bed-details .bed-info .bed-precautions .precaution.aiarborne {
  background-color: #0c51a4;
}

.bed-board .bed-details .bed-info .bedsoreStage {
  position: absolute;
  height: 2rem;
  top: -1.4rem;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}

.bed-board .bed-details .bed-info .bedsoreStage p {
  color: #313E43;
  font-size: 0.875rem;
  white-space: nowrap;
}

.bed-board .bed-details .bed-info .bedsoreStage p span {
  height: 1px;
  width: 1.5rem;
  background-color: #FFD581;
}

.bed-board .bed-details .bed-info .bedsoreStage h6 {
  color: #811E1E;
  font-size: 1.4rem;
  line-height: 1;

}

.bed-board .bed-details .bed-info .fallRisk {
  position: absolute;
  height: 2rem;
  top: -7rem;
  right: -1.7rem;
  transform: translate(-50%);
  z-index: 1;
}

.bed-board .bed-details .bed-number,
.bed-number {
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  padding: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #368796;
  font-size: 1.03rem;
}

.iso-color {
  background: #ffff37b3;
  border: 1px solid #f6f6c599;
  padding: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #000 !important;
  font-size: 1.03rem;
}

.iso-color-bg-primary-100 {
  background-color: #ffff37b3 !important;
  /* border: 1px solid #5f5114 !important;
  color: #000 !important; */
  /* font-size: 1.03rem; */
}

.bed-board .bed-details .bed-tasks-info {
  display: flex;
  padding: 0.5rem;
  gap: 0.5rem;
}

.bed-board .bed-details .bed-request button {
  background: #E3F7F4;
  border: 1px solid #50D0BC;
  border-radius: 0.25rem;
  color: #35B6A2;
  text-align: left;
  line-height: 1.3;
  font-size: 0.65rem;
  width: 50%;
  height: auto;
}

.bed-board .bed-details .bed-tasks-info .task-info {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E3F7F4;
  border: 1px solid #50D0BC;
  border-radius: 0.25rem;
  color: #35B6A2;
  font-size: 1.3rem;
  font-weight: 600;
  flex: 1;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  cursor: pointer;
}

.btn-primary-3d {
  cursor: pointer;
  position: relative;
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #69BAC9;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#52c9df), to(#368796));
  background-image: linear-gradient(-180deg, #52c9df 0%, #368796 100%);
  -webkit-box-shadow: 0 0.125rem 0.5rem 0 #0898d6, 0 -0.25rem 1.5rem #175a8d inset, 0 0.75rem 0.5rem #bef8ff inset, 0 0.25rem 0.5rem 0 #3ed0ee inset;
  box-shadow: 0 0.125rem 0.5rem 0 #0898d6, 0 -0.25rem 1.5rem #175a8d inset, 0 0.75rem 0.5rem #bef8ff inset, 0 0.25rem 0.5rem 0 #3ed0ee inset;
}

.bed-details .btn-primary-3d {
  border-radius: 0;
  border-radius: 0.35rem;
  width: 95%;
  max-width: 100%;
}

.btn-primary-3d::before {
  content: "";
  display: block;
  height: 0.2rem;
  position: absolute;
  top: 0.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 4rem);
  background: #fff;
  border-radius: 100%;
  opacity: 0.6;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #FFFFFF), color-stop(80%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 20%, #FFFFFF 80%, rgba(255, 255, 255, 0) 100%);
}

.bed-board .patient-details {
  /* box-shadow: inset 4px 0px 4px -3px rgba(79, 69, 69, 0.25);
    border-radius: 0px 8px 8px 0px;
    padding: 0.5rem; */
  height: 27.5rem;
  overflow-y: auto;
  background-image: url(../images/bedboard_BG.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  /* margin-right: 0.5rem; */
  border-left: 0.5px solid #D5DFE0;
}

@media screen and (max-width:991px) {
  .bed-board .patient-details {
    height: unset;
  }
}

.bed-board .patient-details .info_sec {
  position: absolute;
  top: -1px;
  right: 0;
}

.bed-board .patient-details .patient-details-wrapper {
  /* background: #FBFDFE;
    border: 1px solid #B4DCE4;
    box-shadow: inset 0px 0px 14px #B7DFE6;
    border-radius: 0.75rem; */
  padding: 0.3rem;
  height: 100%;
}

.bed-board .patient-details .patient-details-wrapper .gy-3 {
  /* --bs-gutter-y: 0.7rem !important; */
}

.bed-board .patient-details .patient-details-wrapper .viewApproval {
  /* position: absolute;
  right: 0.2rem;
  margin-top: 0.5rem; */
}

.bed-board .patient-details .patient-details-wrapper p {
  margin: 0;
  font-size: 0.75rem;
  color: #4A4E4F;
  font-weight: 500;
}

.bed-board .patient-details .patient-details-wrapper p.label {
  color: #357D83;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 600;
}

.bed-board .patient-details .status_track .trackpath circle {
  stroke: #7F7F7F;
  fill: #D9D9D9;
}

.bed-board .patient-details .status_track .trackpath .exclaim {
  display: block;
}

.bed-board .patient-details .status_track .trackpath.active .tick {
  display: block;
}

.bed-board .patient-details .status_track .trackpath.active .exclaim {
  display: none;
}

.bed-board .patient-details .status_track .trackpath.active .ar_status circle {
  fill: #C6FCFF;
  stroke: #35AEC8;
}

.bed-board .patient-details .status_track .trackpath.active .is_status circle {
  fill: #FCF2CF;
  stroke: #EBCF52;
}

.bed-board .patient-details .status_track .trackpath.active .vte_status circle {
  fill: #D5D8FF;
  stroke: #6280EC;
}

.bed-board .patient-details .status_track .trackpath.active .cpc_status circle {
  fill: #ffd7d7;
  stroke: #ff7d7d;
}

.bed-board .patient-details .status_track .status_track_tooltip {
  bottom: unset;
  top: 1.6rem;
  width: 14.4rem;
}

.bed-board .patient-details .status_track .status_track_tooltip p {
  text-wrap: wrap;
}

.bed-board.bed-board-occupied {
  border: 1px solid #ACD5EC;
  position: relative;
}

.bed-board.bed-board-occupied .vacant_bed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.75rem;
  /* border: 2px solid #378797; */
  border-radius: 0.45rem;
  width: 100%;
}

.bed-board .vacant_bed span {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* backdrop-filter: blur(2px); */
  background-color: #ffffffcc;
  /* filter: blur(0.3rem); */
  z-index: -1;
}

.bed-board.bed-board-occupied .vacant_bed .vacant_lines {
  background-image: url(../images/vacant_bg.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  padding: 0.5rem;
  width: 25%;
  /* width: 100%; */
  height: 100%;
  justify-content: center;
}

.bed-board.bed-board-occupied .vacant_bed .vacant_lines .iso-color {
  margin: 0;
  margin-top: -1rem;
  width: 99%;
  border-top: 1.5px solid #F7BF08;
  border-bottom: 1.5px solid #F7BF08;
}

.bed-board.bed-board-occupied .vacant_bed .vacant_lines .bed-number {
  margin: 0;
  margin-top: -1rem;
  width: 99%;
}

.bed-board.bed-board-occupied .vacant_bed p {
  color: #368796;
  font-size: 0.875rem;
  text-align: center;
}

/* Bronze Card */
.bed-board.bed-board-occupied.bronze_card {
  border: 1px solid #B6937C;
}

.bed-board.bed-board-occupied.bronze_card .gradient_bg {
  background: linear-gradient(139.27deg, #EBD2C2 5.45%, #EBC6B0 32.29%, #DCB9A7 56%, #D5A687 78.17%, #F8DCCB 93.06%);
}

.bed-board.bed-board-occupied.bronze_card .patient-details {
  background-image: none !important;
  border-left: 0.5px solid #7A5F50;
}

.bed-board.bed-board-occupied.bronze_card .clr-primary-600 {
  color: #810A0A !important;
}

.bed-board.bed-board-occupied.bronze_card p.label {
  color: #810A0A !important;
}

.bed-board.bed-board-occupied.bronze_card .bed-info .bed-info-label {
  background: linear-gradient(180deg, #F1D5C6 0%, #B97B5B 100%);
  color: #772901;
  border: 1px solid #CC7747;
  box-shadow: 0px 5px 8px -2px #B97B5B;
}

.bed-board.bed-board-occupied.bronze_card .instr_count {
  background-color: #EEAC88;
  color: #663B2B !important;
}

.bed-board.bed-board-occupied.bronze_card .form-check-input:checked {
  background-color: #CD5C16;
  border-color: #CD5C16;
}

.bed-board.bed-board-occupied.bronze_card .btn-secondary-outline {
  border: 1px solid #CA8146;
  background-color: #F9D0BA;
  color: #6B0000;
}

.bed-board.bed-board-occupied.bronze_card .btn-secondary-outline.active {
  background-color: #CA8146;
  color: #fff;
}

.bed-board.bed-board-occupied.bronze_card .actions {
  background: linear-gradient(94.54deg, #B6937C 8.32%, #B68F7C 49.16%, #B6937C 94.13%);
  box-shadow: unset !important;
}

.bed-board.bed-board-occupied.bronze_card .actions .btn {
  background: linear-gradient(180deg, #F1D5C6 0%, #C7916D 100%);
  border: 1px solid #7A5F50;
}

.bed-board.bed-board-occupied.bronze_card .actions .btn svg path {
  fill: #5E4537;
}

.bed-board.bed-board-occupied.bronze_card .actions .btn p {
  color: #6B0000 !important;
  -webkit-text-fill-color: #6B0000 !important;
}

.bed-board.bed-board-occupied.bronze_card .actions .btn::before {
  background: linear-gradient(180deg, rgba(229, 200, 184, 0.5) 0%, rgba(218, 192, 178, 0.2) 100%);
  box-shadow: 0px 4.1px 0.1px -1px #0000000D;
}

.bed-board.bed-board-occupied.bronze_card .bed-number {
  background: #EEAC88;
  color: #000000;
  border: 1px solid #EEAC88;
}

.bed-board.bed-board-occupied.bronze_card .task-info {
  border: 1px solid #CA652F;
  background: #EEAC88;
  color: #5F2D12;
}

.bed-board.bed-board-occupied.bronze_card .btn-primary-3d {
  border: 1px solid #C1774D;
  background: linear-gradient(180deg, #F1D5C6 0%, #CD7242 100%);
  color: #503A00;
  box-shadow: 0 0.125rem 0.5rem 0 #C1774D, 0 -0.25rem 1.5rem #CD7242 inset, 0 0.75rem 0.5rem #CD7242 inset, 0 0.25rem 0.5rem 0 #CD7242 inset;
}

.bed-board.bed-board-occupied.bronze_card .viewPatientsAllergiesModal {
  background-image: linear-gradient(-180deg, #7A5F50 0%, #7A5F50 100%);
  box-shadow: 0 5px 7px 0px #eccdbb;
}

.bed-board.bed-board-occupied.bronze_card .viewPatientsAllergiesModal .modal-content {
  background: #eccdbb;
  box-shadow: inset 0px 0px 0.875rem #eccdbb;
  border: 1px solid #eccdbb;
}

.bed-board.bed-board-occupied.bronze_card .viewPatientsAllergiesModal .modal-header h6 {
  color: #6B0000 !important;
}

.bed-board.bed-board-occupied.bronze_card .viewPatientsAllergiesModal table th {
  color: #6B0000;
  background-color: #dcb9a7 !important;
}

/* Gold Card */
.bed-board.bed-board-occupied.gold_card {
  border: 1px solid #FFDA8C;
}

.bed-board.bed-board-occupied.gold_card .gradient_bg {
  background: linear-gradient(94.54deg, #FFDA8C 8.32%, #ffcf7599 49.16%, #FFDA8C 94.13%);
}

.bed-board.bed-board-occupied.gold_card .patient-details {
  background-image: none !important;
  border-left: 0.5px solid #A16E00;
}

.bed-board.bed-board-occupied.gold_card .clr-primary-600 {
  color: #56267E !important;
}

.bed-board.bed-board-occupied.gold_card p.label {
  color: #56267E !important;
}

.bed-board.bed-board-occupied.gold_card .bed-info .bed-info-label {
  background: linear-gradient(180deg, #FFF1D2 0%, #F6CD71 100%);
  color: #503A00;
  border: 1px solid #EDA006;
  box-shadow: unset;
}

.bed-board.bed-board-occupied.gold_card .instr_count {
  background-color: #DDBB79;
  color: #911400 !important;
}

.bed-board.bed-board-occupied.gold_card .form-check-input:checked {
  background-color: #7E5600;
  border-color: #7E5600;
}

.bed-board.bed-board-occupied.gold_card .btn-secondary-outline {
  border: 1px solid #A87B00;
  background-color: #FFE0A1;
  color: #7E5600;
}

.bed-board.bed-board-occupied.gold_card .btn-secondary-outline.active {
  background-color: #A87B00;
  color: #fff;
}

.bed-board.bed-board-occupied.gold_card .actions {
  background: linear-gradient(94.54deg, #FFDA8C 8.32%, #ED9600 49.16%, #FFDA8C 94.13%);
  box-shadow: unset !important;
}

.bed-board.bed-board-occupied.gold_card .actions .btn {
  background: linear-gradient(180deg, #FFF1D2 0%, #F5BA38 100%);
  border: 1px solid #A16E00;
}

.bed-board.bed-board-occupied.gold_card .actions .btn svg path {
  fill: #7E5600;
}

.bed-board.bed-board-occupied.gold_card .actions .btn p {
  color: #7E5600 !important;
  -webkit-text-fill-color: #7E5600 !important;
}

.bed-board.bed-board-occupied.gold_card .actions .btn::before {
  background: linear-gradient(207.26deg, rgba(255, 248, 233, 0.8) 13.34%, #EFBC3F 83%);
  box-shadow: 0px 4.1px 0.1px -1px #0000000D;
}

.bed-board.bed-board-occupied.gold_card .bed-number {
  background: #FBFF83;
  color: #000000;
  border: 1px solid #FBFF83;
}

.bed-board.bed-board-occupied.gold_card .task-info {
  border: 1px solid #7E5600;
  background: #FFE0A1;
  color: #7E5600;
}

.bed-board.bed-board-occupied.gold_card .btn-primary-3d {
  border: 1px solid #A16E00;
  background: linear-gradient(180deg, #FFF1D2 0%, #F5BA38 100%);
  color: #503A00;
  box-shadow: unset;
}

.bed-board.bed-board-occupied .silver_svg,
.bed-board.bed-board-occupied .bronze_svg,
.bed-board.bed-board-occupied .gold_svg {
  display: none !important;
}

.bed-board.bed-board-occupied.silver_card .bronze_svg,
.bed-board.bed-board-occupied.silver_card .gold_svg,
.bed-board.bed-board-occupied.silver_card .default_svg {
  display: none !important;
}

.bed-board.bed-board-occupied.bronze_card .silver_svg,
.bed-board.bed-board-occupied.bronze_card .gold_svg,
.bed-board.bed-board-occupied.bronze_card .default_svg {
  display: none !important;
}

.bed-board.bed-board-occupied.gold_card .silver_svg,
.bed-board.bed-board-occupied.gold_card .bronze_svg,
.bed-board.bed-board-occupied.gold_card .default_svg {
  display: none !important;
}

.bed-board.bed-board-occupied.silver_card .silver_svg {
  display: inline !important;
}

.bed-board.bed-board-occupied.bronze_card .bronze_svg {
  display: inline !important;
}

.bed-board.bed-board-occupied.gold_card .gold_svg {
  display: inline !important;
}

.bed-board.bed-board-occupied.gold_card .viewPatientsAllergiesModal {
  background-image: linear-gradient(-180deg, #A16E00 0%, #A16E00 100%);
  box-shadow: 0 5px 7px 0px #ffe2ab;
}

.bed-board.bed-board-occupied.gold_card .viewPatientsAllergiesModal .modal-content {
  background: #ffe2ab;
  box-shadow: inset 0px 0px 0.875rem #ffe2ab;
  border: 1px solid #ffe2ab;
}

.bed-board.bed-board-occupied.gold_card .viewPatientsAllergiesModal .modal-header h6 {
  color: #7E5600 !important;
}

.bed-board.bed-board-occupied.gold_card .viewPatientsAllergiesModal table th {
  color: #7E5600;
  background-color: #f1c254 !important;
}

/* Silver Card */
.bed-board.bed-board-occupied.silver_card {
  border: 1px solid #929292;
}

.bed-board.bed-board-occupied.silver_card .gradient_bg {
  background: linear-gradient(313.11deg, #A8A8A6 1.53%, #C5C4C4 26.12%, #EEEEEE 63%, #DBE5E6 79.66%, #EFEDED 96.23%);
}

.bed-board.bed-board-occupied.silver_card .patient-details {
  background-image: none !important;
  border-left: 0.5px solid #808080;
}

.bed-board.bed-board-occupied.silver_card .clr-primary-600 {
  color: #445D64 !important;
}

.bed-board.bed-board-occupied.silver_card p.label {
  color: #445D64 !important;
}

.bed-board.bed-board-occupied.silver_card .bed-info .bed-info-label {
  background: linear-gradient(306.86deg, #A8A8A6 9.27%, #E1E9EE 40.16%, #D4D4D4 69.35%, #7F7F7F 97.28%);
  color: #35454A;
  border: 1px solid #BABABA;
  box-shadow: unset;
}

.bed-board.bed-board-occupied.silver_card .instr_count {
  background-color: #7D7D7D;
  color: #FFFFFF !important;
}

.bed-board.bed-board-occupied.silver_card .form-check-input:checked {
  background-color: #4F5253;
  border-color: #4F5253;
}

.bed-board.bed-board-occupied.silver_card .btn-secondary-outline {
  border: 1px solid #787878;
  background-color: #E1E1E1;
  color: #3E3E3E;
}

.bed-board.bed-board-occupied.silver_card .btn-secondary-outline.active {
  background-color: #787878;
  color: #fff;
}

.bed-board.bed-board-occupied.silver_card .actions {
  background: linear-gradient(94.54deg, #929292 8.32%, #CFCFCE 49.16%, #C4C4C4 94.13%);
  box-shadow: unset !important;
}

.bed-board.bed-board-occupied.silver_card .actions .btn {
  background: linear-gradient(180deg, #F0F0F0 0%, #A8A8A6 100%);
  border: 1px solid #808080;
}

.bed-board.bed-board-occupied.silver_card .actions .btn svg path {
  fill: #2B2B2B;
}

.bed-board.bed-board-occupied.silver_card .actions .btn p {
  color: #434343 !important;
  -webkit-text-fill-color: #434343 !important;
}

.bed-board.bed-board-occupied.silver_card .actions .btn::before {
  background: linear-gradient(180deg, rgba(227, 227, 227, 0.8) 0%, #ABABA9 100%);
  box-shadow: 0px 4.1px 0.1px -1px #0000000D;
}

.bed-board.bed-board-occupied.silver_card .bed-number {
  background: #FBFF83;
  color: #000000;
  border: 1px solid #FBFF83;
}

.bed-board.bed-board-occupied.silver_card .task-info {
  border: 1px solid #777777;
  background: #F0F0F0;
  color: #777777;
}

.bed-board.bed-board-occupied.silver_card .btn-primary-3d {
  border: 1px solid #6A6A6A;
  background: linear-gradient(306.86deg, #A8A8A6 9.27%, #E1E9EE 40.16%, #EDF0F1 52.43%, #D4D4D4 69.35%, #7F7F7F 97.28%);
  color: #35454A;
  box-shadow: 0 0.125rem 0.5rem 0 #A8A8A6, 0 -0.25rem 1.5rem #D4D4D4 inset, 0 0.75rem 0.5rem #D4D4D4 inset, 0 0.25rem 0.5rem 0 #D4D4D4 inset;
}

.bed-board.bed-board-occupied.silver_card .viewPatientsAllergiesModal {
  background-image: linear-gradient(-180deg, #808080 0%, #808080 100%);
  box-shadow: 0 5px 7px 0px #e4e9e9;
}

.bed-board.bed-board-occupied.silver_card .viewPatientsAllergiesModal .modal-content {
  background: #e4e9e9;
  box-shadow: inset 0px 0px 0.875rem #e4e9e9;
  border: 1px solid #e4e9e9;
}

.bed-board.bed-board-occupied.silver_card .viewPatientsAllergiesModal .modal-header h6 {
  color: #434343 !important;
}

.bed-board.bed-board-occupied.silver_card .viewPatientsAllergiesModal table th {
  color: #434343;
  background-color: #dcb9a7 !important;
}

/* .bed-board.bed-board-occupied .vacant_bed .vacant_lines::before {
content: '';
display: block;
width: 100%;
height: 4px;
background: #6f9ca5;
position: absolute;
left: 0;
z-index: -1;
transform: rotate(325deg);
} */

.bed-board .actions {
  position: relative;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  max-height: 27.5rem;
  padding: 0.5rem;
  /* padding-left: 0; */
  gap: 0.125rem;
  box-shadow: 2px 0px 8px 0px #A7C2C6 inset;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

@media screen and (max-width:991px) {
  .bed-board .actions {
    max-height: 31rem;
  }
}

.bed-board .navarrow {
  position: absolute;
  right: 0rem;
  background: #fff;
  width: 0.7rem;
  height: 0.7rem;
  /* padding: 0.1rem; */
  /* cursor: pointer; */
}

.bed-board .navarrow.up {
  top: 0rem;
}

.bed-board .navarrow.down {
  bottom: 0rem;
}

.bed-board .action_overlay {
  position: absolute;
  width: 98%;
  z-index: 1;
}

.bed-board .action_overlay.disabled {
  opacity: 0.2;
}

.bed-board .action_overlay.bottom {
  bottom: 0rem;
}

.bed-board .action_overlay.top {
  top: 0rem;
  transform: rotate(-180deg);
}

.bed-board .action_overlay button {
  /* margin-top: -1rem;
  position: relative;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border-radius: 50%; */
}

.bed-board .actions::-webkit-scrollbar {
  width: 0.2rem;
}

.bed-board .actions::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.bed-board .actions::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

.bed-board .actions::-webkit-scrollbar-track-piece {}

.bed-board .actions::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}


.bed-board .actions .btn {
  position: relative;

  border: 1px solid #40A8B0;
  background: linear-gradient(180deg, #DAEEF1 0%, #ADD9DF 100%);
  box-shadow: 0px 2px 4px 0px rgba(54, 136, 150, 0.40);

  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  border: 1px solid #7CCAD0;
  min-height: 3.25rem;
  justify-content: center;
  margin-bottom: 0.3rem;
}

.bed-board .actions .btn svg {
  z-index: 1;
}

.bed-board .actions .btn p {
  /* background: linear-gradient(180deg, #61BEC5 0%, #357D83 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
  background-clip: text;
  margin: 0;
  margin-top: 0.25rem;
  z-index: 1;
  font-size: 0.75rem;
  line-height: 1.5;
}

.bed-board .actions .btn-style-1 p {}

.bed-board .actions .btn::before {
  content: "";
  position: absolute;
  width: calc(100% - 0.25rem);
  top: 0.25rem;
  height: 48%;
  background: #ffffff66;
  border-radius: 0.4rem;
  opacity: 0.8;
}

.bed-board .actions .btn.btn-style-2 {
  border: 1px solid #B6B9B9;
  background: linear-gradient(180deg, #F0F2F3 0%, #E8E9E9 100%);
  box-shadow: 0px 2px 4px 0px rgba(100, 103, 104, 0.40);
}

.bed-board .actions .btn.btn-style-2 p {
  background: linear-gradient(180deg, #808080 0%, #4D4D4D 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* .bed-board .actions .btn.btn-style-2::before {
      background: linear-gradient(207.26deg, #F1F3F3 13.34%, rgba(255, 255, 255, 0.8) 83%);
      opacity: 0.9;
  } */

.bed-board .actions .btn:nth-child(odd) {
  border: 1px solid #B6B9B9;
  background: linear-gradient(180deg, #F0F2F3 0%, #E8E9E9 100%);
  box-shadow: 0px 2px 4px 0px rgba(100, 103, 104, 0.40);
}

.bed-board .actions .btn:nth-child(even) {
  border: 1px solid #7CCAD0;
  background: linear-gradient(180deg, #DAEEF1 0%, #ADD9DF 100%);
  box-shadow: 0px 2px 4px 0px rgba(54, 136, 150, 0.40);
}

.bed-board.bed-board-occupied .viewPatientsAllergiesModal {
  top: 0;
  left: 0rem;
  z-index: 111;
}

.bed-board.bed-board-occupied .viewPatientsAllergiesModal.ha {
  top: 3.5rem;
  left: 3.5rem;
}

.ViewMore {
  position: absolute;
  bottom: 0.5rem;
  right: 0rem;
}

.PatientsList table tbody tr {
  border-radius: 1.5rem;
}

.PatientsList table tbody td {
  white-space: unset;
  /* padding-top: 1.3rem !important; */
}

.PatientsList table.table-cards {
  border-spacing: 0 2rem;
}

.PatientsList table tbody td .allergy_icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.3rem;
  background-color: #69BAC9;
  border-bottom-right-radius: 0.5rem;
  cursor: pointer;
}

.PatientsList table tbody td .allergy_icon svg path {
  fill: #fff;
}

.PatientsList table tbody td .table_cta_score {
  position: absolute;
  top: -1.6rem;
  right: 0.8rem;
  background: #43a9bd;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.25rem;
}

.PatientsList table tbody td:first-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: 0.75rem;
  position: relative;
}

.PatientsList table tbody td:last-child {
  border-bottom-right-radius: unset;
  border-top-right-radius: 0.75rem;
  position: relative;
}

.vitalsModal .tableVitals {
  /* max-height: calc(100vh - 14rem); */
  /* overflow: auto; */
  margin-top: 1.9rem;
}

.vitalsModal .tableVitals .btn-icon-3d {
  width: 2.175rem;
  height: 2.175rem;
  min-width: 2.175rem;
}

.vitalsModal .vitaltype .legend {
  display: block;
  width: 1.7rem;
  height: 1.3rem;
  border-radius: 0.4rem;
  background-color: #bee475;
}

.vitalsModal .vitaltype .Stage2 {
  display: block;
  width: 1.7rem;
  height: 1.3rem;
  border-radius: 0.4rem;
  background-color: #ff5555;
}

.vitalsModal .vitaltype .Stage1 {
  display: block;
  width: 1.7rem;
  height: 1.3rem;
  border-radius: 0.4rem;
  background-color: #ffa750;
}

.vitalsModal .vitaltype .PreHyper {
  display: block;
  width: 1.7rem;
  height: 1.3rem;
  border-radius: 0.4rem;
  background-color: #ffd300;
}

.vitalsModal .vitaltype .Normal {
  display: block;
  width: 1.7rem;
  height: 1.3rem;
  border-radius: 0.4rem;
  background-color: #bee475;
}

.vitalsModal .vitaltype .HypoTension {
  display: block;
  width: 1.7rem;
  height: 1.3rem;
  border-radius: 0.4rem;
  background-color: #76d2fb;
}

.vitalsModal .vitaltype .Highlighted {
  display: block;
  font-weight: 600;
  border-radius: 0.4rem;
}



.vitalsModal .vitaltype td {
  border-bottom: 0;
  /* text-align: center; */
  color: #234e51;
}

.vitalsModal .vitaltype td.active {
  font-weight: bold;
  font-style: italic;
}

.vitalsModal .tableVitals::-webkit-scrollbar {
  display: none;
}

#vitalsModal .table-cards_div {
  border: 1px solid #43A9BC;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 4px solid #43A9BC;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.frequently_used_modal .table-cards_div {
  border: 1px solid #ced4da;
  box-shadow: 0px 4px 4px #ebeded;
}

.frequently_used_modal .table-cards_div.active {
  border: 1px solid #43A9BC;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.frequently_used_modal .table-cards_div.active .custom_check svg {
  opacity: 1;
}

.frequently_used_modal .table-cards_div p.value {
  color: #636869;
}

.frequently_used_modal .table-cards_div.active p.value {
  color: #43A9BC !important;
}

.frequently_used_modal .frequently_used_table .fixed_alter_body {
  max-height: calc(100vh - 11rem);
  height: unset;
  overflow: auto;
}

.table-cards_left {
  border: 1px solid #43A9BC;
  border-radius: 0.75rem;
  border-left: 4px solid #43A9BC;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.mapDiagnosisMedicationdiv .mapDiagnosisMedicationdiv_table {
  max-height: calc(100vh - 14rem);
  overflow: auto;
}

.mapDiagnosisMedicationdiv .mapDiagnosisMedicationdiv_table .icon-w {
  opacity: 0.4;
}

.mapDiagnosisMedicationdiv .mapDiagnosisMedicationdiv_table .icon-w.active {
  opacity: 1;
}

.prescription_count {
  width: 1rem;
  height: 1rem;
  border-radius: 25px;
  padding: 0.8rem 2rem;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.6rem;
}

.Substitute_table {
  max-height: calc(100vh - 14rem);
  overflow: auto;
}

.customtable thead {
  background-color: #69BAC9;
}

.customtable thead th {
  color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
}

.customtable tbody td {
  font-size: 0.75rem;
  vertical-align: middle;
}

.diagnosisTable_height {
  height: calc(100vh - 15rem);
  overflow: auto;
}

.diagnosisTable_height::-webkit-scrollbar {
  width: 0px;
}

.diagnosisTable_height table {
  border-spacing: 0 0.5rem;
  border-collapse: separate;
  border: unset;
}

.diagnosisTable_height table th {
  border: unset;
}

.diagnosisTable_height table thead th:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.diagnosisTable_height table thead th:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.diagnosisTable_height table td:first-child {
  border-left: 1px solid #ced4da;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.diagnosisTable_height table td:last-child {
  border-right: 1px solid #ced4da;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.diagnosisTable_height table td {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

.medicationtable {
  height: calc(100vh - 15rem);
  overflow: auto;
  padding-right: 0.5rem;
}

.medication_table_div .card_item_div {
  max-height: 4rem;
  overflow: hidden;
}

.medication_table_div .card_item_div.maxim {
  max-height: none;
  overflow: unset;
}

.medication_table_div .card_item_div .card_item.smallx {
  width: 5rem;
}

.medication_table_div .card_item_div .card_item {
  width: 8rem;
}

.medication_table_div .del_svg .tooltip {
  right: -3px !important;
}

.medication_table_div .edit_svg .tooltip {
  left: unset;
  right: -3px !important;
  bottom: -31px;
}

.medication_table_div .del_svg .tooltip::before,
.medication_table_div .del_svg .tooltip::after {
  left: 3.6rem !important;
}

.medication_table_div .edit_svg .tooltip::before,
.medication_table_div .edit_svg .tooltip::after {
  left: 3.6rem !important;
}

.medicationsForm .medication_table_div .mat-form-field-wrapper {
  height: 1.8rem;
}

.medicationsForm .medication_table_div .mat-form-field-infix input.mat-input-element {
  margin-top: -0.5625em;
  font-size: 0.75rem !important;
}

.medicationsForm .medication_table_div .mat-datepicker-toggle-default-icon {
  width: 1.2em;
  height: 1.5em;
  margin-right: -1rem !important;
  margin-top: -0.4rem !important;
}

.medicationsForm .medication_table_div .med_duration input {
  border-radius: 0.25rem 0 0 0.25rem !important;
  border-right: 0;
  padding-right: 0 !important;
  width: 2.5rem;
  font-size: 0.75rem;
}

.medicationsForm .medication_table_div .med_duration select {
  border-radius: 0 0.25rem 0.25rem 0 !important;
  border-left: 0;
  padding-left: 0 !important;
  width: 5rem;
  font-size: 0.75rem;
  padding-right: 1.7rem !important;
}

.medicationtable .corner_dots {
  right: 1rem;
  top: -1rem;
  width: unset;
}

.cdk-overlay-container {
  z-index: 1111;
}

.cdk-overlay-container {
  z-index: 99999 !important;
}

.appointment_date {
  background-color: #eaf4f6;
  padding: 0.6rem;
  border-radius: 0 0 0.5rem 0;
}

.user_ssn {
  padding: 0.3rem 0.5rem;
  background-color: #eaf4f6;
}

.appointmentList .patient_details .height_circle,
.appointmentList .patient_details .weight_circle {
  font-size: 0.5rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  justify-content: center;
  background-color: #69BAC9;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  color: #fff;
  line-height: 1.6;
}

.hw_modal .hw_table {
  min-height: 100%;
  height: calc(100vh - 22rem);
  overflow: auto;
}

.hw_modal .hw_table::-webkit-scrollbar {
  width: 0px;
}

/*
RX ORDERS
*/
.rx-legends {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.25rem;
}

.rx-legends span {
  width: 1rem;
  height: 1rem;
  border-radius: 0.375rem;
  background-color: #fff;
  border: 1px solid #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rx-legends p {
  font-size: 0.75rem;
}

.rx-legends.no-stock span {
  background-color: #3D3EFF;
  border-color: #0A0BFF;
}

.rx-legends.no-stock p {
  color: #3D3EFF;
}

.rx-legends.substitute span {
  background-color: #A1A1A1;
  border-color: #878787;
}

.rx-legends.substitute p {
  color: #A1A1A1;
}

.rx-legends.favourite span {
  background-color: #EB8523;
  border-color: #C96C12;
}

.rx-legends.favourite p {
  color: #EB8523;
}

.rx-legends.sinificant span {
  background-color: #E5872F;
  border-color: #C76D19;
}

.rx-legends.sinificant p {
  color: #E5872F;
}

.rx-legends.tapering span {
  background-color: #D87034;
  border-color: #B85A23;
}

.rx-legends.tapering p {
  color: #E5872F;
}

.rx-legends.remarks span {
  background-color: #C29367;
  border-color: #AF7946;
}

.rx-legends.remarks p {
  color: #C29367;
}

.rx-legends.indications span {
  background-color: #808080;
  border-color: #545454;
}

.rx-legends.indications p {
  color: #808080;
}

.rx-legends.discontinue span {
  background-color: #F2A82D;
  border-color: #C96C12;
}

.rx-legends.discontinue p {
  color: #F2A82D;
}

.rx-legends.antibiotics span {
  background-color: #8C4B53;
  border-color: #6A393F;
}

.rx-legends.antibiotics p {
  color: #8C4B53;
}

.rx-legends.major span {
  background-color: #E02538;
  border-color: #B71A2A;
}

.rx-legends.major p {
  color: #E02538;
}

.rx-legends.moderate span {
  background-color: #EC930E;
  border-color: #BC750B;
}

.rx-legends.moderate p {
  color: #EC930E;
}

.rx-legends.minor span {
  background-color: #0680CB;
  border-color: #05619A;
}

.rx-legends.minor p {
  color: #0680CB;
}

.rx-legends.no-gpi span {
  background-color: #4C4C4E;
  border-color: #323234;
}

.rx-legends.no-gpi p {
  color: #4C4C4E;
}

.rx-legends.screening-passed span {
  background-color: #7AA329;
  border-color: #6E9325;
}

.rx-legends.screening-passed p {
  color: #7AA329;
}

.bg-primary-gradient {
  background: -webkit-gradient(linear, left top, left bottom, from(#F3F8F7), to(#E8F6F3));
  background: linear-gradient(180deg, #F3F8F7 0%, #E8F6F3 100%);
}

/*# sourceMappingURL=style-EN.css.map */


.legend span {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #fff;
}

.card_item_div .card_item {
  /* flex-basis: 10%; */
  min-width: 8rem;
  width: 8rem;
}

.card_item_div .card_item.smallx {
  width: 5rem;
  min-width: 5rem;
}

.card_item_div .card_item.icon {
  min-width: 3rem;
  width: 3rem;
}

.card_item_div .card_item.twox {
  /* flex-basis: 10%; */
  min-width: 12rem;
}

.card_item_div .card_item.fourx {
  min-width: 23rem;
}

.card_item_div .card_item.threex {
  /* flex-basis: 10%; */
  min-width: 15rem;
}

.card_item_div .card_item p.label {
  color: #277176 !important;
}

.card_item_div .card_item p.label {
  color: #050d0f !important;
}

.table-cards_div {
  border: 1px solid #B4DDE4;
  box-shadow: 0px 4px 4px #4d6e6e21;
  border-radius: 0.5rem;
  padding: 0.5rem;
  padding: 1.3rem 1rem;
  margin-top: 0.5rem;
}

.accordion .table-cards_div {
  box-shadow: unset !important;
  /* border: unset !important; */
  margin: 0 !important;
}

.accordion .table-cards_div p {
  color: #545454 !important;
}

.previousMedication .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.40723 8.70643L4.69318 13.4205L2.33616 11.0635L9.40723 3.99239L16.4783 11.0635L14.1213 13.4205L9.40723 8.70643Z' fill='%23368796'/%3E%3C/svg%3E");
  /* transform: rotate(0deg); */
  display: none;
}

.previousMedication .card_item_div {
  /* max-height: 3.3rem; */
  overflow: hidden;
}

.previousMedication .card_item_div.maxim {
  max-height: unset;
  overflow: unset;
}

.previousMedication .card_item_div .card_item .custom_tooltip .tooltip {
  left: unset;
  right: -10px;
}

.previousMedication .card_item_div .card_item .custom_tooltip .tooltip::before,
.previousMedication .card_item_div .card_item .custom_tooltip .tooltip::after {
  left: unset;
  right: 0.8rem;
}

.accordion .inactive {
  background-color: #F9E7F6;
  border-bottom: 1px solid #EBADE3;
}

.accordion .activelegend {
  background-color: #E7F9E8;
  border-bottom: 1px solid #ADEBB3;
}

.accordion .medicationhold {
  background-color: #FDF3E2;
  border-bottom: 1px solid #F9D69F;
}

.accordion .completed {
  background-color: #F9EBE7;
  border-bottom: 1px solid #EBBDAD;
}

.accordion .discontinued {
  background-color: #E5F1FA;
  border-bottom: 1px solid #A9CFEF;
}

/* .pre_medication_right .inactive .bottom_legend_bg{
  background-color: #F9E7F6;
} */
.pre_medication_right .inactive {
  border: 1px solid #87c0ca;
  border-left: 5px solid #DD99D5;
}

/* .pre_medication_right .activelegend .bottom_legend_bg{
  background-color: #E7F9E8;
} */
.pre_medication_right .activelegend {
  border: 1px solid #87c0ca;
  border-left: 5px solid #96D99A;
}

/* .pre_medication_right .medicationhold .bottom_legend_bg{
  background-color: #FDF3E2;
} */
.pre_medication_right .medicationhold {
  border: 1px solid #87c0ca;
  border-left: 5px solid #E2C16C;
}

/* .pre_medication_right .completed .bottom_legend_bg{
  background-color: #F9EBE7;
} */
.pre_medication_right .completed {
  border: 1px solid #87c0ca;
  border-left: 5px solid #E3A97D;
}

/* .pre_medication_right .discontinued .bottom_legend_bg{
  background-color: #E5F1FA;
} */
.pre_medication_right .discontinued {
  border: 1px solid #87c0ca;
  border-left: 5px solid #ec7b7b;
}

.legend .inactive {
  background-color: #DD99D5;
  border: 1px solid #DD99D5;
}

.legend .activelegend {
  background-color: #96D99A;
  border: 1px solid #96D99A;
}

.legend .medicationhold {
  background-color: #E2C16C;
  border: 1px solid #E2C16C;
}

.legend .completed {
  background-color: #E3A97D;
  border: 1px solid #E3A97D;
}

.legend .discontinued {
  background-color: #A9CFEF;
  border: 1px solid #A9CFEF;
}

.medicationTable {
  height: calc(100vh - 17rem);
  overflow: auto;
}

.medicationTable::-webkit-scrollbar {
  width: 0px;
}

.laboratorylist {
  /* display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 0.5rem; */
}

.laboratorylist .laboratory {
  /* flex-basis: 20%; */
  /* border: 1px dashed #368796; */

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 0.5rem;
}

.favouriteInvestigations .modal-body .favProcedure_tab {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.favouriteInvestigations .modal-body .favProcedure_tab::-webkit-scrollbar {
  width: 0px;
}

.favouriteInvestigations .modal-body .favInvestigation_tab {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.favouriteInvestigations .modal-body .favInvestigation_tab::-webkit-scrollbar {
  width: 0px;
}

.favouriteInvestigations .medication_row:not(:first-child) .card-3d-header {
  border-radius: unset !important;
}

.favouriteInvestigations .pl_row {
  border: 1px solid #cfcfcf;
}

.favouriteInvestigations .pl_row .row.border-bottom:last-child {
  border-bottom: unset !important;
}

.favouriteInvestigations .procedure_row:not(:first-child) .card-3d-header {
  border-radius: unset !important;
}

.favouriteInvestigations .investigation_row:not(:first-child) .card-3d-header {
  border-radius: unset !important;
}

.dash_patient_height {
  max-height: calc(100vh - 13rem);
  overflow: auto;
}

.dash_patient_height::-webkit-scrollbar {
  width: 0;
}

.dash_patient_height .card_hover {
  position: relative;
  /* z-index: 1; */
  cursor: pointer;
}

.dash_patient_height .card_hover:hover {
  background-color: #ECF6F8;
}

.dash_patient_height .card_hover:hover .doc_card {
  box-shadow: 0px 5px 5px -3px #ababab inset !important;
}

.dash_patient_height .card_hover:hover .bg-primary-50 {
  background-color: transparent !important;
}

.dash_patient_height .card_hover:hover .doc_card .bg-white {
  background-color: #ECF6F8 !important;
}

.dash_patient_height .card_hover.scheduling .bg-primary-50 {
  /* box-shadow: -1px 0px 4px 0px #4574CA inset; */
  background-color: #ECEFF9 !important;
  border: 1px solid #7789C3 !important;
}

/* .dash_patient_height .card_hover.scheduling .doc_card{
  border: 1px solid #7789C3 !important;
} */
/* .dash_patient_height .card_hover.scheduling .value{
  color: #2C55A0 !important;
} */
.dash_patient_height .card_hover.scheduling .profile_count::before {
  filter: brightness(0) saturate(100%) invert(55%) sepia(66%) saturate(274%) hue-rotate(183deg) brightness(95%) contrast(93%);
}

.dash_patient_height .card_hover.visited .bg-primary-50 {
  /* box-shadow: -1px 0px 4px 0px #3FACC0 inset;  */
  background-color: #F4FAFB !important;
  border: 1px solid #69BAC9 !important;
}

/* .dash_patient_height .card_hover.visited .doc_card{
  border: 1px solid #69BAC9 !important;
} */
/* .dash_patient_height .card_hover.visited .value{
  color: #368796 !important;
} */
.dash_patient_height .card_hover.visited .profile_count::before {
  filter: brightness(0) saturate(100%) invert(95%) sepia(10%) saturate(5856%) hue-rotate(161deg) brightness(87%) contrast(79%);
}

.dash_patient_height .card_hover.followup .bg-primary-50 {
  /* box-shadow: -1px 0px 4px 0px #3FACC0 inset;  */
  background-color: #FFDCDC !important;
  border: 1px solid #ff8f8f !important;
}

.dash_patient_height .card_hover.followup .profile_count::before {
  filter: brightness(0) saturate(100%) invert(74%) sepia(6%) saturate(4089%) hue-rotate(314deg) brightness(94%) contrast(134%);
}

.patient_legends .legend {
  display: block;
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}

.dash_patient_height .card_hover.walkin .bg-primary-50 {
  /* box-shadow: -1px 0px 4px 0px #8E45CA inset; */
  background-color: #fff9f1 !important;
  border: 1px solid #ffc87f;
}

/* .dash_patient_height .card_hover.walkin .doc_card{
  border: 1px solid #F989E4;
} */
/* .dash_patient_height .card_hover.walkin .value{
  color: #D51AB3 !important;
} */
.dash_patient_height .card_hover.walkin .profile_count::before {
  filter: brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(4975%) hue-rotate(313deg) brightness(118%) contrast(92%);
}

.patient_legends .legend.visited {
  background-color: #47bbcd;
}

.patient_legends .legend.scheduling {
  background-color: #7399db;
}

.patient_legends .legend.walkin {
  background-color: #fbddb4;
}

.patient_legends .legend.followup {
  background-color: #ff918a;
}

.doc_card {
  border: 1px solid #69BAC9;
  box-shadow: 0px 4px 8px 0px #00000024;
}

.doc_card .doc_header {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: linear-gradient(180deg, #ECF6F8 0%, #E5F3F6 100%);
  /* overflow: hidden; */
}

.doc_card .doc_header .head_label {
  font-size: 0.875rem;
  padding: 0.3rem 1.5rem 0.3rem 0.5rem;
  background: linear-gradient(180deg, #78C1CE 0%, #2F7683 100%);
  clip-path: polygon(0 0, 100% 0%, 87% 100%, 0 100%);
  border-top-left-radius: 0.5rem;
}

.doc_card .doc_header .info_img {
  background: linear-gradient(180deg, #78C1CE 0%, #2F7683 100%);
  padding: 0.2rem 0.7rem 0.2rem 1.1rem;
  clip-path: polygon(34% 0%, 100% 0%, 100% 100%, 0% 100%);
  border-top-right-radius: 0.5rem;
}

.doc_card .doc_header .info_img img {
  /* border-top-right-radius: 0.5rem; */
}

.doc_card .visited {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
}

.doc_card .visited img {
  height: 1rem;
}

.doc_card .visited p {
  font-size: 0.6rem;
}

.doc_card .doc_details label {
  opacity: 60%;
}

.doctor_worklist .doc_details label {
  opacity: 60%;
}

.doc_card .doc_details .eoe_date .eoe_text {
  background-color: #69bac9;
  color: #fff;
  border-radius: 1rem;
}

.doc_card .doc_details .eoe_date .tooltip {
  width: 20rem;
  bottom: unset;
  top: 1.5rem;
}

.doc_card .doc_details .ctascore {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  border-radius: 50%;
  line-height: 1;
  display: inline-flex;
  font-size: 0.65rem;
  min-width: 1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  justify-content: center;
  align-items: center;
  animation: ctascoreblink 1600ms infinite;
}

.doc_card .profile_img .vip_label {
  position: absolute;
  bottom: -0.3rem;
  color: #286571;
  background: #8ECBD7;
  padding: 0.2rem 0.3rem;
  font-size: 0.55rem;
  letter-spacing: 0px;
  border-radius: 1rem;
  line-height: 1;
}

@keyframes ctascoreblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.doc_card .doc_details .viewPatientsAllergiesModal {
  left: unset;
}

.doc_card .doctor_profile .profile_count {
  /* background-image: url(../images/patient_count_bg.png);
  background-repeat: no-repeat; */
  position: absolute;
  top: 0;
  left: -2px;
  background-size: 100% 100%;
  padding: 0rem 0.2rem;
  width: 1.3rem;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile_count::before {
  content: '';
  background-image: url(../images/patient_count_bg.png);
  background-repeat: no-repeat;
  position: absolute;
  background-size: 100% 100%;
  width: 1.3rem;
  height: 95%;
}

.doc_card .doctor_profile .profile_count p {
  transform: rotate(-90deg);
  font-weight: 500;
  font-size: 0.85rem;
  color: #fff;
}

.doc_card .doctor_profile .profile_img {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  background: #DAEEF1;
  padding: 0.6rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.doc_card .doctor_profile .priority_blink {
  position: absolute;
  left: 2.4rem;
  top: 0.3rem;
}

.doc_card .doctor_profile .priority_blink .pill-icon {
  width: 1.4rem;
  height: 1.4rem;
}

.doc_card .doctor_profile .profile_img img {
  width: 80%;
  /* position: relative; */
  /* border-radius: 50%; */
}

.doc_card .doctor_profile .profile_img img {
  width: 80%;
}

.doc_card .doc_details .sticky_icons {
  width: 80%;
}

/* .doc_card .full_age_hover .age_tooltip{
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  opacity: 1;
  left: 0.5rem;
  bottom: -2rem;
  min-width: 5rem;
  transition: transform 250ms;
}
.doc_card .full_age_hover:hover .age_tooltip{
  display: block;
}
.doc_card .full_age_hover .age_tooltip p{
  display: block !important;
  white-space: nowrap;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
}
.doc_card .full_age_hover .age_tooltip::before,
.doc_card .full_age_hover .age_tooltip::after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  border-width: 0.4rem;
  border-style: solid;
}
.doc_card .full_age_hover .age_tooltip::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}
.doc_card .full_age_hover .age_tooltip::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;
} */
.doc_card .token_bg {
  height: 35px;
}

.doc_card .billtype {
  height: 26px;
}

.doc_card .trimester {
  /* margin-top: -1.125rem; */
}

.doc_card .trimester img {
  /* height: 1.4rem; */
}

.doc_card .insurancename {
  color: #245E69;
  text-transform: capitalize;
}

.doc_card .getdetails p {
  color: #191A1B;
  font-weight: 500;
}

.day_icon {
  height: 1.3rem;
}

.header_toggle {
  position: absolute;
  /* top: 3px; */
  left: 50%;
  transform: translate(-50%, 0);
}

@media screen and (max-width:1450px) {
  .header_toggle {
    transform: translate(-90%, 0);
  }
}

@media screen and (max-width:1100px) {
  .header_toggle {
    position: unset;
    transform: unset;
  }
}

.date_header {
  color: #334499 !important;
}

.no_consult {
  height: calc(100vh - 30vh);
}

.no_consult img {
  height: 6rem;
}

.walkin_cards {
  border-radius: 0.35rem;
  box-shadow: 0px 8px 4px -4px rgba(0, 0, 0, 0.12);
  height: 4rem;
  overflow: hidden;
  padding-right: 0.5rem;
}

.walkin_cards.green.activeHOD {
  box-shadow: 0px 4px 7px 1px rgb(67 169 188 / 52%) !important;
  border: 1px solid #43a9bc !important;
  background-color: #e7f5f7 !important;
}

.walkin_cards.green.active {
  box-shadow: 0px 4px 7px 1px rgb(67 169 188 / 52%);
  border: 1px solid #43a9bc;
  background-color: #e7f5f7 !important;
}

.walkin_cards.green.active.video_consult_active {
  box-shadow: 0px 4px 7px 1px rgb(67 169 188 / 52%);
  border: 1px solid #F97218;
  background-color: #FCF4EF !important;
}

.walkin_cards.purple.active {
  box-shadow: 0px 4px 7px 1px #796ac87d;
  border: 1px solid #796ac8;
  background-color: #796ac84d !important;
}

.walkin_cards .icon {
  width: 5rem;
  height: calc(100% + 0.8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  margin-left: -0.3rem;
}

.walkin_cards .icon.green {
  background: #E8F5F7;
  border: 4px solid #C2E4EA;
}

.walkin_cards .count h4 {
  font-size: 1.5rem !important;
}

.walkin_cards .count.green h4 {
  color: #368796;
}

.walkin_cards .icon.purple {
  background: #EBE8F7;
  border: 4px solid #C9C2EA;
}

.walkin_cards.video_consult_active.active .icon {
  background: #F9EBE1;
  border: 4px solid #F97218;
}

.walkin_cards.video_consult_active.active .icon svg path {
  fill: #F97218;
}

.walkin_cards.video_consult_active.active .count h4 {
  color: #F97218 !important;
}

@media screen and (max-width:991px) {
  .walkin_cards .icon svg {
    height: 1.8rem;
  }
}

.walkin_cards .count.purple h4 {
  color: #6857C1;
}

.walkin_cards .count p {
  color: #4A4E4F;
}

@media screen and (max-width:991px) {
  .walkin_cards .count {
    padding: 0.1rem 0.2rem !important;
  }
}

.walkin_cards .op_ip_block p {
  width: 2.8rem;
  /* height: 1.5rem; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  color: #4B4C4E;
  font-weight: bold;
  position: relative;
  /* gap: 0.5rem; */
  font-size: 0.975rem;
  cursor: default;
}

.walkin_cards .op_ip_block p span {
  /* width: 1rem;
  height: 1rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* background-color: #fff; */
}

.walkin_cards .op_ip_block p.op {
  background-color: #E8F5F6;
  border: 1px dashed #99D4D8;
}

.walkin_cards .op_ip_block p.op span {
  color: #39888E;
}

.walkin_cards .op_ip_block p.ip {
  background-color: #F6EAE8;
  border: 1px dashed #E7C1BB;
}

.walkin_cards .op_ip_block p.ip span {
  color: #C46353;
}

.sticky_patient_info.card-3d {
  border-top-left-radius: unset !important;
  border-top: unset;
  border-radius: unset;
  border-top-right-radius: unset;
  border-left: unset;
  border-right: unset;
}

.sticky_patient_info.bb_st_pc {
  border: 2px solid #368796 !important;
  border-radius: 0.75rem !important;
}

.sticky_patient_info.bb_st_pc .patient_card {
  box-shadow: unset !important;
  background-color: unset !important;
  border: unset !important;
}

.sticky_patient_info .patient_card {
  /* background: linear-gradient(180deg, #E5F3F6 0%, #C7E5EB 100%); */
  background-color: #fff;
  border-bottom: 0.125rem solid #B4DDE4;
  box-shadow: 0px 2px 6px 1px rgba(62, 123, 108, 0.1);
}

.sticky_patient_info .patient_card .patient_back {
  /* border: 0.2rem solid white; */
  border: 1px solid #b4dde4 !important;
  border-radius: 0.7rem !important;
}

.sticky_patient_info .patient_card.maximum {
  /* background: linear-gradient(180deg, #F7FCFC 0%, #E5F3F6 100%); */
}

.sticky_patient_info .patient_card .back_img {
  /* height: 1.4rem; */
  cursor: pointer;
}

@media screen and (max-width:1600px) {
  .casesheet_patient_info .vital_block .w-max-content {
    padding: 0 0.2rem !important;
  }

  .casesheet_patient_info .vital_block .w-max-content svg {
    min-width: 1.5rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
  }
}

@media screen and (max-width:1500px) {
  .sticky_patient_info .patient_card .vital_block .w-max-content svg {
    min-width: 2rem !important;
    width: 2rem !important;
    height: 2rem !important;
  }

  .sticky_patient_info .patient_card .w-max-content.px-4 {
    padding-right: 0.8rem !important;
    padding-left: 0.8rem !important;
  }

  .sticky_patient_info .patient_card .w-max-content.px-3 {
    padding-right: 0.8rem !important;
    padding-left: 0.8rem !important;
  }

  .casesheet_patient_info .vital_block .vital_icon {
    width: 1.8rem !important;
    height: 1.8rem !important;
    min-width: 1.8rem !important;
  }

  .casesheet_patient_info .vital_block .fs-8 {
    font-size: 0.65rem !important;
  }
}

.sticky_patient_info .patient-info .patient-photo {
  width: 3.5rem;
  height: 3.5rem;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width:991px) {
  .sticky_patient_info .patient-info .patient-photo {
    /* margin-left: 1rem !important; */
    margin: 0 auto !important;
  }
}

.sticky_patient_info .patient-info .patient-photo::before {
  position: absolute;
  content: " ";
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.sticky_patient_info .patient-info .patient-photo svg {
  height: 2rem;
}

.sticky_patient_info .patient_card.maximum .patient-info .patient-photo {
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width:991px) {
  .sticky_patient_info .patient_card.maximum .patient-info .patient-photo {
    margin-left: 0rem !important;
  }
}

.sticky_patient_info .patient_card.maximum .patient-info .patient-photo::before {
  width: 3.5rem;
  height: 3.5rem;
}

.sticky_patient_info .patient_card.maximum .patient-info svg {
  height: 2rem;
}

.sticky_patient_info .patient_card .patient_card_details {
  /* box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem; */
  background-color: #fff;
}

.sticky_patient_info .patient_card .ctascore span {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  border-radius: 50%;
  display: inline-flex;
  padding: 0.1rem 0.7rem;
  font-size: 0.85rem;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  animation: ctascoreblink 1600ms infinite;
}

@keyframes ctascoreblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.sticky_patient_info .patient_card .patient_card_details .detail {
  width: 9%;
}

@media screen and (max-width:1100px) {
  .sticky_patient_info.bb_st_pc .patient_card .patient_card_details .detail {
    width: 14%;
  }
}

.sticky_patient_info .patient_card .patient_card_details .detail .weight_icon {
  margin-top: -0.2rem;
}

.sticky_patient_info .patient_card .patient_card_details .detail .weight_icon img {
  height: 1.4rem;
}

.sticky_patient_info .patient_card .patient_card_details .detail.onex {
  width: 15%;
}

.sticky_patient_info .patient_card .patient_card_details .detail.twox {
  width: 21%;
}

.sticky_patient_info .patient_card .patient_card_details .detail.threex {
  width: 24%;
}

@media screen and (max-width:1100px) {
  .sticky_patient_info .patient_card .patient_card_details .detail.threex {
    width: 15%;
  }
}

.sticky_patient_info .full_age_hover .age_tooltip {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  opacity: 1;
  left: 0.5rem;
  bottom: -2rem;
  min-width: 5rem;
  transition: transform 250ms;
}

.sticky_patient_info .full_age_hover:hover .age_tooltip {
  display: block;
}

.sticky_patient_info .full_age_hover .age_tooltip p {
  display: block !important;
  white-space: nowrap;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
}

.sticky_patient_info .full_age_hover .age_tooltip::before,
.sticky_patient_info .full_age_hover .age_tooltip::after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  border-width: 0.4rem;
  border-style: solid;
}

.sticky_patient_info .full_age_hover .age_tooltip::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.sticky_patient_info .full_age_hover .age_tooltip::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;
}

.ssn_number {
  color: chocolate !important;
  font-weight: bold;
}

.sticky_patient_info .patient_card .patient_card_details .patient_collapse_btn {
  position: absolute;
  top: 1.2rem;
  right: 0.2rem;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border-radius: 50%;
}

.sticky_patient_info .patient_card .patient_card_details .eep_pos {
  right: 1rem;
  top: 0;
}

.sticky_patient_info .patient_card .patient_card_details .eep {
  /* position: absolute; */
  top: 1.0rem;
  right: 3.5rem;
}

.sticky_patient_info .patient_card .patient_card_details .eep p {
  background: #CACDCE;
  color: #636869;
  border: 1px solid #636869;
}

@media screen and (max-width:1100px) {
  .sticky_patient_info .patient_card .patient_card_details .eep p {
    font-size: 0.57rem;
  }
}

.sticky_patient_info .patient_card .patient_card_details .eep p.active {
  background: #69bac9;
  color: #E7FEF6;
  border: 1px solid #b4dde4;
}

.custom_tooltip {
  position: relative;
}

.custom_tooltip .tooltip {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  border-radius: 0.3rem;
  opacity: 1;
  left: 0;
  bottom: -28px;
  min-width: 5rem;
  transition: transform 250ms;
}

.custom_tooltip .tooltipR {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  border-radius: 0.3rem;
  opacity: 1;
  left: 3px;
  bottom: 0px;
  min-width: 5rem;
  transition: transform 250ms;
}

.custom_tooltip:hover .tooltipR {
  display: block;
}

.custom_tooltip:hover .tooltip {
  display: block;
}

.custom_tooltip .tooltip p {
  display: block !important;
  white-space: nowrap;
  font-size: 0.65rem;
  font-weight: 500;
  /* text-align: center; */
}

.custom_tooltip .tooltip::before,
.custom_tooltip .tooltip::after {
  content: "";
  display: block;
  position: absolute;
  border-width: 0.4rem;
  border-style: solid;
  transform: rotate(-90deg);
}

.custom_tooltip .tooltip::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.custom_tooltip .tooltip::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;
}

.custom_tooltip.custom_tooltip_left .tooltip {
  right: 0px;
  left: unset;
}

.custom_tooltip.custom_tooltip_left .tooltip::before,
.custom_tooltip.custom_tooltip_left .tooltip::after {
  right: 0.8rem;
  left: unset;
}

.custom_tooltip.custom_tooltip_left_mode .tooltip {
  top: 50%;
  bottom: unset;
  right: 100%;
  left: unset;
  transform: translateY(-50%);
}

.custom_tooltip.custom_tooltip_left_mode .tooltip::before,
.custom_tooltip.custom_tooltip_left_mode .tooltip::after {
  right: -0.7rem;
  left: unset;
  transform: translateY(-50%) rotate(360deg);
  top: 50%;
}

.custom_tooltip.custom_tooltip_right_mode .tooltip {
  top: 50%;
  bottom: unset;
  left: 100%;
  right: unset;
  transform: translateY(-50%);
}

.custom_tooltip.custom_tooltip_right_mode .tooltip::before,
.custom_tooltip.custom_tooltip_right_mode .tooltip::after {
  left: -0.7rem;
  right: unset;
  transform: translateY(-50%) rotate(180deg);
  top: 50%;
}

.custom_tooltip.custom_tooltip_center .tooltip {
  right: unset;
  left: 50%;
  transform: translateX(-50%);
}

.custom_tooltip.custom_tooltip_center .tooltip::before,
.custom_tooltip.custom_tooltip_center .tooltip::after {
  right: unset;
  left: 50%;
  transform: rotate(-90deg) translateX(-50%);
  top: -1.1rem;
}

.custom_tooltip.custom_tooltip_top_left .tooltip {
  top: unset !important;
  bottom: 3rem !important;
  right: 0px;
  left: unset;
}

.custom_tooltip.custom_tooltip_top_left .tooltip::before,
.custom_tooltip.custom_tooltip_top_left .tooltip::after {
  right: 0.5rem !important;
  transform: rotate(90deg) !important;
  bottom: -0.7rem ! IMPORTANT;
  top: unset !important;
  left: unset !important;
}

.custom_tooltip.custom_tooltip_top_right .tooltip {
  top: unset !important;
  bottom: 3rem !important;
  right: unset;
  left: 0;
}

.custom_tooltip.custom_tooltip_top_right .tooltip::before,
.custom_tooltip.custom_tooltip_top_right .tooltip::after {
  right: unset !important;
  transform: rotate(90deg) !important;
  bottom: -0.7rem ! IMPORTANT;
  top: unset !important;
  left: 0.5rem !important;
}

.casesheet_tabcontent {
  /* height: calc(100vh - 200px);
  overflow: auto; */
  width: 85%;
}

.casesheet_scroll::-webkit-scrollbar {
  /* display: none; */
}

@media screen and (max-width:991px) {
  .casesheet_tabcontent {
    width: 100%;
  }
}

.casesheet_tabcontent #pills-ClinicalInfo {
  /* height: calc(100vh - 200px); */
}

.casesheet_tabcontent #pills-ClinicalInfo::-webkit-scrollbar {
  display: none;
}

.casesheet_tabcontent .weight_icon {
  height: 1.1rem;
}

.casesheet_div {
  max-width: 15% !important;
  /* position: sticky; */
  /* top: 0; */
  transition: .5s ease-in-out;
  height: calc(100vh - 12.3rem);
}

@media screen and (max-width:991px) {
  .casesheet_div {
    max-width: 21% !important;
  }
}

.casesheet_div .card {
  border: unset;
  /* height: 100%; */
  border: 1px solid #00000029;
  box-shadow: 0px 2px 8px 0px #00000029;
  /* border: 1px solid #69BAC9; */
}

.casesheet_div .card-header {
  padding: 1.05rem 0.5rem !important;
  height: 45px;
  min-height: 45px;
}

.casesheet_div .card .nav-pills .nav-link {
  padding: 0.8rem;
  border-radius: 0.7rem;
  text-align: left;
}

@media screen and (max-width:1400px) {
  .casesheet_div .card .nav-pills .nav-link {
    padding: 0.7rem;
  }
}

.casesheet_div .card .nav-pills .nav-link .tooltip {
  display: none;
}

.casesheet_div .card .nav-pills .nav-link.active {
  border: unset;
  background-color: #368796;
}

.casesheet_div .card .nav-pills .nav-link p {
  font-size: 0.875rem;
}

.casesheet_div .card .nav-pills .nav-link.active p {
  color: #fff;
}

.casesheet_div .card .nav-pills .nav-link.active svg path {
  fill: #ECF6F8;
  stroke: unset;
}

.casesheet_div.mini_casesheet {
  max-width: 6% !important;
}

@media screen and (max-width:991px) {
  .casesheet_div.mini_casesheet {
    max-width: 100% !important;
    height: unset;
  }

  .casesheet_div.mini_casesheet .card-header {
    display: none !important;
  }

  .casesheet_div.mini_casesheet #pills-tab {
    flex-direction: unset !important;
    justify-content: space-between;
  }
}

.casesheet_div.mini_casesheet .card-header .casesheet_icon {
  justify-content: center;
}

.casesheet_div.mini_casesheet .card-header.casesheet_icon .indicator {
  transform: rotate(180deg);
}

.casesheet_div.mini_casesheet .card-header h3 {
  display: none;
  transition-delay: 1s;

}

.casesheet_div.mini_casesheet .nav-pills p {
  display: none;
}

@media screen and (max-width:991px) {
  .casesheet_div.mini_casesheet .nav-pills p {
    display: block;
  }
}

.casesheet_div.mini_casesheet .card .nav-pills .nav-link {
  position: relative;
  transition: transform 250ms;
  justify-content: center;
}

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

@media screen and (max-width:991px) {
  .casesheet_div.mini_casesheet .card .nav-pills .nav-link {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.casesheet_div.mini_casesheet .card .nav-pills .nav-link .tooltip {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  opacity: 1;
  left: 0;
  bottom: -22px;
  min-width: 5rem;
  transition: transform 250ms;
}

@media screen and (max-width:991px) {
  .casesheet_div.mini_casesheet .card .nav-pills .nav-link .tooltip {
    display: none !important;
  }
}

.casesheet_div.mini_casesheet .card .nav-pills .nav-link .tooltip p {
  display: block !important;
  white-space: nowrap;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
}

.casesheet_div.mini_casesheet .card .nav-pills .nav-link .tooltip::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  left: 0.8rem;
  transform: rotate(-90deg);
  border-color: transparent transparent transparent #cdcdcd;
  border-width: 0.4rem;
  border-style: solid;
}

.casesheet_div.mini_casesheet .card .nav-pills .nav-link .tooltip::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.7rem;
  left: 0.8rem;
  transform: rotate(-90deg);
  border-color: transparent transparent transparent #fff;
  border-width: 0.4rem;
  border-style: solid;
}

.casesheet_div.mini_casesheet .card .nav-pills .nav-link:hover .tooltip {
  display: block !important;
}

@media screen and (max-width:991px) {
  .casesheet_div.mini_casesheet .card .nav-pills .nav-link:hover .tooltip {
    display: none !important;
  }
}

/*
.casesheet_div:hover{
  max-width: 15% !important;
}
.casesheet_div:hover .nav-pills p{
  display: block !important;
}
.casesheet_div:hover .nav-pills .nav-link{
  justify-content: start !important;
}
.casesheet_div:hover .card-header .casesheet_icon{
  justify-content: center;
}
.casesheet_div:hover .card-header.casesheet_icon .indicator{
  transform: unset;
}
.casesheet_div:hover .card-header h3{
  display: block;
  opacity: 1 !important;
} */

.clinical_toggle {
  padding: 0.15rem !important;
}

.clinical_toggle .btn {
  height: 1.35rem !important;
  font-size: 0.75rem !important;
}

.ns_toogle .btn {
  padding: 0.3rem 0rem;
}

.ns_toogle .btn.selected svg path {
  fill: unset;
  stroke: #fff;
}

.ns_toogle .btn {
  height: 0.9rem !important;
  min-width: 1.4rem !important;
}

.pain_reaction {
  border: 1.5px solid #d4d3d3;
  border-radius: 0.5rem;
  display: flex;
  min-width: 8rem;
}

.painscore_row .score_value {
  border-radius: 0 0.5rem 0.5rem 0;
}

.painscore_row .score_value span {
  font-size: 1.7rem;
  white-space: nowrap;
  font-weight: bold;
  line-height: 1;
}

@media screen and (max-width:991px) {
  .painscore_row {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .pain_reaction {
    padding: 0.3rem 0.7rem 0.3rem 0.3rem !important;
    width: 9.7rem;
  }

  .painscore_row .gap-3 {
    gap: 0.5rem !important;
  }
}

.pain_reaction.active {
  border: 2px solid #43A9BC;
  box-shadow: 3px 4px 5px #43A9BC;
  margin-top: -0.2rem;
}

.pain_reaction img.pain_img {
  height: 1.5rem;
  filter: grayscale(1);
}

@media screen and (max-width:991px) {
  .pain_reaction img.pain_img {
    height: 2rem;
  }
}

.pain_reaction p {
  font-size: 0.6rem;
  white-space: nowrap;
}

.pain_reaction.active img.pain_img {
  filter: grayscale(0);
}

.pain_reaction svg.check {
  display: none;
  height: 1.2rem;
  right: -0.5rem;
  top: -0.6rem;
}

.pain_reaction.active svg.check {
  display: block;
}

.pain_reaction img.check {
  display: none;
  height: 1.2rem;
  right: -0.5rem;
  top: -0.6rem;
}

.pain_reaction.active img.check {
  display: block;
}

.pain_reaction.active p {
  color: #368796;
  font-weight: 500;
}

.suggested_order {
  background: #fff;
  /* box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15); */
  border: 2px solid #58b2c2;
  cursor: pointer;
  position: relative;
}

.suggested_order svg {
  display: none;
}

.suggested_order.active {
  border: 2px solid #368796;
  background: linear-gradient(180deg, #E8F5F7 0%, #e2f1f8 100%);
}

.suggested_order.active svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.suggested_order p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  /* height: 30px; */
}

.no_consultations {
  height: calc(100vh - 30vh);
}

.date_range_calendar {
  border: 1px solid #ced4da !important;
  background: #fff;
  padding: 0.2rem !important;
  width: 100% !important;
  display: flex;
  align-items: center;
  border-radius: .375rem;
}

.date_range_calendar .btn-main-outline {
  border: unset !important;
}

.date_range_calendar .mat-form-field {
  width: 220px;
}

.date_range_calendar .mat-form-field-underline {
  display: none;
}

.date_range_calendar .mat-form-field-subscript-wrapper {
  top: 2px;
}

.date_range_calendar .mat-date-range-input {
  /* padding-left: 0; */
  background: transparent;
  /* padding-right: 2rem; */
  padding: 0.2rem 2rem 0.2rem 0;
}

.date_range_calendar .mat-date-range-input-container {
  line-height: 1.3;
}

.date_range_calendar .mat-datepicker-toggle {
  position: absolute;
  /* top: -8px; */
  right: 0;
  z-index: 99;
  height: 2rem;
}

.date_range_calendar .mat-datepicker-toggle svg {
  height: 1.2rem;
  display: none !important;
}

.date_range_calendar .mat-datepicker-toggle .mat-button-wrapper::after {
  content: "";
  width: 1.1rem;
  height: 1.1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M4.66667 1.16669V2.91669M9.33333 1.16669V2.91669M2.04167 5.30252H11.9583M12.25 4.95835V9.91669C12.25 11.6667 11.375 12.8334 9.33333 12.8334H4.66667C2.625 12.8334 1.75 11.6667 1.75 9.91669V4.95835C1.75 3.20835 2.625 2.04169 4.66667 2.04169H9.33333C11.375 2.04169 12.25 3.20835 12.25 4.95835Z' stroke='%234357BC' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.15541 7.99164H9.16066M9.15541 9.74164H9.16066M6.99708 7.99164H7.00292M6.99708 9.74164H7.00292M4.83817 7.99164H4.844M4.83817 9.74164H4.844' stroke='%234357BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0.35rem;
  right: 0.45rem;

}

.date_range_calendar .mat-datepicker-toggle button {
  /* width: 20px;
  height: 20px; */
  width: 1.4rem;
  height: 1.4rem;
}

.date_range_calendar .mat-date-range-input-inner {
  position: unset !important;
  font-size: 0.75rem;
  line-height: 0.95;
  color: #000;
  width: 5.2rem;
}

.date_range_calendar .mat-date-range-input-separator {
  /* display: none; */
}

.date_range_calendar .mat-hint {
  padding-left: 0.3rem;
}

.date_range_calendar.vitals .mat-datepicker-toggle {
  position: unset !important;
  top: -4px;
  right: 6px;
  height: unset;
  display: flex;
  align-items: center;
  margin-top: -4px;
}

.date_range_calendar.vitals .mat-datepicker-toggle .mat-button-wrapper::after {
  top: 3px;
  right: 2px;
}

.date_range_calendar.pd .mat-datepicker-toggle {
  /* top: -6px;
  right: -2px; */
}

.date_range_calendar .mat-date-range-input-mirror {
  display: none;
}

.idc_tree_view .treeview-container {
  margin-top: 15px;
  border: 1px solid #B4DDE4 !important;
  padding: 1rem;
  border-radius: 0.5rem;
}

.idc_tree_view .treeview-container .row-item {
  display: flex;
  align-items: center;
}

.idc_tree_view .treeview-item {
  margin-top: 0.3rem;
}

.idc_tree_view .treeview-item>.form-inline.row-item {
  /* background-color: pink; */
  min-height: 2.3rem;
}

.idc_tree_view .treeview-item ngx-treeview-item:nth-child(even) .treeview-item {
  background-color: #f2f4ff;
  border-radius: 0.5rem;
}

.idc_tree_view .treeview-item>.form-inline.row-item>svg+.form-check {
  background-color: #daeef1;
  padding-left: 0;
}

.idc_tree_view .treeview-item>.form-inline.row-item>svg {
  min-height: 1.3rem;
  background-color: #daeef1;
  display: flex;
  align-items: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding: 0.5rem;
}

.idc_tree_view .treeview-container .row-item svg {
  width: 1rem;
  height: 1rem;
}

.idc_tree_view .treeview-container .row-item svg path {
  fill: #368796;
}

.idc_tree_view .treeview-item>.form-inline.row-item>svg+.form-check .form-check-label {
  color: #358796;
  font-weight: 500;
}

.idc_tree_view .treeview-container .row-item .form-check-label {
  white-space: nowrap;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.idc_tree_view .treeview-container .row-item .form-check {
  margin-bottom: 0;
  width: 100%;
  min-height: 2.3rem;
  display: flex;
  align-items: center;
  /* flex-direction: row-reverse; */
  justify-content: space-between;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding-left: 0.5rem;
  /* border-bottom: 1px solid #e6e6e6 */
}

.idc_tree_view .treeview-container .row-item .form-check .form-check-input[type=checkbox] {
  margin-right: 0.5rem;
  display: none;
}

.mainMenu .modal-dialog {
  max-width: 30%;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

.samples_container .col-md-8 {
  transition: all .3s ease-in-out;
}

.samples_container .col-md-8 .btn-icon-3d img {
  transform: rotate(180deg);
}

.samples_container .sample_cards {
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* padding-bottom: 0.5rem; */
  width: 100%;
}

.samples_container .sample_cards::-webkit-scrollbar {
  display: none;
}

.samples_container .sample_box .count_head {
  width: 13rem;
}

.samples_container .sample_box .count_head .count {
  width: 100%;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  height: 2.3rem;
}

.samples_container .sample_box.green .count_head .count {
  background: #43A9BC !important;
  color: #fff !important;
}

.samples_container .sample_box.secondary .count_head .count {
  background-color: #4B61CD;
  color: #fff !important;
}

.samples_container .sample_cards .card_block {
  min-width: 13rem;
}

.samples_container .sample_cards .card_block.active {
  /* border: 1px solid #E0B05F; */
  box-shadow: 0px 8px 8px -5px rgba(124, 88, 26, 0.29);
}

.samples_container .sample_cards .card_block .blocks_row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* box-shadow: 0px 8px 8px -5px #7c581a4a; */
  border-radius: 0.375rem;
  overflow: hidden;
  height: 2.3rem;
}

.samples_container .sample_cards .card_block .blocks_row h5 {
  font-size: 1rem;
}

.samples_container .sample_cards .card_block .blocks_row h5,
.samples_container .sample_cards .card_block .blocks_row p {
  color: #313435;
  line-height: 1;
}

.samples_container .sample_cards .card_block .blocks_row .lastsample {
  display: flex;
  align-items: center;
  justify-content: center;
}

.samples_container .sample_cards .card_block .block {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.samples_container .sample_cards .card_block .block.active {
  background-color: #f7d0d9 !important;
}

/* TO BE COLLECTED */
.samples_container .sample_cards .card_block .block:last-child {
  border-right: unset !important;
}

.samples_container .sample_cards .card_block.tobecollected .block {
  border-right: 1px solid #A71D43;
}

.samples_container .sample_cards .card_block.tobecollected .blocks_row {
  border: 1px solid #A71D43;
}

.samples_container .sample_cards .card_block.tobecollected .blocks_row .lastsample {
  background: #FFEEF2;
}

.samples_container .sample_cards .card_block.tobecollected .blocks_row .lastsample h4 {
  color: #A71D43;
}

.samples_container .sample_cards .card_block.tobecollected .head {
  /* border-bottom: 1px solid #E0B05F;
  background: #F4D6A4; */
}

.samples_container .sample_cards .card_block.tobecollected .head p {
  color: #A71D43;
}

.samples_container .sample_cards .card_block.active .block {
  border-right: 1px solid #E0B05F;
}

/* TO BE RE-COLLECTED */
.samples_container .sample_cards .card_block.transrec .block {
  border-right: 1px solid #5A4C11;
}

.samples_container .sample_cards .card_block.toberecollected .block {
  border-right: 1px solid #BB4D0D;
}

.samples_container .sample_cards .card_block.toberecollected .blocks_row {
  border: 1px solid #BB4D0D;
}

.samples_container .sample_cards .card_block.toberecollected .blocks_row .lastsample {
  background: #FFF1DB;
}

.samples_container .sample_cards .card_block.toberecollected .blocks_row .lastsample h4 {
  color: #BB4D0D;
}

.samples_container .sample_cards .card_block.toberecollected .head {
  /* border-bottom: 1px solid #B1B1B1;
  background: #DAB374; */
}

.samples_container .sample_cards .card_block.toberecollected .head p {
  color: #BB4D0D;
}

/* TRANSFER / RECEIVED */
.samples_container .sample_cards .card_block.tobeack .block {
  border-right: 1px solid #5A4C11;
}

.samples_container .sample_cards .card_block.transrec .blocks_row {
  border: 1px solid #5A4C11;
}

.samples_container .sample_cards .transrec .blocks_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.samples_container .sample_cards .card_block.transrec .head {
  /* border-bottom: 1px solid #B1B1B1;
  background: #F4E984; */
}

.samples_container .sample_cards .card_block.transrec .head p {
  color: #5A4C11;
}

.samples_container .sample_cards .card_block.transrec .block h5 {
  color: #6F6404;
}

.samples_container .sample_cards .card_block.transrec .block p {
  color: #313435;
}

/* TO BE Acknowledged */
.samples_container .sample_cards .card_block.tobeack .block {
  border-right: 1px solid #287C21;
}

.samples_container .sample_cards .card_block.tobeack .blocks_row .lastsample {
  background: #F4FCF3;
}

.samples_container .sample_cards .card_block.tobeack .blocks_row .lastsample h4 {
  color: #287C21;
}

.samples_container .sample_cards .card_block.tobeack .blocks_row {
  border: 1px solid #287C21;
}

.samples_container .sample_cards .card_block.tobeack .head {
  /* border-bottom: 1px solid #B1B1B1;
  background: #ACE6A7; */
}

.samples_container .sample_cards .card_block.tobeack .head p {
  color: #287C21;
}

.selected_samples .side_title h5 {
  border-right: 2px solid #368796;
  color: #7C581A;
}

.selected_samples .side_title h5:last-child {
  border-right: unset;
}

.selected_samples .CommanSearch__form {
  width: 17rem;
}

.selected_samples .barcode {
  width: 15rem;
}

.selected_samples .select-sample {
  width: 10rem;
}

.selected_samples .barcode .code {
  background: var(--primary-600, #368796);
  padding: 0 0.6rem;
}

.selected_samples .barcode input {
  letter-spacing: 2.24px;
  border: 1px solid #368796;
  background: #ECF6F8;
  color: #313435;
  font-weight: 700;
  font-size: 0.875rem;
}

.barcode .code {
  background: var(--primary-600, #368796);
  padding: 0 0.6rem;
}

.barcode input {
  letter-spacing: 2.24px;
  border: 1px solid #368796;
  background: #ECF6F8;
  color: #313435;
  font-weight: 700;
  font-size: 0.875rem;
}

.sample_table {
  border-radius: 8px;
  border: 1px solid #B4DDE4;
  background: #ECF6F8;
  /* height: calc(100vh - 24rem);
  overflow: auto; */
}

.sample_table table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.sample_table td {
  background: #FFF;
  box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.16);
  border-bottom: 0;
}

.sample_table td label {
  color: #4A4E4F;
  font-weight: 500;
}

.sample_table td p {
  color: #636869;
}

.sample_table td p.active svg circle {
  fill: #368796;
}

.sample_table td p.active svg path {
  fill: #fff;
}

.sample_table .doctor_worklist.tobecollectedlegend {
  border-left: 5px solid #F4D6A4;
}

.sample_table .doctor_worklist.tobeacklegend {
  border-left: 5px solid #ACE6A7;
}

.quick_info .modal-content::-webkit-scrollbar {
  width: 0px;
}

.quick_info .modal-dialog {
  max-width: 30rem;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

.quick_info .modal-dialog .profile_bg {
  background-image: url(../images/icons/Ellipse_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.quick_info .modal-header {
  background-color: #fcfaf7 !important;
}

.quick_info .ssn_label {
  border-top-right-radius: 1.3rem;
  border-bottom-right-radius: 1.3rem;
  font-size: 0.85rem;
  padding: 0.3rem 0.6rem;
}

.quick_info .patient-photo {
  width: 3rem;
  height: 3rem;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quick_info .patient-photo img {
  /* margin-left: 30%;
  margin-top: 27%; */
}

.quick_info .patient-photo::before {
  position: absolute;
  content: " ";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.quick_info .patient-photo .vip_label {
  position: absolute;
  bottom: -0.4rem;
  color: #286571;
  background: #8ECBD7;
  padding: 0.2rem 0.5rem;
  font-size: 0.7rem;
  letter-spacing: 2px;
  border-radius: 1rem;
  line-height: 1;
}

.quick_info .vt_score {
  display: inline-flex;
  align-items: center;
  background: #ECF6F8;
  border: 0.75px solid #43A9BC;
  border-radius: 1rem;
  margin-bottom: -10px;
}

.quick_info .vt_score span {
  width: 24px;
  height: 24px;
  background: #368796;
  border-radius: 50%;
}

.quick_info .profile_info {
  height: calc(100vh - 13.3rem);
  overflow: auto;
}

.quick_info .profile_info::-webkit-scrollbar {
  width: 0;
}

.quick_info .sample_details {
  border-radius: 8px;
  border: 1px solid var(--primary-200, #B4DDE4);
  background: #FFF;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.08);
}

.quick_info .sample_details_body label {
  color: #4A4E4F;
}

.quick_info .sample_details_body .sample_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  border-top: 1px solid #B4DDE4;
  border-left: 1px solid #B4DDE4;
}

/* .phlebotomyquick_info.quick_info .sample_details_body .sample_grid{
  border: unset !important;
} */
.quick_info .sample_details_body p.active svg circle {
  fill: #368796;
}

.quick_info .sample_details_body p.active svg path {
  fill: #fff;
}

.quick_info .sample_details_body .sample_grid .ind_block {
  border-bottom: 1px solid #B4DDE4;
  border-right: 1px solid #B4DDE4;
  width: 100%;
  text-align: center;
  padding: 0.5rem;
}

.quick_info .sample_details_body .sample_grid .ind_block.active svg circle {
  fill: #368796;
}

.quick_info .sample_details_body .sample_grid .ind_block.active svg path {
  fill: #fff;
}

.quick_info .sample_details_body .sample_grid .ind_block.active p {
  /* font-weight: bold; */
}

/* .phlebotomyquick_info.quick_info .sample_details_body .sample_grid .ind_block{
  border: unset !important;
} */
.quick_info .measures {
  /* display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  justify-items: center; */
}

.quick_info .measures img {
  height: 1.6rem;
}

.quick_info .acute {
  background: #FDF2CE;
  border: 1px solid #F9CC39;
  box-shadow: 0px 2px 2px -2px rgba(229, 60, 26, 0.08);
}

.quick_info .acute span {
  width: 13.2px;
  height: 13.2px;
  background: #F7CA36;
  border: 1px solid #FAD96B;
  border-radius: 50%;
}

.quick_info .acute p {
  color: #C69906;
}

.quick_info .panic {
  background: #FCEBE8;
  border: 1px solid #F08A75;
  box-shadow: 0px 2px 2px -2px rgba(229, 60, 26, 0.08);
}

.quick_info .panic p {
  color: #E53C1A;
}

.quick_info .vitals .vital_block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
}

.quick_info .vitals .vital_block img {
  /* height: 1.6rem; */
}

.quick_info .vitals .header {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.quick_info .vitals .vital_block .bp-s p:last-child {
  color: #963687;
}

.quick_info .vitals .vital_block .bp-d p:last-child {
  color: #436CA7;
}

.quick_info .vitals .vital_block .temp p:last-child {
  color: #964536;
}

.quick_info .vitals .vital_block .pulse p:last-child {
  color: #558437;
}

.quick_info .vitals .vital_block .spo2 p:last-child {
  color: #867963;
}

.quick_info .vitals .vital_block .resp p:last-child {
  color: #365796;
}

.quick_info .vitals .vital_block .cons p:last-child {
  color: #AB3449;
}

.quick_info .vitals .vital_block .o2 p:last-child {
  color: #25818F;
}

.quick_info .allergies {
  border: 1px solid #B3BBE5;
}

.quick_info .allergies .header {
  background: #ECEEF9;
  border-bottom: 1px solid #B3BBE5;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.quick_info .allergies .header p {
  color: #6677CC;
}


.walkthrough_info .modal-dialog {
  max-width: 40rem !important;
}

.walkthrough_info .modal-header {
  width: 39rem;
  background-color: #FCFAF7 !important;
  /* margin-left: auto; */
}

.walkthrough_info .patient-photo {
  width: 4rem;
  height: 4rem;
}

.walkthrough_info .patient-photo::before {
  width: 3rem;
  height: 3rem;
}

.walkthrough_info .left_block {
  display: none;
}

/* .walkthrough_info_left{
  width: 60rem;
}
.walkthrough_info_left .left_block{
  display: none;
  position: absolute;
  width: 30rem;
  left: 0;
  height: 100%;
  top: 0;
  border-right: 1px solid #ddd;
  z-index: 11;
}
.walkthrough_info_left .modal-body{
  width: 30rem;
  margin-left: auto;
} */
.walkthrough_info .modal-dialog .profile_bg {
  background-image: unset;
  background-size: 100% 75% !important;
  background: #FCFAF7;
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0px 3px 3px #0000002E;
}

.walkthrough_info .modal-dialog .profile_bg .vitals_svg {
  min-width: 2rem;
}

.walkthrough_info .patient-info {
  /* width: max-content;
  margin: 0 auto; */
  transform: translateY(-0.9rem);
  width: max-content;
}

.walkthrough_info .content {
  margin-top: 0.625rem;
}

.walkthrough_info .billed_list {
  padding: 0 1.3rem;
  height: calc(100vh - 15rem);
  overflow: auto;
  padding-top: 1.5rem;
}

.walkthrough_info .billed_list::-webkit-scrollbar {
  width: 0px;
}

.walkthrough_info .billed_block {
  padding-left: 2rem;
  margin-bottom: 0.7rem;
  position: relative;
}

.walkthrough_info .billed_card {
  border-radius: 0.1rem 0.5rem 0.5rem 0.5rem;
  background: #F2F3F3;
  /* min-height: 6rem; */
}

.walkthrough_info .billed_card.services .border.rounded-2 {
  border-top-left-radius: 0px !important;
}

.walkthrough_info .billed_card.services .table_head {}

.walkthrough_info .billed_block.active .billed_card {
  background-color: #DAEEF1;
}

.walkthrough_info .billed_list .billed_block:first-child:before {
  content: 'Start';
  position: absolute;
  top: -1.4rem;
  display: block;
  font-size: 0.7rem;
  background: #a3e0eb;
  padding: 0.1rem 0.7rem;
  left: 0%;
  border-radius: 0.8rem;
  transform: translateX(-32%);
}

.walkthrough_info .status_line {
  position: absolute;
  left: 0;
  height: 100%;
}

.walkthrough_info .status_line .circle {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid #69BAC9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.walkthrough_info .status_line .circle::after {
  content: '';
  display: block;
  width: 0.1rem;
  height: 92%;
  background-color: #69BAC9;
  position: absolute;
  top: 1.2rem;
}

.walkthrough_info .billed_block:last-child .status_line .circle::after {
  /* content: unset; */
  height: 60%;
}

.walkthrough_info .billed_list .billed_block:last-child:after {
  content: 'End';
  position: absolute;
  bottom: 0.1rem;
  display: block;
  font-size: 0.7rem;
  background: #f59393;
  padding: 0.1rem 0.7rem;
  left: 0%;
  color: #371f1f;
  border-radius: 0.8rem;
  transform: translateX(-32%);
}

.walkthrough_info .billed_list.noend .billed_block:last-child:after {
  content: unset;
}

.walkthrough_info .billed_block.active .status_line .circle::after {
  /* content: unset; */
}

.walkthrough_info .billed_block.active .status_line .circle::before {
  content: '';
  display: block;
  width: 0.45rem;
  min-width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background-color: #69BAC9;
}

.walkthrough_info .vitals .vital_block {
  grid-template-columns: repeat(2, 1fr);
}

.prn_toggle .btn {
  height: 1.35rem !important;
}

.pills-summary .main-content {
  min-height: unset !important;
}

.pills-summary .container-fluid.mt-4 {
  margin-top: 0 !important;
  border: 1px solid #69BAC9;
  padding: 0 !important;
  border-radius: 0.75rem;
}

.pills-summary .container-fluid.mt-4 .page-header {
  margin-top: 0 !important;
  border-bottom: 1px solid #69BAC9;
  background-color: #ECF6F8;
}

/* .pills-summary .container-fluid.mt-4 .card-3d-3{
  background: linear-gradient(180deg, #F2F4FB 0%, #D2D7F0 100%);
  border: 2px solid #707EC2;
  box-shadow: 0px 5px 0px #697ACC, 0px 16px 28px -8px #B0BCF5;
}
.pills-summary .container-fluid.mt-4 .card-3d-3 .card-3d-wrapper{
  background: #FBFCFE;
border: 1px solid #B8BEE0;
box-shadow: inset 0px 0px 14px #BBC2E2;
}
.pills-summary .container-fluid.mt-4 .card-3d-3 .card-3d-heading{
  background: linear-gradient(180deg, #4F5FB3 0%, #7A8CE7 100%);
}
.pills-summary .container-fluid.mt-4 .card-3d-3 .btn.btn-select{
  background: linear-gradient(180deg, #FCFCFC 0%, #ECECEC 100%);
border: 2px solid #7683C4;
box-shadow: inset 0px 0px 6px 1px #BEC4E3;
}
.pills-summary .container-fluid.mt-4 .card-3d-3 .btn h4,
.pills-summary .container-fluid.mt-4 .card-3d-3 .btn p{
  color: #3D4B8F;
}
.pills-summary .container-fluid.mt-4 .card-3d-3 .row-items{
  border: 1px solid #707EC2 !important;
  background-color: #F0f2f9 !important;
}
.pills-summary .container-fluid.mt-4 .card-3d-3 .row-items *{
  color: #3D4B8F !important;
} */
.casesheet_pills-summary .patient_summary_page {
  height: calc(100vh - 15rem);
  overflow: auto;
  padding: 0.5rem !important;
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.casesheet_pills-summary .patient_summary_page::-webkit-scrollbar {
  width: 0;
}

.casesheet_pills-summary {
  border: 1px solid #69BAC9;
  border-radius: 0.75rem;
}

.casesheet_pills-summary .page-header {
  background-color: #ECF6F8;
  border-radius: 0.75rem 0.75rem 0 0 !important;
  border-bottom: 1px solid #B4DDE4;
  padding: 0.75rem 0.5rem;
  box-shadow: unset !important;
  height: 45px;
}

.star-icon.active svg {
  fill: #6abac9;
}

.star-icon.active svg path {
  stroke: #6abac9;
}

.allergy_form button {
  /* width: 8rem; */
  min-width: 6rem;
  position: relative;
}

.allergy_form button .dot {
  position: absolute;
  left: 0;
  width: 7px;
  min-width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #EB6247;
  display: none;
}

.allergy_form button.btn-main-fill {
  background-color: #FCEBE8 !important;
  color: #EB6247 !important;
  border: 1px solid #FAD8D1 !important;
}

.allergy_form button.btn-main-fill .dot {
  display: block;
}

.allergy_fields .text-danger {
  position: absolute;
  font-size: 11px;
}

.card_header_prescription {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}


/*------------Lab Radiology---------------*/
.lab_reports_modal .section__headingLab {
  display: flex;
  align-items: center;
  padding: 0.7rem;
  background-color: #DAEEF1;
}

.lab_reports_modal .section__headingLab h3 {
  color: #368796;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}

.lab_reports_modal .lab-link {
  display: block;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.75rem;
  gap: 0.5rem;
  color: #368796;
  background-color: #DAEEF1;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5rem;
  border: 1px solid #69BAC9;
}

.lab_reports_modal .lab-link span {
  font-size: 0.865rem;
  white-space: nowrap;
}

.lab_reports_modal .lab-link:hover {
  background-color: #43A9BC;
  text-decoration: none;
  color: #ECF6F8;
}

.lab_reports_modal .lab-link:hover img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(6%) saturate(1617%) hue-rotate(189deg) brightness(112%) contrast(94%);
  height: 1.6rem;
}

.lab_reports_modal .lab-link img {
  height: 1.6rem;
}

.lab_reports_modal .lab-link.active {
  background-color: #43A9BC;
  color: #ECF6F8;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}

.lab_reports_modal .lab-link.active img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(6%) saturate(1617%) hue-rotate(189deg) brightness(112%) contrast(94%);
}

.lab_reports_modal .labaccordion {
  display: block;
  border-radius: 0.75rem;
  gap: 0.5rem;
  color: #368796;
  background-color: #F7F8FC;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5rem;
  border: 1px solid #69BAC9;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
  max-height: calc(100vh - 23rem);
  overflow-y: auto;
}

.lab_reports_modal .boxlab-link {
  display: block;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.25rem;
  color: #368796;
  text-decoration: none;
  text-transform: uppercase;
  padding: 4px;
}

.lab_reports_modal .boxlab-link span {
  font-size: 0.865rem;
  white-space: nowrap;
}

.lab_reports_modal .boxlab-link:hover {
  background-color: #DAEEF1;
  text-decoration: none;
  color: #ECF6F8;
}

.lab_reports_modal .boxlab-link.active {
  background-color: #43A9BC;
  color: #ECF6F8;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
}

.lab_reports_modal .boxlab-link.active img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(6%) saturate(1617%) hue-rotate(189deg) brightness(112%) contrast(94%);
}

.lab_reports_modal ul,
.myUL {
  list-style-type: none;
}

.lab_reports_modal .myUL {
  margin: 0;
  padding: 0;
  color: #313435;
  font-size: 0.85rem;
  text-transform: capitalize;
}

.lab_reports_modal .myUL li {
  border-bottom: 1px solid #CACDCE;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0;
}

.lab_reports_modal .myUL li.lastList {
  border-bottom: none;
  padding-bottom: 0;
  transition: all 800ms ease-in-out;
}

.lab_reports_modal .subList {
  background-color: #DAEEF1;
  padding: 5px;
  border-radius: 0.25rem;
  display: inline-block;
}

.lab_reports_modal .caret {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #DAEEF1;
  display: block;
  align-items: center;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  padding: 0.5rem;
  transition: all 800ms ease-in-out;
}

.lab_reports_modal .caret::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2518 0.180054L1.41178 0.180054C0.45178 0.180054 -0.0282204 1.34005 0.65178 2.02005L5.83178 7.20005C6.66178 8.03005 8.01178 8.03005 8.84178 7.20005L10.8118 5.23005L14.0218 2.02005C14.6918 1.34005 14.2118 0.180054 13.2518 0.180054Z' fill='%23368796'/%3E%3C/svg%3E%0A");
  color: #43A9BC;
  display: inline-block;
  margin-right: 6px;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
}

.lab_reports_modal .caret-down::before {
  transform: rotate(180deg);
}

.lab_reports_modal .nested {
  display: none;
}

.lab_reports_modal .active {
  display: block;
}

.lab_reports_modal .inputAlign {
  float: right;
  height: 1.3rem;
  margin-left: auto;
  /* display: none; */
}

.reports_height {
  height: calc(100vh - 17rem);
  overflow: auto;
}

.hw-legend span {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #fff;
}

.hw-legend .Underweight {
  /* background-color: #5555D0; */
  /* border: 1px solid #EBADE3; */
  background-color: #9797dad1;
  color: #fff;
}

.hw-legend .Normal {
  /* background-color: #48D645; */
  background-color: #73e071d9;
  color: #000;
  /* border: 1px solid #EBADE3; */
}

.hw-legend .Overweight {
  /* background-color: #F9D825; */
  background-color: #f1df7b;
  color: #000;
  /* border: 1px solid #EBADE3; */
}

.hw-legend .Obese {
  /* background-color: #F75656; */
  background-color: #f48888;
  color: #000;
  /* border: 1px solid #EBADE3; */
}

.allergy_table p {
  border: 1px solid #43A9BC;
  border-radius: 0.5rem;
  border-left: 4px solid #43A9BC;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
  padding: 0.7rem;
}

.allergy_table td {
  white-space: normal !important;
}

.validation_err {
  position: absolute;
}

.validation_err p {
  font-size: 0.625rem;
  color: #dc3545;
}

.text-danger {
  font-size: 0.75rem;
}

.normal_tooltip .tooltip {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  border-radius: 0.3rem;
  opacity: 1;
  left: 0;
  bottom: -28px;
  min-width: 5rem;
  transition: transform 250ms;
}

.normal_tooltip:hover .tooltip {
  display: block;
}

.normal_tooltip .tooltip p {
  display: block !important;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
}

.normal_tooltip .tooltip::before,
.normal_tooltip .tooltip::after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  border-width: 0.4rem;
  border-style: solid;
}

.normal_tooltip .tooltip::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.normal_tooltip .tooltip::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;
}

.stat_tooltip .tooltip {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  border-radius: 0.3rem;
  opacity: 1;
  left: 0;
  bottom: -28px;
  min-width: 5rem;
  transition: transform 250ms;
}

.stat_tooltip:hover .tooltip {
  display: block;
}

.stat_tooltip .tooltip p {
  display: block !important;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
}

.stat_tooltip .tooltip::before,
.stat_tooltip .tooltip::after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  border-width: 0.4rem;
  border-style: solid;
}

.stat_tooltip .tooltip::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.stat_tooltip .tooltip::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;
}

.sub_tooltip .tooltip {
  /* display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  border-radius: 0.3rem;
  opacity: 1;
  left: 0;
  bottom: -28px;
  min-width: 5rem;
  transition: transform 250ms; */
}

.sub_tooltip:hover .tooltip {
  /* display: block; */
}

.sub_tooltip .tooltip p {
  /* display: block !important;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms; */
}

.sub_tooltip .tooltip::before,
.sub_tooltip .tooltip::after {
  /* content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  border-width: 0.4rem;
  border-style: solid; */
}

.sub_tooltip .tooltip::before {
  /* top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd; */
}

.sub_tooltip .tooltip::after {
  /* top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff; */
}

.sub_tooltip button {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
}

.iandp table tbody tr:first-child td:nth-child(even) {
  background-color: #FDFDFD;
}

.iandp .accordionInvestigationBody .trans_head th {
  background-color: transparent !important;
  color: #52747A !important;
  border: unset;
}

.iandp th:first-child {
  border-top-left-radius: 0rem;
  /* border-bottom-left-radius: 0.7rem; */
}

.iandp th:last-child {
  border-top-right-radius: 0rem;
  /* border-bottom-right-radius: 0.7rem; */
}

.iandp table tbody td {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
  border-bottom: 0;
}

.iandp table tbody tr:nth-child(even) {
  background: #F5F5F5;
}

.iandp table tbody tr:last-child {
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
}

.iandp table tbody tr:last-child td:first-child {
  /* border-bottom-left-radius: 0.7rem; */
}

.iandp table tbody tr:last-child td:last-child {
  /* border-bottom-right-radius: 0.7rem; */
}

.iandp table tbody tr:last-child td {
  border-bottom-width: 0px;
}

.iandp table tbody tr .actions {
  display: flex;
}

/* .iandp table tbody tr:hover .actions{
  display: flex;
} */
.remark_svg.active svg path {
  fill: #e0816e;
  stroke: #ed9988;
}

.fav_svg.active svg g {
  opacity: 1;
}

.fav_svg.active svg path {
  fill: #9bd7e1;
}

/* .remark_svg.custom_tooltip .tooltip,
.fav_svg.custom_tooltip .tooltip,
.del_svg.custom_tooltip .tooltip,
.clear_svg.custom_tooltip .tooltip{
  left: unset;
  right: -20px;
  bottom: -31px;
}
.remark_svg.custom_tooltip .tooltip::before,
.remark_svg.custom_tooltip .tooltip::after{
  left: 2.6rem;
}
.fav_svg.custom_tooltip .tooltip::before,
.fav_svg.custom_tooltip .tooltip::after{
  left: 2.6rem;
}
.del_svg.custom_tooltip .tooltip::before,
.del_svg.custom_tooltip .tooltip::after{
  left: 2.6rem;
}
.clear_svg.custom_tooltip .tooltip::before,
.clear_svg.custom_tooltip .tooltip::after{
  left: 2.6rem;
} */

.discontinue_svg.custom_tooltip .tooltip {
  /* left: unset;
  right: -20px;
  bottom: -31px; */
}

.discontinue_svg.custom_tooltip .tooltip::before,
.discontinue_svg.custom_tooltip .tooltip::after {
  /* left: 2.6rem; */
}

.iandp .accordionInvestigationBody .main_head th {
  /* background: linear-gradient(180deg, #D8EFF3 0%, #A7E6F1 100%) !important; */
  color: #286571 !important;
  border: unset;
}

.iandp .accordionProceduresBody th {
  /* background: linear-gradient(180deg, #D8EFF3 0%, #A7E6F1 100%) !important; */
  color: #286571 !important;
  border: unset;
}

.iandp .service_label {
  border-radius: 40px;
  width: 100%;
}

.iandp .accordionInvestigationBody .service_label {
  background: #B4DDE4;
  color: #286571;
}

.iandp .accordionProceduresBody .service_label {
  background: #D9DDF2;
  color: #334499;
}

.Investigation_border,
.Procedures_border {
  /* border: 1px solid #b4dde4; */
  border-radius: 0;
}

.alert_confirmation ul {
  height: calc(100vh - 40rem) !important;
  overflow: auto;
}

.alert_confirmation ul li {
  font-size: 0.875rem;
}

.remarks_ellipsis .ellipsis {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.remarks_ellipsis .tooltip {
  display: none;
  position: absolute;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px;
  opacity: 1;
  left: 0px;
  top: 2rem;
  min-width: 20rem;
  transition: transform 250ms ease 0s;
}

.remarks_ellipsis:hover .tooltip {
  display: block;
}

.remarks_ellipsis .tooltip .overflow_height {
  max-height: 12rem;
  overflow: auto;
}

.remarks_ellipsis .tooltip p {
  display: block !important;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
}

.remarks_ellipsis .tooltip::before,
.remarks_ellipsis .tooltip::after {
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  border-width: 0.4rem;
  border-style: solid;
}

.remarks_ellipsis .tooltip::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.remarks_ellipsis .tooltip::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;

}

.alert_animate {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  animation: tokenblink 8s ease-in-out infinite;
  /* text-shadow: 0px 1px 2px #9a9a9a; */
  display: inline-flex;
  padding: 0.1rem 0.5rem;
  border-radius: 0.7rem;
}

@keyframes tokenblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

@media screen and (max-width:991px) {
  .alert_animate {
    font-size: 0.5rem;
    width: 4rem;
  }
}

.textblink {
  color: #FCEBE8;
  animation: clrtextblink 1s ease-in-out infinite;
}

@keyframes clrtextblink {
  0% {}

  50% {
    color: #EB6247;
  }

  100% {}
}

/* animation: tokenblink 1600ms infinite;
} */

@keyframes blink {
  0% {}

  50% {
    color: #75a3ac;
  }

  100% {}
}

#accordionInvestigation .card-3d-header {
  /* border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem; */
}

.table-date-heading {
  position: absolute;
  top: 1.4rem;
  left: 0;
  background-color: #43a9bd !important;
  color: #fff;
  padding: 0.25rem 0.5rem !important;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.25rem;
}

.table-date-heading svg {
  width: 1rem;
}

.table-date-heading1 {
  position: absolute;
  top: 0.4rem;
  left: 0;
  background-color: #43a9bd !important;
  color: #fff;
  padding: 0.25rem 0.5rem !important;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.25rem;
}

.table-date-heading1 svg {
  width: 1rem;
}

.vitalgraph_Table {
  /* height: 400px; */
  overflow: auto;
}

.vitalgraph_Table th {
  background-color: #ECF6F8 !important;
  color: #368796;
}

.vitalgraph_Table td {
  border: 0;
}

.refill_modal .modal-body {
  max-height: calc(100vh - 9rem);
  overflow: auto;
}

.fav-btn .unfav {
  display: none;
}

.fav-btn.active .unfav {
  display: block;
}

.fav-btn.active {
  border-color: #368796;
}

.fav-btn.active svg path {
  fill: #43a9bc;
  stroke: #378796;
}

.fav-btn.active .fav {
  display: none;
}

.remark_btn svg {
  opacity: 0.5;
}

.remark_btn .active {
  border-color: #368796;
}

.remark_btn.active svg {
  opacity: 1;
}

.prev_used_modal .table-cards_div {
  border: 1px solid #ced4da;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  /* border-left: 4px solid #43A9BC; */
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
}

.prev_used_modal .table-cards_div.active {
  border: 1px solid #43A9BC;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.prev_used_modal .table-cards_div.active .custom_check svg {
  opacity: 1;
}

.prev_used_modal .previousDiagnosis_table .fixed_alter_body {
  height: calc(100vh - 13rem);
  overflow: auto;
}

.lexicomTooltip_modal .allergy_table {
  max-height: calc(100vh - 9rem);
  overflow: auto;
}

/* .diag_table{
  max-height: calc(100vh - 36rem);
  overflow: auto;
} */

.toggle_btn.active img {
  transform: rotate(180deg)
}

#diag_table_toggle {
  transition: all 0.25s ease-in-out;
}

#diag_table_toggle .diag_table {
  transition: all 0.25s ease-in-out;
}

.headertoggle_bottom_radius {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}

.referral_table_body {
  /* max-height: calc(100vh - 37rem);
  overflow: auto; */
  /* height: 12rem; */
  height: calc(100vh - 33.6rem);
  overflow: auto;
}

.referral_table_body::-webkit-scrollbar {
  width: 0;
}

.referral_table .referralList_sub {
  background-color: #EEF2F3;
  border-radius: 0 0 0.375rem 0.375rem;
}

.referral_table .referralList_sub .referal_remarks .truncateText {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 17rem;
  overflow: hidden;
}

.referral_table .referralList_sub .referal_remarks .tooltip {
  bottom: unset;
  left: 0;
  right: unset;
}

.referral_table td:first-child.ReferalNewRequest {
  padding: 0 !important;
  position: relative;
}

.referral_table td:first-child.ReferalNewRequest::before {
  content: '';
  background-color: red;
  width: 1rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.referral_table .ASAPRoutine {
  /* background-color: #ff6868; */
  color: #ff6868;
  font-weight: bold;
}

.lab_panic_design .ASAPRoutine {
  background-color: #ff6868;
  color: #fff;
  /* width: 3rem; */
  text-align: center;
}

.legend .PanicResult {
  background-color: rgb(255, 104, 104);
  border: 1px solid rgb(255, 104, 104);
}

.legend .AbnormalResult {
  background-color: #f2bd5ce8;
}

.legend .NewReferal {
  background-color: #e48bcc;
}

.legend .ReferalAccepted {
  background-color: #d6ead8;
}

.legend .ReferalRejected {
  background-color: #dd4b65;
}

.legend .ASAPRoutinee {
  background-color: #EBBDAD;
}

.DoctorReferralOrders_List .NewReferal {
  border-left: 3px solid #e48bcc;
}

.DoctorReferralOrders_List .ReferalAccepted {
  border-left: 3px solid #0cd220;
}

.DoctorReferralOrders_List .ReferalRejected {
  border-left: 3px solid #dd4b65;
}

.DoctorReferralOrders_List .ASAPRoutinee {
  border-left: 3px solid #EBBDAD;
}



.afterlabel {
  position: relative;
}

.afterlabel .label_sm {
  position: absolute;
  right: 0.5rem;
  color: #969B9C;
  margin: 0;
}

.select_afterlabel {
  border: 1px solid #ced4da;
  border-radius: .375rem;
  padding: 0.275rem 0.75rem;
  position: relative;
  padding-right: 4rem;
}

.select_afterlabel select {
  border: unset;
  box-shadow: unset;
  padding: unset;
  width: 100%;
  min-width: 4rem;
  padding-right: 1.9rem;
}

.select_afterlabel .label_sm {
  position: absolute;
  right: 0.5rem;
  color: #969B9C;
  margin: 0;
}

.adverse_allergies {
  height: calc(100vh - 18.5rem);
  overflow: auto;
}

.adverse_allergies::-webkit-scrollbar {
  width: 0;
}

.adverse_allergies .allergies {
  border: 1px solid #B3BBE5;
}

.adverse_allergies .allergies .header {
  background: #ECEEF9;
  border-bottom: 1px solid #B3BBE5;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.adverse_allergies .allergies .header p {
  color: #6677CC;
}

.adverse_event .card-header {}

.vital_toggle button {
  min-width: 2rem !important;
  width: 2.5rem;
  padding: 0.6rem;
  position: relative;
}

.vital_toggle button.selected {
  background-color: #4357BC !important;
}

.vital_toggle button.selected rect {
  fill: #fff;
}

.vital_toggle button.selected.spline path {
  fill: transparent !important;
}

.vital_toggle button.selected .fill-trans {
  fill: transparent !important;
}

.vital_toggle button.selected svg path {
  fill: transparent;
  stroke: #fff;
}

.vital_toggle button span {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  opacity: 1;
  right: 0;
  bottom: -30px;
  min-width: 5rem;
  transition: transform 250ms;
  padding: 0.2rem;
  z-index: 1;
}

.vital_toggle button:hover span {
  display: block;
}

.vital_toggle button span::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  right: 0.8rem;
  transform: rotate(-90deg);
  border-color: transparent transparent transparent #cdcdcd;
  border-width: 0.4rem;
  border-style: solid;
}

.vital_toggle button span::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.7rem;
  right: 0.8rem;
  transform: rotate(-90deg);
  border-color: transparent transparent transparent #fff;
  border-width: 0.4rem;
  border-style: solid;
}

.vital_tabs .nav-link {
  min-width: 8rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width:1100px) {
  .vital_tabs .nav-link {
    min-width: 7rem;
  }
}

.vital_tabs .nav-pills {
  border: 1px 2px solid #e2eef1;
}

.vital_tabs .nav-link img.active {
  display: none;
}

.vital_tabs .nav-link.active img.active {
  display: block;
}

.vital_tabs .nav-link.active img.active_d {
  display: none;
}

.vital_tabs .lab_navlink .dropdown-menu {
  transform: unset !important;
  top: 2.3rem !important;
}

.vital_tabs .lab_navlink a::after {
  content: unset;
  margin-left: 2rem;
}

.vital_tabs .lab_navlink a span {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.vital_tabs .lab_navlink .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0;
}

.precaution_type .pain_reaction {
  background-color: #F7F8FC;
  color: #4357BC;
  min-width: 7rem;
  width: unset;
  border-radius: 20px;
  border: 1px solid #4357BC;
  padding: 0.4rem 1rem !important;
}

.precaution_type .pain_reaction p {
  color: #4357BC;
}

.precaution_type .pain_reaction span {
  display: none;
  position: absolute;
  left: 0.6rem;
  width: 7px;
  min-width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
}

.precaution_type .pain_reaction.active span {
  display: block;
  background: #EB6247;
}

.precaution_type .pain_reaction.active {
  background-color: #FCEBE8 !important;
  border: 1px solid #FAD8D1 !important;
}

.precaution_type .pain_reaction.active p {
  color: #EB6247 !important;
}

.lab_tree_view .treeview-container {
  /* margin-top: 15px;
  border: 1px solid #B4DDE4 !important;
  padding: 1rem;
  border-radius: 0.5rem; */
}

.lab_tree_view .treeview-container::-webkit-scrollbar {
  width: 0;
}

.lab_tree_view .treeview-container .row-item {
  display: flex;
  align-items: center;
}

.lab_tree_view .treeview-item {
  margin-top: 0.3rem;
}

.lab_tree_view .treeview-item>.form-inline.row-item {
  /* background-color: pink; */
  min-height: 2.3rem;
}

.lab_tree_view .treeview-item ngx-treeview-item:nth-child(even) .treeview-item {
  background-color: #f2f4ff;
  border-radius: 0.5rem;
}

.lab_tree_view .treeview-item>.form-inline.row-item .form-check_bg {
  background-color: #f2f2f2;
  /* background-color: #daeef1; */
  padding-left: 0;
}

.lab_tree_view .treeview-item>.form-inline.row-item.active .form-check_bg {
  background-color: #daeef1;
}

.lab_tree_view .treeview-item>.form-inline.row-item .form-check_bg .form-check-label {
  color: #358796;
  font-weight: 500;
}

.lab_tree_view .treeview-container .row-item button {
  padding: 0;
}

.lab_tree_view .treeview-item>.form-inline.row-item>button svg {
  width: 1rem;
  min-height: 1.3rem;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding: 0.5rem;
}

.lab_tree_view .treeview-item>.form-inline.row-item.active>button svg {
  background-color: #daeef1;
}

.lab_tree_view .treeview-container .row-item button svg path {
  fill: #368796;
}

.lab_tree_view .treeview-container .row-item .form-check-label {
  white-space: nowrap;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #636869;
}

.lab_tree_view .treeview-container .row-item .form-check {
  margin-bottom: 0;
  width: 100%;
  min-height: 2.3rem;
  display: flex;
  align-items: center;
  /* flex-direction: row-reverse; */
  justify-content: space-between;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding-left: 0.5rem;
  /* border-bottom: 1px solid #e6e6e6 */
}

.lab_tree_view .treeview-container .row-item .form-check .form-check-input[type=checkbox] {
  margin-right: 0.5rem;
  display: none;
}


.dentalscreen .modal-body {
  /* height: calc(100vh - 10rem);
  overflow: auto; */
}

.elderteeth_tab .teeth_container {
  /* background-image: url(../images/dental/dental_img.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  height: 450px;
  position: relative;
  transform: scale(0.9);
}

.elderteeth_tab .teeth_container .teeth_room {
  width: 275px;
  width: 290px;
  height: 100%;
  position: absolute;
  /* background: #ffc0cb91; */
}

.elderteeth_tab .teeth_container .lines .upperRighttext {
  position: absolute;
  left: 22%;
  top: 15%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.elderteeth_tab .teeth_container .lines .upperLefttext {
  position: absolute;
  left: 65%;
  top: 15%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.elderteeth_tab .teeth_container .lines .lowerRighttext {
  position: absolute;
  bottom: 24%;
  left: 22%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.elderteeth_tab .teeth_container .lines .lowerLefttext {
  position: absolute;
  bottom: 24%;
  left: 65%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.elderteeth_tab .teeth_container .teeth_room .teeth {
  position: absolute;
  cursor: pointer;
  transition: all 500ms ease-in-out;
}

.elderteeth_tab .teeth_container .teeth_room .teeth:hover svg {
  transform: scale(1.05);
}

.elderteeth_tab .teeth_container .teeth_room .teeth.active svg {
  transform: scale(1.05);
}

.elderteeth_tab .teeth_container .teeth_room .teeth:hover svg path {
  fill: #EB6247;
  stroke: #EB6247;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.active svg path {
  fill: #EB6247;
  stroke: #EB6247;
}

.elderteeth_tab .teeth_container .teeth_room .teeth p {
  color: #00AEEF;
  margin: 0;
  font-size: 0.8rem !important;
}

/* UPPER LEFT */
.elderteeth_tab .teeth_container .teeth_room .teeth.ul_8 {
  left: 1rem;
  top: 10.9rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_8 p {
  margin-left: 6px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_7 {
  left: 1.3rem;
  top: 8.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_7 p {
  margin-left: 8px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_6 {
  left: 1.8rem;
  top: 6.3rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_6 p {
  margin-left: 6px;
  margin-top: 10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_5 {
  left: 2.5rem;
  top: 5rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_5 p {
  margin-left: 6px;
  margin-bottom: -10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_4 {
  left: 3.1rem;
  top: 3.4rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_4 p {
  margin-left: 6px;
  margin-bottom: -12px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_3 {
  left: 4rem;
  top: 1.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_3 p {
  margin-left: 6px;
  margin-bottom: -25px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_2 {
  left: 5.3rem;
  top: 0.6rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_2 p {
  margin-left: 3px;
  margin-bottom: -43px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_1 {
  left: 6.6rem;
  top: 0rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ul_1 p {
  margin-left: -8px;
  margin-bottom: -50px;
}

/* UPPER RIGHT */
.elderteeth_tab .teeth_container .teeth_room .teeth.ur_8 {
  right: 1rem;
  top: 10.9rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_8 p {
  margin-right: 6px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_7 {
  right: 1.3rem;
  top: 8.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_7 p {
  margin-right: 8px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_6 {
  right: 1.8rem;
  top: 6.3rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_6 p {
  margin-right: 6px;
  margin-top: 10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_5 {
  right: 2.5rem;
  top: 5rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_5 p {
  margin-right: 6px;
  margin-bottom: -10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_4 {
  right: 3.1rem;
  top: 3.4rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_4 p {
  margin-right: 6px;
  margin-bottom: -12px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_3 {
  right: 4rem;
  top: 1.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_3 p {
  margin-right: 6px;
  margin-bottom: -25px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_2 {
  right: 5.3rem;
  top: 0.6rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_2 p {
  margin-right: 3px;
  margin-bottom: -43px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_1 {
  right: 6.6rem;
  top: 0rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.ur_1 p {
  margin-right: -8px;
  margin-bottom: -50px;
}

/* LOWER LEFT */
.elderteeth_tab .teeth_container .teeth_room .teeth.bl_8 {
  left: 1rem;
  bottom: 10.9rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_8 p {
  margin-left: 6px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_7 {
  left: 1.3rem;
  bottom: 8.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_7 p {
  margin-left: 8px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_6 {
  left: 1.8rem;
  bottom: 6.3rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_6 p {
  margin-left: 6px;
  margin-bottom: 10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_5 {
  left: 2.5rem;
  bottom: 5rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_5 p {
  margin-left: 6px;
  margin-top: -10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_4 {
  left: 3.1rem;
  bottom: 3.4rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_4 p {
  margin-left: 6px;
  margin-top: -12px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_3 {
  left: 4rem;
  bottom: 1.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_3 p {
  margin-left: 6px;
  margin-top: -25px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_2 {
  left: 5.3rem;
  bottom: 0.6rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_2 p {
  margin-left: 3px;
  margin-top: -43px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_1 {
  left: 6.6rem;
  bottom: 0rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.bl_1 p {
  margin-left: -8px;
  margin-top: -50px;
}

/* LOWER RIGHT */
.elderteeth_tab .teeth_container .teeth_room .teeth.br_8 {
  right: 1rem;
  bottom: 10.9rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_8 p {
  margin-right: 6px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_7 {
  right: 1.3rem;
  bottom: 8.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_7 p {
  margin-right: 8px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_6 {
  right: 1.8rem;
  bottom: 6.3rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_6 p {
  margin-right: 6px;
  margin-top: 10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_5 {
  right: 2.5rem;
  bottom: 5rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_5 p {
  margin-right: 6px;
  margin-top: -10px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_4 {
  right: 3.1rem;
  bottom: 3.4rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_4 p {
  margin-right: 6px;
  margin-top: -12px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_3 {
  right: 4rem;
  bottom: 1.7rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_3 p {
  margin-right: 6px;
  margin-top: -25px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_2 {
  right: 5.3rem;
  bottom: 0.6rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_2 p {
  margin-right: 3px;
  margin-top: -43px;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_1 {
  right: 6.6rem;
  bottom: 0rem;
}

.elderteeth_tab .teeth_container .teeth_room .teeth.br_1 p {
  margin-right: -8px;
  margin-top: -50px;
}

/* BABY TEETH */
.babyteeth_tab .teeth_container {
  /* background-image: url(../images/dental/babydental_img.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%; */
  height: 450px;
  position: relative;
  transform: scale(0.9);
}

.babyteeth_tab .teeth_container .teeth_room {
  width: 285px;
  /* width: 272px; */
  height: 350px;
  position: absolute;
}

.babyteeth_tab .teeth_container .teeth_room .teeth {
  position: absolute;
  cursor: pointer;
  transition: all 500ms ease-in-out;
}

.babyteeth_tab .teeth_container .teeth_room .teeth:hover svg {
  transform: scale(1.05);
}

.babyteeth_tab .teeth_container .teeth_room .teeth.active svg {
  transform: scale(1.05);
}

.babyteeth_tab .teeth_container .teeth_room .teeth:hover svg path {
  fill: #EB6247;
  stroke: #EB6247;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.active svg path {
  fill: #EB6247;
  stroke: #EB6247;
}

/* .babyteeth_tab .teeth_container .lines .uppertext{
  position: absolute;
  top: 2.5rem;
  color: #4357BC;
  font-size: 0.875rem;
  font-weight: 500;
}
.babyteeth_tab .teeth_container .lines .lowertext{
  position: absolute;
  bottom: 2.5rem;
  color: #4357BC;
  font-size: 0.875rem;
  font-weight: 500;
} */
.babyteeth_tab .teeth_container .lines .upperRighttext {
  position: absolute;
  left: 22%;
  top: 24%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.babyteeth_tab .teeth_container .lines .upperLefttext {
  position: absolute;
  left: 65%;
  top: 24%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.babyteeth_tab .teeth_container .lines .lowerRighttext {
  position: absolute;
  bottom: 24%;
  left: 22%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.babyteeth_tab .teeth_container .lines .lowerLefttext {
  position: absolute;
  bottom: 24%;
  left: 65%;
  color: #4357BC;
  font-size: 1.375rem;
  font-weight: 500;
}

.babyteeth_tab .teeth_container .teeth_room .teeth p {
  color: #00AEEF;
  margin: 0;
  font-size: 0.8rem !important;
}

/* UPPER LEFT */
.babyteeth_tab .teeth_container .teeth_room .teeth.ul_5 {
  left: 1.8rem;
  top: 7.1rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_5 p {
  margin-left: 6px;
  margin-bottom: -10px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_4 {
  left: 2.5rem;
  top: 5.3rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_4 p {
  margin-left: 6px;
  margin-bottom: -12px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_3 {
  left: 3.5rem;
  top: 3.2rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_3 p {
  margin-left: 6px;
  margin-bottom: -25px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_2 {
  left: 4.9rem;
  top: 1.9rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_2 p {
  margin-left: 3px;
  margin-bottom: -43px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_1 {
  left: 6.4rem;
  top: 1.3rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ul_1 p {
  margin-left: -8px;
  margin-bottom: -50px;
}

/* UPPER RIGHT */
.babyteeth_tab .teeth_container .teeth_room .teeth.ur_5 {
  right: 1.8rem;
  top: 7.1rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_5 p {
  margin-right: 6px;
  margin-bottom: -10px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_4 {
  right: 2.5rem;
  top: 5.3rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_4 p {
  margin-right: 6px;
  margin-bottom: -12px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_3 {
  right: 3.5rem;
  top: 3.2rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_3 p {
  margin-right: 6px;
  margin-bottom: -25px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_2 {
  right: 4.9rem;
  top: 1.9rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_2 p {
  margin-right: 3px;
  margin-bottom: -43px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_1 {
  right: 6.4rem;
  top: 1.3rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.ur_1 p {
  margin-right: -8px;
  margin-bottom: -50px;
}

/* LOWER LEFT */
.babyteeth_tab .teeth_container .teeth_room .teeth.bl_5 {
  left: 1.8rem;
  bottom: 7.1rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_5 p {
  margin-left: 6px;
  margin-top: -10px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_4 {
  left: 2.5rem;
  bottom: 5.4rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_4 p {
  margin-left: 6px;
  margin-top: -12px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_3 {
  left: 3.4rem;
  bottom: 3.5rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_3 p {
  margin-left: 6px;
  margin-top: -25px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_2 {
  left: 4.8rem;
  bottom: 2.1rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_2 p {
  margin-left: 3px;
  margin-top: -43px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_1 {
  left: 6.4rem;
  bottom: 1.3rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.bl_1 p {
  margin-left: -8px;
  margin-top: -50px;
}

/* LOWER RIGHT */
.babyteeth_tab .teeth_container .teeth_room .teeth.br_5 {
  right: 1.8rem;
  bottom: 7.1rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_5 p {
  margin-right: 6px;
  margin-top: -10px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_4 {
  right: 2.5rem;
  bottom: 5.4rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_4 p {
  margin-right: 6px;
  margin-top: -12px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_3 {
  right: 3.4rem;
  bottom: 3.5rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_3 p {
  margin-right: 6px;
  margin-top: -25px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_2 {
  right: 4.8rem;
  bottom: 2.1rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_2 p {
  margin-right: 3px;
  margin-top: -43px;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_1 {
  right: 6.4rem;
  bottom: 1.3rem;
}

.babyteeth_tab .teeth_container .teeth_room .teeth.br_1 p {
  margin-right: -8px;
  margin-top: -50px;
}

.lab-test_graph {
  /* height: 300px !important; */
}

.approvaltable .status {
  padding: 0.2rem 1rem;
  min-width: 10rem;
  justify-content: center;
  border-radius: 24px;
  display: inline-flex;
}

.approvaltable .status p {
  width: 100%;
  text-align: center;
}

.approvaltable .status.green {
  border: 1px solid #66CB4D;
  background: #AAE29C;
}

.approvaltable .status.green p {
  color: #372;
}

.approvaltable .status.partial {
  border: 1px solid #89D161;
  background: #D3EEC4;
}

.approvaltable .status.partial p {
  color: #4C8F0A;
}

.approvaltable .status.red {
  border: 1px solid #F57F7F;
  background: #F9B0B0;
}

.approvaltable .status.red p {
  color: #D51010;
}

.approvaltable .status.info {
  border: 1px solid #F2CD4A;
  background: #F9E7A8;
}

.approvaltable .status.info p {
  color: #8C700D;
}

.approvaltable table {
  border: unset;
}

.approvaltable table th {
  border-bottom: 1px solid #CACDCE;
}

.approvaltable table td {
  border-bottom: unset;
}

.approvaltable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.75rem;
}

.approvaltable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.75rem;
}

.approvaltable .info_tooltip .tooltip {
  bottom: unset !important;
  top: 1.6rem;
  right: 5rem;
  width: 20rem;
}

.surgery_table table th {
  padding: 0.5rem 0.35rem !important;
}

.surgery_table table td {
  padding: 0.2rem 0.35rem !important;
}

.lab_panic_design .headertoggle_bottom_radius {
  background-color: #FBFDFE !important;
}

.lab_panic_design .card-style-1-border {
  border-color: #CACDCE !important;
}

.dash_btns .btn-main-outline.active {
  background-color: #6677CC;
  border-color: #6677CC;
  color: #F7F8FC !important;
}

.panic_lab_btn {
  position: relative;
}

.sub-heading .panic_lab_btn span {
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
}

.panic_lab_btn span {
  /* position: absolute;
  right: -0.5rem;
  top: -1rem; */
  min-width: 16px !important;
  height: 16px;
  border-radius: 50% !important;
  padding: 0 !important;
  background: #43A9BC;
  color: #fff;
  font-size: 0.675rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panic_lab_btn.active span {
  background: #fff;
  color: #43A9BC;
}

.labpanic_toggle table {
  border-radius: 0.75rem;
}

/* .lab_panic_design .legend_line {
  width: 100%;
  border-radius: 0.75rem;
} */
/* .lab_panic_design .legend_line.panic {
  box-shadow: 0 -0.04rem 0rem #ff6868;
  border: 1px solid #ff6868;
}
.lab_panic_design .legend_line.abnormal {
  box-shadow: 0 -0.04rem 0rem #f2bd5ce8;
  border: 1px solid #f2bd5ce8;
}
.lab_panic_design .legend_line.ReferalNewRequest {
  box-shadow: 0 -0.04rem 0rem #f7e1f1;
  border: 0px solid #f7e1f1;
}
.lab_panic_design .legend_line.ReferalAccepted {
  box-shadow: 0 -0.04rem 0rem #d6ead8;
  border: 0px solid #d6ead8;
}
.lab_panic_design .legend_line.ReferalRejected {
  box-shadow: 0 -0.04rem 0rem #e7cbd0;
  border: 0px solid #e7cbd0;
} */


.lab_panic_design .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: .1rem 0.5rem;
  font-size: 0.75rem;
}

.lab_panic_design .legend_line.panic span {
  background-color: #ff6868;
}

.lab_panic_design .legend_line.abnormal span {
  background-color: #f2bd5ce8;
}

.lab_panic_design .legend_line.ReferalNewRequest span {
  background-color: #e48bcc;
}

.lab_panic_design .legend_line.ReferalAccepted span {
  background-color: #0cd220;
}

.lab_panic_design .legend_line.ReferalRejected span {
  background-color: #dd4b65;
}


.lab_panic_design .inline_legend.ReferalNewRequest span {
  background-color: #e48bcc;
}

.lab_panic_design .inline_legend.NewReferal span {
  background-color: #e48bcc;
}

.lab_panic_design .inline_legend.ReferalAccepted span {
  background-color: #0cd220;
}

.lab_panic_design .inline_legend.ReferalRejected span {
  background-color: #dd4b65;
}

.lab_panic_design .inline_legend.ASAPRoutinee span {
  background-color: #EBBDAD;
}

.lab_panic_design .col_footer {
  border-radius: 0 0 0.7rem 0.7rem;
}

.lab_panic_design.lab_panic_design_height {
  height: calc(100vh - 17.2rem);
  overflow: auto;
}

.lab_panic_design.lab_panic_design_height::-webkit-scrollbar {
  width: 0;
}

.lab_panic_design .lab_panic_design_height {
  height: calc(100vh - 10.6rem);
  overflow: auto;
}

.lab_panic_design .lab_panic_design_height::-webkit-scrollbar {
  width: 0;
}

/* .labpanic_toggle table th:first-child{
  border-top-left-radius: 0.75rem;
}
.labpanic_toggle table thead {
  border-top-left-radius: 0.75rem;
}
.labpanic_toggle table thead tr:first-child{
  border-top-left-radius: 0.75rem;
}
.labpanic_toggle table th:last-child{
  border-top-right-radius: 0.75rem;
} */
.panic_ack_btn button {
  border-radius: 0.75rem 0.75rem 0 0;
  border-bottom: 0;
}

.human_body-container {
  width: 30%;
  margin: 0 auto;
}

.human_body-container .body_img {
  /* height: calc(100vh - 20rem); */
}

@media screen and (min-width:1500px) {
  .onloadModal .modal-body {
    width: 86%;
    margin: 0 auto;
  }
}

@media screen and (max-width:1500px) and (min-width:1300px) {
  .onloadModal .modal-body {
    width: 93%;
    margin: 0 auto;
  }
}

.onloadModal {
  background-image: url(../images/bed-board-bg.png);
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.onloadModal .nav .nav-link {
  padding: 0.275rem 0.55rem;
  font-size: 0.75rem;
}

@media screen and (max-width:1400px) {
  .onloadModal .nav .nav-link {
    font-size: 0.75rem;
  }
}

.onloadModal .onload_header {
  border-radius: 18px;
  background: #fff;
  border: 1px solid #5aaab8;
  box-shadow: 0px 2px 16px 0px rgba(65, 115, 124, 0.40);
  background-image: url(../images/Rectangle_header.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.onloadModal .onload_header .dc_name p {
  color: #555;
  /* color: #6677CC; */
}

.onloadModal .onload_header .dc_name h5 {
  color: #33808E;
}

.onloadModal .onload_header .user-details p {
  font-size: 0.875rem;
  white-space: nowrap;
}

.onloadModal_wrap {
  /* height: calc(100vh - 18rem); */
  overflow: auto;
}

.onloadModal_wrap::-webkit-scrollbar {
  width: 0;
}

@media screen and (max-width:991px) {
  .onloadModal_wrap {
    flex-wrap: wrap;
  }
}

.onloadModal .onloadModal_card {
  border-radius: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 1rem 0.5rem;
  height: 16rem;
  /* height: 440px; */
  /* height: calc(100vh - 15rem); */
  /* width: 33%; */
}

@media screen and (max-width:1450px) {
  .onloadModal .onloadModal_card {
    height: 18rem;
  }
}

@media screen and (max-width:991px) {
  .onloadModal .onloadModal_card {
    width: 100%;
    height: unset;
  }
}

.dash_tabs .nav-link {
  font-size: 0.875rem;
}

.onloadModal .inpatient_card {
  background-image: url(../images/op-BG.png);
  border-radius: 24px;
  border: 2px solid #EBBE2B;
  box-shadow: 0px 12px 16px -10px rgba(124, 100, 65, 0.60);
}

.onloadModal .outpatient_card {
  background-image: url(../images/ip-BG.png);
  border-radius: 24px;
  border: 2px solid var(--primary-300, #8ECBD7);
  box-shadow: 0px 12px 16px -10px rgba(65, 115, 124, 0.60);
}

.onloadModal .emergency_card {
  background-image: url(../images/emer-BG.png);
  border-radius: 24px;
  border: 2px solid #DFA69B;
  box-shadow: 0px 12px 16px -10px rgba(124, 65, 65, 0.60);
}

/* .onloadModal::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgb(255 255 255 / 65%);
  backdrop-filter: blur(8px);
} */
.onloadModal .onloadModal_card p {
  letter-spacing: 1.4px;
}

.onloadModal .onloadModal_card.outpatient_card p {
  color: #368796;
}

.onloadModal .onloadModal_card.inpatient_card p {
  color: #C69906;
}

.onloadModal .onloadModal_card.emergency_card p {
  color: #EB6247;
}

.onloadModal .cardcount {
  border-radius: 40px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
  min-width: 5rem;
  padding: 0.4rem 1rem;
  text-align: center;
  color: #fff;
  margin-top: -3rem;
}

.onloadModal .inpatient_card span {
  background: #EB9007;
}

.onloadModal .inpatient_card .wardcount {
  max-height: 16rem;
  overflow: auto;
  border-radius: 1rem;
  border: 1px solid #DDDCD8;
  background: rgba(255, 255, 255, 0.65);
}

.onloadModal .inpatient_card button {
  border-radius: 40px;
  border: 1px solid #8ECBD7;
  background: #ECF6F8;
  color: #286571;
  padding: 0.3rem 0.6rem;
  font-size: 0.65rem;
  width: 100%;
  font-weight: 600;
}

.onloadModal .inpatient_card button p {
  white-space: nowrap;
  color: #234e51 !important;
  font-size: 0.65rem;
  /* width: 85%; */
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}

.onloadModal .inpatient_card button:hover {
  background-color: #368796;
}

.onloadModal .inpatient_card button:hover p {
  color: #fff !important;
}

.onloadModal .inpatient_card button .tooltip {
  top: 1.7rem;
  bottom: unset;
  min-width: 100%;
}

.onloadModal .inpatient_card button .tooltip p {
  color: #234e51 !important;
  white-space: unset;
}

.onloadModal .inpatient_card button .wardcountspan {
  border-radius: 40px;
  background: #FAD96B;
  padding: 0.1rem 0.5rem;
  font-size: 0.6rem;
  color: #947305 !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.onloadModal .outpatient_card .wardcountspan {
  background: #368796;
}

.onloadModal .emergency_card .wardcountspan {
  background: #EB6247;
}

.onloadModal .outpatient_card .cardcount {
  background: #368796;
}

.onloadModal .emergency_card .cardcount {
  background: #EB6247;
}

.fill-pink {
  fill: #d383c5 !important;
}

.fill-blue {
  fill: #0885CA !important;
}

.bed-board .bed-details .bed-board-strip {
  position: absolute;
  border-right: 40px solid transparent;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-bottom: 80px solid red;
  border-top: 0;
  transform: rotate(72deg);
  left: -2rem;
  top: -2rem;
  animation: bg-animate 1s infinite;
}

@keyframes bg-animate {
  0% {
    border-bottom-color: #CA96FE;
  }

  25% {
    border-bottom-color: #8f68b6;
  }

  50% {
    border-bottom-color: #CA96FE;
  }

  75% {
    border-bottom-color: #844eba;
  }

  100% {
    border-bottom-color: #CA96FE;
  }
}

.fill-METCALL {
  fill: #CA96FE !important;
  animation-name: bg-animate;
  animation-duration: 4s;
}

.METCALLtxt {
  transform: rotate(-117deg);
  position: absolute;
  top: 60px;
  right: 65px;
  left: 30px;
  color: #CA96FE;
  bottom: 10px;
  animation: change 1s infinite;
  font-size: 15px;
}

@keyframes change {
  0% {
    color: #CA96FE;
  }

  25% {
    color: #8f68b6;
  }

  50% {
    color: #CA96FE;
  }

  75% {
    color: #844eba;
  }

  100% {
    color: #CA96FE;
  }
}

.facilityMenu .modal-dialog {
  width: 60%;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

.facilityMenu .modal-content {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.facilityMenu .modal-body {
  border: 1px solid #B4DDE4;
  border-radius: 0.75rem;
}

.facilityMenu .accordion-item {
  border: unset;
  background-color: #FBFDFE;
}

.facilityMenu .accordion-item.border-radius-0 {
  border-radius: 0 !important;
}

.facilityMenu .accordion-item .accordion-body {
  border-top: 1px solid #8ECBD7;
  padding: 1rem;
}

.facilityMenu .accordion-item .accordion-item {
  border: unset;
  border-radius: unset;
}

.facilityMenu .accordion-item .accordion-header {
  margin-bottom: 0.25rem;
}

.facilityMenu .accordion-item .accordion-button {
  background-color: #B4DDE4;
  color: #368796;
  border-radius: 0.5rem;
}

.facilityMenu .accordion-item .accordion-button:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.facilityMenu .accordion-item .accordion-button::after {
  background-image: url("../../Assets/images/icons/arrow-down-fill.svg");
}

.facilityMenu .accordion-item .accordion-button.collapsed {
  background-color: #DAEEF1;
  border-radius: 0.5rem;
  color: #368796;
  font-size: 1rem;
}

.facilityMenu .accordion-item .accordion-button.collapsed:focus {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.facilityMenu .accordion-item .accordion-body {
  border: unset;
  padding: 0.75rem 1rem;
}

.facilityMenu .accordion-item .accordion-body a {
  display: block;
  color: #368796;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  font-size: 0.845rem;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.facilityMenu .accordion-item .accordion-body a:hover {
  /* -webkit-transform: translateX(0.65rem);
          transform: translateX(0.65rem); */
  padding-left: 1.5rem;
  color: #286571;
}

.facilityMenu .accordion-item .accordion-body a.active {
  text-decoration: underline;
  font-weight: 500;
  color: #286571;
}

.lab_trending .graph_row {
  min-height: 10rem;
}

.ipVitalgraph table td {
  border-bottom: 1px solid #e2e0e0;
}

.ipVitalgraph table tr:last-child td {
  border-bottom: unset;
}

.bed_status {
  border: 1px solid #69BAC9;
  border-radius: 20px;
  padding: 0.2rem 1rem;
}

.bed_status:hover .dropdown-menu {
  display: block;
}

@media screen and (max-width:991px) {
  .bed_status {
    padding: 0.2rem 0.6rem;
  }
}

.bedstatus_li {
  list-style: none;
}

.bedstatus_li::before {
  content: '';
  display: block;
  background-image: url('../images/icons/arrow-down.svg');
  background-size: 100%;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  margin-top: 0.3rem;
  cursor: pointer;
}

.bedstatus_li .dropdown-menu {
  right: -1rem;
  top: 1.5rem;
  min-width: 15rem;
}

.bedstatus_li .dropdown-menu li .legend {
  width: 0.6rem;
  min-width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

.bedstatus_li .count {
  background: #d94242;
  color: #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}

.color-highlight {
  color: chocolate !important;
  font-weight: bold;
}

.color-highlightKPI {
  color: #DD0303 !important;
  font-weight: bold;
}

.scores_legends {
  position: absolute;
  bottom: -0.6rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  width: 100%;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #43A9BC;
}

.scores_legends label {
  font-size: 0.75rem;
  font-weight: 500;
  margin: 0;
  margin-right: 0.5rem;
  color: #357D83;
}

.scores_legends span {
  font-size: 0.95rem;
  font-weight: 600;
  color: #357D83;
}

.scores_legends .legend {
  display: block;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
}

.scores_legends span.legend_4 {
  background-color: #fff;
  box-shadow: 0 0 3px 2px #ddd;
}

.scores_legends span.legend_0 {
  background-color: #faf9c9;
}

.scores_legends span.legend_1 {
  background-color: #efd9b4;
}

.scores_legends span.legend_2 {
  background-color: #f3d9dc;
}

.scores_legends span.legend_3 {
  background-color: #d9c4ef;
}

.VitalScoreNone {
  border: 1px solid #43A9BC;
  border-radius: 0.75rem;
  border-left: 4px solid #43A9BC !important;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.VitalScore0 {
  border: 1px solid #43A9BC;
  border-radius: 0.75rem;
  border-left: 6px solid rgb(254, 254, 254) !important;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.VitalScore1 {
  border: 1px solid #43A9BC;
  border-radius: 0.75rem;
  border-left: 6px solid rgb(249 249 201) !important;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.VitalScore2 {
  border: 1px solid #43A9BC;
  border-radius: 0.75rem;
  border-left: 6px solid rgb(239 217 181) !important;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.VitalScore3 {
  border: 1px solid #43A9BC;
  border-radius: 0.75rem;
  border-left: 6px solid rgb(243 216 220) !important;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

.VitalScoreMETCALL {
  border: 1px solid #43A9BC;
  border-radius: 0.75rem;
  border-left: 6px solid rgb(217 196 239) !important;
  box-shadow: 0px 4px 4px #ebeded;
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
}

/* PROGREE NOTES  */
.notes_type_row {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
  padding: 0.875rem;
  height: calc(100vh - 19rem);
  overflow: auto;
}

.notes_type_row::-webkit-scrollbar {
  width: 0;
}

.notes_type_row label {
  white-space: nowrap;
  font-size: 0.875rem;
  color: #357D83;
  font-weight: 500;
}

.notes_type_row input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* .notes_type_row button {
  border-radius: 0.375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
} */

.notes_type_row .input-group {
  flex-wrap: unset;
}

.notes_type_row .choose_type {
  text-align: right;
  padding: 0.8rem 0;
}

@media screen and (max-width: 1199px) {
  .notes_type_row .choose_type {
    text-align: left;
  }
}

.notes_type_row .note_box {
  border-radius: 0.375rem;
  margin: 0.5rem 0;
  border: 1px solid #ced4da;
  height: 100%;
}

.notes_type_row .note_box .objectives_note_box {
  border: 1px solid #ced4da;
}

.notes_type_row .note_box .note_header {
  background-color: #DAEEF1;
  padding: 0.8rem;
  border-radius: 0.375rem 0.375rem 0 0;
  padding-right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.notes_type_row .note_box h5 {
  color: #368796;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0;
  display: inline-block;
}

.notes_type_row .note_box h5[required] {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 0L3.88168 1.78647L5.85317 2.07295L4.42658 3.46353L4.76336 5.42705L3 4.5L1.23664 5.42705L1.57342 3.46353L0.146831 2.07295L2.11832 1.78647L3 0Z' fill='%23EB6247'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 100% top;
  padding-right: 0.5rem;
}

.notes_type_row .note_box textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /*border: 0;*/
  resize: none;
  border: unset;
  border-top: unset;
  width: 100% !important;
  box-shadow: unset !important;
}

.classBorder {
  border: 1px solid rgb(162, 173, 181);
  -o-border-image: none;
  border-image: none;
  width: 10%;
  font-size: 11.5px;
  font-weight: bold;
  white-space: nowrap;
}

.viewNotemodal .modal-dialog {
  max-width: 80%;
}

@media (max-width: 1300px) {
  .viewNotemodal .modal-dialog {
    max-width: 90%;
  }
}

.viewNotemodal .modal-dialog .filterbtns {
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  .viewNotemodal .modal-dialog .filterdates {
    flex-wrap: wrap;
  }
}

.viewNotemodal .modal-dialog .filterdates label {
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 0;
}

.viewNotemodal .modal-dialog .viewTable {
  max-height: calc(100vh - 245px);
  overflow-y: auto;
  min-height: 50vh;
}

/* .viewNotemodal .modal-dialog .viewTable::-webkit-scrollbar {
  width: 0px;
} */

.viewNotemodal .modal-dialog .viewTable::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.viewNotemodal .modal-dialog .viewTable::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

.viewNotemodal .modal-dialog .viewTable::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

@media (max-width: 1300px) {
  .viewNotemodal .modal-dialog table th {
    font-size: 0.65rem;
  }
}

.viewNotemodal .modal-dialog table td {
  white-space: unset;
}

@media (max-width: 1300px) {
  .viewNotemodal .modal-dialog table td {
    font-size: 0.65rem;
  }
}

.viewNotemodal .modal-dialog table td button {
  font-size: 0.75rem;
}

@media (max-width: 1300px) {
  .viewNotemodal .modal-dialog table td button {
    font-size: 0.65rem;
  }
}

.viewNotemodal .choose_type table tr td {
  padding: 0.5rem 0.25rem !important;
}

.viewNotemodal .choose_type .form-check-label {
  display: flex;
}

.active_wounds_header h6 span {
  border-radius: 12px;
  padding: 0.2rem 1.2rem;
}

.active_wounds_row {
  border: 1px solid #EBEBEB;
  background: #FCFCFC;
  cursor: pointer;
  height: 2.5rem;
}

.active_wounds_row:hover {
  border: 1px solid #A3D6D9;
  background: #ECF6F8;
  box-shadow: 0px 4px 7px 0px rgba(35, 93, 103, 0.15);
}

.active_wounds_row .slno {
  border-radius: 50%;
  background: #DAEEF1;
  width: 2rem;
  height: 2rem;
}

.active_wounds_row:hover .slno {
  border-radius: 16px;
  background: #B4DDE4;
}

.active_wounds_row .actions {
  display: none;
}

.active_wounds_row:hover .actions {
  display: flex;
}

.wound-det_card .card-header h6 {
  color: #1B444B;
}

.wound-det_card .card-header span.count {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ECF6F8;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  padding: 10px;
  font-size: 0.875rem;
  color: #368796;
}

.wound-det_card .card-header span.sub_count {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #368796;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  padding: 10px;
  font-size: 0.875rem;
  color: #DAEEF1;
}

.wound-det_card .grade button:hover,
.wound-det_card .grade button.active {
  background-color: #69BAC9;
  color: #ECF6F8;
  border: 1px solid #69BAC9;
}

.wound-det_card .debri button:hover,
.wound-det_card .debri button.active {
  background-color: #69BAC9;
  color: #ECF6F8;
  border: 1px solid #69BAC9;
}

.upload_file {
  border: 1px solid #DAEEF1;
  width: 10rem;
  min-width: 10rem;
  height: 9rem;
  cursor: pointer;
}

.wound-det_card .card-header span.push_score {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #69BAC9;
  border-radius: 40px;
  width: 2.7rem;
  height: 2rem;
  padding: 10px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #1B444B;
}

.wound_dimen_table th {
  border-right: 1px solid #69BAC9;
  border-bottom: 1px solid #69BAC9;
  background-color: #f2f2f2 !important;
  color: #313435;
  text-align: center;
}

.wound_dimen_table th:last-child {
  border-right: 0;
}

.wound_dimen_table td {
  border-right: 1px solid #69BAC9;
  border-bottom: 0;
}

.wound_dimen_table td:last-child {
  border-right: 0;
}

.wound-det_card .type_selectable p {
  background-color: #f2f2f2;
  text-align: center;
  font-weight: 500;
  font-size: 0.75rem;
  border-right: 1px solid #69BAC9;
  color: #313435;
  white-space: nowrap;
  padding: 0.6rem 0.75rem !important;
}

.wound-det_card .type_selectable button {
  background-color: #f2f2f2;
  text-align: center;
  font-weight: 500;
  font-size: 0.75rem;
  border-right: 1px solid #69BAC9;
  color: #313435;
  white-space: nowrap;
  padding: 0.6rem 0.75rem !important;
}

.wound-det_card .type_selectable .redclr:hover,
.wound-det_card .type_selectable .redclr.active {
  color: #fff !important;
  background-color: red !important;
}

.wound-det_card .type_selectable .yellowclr:hover,
.wound-det_card .type_selectable .yellowclr.active {
  color: #000 !important;
  background-color: Yellow !important;
}

.wound-det_card .type_selectable .whiteclr:hover,
.wound-det_card .type_selectable .whiteclr.active {
  color: #000 !important;
  background-color: white !important;
}

.wound-det_card .type_selectable .greenclr:hover,
.wound-det_card .type_selectable .greenclr.active {
  color: #fff !important;
  background-color: green !important;
}

.wound-det_card .type_selectable .brownclr:hover,
.wound-det_card .type_selectable .brownclr.active {
  color: #fff !important;
  background-color: brown !important;
}

.wound-det_card .type_selectable p:first-child {
  border-bottom-left-radius: 0.75rem;
}

.wound-det_card .type_selectable p:last-child {
  border-bottom-right-radius: 0.75rem;
}

.wound-det_card .type_selectable .col svg {
  opacity: 0.4;
}

.wound-det_card .type_selectable .col:hover svg,
.wound-det_card .type_selectable .col.active svg {
  opacity: 1;
}

.wound-det_card .type_selectable .col:hover,
.wound-det_card .type_selectable .col.active {
  background-color: #B4DDE4;
  color: #286571;
}

.clin_imp button:hover,
.clin_imp button.active {
  background-color: #368796 !important;
  color: #fff !important;
  /* font-weight:800; */
}

.day_avail button.custom_tooltip:hover {
  color: #fff !important;
}

.day_avail button.ORactive {
  background-color: #FB8C8C !important;
  color: #ECF6F8;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #FB8C8C !important;
}

.day_avail button.CDactive {
  background-color: #CECECE !important;
  color: #ECF6F8;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #CECECE !important;
}

.day_avail button.CDactive.CD_borderLeft_blue {
  border-left: 4px solid #43a9bc !important;
}

.day_avail button.CDactive.CD_borderLeft_red {
  border-left: 4px solid #ff6f56 !important
}



.day_avail button.Vaccactive {
  background-color: #FF9D6D !important;
  color: #ECF6F8;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #FF9D6D !important;
}

.day_avail button.IPRoundsactive {
  background-color: #BDBFE2 !important;
  color: #ECF6F8;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #BDBFE2 !important;
}

.day_avail button.Personalactive {
  background-color: #B99470 !important;
  color: #fff !important;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #B99470 !important;
}

.day_avail button.Visitedactive {
  background-color: #7b97d9 !important;
  color: #fff !important;
  border: 1px solid #7b97d9;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #7b97d9 !important;
}

.day_avail button.PastTimeDisable {
  background-color: #C7B7A3 !important;
  color: #fff !important;
  border: 1px solid #C7B7A3;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #C7B7A3 !important;
}

.avail_legends span.legend.PastTime {
  background-color: #C7B7A3;
  border: 1px solid #C7B7A3;
}

.day_avail button.Bookedactive {
  background-color: #4ca559 !important;
  color: #fff !important;
  border: 1px solid #4ca559;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #4ca559 !important;
}

.day_avail button.Bookedactive .tooltipHeaderbg {
  background-color: #4ca559;
}


.day_avail button.VideoBookedactive {
  background-color: #DA0C81 !important;
  color: #fff !important;
  border: 1px solid #DA0C81;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #DA0C81 !important;
}

.day_avail button.VideoBookedactive .tooltipHeaderbg {
  background-color: #DA0C81;
}

.day_avail button.OnCallBookedactive {
  background-color: #000080 !important;
  color: #fff !important;
  border: 1px solid #000080;
  pointer-events: unset !important;
  cursor: default;
  opacity: 1;
  border-color: #000080 !important;
}

.day_avail button.OnCallBookedactive .tooltipHeaderbg {
  background-color: #000080;
}




.day_avail button.ORactive .tooltipHeaderbg {
  background-color: #FB8C8C;
}

.day_avail button.CDactive .tooltipHeaderbg {
  background-color: #CECECE;
}

.day_avail button.CDactive .tooltipHeader {
  color: #CECECE !important;
}

.day_avail button.IPRoundsactive .tooltipHeader {
  color: #BDBFE2 !important;
}

.day_avail button.Personalactive .tooltipHeader {
  color: #B99470 !important;
}

.day_avail button.Vaccactive .tooltipHeader {
  color: #FF9D6D !important;
}

.day_avail .tooltip {
  bottom: unset !important;
  left: -1rem;
  /* max-width: 5rem; */
  width: 10rem;
}

.day_avail .tooltip p {
  white-space: unset !important;
}

[dir="rtl"] .day_avail .tooltip {
  direction: rtl;
}

.day_avail .custom_tooltip .tooltip::before,
.day_avail .custom_tooltip .tooltip::after {
  left: 1.8rem;
}

.clin_imp button:hover svg path:first-child,
.clin_imp button.active svg path:first-child {
  fill: #DAEEF1;
  opacity: 1;
}

.clin_imp button svg path:last-child {
  display: none;
}

.clin_imp button:hover svg path:last-child,
.clin_imp button.active svg path:last-child {
  display: block;
  fill: #368796;
}

.day_avail .clin_imp button:hover .videocall-icon svg path:last-child,
.day_avail .clin_imp button.active .videocall-icon svg path:last-child {
  fill: #fff !important;
}

.day_avail .clin_imp button.PastTimeDisable,
.day_avail .clin_imp button.ORactive,
.day_avail .clin_imp button.CDactive,
.day_avail .clin_imp button.IPRoundsactive,
.day_avail .clin_imp button.Vaccactive,
.day_avail .clin_imp button.Visitedactive,
.day_avail .clin_imp button.Personalactive,
.day_avail .clin_imp button.Bookedactive {
  border: 1px solid #C3C3C3;
}

.day_avail .clin_imp button.PastTimeDisable svg path,
.day_avail .clin_imp button.ORactive svg path,
.day_avail .clin_imp button.CDactive svg path,
.day_avail .clin_imp button.IPRoundsactive svg path,
.day_avail .clin_imp button.Vaccactive svg path,
.day_avail .clin_imp button.Visitedactive svg path,
.day_avail .clin_imp button.Personalactive svg path,
.day_avail .clin_imp button.Bookedactive svg path {
  fill: #fff !important;
}

.day_avail .clin_imp button.video_enabled {
  border: 1px solid #404DBF !important;
}


.clin_imp_btn button {
  color: #1B444B;
  background-color: #ECF6F8;
}

.clin_imp_btn button.btn:disabled {
  filter: grayscale(1);
}

.clin_imp_btn button:hover,
.clin_imp_btn button.active {
  background-color: #69BAC9;
  color: #ECF6F8;
  border: 1px solid #69BAC9 !important;
}

.addWoundModal .select_value {
  border: 1px solid #ced4da;
}

.addWoundModal .select_value select {
  border: 0 !important;
  box-shadow: unset !important;
}

.anti_bio_table {
  border: 1px solid #69BAC9;
  border-radius: 0.75rem;
}

.anti_bio_table th {
  background-color: #DAEEF1;
}

.anti_bio_table th:first-child {
  border-top-left-radius: 0.75rem;
}

.anti_bio_table th:last-child {
  border-top-right-radius: 0.75rem;
}

.anti_bio_table tr th {
  border-bottom: 1px solid #ced4da;
}

.anti_bio_table tr td {
  border-bottom: 0;
}

.anti_bio_table tr:last-child td:first-child {
  border-bottom-left-radius: 0.75rem;
}

.anti_bio_table tr:last-child td:last-child {
  border-bottom-right-radius: 0.75rem;
}

.anti_bio_table tbody {
  background-color: #fff;
}

.healing_record_table {
  border-radius: 0.75rem;
  border: 1px solid #ced4da;
}

.healing_record_table thead th {
  border-radius: 0.75rem 0.75rem 0 0;
  border-bottom: 1px solid #ced4da;
}

.healing_record_table tbody tr td:first-child {
  background-color: #ECF6F8 !important;
  width: 12%;
  text-align: center;
  font-weight: bold;
}

.healing_record_table tbody tr td {
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

.healing_record_table tbody tr:last-child td {
  border-bottom: 0;
}

.healing_record_table tbody tr td:last-child {
  border-right: 0;
}

.healing_record_table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.75rem;
}

.healing_record_table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.75rem;
}

.healing_graph_table {
  border-radius: 0.75rem;
  border: 1px solid #ced4da;
}

.healing_graph_table thead th {
  border-bottom: 1px solid #ced4da;
}

.healing_graph_table thead th:first-child {
  border-top-left-radius: 0.75rem;
}

.healing_graph_table thead th:last-child {
  border-top-right-radius: 0.75rem;
}

.healing_graph_table tbody tr td:first-child {
  background-color: #ECF6F8 !important;
  width: 4%;
  text-align: center;
  font-weight: bold;
}

.healing_graph_table tbody tr td {
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

.healing_graph_table tbody tr:last-child td {
  border-bottom: 0;
}

.healing_graph_table tbody tr td:last-child {
  border-right: 0;
}

.healing_graph_table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.75rem;
}

.healing_graph_table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.75rem;
}

.ev_assess_table table th,
.ev_assess_table table td {
  text-align: center;
}

.ev_assess_table table td:first-child {
  width: 20%;
  text-align: left;
  background-color: #ECF6F8 !important;
}

.ev_assess_table table td svg {
  cursor: pointer;
}

.ev_assess_table table td svg.active path:first-child {
  fill: #286571;
  opacity: 1;
}

.ev_assess_table table td svg.active path:last-child {
  fill: #fff;
  stroke: #fff;
}

.custom_check button:hover,
.custom_check button.active {
  background-color: #368796;
  color: #ECF6F8;
  border-color: #368796;
}

.custom_check button:hover svg path:first-child,
.custom_check button.active svg path:first-child {
  fill: #DAEEF1;
  opacity: 1;
}

.custom_check button svg path:last-child {
  display: none;
}

.custom_check button:hover svg path:last-child,
.custom_check button.active svg path:last-child {
  display: block;
}

.custom_check button:hover svg path:last-child,
.custom_check button.active svg path:last-child {
  fill: #368796;
}

.custom_check.disabled,
div.disabled {
  /* opacity: 0.5; */
  pointer-events: none;
}

.custom_check.disabledT,
div.disabledT {
  opacity: 1.1;
  pointer-events: none;
}

.bs-tooltip-auto .tooltip-inner {
  background-color: #fff !important;
  border: 1px solid #368796;
  color: #000 !important;
}

.bs-tooltip-auto .tooltip-inner * {
  color: #000 !important;
}

.bs-tooltip-auto .tooltip-arrow::before {
  border-color: #368796 transparent #368796 transparent !important;
}

.bs-tooltip-auto .tooltip-arrow::after {
  background-color: #fff !important;
}

.section__heading {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-left: 0.25rem solid #69BAC9;
  background-color: #DAEEF1;
}

.section__heading h3 {
  color: #368796;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}

.Riskscores {
  border: 1px solid #368796;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.Riskscores button {
  background: #FBFDFE;
  border: 1px solid #B4DCE4;
  box-shadow: inset 0px 0px 0.875rem #b7dfe6;
  border-radius: 0.5rem;
  width: 100%;
  padding: 0.5rem;
  height: 100%;
}

.Riskscores button:hover,
.Riskscores button:focus {
  box-shadow: inset 0px 0px 0.875rem #b7dfe6 !important;
}

.remarkBox {
  border: 2px solid #368796;
  box-shadow: 0px 5px 0px #368796, 0px 1rem 1.75rem -0.5rem #3e7b6c;
  border-radius: 0.5rem;
}

.hoverServices:hover .dropdown-menu {
  display: block;
  /* right: -2rem; */
  z-index: 1111;
}

.hoverServices .dropdown-toggle::after {
  content: '';
  display: block;
  border: unset !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313435' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  width: 0.8rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  margin-top: 0rem;
  cursor: pointer;
}

.procedureForm .table_th_light .mat-form-field-wrapper {
  display: flex;
}

.procedureForm .table_th_light .mat-form-field-infix>* {
  font-size: 0.75rem !important;
}

@media screen and (max-width:1100px) {
  .procedureForm mat-form-field {
    width: 8rem !important;
  }
}

.custom_check img.check_img {
  cursor: pointer;
  opacity: 0.4;
  height: 1.3rem;
}

.custom_check.active img.check_img {
  opacity: 1;
}

.custom_check svg.check_svg {
  cursor: pointer;
  opacity: 0.2;
}

.custom_check.active svg.check_svg {
  opacity: 1;
}

.nav-item .nav-link.active .custom_check svg.check_svg path {
  fill: #fff;
}

.last_given_field .mat-form-field-infix {
  width: 100% !important;
}

.selctIcon:hover svg circle,
.selctIcon.active svg circle {
  fill: #368796;
}

.selctIcon.active svg g {
  opacity: 1;
}

.vitals_grid .vitals .vital_block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  border: 1px solid #B4DDE4;
  border-radius: 0.5rem;
  background-color: #fff;
}

.vitals_grid .vitals .vital_block .vit {
  border-bottom: 1px solid #B4DDE4;
  border-right: 1px solid #B4DDE4;
}

.vitals_grid .vitals .header {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.vitals_grid .vital_block .bp-s p:last-child {
  color: #963687;
}

.vitals_grid .vital_block .bp-d p:last-child {
  color: #436CA7;
}

.vitals_grid .vital_block .temp p:last-child {
  color: #964536;
}

.vitals_grid .vital_block .pulse p:last-child {
  color: #558437;
}

.vitals_grid .vital_block .spo2 p:last-child {
  color: #867963;
}

.vitals_grid .vital_block .resp p:last-child {
  color: #365796;
}

.vitals_grid .vital_block .cons p:last-child {
  color: #AB3449;
}

.vitals_grid .vital_block .o2 p:last-child {
  color: #25818F;
}

.lab_test_graph {
  /* height: calc(100vh - 20rem) !important; */
  overflow: auto;
}

.inv_rad_tab-content {
  height: calc(100vh - 8rem);
}

.pateintFolderPopup .inv_rad_tab-content {
  height: calc(100vh - 17.5rem);
}

.endo_diag .card-3d-wrapper {
  box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem;
  height: 160px;
}

.status_calendar {
  /* display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  overflow: auto;
  width: 100%; */
}

.cal_card_overflow::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.status_calendar .cal_card {
  border-radius: 6px;
  border: 1px solid var(--neutral-200, #E4E6E6);
  background-color: #FFF;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.12);
  display: inline-block;
  text-align: center;
  width: 3.475rem;
  height: 2.65rem;
  /* padding: 0 0.5rem !important; */
  padding-top: 0.6rem !important;
  position: relative;
  margin: 0;
}

.status_calendar .cal_card h6 {
  color: var(--neutral-200, #E4E6E6);
  font-size: 0.75rem;
}

.status_calendar .cal_card p {
  color: #CACDCE;
  font-size: 0.6rem;
}

.status_calendar .cal_card svg {
  position: absolute;
  top: -0.4rem;
  left: 50%;
  transform: translateX(-50%);
}

.status_calendar .disable_card h6 {
  color: #CACDCE;
}

/* CALENDAR VIEW */

.calendar_view .calendar_blocks {
  display: grid;
  grid-template-columns: repeat(7, minmax(35px, 1fr));
  background-color: #fcfcfc;
}

.calendar_view .calendar_blocks .calendar_col {
  border-right: 1px solid #B4DDE4;
}

.calendar_view .calendar_blocks .calendar_col .col_head {
  background: #f4f5f5;
  border-bottom: 1px solid #d4d4d4;
  color: #368796 !important;
}

.calendar_view .calendar_blocks .calendar_col.active .col_head {
  background: #43a9bc;
  color: #fff !important;
}

.calendar_view .calendar_blocks .calendar_col.active .col_head .dose {
  background: #ECF6F8;

}

.calendar_view .calendar_blocks .calendar_col .col_head .dose {
  border-radius: 24px;
  background: #E4E6E6;
  padding: 0.4rem 0.7rem;
}

.calendar_view .col_body {
  max-height: calc(100vh - 20rem);
  overflow: auto;
  scrollbar-width: none;
}

.calendar_view .col_body::-webkit-scrollbar {
  display: none;
}

.calendar_view .col_body .col_card {
  border-radius: 4px 4px 0px 0px;
  background: #fff;
  margin-bottom: 1.3rem;
  box-shadow: 0px 8px 9px -2px rgba(13, 32, 33, 0.25);
  position: relative;
  /* display: grid; */
  border: 1px solid #ababab4f;
  padding: 0 !important;
  transition: transform 0.6s;
  /* overflow: hidden; */
  /* transform-style: preserve-3d; */
  /* min-height: 10rem; */

}

.calendar_view.drug_calendar_view .col_body .col_card:hover {
  /* transform: rotateY(180deg); */
}

.calendar_view .col_body .col_card .front_card .arrow_icon {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
}

.calendar_view .col_body .col_card .front_card,
.calendar_view .col_body .col_card .back_card {
  /* position: absolute; */
  width: 100%;
  /* height: 100%; */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.calendar_view .col_body .col_card .back_card {
  /* transform: rotateY(180deg);
  position: absolute; */
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  /* border-radius: 0.5rem; */
  background-color: #daeef1a6;
  /* box-shadow: inset 0 0px 20px #b4dde4; */
  /* overflow: auto; */
  position: relative;
  border-top: 1px dashed #368796;
}

.calendar_view .col_body .col_card.maxim .back_card {
  display: block;
}

.calendar_view .col_body .col_card .arrow_icon .up_arrow {
  display: none;
}

.calendar_view .col_body .col_card.maxim .arrow_icon .up_arrow {
  display: block;
}

.calendar_view .col_body .col_card.maxim .arrow_icon .down_arrow {
  display: none;
}

.calendar_view .col_body .col_card .back_card .indicators span {
  display: block;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 50%;
  position: absolute;
  top: -0.5rem;
}

.calendar_view .col_body .col_card .back_card .indicators span.left {
  left: -0.5rem;
}

.calendar_view .col_body .col_card .back_card .indicators span.right {
  right: -0.5rem;
}

.calendar_view .col_body .col_card .card_icon {
  position: absolute;
  right: 2rem;
  bottom: 0.5rem;
}

.calendar_view .col_body .col_card:last-child {
  margin-bottom: 0;
}

.calendar_view .col_body .col_card h6 {
  color: #368796;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calendar_view .col_body .col_card span {
  border-radius: 11px;
  background: var(--grad-1, linear-gradient(180deg, #78C1CE 0%, #2F7683 100%));
  color: #fff;
  font-size: 0.6rem;
  padding: 0.2rem 0.5rem;
}

.calendar_view .col_body .col_card p {
  color: #7C8283;
}

.calendar_view .col_body .col_card .medFrequency_blink {
  animation: Frequencyblink 600ms infinite;
}

@keyframes Frequencyblink {
  0% {}

  50% {
    color: #43A9BC;
  }

  100% {}
}

.calendar_view .col_body .col_card.disable_card {
  border-bottom: 3px solid #B0B4B5;
}

.calendar_view .col_body .col_card.disable_card p {
  color: #B0B4B5;
}

.calendar_view .col_body .col_card.disable_card h6 {
  color: #969B9C;
}

.calendar_view .col_body .col_card.green_card {
  border-bottom: 5px solid #0AC285;
}

.calendar_view .col_body .col_card.yellow_card {
  border-bottom: 5px solid #F7BF08;
}

.calendar_view .col_body .col_card.yellow_cardNA {
  border-bottom: 5px solid #ffffff;
}

.calendar_view .col_body .col_card.red_card {
  border-bottom: 5px solid #F08A75;
}

.calendar_view .col_body .col_card.red_cardUH {
  border-bottom: 5px solid #C6DCBA;
}

.calendar_view .col_body .col_card.Hold_card {
  border-bottom: 5px solid #eb6247;
}

.calendar_view .col_body .col_card.stat_card {
  border: 2px solid #e7214bd6;
}

.calendar_view .col_body .col_card.activelegend {
  border-bottom: 3px solid #a8ebac;
}

.calendar_view .col_body .col_card.completed {
  border-bottom: 3px solid #e3c6be;
}

.calendar_view .col_body .col_card.discontinued {
  border-bottom: 3px solid #b0cce2;
}

.calendar_view .col_body .col_card.medicationhold {
  border-bottom: 3px solid #e3bc78;
}

.calendar_view .col_body .col_card.inactive {
  border-bottom: 3px solid #edb1e3;
}

.legend .inactivee {
  background-color: #EBADE3;
}

.legend .activelegendd {
  background-color: #0AC285;
}

.legend .STATAlegendd {
  background-color: #e7214bd6;
}

.legend .medicationholdd {
  background-color: #F9D69F;
}

.legend .completedd {
  background-color: #EBBDAD;
}

.legend .discontinuedd {
  background-color: #A9CFEF;
}

.legend .notAdministrated {
  background-color: #F7BF08;
}

.legend .DrugActive {
  background-color: #F08A75;
}

.legend .ReferalAccepted {
  background-color: #0cd220;
}

.calendar_view .col_footer {
  background: #F1F7F8;
  border-radius: 0 0 0.75rem 0.75rem;
}

.calendar_view .col_footer .legend span {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.calendar_view .col_footer .legend span {
  display: block;
}

.calendar_view .col_footer .legend.red span {
  background-color: #F08A75;
}

.calendar_view .col_footer .legend.green span {
  background-color: #60D07F;
}

.calendar_view .col_footer .legend p {
  color: #636869;
}

.AdviceReferalStatus {
  background: #ff6868;
  color: #fff;
}

.border-danger-300 {
  border: 1px solid #de2121 !important;
  box-shadow: 0 0 5px 0px #de212178;
}

.others_adverse {
  height: calc(100vh - 21rem);
  overflow: auto;
}

.Assesment_Discharge {
  height: calc(100vh - 21rem);
  overflow: auto;
}

.Assesment_Discharge::-webkit-scrollbar {
  display: none;
}

.mat-dialog-container {
  /* background: #0000001a; */
  /* max-width: 30%; */
  padding: 0 !important;
  overflow: unset !important;
  box-shadow: unset !important;
}

.mat-dialog-container .mat-dialog-title {
  font-size: 1rem;
  color: #368796;
  margin: 0;
  padding: 0.5rem 1rem;
  background-color: #ECF6F8;
  border-bottom: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.mat-dialog-container .mat-dialog-content {
  padding: 1rem;
  max-height: unset;
  overflow: unset !important;
  margin: 0;
  overflow: unset;
  min-height: 9rem;
  display: flex;
  align-items: center;
}

.mat-dialog-container .mat-dialog-content p {
  font-size: 0.75rem;
  /* padding: 1rem; */
  color: #368796;
  margin: 0;
  color: #234e51;
  text-align: center;
}

.mat-dialog-container .mat-dialog-actions {
  margin: 0;
  display: flex;
  justify-content: center;
  min-height: unset;
  gap: 1rem;
  padding: 1rem;
}

.mat-button-focus-overlay {
  display: none !important;
}

.cdk-overlay-pane {
  width: 22rem;
}

.filter_Date .filter_dropdow {
  background-color: #fff;
  position: absolute;
  z-index: 1;
  width: 10rem;
  display: none;
  left: 0rem;
  top: 1rem;
  box-shadow: 0 0 5px #ddd;
  border-radius: 0.3rem;
}

.filter_Date .filter_dropdow .count {
  background: #d94242;
  color: #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
}

.filter_Date .filter_dropdow .pain_reaction.active,
.filter_Date .filter_dropdow p:hover {
  background-color: #ecf6f8;
}

.filter_Date:hover .filter_dropdow {
  display: block;
}

[dir="rtl"] .available_height .filter_Date .filter_dropdow {
  left: 0rem !important;
}

.fetchPatients_filter .btn-main-fill {
  background-color: #43a9bc !important;
  color: #fff;
}

.fetchPatients_filter .btn-main-outline {
  color: #43a9bc !important;
  background-color: transparent !important;
}

.fetchPatients_filter .filter_dropdow p:hover {
  background-color: #43a9bc !important;
  color: #fff !important;
  border-bottom: 1px solid #dee2e6 !important;
}

.saveSmokeInfo .count {
  border-radius: 5px;
  /* border: 1px solid #FAD8D1;
  background-color: #FCEBE8; */
  /* color: #E53C1A; */
  width: 7rem;
}

.rxorders_height {
  height: calc(100vh - 15rem);
  /* width: 6rem; */
}

.rxorders_height::-webkit-scrollbar {
  display: none;
}

.patientSummary_height {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.patientSummary_height::-webkit-scrollbar {
  width: 0;
}

.casesheet_advice {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.casesheet_advice::-webkit-scrollbar {
  width: 0;
}

.status_track .rectdrag {
  transform: translate(45%, -1px);
}

.vitalsModal .status_track span.label {
  position: absolute;
  bottom: -1.1rem;
  /* left: -2rem; */
  text-wrap: nowrap;
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  font-style: italic;
}

.status_track span svg path {
  display: none;
}

.vitalsModal .status_track span svg path {
  display: block;
}

.status_track span.active svg path {
  display: block;
}

.accordion .status_track span.label {
  position: absolute;
  bottom: -1.3rem;
  left: -2rem;
  text-wrap: nowrap;
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  font-style: italic;
}

.status_track .newOrder svg circle {
  animation: status_trackblink 600ms infinite;
}

@keyframes status_trackblink {
  0% {}

  50% {
    fill: #13B9DD;
  }

  100% {}
}

.nurs_dash {
  border-radius: 8px;
  border: 1px solid #D9D9D9;
  background: #FFF;
}

.nurs_dash_body .time_line {
  display: block;
  width: 100%;
  height: 1px;
  background: #E5EBF0;
  display: flex;
  align-items: center;
}

.nurs_dash_body .row.active .time_line {
  background: #ff2c00;
}

.nurs_dash_body .row.active .time_line::before {
  content: '';
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  background-color: #ff2c00;
  border-radius: 50%;
}

.nurs_dash_body {
  height: calc(100vh - 24rem);
  overflow: auto;
  position: relative;
}

.nurs_dash_body::-webkit-scrollbar {
  width: 0px;
}

.ot_nurs_dash .nurs_dash_body {
  position: unset;
  height: calc(100vh - 30rem);
}

.nurs_dash_body .verticalline {
  position: absolute;
  background-color: #E5EBF0;
  width: 1px;
  height: 100rem;
  display: block;
  padding: 0;
  left: 10%;
  top: 0;
}

.ot_nurs_dash .nurs_dash_body .verticalline {
  height: 100%;
}

.nurs_dash_body .tasklist {
  display: flex;
  gap: 1rem;
}

.nurs_dash_body .doctor_worklist.booked {
  border: 0.07rem solid #F6CC95 !important;
  border-left: 0.3rem solid #F6CC95 !important;
  background-color: #FCF4F3 !important;
}

.nurs_dash_body .doctor_worklist.confirmed {
  border: 0.07rem solid #9AE4CE !important;
  border-left: 0.3rem solid #9AE4CE !important;
  background-color: #F3FCF9 !important;
}

.nurs_dash_body .cleaningprogress {
  border: 0.07rem solid #E69E99 !important;
  border-left: 0.3rem solid #E69E99 !important;
  background-color: #FCF4F3 !important;
  cursor: default !important;
  align-items: center;
}

.nurs_dash_body .cleaningprogress p {
  color: #368796;
}

.ot_nurs_dash .tasklist .doctor-card {
  background-color: #ecf6f8;
  position: relative;
  z-index: 11;
}

.ot_nurs_dash .tasklist .doctor-card.booked {
  border-left: 0.3rem solid #FFC402 !important;
  /* border: 1px solid #FFC402; */
}

.ot_nurs_dash .tasklist .doctor-card.completed {
  border-left: 0.3rem solid #6abac9 !important;
  /* border: 1px solid #6abac9; */
}

.nurs_dash_body .col_height {
  height: 3.2rem;
  margin-left: 10%;
  display: flex;
  align-items: center;
}

.ot_nurs_dash .col_height {
  /* min-height: 2.25rem; */
  /* min-height: 1.4rem; */
  /* max-height: 4.5rem; */
  height: 2.25rem;
  align-items: unset;
}

.ot_nurs_dash .col_height_Chart {
  height: 5.5rem;
  margin-left: 10rem;
}

.nurs_dash_body .task_card {
  border-radius: 8px;
  width: max-content;
  min-width: 8rem;
  box-shadow: 0px 1px 4px 0px rgba(49, 49, 49, 0.20);
  position: relative;
}

.nurs_dash_body .tasklist .count {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  border-radius: 50%;
  min-width: 1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.nurs_dash_body .tasklist .addservice_hover {
  display: flex;
  align-items: center;
}

.nurs_dash_body .tasklist .col_card {
  margin-bottom: 0;
}

.nurs_dash_body .task_card.due {
  border-left: 3px solid var(--destructive-main, #E53C1A);
  background: #FCE8E4;
}

.nurs_dash_body .task_card.due .count {
  background-color: #E53C1A;
}

.nurs_dash_body .task_card.due_comp {
  border-left: 3px solid #FFC402;
  background: #FFF8E0;
}

.nurs_dash_body .task_card.due_comp .count {
  background-color: #FFC402;
}

.nurs_dash_body .task_card.task_comp {
  border-left: 3px solid #60D07F;
  background: #E7F8EC;
}

.nurs_dash_body .task_card.task_comp .count {
  background-color: #60D07F;
}

.nurs_dash_body .task_card.sched {
  border-left: 3px solid #43A9BC;
  background: #E9F4F5;
}

.nurs_dash_body .task_card.sched .count {
  background-color: #43A9BC;
}

.nurs_dash .nurs_dash_footer {
  /* background: #F1F7F8; */
}

.nurs_dash_body .nurs_dash_footer .legend {
  background: #F1F7F8;
}

.ward_nurs_dash .nurs_dash_body {
  height: calc(100vh - 21rem);
}


.addservicemodal .select_value {
  border-radius: 8px;
  border: 1px solid #8ECBD7;
  background: #fff;
}

.addservicemodal .select_value .value {
  color: #0D2226;
}

.addservicemodal .select_value select {
  border: 0 !important;
  box-shadow: unset !important;
  color: #286571;
  padding: 0;
}

.addservicemodal .select_value input {
  border: 0 !important;
  box-shadow: unset !important;
  color: #286571;
  padding: 0;
}

.ot_addservicemodal .modal-dialog {
  max-width: 53%;
  margin-left: auto;
  margin-right: 10rem;
}

.service_detail_table {
  border-radius: 6px;
  border: 1px dashed #D9D9D9;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  max-height: calc(100vh - 20rem);
  overflow: auto;
}

.addservice_button {
  display: none;
  border-radius: 6px;
  border: 1px dashed #D9D9D9;
  background: #FFF;
  cursor: pointer;
  margin-left: 1rem;
}

.nurs_dash_body .col_height:hover .addservice_button {
  display: inline-flex;
}


.viewPatientsAllergiesModalLab {
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#639aa4), to(#5d8289));
  border-radius: 0.75rem;
  color: #fff;
  box-shadow: 0 5px 7px 0px #c1d1d8;
  outline: unset;
  position: absolute;
  z-index: 111;
  padding: 0.15rem;
}


.hoverAllergyLab:hover .viewPatientsAllergiesModalLab {
  display: block;
}

.viewPatientsAllergiesModalLab .modal-dialog {
  margin: 0 !important;
}

.viewPatientsAllergiesModalLab .modal-content {
  background: #FBFDFE;
  border: 1px solid #B4DCE4;
  box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem !important;
  padding: 0 !important;
  min-height: 200px;
}

.viewPatientsAllergiesModalLab .modal-header {
  padding: 0.5rem !important;
  padding-bottom: 0 !important;
}

.viewPatientsAllergiesModalLab .modal-header h6 {
  color: #368796;
}

.viewPatientsAllergiesModalLab table thead {
  background-color: #fff;
}

.viewPatientsAllergiesModalLab table th {
  white-space: nowrap;
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem !important;
  /* color: #368796; */
  /* background-color: #fff !important; */
}

.viewPatientsAllergiesModalLab table tr {
  box-shadow: unset !important;
}


.viewPatientsAllergiesModalLab table td {
  white-space: nowrap;
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem !important;
  /* color: #fff; */
  /* background-color: transparent !important; */
}

.dischargeTab h6 {
  /* background-color: #6abac9; */
  /* color: #fff !important; */
  /* margin-bottom: 1rem !important; */
}

.dischargeTab .content_discharge_sumary {
  padding: 0 !important;
  height: calc(100vh - 18.1rem) !important;
  overflow: auto;
}

.dischargeTab .content_discharge_sumary::-webkit-scrollbar {
  width: 0;
}

.textarea_box {
  border: 1px solid #ced4da;
  padding: 0.275rem 0.75rem !important;
  font-size: 0.875rem;
  min-height: 7rem;
  overflow: auto;
  margin: 0;
  color: #234e51;
  background-color: #f4fbfc;
  /* border-top-left-radius: 0 !important; */
}

.textarea_box_not_editable {
  padding: 0.275rem 0.275rem !important;
  font-size: 0.875rem;
  min-height: 7rem;
  overflow: auto;
  margin: 0;
  color: #234e51;
  background-color: #f4fbfc;
}

.textarea_box_single {
  min-height: 2rem;
}

.textarea_box_double {
  min-height: 4rem;
}

.textarea_box:focus {
  outline: unset;
}

.dischargeTab .textarea_box {
  /* margin: 1rem; */
  margin-bottom: 0;
}

.dischargeTab .textarea_box span {
  cursor: pointer;
  background: #cae5ea;
  /* color: #fff; */
  padding: 0rem 0.2rem;
  border-radius: 0.2rem;
}

.dischargeTab .textarea_box .BraceColor {
  background: transparent !important;
  /* color: #000 !important; */
}

#facilityList .block:hover {
  background: #f2f7f8;
}

.textareaL_box {
  border: 1px solid #bceaf3;
  height: 9rem;
  overflow: auto;
  margin: 0;
  font-size: 0.75rem;
  color: #141414;
  background-color: #f4fbfc;
  /* border-top-left-radius: 0 !important; */
}

.textareaL_box:focus {
  outline: 1px solid #6abac9;
}

.dischargeTab .textareaL_box {
  margin: 1rem;
  margin-bottom: 0;
}

.dischargeTab .textareaL_box span {
  cursor: pointer;
  background: #cae5ea;
  /* color: #fff; */
  padding: 0rem 0.2rem;
  border-radius: 0.2rem;
  color: #234e51 !important;
  font-weight: 500;
}

.dischargeTab .textareaL_box .BraceColor {
  background: transparent !important;
  /* color: #000 !important; */
}

.nursingInterventions .modal-content {
  height: calc(100vh - 5rem);
  overflow: auto;
}

.examinationc {
  font-weight: bold;
}

.BraceColor {
  font-weight: bold;
}

.riskassessment_body {
  height: calc(100vh - 22rem);
  overflow: auto;
}

.action_select.active svg g {
  opacity: 1;
}

.fallriskassessment_body {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.fallriskassessment_body::-webkit-scrollbar {
  width: 0;
}

.fallriskassessment_body .action_select svg {
  width: 1rem;
  min-width: 1rem;
}

.bradenscale.modal .modal-body {
  height: calc(100vh - 15.7rem);
  overflow: auto;
}

.bradenscale.modal .modal-body::-webkit-scrollbar {
  width: 0;
}

.cta_circles .circle {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  border-radius: 30px;
  border: 1px solid #69BAC9;
  background: #ECF6F8;
}

.cta_circles .red {
  border-radius: 30px;
  border: 1px solid #EB6247;
  background: #ECF6F8;
}

.cta_circles .circle.active {
  background-color: #43A9BC;
  color: #fff;
}

.cta_circles .Resuscitation.active {
  background-color: blue;
  color: #fff;
}

.cta_circles .Emergent.active {
  background-color: red;
  color: #fff;
}

.cta_circles .Urgent.active {
  background-color: yellow;
  color: #000;
}

.cta_circles .LessUrgent.active {
  background-color: green;
  color: #fff;
}

.cta_circles .NonUrgent.active {
  background-color: white;
  color: #000;
  border: 2px solid #43A9BC;
}


.cta_circles .red.active {
  background-color: #E53C1A;
  color: #fff;
}

.casesheet_cta_circles .circle {
  border: 1px solid #bdbdbd;
  background: #d4d3d3;
}

.score_highlight span {
  color: #ec5046;
}

.doc_icon {
  filter: grayscale(50%);
  opacity: 0.5;
}

td.active .doc_icon {
  filter: grayscale(0%);
  opacity: 1;
  cursor: pointer;
}

.nurse_icon {
  filter: grayscale(50%);
  opacity: 0.5;
}

td.active .nurse_icon {
  filter: grayscale(0%);
  opacity: 1;
  cursor: pointer;
}

.social_icon {
  filter: grayscale(50%);
  opacity: 0.5;
}

td.active .social_icon {
  filter: grayscale(0%);
  opacity: 1;
  cursor: pointer;
}

.waiting_count .count {
  /* background-color: #EB6247;
  color: #FCEBE8;
  border-radius: 0.8rem;
  display: inline-block;
  padding: 0rem 0.9rem;
  font-size: 0.85rem; */

  background-color: #42b4ca;
  color: #fff !important;
  border-radius: 50%;
  padding: 0;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;

}

.Transfer_countt_btn .count {
  background-color: #43a9bc;
  color: #fff;
  border: 1px solid #43a9bc;
  border-radius: 50%;
  padding: 0;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.8rem;
  right: -0.5rem;
  animation: transferblink 800ms infinite;
}

.Transfer_countt_btn .countNA {
  background-color: #6877ca;
  color: #fff;
  border: 1px solid #43a9bc;
  border-radius: 50%;
  padding: 0;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.8rem;
  right: -0.5rem;
  /* animation: transferblink 800ms infinite; */
}

.CriticalPatient_countt_btn .count {
  background-color: #ef4646;
  color: #fff;
  border: 1px solid #da4c4c;
  border-radius: 50%;
  padding: 0;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.8rem;
  right: -0.5rem;
  animation: transferblink 1600ms infinite;
}

@keyframes transferblink {
  0% {}

  50% {
    background-color: #fff;
    color: #43a9bc;
  }

  100% {}
}

.room_cards_row {
  /* display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem; */
  text-align: center;
  border-radius: 7px;
  background: #FFF;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.23);
  position: relative;
  min-height: 12rem;
}

.room_cards_row .room_card {
  border-radius: 12px;
  background: #FFF;
  /* padding: 0.9rem; */
  position: relative;
  cursor: pointer;
  /* min-height: 13rem; */
  height: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.room_cards_row .room_card.active {
  border: 2px solid #43A9BC !important;
  box-shadow: 3px 4px 5px #43A9BC !important;
  filter: unset !important;
}

.room_cards_row .room_card_details {
  border-radius: 0.5rem;
  border: 1px solid #B4DDE4;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
  width: 97%;
  margin-top: 0.1rem;
  display: none;
}

.room_card_details_hover:hover .room_card_details {
  display: block;
}

.room_cards_row .tagline {
  /* transform: rotate(-90deg) translateY(-100%); */
  /* position: absolute; */
  /* left: -6%; */
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
  overflow: hidden;
}

.room_cards_row .room_card .bed_card {
  position: relative;
}

.room_cards_row .room_card .bedNum {
  font-weight: 600;
  /* background-image: url(../images/bednum_bg.png); */
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 !important;
  background-size: 40%;
}

.room_cards_row .room_card.active .bedNum {
  background-color: #b4dde4 !important;
}

.room_cards_row .room_card .bed_card_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.room_cards_row .room_card .bed-info-label {
  background: #F4ECF8;
  color: #5C2A7C;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  width: 100%;
  padding: 0.15rem 0;
  font-size: 0.75rem;
  border-radius: 0 0 12px 12px;
  text-transform: uppercase;
}

.room_cards_row .room_card .bed_card_circle::before {
  content: " ";
  position: absolute;
  width: 4.25rem;
  height: 4.25rem;
  border-radius: 50%;
  background-color: #ECF6F8;
  z-index: 0;
}

.room_cards_row .room_card.primary {
  border: 1px solid #ced4da;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.05);
}

.room_cards_row .room_card.primary.active {
  border: 1px solid var(--primary-200, #B4DDE4);
}

.room_cards_row .room_card.primary .bedNum {
  color: #368796;
  margin-top: -0.1rem;
  /* background-color: #ecf6f8; */
}

.room_cards_row .room_card.warning {
  border: 1px solid var(--warning-100, #FCE69C);
  box-shadow: 0px 1px 2px 1px rgba(148, 115, 6, 0.20);
  filter: grayscale(1);
}

.room_cards_row .room_card.warning .bed_card circle {
  fill: #FCE69C;
}

.room_cards_row .room_card.warning .bed_card path {
  fill: #C69906;
}

.room_cards_row .room_card.warning .bedNum {
  color: #C69906;
  background-color: #d6d6d6;
  width: max-content;
  text-align: center;
  margin: 0 auto !important;
  padding: 0.1rem 0.7rem !important;
  border-radius: 0 0 1rem 1rem;
  /* background-color: #FCE69C; */
}

.room_cards_row .room_card.warning .bed-info-label {
  opacity: 0.5;
}

.room_cards_row .room_card.danger {
  border: 1px solid var(--destructive-100, #FAD8D1);
  box-shadow: 0px 1px 2px 1px rgba(75, 19, 8, 0.20);
}

.room_cards_row .room_card.danger .bedNum {
  color: #B82F14;
  /* background-color: #FAD8D1; */
}

.room_cards_row .room_card.danger .bed_card circle {
  fill: #FAD8D1;
}

.room_cards_row .room_card.danger .bed_card path {
  fill: #B82F14;
}

.room_cards_row .room_card .count {
  position: absolute;
  top: -0.4rem;
  right: -0.2rem;
  border-radius: 0 0 0 1rem;
  background-color: #EB6247;
  color: #fff;
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 0.6rem;
  line-height: 1.2;
}

.room_cards_row .room_card .countG {
  position: absolute;
  top: -0.4rem;
  right: -0.2rem;
  border-radius: 0 0 0 1rem;
  background-color: #43A9BC;
  color: #fff;
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-size: 0.6rem;
  line-height: 1.2;
}

.room_cards_row .room_card .count .ctas_label,
.room_cards_row .room_card .countG .ctas_label {}

.emergencywardModal .modal-body {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.room_card_details_hover .check_img {
  display: none;
  position: absolute;
  top: 0.3rem;
  left: 0.3rem;
}

.room_card_details_hover .room_card:hover .check_img,
.room_card_details_hover .room_card.active .check_img {
  display: block;
}

.room_card_details_hover .room_card.active .check_img g {
  opacity: 1;

}

.triage_page_height {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.triage_page_height::-webkit-scrollbar {
  width: 0;
}

.worklistLeft {
  height: calc(100vh - 13.5rem);
  position: relative;
}

.worklistHeight {
  /* height: 90%; */
  height: calc(100vh - 15.5rem);
  overflow: auto;
}

.worklistHeight::-webkit-scrollbar {
  width: 0;
}

.worklistHeight .worklist_card {
  background-color: #fff;
  position: relative;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.16);
  position: relative;
}

.worklistHeight .worklist_card.active {
  /* background-color: #D9EEF2; */
  box-shadow: 0px 2px 8px -2px rgb(50 50 50 / 80%);
  /* box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.26); */
}

.worklistHeight .worklist_card .legendline {
  height: 100%;
  width: 2px;
  background-color: #F4D6A4;
  position: absolute;
  top: 0;
  /* z-index: 1; */
  left: 0;
  padding: 0.15rem;
}

.worklistLeft .worklist_card .selected_check {
  position: absolute;
  right: -0.9rem;
  width: unset;
  top: -5.8rem;
}

.worklistHeight .worklist_card_footer {
  background: #E9EAEA;
  box-shadow: 0px -1px 6px 0px rgba(90, 90, 90, 0.25);
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

.worklistHeight .worklist_card_footer .pagination {
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  min-width: 12rem;
}

.worklist_legends .legends span {
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  /* border-radius: 50%; */
  display: block;
}

.worklist_legends .legends span.newReq {
  background-color: #F592EC;
}

.worklist_legends .legends span.SampleCollected {
  background-color: #C896C8;
}

.worklist_legends .legends span.SampleAck {
  background-color: #00AEAE;
}

.worklist_legends .legends span.ResultEntered {
  background-color: #A7AC9B;
}

.worklist_legends .legends span.ResultVerified {
  background-color: #21DA41;
}

.worklist_legends .legends span.SampleRejected {
  background-color: #FF8040;
}

.worklist_legends .legends span.TestRecollect {
  background-color: #FF8080;
}

.worklist_legends .legends span.SampleRejected {
  background-color: #FF8040;
}

.worklist_legends .legends span.PartialSampleCollected {
  background-color: #FED0AF;
}

/* .worklistHeight .worklist_card .NewRequest{
  height: 100%;
  width: 2px;
  background-color: #F592EC;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .SampleCollected{
  height: 100%;
  width: 2px;
  background-color: #C896C8;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .SampleAck{
  height: 100%;
  width: 2px;
  background-color: #00AEAE;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .ResultEntered{
  height: 100%;
  width: 2px;
  background-color: #A7AC9B;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .ResultVerified{
  height: 100%;
  width: 2px;
  background-color: #21DA41;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}

.worklistHeight .worklist_card .SampleRejected{
  height: 100%;
  width: 2px;
  background-color: #FF8040;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .TestRecollect{
  height: 100%;
  width: 2px;
  background-color: #FF8080;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
} */
.worklistHeight .doc_card.active {}

.worklistHeight .doc_card .NewRequest {
  border-left: 4px solid #F592EC;
}

.worklistHeight .doc_card .SampleCollected {
  border-left: 4px solid #C896C8;
}

.worklistHeight .doc_card .SampleAck {
  border-left: 4px solid #00AEAE;
}

.worklistHeight .doc_card .ResultEntered {
  border-left: 4px solid #A7AC9B;
}

.worklistHeight .doc_card .ResultVerified {
  border-left: 4px solid #21DA41;
}

.worklistHeight .doc_card .SampleRejected {
  border-left: 4px solid #FF8040;
}

.worklistHeight .doc_card .TestRecollect {
  border-left: 4px solid #FF8080;
}

.worklistHeight .doc_card .PartialSampleCollected {
  border-left: 4px solid #f3b488;
}

.worklistHeight .doc_card .collected svg {
  filter: grayscale(1);
  opacity: 0.6;
}

.worklistHeight .doc_card .collected.active svg {
  filter: grayscale(0);
  opacity: 1;
}


.worklistHeight .doc_card .NewRequest .inline_legend span {
  background-color: #F592EC;
}

.worklistHeight .doc_card .SampleCollected .inline_legend span {
  background-color: #C896C8;
}

.worklistHeight .doc_card .SampleAck .inline_legend span {
  background-color: #00AEAE;
}

.worklistHeight .doc_card .ResultEntered .inline_legend span {
  background-color: #A7AC9B;
}

.worklistHeight .doc_card .ResultVerified .inline_legend span {
  background-color: #21DA41;
}

.worklistHeight .doc_card .SampleRejected .inline_legend span {
  background-color: #FF8040;
}

.worklistHeight .doc_card .TestRecollect .inline_legend span {
  background-color: #FF8080;
}

.worklistHeight .doc_card .TestRecollect .inline_legend span {
  background-color: #FF8080;
}

.worklistHeight .doc_card .PartialSampleCollected .inline_legend span {
  background-color: #f3b488;
}




.worklistHeight .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: .1rem 0.5rem;
}


.worklistRight {
  border-radius: 8px;
  background: #B3DFEA;
}

.worklistRight .nodata_block {
  border-radius: 8px;
  background: #edeff1;
  height: calc(100vh - 27vh);
  display: flex;
}

.worklistRight .nodata_block p {
  color: #286571;
}

.worklist_patientcard {
  border-radius: 0.8rem;
  border: 1px solid #AEDCE8;
  background: #ECF6F8;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.14);
  /* overflow: hidden; */
}

.worklist_patientcard .patient_back {
  /* border: 0.2rem solid white; */
  border: 1px solid #b4dde4 !important;
  border-radius: 0.7rem !important;
  border-right: unset !important;
}

.worklist_patientcard .back_img {
  /* height: 1.4rem; */
  cursor: pointer;
}

.worklist_patientcard .patient-photo {
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #D9EEF2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.worklist_patientcard .patient-photo::before {
  position: absolute;
  content: " ";
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #C7E5EB;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.worklist_patientcard .patient-photo .vip_label {
  position: absolute;
  top: -0.5rem;
  color: #286571;
  background: #8ECBD7;
  padding: 0.2rem 0.3rem;
  font-size: 0.55rem;
  letter-spacing: 0px;
  border-radius: 1rem;
  line-height: 1;
}

.worklist_patientcard .patient-photo .highrisk_label {
  position: absolute;
  bottom: -0.5rem;
  color: #fff;
  white-space: nowrap;
  background: #F08A75;
  padding: 0.2rem 0.5rem;
  font-size: 0.55rem;
  letter-spacing: 0px;
  border-radius: 1rem;
  line-height: 1;
}

.worklist_patientcard .ctascore span {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  justify-content: center;
  align-items: center;
  animation: ctascoreblink 1600ms infinite;
}

@keyframes ctascoreblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.worklist_patientcard .ctascoreG span {
  background-color: #43A9BC;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  justify-content: center;
  align-items: center;
}


.worklist_patientcard.alert_card .score.ctascoreG span {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  justify-content: center;
  align-items: center;
}

@keyframes blink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

@media screen and (max-width:1600px) {
  .worklist_patientcard .w-max-content svg {
    /* min-width: 2.2rem;
    width: 2.2rem;
    height: 2.2rem; */
  }

  .worklist_patientcard .w-max-content svg.addIcon {
    min-width: unset;
    width: unset;
    height: unset;
  }

  .worklist_patientcard .w-max-content.px-4 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .worklist_patientcard .w-max-content.px-3 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .worklist_patientcard .w-max-content p {
    font-size: 0.75rem !important;
  }
}

@media screen and (max-width:991px) {
  .worklist_patientcard .w-max-content svg {
    width: 2.2rem;
  }
}


.worklist_patientcard .vital_block .col-2 {
  /* min-width: 10rem; */
}

/* .worklist_patientcard .vital_block .allergy.active svg circle{
    fill: #5CC741;
}
.worklist_patientcard .vital_block .allergy.active svg path{
    fill: #fff;
}
.worklist_patientcard .vital_block .bp-s p:first-child{
  color: #963687;
}
.worklist_patientcard .vital_block .bp-d p:first-child{
  color: #436CA7;
}
.worklist_patientcard .vital_block .temp p:first-child{
  color: #964536;
}
.worklist_patientcard .vital_block .pulse p:first-child{
  color: #558437;
}
.worklist_patientcard .vital_block .spo2 p:first-child{
  color: #867963;
}
.worklist_patientcard .vital_block .resp p:first-child{
  color: #365796;
}
.worklist_patientcard .vital_block .cons p:first-child{
  color: #AB3449;
}
.worklist_patientcard .vital_block .o2 p:first-child{
  color: #25818F;
}
.worklist_patientcard .vital_block .blood p:first-child{
  color: #E53C1A;
} */
.worklist_patientcard .vital_block .allergy p:first-child {
  /* color: #C07C16; */
}

.worklist_patientcard .vital_block .bedno p:first-child {
  color: #234e51;
}

.doctor_worklist.worklist_patientcard .accept_btn button {
  display: none;
  position: absolute;
  top: -2.6rem;
  right: -1.7rem;
  padding: 0.1rem 0.2rem;
  border-radius: 0.4rem 0.4rem 0 0;
  border-bottom: unset;
  transform: rotate(-90deg);
  font-size: 0.675rem;
  min-width: unset;
}

.doctor_worklist.worklist_patientcard:hover .accept_btn button {
  display: block;
}

.doctor_worklist.worklist_patientcard .col-9 .form-label {
  color: #636869;
}

.doctor_worklist.worklist_patientcard .Reject_btn button {
  display: none;
  position: absolute;
  top: -6.2rem;
  right: -1.7rem;
  padding: 0.1rem 0.2rem;
  border-radius: 0.4rem 0.4rem 0 0;
  border-bottom: unset;
  transform: rotate(-90deg);
  font-size: 0.675rem;
  min-width: unset;
}

.doctor_worklist.worklist_patientcard:hover .Reject_btn button {
  display: block;
}

.doctor_worklist .vital_block .w-max-content svg.disabled {
  filter: grayscale(1);
}

.pt_card_vitals {
  border-radius: 0 0 0.8rem 0.8rem;
}

.worklist_patientcard.alert_card {
  box-shadow: 0 -0.3rem 0rem #EB6247;
  border: 1px solid #EB6247;
}

.worklist_patientcard .profile_img .doc_img {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #daeef1;
}

.worklist_patientcard .doc_des .tooltip {
  min-width: 15rem;
  min-height: 5rem;
  top: 1.2rem;
  bottom: unset;
}

.worklist_patientcard .surgeryname_div {
  /* border-radius: 0.6rem;
  border-top-left-radius: 0;
  background-color: #f0f0f0; */
}

.worklist_patientcard .surgeryname {
  /* color: #F08A75; */
}

.accordion_header .accordion_arrow {
  transform: rotate(180deg);
}

.accordion_main.active .accordion_arrow {
  transform: rotate(0deg);
}

.appointmentInfo_modal .outsideBlood_table .fixed_alter_body {
  height: calc(100vh - 22rem);
}

@media screen and (max-width:991px) {
  .quick_order {
    flex-wrap: nowrap;
  }

  .quick_order .col-md-3 {
    width: 300px;
  }

  .quick_order .order_block .block_header h5 {
    font-size: 1rem;
  }
}

.quick_order .order_block {
  border: 1px solid #D9DDF2;
  height: 100%;
}

/* MEDICATIONS */
.quick_order .order_block.medications .block_header {
  border-bottom: 1px solid #D9DDF2;
  background: #D2EFDB;
}

.quick_order .order_block.medications .block_header h5 {
  color: #2A7C43;
}

.quick_order .order_block.medications .block_header .CommanSearch__form {
  background-color: #ECF6F8;
}

.quick_order .order_block.medications .block_header .CommanSearch__form input {
  color: #368796;
}

.quick_order .order_block.medications .block_sub_header {
  border: 1px solid #D2EFDB;
  background: #ECF8F0;
}

.quick_order .order_block.medications .block_sub_header h6 {
  color: #2A7C43;
}

.quick_order .order_block .block_list:last-child {
  border-bottom: unset !important;
}

.quick_order .order_block .block_list .check_img {
  display: none;
  min-width: 1rem;
  width: 1rem;
  margin-right: 0.3rem;
}

.quick_order .order_block .block_list.selected .check_img {
  display: block;
}

.quick_order .order_block .block_list .add {
  opacity: 0;
  min-width: 1rem;
  width: 1rem;
}

.quick_order .order_block .block_list:hover .add {
  opacity: 1;
}

/* LABS */
.quick_order .order_block.labs .block_header {
  border-bottom: 1px solid #D9DDF2;
  background: #D2E3EF;
}

.quick_order .order_block.labs .block_header h5 {
  color: #2A5A7C;
}

.quick_order .order_block.labs .block_header .CommanSearch__form {
  background-color: #ECF6F8;
}

.quick_order .order_block.labs .block_header .CommanSearch__form input {
  color: #368796;
}

.quick_order .order_block.labs .block_sub_header {
  border: 1px solid #D2E3EF;
  background: #ECF3F8;
}

.quick_order .order_block.labs .block_sub_header h6 {
  color: #2A5A7C;
}

.quick_order .order_block.labs .block_list .clinical_toggle {
  opacity: 0;
}

.quick_order .order_block.labs .block_list:hover .clinical_toggle {
  opacity: 1;
}

/* IMAGING */
.quick_order .order_block.imaging .block_header {
  border-bottom: 1px solid #D9DDF2;
  background: #eff3f1;
}

.quick_order .order_block.imaging .block_header h5 {
  color: #9B7C0B;
}

.quick_order .order_block.imaging .block_header .CommanSearch__form {
  background-color: #eff3f1;
}

.quick_order .order_block.imaging .block_header .CommanSearch__form input {
  color: #eff3f1;
}

.quick_order .order_block.imaging .block_sub_header {
  border: 1px solid #FBF0C6;
  background: #eff3f1;
}

.quick_order .order_block.imaging .block_sub_header h6 {
  color: #9B7C0B;
}

/* PATIENT CARE */
.quick_order .order_block.patient_care .block_header {
  border-bottom: 1px solid #D9DDF2;
  background: #E4D2EF;
}

.quick_order .order_block.patient_care .block_header h5 {
  color: #5C2A7C;
}

.quick_order .order_block.patient_care .block_header .CommanSearch__form {
  background-color: #F4ECF8;
}

.quick_order .order_block.patient_care .block_header .CommanSearch__form input {
  color: #713696;
}

.quick_order .order_block.patient_care .block_sub_header {
  border: 1px solid #E4D2EF;
  background: #F4ECF8;
}

.quick_order .order_block.patient_care .block_sub_header h6 {
  color: #5C2A7C;
}

.ctas_score {
  color: red;
}

.room_cards_row .room_card .bed-icon {
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  /* width: 5rem;
    height: 5rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-left: auto; */
  margin-right: auto;
}

.room_cards_row .room_card .bed-icon::before {
  position: absolute;
  content: " ";
  width: 1.75rem;
  height: 1.75rem;
  /* width: 3.75rem;
  height: 3.75rem; */
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.room_cards_row .room_card .bed-icon svg {
  position: relative;
  height: 0.8rem;
}

.room_cards_row .room_card.bed-iconV {
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  min-height: 2rem !important;
}

.room_cards_row .room_card .bed-iconV::before {
  position: absolute;
  content: " ";
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.room_cards_row .room_card .bed-iconV svg {
  position: relative;
}




.transferdoctordModal .modal-body {
  max-height: calc(100vh - 20rem);
  overflow: auto;
}

.transferdoctordModal .doc_card {
  box-shadow: 0 0rem 0.45rem #e9e9e9;
  cursor: pointer;
  width: 12rem;
}

.transferdoctordModal .doc_card.active {
  box-shadow: 00 0rem 0.65rem #cecece;
}

.transferdoctordModal .doc_card .doc_img {
  border-radius: 50%;
  width: 6rem;
  min-width: 6rem;
  height: 6rem;
  border: 1px solid #eee;
}

.transferdoctordModal .doc_card span {
  display: block;
  opacity: 0.5;
}

.transferdoctordModal .doc_card .check_img {
  display: none;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.transferdoctordModal .doc_card:hover .check_img,
.transferdoctordModal .doc_card.active .check_img {
  display: block;
}

.transferdoctordModal .doc_card.active .check_img g {
  opacity: 1;
}

.sob_table {
  border: 1px solid #d1d1d1;
  border-bottom: unset;
}

.sob_table .th {
  font-size: 0.875rem;
  background-color: #f5f7ff !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  /* border-right: 1px solid #bec8ca !important; */
}

.sob_table .row>.col-lg-3 {
  border-bottom: 1px solid #d1d1d1;
  padding: 0;
}

.sob_table .row>.col-lg-9 {
  border-bottom: 1px solid #d1d1d1;
}

.sob_table .row>.col-lg-10 {
  border-bottom: 1px solid #d1d1d1;
}

.sob_table .row>.col-2 {
  border-bottom: 1px solid #d1d1d1;
}

.sob_table .row>.col-lg-2 {
  border-bottom: 1px solid #d1d1d1;
}

.sob_table .row>.col-lg-4 {
  border-bottom: 1px solid #d1d1d1;
}

.sob_table .row>.col-4 {
  border-bottom: 1px solid #d1d1d1;
}

.sob_table .clin_imp .col-lg-3 {
  border: unset;
}

.hemop_table {
  border: 1px solid #d1d1d1;
  border-bottom: unset;
}

.hemop_table .th {
  font-size: 0.875rem;
  background-color: #f5f7ff !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  /* border-right: 1px solid #bec8ca !important; */
}

.hemop_table th {
  font-size: 0.875rem;
  background-color: #f5f7ff !important;
  color: #333333;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  /* border-right: 1px solid #bec8ca !important; */
}

.hemop_table .row>.col-lg-3 {
  border-bottom: 1px solid #d1d1d1;
  padding: 0;
}

.hemop_table .row>.col-lg-9 {
  border-bottom: 1px solid #d1d1d1;
}

.hemop_table .row>.col-lg-12 {
  border-bottom: 1px solid #d1d1d1;
}

.hemop_table .clin_imp .col-lg-3 {
  border: unset;
}

.wheezing_table {
  border: 1px solid #d1d1d1;
  border-bottom: unset;
}

.wheezing_table .th {
  font-size: 0.875rem;
  background-color: #f5f7ff !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  /* border-right: 1px solid #bec8ca !important; */
}

.wheezing_table th {
  font-size: 0.875rem;
  background-color: #f5f7ff !important;
  color: #333333;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  /* border-right: 1px solid #bec8ca !important; */
}

.wheezing_table .row>.col-lg-3 {
  border-bottom: 1px solid #d1d1d1;
  padding: 0;
}

.wheezing_table .row>.col-lg-9 {
  border-bottom: 1px solid #d1d1d1;
}

.wheezing_table .row>.col-lg-12 {
  border-bottom: 1px solid #d1d1d1;
}

.wheezing_table .clin_imp .col-lg-3 {
  border: unset;
}

.sob_table .td {
  padding: 0.75rem !important;
}

.hemop_table .td {
  padding: 0.75rem !important;
}

.wheezing_table .td {
  padding: 0.75rem !important;
}

.sub_count_letter {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #368796;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  padding: 10px;
  font-size: 0.875rem;
  color: #DAEEF1;
}

.Pulmonology_page {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.Pulmonology_page::-webkit-scrollbar {
  width: 0;
}

.Pulmonology_page_opd {
  height: calc(100vh - 19rem);
  overflow: auto;
}

.Pulmonology_page_opd::-webkit-scrollbar {
  width: 0;
}

.Pulmonology_page .clin_imp button {
  background-color: #fff;
  padding: 0.2rem 1rem 0.2rem 0.5rem !important;
}

.dry_select.active svg path:first-child,
.dry_select.active svg path:first-child {
  fill: #368796;
  opacity: 1;
}

.dry_select.active svg path:last-child,
.dry_select.active svg path:last-child {
  fill: #DAEEF1;
}

.examination_table {
  border: 1px solid #d1d1d1;
  border-bottom: unset;
}

.examination_table .th {
  font-size: 0.875rem;
  background-color: #f5f7ff !important;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #333333;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  /* border-right: 1px solid #bec8ca !important; */
}

.examination_table th {
  font-size: 0.875rem;
  background-color: #f5f7ff !important;
  color: #333333;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  /* border-right: 1px solid #bec8ca !important; */
}

.examination_table .row>.col-lg-3 {
  border-bottom: 1px solid #d1d1d1;
  padding: 0;
}

.examination_table .row>.col-lg-9 {
  border-bottom: 1px solid #d1d1d1;
}

.examination_table .row>.col-lg-12 {
  border-bottom: 1px solid #d1d1d1;
}

.examination_table .clin_imp .col-lg-3 {
  border: unset;
}

.anterior_table tbody th {
  color: #333333;
  background-color: #f5f7ff !important;
  font-size: 0.875rem;
  width: 18%;
}

.posterior_table tbody th {
  color: #333333;
  background-color: #f5f7ff !important;
  font-size: 0.875rem;
  width: 18%;
}

.examination_table .td {
  padding: 0.75rem !important;
}

.anterior_table tbody td {
  padding: 0.75rem !important;
}

.posterior_table tbody td {
  padding: 0.75rem !important;
}

.non_select.active svg path:first-child {
  fill: #368796;
  opacity: 1;
}

.non_select.active svg path:last-child {
  fill: #DAEEF1;
}

.Productive_table .btn-secondary-outline {
  min-width: 8rem !important;
  text-align: left;
}

@media screen and (max-width:991px) {
  .clin_imp.w-50 {
    width: 100% !important;
  }

  .clin_imp.w-75 {
    width: 100% !important;
  }

  .Productive_table .btn-secondary-outline {
    min-width: unset !important;
  }
}

.btn-secondaryEMR-outline {
  /* background-color: #ECF6F8; */
  /* border-color: #43A9BC; */
  color: #43A9BC;
}

.Pulmonology_page {
  /* height: calc(100vh - 11rem);
    overflow: auto; */
}

.exacerbating .btn-secondary-outline {
  min-width: 7rem;

}

.docname_hover span {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  opacity: 1;
  left: 1rem;
  top: 1rem;
  min-width: 5rem;
  transition: transform 250ms;
  padding: 0.2rem;
  z-index: 1;
  font-size: 0.65rem !important;
}

.docname_hover:hover span {
  display: block;
}

.patient-details-wrapper .ctascoreG span {
  background-color: #43A9BC;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  padding: 0.1rem 0.7rem;
  font-size: 0.85rem;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
}

.patient-details-wrapper .ctascore span {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  border-radius: 50%;
  display: inline-flex;
  padding: 0.1rem 0.7rem;
  font-size: 0.85rem;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  animation: blink 1600ms infinite;
}

.docname_hover svg {
  min-width: 1.2rem;
}

.diag_btn button.active {
  background-color: #43BC94;
  color: #fff;
}

.doctors_list_results {
  max-height: 8.5rem;
  overflow: auto;
}

.labresults.doctors_list_results {
  max-height: unset;
  overflow: auto;
  height: calc(100vh - 27.2rem);
}

.doctors_list_results .doctor_bg:hover,
.doctors_list_results .doctor_bg.active {
  background: #ECF6F8;
  border-radius: 0.4rem;
}

.doctors_list_results .doctor_bg:hover p,
.doctors_list_results .doctor_bg.active p {
  color: #368796;
}

.doctors_list_results .doctor_bg:hover svg g,
.doctors_list_results .doctor_bg.active svg g {
  opacity: 1;
}

.doctors_list_results .doctor_bg:hover svg circle,
.doctors_list_results .doctor_bg.active svg circle {
  fill: #43BC94;
}

/* HTML EDITOR */
.ae-font .ae-picker-label {
  padding: 0 10px;
}

.angular-editor-toolbar .select-heading,
.angular-editor-toolbar .select-font,
.angular-editor-toolbar .select-font-size,
.angular-editor-toolbar #foregroundColorPicker-,
.angular-editor-toolbar #backgroundColorPicker-,
.angular-editor-toolbar #link-,
.angular-editor-toolbar #unlink-,
.angular-editor-toolbar #insertImage-,
.angular-editor-toolbar #insertVideo-,
.angular-editor-toolbar #insertHorizontalRule-,
.angular-editor-toolbar #clearFormatting-,
.angular-editor-toolbar #strikeThrough-,
.angular-editor-toolbar #subscript-,
.angular-editor-toolbar #superscript-,
.angular-editor-toolbar #indent-,
.angular-editor-toolbar #outdent-,
.angular-editor-toolbar #toggleEditorMode- {
  display: block !important;
}

.taperingPopup {
  position: absolute;
  top: 2rem;
  right: 0;
  min-width: 20rem;
  background: #fff;
  z-index: 11;
}

.consent_row p {
  line-height: 1.8;
  font-size: 0.875rem;
}

.consent_row ul li {
  line-height: 1.8;
  font-size: 0.875rem;
}

.consent_row .signaturebox {
  height: 8rem;
}

.panicReportForm_height {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.col-lg-8.left_expand .btn-icon-3d.left {
  display: none;
}

.col-lg-12.left_expand {
  height: unset;
  position: relative;
}

.col-lg-8.left_expand {
  /* position: relative; */
}

.col-lg-12.left_expand .btn-icon-3d {
  transform: rotate(180deg);
  position: absolute;
  top: 0.1rem;
  z-index: 1;
  right: 0.3rem;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
}

.col-lg-12.left_expand .btn-icon-3d.left {
  display: none;
}

.col-lg-8.left_expand .btn-icon-3d.right {
  position: absolute;
  top: 0.1rem;
  z-index: 1;
  right: 0.3rem;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
}

.consumption_toggle.active .toggle_btn {
  transform: rotate(180deg);
}

.consumption_toggle .toggle_btn {
  transform: rotate(0);

}

.signature_box {
  display: flex;
  flex-direction: column;
  align-items: end;
}

.signature_box .delicon {
  position: absolute;
  right: 0.5rem;
  bottom: 1rem;
  opacity: 0.5;
}

.signature_box.active .delicon {
  opacity: 1;
}

.signature_box .label_line {
  background-color: #368997;
  padding: 0.2rem 0.9rem;
  border-radius: 0.4rem 0.4rem 0 0;
}

.signature_box .label_line p {
  color: #fff !important;
  font-size: 0.75rem;
}

.signature_box canvas {
  border: 1.5px solid #368997 !important;
  width: 100% !important;
  background-color: #f0f8fa;
  border-radius: 0.4rem 0 0.4rem 0.4rem;
}

.signature_box.left canvas {
  border: 1.5px solid #368997 !important;
  width: 100% !important;
  background-color: #f0f8fa;
  border-radius: 0 0.4rem 0.4rem 0.4rem;
}

[dir="rtl"] .signature_box canvas {
  border-radius: 0 0.4rem 0.4rem 0.4rem;
}

.signature_img {
  position: absolute;
  bottom: 0.5rem;
  background-color: transparent;
  right: 0.1rem;
}

/* .worklistHeight .worklist_card .NewOrder{
  height: 100%;
  width: 2px;
  background-color: #13B9DD;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .PatientArrived{
  height: 100%;
  width: 2px;
  background-color: #FA7238;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .ExaminationCompleted{
  height: 100%;
  width: 2px;
  background-color: #F2CD4A;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .ResultEntered{
  height: 100%;
  width: 2px;
  background-color: #6280EC;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
}
.worklistHeight .worklist_card .ResultVerified{
  height: 100%;
  width: 2px;
  background-color: #66CB4D;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.15rem;
} */
.worklistHeight .doc_card .NewOrder {
  border-left: 4px solid #13B9DD;
}

.worklistHeight .doc_card .PatientArrived {
  border-left: 4px solid #FA7238;
}

.worklistHeight .doc_card .ExaminationCompleted {
  border-left: 4px solid #F2CD4A;
}

.worklistHeight .doc_card .ResultEntered {
  border-left: 4px solid #A7AC9B;
}

/* .worklistHeight .doc_card .ResultEntered{
  border-left: 4px solid #6280EC;
} */
.worklistHeight .doc_card .ResultVerified {
  border-left: 4px solid #66CB4D;
}


.worklistHeight .doc_card .NewOrder .inline_legend span {
  background-color: #13B9DD;
}

.worklistHeight .doc_card .PatientArrived .inline_legend span {
  background-color: #FA7238;
}

.worklistHeight .doc_card .ExaminationCompleted .inline_legend span {
  background-color: #F2CD4A;
}

.worklistHeight .doc_card .ResultEntered .inline_legend span {
  background-color: #A7AC9B;
}

/* .worklistHeight .doc_card .ResultEntered{
  background-color: #6280EC;
} */
.worklistHeight .doc_card .ResultVerified .inline_legend span {
  background-color: #66CB4D;
}

.inline_legend_PF_NR span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  background-color: #13B9DD;
}

.inline_legend_PF_BL span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  background-color: #13B9DD;
}

.inline_legend_PF_PA span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  background-color: #FA7238;
}

.inline_legend_PF_RE span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  background-color: #A7AC9B;
}

.inline_legend_PF_RV span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  background-color: #66CB4D;
}

.inline_legend_PF_EC span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  background-color: #F2CD4A;
}


.notificationModal .modal-dialog {
  max-width: 30rem;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

.notificationModal .modal-content {
  border-top-left-radius: 1.4rem !important;
}

.notificationModal .notification_block {
  background: #F7FCFC;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.notificationModal .notification_block .notf_cont {
  width: 95%;
}

.notificationModal .notification_block:hover {
  background: #ECF6F8;
}

.notificationModal .notification_block .right_arrow {
  display: none;
}

.notificationModal .notification_block:hover .right_arrow {
  display: block;
}

.notificationModal .notification_block.read {
  cursor: default !important;
  background: #ECF6F8 !important;
}

.notificationModal .notification_block.read .right_arrow {
  display: none !important;
}

.notificationModal .notification_block .read_icon {
  display: none;
}

.notificationModal .notification_block.read .read_icon {
  display: flex;
  position: absolute;
  bottom: 0.2rem;
  right: 0rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #0ac285;
  border-radius: 0.3rem 0 0.3rem 0;
  padding: 0 0.325rem;
  color: #fff;
}

.doctorlist_modal .modal-dialog {
  max-width: 30rem;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

.doctorlist_modal .modal-content {
  border-top-left-radius: 1.4rem !important;
}

.input-group input {
  /* padding-right: 4rem; */
  /* border-radius: .375rem !important; */
}

.input-group .group_icons {
  position: absolute;
  right: 1rem;
}

.diag_input-group input {
  border-radius: .375rem !important;
}

.statblink_animate {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  animation: statblink 1600ms ease infinite;
  /* text-shadow: 0px 1px 2px #9a9a9a; */
  display: inline-flex;
  padding: 0.1rem 0.5rem;
  border-radius: 0.7rem;
}

.custom_tooltip.custom_tooltip_left_Review .tooltip {
  right: -1rem;
  left: unset;
  bottom: 1.7rem;
}

.custom_tooltip.custom_tooltip_left_Review .tooltip::before,
.custom_tooltip.custom_tooltip_left_Review .tooltip::after {
  right: 0.8rem;
  left: unset;
}

@keyframes statblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.generalConsent_popup .savedConsentsmodal {
  display: none;
  position: absolute;
  top: 2rem;
  background: #fff;
  width: 40rem;
  right: 0;
  z-index: 11;
}

.generalConsent_popup .savedConsentsmodal .modal-content {
  box-shadow: 0 0 0.5rem #ddd;
  border-radius: 0.5rem;
}

.generalConsent_popup .savedConsentsmodal .modal-body {
  height: calc(100vh - 30rem);
  overflow: auto;
}

.generalConsent_popup .savedConsentsmodal .modal-body p {
  line-height: unset;
  font-size: 0.75rem;
}

.generalConsent_popup:hover .savedConsentsmodal {
  display: block;
}

.orderTable {
  height: calc(100vh - 37vh);
  overflow: auto;
}

.orderTable table {
  border-spacing: 0 0.5rem;
  border-collapse: separate;
  border: unset;
}

.orderTable tr th {
  border: unset;
}

.orderTable thead th:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.orderTable thead th:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.orderTable tr.legend_color.prescribed td:first-child {
  border-left: 1px solid #FB8C8C;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.orderTable tr.legend_color.prescribed td:last-child {
  border-right: 1px solid #FB8C8C;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.orderTable tr.legend_color.prescribed td {
  border-top: 3px solid #FB8C8C;
  border-bottom: 1px solid #FB8C8C;
}

/* PARTIAL */
.orderTable tr.legend_color.partial td:first-child {
  border-left: 1px solid #e4cece;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.orderTable tr.legend_color.partial td:last-child {
  border-right: 1px solid #e4cece;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.orderTable tr.legend_color.partial td {
  border-top: 3px solid #e4cece;
  border-bottom: 1px solid #e4cece;
}

/* ISSUED */
.orderTable tr.legend_color.issued td:first-child {
  border-left: 1px solid #FBE28C;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.orderTable tr.legend_color.issued td:last-child {
  border-right: 1px solid #FBE28C;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.orderTable tr.legend_color.issued td {
  border-top: 3px solid #FBE28C;
  border-bottom: 1px solid #FBE28C;
}

.orderTable tr td.circle_legend span {
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: block;
}

.orderTable tr td.circle_legend {
  display: flex;
  align-items: center;
}

.orderTable tr td.circle_legend span {
  margin-right: 0.3rem;
}

/* STAT */
.orderTable tr td.circle_legend span.stat {
  background-color: #EF5056;
}

/* DISCHARGE */
.orderTable tr td.circle_legend span.discharge {
  background-color: #1ABE98;
}

/* BOTH */
.orderTable tr td.circle_legend span.both {
  background-color: #F28040;
}

/* ADMISSION */
.orderTable tr td.circle_legend span.admission {
  background-color: #d3161d;
}

.legend_row .legend {
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: block;
}

.legend_row td {
  border: unset;
}

/* STAT */
.legend_row span.stat {
  background-color: #EF5056;
}

/* DISCHARGE */
.legend_row span.discharge {
  background-color: #1ABE98;
}

/* BOTH */
.legend_row span.both {
  background-color: #F28040;
}

/* ADMISSION */
.legend_row span.admission {
  background-color: #d3161d;
}

.legend_row span.square {
  border-radius: 0%;
}

/* STAT */
.legend_row span.prescribed {
  background-color: #FB8C8C;
  border: 1px solid #F87B7B;
}

.legend_row span.partial {
  background-color: #75A47F;
  border: 1px solid #75A47F;
}

.legend_row span.issued {
  background-color: #FBE28C;
  border: 1px solid #F9D352;
}

.legend_row span.LabPanic {
  background-color: red;
  border: 1px solid red;
}

.legend_row span.LabAbnormal {
  background-color: pink;
  border: 1px solid pink;
}

.doctor_worklist.LabPanic {
  border-left: 0.4rem solid red !important;
}

.doctor_worklist.LabAbnormal {
  border-left: 0.4rem solid pink !important;
}

.doctor_worklist.Normall {
  border: 1px solid #AEDCE8;
}


.doctor_worklist.LabPanicVer {
  background: red !important;
}

.doctor_worklist.LabPanicVer label,
.doctor_worklist.LabPanicVer p,
.doctor_worklist.LabPanicVer a,
.doctor_worklist.LabPanicVer div {
  color: #fff !important;
}

.doctor_worklist.LabAbnormalVer {
  background: pink !important;
}




.legend_row .pagination {
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  min-width: 12rem;
}

.expand.active .btn-icon-3d {
  transform: rotate(-180deg) scale(0.65);
}

.expand .btn-icon-3d {
  transform: scale(0.65);
}

.smoke_icon_hover {
  filter: grayscale(1);
}

.smoke_icon_hover:hover {
  filter: grayscale(0);
}

.smoke_icon {
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 2px solid #8bc3ce;
  position: relative;
}

.smoke_icon .tick {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.smoke_icon_hover.active .tick {
  display: block;
}

.smoke_icon_hover.active {
  filter: grayscale(0);
}

.nobulkprocess {
  height: calc(100vh - 11.4rem)
}

.individualprocess_table .nobulkprocess {
  height: calc(100vh - 10.3rem);
}

.nobulkprocess img {
  height: 10rem;

}


.qoh_animate {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  animation: qohblink 1s ease-in-out infinite;
  /* text-shadow: 0px 1px 2px #9a9a9a; */
  display: inline-flex;
  padding: 0.1rem 0.5rem;
  border-radius: 0.7rem;
  min-width: 2rem;
  display: flex;
  justify-content: center;
}

@keyframes qohblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.nursingInstr .alertline {
  box-shadow: 0 -0.3rem 0rem #AEDCE8;
  border: 1px solid #AEDCE8;
}


.cash_profile .profile_bg {
  background-image: url(../images/icons/Ellipse_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-top-left-radius: 0.5rem;
}

.cash_profile .ssn_label {
  border-top-right-radius: 1.3rem;
  border-bottom-right-radius: 1.3rem;
  font-size: 0.85rem;
  padding: 0.3rem 0.6rem;
}

.cash_profile .ctascore .alert_animate {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  animation: tokenblink 2s ease-in-out infinite;
  display: inline-flex;
  padding: 0.1rem 0.5rem;
  border-radius: 50%;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes tokenblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.cash_profile .patient-photo {
  width: 5rem;
  height: 5rem;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cash_profile .patient-photo::before {
  position: absolute;
  content: " ";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.cash_profile .patient-photo .vip_label {
  position: absolute;
  bottom: -0.5rem;
  color: #286571;
  background: #8ECBD7;
  padding: 0.2rem 0.5rem;
  font-size: 0.7rem;
  letter-spacing: 2px;
  border-radius: 1rem;
  line-height: 1;
}

.prescribeditems .stickhead {
  border-radius: 0px 9px 0px 0px;
  border-bottom: 1px solid #B4DDE4;
  /* background: #F0F8FF; */
  z-index: 1;
}

.prescribeditems .prescribeditems_body {
  /* height: calc(100vh - 18rem);
  overflow: auto; */
}

.prescribeditems .prescribeditems_body::-webkit-scrollbar {
  /* width: 0; */
}

.prescribeditems_body_border {
  border-bottom: 1.5px solid #4bbfd4;
}

.prescribeditems_body .itemslist {
  height: calc(100vh - 26rem);
  overflow: auto;
}

.prescribeditems_body .itemslist::-webkit-scrollbar {
  /* width: 0; */
}

.prescribeditems_body .itemslist .qoh_tooltip .tooltip {
  width: 30rem !important;
  height: 17rem;
  overflow: auto;
}

.prescribeditems_body .itemslist .qoh_tooltip .tooltip table {
  pointer-events: none;
}

.prescribeditems .scandrug {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.percentage_input button {
  background-color: #7C8283;
  border: 1px solid #7C8283;
}

.percentage_input input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.itemslist .itemBlock {
  border: 1px solid #d1d1d1;
  margin-bottom: 0.55rem;
}

.itemslist .itemBlock.active {
  border: 1px solid #4e919e;
  box-shadow: 0 2px 5px #4e919e;
}

.itemslist .itemBlock .endblock {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.itemslist .itemBlock .endblock .status p {
  background-color: #EB6247;
  padding: 0.2rem 0.4rem;
  color: #fff;
  font-size: 0.675rem;
  border-radius: 1rem;
}

.itemslist .itemBlock .endblock .status p.reject {
  background-color: #EB6247;
}

.itemslist .itemBlock .endblock .morelist {
  width: 20rem;
  bottom: unset;
  top: 1.8rem;
  right: -0.5rem;
}

.issued_tooltip .tooltip {
  min-width: 25rem !important;
  top: 2rem !important;
  /* display: block; */
  bottom: unset !important;
}

.infoScroll {
  height: calc(100vh - 26rem);
  overflow: auto;
}

.infoScroll::-webkit-scrollbar {
  width: 0;
}

.qoh_count {
  background-color: #6677CC;
  color: #fff;
}

.qoh_tooltip .tooltip {
  top: 1.8rem;
  bottom: unset !important;
  min-width: 8rem !important;
  /* display: block; */

  /* min-height: calc(100vh - 27rem); */
  /* overflow: auto; */
}

.qoh_tooltip .tooltip::-webkit-scrollbar {
  width: 0;
}

.alert_animate_CashIssue {
  color: #FCEBE8;
  animation: tokenblink 5s ease-in-out infinite;
  display: inline-flex;
  padding: 0.1rem 0.5rem;
  border-radius: 0.7rem;
}

.errormsg {
  padding-top: 0.5rem;
  color: #7C8283;
  line-height: 1.65;
  font-size: 0.75rem;
}

.resource-doctor-list .stickhead {
  border-radius: 9px 9px 0px 0px;
  /* border-bottom: 1px solid #B4DDE4; */
  /* background: #F0F8FF; */
}

.resource-doctor-list .doctors-list-cards {
  height: calc(100vh - 15rem);
  overflow: auto;
}

.resource-doctor-list .no_doctors {
  height: calc(100vh - 17rem);
  display: flex;
}

.resource_avail_config .no_doctors {
  height: calc(100vh - 17rem);
  display: flex;
}

.resource-doctor-list .doctors-list-cards .profile_img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.resource-doctor-list .doctors-list-cards .profile_img .doc_img {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #daeef1;
}

.resource-doctor-list .doctors-list-cards .profile_img .flag_img {
  position: absolute;
  bottom: -0.3rem;
  height: 1.1rem;
}

.resource-doctor-list .doctors-list-cards::-webkit-scrollbar {
  width: 0px;
}

.resource-doctor-list .doctors-list-cards .doctor-card.active {
  border: 1.5px solid #8ECBD7 !important;
  background: #ECF6F8;
  box-shadow: 0px 0px 4px 1px #8ECBD7;
}

.resource-doctor-list .doctors-list-cards .doctor-card .custom_check {
  /* display: none; */
  opacity: 0;
}

.resource-doctor-list .doctors-list-cards .doctor-card.active .custom_check,
.resource-doctor-list .doctors-list-cards .doctor-card:hover .custom_check {
  /* display: block; */
  opacity: 1;
}

.doctor-card_relat .doctor-card_relat_scroll {
  width: 93%;
  margin: 0 auto;
}

.doctor-card_relat .doctor-card_relat_scroll .doctor-card {
  position: relative;
  margin: 0 0.5rem;
}

.doctor-card_relat .doctor-card_relat_scroll .custom_check {
  /* display: none; */
  position: absolute;
  top: -0.7rem;
  right: -0.4rem;
}

.doctor-card_relat .doctor-card_relat_scroll .doctor-card.active .custom_check {
  display: block;
}

.doctor-card_relat .doctor-card_relat_scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.patient_data .left_arrow.disabled {
  opacity: 0.5;
}

.patient_data .right_arrow.disabled {
  opacity: 0.5;
}

.patient_data {
  height: calc(100vh - 14.4rem);
  overflow: auto;
}

.patient_data::-webkit-scrollbar {
  width: 0;
}

.ot_patient_data {
  height: unset !important;
}

.alldays_btn {
  padding: 0.2rem 1rem;
  border: 1px solid #969B9C;
  background: #F2F3F3;
  color: #969B9C;
  font-size: 1rem;
  transition: all .4s ease-in;
  height: 2.3rem;
  display: flex;
  align-items: center;
  border-radius: 2rem;
  align-self: center;
}

.alldays_btn.active {
  padding: 0.2rem 0.5rem;
  border: 1px solid #43A9BC;
  font-size: 0.875rem;
  background-color: #43A9BC;
  color: #fff;
  display: flex;
  align-items: center;
  height: 1.9rem;

}

.week_circles .week_letter {
  cursor: pointer;
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #969B9C;
  background: #F2F3F3;
  color: #969B9C;
  transition: all .4s ease-in;
  text-transform: uppercase;
}

.week_circles .week_letter.active {
  border: 1px solid #43A9BC;
  background-color: #43A9BC;
  color: #fff;
}

.medicine_card .stickhead {
  border-radius: 0px 9px 0px 0px;
  border-bottom: 1px solid #B4DDE4;
  background: #F0F8FF;
}

.medicine_card .allday_selectionrow {
  background: #FFF;
  border-bottom: 2px solid #6CC9DA;
  box-shadow: 0px 4px 6px -2px rgba(35, 89, 98, 0.40);
}

.medical-item-card .custom_check {
  display: none;
}

.medical-item-card:hover .custom_check,
.medical-item-card.active .custom_check {
  display: block;
}

.medical-item-card.active .custom_check svg {
  opacity: 1;
}

.medical-item-card .week_letter {
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
}

.medical-item-card .activity_list .activity_row:nth-child(even) {
  /* background-color: #F5F5F5; */
}

.medical-item-card .activity_list .activity_row:last-child {
  /* border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem; */
}

/* .medical-item-card .activity_list .activity_row.inor_bg{
  border: 1.5px solid #ff000094;
} */
.medical-item-card .activity_list .activity_row.inAvailable_bg {
  border: 1px solid #8ECBD7;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #8ECBD7;
  /* box-shadow: 0px 4px 4px #ebeded; */
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}

.medical-item-card .activity_list .activity_row.inor_bg {
  border: 1px solid #FB8C8C;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #FB8C8C;
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}

.medical-item-card .activity_list .activity_row.inVacation_bg {
  border: 1px solid #FF9D6D;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #FF9D6D;
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}

.medical-item-card .activity_list .activity_row.inPersonal_bg {
  border: 1px solid #B99470;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #B99470;
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}

.medical-item-card .activity_list .activity_row.changeduty_bg {
  border: 1px solid #CECECE;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #CECECE;
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}

.medical-item-card .activity_list .activity_row.oniprounds_bg {
  border: 1px solid #BDBFE2;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #BDBFE2;
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}

.medical-item-card .activity_list .activity_row.VirtualAppointment_bg {
  border: 1px solid #DA0C81;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #DA0C81;
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}

.medical-item-card .activity_list .activity_row.OnCall_bg {
  border: 1px solid #000080;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 6px solid #000080;
  box-shadow: 0px 4px 4px #ebeded;
  /* background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%); */
  border-top-left-radius: 0.75rem !important;
  border-radius: 0.5rem;
}


.medical-item-card .activity_list .activity_row.inAvailable_bg .inline_legend span {
  background: #8ECBD7;
}

.medical-item-card .activity_list .activity_row.inor_bg .inline_legend span {
  background: #FB8C8C;
}

.medical-item-card .activity_list .activity_row.inVacation_bg .inline_legend span {
  background: #FF9D6D;
}

.medical-item-card .activity_list .activity_row.inPersonal_bg .inline_legend span {
  background: #B99470;
}

.medical-item-card .activity_list .activity_row.VirtualAppointment_bg .inline_legend span {
  background: #DA0C81;
}

.medical-item-card .activity_list .activity_row.OnCall_bg .inline_legend span {
  background: #000080;
}


.medical-item-card .activity_list .activity_row.changeduty_bg .inline_legend span {
  background: #CECECE;
}

.medical-item-card .activity_list .activity_row.oniprounds_bg .inline_legend span {
  background: #BDBFE2;
}

.medical-item-card .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  width: 7rem;
}

.medical-item-card .activity_list .activity_row.inrounds_bg {
  border: 1.5px solid #ffa400b3;
}

.resource_activity_list {
  height: calc(100vh - 18.6rem);
  overflow: auto;
}

.edit_activity_list {
  height: calc(100vh - 27.8rem);
}

.resource_activity_list::-webkit-scrollbar {
  width: 0;
}

.inline-dropdown .primary-dropdown button:hover {
  border: unset !important;
}

.modal-toast.modal-dialog .modal-bodyV {
  padding: 0rem 1rem;
  display: flex;
  align-items: baseline;
  flex-direction: column;
  padding-bottom: 0.25rem;
  padding-top: 2rem;
}

.block_timing button {
  background-color: transparent;
}

.block_timing button.active.confirmed {
  background-color: #B4DDE4;
  color: #286571;
}

.block_timing button.active.dep_block {
  background-color: #e4e6e6;
  color: #636869;
}

.block_timing button.active.booked {
  background-color: #FFFFC7;
  color: #636869;
}

.mat-option {
  line-height: unset !important;
  height: unset !important;
  padding: 3px 16px !important;
  height: unset !important;
  white-space: normal !important;
}

.mat-option-text {
  font-size: 0.875rem;
}

.avail_legends {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem 0;
  width: 26rem;
}

.avail_legends span.legend {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.avail_legends span.legend.Inpatient {
  background-color: #E5D9F2;
  border: 1px solid #E5D9F2;
}

.avail_legends span.legend.OPpatient {
  background-color: #E7CCCC;
  border: 1px solid #E7CCCC;
}

.avail_legends span.legend.EMRpatient {
  background-color: #C1CFA1;
  border: 1px solid #C1CFA1;
}

.patientfolder_legends {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.2rem 0;
}

.patientfolder_legends span.legend {
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

.patientfolder_legends span.legend.Inpatient {
  background-color: #BEE2B5;
  border: 1px solid #86B57A;
}

.patientfolder_legends span.legend.EMRpatient {
  background-color: #C9E8EE;
  border: 1px solid #86BECB;
}

.patientfolder_legends span.legend.OPpatient {
  background-color: #F2D8BA;
  border: 1px solid #DBA76C;
}

/* .patientfolder_legends span.legend.Inpatient{
  background-color: #24A862;
}
.patientfolder_legends span.legend.EMRpatient{
  background-color: #DA4E4E;
}
.patientfolder_legends span.legend.OPpatient{
  background-color: #2B6ACA;
} */


.patientfolder_legends span.legend.Inpatient {
  background-color: #3ac77c;
}

.patientfolder_legends span.legend.EMRpatient {
  background-color: #e06262;
}

.patientfolder_legends span.legend.OPpatient {
  background-color: #397ee7;
}


.avail_legends span.legend.visited {
  background-color: #7b97d9;
  border: 1px solid #7b97d9;
}

.avail_legends span.legend.Booked {
  background-color: #4ca559;
  border: 1px solid #4ca559;
}

.avail_legends span.legend.inavailable {
  background-color: #8ECBD7;
  border: 1px solid #43A9BC;
}

.avail_legends span.legend.dep_block {
  background-color: #787878;
}

.avail_legends span.legend.booked {
  background-color: #FFFFC7;
}

.avail_legends span.legend.confirmed {
  background-color: #B4DDE4;
  border: 1px solid #286571;
}

.avail_legends span.legend.change_duty {
  background-color: #CECECE;
}

.avail_legends span.legend.iprounds {
  background-color: #BDBFE2;
}

.avail_legends span.legend.inor {
  background-color: #FB8C8C;
}

.avail_legends span.legend.onvacation {
  background-color: #FF9D6D;
}

.avail_legends span.legend.onPersonal {
  background-color: #B99470;
}

.avail_legends span.legend.VirtualAppointment {
  background-color: #DA0C81;
}

.avail_legends span.legend.onCall {
  background-color: #000080;
}

.avail_legends span.legend.meeting {
  background-color: #00270D;
}

.patientno_data {
  height: calc(100vh - 22.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.doctor_scheduler_page .patientno_data {
  height: calc(100vh - 18.5rem);
}

.doctor_scheduler_page .info_img .tooltip {
  top: 1.8rem;
  bottom: unset;
  width: 22rem;
}

.no-visit {
  height: calc(100vh - 19rem);
}

.resource_avail_config .no-visit {
  height: calc(100vh - 15rem);
}

.resource_avail_config .doctors-list-cards {
  height: calc(100vh - 17.4rem);
}

.resource_avail_config .medical-item-card-list {
  height: calc(100vh - 14.5rem);
}

.resource_avail_config .resource_activity_list {
  height: unset;
}

.available_height {
  height: calc(100vh - 16.1rem);
  overflow: auto;
}

.available_height_ptCard {
  height: calc(100vh - 21rem);
  overflow: auto;
}

.available_height::-webkit-scrollbar {
  width: 0px
}

.available_height .availableTime_position {
  position: sticky;
  top: 0px;
  z-index: 1;
}

.available_height .day_avail .clin_imp button {
  min-width: 6rem;
  border: 1px solid #C3C3C3;
  border-radius: 0.3rem;
  background: #F3F6F7;
  height: 2.3rem;
  color: #436970;
  line-height: 1;
  position: relative;
}

.available_height .day_avail .clin_imp button.modalActive {
  outline: 2px solid #257d8d;
  background-color: #a3deea !important;
  transform: translateY(-5px) scale(1.03);
  transition: .2s all ease-in;
}

.available_height .day_avail .clin_imp button.extendedTime {
  background-color: #cec8ff !important;
}

[dir="rtl"] .available_height .day_avail .clin_imp button {
  direction: ltr;
}

.resource-doctor-list .doctors-list-cards .doc_des .tooltip {
  min-width: 15rem;
  min-height: 5rem;
  top: 1.2rem;
  bottom: unset;
}

@media screen and (max-width:991px) {
  .resource-doctor-list .doctors-list-cards .doc_des .tooltip {
    min-width: 11rem;
    left: unset;
    right: 0;
  }
}

.doctor_scheduler_page .resource-doctor-list .doctors-list-cards {
  height: calc(100vh - 15rem);
  overflow: auto;
}

.lastvisited_toggle_parent .resource-doctor-list .doctors-list-cards {
  height: calc(100vh - 6rem) !important;
}

.lastvisited_toggle_parent .no-visit {
  height: calc(100vh - 6rem) !important;
}

.bookedslots .doctors-list-cards .doctor-card svg.check_img {
  display: none;
  position: absolute;
  top: -0.5rem;
  right: -0.3rem;
}

.bookedslots .doctors-list-cards .doctor-card.active {
  border: 1px solid #dee2e6 !important;
  background-color: unset;
}

.bookedslots .doctors-list-cards .doctor-card.active svg.check_img {
  display: block;
}

span.upcomingCount {
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  position: absolute;
  top: -0.5rem;
  right: -0.3rem;
  animation: upcomingCountblink 4s ease-in-out infinite;
}

/* .btn.selected .upcomingCount{
  background-color: #fff !important;
  color: #368796 !important;
} */



@keyframes upcomingCountblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.block_shadow {
  border-bottom: 2px solid #6CC9DA;
  background: #FFF;
  box-shadow: 0px 4px 6px -2px rgba(35, 89, 98, 0.40);
}

.no-patient-select {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.view_more_dates {
  /* position: absolute !important;
  right: 1rem;
  top: 1.6rem; */
  margin-top: 2rem;
}

[dir="rtl"] .view_more_dates {
  right: unset;
  left: 1rem;
}

.available_filter {
  left: unset !important;
}

.selected-range {
  position: relative;
  /* border-bottom: 3px solid green !important;
  color: white !important; */
}

.selected-range::after {
  content: '' !important;
  position: absolute !important;
  top: 1.7rem !important;
  right: 1rem;
  left: unset !important;
  width: 0.5rem !important;
  min-width: 0.5rem;
  height: 0.5rem !important;
  border-radius: 50%;
  background-color: #368796;
}

.selected-range-red {
  position: relative;
  /* border-bottom: 3px solid green !important;
  color: white !important; */
}

.selected-range-red::after {
  content: '' !important;
  position: absolute !important;
  top: 0.4rem !important;
  right: 0.8rem;
  left: unset !important;
  width: 1rem !important;
  min-width: 0.5rem;
  height: 0.3rem !important;
  border-radius: 0.2rem;
  background-color: #FF0000;
}

.selected-range-2 {
  position: relative;
  /* border-bottom: 3px solid green !important;
  color: white !important; */
}

.selected-range-2::after {
  content: '' !important;
  position: absolute !important;
  top: 0.4rem !important;
  right: 0.8rem;
  left: unset !important;
  width: 1rem !important;
  min-width: 0.5rem;
  height: 0.3rem !important;
  border-radius: 0.2rem;
  background-color: #ffa800;
}

.selected-range-3 {
  position: relative;
  /* border-bottom: 3px solid green !important;
  color: white !important; */
}

.selected-range-3::after {
  content: '' !important;
  position: absolute !important;
  top: 0.4rem !important;
  right: 0.8rem;
  left: unset !important;
  width: 1rem !important;
  min-width: 0.5rem;
  height: 0.3rem !important;
  border-radius: 0.2rem;
  background-color: #36d067;
}

.selected-range-4 {
  position: relative;
  /* border-bottom: 3px solid green !important;
  color: white !important; */
}

.selected-range-4::after {
  content: '' !important;
  position: absolute !important;
  top: 0.4rem !important;
  right: 0.8rem;
  left: unset !important;
  width: 1rem !important;
  min-width: 0.5rem;
  height: 0.3rem !important;
  border-radius: 0.2rem;
  background-color: #585eef;
}

.selected-range-5 {
  position: relative;
  /* border-bottom: 3px solid green !important;
  color: white !important; */
}

.selected-range-5::after {
  content: '' !important;
  position: absolute !important;
  top: 0.4rem !important;
  right: 0.8rem;
  left: unset !important;
  width: 1rem !important;
  min-width: 0.5rem;
  height: 0.3rem !important;
  border-radius: 0.2rem;
  background-color: #f17bda;
}

.consultant-list {
  height: calc(100vh - 50rem);
  overflow: auto;
}

.consultant-list::-webkit-scrollbar {
  width: 0px;
}

.patient_admission_page .casesheet_tabcontent {
  height: calc(100vh - 9rem);
  overflow: auto;
}

.patient_admission_page .casesheet_tabcontent::-webkit-scrollbar {
  width: 0;
}

.packages_header {
  background-color: #f6f6f6 !important;
}

.provisional_bg {
  background-color: #FAF8F8;
}

.doctor-card_relat_scroll owl-carousel-o {
  width: 100%;
}

.doctor-card_relat_scroll .owl-carousel .owl-stage-outer {
  padding: 0.5rem 0;
}

.doctor-card_relat_scroll .owl-nav {
  margin: 0 !important;
}

.doctor-card_relat_scroll .owl-prev {
  border: solid #368796;
  border-width: 0 2px 2px 0;
  display: inline-block !important;
  padding: 4px !important;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-radius: unset !important;
  background-color: unset !important;
  position: absolute;
  top: 1.4rem;
  left: -1.5rem;
}

.doctor-card_relat_scroll .owl-next {
  border: solid #368796;
  border-width: 0 2px 2px 0;
  display: inline-block !important;
  padding: 4px !important;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border-radius: unset !important;
  background-color: unset !important;
  position: absolute;
  top: 1.4rem;
  right: -1.5rem;
}

.doctor-card_relat_scroll owl-carousel-o {
  width: 100%;
}

.doctor-card_relat_scroll .owl-carousel .owl-stage-outer {
  padding: 0.5rem 0;
}

.doctor-card_relat_scroll .owl-nav {
  margin: 0 !important;
}

.doctor-card_relat_scroll .owl-prev {
  border: solid #368796;
  border-width: 0 2px 2px 0;
  display: inline-block !important;
  padding: 4px !important;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-radius: unset !important;
  background-color: unset !important;
  position: absolute;
  top: 1.4rem;
  left: -1.5rem;
}

.doctor-card_relat_scroll .owl-next {
  border: solid #368796;
  border-width: 0 2px 2px 0;
  display: inline-block !important;
  padding: 4px !important;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border-radius: unset !important;
  background-color: unset !important;
  position: absolute;
  top: 1.4rem;
  right: -1.5rem;
}

.saveAppointment_row.active {
  border: 1px solid #368796 !important;
}

.saveAppointment_row.active .custom_check svg {
  opacity: 1;
}

.waitinglist_doccard {
  border: 1.5px solid #8ECBD7 !important;
  background: #ECF6F8;
  border-radius: 0.5rem;
}

.approval_legends span {
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}

.approval_legends span.needApproval {
  background-color: #c51d22;
}

.approval_legends span.covered {
  background-color: #138069;
}

.approval_patient_Card .patient_card {
  border-radius: 8px;
  border: 1px solid var(--Primary-200, #B4DDE4);
  background: linear-gradient(180deg, #FFF 0%, #E9F4F7 100%);
}

.approval_patient_Card .patient_card .patient-photo {
  position: absolute;
  top: -2rem;
}

.approvalRequest .loa_details {
  border-radius: 0.5rem;
  border: 1px solid #B3BBE5;
  background: #F7F8FC;
}

.approvalRequest .loa_details .title {
  color: #4357BC;
  font-size: 1rem;
}

.approvalRequest .loa_details .loa_block {
  border-radius: 2rem;
  background: #E8EBF7;
}

.approvalRequest .loa_details .loa_block label {
  color: #263373;
}

.approvalRequest .loa_details .loa_block p {
  border-radius: 40px;
  background-color: #6677CC;
  color: #fff;
}

.approvalRequest .loa_details .loa_block.exceeded label {
  color: #8A240F;
}

.approvalRequest .loa_details .loa_block.exceeded p {
  background: #EB6247;
}

.approvalRequest .loa_details .loa_block.balance label {
  color: #056142;
}

.approvalRequest .loa_details .loa_block.balance p {
  background: #43BC94;
}

.approvalRequest .payer_details {
  border: 1px solid #43A9BC;
  background: linear-gradient(180deg, #FFF 0%, #E9F4F7 100%);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.20);
}

.approvalRequest .approvalreq_height {
  height: calc(100vh - 15rem);
  overflow: auto;
  padding-bottom: 2rem;
}

.approvalRequest .approvalreq_height::-webkit-scrollbar {
  /* width:0px; */
}

.approvalRequest .approvalreq_height .service_item_body {
  height: 16rem;
  /* height: calc(100vh - 41rem); */
  overflow: auto;
}

.approvalRequest .approvalreq_height::-webkit-scrollbar {
  width: 0px;
}

.approvalRequest .service_item_table table {
  border-spacing: 0 0.5rem;
  border-collapse: separate;
  border: unset;
}

.approvalRequest .service_item_table th {
  border: unset;
}

.approvalRequest .service_item_table thead th:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.approvalRequest .service_item_table thead th:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.approvalRequest .service_item_table td:first-child {
  border-left: 1px solid #ced4da;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.approvalRequest .service_item_table td:last-child {
  border-right: 1px solid #ced4da;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.approvalRequest .service_item_table td {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

/* .approvalRequest .service_item_table .list_legend{
  border-left: 3px solid red !important;
} */
.approvalRequest .service_item_table .list_legend.needApproval {
  border-left: 3px solid #c51d22 !important;
}

.approvalRequest .service_item_table .list_legend.covered {
  border-left: 3px solid #138069 !important;
}

.surgery_legends span.legend {
  width: 0.7rem;
  min-width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  display: block;
}

.surgery_legends span.legend.request {
  background-color: #E7C87E;
}

.surgery_legends span.legend.schedule {
  background-color: #55D8D6;
}

.surgery_legends span.legend.booked {
  background-color: #87ABDE;
}

.surgery_legends span.legend.Cancelled {
  background-color: #ed4070d4;
}

.surgery_legends span.legend.surCompleted {
  background-color: #6BCC6E;
}

.surgery_legends span.legend.surCancelled {
  background-color: #e55f69;
}

.surgery_legends span.legend.pendingApproval {
  background-color: #F7AA64;
}

.doctor_worklist.highrisk {
  box-shadow: 0 -0.3rem 0rem #EB6247;
  border: 1px solid #EB6247;
}

.doctor_worklist.Cancelled {
  border-left: 0.3rem solid #ed4070d4 !important;
}

.doctor_worklist.request {
  border-left: 0.3rem solid #FFC402 !important;
}

.doctor_worklist.schedule {
  border-left: 0.3rem solid #55D8D6 !important;
}

.doctor_worklist.booked {
  border-left: 0.3rem solid #87ABDE !important;
}

.doctor_worklist.surCompleted {
  border-left: 0.3rem solid #6BCC6E !important;
}

.doctor_worklist.pendingApproval {
  border-left: 0.3rem solid #F7AA64 !important;
}

.doctor_worklist.Cancelled .inline_legend span {
  background-color: #ed4070d4;
}

.doctor_worklist.request .inline_legend span {
  background-color: #FFC402;
}

.doctor_worklist.schedule .inline_legend span {
  background-color: #55D8D6;
}

.doctor_worklist.booked .inline_legend span {
  background-color: #87ABDE;
}

.doctor_worklist.surCompleted .inline_legend span {
  background-color: #6BCC6E;
}

.doctor_worklist.pendingApproval .inline_legend span {
  background-color: #F7AA64;
}

.doctor_worklist.surCancel .inline_legend span {
  background-color: #e55f69;
}

.ot_height .tab-content {
  height: calc(100vh - 18rem);
  overflow: auto;
}

.ot_height .tab-content::-webkit-scrollbar {
  width: 0px;
}

.initial_medical_page .custom_check svg {
  min-width: 1rem;
}

.surgery_tooltip {
  /* display: block !important; */
  width: 37rem;
  bottom: unset !important;
  top: 1.7rem;
  /* border: 2px solid;
  border-image-slice: 1;
  border-width: 2px;
  border-image-source: linear-gradient(to right, #368896, #3ab5cb); */
  /* border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to right, hsla(189, 47%, 40%, 1), hsla(189, 58%, 51%, 1)); */
}

.surgery_tooltip svg {
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
}

.Admission_requests {
  height: calc(100vh - 12rem);
  overflow: auto;
}

.Admission_requests::-webkit-scrollbar {
  width: 0px;
}

.admission_legends span {
  width: 0.9rem;
  min-width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
}

.admission_legends .newReq span {
  background-color: #E7C87E;
  /* border: 1px solid #C28E0A; */
}

.admission_legends .admitted span {
  background-color: #6BCC6E;
  /* border: 1px solid #0AC285; */
}

.doctor_worklist.newReq {
  /* box-shadow: 0 -0.2rem 0rem #E7C87E; */
  border-left: 0.3rem solid #E7C87E;
  /* border: 1px solid #f7e7ba; */
}

.doctor_worklist.admitted {
  /* box-shadow: 0 -0.2rem 0rem #6BCC6E; */
  /* border: 1px solid #bcf1da; */
  border-left: 0.3rem solid #6BCC6E;
}

.doctor_worklist .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.1rem 0.5rem;
}

.doctor_worklist.EHR .inline_legend span {
  background-color: #6877ca;
}

.doctor_worklist.newReq .inline_legend span {
  background-color: #E7C87E;
}

.doctor_worklist.admitted .inline_legend span {
  background-color: #6BCC6E;
}

.doctor_worklist.PatientArrived .inline_legend span {
  background-color: #FA7238;
}

.doctor_worklist.discharged .inline_legend span {
  background-color: #1ABE98;
}

.doctor_worklist.bookedaku .inline_legend span {
  background-color: #87abde;
}


.doctor_worklist.admittedNewRequest {
  /* box-shadow: 0 -0.2rem 0rem #6BCC6E; */
  /* border: 1px solid #bcf1da; */
  border-left: 0.5rem solid #f7e1f1;
}

.doctor_worklist.admittedApproved {
  /* box-shadow: 0 -0.2rem 0rem #6BCC6E; */
  /* border: 1px solid #bcf1da; */
  border-left: 0.5rem solid #d6ead8;
}

.roomnum_list {
  display: flex;
  /* grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); */
  gap: 0.7rem;
  border-bottom: 1px solid #368796;
}

.roomnum_list .room_num {
  color: #636869;
  border: 1px solid #dee2e6;
  border-bottom: unset !important;
}

.roomnum_list .room_num.active {
  color: #368796;
  border-bottom: 2px solid #368796;
  background-color: #DAEEF1;
  border: 1px solid #368796;
}

.roomnum_list .room_num .check_img {
  display: none;
  position: absolute;
  top: -0.5rem;
  right: -0.4rem;
}

.roomnum_list .room_num.active .check_img {
  display: block;
}

.resource-doctor-list .rooms_block_list {
  height: calc(100vh - 17.7rem);
  overflow: auto;
}

.resource-doctor-list .rooms_block_list::-webkit-scrollbar {
  width: 0;
}

/* .resource-doctor-list .rooms_block{
  height: calc(100vh - 18rem);
  overflow: auto;
} */
.resource-doctor-list .rooms_block::-webkit-scrollbar {
  width: 0px;
}

.available_date_list {
  /* display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0.7rem; */
}

.available_date_list .avail_card {
  min-width: 5.6rem;
  position: relative;
}

.available_date_list .avail_card.active {
  border: 1px solid #43A9BC !important;
  background-color: #DAEEF1;
}

.available_date_list .avail_card svg {
  position: absolute;
  position: absolute;
  top: -0.3rem;
  right: -0.6rem;
  display: none;
}

.available_date_list .avail_card.active svg {
  display: block;
}

.booked_slots .doctors-list-cards .doctor-card .custom_check {
  opacity: 0;
  display: block;
}

.booked_slots .doctors-list-cards .doctor-card.active .custom_check,
.booked_slots .doctors-list-cards .doctor-card:hover .custom_check {
  opacity: 1;
}

.collected_barcode svg {
  filter: grayscale(1);
  opacity: 0.6;
}

.collected_barcode.active svg {
  filter: grayscale(0);
  opacity: 1;
}


.seperate_table.table-bordered>:not(caption)>*>* {
  border-width: 1px 0;
}

.seperate_table.table-bordered th,
.seperate_table.table-bordered td {
  border-right: 1px solid #E1E1E1;
}

.seperate_table table {
  border-spacing: 0 0.5rem;
  border-collapse: separate;
  border: unset;
}

.seperate_table {
  border-spacing: 0 0.5rem;
  border-collapse: separate;
  border: unset;
}

.seperate_table tr th {
  border: unset;
}

.seperate_table thead th:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.seperate_table thead th:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.seperate_table tr td:first-child {
  border-left: 1px solid #ced4da;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.seperate_table tr td:last-child {
  border-right: 1px solid #ced4da;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.seperate_table tr td {
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
}

.intakeSummary_table .total_row {
  background-color: #f3f3f3;
}

.intakeSummary_table .fixed_alter_body::-webkit-scrollbar {
  width: 0 !important;
}

.intakeSummary_body {
  height: calc(100vh - 22.8rem);
  overflow: auto;
}

.intakeSummary_body::-webkit-scrollbar {
  width: 0;
}

.modalCalender .modal-dialog {
  /* margin: 0 auto; */
}

.modalCalender .available_height {
  height: calc(100vh - 5.5rem);
}

.modalCalender .ot_nurs_dash .nurs_dash_body {
  height: calc(100vh - 15rem);
}

.ot_schedule_height {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.bookedSlots_tooltip .tooltip {
  bottom: unset !important;
  top: 1.7rem;
}

.edit_slot_height {
  height: calc(100vh - 22rem);
  overflow: auto;
}

.edit_slot_height::-webkit-scrollbar {
  width: 0;
}

.edit_slot_height .service_detail_table {
  height: unset;
  overflow: unset;
}

.edit_slot_height .service_detail_table:last-child {
  margin-bottom: 2rem !important;
}

.roomCollapse .col-3.resource-doctor-list {
  display: none;
}

.roomCollapse .col-9 {
  width: 100%;
  margin: unset;
}

.roomCollapse .col-9 .rotatearrow {
  transform: rotate(180deg);
}

.doctor_worklist.Scheduled {
  border-left: 0.3rem solid #1ABE98 !important;
}

.doctor_worklist.prescribed {
  border-left: 0.3rem solid #F87B7B !important;
}

.doctor_worklist.partial {
  border-left: 0.3rem solid #75A47F !important;
}

.doctor_worklist.issued {
  border-left: 0.3rem solid #F9D352 !important;
}

.doctor_worklist .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.1rem 0.5rem;
}

.doctor_worklist.prescribed .inline_legend span {
  background-color: #F87B7B;
}

.doctor_worklist.partial .inline_legend span {
  background-color: #75A47F;
}

.doctor_worklist.issued .inline_legend span {
  background-color: #F9D352;
}

.doctor_worklist.DYC .inline_legend span {
  background-color: #FA7238;
}

.doctor_worklist.Admitted .inline_legend span {
  background-color: #75A47F;
}

.doctor_worklist.NewRequest .inline_legend span {
  background-color: #F592EC;
}



.doctor_worklist .legend_row {
  position: absolute;
  right: -0.5rem;
  top: 0.3rem;
}

.individualprocess_table {
  height: calc(100vh - 15.3rem);
  overflow: auto;
}

.individual_processing_height {
  height: calc(100vh - 13.9rem);
  overflow: auto;
}

.individual_processing_height::-webkit-scrollbar {
  width: 0;
}

.individual_processing_height .inline_legend {
  width: 10rem;
}

.individual_processing_height .inline_legend span {
  justify-content: center;
}

.fromandto_time input {
  background-color: transparent;
  border: unset;
  font-size: 0.75rem;
  padding: 0;
}

.bookslot_modal .service_detail_table {
  max-width: unset;
  height: calc(100vh - 20rem);
}

/* .viewavailableSlots .ot_nurs_dash .nurs_dash_body{
  height: calc(100vh - 25.2rem);
} */
.doctor-card .patient-photo {
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #D9EEF2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.doctor-card .patient-photo::before {
  position: absolute;
  content: " ";
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #C7E5EB;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.doctor_worklist .patient-photo {
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #D9EEF2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.doctor_worklist .patient-photo::before {
  position: absolute;
  content: " ";
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #C7E5EB;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.viewavailableSlots .edit_slot_height {
  height: calc(100vh - 15rem);
}

.viewavailableSlots .ot_nurs_dash .nurs_dash_body {
  /* height: calc(100vh - 15.5rem); */
  height: calc(100vh - 33rem);
}

.walkthrough_info_card .vitals .vital_block {
  grid-template-columns: repeat(3, 1fr) !important;
  box-shadow: 0 2px 8px #d2d2d2;
}

.walkthrough_info_card .vitals .vital_block .vital_hover {
  border-right: 1px solid #B4DDE4;
}

.walkthrough_info_card .vitals .vital_block .vital_hover:nth-child(3n) {
  border-right: 0;
}

.walkthrough_info_card .vitals .vital_block .vital_hover:nth-last-child(-n+3) {
  /* border-bottom: 0 !important; */
}

.walkthrough_info_card .vitals .vital_block .vital_hover:hover {
  background: #43a9bc;
}

.walkthrough_info_card .vitals .vital_block .vital_hover:hover svg path {
  fill: #fff;
}

.walkthrough_info_card .vitals .vital_block .vital_hover:hover p {
  color: #fff;
}

.walkthrough_info_card .vitals .vital_block .vital_hover:first-child {
  border-top-left-radius: 0.375rem;
}

.walkthrough_info_card .vitals .vital_block .vital_hover::nth-child(15n) {
  border-bottom-right-radius: 0.375rem;
}

.walkthrough_info_card .vitals .vital_block .vital_hover.disabled {
  filter: grayscale(1);
  opacity: 0.8;
  pointer-events: none;
}

.bedtransfer_cards {
  height: calc(100vh - 8.4rem);
  overflow: auto;
}

.bedtransfer_cards .room_cards_row {
  /* display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(45rem, 1fr)); */
  /* grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); */
  /* gap: 0.5rem; */
  min-height: unset;
}

.bedtransfer_cards .bed-info .bed-icon {
  width: 4rem !important;
  height: 4rem !important;
}

.bedtransfer_cards .bed-info .bed-icon::before {
  width: 3.35rem !important;
  height: 3.35rem !important;
}

.bedtransfer_cards .bed-info .bed-info-label {
  margin-top: -0.7rem !important;
  padding: 0.05rem 0.55rem !important;
  font-size: 0.55rem !important;
  width: 100% !important;
}

.bedtransfer_cards .bed-board.bed-board-occupied {
  border: unset !important;
  max-height: unset !important;
  overflow: unset;
}

.cashProfile_box {
  /* margin-left: -1px;
  margin-right: -1px;
  box-shadow: 0 -4px 6px -3px #bfcdcf87;
  margin-top: 0.75rem; */
}

.notfCount {
  background: #d94242;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -0.7rem;
  right: -0.5rem;
}

.notfCountBedAllocation {
  background: #d94242;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -0.7rem;
  right: -0.5rem;
}

.billsummary_height {
  /* height: calc(100vh - 14rem);
  overflow: auto; */
}

.billsummary_height::-webkit-scrollbar {
  width: 0px;
}

.billsummary_height .amount_label {
  font-size: 1.1rem;
}

.bill_amnt_row {
  background: linear-gradient(180deg, #f4fdff 12.92%, #bcd8de 100%);
}

.hold_custom_tooltip .tooltip {
  min-width: 15rem;
  top: 1.8rem;
  bottom: unset;
  right: -0.9rem !important;
}

.hold_custom_tooltip .tooltip p {
  white-space: unset;
}

.patient_summary_page .pat_lefnav .navlinks_height {
  height: calc(100vh - 22rem);
  overflow: auto;
}

.patient_summary_page .pat_lefnav .navlinks_height::-webkit-scrollbar {
  width: 0;
}

.patient_summary_page .pat_rightcont {
  /* height: calc(100vh - 16.5rem);
  overflow: auto; */
}

.patient_summary_page .pat_rightcont_body {
  /* height: calc(100vh - 19.5rem) !important; */
  height: calc(100vh - 20.5rem) !important;
  overflow: auto;
}

.patient_summary_page .pat_rightcont_body::-webkit-scrollbar {
  width: 0.3rem;
}

.patient_summary_page .pat_rightcont_body .ChronicWound_card {
  border: unset;
}

.patient_summary_page .pat_rightcont_body .ChronicWound_height {
  height: unset;
}

.patient_summary_page .pat_rightcont_body .ChronicWound_height>.card.card-style-1 {
  margin: 0 !important;
}

.patient_summary_page .pat_rightcont_body .ChronicWound_height .active_wounds_body .fixed_alter_body {
  height: calc(100vh - 29.8rem) !important;
}

.patient_summary_page .pat_lefnav .navbutton {
  border: 1px solid #CACDCE;
  background: linear-gradient(#F3F3F3, #FFFFFF);
  padding: 0.475rem 0.875rem;
  cursor: pointer;
}

.patient_summary_page .pat_lefnav .navbutton:hover,
.patient_summary_page .pat_lefnav .navbutton.active {
  border: 1px solid #B4DDE4;
  background: linear-gradient(#b7d7dd, #FFFFFF);
}

.patient_summary_page .pat_lefnav .navbutton p {
  color: #3D3D3D;
}

.patient_summary_page .pat_rightcont .chiefcomplaints_text {
  min-height: unset;
}

.patient_summary_page .pat_rightcont .clinical_toggle .btn {
  height: 1.65rem !important;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block {
  padding: 0.5rem 2.5rem;
  border-right: 1px solid #DAEEF1;
  border-bottom: 1px solid #DAEEF1;
  position: relative;
}

@media screen and (max-width:1500px) {
  .patient_summary_page .pat_rightcont .vitals_card .vital_block {
    padding: 0.5rem 1.3rem;
  }
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block:nth-child(4n) {
  border-right: 0;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block:nth-last-child(-n + 4) {
  border-bottom: 0;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block .vital_status {
  position: absolute;
  right: 1.3rem;
  top: 1rem;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block.high .vital_status {
  right: 1rem;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block .vital_status span {
  color: #EB6247;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block .vital_status {
  display: none;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block.high,
.patient_summary_page .pat_rightcont .vitals_card .vital_block.low {
  display: block;
}

.patient_summary_page .pat_rightcont .vitals_card .vital_block.high .vital_svg circle,
.patient_summary_page .pat_rightcont .vitals_card .vital_block.low .vital_svg circle {
  stroke: #EB6247;
  stroke-width: 1.5;
}

.patient_summary_page .pat_rightcont .invest_sect .invest_card:hover,
.patient_summary_page .pat_rightcont .invest_sect .invest_card.active {
  border: 1px solid #B4DDE4 !important;
  background-color: #ECF6F8;
}

.patient_summary_page .pat_rightcont .diagnosis_list {
  height: 12rem;
  overflow: auto;
}

.patient_summary_page .pat_rightcont .diagnosis_list::-webkit-scrollbar {
  width: 0;
}

.patient_summary_page .pat_rightcont .medication_list {
  height: calc(100vh - 79vh);
  overflow: auto;
}

.patient_summary_page .pat_rightcont .medication_list::-webkit-scrollbar {
  width: 0;
}

/* .patient_summary_page .clinical_toggle .btn span{
  width: 1.5rem;
  min-width: 2.4rem;
  height: 1.5rem;
  background-color: #CACDCE;
  color: #636869;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  padding: 0.3rem 1rem;
  font-size: 0.875rem;
  margin-left: 0.5rem;
  height: 1.3rem;
}
.patient_summary_page .clinical_toggle .btn.selected span{
  background-color: #B4DDE4;
  color: #368796;
} */
.patient_summary_page .invet_card_list {
  overflow: auto;
}

.patient_summary_page .invet_card_list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.patient_summary_page .invet_card_list .invest_card {
  min-width: 11.9rem;
}

.patient_summary_page.multi-patients .pat_lefnav .navlinks_height {
  height: calc(100vh - 25rem) !important;
}

.patient_summary_page.multi-patients .pat_rightcont_body {
  /* height: calc(100vh - 21.4rem) !important; */
  /* height: calc(100vh - 17.4rem) !important; */
  height: calc(100vh - 23.4rem) !important;
}

.surgery_select_table .more_actions .tooltip {
  top: 1.8em;
  bottom: unset;
}

.surgery_select_table {
  height: calc(100vh - 40rem);
  overflow: auto;
}

.surgery_select_table::-webkit-scrollbar {
  width: 0;
}

.resourcesheight {
  height: calc(100vh - 40rem);
  overflow: auto;
}

.resourcesheight::-webkit-scrollbar {
  width: 0;
}

.roomcleaning {
  background-color: red;
}

.ps_showLabRadTestRsults .modal-body {
  padding: 0;
}

.ps_showLabRadTestRsults .modal-body .tab-content {
  padding: 1rem !important;
  height: calc(100vh - 12rem) !important;
}

.pt_no-patient-select {
  display: flex;

}

.pt_no-patient-select {
  height: calc(100vh - 10rem);
}

.pt_no-patient-select img {
  height: 7rem;
}

.ot_patient_data .filter_Date .filter_dropdow {
  right: 0;
  left: unset;
  top: 1.4rem;
}

.progressnote_cards .innerhtml_p {
  font-size: 0.75rem;
}

.medicationtable .card_maxim {
  max-height: 4.2rem;
  overflow: hidden;
}

.medicationtable .card_maxim.expand {
  max-height: unset;
  overflow: unset;
}

.greytime_Card {
  background-color: #f3f3f3 !important;
  cursor: default !important;
}

.patient_MedicationsData .medicationtable .corner_dots {
  right: 0;
  top: 0rem;
  width: unset;
}

.pt_summary_owlcarousel {
  width: 98%;
  margin: 0 auto;
}

.pt_summary_owlcarousel .owl-stage {
  display: flex;
}

.pt_summary_owlcarousel .owl-item {
  min-width: 4rem;
}

.pt_summary_owlcarousel .owl-prev {
  border: solid #368796;
  border-width: 0 2px 2px 0;
  display: inline-block !important;
  padding: 4px !important;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-radius: unset !important;
  background-color: unset !important;
  position: absolute;
  top: 1.4rem;
  left: -1.5rem;
}

.pt_summary_owlcarousel .owl-next {
  border: solid #368796;
  border-width: 0 2px 2px 0;
  display: inline-block !important;
  padding: 4px !important;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border-radius: unset !important;
  background-color: unset !important;
  position: absolute;
  top: 1.4rem;
  right: -1.5rem;
}

/* item-cards.component.css */

.cal_card {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin: 10px;
  display: inline-block;
}

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

.pt_summary_customcarousel #item-container {
  overflow: auto;
}

.pt_summary_customcarousel #item-container::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.high_risk_btn .btn-danger-outline {
  background-color: #FCEBE8;
  border: 1px solid #FCEBE8;
}

.high_risk_btn .btn-danger-outline path {
  display: none;
}

.high_risk_btn .btn-danger-outline.active {
  background-color: #F08A75;
}

.high_risk_btn .btn-danger-outline.active path {
  display: block;
}

/* .high_risk_btn .btn-danger-outline svg circle{
  fill: #E63C1A;
}
.high_risk_btn .btn-danger-outline svg path{
  stroke: #fff;
}
.high_risk_btn .btn-danger-outline.active svg circle{
  fill: #fff;
}
.high_risk_btn .btn-danger-outline.active svg path{
  stroke: #E63C1A;
} */
.high_risk_btn .btn-danger-outline p {
  color: #E53C1A;
}

.high_risk_btn .btn-danger-outline.active p {
  color: #fff;
}

/* .high_risk_btn .btn-danger-outline:hover{
  background-color: #F08A75;
  color: #fff !important;
} */
.pre_medication_left .prescriptiondate.active {
  border: 1px solid #8ECBD7 !important;
  background-color: #ECF6F8;
}

/* .pre_medication_left .bottom_prescriptiondate{
  background-color: #F7F8F8;
}
.pre_medication_left .prescriptiondate.active .bottom_prescriptiondate{
  background-color: #DAEEF1 !important;
}  */
.pre_medication_left .prescriptiondate.active .custom_check svg {
  opacity: 1;
}

.prescriptiondate_height {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.prescriptiondate_height::-webkit-scrollbar {
  width: 0px;
}

.prescriptiondate_right_height {
  height: calc(100vh - 17.9rem);
  overflow: auto;
}

.prescriptiondate_right_height::-webkit-scrollbar {
  width: 0px;
}

.ornurse_disable> :not(:first-child) {
  filter: grayscale(1);
  pointer-events: none;
}

.vteform_height {
  height: calc(100vh - 23rem);
  overflow: auto;
}

.vteform_height table th {
  white-space: unset !important;
}

.other_preop {
  height: calc(100vh - 15rem);
  overflow: auto;
}

.other_preop::-webkit-scrollbar {
  width: 0px;
}

.PreOpChecklist_tab .container__wrapper {
  min-height: unset !important;
  overflow: unset;
}

.PreOpChecklist_tab .page-header.sticky-top {
  /* display: none !important; */
  box-shadow: unset !important;
  border: unset;
  z-index: unset;
  background-color: unset;
}

.PreOpChecklist_tab .page-header.sticky-top .page-heading {
  display: none !important;
}

.PreOpChecklist_tab .other_preop {
  height: calc(100vh - 21.3rem);
  overflow: auto;
}

.PreOpChecklist_tab .other_preop::-webkit-scrollbar {
  width: 0px;
}

.PreOpChecklist_tab .surgery_pat_card .col-md-8 {
  width: 100%;
}

.surgery_record_page {
  height: calc(100vh - 12.7rem);
  overflow: auto;
}

.surgery_record_page::-webkit-scrollbar {
  width: 0;
}

.template_list {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.template_list::-webkit-scrollbar {
  width: 0;
}

.ovr_template_scroll {
  overflow: auto;
  height:calc(100vh - 12rem)
}

.ovr_template_scroll::-webkit-scrollbar {
  width: 0;
}

.template_scroll {
  height: calc(100vh - 7rem);
  overflow: auto;
}

.template_scroll::-webkit-scrollbar {
  width: 0;
}

.surgerynote_page {
  /* height: calc(100vh - 11.7rem); */
  overflow: auto;
}

.surgerynote_page::-webkit-scrollbar {
  width: 0;
}

.SurgerySchedulesSSRS .schedule_height {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.SurgerySchedulesSSRS .schedule_height::-webkit-scrollbar {
  width: 0;
}

.otdoctorAppointmentModal .modal-header {
  position: absolute;
  width: 100%;
  height: 3.3rem;
}

.otdoctorAppointmentModal .page-header {
  width: 97%;
  height: 3.3rem !important;
  border: unset !important;
}

.otdoctorAppointmentModal .ot_schedule_height {
  margin: 1rem !important;
  height: calc(100vh - 9rem);
}

.otdoctorAppointmentModal .ot_nurs_dash .nurs_dash_body {
  height: calc(100vh - 32rem) !important;
}

.otdoctorAppointmentModal .doctors-list-cards {
  height: calc(100vh - 12.5rem);
}

.riskbg_blue_color {
  background-color: #6677cc !important;
  color: #fff;
}

.riskbg_red_color {
  background-color: #ff5858 !important;
  color: #fff;
}

.drug_adm_chartModal .available_date_list .avail_card {
  min-width: 3.5rem;
}

.drug_adm_chartModal .available_height {
  height: unset;
}

.drug_adm_chartModal .nurs_dash_body {
  height: calc(100vh - 28rem) !important;
}

#viewavailableSlots .modal-header {
  position: unset;
  height: unset;
}

#viewavailableSlots .ot_nurs_dash .nurs_dash_body {
  /* height: calc(100vh - 15.5rem); */
  height: calc(100vh - 18rem) !important;
}

#viewavailableSlots .patientno_data {
  height: calc(100vh - 15.5rem);
}


.tooltip-container {
  position: relative;
  display: inline-block;
}

.tooltip-text {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  transition: visibility 0s, opacity 0.5s linear;
}

/* Default tooltip positioning at the bottom */
.tooltip-text.bottom {
  top: 100%;
}

/* Adjusted tooltip positioning at the top */
.tooltip-text.top {
  bottom: 100%;
}

.favouritesList_scroll {
  height: calc(100vh - 9rem);
  overflow: auto;
}

.favouritesList_scroll::-webkit-scrollbar {
  width: 0;
}

.dash_tabs_content {
  height: calc(100vh - 12rem);
  overflow: auto;
}

.dash_tabs_content::-webkit-scrollbar {
  width: 0;
}

.dash_tabs_content .block:hover {
  overflow: hidden;
}

.dash_tabs_content .block:hover::before {
  content: '';
  display: block;
  background-color: #43A9BC;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.acc_receivable .block:hover::before {
  content: unset;
}

.inpatient_Selection .clin_imp .btn-secondary-outline {
  /* border: unset !important; */
  background-color: unset !important;
  color: #87c3ce;
  font-weight: 500;
  position: relative;
}

.inpatient_Selection .clin_imp button:hover,
.inpatient_Selection .clin_imp button.active {
  color: #fff !important;
  background-color: #43A9BC !important;
}

.inpatient_Selection .clin_imp button:hover svg path:first-child,
.inpatient_Selection .clin_imp button.active svg path:first-child {
  fill: #fff;
  opacity: 1;
}

.inpatient_Selection .clin_imp button:hover svg path:last-child,
.inpatient_Selection .clin_imp button.active svg path:last-child {
  fill: #43A9BC;
}

/* .inpatient_Selection .fav svg.active path{
  fill: #368796;
  stroke: #368796;
} */
.update_bill_height {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.update_bill_height::-webkit-scrollbar {
  width: 0;
}

.update_Billable_noPatient_height {
  height: calc(100vh - 10rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.facilityList_height {
  height: calc(100vh - 13rem);
  overflow: auto;
}

.facilityList_height::-webkit-scrollbar {
  width: 0;
}

.quick_order .order_block.alert .block_header {
  border-bottom: 1px solid #ff9966;
  background: #ff9966;
}

.quick_order .order_block.alert .block_header h5 {
  color: #FFFFFF;
}

.mini_nav.left-col {
  max-width: 6%;
  height: calc(100vh - 9rem);
}

/* .mini_nav.left-col .patient__details {
  display: none;
} */
.mini_nav .nav-pills {
  justify-content: center !important;
}

.mini_nav .nav_Arrow {
  transform: rotate(180deg) !important;
}

.left-col .patient__details .patient__photo {
  /* width: 2rem;
  height: 2rem; */
  border: 2px solid #B4DDE4;
  outline: 0.45rem solid #DAEEF1;
  box-shadow: 0px 0px 0px 0.85rem #ECF6F8;
}

.left-col .patient__details .patient__photo {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.left-col .patient__details .patient__photo::before {
  position: absolute;
  content: " ";
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.left-col .patient__details .patient__photo img {
  height: 100%;
  position: relative;
  border-radius: 50%;
}

.mini_nav .input-file-upload {
  width: 80px;
  margin-top: 0.5rem;
}

.mini_nav .input-file-upload::before {
  font-size: 0.6rem;
}

.mini_nav .file__upload input {
  /* display: none; */
}

.mini_nav #navbar-example2 li {
  position: relative;
}

.mini_nav #navbar-example2 li p {
  display: none;
}

.mini_nav #navbar-example2 li .nav-link {
  justify-content: center;
}

/* .left-col .tooltip{
  display: none;
}
.mini_nav #navbar-example2 li .tooltip{
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  display: none;
  opacity: 1;
  left: 26px;
  bottom: -27px;
  min-width: 5rem;
  transition: transform 250ms;
}
.mini_nav #navbar-example2 li .tooltip p{
  display: block !important;
  white-space: nowrap;
  font-size: 0.65rem;
  font-weight: 500;
  transition: transform 250ms;
}
.mini_nav #navbar-example2 li .tooltip::before{
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  left: 0.8rem;
  transform: rotate(-90deg);
  border-color: transparent transparent transparent #cdcdcd;
  border-width: 0.4rem;
  border-style: solid;
}
.mini_nav #navbar-example2 li .tooltip::after{
  content: "";
  display: block;
  position: absolute;
  top: -0.7rem;
  left: 0.8rem;
  transform: rotate(-90deg);
  border-color: transparent transparent transparent #fff;
  border-width: 0.4rem;
  border-style: solid;
}
.mini_nav #navbar-example2 li:hover .tooltip{
  display: block !important;
} */
.dietchart_height {
  height: calc(100vh - 21rem);
  overflow: auto;
}

.dietchart_height::-webkit-scrollbar {
  width: 0;
}

.vitals_status_low_high {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.alerthover_modal {
  /* display: none; */
  width: 28rem;
  /* opacity: 0; */
  /* height: 0; */
  /* transition: width 2s; */
  /* transition-delay: .2s; */
  position: fixed;
  top: 0%;
  /* left: 40%;   */
  right: 0;
  height: 100vh;
  z-index: 11;
  /* transform: translate(-50%, 50%); */
}

.alert_hover_btn:hover+.alerthover_modal {
  /* display: block; */
  /* opacity: 1; */
  width: 25%;
  animation: expandWidth 600ms ease-in-out;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.25rem #00000038;
}

.alertclick {
  display: block;
  opacity: 1;
  width: 25%;
  animation: expandWidth 600ms ease-in-out;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.25rem #00000038;
}

.alert_bg_Header {
  background-color: #ECF6F8;
}

.alert_bg_Header h6 {
  color: #368796;
}

.alertclick .alert_bg_body {
  height: calc(100vh - 3rem);
  overflow: auto;
}

.alert_bg_HighRisk {
  background-color: #f26b6b;
}

.alert_bg_HighRisk h6 {
  color: #fff;
}

.alert_bg {
  background-color: #FAD8D1;
}

.alert_bg h6 {
  color: #EB6247;
}

.highalert_modal .alerthover_modal {
  border: 1px solid #e3bbb2 !important;
}

@keyframes expandWidth {
  0% {
    width: 0;
    /* height: 0; */
    opacity: 0;
  }

  /* 70%{
      width: 20%;
  } */
  100% {
    width: 25%;
    /* height: max-content; */
    opacity: 1;
  }
}

#pills-others .others_adverse {
  height: unset;
}

.modal_drug_adm_chartTable {
  height: calc(100vh - 15.6rem) !important;
  overflow: auto;
}

.modal_drug_adm_chartTable::-webkit-scrollbar {
  width: 0;
}

.drug_adm_chartTable tr {
  box-shadow: 0 2px 3px #0000000F;
}

.drug_adm_chartTable .table-scroll-container::-webkit-scrollbar {
  width: 0;
}

.drug_adm_chartTable .textarea_box_single::before,
.drug_adm_chartTable .textarea_box_single::after {
  content: "";
  display: block;
  position: absolute;
  border-width: 0.4rem;
  border-style: solid;
  transform: rotate(-90deg);
}

.drug_adm_chartTable .textarea_box_single::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.drug_adm_chartTable .textarea_box_single::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;
}

.drug_adm_chartTable .close_remarks_icon {
  position: absolute;
  top: -0.5rem;
  right: -0.4rem;
}

.drug_adm_chartTable .dsc_pill {
  padding: 0.4rem 0.6rem;
  border-radius: 0.85rem;
  height: 1.7rem;
}

.drug_adm_chartTable .dsc_pill.Mpill {
  background-color: #FFE3AE;
  /* width: 7.4rem; */
  width: auto;
}

.drug_adm_chartTable .dsc_pill.Mpill p:first-child {
  color: #A16B04;
}

.drug_adm_chartTable .dsc_pill.Mpill svg path {
  fill: #A16B04;
}

.drug_adm_chartTable .dsc_pill .editable_time select {
  width: 2.6rem;
  padding: 0.075rem 0.15rem;
  background-color: transparent;
  border: 0;
  background-position: right 0.35rem center;
  box-shadow: unset !important;
}

.drug_adm_chartTable .dsc_pill.Cpill {
  background-color: #93da96;
  /* width: 7.4rem; */
  width: auto;
}

.drug_adm_chartTable .dsc_pill.Cpill p:first-child {
  color: #1B5E20;
}

.drug_adm_chartTable .dsc_pill.Cpill svg path {
  fill: #1B5E20;
}

.drug_adm_chartTable .dsc_pill.Holdpill {
  background-color: #eb6247;
  /* width: 7.4rem; */
  width: auto;
}

.drug_adm_chartTable .dsc_pill.Holdpill p:first-child {
  color: #fff;
}

.drug_adm_chartTable .dsc_pill.Holdpill svg path {
  fill: #fff;
}

.drug_adm_chartTable .dsc_pill.Ppill {
  background-color: #BFBEF1;
  /* width: 7.4rem; */
  width: auto;
}

.drug_adm_chartTable .dsc_pill.Ppill p:first-child {
  color: #65658B;
}

.drug_adm_chartTable .dsc_pill.Ppill svg path {
  fill: #65658B;
}


.drug_adm_chartTable .dsc_pill.UHpill {
  background-color: #C6DCBA;
  /* width: 7.4rem; */
  width: auto;
}

.drug_adm_chartTable .dsc_pill.UHpill p:first-child {
  color: #65658B;
}

.drug_adm_chartTable .dsc_pill.UHpill svg path {
  fill: #65658B;
}



.drug_adm_chartTable .dsc_pill.Fpill {
  background-color: #B2DDEC;
  /* width: 7.4rem; */
  width: auto;
}

.drug_adm_chartTable .dsc_pill.Fpill p:first-child {
  color: #4E6A74;
}

.drug_adm_chartTable .dsc_pill.Fpill svg path {
  fill: #4E6A74;
}

.drug_adm_chartTable .dsc_pill.NApill {
  background-color: #D6D6D6;
  /* width: 7.4rem; */
  width: auto;
  height: 1.8rem;
}

.drug_adm_chartTable .dsc_pill.NApill p:first-child {
  color: #797979;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend span {
  padding: 0.1rem 0rem;
  border-radius: 0.85rem;
  min-width: 2.5rem;
  text-align: center;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.Holdpill_legend span {
  background-color: #eb6247;
  color: #fff;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.UnHoldpill_legend span {
  background-color: #C6DCBA;
  color: #fff;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.Cpill_legend span {
  background-color: #93da96;
  color: #1B5E20;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.Ppill_legend span {
  background-color: #BFBEF1;
  color: #65658B;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.Fpill_legend span {
  background-color: #B2DDEC;
  color: #4E6A74;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.Dfill_legend span {
  background-color: #ddc6f4;
  color: #6a5881;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.NAfill_legend span {
  background-color: #D6D6D6;
  color: #797979;
}

.drug_adm_chartModal .drug_adm_chartTable_legends .pill_legend.Nfill_legend span {
  background-color: #FFE1CC;
  color: #8B5C39;
}

.vte_view_modal .modal-dialog {
  max-width: 99% !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.vte_view_modal .modal-dialog .card.card-style-1.mt-3 {
  margin: 1rem;
}

.vte_view_modal .modal-dialog .vteform_height {
  height: calc(100vh - 10rem);
  overflow: auto;
}

.vte_view_modal .modal-dialog .initial_medical_page {
  height: calc(100vh - 7.7rem);
  overflow: auto;
}

.vte_view_modal .container__wrapper {
  height: unset;
  min-height: unset !important;
}

.DiagnosisDoctordiv .btn-icon-3d {
  top: 0.2rem !important;
  z-index: 999 !important;
  right: 0.4rem !important;
}

.DiagnosisDoctordiv_table {
  overflow-y: auto;
  height: calc(100vh - 27rem);
}

.DiagnosisDoctordiv_table::-webkit-scrollbar {
  width: 0;
}

.DiagnosisDoctordiv_table thead th {
  position: sticky;
  top: 0;
  z-index: 11;
}

.DiagnosisDoctordiv_table table {
  border-collapse: collapse;
  width: 100%;
}

/* New Login Wrapper */
.new_login_wrapper {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  /* background-image: url(../images/login-bg/new_loginbg1.png); */
  background-position: center;
  background-size: cover;
}

.new_login_wrapper .login_form_wrapper .login_form_card .alert_msg {
  color: #ff2a00;
  font-size: 1.9rem;
  font-weight: bold;
  position: absolute;
  bottom: -7rem;
  white-space: nowrap;
  background: #fff;
  padding: 0.4rem;
  border-radius: 0.4rem;
  animation: loginalertblink 500ms ease-in-out infinite;
}

@keyframes loginalertblink {
  0% {
    color: #43A9BC;
  }

  50% {
    color: #ff2a00;
  }

  100% {
    color: #43A9BC;
  }
}

.new_login_wrapper .login_form_wrapper .login_form_card {
  /* width: 33%; */
  background-color: #ffffffa8;
  border: 2px solid #fff;
  border-radius: 1rem;
  transform: scale(0.75);
  /* border-image-source: linear-gradient(162.02deg, #FFFFFF 2.6%, #0591B9 90.27%); */
  /* background: linear-gradient(180deg, rgba(177, 246, 255, 0.033) 0%, rgba(0, 176, 200, 0.046) 100%); */
}

.new_login_wrapper .login_form_wrapper .login_form_card h3 {
  color: #286571;
  font-size: 1.125rem;
  margin-bottom: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.new_login_wrapper .login_form_wrapper .login_form_card h2 {
  color: #286571;
  font-size: 1.75rem;
  font-weight: 200;
}

.new_login_wrapper .login_form_wrapper .login_form_card .form-control {
  box-shadow: 0px 1px 16px 0px #3C9FADA6;
  height: 3.75rem;
  background-color: #ECF6F8;
  border: 1px solid #368796;
  border-radius: 0.875rem;
  color: #368796;
  font-size: 1rem;
  text-align: left;
  padding-left: 3rem;
}

.new_login_wrapper .login_form_wrapper .login_form_card .btn-primary {
  width: 100%;
  background-color: #43A9BC;
  border-color: #43A9BC;
  height: 3.75rem;
  color: #ECF6F8;
  border-radius: 0.875rem;
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new_login_wrapper .login_form_wrapper .date-time {
  font-size: 1rem;
  color: #1B444B;
}

.newloginfade_carousel {
  position: absolute !important;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.newloginfade_carousel .carousel-inner {
  height: 100%;
}

.newloginfade_carousel .carousel-item {
  height: 100%;
}

.newloginfade_carousel .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(4px);
  opacity: 0.9;
  background: linear-gradient(180deg, rgba(177, 246, 255, 0.03) 0%, rgba(0, 176, 200, 0.05) 100%);
  backdrop-filter: blur(6px);
}

.pbmalert_modal .pbm_legends span {
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}

.pbmalert_modal .pbm_legends .red_legend {
  background-color: #e95b5b;
}

.pbmalert_modal .pbm_legends .green_legend {
  background-color: green;
}

.pbmalert_modal .presc_legends .red_legend {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 7px solid #e95b5b !important;
  box-shadow: 0px 4px 4px #ebeded;
}

.pbmalert_modal .presc_legends .green_legend {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 7px solid green !important;
  box-shadow: 0px 4px 4px #ebeded;
}

.prescribed_height {
  min-height: calc(100vh - 13rem);
  overflow: auto;
}

.prescribed_height::-webkit-scrollbar {
  width: 0;
}

.pbmalert_modal .presc_legends .red_legend {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 4px solid red !important;
  box-shadow: 0px 4px 4px #ebeded;
}

.pbmalert_modal .presc_legends .green_legend {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 4px solid green !important;
  box-shadow: 0px 4px 4px #ebeded;
}

.prescribed_height {
  min-height: calc(100vh - 13rem);
  overflow: auto;
}

.prescribed_height::-webkit-scrollbar {
  width: 0;
}

.notfCountBedCount {
  background: #43a9bc;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -0.35rem;
  right: -0.3rem;
}

.notfCountBedTransferCount {
  background: #43a9bc;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -0.35rem;
  right: -0.3rem;
}

.notfCountMedicationActiveCount {
  background: #43a9bc;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -0.09rem;
  right: 5.0rem;
}

.notfCountMedicationInActiveCount {
  background: #43a9bc;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -0.09rem;
  right: 0.1rem;
}

.preopchklistForm_height {
  height: calc(100vh - 13.1rem);
  overflow: auto;
}

.preopchklistForm_height::-webkit-scrollbar {
  width: 0;
}

.ot_preOperativeTab .preopchklistForm_height {
  height: calc(100vh - 20.5rem);
  overflow: auto;
}

.ltcau_page .ltcau_lefnav .navlinks_height {
  height: calc(100vh - 24rem);
  overflow: auto;
}

.ltcau_page .ltcau_lefnav .navlinks_height::-webkit-scrollbar {
  width: 0;
}

.ltcau_page .ltcau_lefnav .navbutton {
  border: 1px solid #CACDCE;
  background: linear-gradient(#F3F3F3, #FFFFFF);
  padding: 0.875rem;
  cursor: pointer;
}

.ltcau_page .ltcau_lefnav .navbutton:hover,
.ltcau_page .ltcau_lefnav .navbutton.active {
  border: 1px solid #B4DDE4;
  background: linear-gradient(#b7d7dd, #FFFFFF);
}

.ltcau_page .ltcau_lefnav .navbutton p {
  color: #3D3D3D;
}

.patient_summary_page .ltcau_rightcont {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.patient_summary_page .ltcau_rightcont::-webkit-scrollbar {
  width: 0;
}

.generalConsent_height {
  height: calc(100vh - 32rem);
  overflow: auto;
}

.generalConsent_height::-webkit-scrollbar {
  width: 0;
}

.longterm_progress_height {
  height: calc(100vh - 27.6rem);
  overflow: auto;
}

.longterm_progress_height::-webkit-scrollbar {
  width: 0;
}

.longterm_referral_height {
  height: calc(100vh - 27.6rem);
  overflow: auto;
}

.longterm_referral_height::-webkit-scrollbar {
  width: 0;
}

.table_header_fix {
  overflow-y: auto;
  max-height: calc(100vh - 26rem);
}

.table_header_fix_width {
  overflow-y: auto;
  max-height: calc(100vh - 26rem);
}

.table_header_fix_OR {
  overflow-y: auto;
  height: calc(100vh - 14rem);
}

.table_header_fix_category {
  overflow-y: auto;
  height: calc(100vh - 35rem);
}

.table_header_fix::-webkit-scrollbar {
  width: 0;
}

.table_header_fix_width::-webkit-scrollbar {
  width: 0.5rem;
}

.table_header_fix thead th {
  position: sticky;
  top: 0;
  z-index: 11;
}

.table_header_fix_width thead th {
  position: sticky;
  top: 0;
  z-index: 11;
}

.table_header_fix table {
  /* border-collapse: collapse;          */
  width: 100%;
}


.table_header_fix_category {
  overflow-y: auto;
  height: calc(100vh - 35rem);
}

.table_header_fix_OR::-webkit-scrollbar {
  width: 0;
}

.table_header_fix_OR thead th {
  position: sticky;
  top: 0;
  z-index: 11;
}

.table_header_fix_OR table {
  /* border-collapse: collapse;          */
  width: 100%;
}

.eforms_content .min_cont {
  position: absolute;
  z-index: 11;
  top: 0.7rem;
  left: 1rem;
}

.eforms_content .eforms_right_content_min .min_cont svg {
  transform: rotate(180deg);
  transition: .2s ease-in-out;
}

.eforms_right_content .card-style-1.rounded .card-header {
  padding-left: 3rem;
}

.eforms_right_content .card-style-1.rounded .card-style-1 .card-header {
  padding-left: 1rem;
}

.eforms_right_content {

  .generalConsentForm_page,
  .consentForm_page {
    .view-header {
      height: 2rem;
    }
  }
}

.statistics_overflow {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.statistics_overflow::-webkit-scrollbar {
  width: 0;
}

.yesno_modal .exit_icon {}

.Prescribed_itemslist .card-style-1.ReqQty_null {
  border-left: 0.3rem solid #1ABE98;
}

.pa_scroll {
  height: calc(100vh - 20.7rem);
  overflow: auto;
}

.pa_scroll::-webkit-scrollbar {
  width: 0;
}

.op_Servicetable table {
  border: unset;
}

.op_Servicetable table td {
  padding: 0.7rem !important;
  border: unset;
}

.op_billing_page {
  width: 21cm;
  min-height: 29.7cm;
  height: 100%;
  position: relative;
  background-image: url(../images/op_page_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-bottom: 5rem;
}

/* .op_billing_header{

} */
.op_billing_header .left-bg img {
  width: 60%;
}

.op_billing_header .left-bg {
  background-image: url(../images/header-left-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1rem;
  text-align: left;
  height: 5rem;
}

.op_billing_header .right-bg {
  background-image: url(../images/header-right-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 1rem;
  padding-left: 4rem;
  text-align: center;
  height: 5rem;
}

.op_billing_page .page_footer {
  background-color: #69bac9;
  width: 100%;
  padding: 1.5rem 1rem;
  border-radius: 1rem 1rem 0 0;
  box-shadow: 0px 8px 0px 0px #368796 inset;
  position: absolute;
  bottom: 0;
}

.op_billing_body {
  /* margin-top: -4rem !important; */
  background: #fff;
  border-radius: 0.75rem;
  overflow: hidden;
  height: 90%;
}

.op_billing_body .op_billing_pricecard {
  border: 1px dashed #8ECBD7;
}

.op_billing_body .op_billing_pricecard label {
  color: #7C8283;
}

.op_billing_body .clear_svg {
  width: 2.3rem;
  min-width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: #ffffffa3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}

/* KEEN SLIDER */

.keen_preview_img .zoom_icon {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  background-color: #ffffffde;
  box-shadow: 0px 2px 5px #777;
  padding: 0.45rem;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.keen-slider .keen-slider__slide {
  transform: unset !important;
}

.keen-slider .keen-slider__slide img {
  width: 100%;
  cursor: pointer;
}

.keen-slider .keen-slider__slide img.active {
  border: 3px solid #378796;
  box-shadow: 0 4px 12px -2px #00000099;
}

.casesheet_parental_care .container__wrapper {
  height: unset !important;
}

.casesheet_parental_care {
  height: calc(100vh - 15rem);
  overflow: auto;
}

.casesheet_parental_care .template_scroll {
  height: calc(100vh - 19.1rem);
  padding: 0.5rem 0.75rem !important;
}

.casesheet_parental_care::-webkit-scrollbar {
  width: 0;
}

.surgical_saftey_scroll {
  height: calc(100vh - 13.6rem);
  overflow: auto;
}

.surgical_saftey_scroll::-webkit-scrollbar {
  width: 0;
}

.previouschiefcomplaints_modal .template_list {
  height: calc(100vh - 14rem);
  overflow: auto;
}

.previouschiefcomplaints_modal .template_list {
  height: calc(100vh - 14rem);
  overflow: auto;
}

.previouschiefcomplaints_modal .Cheifcomplaint_list {
  height: calc(100vh - 14rem);
  overflow: auto;
}

.previouschiefcomplaints_modal .Cheifcomplaint_list::-webkit-scrollbar {
  width: 0;
}

.view_approval_table {
  height: calc(100vh - 28rem);
  overflow: auto;
}

.view_approval_table::-webkit-scrollbar {
  width: 0;
}

.shifthandoverPage {
  height: calc(100vh - 18rem);
  overflow: auto;
}

.shifthandoverPage::-webkit-scrollbar {
  width: 0;
}

.bedboards_height {
  height: calc(100vh - 9rem);
  overflow: auto;
}

.bedboards_height::-webkit-scrollbar {
  width: 0;
}

.fitfordischarge_modal .prescriptiondate_height {
  max-height: calc(100vh - 17.7rem);
  height: unset;
  overflow: auto;
}

.fitfordischarge_modal .prescriptiondate_right_height {
  max-height: calc(100vh - 19.5rem);
  height: 100%;
  overflow: auto;
}

.fitfordischarge_row {
  /* position: absolute;
    right: 0.5rem;
    bottom: 0.5rem; */
}

.ngb_error_modal .modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin)* 2);
}

.input_dropdown::after {
  content: '';
  position: absolute;
  top: 0.65rem;
  right: 0.8rem;
  display: block;
  width: 0.8rem;
  height: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.parentalcare_page {
  height: calc(100vh - 21rem);
  overflow: auto;
}

.parentalcare_page::-webkit-scrollbar {
  width: 0;
}

.search_dropdown {
  background-color: #DAEEF1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  height: 2.1rem;
  border: 1px solid #70b0bc;
}

.search_dropdown:hover .dropdown-menu {
  display: block;
}

.search_dropdown_li {
  list-style: none;
}

.search_dropdown_li::before {
  content: '';
  display: block;
  background-image: url('../images/icons/arrow-down.svg');
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  margin-top: 0.3rem;
  cursor: pointer;
}

.search_dropdown_li .dropdown-menu {
  left: 0;
  top: 1.9rem;
  width: 100%;
}

.search_dropdown_li .dropdown-menu li .legend {
  width: 0.6rem;
  min-width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
}

.ip_bill_tabs .nav.nav-pills {
  border: unset;
}

.ip_bill_tabs .nav .nav-link {
  color: #7C8283;
  font-weight: bold;
  padding: 0 1rem !important;
}

.ip_bill_tabs .nav .nav-link.active {
  background-color: transparent;
  color: #368796;
  border-bottom: unset;
}

.ip_bill_tabs .nav .nav-link::after {
  content: '';
  display: block;
  height: 2px;
  background-color: transparent;
  width: 70%;
  margin: 0 auto;
  margin-top: 0.2rem;
}

.ip_bill_tabs .nav .nav-link.active::after {
  content: '';
  background-color: #368796;
  width: 70%;
}

.mainbill_table table thead tr:first-child th {
  background-color: #F2F3F380 !important;
}

.mainbill_table table thead tr th:first-child {
  text-align: left;
}

.mainbill_table table thead tr th {
  text-align: right;
}

.mainbill_table table tbody tr td {
  text-align: right;
}

.mainbill_table table tbody tr td:first-child {
  text-align: left;
}

.mainbill_table table tbody tr:first-child,
.mainbill_table table tbody tr:last-child {
  background: linear-gradient(180deg, rgba(227, 242, 245, 0.4) 0%, #E2F1F4 100%);
}

.mainbill_table table tbody tr:first-child td,
.mainbill_table table tbody tr:last-child td {
  border-color: #B4DDE4 !important;
  font-weight: bold;
  color: #357D83;
}

.detailedbillTable thead th {
  background-color: #F2F3F3 !important;
}

.detailedbillTable.table_header_fix {
  overflow-y: auto;
  height: calc(100vh - 29rem);
}

.detailedbillTab .leftTabs li {
  list-style-type: none;
}

.detailedbillTab .leftTabs li button {
  border-radius: 0.35rem;
  color: #7C8283;
  padding: 0.75rem 1rem;
  width: 100%;
  text-align: left;
}

.detailedbillTab .leftTabs li button.active {
  background-color: #DAEEF1;
  color: #368796;
}

.walkthrough_print {
  width: 210mm;
  height: 297mm;
  margin: 0 auto;
}

.resultTemplate {
  width: 210mm;
  height: 297mm;
  margin: 0 auto;
  overflow: auto;
}

.resultTemplate::-webkit-scrollbar {
  width: 0;
}

.angular-editor-textarea * {
  /* all: unset; */
}

.riskfactor label {
  /* color: #E53C1A;
  font-weight: bold; */
}

.riskfactor .riskfactor_bar {
  /* background: linear-gradient(90deg, #6FEA24 0%, #FFE040 25%, #FF9315 50%, #FF5106 75%, #C30000 100%);
  border-radius: 1rem;
  position: relative;
  margin-top: 1.3rem; */
}

.riskfactor span {
  /* width: 2rem;
  height: 1.2rem;
  border-radius: 1rem;
  background: #286571;
  color: #fff;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -1.9rem; */
  color: #368796;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
}

/* .riskfactor span.active{
  background: #368796;
  color: #fff;
} */
.riskfactor span::after {
  /* content: '';
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #286571;
  position: absolute;
  top: 1.6rem; */
}

.riskfactor span::before {
  /* content: '';
  display: block;
  width: 0.13rem;
  height: 0.7rem;
  background: #286571;
  position: absolute;
  top: 1rem; */
}

/* .riskfactor_modal .modal-body{
  height: calc(100vh - 8rem);
  overflow: auto;
}
.riskfactor_modal .modal-body::-webkit-scrollbar{
  width: 0;
} */
.casesheet_diagnosis {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.casesheet_diagnosis::-webkit-scrollbar {
  display: none;
}

.casesheet_diagnosis .diagnosis_wrapper {
  border: 1px solid #B0B4B5;
  border-radius: 0.5rem;
  overflow: hidden;
}

.doc_case_diag .casesheet_diagnosis {
  /* height: calc(100vh - 15rem); */
  height: unset;
  overflow: unset;
}

.doc_case_diag .casesheet_diagnosis .diag_table {
  height: 25.1rem;
  overflow: auto;
}

.doc_case_diag .casesheet_diagnosis .diag_table::-webkit-scrollbar {
  width: 0;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td:nth-child(even) {
  background-color: #F6F6F6;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td p {
  color: #7C8283;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td {
  position: relative;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td .ShowCoverageStatus {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  border-radius: 0.3rem;
  opacity: 1;
  top: 3.6rem;
  left: 0;
  transform: translateY(-50%);
  min-width: 5rem;
  transition: transform 250ms;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td .ShowCoverageStatus p::before,
.doc_case_diag .casesheet_diagnosis .diag_table .diag_td .ShowCoverageStatus p::after {
  content: "";
  display: block;
  position: absolute;
  border-width: 0.4rem;
  border-style: solid;
  transform: rotate(-90deg);
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td .ShowCoverageStatus p::before {
  top: -0.8rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td .ShowCoverageStatus p::after {
  top: -0.7rem;
  left: 0.8rem;
  border-color: transparent transparent transparent #fff;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td:hover .ShowCoverageStatus {
  display: block;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td .flag_icon {
  position: absolute;
}

.doc_case_diag .casesheet_diagnosis .diag_table .diag_td .flag_icon path {
  animation: flagblink 1s ease-in-out infinite;
}

@keyframes flagblink {
  0% {
    fill: #f10101;
  }

  50% {
    fill: #fff;
  }

  100% {
    fill: #f10101;
  }
}

.diag_chiefcomplaints .pills_toggle {
  position: absolute;
  top: 0.6rem;
  right: 1rem;
}

.diag_lab_hover .dropdown-menu {
  display: none;
}

.diag_lab_hover:hover .dropdown-menu {
  display: block;
}

#viewVitals .vitalgraph_Table {
  height: calc(100vh - 25rem);
}

#viewVitals .vitalgraph_Table::-webkit-scrollbar {
  width: 0;
}

#viewVitals .chart-line {
  height: 17rem;
}

.metcall_row {
  width: 14rem;
}

.met-call_wrapper {
  /* display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
    grid-gap: 0.5rem;
    width: 100%; */
}

.card-content_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr)); */
  grid-gap: 0 0.2rem;
  width: 100%;
}

.met-call-card {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAF8FA));
  background: linear-gradient(180deg, #FFFFFF 0%, #EAF8FA 100%);
  border: 2px solid #4F8B97;
  /* -webkit-box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.25), 0px 6px 0px #69BAC9, 0px 4px 8px -2px #1E3539;
          box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.25), 0px 6px 0px #69BAC9, 0px 4px 8px -2px #1E3539; */
  border-radius: 0.5rem;
  /* overflow: hidden; */
  /* width: 6.4rem; */
}

.met-call-card .card-heading {
  background: #ECF6F8;
  border-bottom: 2px solid #B9DDE4;
  border-radius: 0.5rem 0.5rem 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.met-call-card .card-heading h3 {
  color: #1B94AC;
  text-shadow: 0px 1px 2px rgba(49, 55, 113, 0.3);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.6rem;
  padding: 0.1rem 0;
  letter-spacing: 1px;
  margin: 0;
}

.met-call-card .card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.15rem;
  gap: 0.25rem;
  line-height: 1;
  border-right: 1px solid #b9dee3;
  /* border-bottom: 1px solid #b9dee3; */
}

.met-call-card .card-content h4 {
  font-size: 0.85rem;
  font-weight: 700;
  color: #1F98DB;
  text-align: center;
  width: 100%;
}

.met-call-card .card-content .tooltip {
  top: 1.3rem;
  bottom: unset;
}

.met-call-card .card-content._female svg * {
  fill: #EC519B;
}

.met-call-card .card-content._female h4 {
  color: #EC519B;
}

.met-call-card .card-footer p {
  padding: 0;
  color: #55686E;
  font-size: 0.6rem;
  text-align: center;
  font-weight: 500;
}

.clinical_allergy_block .clinical_toggle .btn {
  min-width: 2rem;
  width: 2rem;
  height: 1rem !important;
}

.clinical_allergy_block label {
  font-size: 0.65rem;
}

.casesheet_patient_info .vital_block .vital_icon {
  width: 2rem;
}

.casesheet_patient_info .subOptions_tooltip .tooltip {
  top: 23px;
  right: -5px;
  bottom: unset;
  width: 12rem;
}

.vital_type {
  border: 1px solid #4357BC;
  border-radius: 1rem;
  padding: 0.17rem 0.17rem 0.17rem 0.5rem;
}

.vital_type button {
  font-size: 0.75rem;
  padding: 0.25rem;
  border: 1px solid #B3BBE5;
  line-height: 1;
}

.vitalOT_type {
  border-radius: 1rem;
  padding: 0.17rem 0.17rem 0.17rem 0.5rem;
}

.vitalOT_type button {
  font-size: 0.75rem;
  padding: 0.25rem;
  border: 1px solid #B3BBE5;
  line-height: 1;
}

.diag_type {
  border: 1px solid #4357BC;
  border-radius: 1rem;
  padding: 0.17rem 0.17rem 0.17rem 0.5rem;
}

.diag_type button {
  font-size: 0.75rem;
  padding: 0.25rem;
  border: 1px solid #B3BBE5;
  line-height: 1;
}

.custom_dropdown:hover .dropdown-menu {
  display: block;
}

.custom_dropdown .dropdown-toggle {
  background-color: #fff;
  color: #212529;
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  position: relative;
  padding-right: 1.5rem;
  width: 100%;
  text-align: left;
}

.custom_dropdown .dropdown-menu {
  width: 100%;
  padding: 0;
  max-height: 15rem;
  overflow: auto;
}

.custom_dropdown .dropdown-item {
  cursor: pointer;
  color: #212529;
  border: unset;
  white-space: normal;
  padding: 0.3rem;
}

.custom_dropdown .dropdown-toggle::after {
  border: unset !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313435' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0.6rem;
  right: 0.4rem;
}

.custom_dropdown.Primarycustom_dropdown button {
  border: 1px solid #8ECBD7;
  background-color: #ECF6F899;
}

.custom_dropdown_ellipsis .dropdown-toggle::after {
  background-image: unset !important;
}

.custom_hw_field_wrapper .afterlabel_form {
  padding: 0.275rem 0.3rem;
  font-size: 0.875rem;
  border: 1px solid #ced4da;
}

.custom_hw_field_wrapper .afterlabel_form input {
  border: unset;
  padding: 0;
  box-shadow: unset !important;
}

.custom_hw_field_wrapper .afterlabel_form label {
  color: #4A4E4F80;
  font-size: 0.6rem;
  width: 1.6rem;
}

.custom_hw_field {
  color: #212529;
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  position: relative;
  padding-right: 1.5rem;
}

.custom_hw_field_wrapper .height_field {
  width: 6rem;
}

.custom_hw_field_wrapper .alert_label {
  position: absolute;
  left: 50%;
  top: 8%;
  transform: translateX(-24%);
}

.custom_hw_field_wrapper .height_field .afterlabel_form {
  border-radius: .375rem 0 0 .375rem;
  border-right: 0 !important;
}

.custom_hw_field_wrapper .weight_field {
  width: 6rem;
}

.custom_hw_field_wrapper .weight_field .afterlabel_form {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.custom_hw_field_wrapper .headcircumference_field {
  width: 6rem;
}

.custom_hw_field_wrapper .headcircumference_field .afterlabel_form {
  border-radius: 0 .375rem .375rem 0;
  border-left: 0;
}

.custom_hw_field_wrapper .merge_field:last-child label.border-end {
  border-right: unset !important;
}

/* .custom_hw_field_wrapper .merge_field:last-child .afterlabel_form.border-end{
  border-right: unset !important;
} */
.custom_hw_field_wrapper .merge_field:last-child .afterlabel_form {
  border-right: 1px solid #ced4da;
  border-radius: 0 .375rem .375rem 0;
}

/* Medication 12-aug */
.medicationsForm .custom_hw_field_wrapper .afterlabel_form {
  border: unset !important;
  padding: 0;
}

.input_seelct_merge input {
  border: unset;
  box-shadow: unset;

}

.durationofillness {
  width: 10rem;
}

.input_selct_merge {
  color: #212529;
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  border: 1px solid #ced4da;
  border-radius: .375rem;
}

.input_selct_merge input,
.input_selct_merge .dropdown-toggle {
  border: unset;
  box-shadow: unset !important;
  /* color: #4A4E4F80; */
  padding-top: 0;
  padding-bottom: 0;
}

.input_selct_merge .dropdown-toggle {
  color: #212529;
}

.input_selct_merge .custom_dropdown {
  line-height: 1;
}

.input_selct_merge .custom_dropdown .dropdown-toggle::after {
  top: 0.3rem;
}

.patient_arrival {
  width: 21rem;
}

.clinical_condition {
  width: 16rem;
}

.clinical_condition button {
  overflow: hidden;
  text-overflow: ellipsis;
}

.contraception {
  width: 15.2rem;
}

.painreaction_dropdown {
  min-width: 14rem;
}

.painreaction_dropdown .dropdown-toggle {
  display: flex;
  gap: 5px;
}

.painreaction_dropdown .dropdown-item {
  border-bottom: 1px solid #6abac9;
}

.painreaction_dropdown .dropdown-item:last-child {
  border-bottom: unset;
}

.painreaction_dropdown .dropdown-toggle .pain_img {
  width: 1.3rem;
  height: 1.3rem;
}

.painreaction_dropdown .dropdown-toggle::after {
  right: 2.5rem;
}

.painreaction_dropdown .dropdown-toggle .score_count {
  background-color: #DAEEF1;
  width: 2rem;
  font-size: 1.3rem;
  white-space: nowrap;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
}

.painreaction_dropdown .dropdown-menu .pain_img {
  width: 1.3rem;
  height: 1.3rem;
}

.painreaction_dropdown .dropdown-menu .score_count {
  background-color: #DAEEF1;
  width: 2rem;
  font-size: 1.3rem;
  white-space: nowrap;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.4rem;
}

/* CUSTOM TOGGLE */
.custom_toggle input[type="checkbox"].toggle {
  opacity: 0;
  position: absolute;
  left: -99999px;
}

.custom_toggle input[type="checkbox"].toggle+label {
  height: 1.6rem;
  width: 3.5rem;
  line-height: 1.5rem;
  background-color: #CACDCE;
  padding: 0px 0.5rem;
  border-radius: 1rem;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.custom_toggle input[type="checkbox"].toggle+label:before,
.custom_toggle input[type="checkbox"].toggle+label:hover:before {
  content: ' ';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 1.3rem;
  height: 1.3rem;
  background: #fff;
  z-index: 2;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 1rem;
}

.custom_toggle input[type="checkbox"].toggle+label .off,
.custom_toggle input[type="checkbox"].toggle+label .on {
  color: #fff;
  font-size: 0.75rem;
}

.custom_toggle input[type="checkbox"].toggle+label .off {
  margin-left: 1.3rem;
  display: inline-block;
}

.custom_toggle input[type="checkbox"].toggle+label .on {
  display: none;
}

.custom_toggle input[type="checkbox"].toggle:checked+label .off {
  display: none;
}

.custom_toggle input[type="checkbox"].toggle:checked+label .on {
  margin-right: 1.2rem;
  display: inline-block;
}

.custom_toggle input[type="checkbox"].toggle:checked+label,
.custom_toggle input[type="checkbox"].toggle:focus:checked+label {
  background-color: #43A9BC;
}

.custom_toggle input[type="checkbox"].toggle:checked+label:before,
.custom_toggle input[type="checkbox"].toggle:checked+label:hover:before,
.custom_toggle input[type="checkbox"].toggle:focus:checked+label:before,
.custom_toggle input[type="checkbox"].toggle:focus:checked+label:hover:before {
  background-position: 0 0;
  top: 2px;
  left: 100%;
  margin-left: -1.45rem;
}

.medication_scheduledate {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  border: 1px solid #ced4da;
  border-radius: .375rem;
}

.medication_scheduledate .merger_date .mat-form-field-wrapper {
  border: unset !important;
}

.medication_scheduledate .merger_date .mat-form-field-flex {
  padding: 0 !important;
}

.medication_scheduledate .merger_date .mat-form-field-infix {
  width: 6rem;
}

.medication_scheduledate .merger_date .mat-form-field {
  line-height: 0.55;
}

.medication_scheduledate .input_selct_merge {
  width: 7rem;
  border: unset;
  padding: 0;
}

.medicationsForm .med_qty input {
  width: 2rem;
}

.medicationsForm .route_dropdown {
  width: 10rem;
}

.medicationsForm .freq_dropdown {
  width: 10rem;
}

.medicationsForm .durationofillness input {
  width: 1.7rem;
  color: #212529;
}

.medication_drug {
  border-radius: 0 0 0.75rem 0.75rem;
}

.medication_drug .medication_drug_body {
  height: calc(100vh - 28.5rem);
  overflow: auto;
}

.medication_drug .medication_drug_body::-webkit-scrollbar {
  width: 0;
}

.medication_drug .medication_drug_body .card_item_div_wrapper:nth-child(even) {
  background-color: #F6F6F6;
}

.medication_drug .medication_drug_body .card_item_div_wrapper:last-child {
  border-radius: 0 0 0.75rem 0.75rem;
}

.Cheifcomplaint_textarea .card-header label {
  padding: 0.3rem 1.5rem 0.3rem 0.5rem;
  background: linear-gradient(180deg, #78C1CE 0%, #2F7683 100%);
  clip-path: polygon(0 0, 100% 0%, 87% 100%, 0 100%);
  border-top-left-radius: 0.375rem;
  color: #fff;
}

.Cheifcomplaint_textarea textarea {
  border: unset;
  box-shadow: unset !important;
}

.Cheifcomplaint_textarea .chiefcomplaints_text {
  padding: 0.675rem;
  min-height: 10rem;
}

.physicalexamination_textarea .card-header label {
  padding: 0.3rem 1.5rem 0.3rem 0.5rem;
  background: linear-gradient(180deg, #78C1CE 0%, #2F7683 100%);
  clip-path: polygon(0 0, 100% 0%, 87% 100%, 0 100%);
  border-top-left-radius: 0.375rem;
  color: #fff;
}

.physicalexamination_textarea textarea {
  border: unset;
  box-shadow: unset !important;
}

.physicalexamination_textarea .textarea_box span {
  cursor: pointer;
  background: #cae5ea;
  padding: 0rem 0.2rem;
  border-radius: 0.2rem;
}


.nav_as_btn {
  background-color: #F7F8FC !important;
  border: 1px solid #43A9BC !important;
  color: #43A9BC;
  border-radius: 5rem !important;
  padding: 0.25rem 1rem;
  min-width: 6rem;
  outline: unset;
}

.nav_as_btn.active {
  background-color: #43A9BC !important;
  color: #43A9BC;
}

.referral_leftpanel {
  border: 1px solid #F5B1A3;
}

.followup_req .diagnosis_wrapper {
  border: 1px solid #B0B4B5;
  border-radius: 0.5rem;
  overflow: hidden;
}

.followup_req .diag_table {
  height: 19rem;
  overflow: auto;
}

.followup_req .diag_table .diag_td:nth-child(even) {
  background-color: #F6F6F6;
}

.adivce_adm .diagnosis_wrapper {
  border: 1px solid #B0B4B5;
  border-radius: 0.5rem;
  overflow: hidden;
}

.adivce_adm .diag_table {
  height: 19rem;
  overflow: auto;
}

.adivce_adm .diag_table .diag_td:nth-child(even) {
  background-color: #F6F6F6;
}

.surgery_req .diagnosis_wrapper {
  border: 1px solid #B0B4B5;
  border-radius: 0.5rem;
  overflow: hidden;
}

.surgery_req .diag_table {
  height: 19rem;
  overflow: auto;
}

.surgery_req .diag_table .diag_td:nth-child(even) {
  background-color: #F6F6F6;
}

.dailycharges_modal .table .mat-form-field-infix {
  width: 7rem;
}

.dailycharges_modal .table_header_fix {
  overflow-y: auto;
  height: calc(100vh - 27rem);
}

.dailycharges_modal .table_header_fix::-webkit-scrollbar {
  width: 0.25rem;
}

ngb-modal-window .modal-dialog {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin)* 2);
  max-width: 300px;
}

.medicationsForm .medication_dropdown {
  position: absolute;
  box-shadow: 0px 1px 10px 0px #00000073;
  background-color: #fff;
  border-radius: 0.75rem;
  width: 40rem;
  top: 6rem;
  z-index: 11;
}

.medicationsForm .medication_dropdown .medication_dropdown_header {
  border-radius: 0.75rem 0.75rem 0 0;
}

.medicationsForm .medication_dropdown .drug_list {
  height: 12rem;
  overflow: auto;
}

.medicationsForm .medication_dropdown .drug_list::-webkit-scrollbar {
  width: 0;
}

.medicationsForm .medication_dropdown .drug_list .drug_item {
  border: 1px solid #DAEEF1;
  border-radius: 0.4rem;
  cursor: pointer;
}

.medicationsForm .medication_dropdown .drug_list .drug_item.active {
  background-color: #DAEEF1;
}

.medicationsForm .medication_dropdown .drug_list .drug_item .drug_type span {
  color: #4357BC;
  font-size: 0.75rem;
}

.medicationsForm .medication_dropdown .dosage_count {
  height: 12rem;
  overflow: auto;
}

.medicationsForm .medication_dropdown .dosage_count::-webkit-scrollbar {
  width: 0;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #DAEEF1;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row:first-child {
  padding-top: unset;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row:last-child {
  padding-bottom: unset;
  border-bottom: unset;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count {
  border-radius: 0.4rem;
  border: 1px solid #B4DDE4;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count h6 {
  color: #636869;
  font-weight: 500;
  font-size: 1.6rem;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count p {
  color: #636869;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count p.days {
  font-weight: 600;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count.active {
  background-color: #DAEEF1;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count.active h6 {
  color: #286571;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count.active p.days {
  color: #368796;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count p.days span {
  color: #636869;
  font-size: 0.65rem;
  font-weight: 400;
}

.medicationsForm .medication_dropdown .dosage_count .dosage_row .count p.days span {
  color: #636869;
  font-size: 0.65rem;
  font-weight: 400;
}

.clinicalConditionsForm p {}

.patient_cond .value {
  border: 1px solid #969B9C;
  background-color: #F2F3F3;
  padding: 0.2rem 0.3rem;
  border-radius: 1rem;
}

.patient_cond .value.ifYes {
  border: 1px solid #B4DDE4;
  background-color: #ECF6F8;
}

.patient_cond .value label {
  color: #636869;
}

.patient_cond .value.ifYes label {
  color: #368796;
}

.patient_cond .value .checkIcon {
  display: none;
}

.patient_cond .value.ifYes .crossIcon {
  display: none;
}

.patient_cond .value.ifYes .checkIcon {
  display: block;
}

.patient_cond .contra {}

.patient_cond .contra span {
  background-color: #B0B4B5;
  padding: 0.2rem 0.4rem;
  border-radius: 1rem;
  font-size: 0.7rem;
  line-height: 1;
}

.patient_cond .contra.value.ifYes span {
  background-color: #368796;
}

.patient_cond .contra.value.ifYes span {
  color: #fff;
}

.modalCasesheet .remark_svg,
.modalCasesheet .fav_svg {
  opacity: 0;
}

.modalCasesheet .remark_svg.active,
.modalCasesheet .fav_svg.active {
  opacity: 1;
}

.modalCasesheet .modal-body {
  max-height: calc(100vh - 12rem);
  overflow: auto;
}

.modalCasesheet .diag_table {
  height: unset !important;
}

.modalPainScore .container {
  max-width: 100%;
  padding: 0;
}

.modalPainScore .pain_reaction {
  align-items: center;
  gap: .5rem;
  padding: .5rem;
}

.modalPainScore .vteform_height {
  height: calc(100vh - 27rem);
  overflow: auto;
}

.fitfordischarge_prev_medication {
  height: calc(100vh - 13rem);
  overflow: auto;
}

.fitfordischarge_prev_medication::-webkit-scrollbar {
  width: 0;
}

.discharge_legends span {
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}

.discharge_legends .newreq span {
  background-color: #fc8b89;
}

.discharge_legends .scheduled span {
  background-color: #1ABE98;
}

.discharge_legends .scheduledAll span {
  background-color: #9a89e2;
}

.input_border_color {
  border: 1px solid #ced4da !important;
}

.notDoneProcedureModal .pending_orders_table::-webkit-scrollbar {
  width: 0;
}


.masters_page .pat_lefnav .navlinks_height {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.masters_page .pat_lefnav .navlinks_height::-webkit-scrollbar {
  width: 0;
}

.masters_selection .masters_box {
  border: 1.5px dashed #69BAC9;
  border-radius: 0.5rem;
  padding: 0.45rem 0.65rem;
  width: 14%;
  cursor: pointer;
}

.masters_selection .masters_box.active {
  background-color: #69BAC9;
}

.masters_selection .masters_box p {
  font-size: 0.9rem;
  color: #505456;
  font-weight: 600;
}

.masters_selection .masters_box.active p {
  color: #fff;
}

.masters_selection .masters_box span {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  color: #368796;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

/* Pills Buttons and Blinking Animation */
.pills-btn {
  display: flex;
  align-items: center;
  position: relative;
}

.pill-label {
  display: flex;
  justify-content: center;
  border: 1px solid #929292;
  border-radius: 5rem;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 0rem;
  ;
  padding-right: 1rem;
  color: #929292;
  font-size: 0.75rem;
  margin-left: -0.875rem;
  padding: 0.125rem 0.75rem 0.125rem 1.125rem;
}

.pills-btn.active.priority .pill-label {
  color: #43a9bc;
  border: 1px solid #378796;
  ;
}

.pills-btn.active.highrisk .pill-label {
  color: #B82F14;
  border: 1px solid #B82F14;
}

.pills-btn.active.wheelChair .pill-label {
  color: #191A1B;
  border: 1px solid #191A1B;
  ;
}

.pill-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 5rem;
  background: #929292;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-width: 1px solid #378796;
  ;
}

.pills-btn.highrisk .pill-icon {
  padding-bottom: 0.125rem;
}

.pills-btn.active.priority .pill-icon {
  animation: pill-blinking-priority 1000ms ease-in-out infinite;
}

.pills-btn.active.highrisk .pill-icon {
  animation: pill-blinking-highrisk 600ms ease-in-out infinite;
}

.pills-btn.active.wheelChair .pill-icon {
  animation: pill-blinking-wheelChair 800ms ease-in-out infinite;
}

@keyframes pill-blinking-priority {
  0% {
    background-color: #334499;
    transform: scale(1);
  }

  50% {
    background-color: #69BAC9;
    transform: scale(1.05);
  }

  75% {
    background-color: #69BAC9;
    transform: scale(1.05);
  }

  100% {
    background-color: #334499;
    transform: scale(1);
  }
}

@keyframes pill-blinking-highrisk {
  0% {
    background-color: #B82F14;
    transform: scale(1);
  }

  50% {
    background-color: #EB6247;
    transform: scale(1.1);
  }

  75% {
    background-color: #EB6247;
    transform: scale(1.1);
  }

  100% {
    background-color: #B82F14;
    transform: scale(1);
  }
}

@keyframes pill-blinking-wheelChair {
  0% {
    background-color: #191A1B;
    transform: scale(1);
  }

  50% {
    background-color: #7C8283;
    transform: scale(1);
  }

  100% {
    background-color: #191A1B;
    transform: scale(1);
  }
}

#pills-pre-anesthesia .diagnosis_list {
  height: 12rem;
  overflow: auto;
}

#pills-pre-anesthesia .diagnosis_list::-webkit-scrollbar {
  width: 0;
}

app-patient-assessment-tool .container {
  padding: 1rem;
  margin: 0;
  max-width: 100%;
}

app-patient-assessment-tool .container .painScoreForm {
  height: calc(100vh - 13rem);
  overflow: auto;
}

app-patient-assessment-tool .container .painScoreForm::-webkit-scrollbar {
  width: 0;
}

.InstructionsList .InstructionsList_body {
  height: calc(100vh - 16.4rem);
  overflow: auto;
}

.InstructionsList .InstructionsList_body::-webkit-scrollbar {
  width: 0.3rem;
}

.InstructionsList .InstructionsList_body .card_item_div:nth-child(even) {
  background-color: #F6F6F6;
}

.InstructionsList .InstructionsList_body .card_item_div:last-child {
  border-radius: 0 0 0.75rem 0.75rem;
}

app-generic-close .modal-header {
  border-bottom: 1px solid #b8e1e9 !important;
  padding: 0.5rem 1rem !important;
}

.modal-toast.modal-dialog {
  max-width: 320px !important;
}

.pe-none {
  background: #dddddd78;
}

.bedsPainScoreModal app-patient-assessment-tool .modal-header {
  display: none;
}

.bedsPainScoreModal app-patient-assessment-tool .actions {
  position: absolute;
  top: -2.8rem;
  right: 2rem;
}

.bedsPainScoreModal app-patient-assessment-tool .container-fluid.p-0 {
  height: calc(100vh - 18rem);
  overflow: auto;
}

.bedsPainScoreModal app-patient-assessment-tool .container-fluid.p-0::-webkit-scrollbar {
  width: 0;
}

.modalchiefComplaints .modal-body {
  max-height: calc(100vh - 8rem);
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modalchiefComplaints .modal-body::-webkit-scrollbar {
  width: 0;
}

.instr_count {
  background-color: #FAD8D1;
  border-radius: 1rem;
  color: #EB6247 !important;
  padding: 0.1rem 0.5rem;
  min-width: 2rem;
  text-align: center;
}

.reassess_pain {
  background-color: #4598D4;
  display: inline-block;
  padding: 0.4rem;
  color: #fff !important;
  font-weight: 600;
  font-size: 0.675rem !important;
  border-radius: 1rem;
  animation: bgblink 700ms ease-in-out infinite;
  min-width: 8.4rem;
  text-align: center;
}

@keyframes bgblink {
  0% {
    background-color: #D44570;
  }

  50% {
    background-color: #4598D4;
  }

  100% {
    background-color: #D44570;
  }
}

.alleregyblink svg {
  transform: scale(1);
  transition: .5s all ease-in-out;
  animation: allergysvgscale 1200ms ease-in-out infinite;
}

.alleregyblink circle {
  background-color: #DAEEF1;
  animation: allergycircleblink 1200ms ease-in-out infinite;
}

.alleregyblink svg path {
  fill: #368796;
  animation: allergypathblink 1200ms ease-in-out infinite;
}

@keyframes allergysvgscale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes allergycircleblink {
  0% {
    fill: #DAEEF1;
  }

  50% {
    fill: #ff7559;
  }

  100% {
    fill: #DAEEF1;
  }
}

@keyframes allergypathblink {
  0% {
    fill: #368796;
  }

  50% {
    fill: #fff;
  }

  100% {
    fill: #368796;
  }
}

.remarks_modal .modal-dialog {
  width: 60%;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

.remarks_modal .modal-content {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.multiline {
  white-space: pre-line;
  /* Ensures that whitespace is preserved */
  font-size: 0.75rem;
}


.admissionReconciliation {
  height: calc(100vh - 16.1rem);
  overflow: auto;
}

.admissionReconciliation::-webkit-scrollbar {
  width: 0;
}

.admissionReconciliation .medication_drug .medication_drug_body {
  height: calc(100vh - 16.2rem);
}

.administered_modal .adm_hold {
  filter: grayscale(1);
  opacity: 0.5;
}

.administered_modal .adm_hold.active {
  filter: grayscale(0);
  opacity: 1;
}

.advice_assessments {
  display: flex;
  /* flex-wrap: nowrap;
  width: 85%; */
}

.advice_assessments .nav-link {
  background: #fff;
  border: 1px solid #6BAEBB;
  border-radius: 0.6rem 0.6rem 0 0 !important;
  border-bottom: unset;
  padding: 0.35rem 0.4rem !important;
  color: #245f6a;
}

.advice_assessments .nav-link.active {
  border: 1px solid #6BAEBB;
  background: #368796 !important;
  border-bottom: unset !important;
  color: #fff !important;
  font-weight: 400 !important;
}

.advice_assessments .nav-link:hover {
  background: #96D5DA;
  color: #fff !important;
}

.advice_assessments.nav.nav-pills.style-1 {
  white-space: nowrap;
}

@media screen and (max-width:1600px) {
  .advice_assessments.nav.nav-pills.style-1 {
    flex-wrap: nowrap;
  }

  .advice_assessments.nav.nav-pills.style-1 button.px-2 {
    padding-right: .3rem !important;
    padding-left: .3rem !important;
  }
}

@media screen and (max-width:1500px) {
  .advice_assessments.nav.nav-pills.style-1 button {
    font-size: 0.675rem !important;
  }
}

.advice_assessments.horizontalScroll::-webkit-scrollbar {
  height: 0;
}

.bloodRequestForm_height {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.bloodRequestForm_height::-webkit-scrollbar {
  height: 0;
}

.doctor_request_page .doctor_request_tabContent {
  height: calc(100vh - 16.2rem);
  overflow: auto;
}

.doctor_request_page .tab-content::-webkit-scrollbar {
  width: 0;
}

.doctor_reques_reconciliation .admissionReconciliation {
  height: calc(100vh - 19.3rem);
  overflow: auto;
  margin: 0 !important;
}

.doctor_reques_reconciliation .admissionReconciliation .medication_drug_body {
  height: calc(100vh - 29rem);
}

.doctor_reques_reconciliation .admissionReconciliation .medicationsForm .custom_hw_field_wrapper .afterlabel_form {
  padding: 0.275rem 0.3rem !important;
  border: 1px solid #ced4da !important;
}

.doctor_reques_reconciliation .bloodRequestForm_height {
  height: calc(100vh - 20.8rem);
}

.doctor_reques_reconciliation .vteform_height {
  height: calc(100vh - 23.9rem);
}

.fallRiskSaveMsg .fallRiskSaveMsg_height {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.fallRiskSaveMsg .fallRiskSaveMsg_height::-webkit-scrollbar {
  width: 0;
}

.mapDiagnosisMedicationdiv_table .mapDiagnosisMedicationdiv_body {
  max-height: calc(100vh - 20rem);
  overflow: auto;
}

.mapDiagnosisMedicationdiv_table .mapDiagnosisMedicationdiv_body::-webkit-scrollbar {
  width: 0;
}

.mapDiagnosisMedicationdiv_table .mapDiagnosisMedicationdiv_body .card_item_div:nth-child(even) {
  background-color: #F6F6F6;
}

.advice_pills_toggle:hover .advice_assessments_tooltip {
  display: block;
}

.advice_assessments_tooltip {
  position: absolute;
  top: 1.6rem;
  width: 14rem;
  z-index: 111;
  background: #fff;
  right: 1.6rem;
  border-radius: 0.5rem;
  padding: 0.2rem;
  border: 1px solid #d2d2d2;
}

.advice_assessments_tooltip::before,
.advice_assessments_tooltip::after {
  content: "";
  display: block;
  position: absolute;
  border-width: 0.4rem;
  border-style: solid;
  transform: rotate(-90deg);
}

.advice_assessments_tooltip::before {
  top: -0.8rem;
  right: 0.8rem;
  border-color: transparent transparent transparent #cdcdcd;
}

.advice_assessments_tooltip::after {
  top: -0.7rem;
  right: 0.8rem;
  border-color: transparent transparent transparent #fff;
}

.advice_assessments_tooltip .nav .nav-link {
  width: 100%;
  text-align: left;
  border: 1px solid #7cd4e4;
}

.advice_assessments_tooltip .nav .nav-link:hover {
  background-color: #43A9BC;
  color: #fff;
}

.advice_assessments_tooltip .nav .nav-link.active {
  border: unset !important;
  border-radius: 0.3rem !important;
}

.communications_page_body {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.communications_page_body::-webkit-scrollbar {
  width: 0;
}

.communications_page .pat_lefnav .navlinks_height {
  height: calc(100vh - 21rem);
  overflow: auto;
}

.communications_page .pat_lefnav .navlinks_height::-webkit-scrollbar {
  width: 0;
}

.communications_page .pat_lefnav .navbutton {
  border: 1px solid #CACDCE;
  background: linear-gradient(#F3F3F3, #FFFFFF);
  padding: 0.875rem;
  cursor: pointer;
}

.communications_page .pat_lefnav .navbutton:hover,
.communications_page .pat_lefnav .navbutton.active {
  border: 1px solid #B4DDE4;
  background: linear-gradient(#b7d7dd, #FFFFFF);
}

.communications_page .pat_lefnav .navbutton p {
  color: #3D3D3D;
}

.communications_page .pat_rightcont_body {
  height: calc(100vh - 16.5rem);
  overflow: auto;
}

.massive_blodd_page {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.massive_blodd_page::-webkit-scrollbar {
  width: 0;
}

.code_blue_page {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.code_blue_page::-webkit-scrollbar {
  width: 0;
}

/* .not_editable{
  filter: grayscale(1);
} */
.not_editable::before {
  content: '';
  display: flex;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  background: #63636387;
  z-index: 111;
  position: absolute;
  border-radius: 0.7rem;
}

.not_editable * {
  pointer-events: none;
  /* filter: grayscale(1); */
  /* will-change: filter; */
}

.mat-select-group {
  .mat-form-field-wrapper {
    height: 2rem !important;
  }

  .mat-select-arrow-wrapper {
    transform: none !important;
  }
}

.mat-select-group .mat-form-field-flex {
  height: inherit;
}

.divSurgeryRequests_list .divSurgeryRequests_body {
  max-height: calc(100vh - 20rem);
  overflow: auto;
}

.divSurgeryRequests_list .divSurgeryRequests_body::-webkit-scrollbar {
  width: 0;
}

.divSurgeryRequests_list .divSurgeryRequests_body .alter_div:nth-child(even) {
  background-color: #F6F6F6;
}

.divSurgeryRequests_list .divSurgeryRequests_body .alter_div {
  border-radius: 0 0 0.75rem 0.75rem;
}

.divSurgeryRequests_body .icon-w {
  opacity: 0.4;
}

.divSurgeryRequests_body .icon-w.active {
  opacity: 1;
}

.fixed_alter_list .fixed_alter_header {
  background-color: #ECF6F8;
}

.fixed_alter_list .fixed_alter_body {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.fixed_alter_list .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.fixed_alter_list .fixed_alter_body .alter_div:nth-child(even) {
  background-color: #F6F6F6;
}

.fixed_alter_list .fixed_alter_body .alter_div:last-child {
  border-radius: 0 0 0.75rem 0.75rem;
}

.communications_page .fixed_alter_body {
  height: unset;
  overflow: auto;
}

.template_resp_table input {
  width: 6rem;
}

.template_resp_table input.time {
  width: 8rem;
}

.template_resp_table input.date {
  width: 10rem;
}

.consentForm_page {
  height: calc(100vh - 15rem);
  /* height: calc(100vh - 8rem); */
  overflow: auto;
}

.consentForm_page::-webkit-scrollbar {
  width: 0;
}

.generalConsentForm_page {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.generalConsentForm_page::-webkit-scrollbar {
  width: 0;
}

.consentFormModal .generalConsentForm_page {
  height: calc(100vh - 10rem);
  overflow: auto;
}

.consentFormModal .physicalTheraphy_height {
  height: calc(100vh - 11.5rem) !important;
  max-height: unset;
}

.initial_medical_page {
  height: calc(100vh - 19rem);
  overflow: auto;
}

.initial_medical_page::-webkit-scrollbar {
  width: 0;
}

.consent_row {}

.legends_head .card-header {
  background-color: #FCEBE8 !important;
}

.legends_head .card-header h5 {
  color: #BD7264 !important;
}

.Justification_modal .MedicationsList_table {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.Justification_modal .MedicationsList_table::-webkit-scrollbar {
  width: 0;
}

/* app-time-selector select{
  padding: 0.275rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: .375rem;
 } */
.intakeoutputlist .fixed_alter_body {
  height: calc(100vh - 35rem);
  overflow: auto;
}

.intakeoutputlist .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.medicalbackground_height {
  height: calc(100vh - 18rem);
  overflow: auto;
}

.medicalbackground_height::-webkit-scrollbar {
  width: 0;
}

.patient_eformview_page {}

.eformview_page_table {
  height: calc(100vh - 18rem);
  overflow: auto;
}

.eformview_page_table::-webkit-scrollbar {
  width: 0;
}

.massive_blodd_page .bloodRequestForm_height {
  height: calc(100vh - 25.6rem);
  overflow: auto;
}

.massive_blodd_page .bloodRequestForm_height::-webkit-scrollbar {
  width: 0;
}

.diet_types_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 0.7rem;
}

.diet-counseling-modal {
  max-width: 85rem !important;
}

.dietchart_main_card {
  border-radius: unset !important;
  border: unset !important;
}

.diet-counseling-modal .dietchart_main_header {
  background-color: unset !important;
  border-radius: unset !important;
}

.patientEform_list .fixed_alter_body {
  height: calc(100vh - 21rem);
  overflow: auto;
}

.bed-board.ett_bed-board {
  overflow: unset;
  height: 22.2rem;
}

.bed-board.ett_bed-board .patient-details {
  background-image: unset;
  height: unset;
}

.bed-board.ett_bed-board .medic_height {
  max-height: 17rem;
  overflow: auto;
}

.bed-board.ett_bed-board .medic_height::-webkit-scrollbar {
  width: 0;
}

.bed-board.ett_bed-board .actions {
  max-height: unset;
  height: 18rem;
  overflow: auto;
}

.bed-board.ett_bed-board .actions::-webkit-scrollbar {
  width: 0;
}

.dietchart_list {
  height: calc(100vh - 13rem);
  overflow: auto;
}

.dietchart_list::-webkit-scrollbar {
  width: 0;
}

.select_time select {
  width: 4rem;
  padding: 0.275rem 0.35rem;
}

.select_time select:first-child {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2025%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212.9248%22%20cy%3D%226.16663%22%20r%3D%222%22%20fill%3D%22%23212529%22%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2212.9248%22%20cy%3D%2212.1666%22%20r%3D%222%22%20fill%3D%22%23212529%22%3E%3C%2Fcircle%3E%3C%2Fsvg%3E");
  background-size: 20px;
  background-position: right;
}

.select_time_fullWidth .select_time select {
  width: 50% !important;
}

.select_time select:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select_time select:last-child {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-image: unset;
}

[dir="rtl"] .select_time select:first-child {
  border-left: 0;
  border-right: 1px solid #ced4da;
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .select_time select:last-child {
  border-right: 0;
  border-left: 1px solid #ced4da;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[dir="rtl"] .select_time .form-select {
  background-position: left .75rem center;
}

.view_ett .ett_bed-board {
  max-height: unset;
  height: unset;
  /* height: 40.3rem; */
}

.view_ett .ett_bed-board .patient-details_height {
  height: calc(100vh - 20.5rem);
  min-height: 34rem;
  overflow: auto;
}

.view_ett .ett_bed-board .patient-details_height::-webkit-scrollbar {
  width: 0;
}


.ett_bed-board .patient-info .patient-photo {
  width: 3rem;
  height: 3rem;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 50%;
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ett_bed-board .patient-info .patient-photo::before {
  position: absolute;
  content: " ";
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #DAEEF1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.history_list_table {}

.row-gap-3 {
  row-gap: 1rem !important;
}

.watermark_block {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11;
  background: #dddddd9e;
  pointer-events: none;
  user-select: none;
  border-radius: 0.75rem;
}

.watermark_block p {
  font-size: 10em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transform: rotate(330deg) scale(1.0);
  color: #d8d5d5;
  user-select: none;
}


.or_nurse_page .or_nurse_tabcontent .tab-pane {
  height: calc(100vh - 18rem);
  overflow: auto;
}

.or_nurse_page .or_nurse_tabcontent .tab-pane::-webkit-scrollbar {
  width: 0;
}

.or_nurse_page .or_nurse_scroll {
  height: calc(100vh - 13rem);
  overflow: auto;
}

.or_nurse_page .or_nurse_scroll::-webkit-scrollbar {
  width: 0;
}

.counting_sheet_table .fixed_alter_body {
  height: unset;
  /* overflow: auto; */
}

.counting_sheet_table .fixed_alter_body::-webkit-scrollbar {
  /* width: 0; */
}

.surgeon_signature_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  /* grid-template-columns: repeat(5, 1fr); */
  gap: 0.5rem;
}

.surgeon_signature_grid .signature_box canvas {
  width: 100% !important;
}

.surgeon_signature_grid .add_more {
  right: 0.5rem;
  bottom: 0.5rem;
}

.patientSelected_list .fixed_alter_body {
  height: unset;
  overflow: unset;
}

#assessmentTab .fixed_alter_list .fixed_alter_body {
  height: calc(100vh - 20.8rem) !important;
}

#assessmentTab .fixed_alter_list .fixed_alter_body .alter_div:last-child {
  border-radius: unset !important;
}

#assessmentTab .inline_legend span {
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  font-size: 0.75rem;
}

#assessmentTab .alter_div.admittedNewRequest .inline_legend span {
  background-color: #e48bcc;
}

#assessmentTab .alter_div.admittedApproved .inline_legend span {
  background-color: #0cd220;
}

.ot_dashboard_page {
  height: calc(100vh - 11.4rem);
  overflow: auto;
}

.ot_dashboard_page::-webkit-scrollbar {
  width: 0;
}

.doctor_worklist_ChiefComplaints {
  background-color: #e7eaf7;
}

.endoScopyForm .mini_casesheet .left_nav_height .nav-pills {
  justify-content: center;
}

.endoScopyForm .left_nav_height .nav-item {
  width: 100%;
}

@media screen and (max-width:991px) {
  .endoScopyForm .left_nav_height .nav-item {
    width: auto;
  }

  .endoScopyForm .casesheet_div.mini_casesheet #pills-tab {
    justify-content: start;
  }
}

.endoScopyForm .casesheet_div .left_nav_height {
  height: calc(100vh - 8.4rem);
  /* overflow-y: auto; */
  /* overflow-x: hidden; */
}

@media screen and (max-width:991px) {
  .endoScopyForm .casesheet_div .left_nav_height {
    height: unset;
  }
}

.endoScopyForm .casesheet_div .left_nav_height::-webkit-scrollbar {
  width: 0;
}

.endoScopyForm .casesheet_div.mini_casesheet .card .nav-pills .nav-link .tooltip {
  /* display: none !important; */
}

.pre_op_bedtransfer_modal .modal-dialog {
  max-width: 90%;
}

.assigned_tokens .assigned_tokens_body {
  height: calc(100vh - 17.5rem);
  overflow: auto;
}

.assigned_tokens .assigned_tokens_body::-webkit-scrollbar {
  width: 0;
}

.vitals_modalPainScore app-patient-assessment-tool app-generic-close {
  display: none;
}

.vitals_modalPainScore .container-fluid {
  /* display: none; */
  height: calc(100vh - 17rem);
  overflow: auto;
}

.vitals_modalPainScore .container-fluid::-webkit-scrollbar {
  width: 0;
}

.left_doc_casesheet_nav {
  height: calc(100vh - 16rem);
}

@media screen and (max-width:992px) {
  .left_doc_casesheet_nav {
    height: unset;
    padding: 0.2rem !important;
  }
}

.isolate_patient_anim {
  background-color: #EB6247;
  border: 1px solid #EB6247;
  color: #FCEBE8;
  animation: tokenblink 6s ease-in-out infinite;
  display: inline-flex;
  padding: 0.1rem 0.8rem;
  border-radius: 0.7rem;
}

.isolate_patient_Height_anim {
  color: #FCEBE8;
  animation: tokenblink 6s ease-in-out infinite;
  display: inline-flex;
}

.custom_hw_field_wrapper .alert_label_Height {
  position: absolute;
  left: 24%;
  top: 3px;
  /* transform: translateX(-24%); */
}

@keyframes tokenblink {
  0% {}

  50% {
    background-color: #fff;
    color: #EB6247;
  }

  100% {}
}

.FetchBedsFromWard_height {
  height: calc(100vh - 15.4rem);
  overflow: auto;
}

.FetchBedsFromWard_height::-webkit-scrollbar {
  width: 0;
}

.indicator_lightGreen_border {
  border: 2px solid lightgreen !important;
}

.indicator_blue_border {
  border: 2px solid blue !important;
}

.indicator_yellow_border {
  border: 2px solid yellow !important;
}

.indicator_green_border {
  border: 2px solid green !important;
}

.indicator_Orange_border {
  border: 2px solid orange !important;
}

.Medications_pat_rightcont_body {
  height: unset !important;
}

.Medications_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.Medications_pat_rightcont_body .fixed_alter_body::-webkit-scrollbar {
  width: 0.3rem;
}

.Medications_pat_rightcont_body .border-primary-200.yellow_blink {
  animation: yellowBlink 700ms ease-in-out infinite;
}

@keyframes yellowBlink {
  0% {
    outline: unset;
  }

  100% {
    outline: 2px solid #ffa400;
  }
}

.pateintFolderPopup .Medications_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.eforms_pat_rightcont_body {
  height: unset !important;
}

.eforms_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.eforms_pat_rightcont_body .fixed_alter_body::-webkit-scrollbar {
  width: 0.3rem !important;
}

.pateintFolderPopup .eforms_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.nursing_pat_rightcont_body {
  height: unset !important;
}

.nursing_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .nursing_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.Assessments_pat_rightcont_body {
  height: unset !important;
}

.Assessments_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .Assessments_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.bloodreq_pat_rightcont_body {
  height: unset !important;
}

.bloodreq_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .bloodreq_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.bradenscale_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .bradenscale_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.consent_pat_rightcont_body {
  height: unset !important;
}

.consent_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 25rem) !important;
}

.pateintFolderPopup .consent_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 18rem) !important;
}

.carePlan_pat_rightcont_body {
  height: unset !important;
}

.carePlan_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .carePlan_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.bathing_pat_rightcont_body {
  height: unset !important;
}

.bathing_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 22.5rem) !important;
}

.pateintFolderPopup .bathing_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 15.5rem) !important;
}

.bedside_pat_rightcont_body {
  height: unset !important;
}

.bedside_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .bedside_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.dietchart_pat_rightcont_body {
  height: unset !important;
}

.dietchart_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .dietchart_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.Endoscopy_pat_rightcont_body {
  height: unset !important;
}

.Endoscopy_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .Endoscopy_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.fallrisk_pat_rightcont_body {
  height: unset !important;
}

.fallrisk_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .fallrisk_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.painassess_pat_rightcont_body {
  height: unset !important;
}

.painassess_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .painassess_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.shift_pat_rightcont_body {
  height: unset !important;
}

.shift_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .shift_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.surgery_req_pat_rightcont_body {
  height: unset !important;
}

.surgery_req_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .surgery_req_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

/* .approvalNeed_height{
  height: calc(100vh - 21rem);
  overflow: auto;
} */
.approvalNeed_legend .legend {
  display: block;
  width: 0.7rem;
  min-width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
}

.approvalNeed_legend .responded .legend {
  background-color: green;
}

.approvalNeed_legend .nonresponded .legend {
  background-color: red;
}

.approvalNeed_list .fixed_alter_header {
  border-left: 4px solid transparent;
}

.approvalNeed_list .fixed_alter_body {
  height: calc(100vh - 21.8rem);
  overflow: auto;
}

.approvalNeed_list .fixed_alter_body .alter_div:last-child {
  border-radius: unset;
}

.approvalNeed_list .fixed_alter_body .responded {
  border-left: 4px solid green;
}

.approvalNeed_list .fixed_alter_body .nonresponded {
  border-left: 4px solid red;
}

.quick_info .bed_transfer_list .fixed_alter_body .alter_div:last-child {
  position: relative;
}

.quick_info .bed_transfer_list .fixed_alter_body .alter_div:last-child::before {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  top: 33%;
  width: 0.55rem;
  min-width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background-color: green;
  animation: beforeblink 1s ease-in-out infinite;
}

@keyframes beforeblink {
  0% {}

  50% {
    background-color: #fff;
  }

  100% {}
}

.isolate_patient_lightGreen_anim {
  color: lightgreen;
  animation: tokenblink 6s ease-in-out infinite;
  display: inline-flex;
}

.isolate_patient_blue_anim {
  color: blue;
  animation: tokenblink 6s ease-in-out infinite;
  display: inline-flex;
}

.isolate_patient_yellow_anim {
  color: yellow;
  animation: tokenblink 6s ease-in-out infinite;
  display: inline-flex;
}

.isolate_patient_green_anim {
  color: green;
  animation: tokenblink 6s ease-in-out infinite;
  display: inline-flex;
}

.isolate_patient_Orange_anim {
  color: orange;
  animation: tokenblink 6s ease-in-out infinite;
  display: inline-flex;
}

/* .modal-backdrop{
  display: none !important;
} */
.discharge_sumary {
  /* height: calc(100vh - 14rem);
  overflow: auto; */
}

/* .discharge_sumary::-webkit-scrollbar{
  width: 0;
 } */
.discharge_sumary .content_discharge_sumary {
  height: calc(100vh - 20.8rem);
  overflow: auto;
}

.sample_Table_height .fixed_alter_body {
  height: calc(100vh - 22rem);
  overflow: auto;
}

.sample_Table_height .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.sample_table_newOrders {
  height: calc(100vh - 22.9rem);
  overflow: auto;
}

.sample_table_newOrders::-webkit-scrollbar {
  width: 0;
}

.Diagnosis_pat_rightcont_body {
  height: unset !important;
}

.Diagnosis_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .Diagnosis_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.procedures_pat_rightcont_body {
  height: unset !important;
}

.procedures_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .procedures_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.mrd_pat_rightcont_body {
  height: unset !important;
}

.mrd_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 21.5rem) !important;
}

.pateintFolderPopup .mrd_pat_rightcont_body .fixed_alter_body {
  height: calc(100vh - 14.5rem) !important;
}

.medicalCertificate_list .fixed_alter_body {
  height: calc(100vh - 24.8rem);
}

.vte_view_modal .template_scroll {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.gender_tip {
  /* width: 5rem; */
}

.gender_tip .count {
  /* position: absolute;
  top: -0.3rem;
  right: 0;
  font-size: 0.75rem !important;
  width: 1.1rem;
  height: 1rem;
  display: flex !important;
  align-items: center;
  justify-content: center; */
}

.gender_tip .count.male {
  color: #1F98DB;
}

.gender_tip .count.female {
  color: #e7008b;
}

.vital_alert_clr {
  animation: vitalblink 1s ease-in-out infinite;
  font-weight: bold;
  ;
}


.worklist_patientcard .Resuscitation span {
  background-color: blue;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  justify-content: center;
  align-items: center;
}

.worklist_patientcard .Emergent span {
  background-color: red;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  justify-content: center;
  align-items: center;
}

.worklist_patientcard .Urgent span {
  background-color: yellow;
  color: #000;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  justify-content: center;
  align-items: center;
}

.worklist_patientcard .LessUrgent span {
  background-color: green;
  color: #fff;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  justify-content: center;
  align-items: center;
}

.worklist_patientcard .NonUrgent span {
  background-color: white;
  color: #000;
  border-radius: 50%;
  display: inline-flex;
  font-size: 0.675rem;
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  justify-content: center;
  align-items: center;
}

@keyframes vitalblink {
  0% {}

  50% {
    color: #EB6247;
  }

  100% {}
}

.triage_page_height .doctor_worklist:nth-child(even) .NurseChiefComplaints {
  background: #e7eaf7;
  /* border: 1px solid #9196ab; */
}

.iccu_progress_notes {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.iccu_progress_notes::-webkit-scrollbar {
  width: 0;
}

.mamographyReferral_tooltip {
  display: none;
  background: #fff;
  /* width: 20rem; */
}

.nephroOrthoReferral_tooltip {
  display: none;
  background: #fff;
  /* width: 20rem; */
}

.labResults_list .fixed_alter_body {
  height: calc(100vh - 12rem);

}

.ViewAllPrescriptions_modal .modal-body {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.ViewAllPrescriptions_modal .modal-body::-webkit-scrollbar {
  width: 0;
}

.ViewAllPrescriptions_modal .modal-body .group-date span.grp_date {
  clip-path: polygon(0 0, 100% 0%, 95% 100%, 0 100%);
}

svg.mammo_blink circle {
  animation: mammoblink 0.9s ease-in-out infinite;
}

@keyframes mammoblink {
  0% {}

  50% {
    fill: #f7c4ba;
  }

  100% {}
}

svg.ortho_blink circle {
  animation: orthoblink 0.7s ease-in-out infinite;
}

@keyframes orthoblink {
  0% {}

  50% {
    fill: #f7c4ba;
  }

  100% {}
}

.mammoNepho_tooltip {
  position: absolute;
  right: 2rem;
  top: 0rem;
  width: 40rem;
  background: #fff;
  display: none;
}

.mammoNepho_tooltip .btn-close {
  position: absolute;
  top: -0.6rem;
  right: -0.6rem;
  background-color: #b5dae1;
  opacity: 1;
  border-radius: 50%;
  background-size: 40%;
  box-shadow: unset;
}

.prescMeter_tooltip {
  display: none;
  position: absolute;
  right: 3rem;
  bottom: -1.7rem;
  width: 27rem;
  height: 10rem;
  background: #fff;
  z-index: 11;
}

.prescMeter_tooltip .btn-close {
  position: absolute;
  top: -0.7rem;
  right: -0.7rem;
}

.prescMeter_tooltip .highcharts-container {
  /* width: 150px !i  mportant; */
  height: 140px !important;
}

.prescMeter_tooltip .highcharts-container svg {
  height: 150px !important;
}

.highcharts-credits {
  display: none !important;
}

.Span_minHeight {
  min-height: calc(1.5em + 2.95rem + 2px);
}

.DoctorReferralOrders_List .fixed_alter_body {
  height: calc(100vh - 22rem);
}

.DoctorReferralOrders_List .fixed_alter_body .VerifiedBy.disabled {
  opacity: 1;
}

#referralstab .DoctorReferralOrders_List .fixed_alter_body {
  height: calc(100vh - 20.9rem);
}

#viewResults .tab-content {
  height: calc(100vh - 10rem) !important;
  overflow: auto;
}

.viewResults_modal .tab-content {
  height: calc(100vh - 9.7rem) !important;
}

.viewResults_modal .lab_report_table {
  height: calc(100vh - 13.5rem);
}

.divIpPrescription_modal .ipPrescription_List .fixed_alter_body {
  height: calc(100vh - 11rem);
}

.patient-photo .priority_blink {
  position: absolute;
  left: 1.9rem;
  top: -0.1rem;
}

.patient-photo .priority_blink .pill-icon {
  width: 1.4rem;
  height: 1.4rem;
}

.treatment_details_list .fixed_alter_body {
  height: calc(100vh - 27.6rem);
}

.treatment_details .plan_list {
  max-height: calc(100vh - 11rem);
  overflow: auto;
}

.treatment_details .plan_list::-webkit-scrollbar {
  width: 0;
}

.IVFluidRequestDetails .fixed_alter_body {
  height: calc(100vh - 23.5rem);
}



/* Mobile Print */
.mobile_print {
  max-width: 1024px;
  margin: 0 auto;
  /* border-radius: 5rem; */
  background-color: #69BAC9;
  /* margin-left: 0; */
  /* margin-right: 0; */
  min-height: 100vh;
}

.mobile_print .mbl_header {
  padding: 1rem;
  background-color: #ECF6F8;
  border-radius: 0 0 1rem 1rem;
  position: sticky;
  top: 0;
}

.mobile_print .mbl_header_logo img {
  width: 200px;
}

.mobile_print .token_header {
  box-shadow: 0px 16px 32px -4px #0C0C0D1A;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  margin-bottom: -2.5rem;
}

.mobile_print .token_header .badge {
  background-color: #FF9500;
  border-radius: 1rem;
  padding: 0.3rem 1rem;
}

.mobile_print .detail_card {
  box-shadow: 0px 16px 32px -4px #0C0C0D1A;
  padding: 0.75rem;
  background-color: #fff;
  padding-top: 0 !important;
}

.mobile_print .detail_card .head_label {
  /* margin-top: -1.6rem; */
}

.mobile_print .detail_card .head_label p {
  background-color: #43A9BC;
  padding: 0.4rem 1.15rem;
  border-radius: 0 0 0.6rem 0.6rem;
}

.mobile_print .detail_card .head_label.consult p {
  background-color: #6677CC;
}

.mobileNumber_modal .patient_list {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.mobileNumber_modal .patient_list::-webkit-scrollbar {
  width: 0;
}

.mobileNumber_modal .patient_list .worklist_patientcard {
  background-color: #fff;
  cursor: pointer;
}

.mobileNumber_modal .patient_list .worklist_patientcard:hover {
  background-color: #E2F2F4;
}

.mobileNumber_modal .patient_list .worklist_patientcard.active {
  background-color: #E2F2F4;
}

.mobileNumber_modal .doctor_list {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.mobileNumber_modal .doctor_list::-webkit-scrollbar {
  width: 0;
}

.ds_patient_Card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  /* grid-gap: 0.5rem; */
}

.mobileNumber_modal .patient_list {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.mobileNumber_modal .patient_list::-webkit-scrollbar {
  width: 0;
}

.mobileNumber_modal .patient_list .worklist_patientcard {
  background-color: #fff;
  cursor: pointer;
}

.mobileNumber_modal .patient_list .worklist_patientcard:hover {
  background-color: #E2F2F4;
}

.mobileNumber_modal .patient_list .worklist_patientcard.active {
  background-color: #E2F2F4;
}

.mobileNumber_modal .doctor_list {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.mobileNumber_modal .doctor_list::-webkit-scrollbar {
  width: 0;
}

.visualTriageComponents_list {
  height: calc(100vh - 18.9rem);
  overflow: auto;
}

.visualTriageComponents_list::-webkit-scrollbar {
  width: 0;
}

.Altercolor {
  background-color: #F6F6F6 !important;
  width: 100%;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.notfCountUnAssignedCount {
  background: #43a9bc;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  /* position: absolute;
  top: -0.03rem;
  left: 15.3rem; */
}

.notfCountCriticalPatientCount {
  background: red;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  /* position: absolute;
  top: -0.05rem;
  left: 31.5rem; */
  animation: transferblink 1600ms infinite;
}

.notfCountCriticalPatientCountZero {
  background: #43a9bc;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #fff;
  /* position: absolute;
  top: -0.05rem;
  left: 31.5rem;  */
}


.features_list {
  height: calc(100vh - 18.8rem);
  overflow: auto;
}

.features_list::-webkit-scrollbar {
  width: 0;
}

.features_list .pill_btn {
  background-color: #368796;
  color: #fff;
  border: unset;
}

.features_list .pill_btn.disabled {
  background-color: transparent;
  color: #6f7174;
  border: 1px solid #6f7174;
}

.custom-inline-flex {
  display: flex;
  width: fit-content;
}

.btnWL_btn {
  position: relative;
}

.btnWL_btn .btnWL_count {
  background-color: #6877ca;
  color: #fff;
  border: 1px solid #6877ca;
  border-radius: 50%;
  padding: 0;
  width: 1.3rem;
  min-width: 1.3rem;
  height: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.5rem;
  right: -0.6rem;
  animation: btnWLblink 1000ms infinite;
}

.btnWLN_btn {
  position: relative;
}

.btnWLN_btn .btnWLN_count {
  background-color: #6877ca;
  color: #fff;
  border: 1px solid #6877ca;
  border-radius: 50%;
  padding: 0;
  width: 1.3rem;
  min-width: 1.3rem;
  height: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -0.5rem;
  right: -0.6rem;
}

@keyframes btnWLblink {
  0% {}

  50% {
    background-color: #fff;
    color: #6877ca;
  }

  100% {}
}

.physical_therapy_page {
  height: calc(100vh - 15.1rem);
  overflow: auto;
}

.physical_therapy_page::-webkit-scrollbar {
  width: 0;
}

.mapuser_list {
  height: calc(100vh - 14.9rem);
  overflow: auto;
}

.mapuser_list::-webkit-scrollbar {
  width: 0;
}

.mapuser_list .location_pill {
  background-color: #F2F3F3;
  padding: 0.25rem 0.35rem;
}

.mapuser_list .location_pill.active {
  background-color: #D9DDF2;
}

.mapuser_list .location_pill p {
  color: #636869;
}

.mapuser_list .location_pill.active p {
  color: #334499;
}

.patientFolderReasonModal .reason_text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.lastvisited_toggle_parent {
  /* background-image: url(../images/bg_wCurve.png); */
  background-size: 100% 100%;
  position: fixed;
  width: 26rem;
  top: 0;
  right: 0;
  /* background: red; */
  display: block;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  transform: translateX(100%);
  transition: .5s all ease-in-out;
}

[dir="rtl"] .lastvisited_toggle_parent {
  transform: translateX(-100%) rotateY(180deg);
  right: unset;
  left: 0;
  flex-direction: row-reverse;
}

.lastvisited_toggle_parent .resource-doctor-list {
  background-color: #fcfaf7;
  box-shadow: 0px 0px 5px 0px #368796;
  border-radius: 1rem 0 0 2rem;
}

.lastvisited_toggle_parent.expand .resource-doctor-list {
  box-shadow: 0px 0px 10px 4px #368796;
}

.lastvisited_toggle_parent::before {
  /* content: '';
  display: block;
  background-image: url(../images/bgbefore_wCurve.png);
  width: 63px;
  height: 15rem;
  background-size: 100% 100%;
  position: absolute;
  left: -63px; */
  /* content: "";
  position: absolute;
  left: -36px;
  top: 50%;
  width: 60px;
  height: 150px;
  background: #fcfaf7;
  border-radius: 50%;
  box-shadow: -5px 0px 7px -2px #368796;
  transform: translateY(-50%) scaleX(1.5); */
}

.lastvisited_toggle_parent .curvesvg {
  position: absolute;
  left: -44px;
  filter: drop-shadow(-3px -1px 2px #368796);
}

.lastvisited_toggle .arrow_icon {
  /* margin-top: -2.9rem; */
  margin-left: 0.8rem;
  transition: .4s all ease-in-out;
  transform: translateY(-6px);
}

.lastvisited_toggle_parent.expand {
  transform: translateX(0%);
}

[dir="rtl"] .lastvisited_toggle_parent.expand {
  transform: translateX(0) rotateY(180deg);
}

[dir="rtl"] .lastvisited_toggle_parent .resource-doctor-list {
  transform: rotateY(180deg);
}

.lastvisited_toggle_parent.expand .arrow_icon {
  transform: rotate(180deg) translateY(6px);
}

.lastvisited_toggle_parent .lastvisited_toggle {
  width: 3.5rem;
  position: absolute;
  left: -3rem;
}

.vaccination_list .fixed_alter_header {
  border-left: 5px solid transparent;
}

.vaccination_list .alter_div:last-child {
  border-radius: unset !important;
}

.vaccination_list .alter_div .indicator {
  display: block;
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}

.vaccination_list .alter_div.clr_1 {
  border-left: 5px solid #95e5c5;
}

.vaccination_list .alter_div.clr_1 .indicator {
  background-color: #95e5c5;
}

.vaccination_list .alter_div.clr_2 {
  border-left: 5px solid #f9e5a7;
}

.vaccination_list .alter_div.clr_2 .indicator {
  background-color: #f9e5a7;
}

.vaccination_list .alter_div.clr_3 {
  border-left: 5px solid #83e2ca;
}

.vaccination_list .alter_div.clr_3 .indicator {
  background-color: #83e2ca;
}

.vaccination_list .alter_div.clr_4 {
  border-left: 5px solid #f48b79;
}

.vaccination_list .alter_div.clr_4 .indicator {
  background-color: #f48b79;
}

.vaccination_list .alter_div.clr_5 {
  border-left: 5px solid #fcde95;
}

.vaccination_list .alter_div.clr_5 .indicator {
  background-color: #fcde95;
}

.vaccination_list .alter_div.clr_6 {
  border-left: 5px solid #c9abd4;
}

.vaccination_list .alter_div.clr_6 .indicator {
  background-color: #c9abd4;
}

.vaccination_list .fixed_alter_body {
  height: calc(100vh - 36rem);
}

.next_vaccination_list .fixed_alter_body {
  height: calc(100vh - 37rem);
}

.physicalTheraphy_height {
  max-height: calc(100vh - 19.5rem);
  overflow: auto;
}

.physicalTheraphy_height::-webkit-scrollbar {
  width: 0;
}

.akuworlist_height {
  height: calc(100vh - 7.5rem);
  overflow: auto;
}

.akuworlist_height::-webkit-scrollbar {
  width: 0;
}

.akuworlist_height .doctor_worklist .inline_legend span {
  min-width: 11rem;
  justify-content: center;
}

.labPanel_list .fixed_alter_body {
  height: unset;
  overflow: unset;
  /* max-height: calc(100vh - 20rem); */
}

.labPanel_list .high_text {
  color: red;
  font-weight: bold;
  font-size: 1.25rem;
}

.labPanel_list .normal_text {
  color: green;
  font-weight: bold;
  font-size: 1.25rem;
}

.daycare_patientAdmissionForm .pa_scroll {
  height: calc(100vh - 19.5rem);
  overflow: auto;
}

.lab_report_table {
  height: calc(100vh - 20.5rem);
  overflow: auto;
}

.lab_report_table::-webkit-scrollbar {
  width: 0;
}

.segment-container .segment:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.segment-container .segment.last-segment {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.adm_req_doctors {
  height: calc(100vh - 10.8rem);
  overflow: auto;
}

.adm_req_doctors::-webkit-scrollbar {
  width: 0;
}

.appointment_worklist {
  height: calc(100vh - 15.7rem);
  overflow: auto;
}

.appointment_worklist::-webkit-scrollbar {
  width: 0;
}

.BulkVerificationCDataLists {
  max-height: calc(100vh - 10.5rem);
  overflow: auto;
  background: #fff;
}

.BulkVerificationCDataLists::-webkit-scrollbar {
  width: 0.6rem;
}

.empForm {
  height: calc(100vh - 10rem);
  overflow: auto;
}

.empForm::-webkit-scrollbar {
  width: 0;
}

.medical_report_insurance {
  height: calc(100vh - 22.3rem);
  overflow: auto;
}

.medical_report_insurance::-webkit-scrollbar {
  width: 0;
}

.cheifcomplaint_height {
  height: 31rem;
  overflow: auto;
}

.cheifcomplaint_height::-webkit-scrollbar {
  width: 0;
}

.ORCharges {
  height: calc(100vh - 12.5rem);
  overflow: auto;
}

.ORCharges::-webkit-scrollbar {
  width: 0;
}

.or_nurse_signature_box canvas {
  width: auto !important;
}

.checklistForm .mat-form-field-infix {
  width: auto !important;
}

.consentTemplates_modal .navbutton {
  padding: 0.275rem 0.175rem;
}

.consentTemplates_modal .navlinks_height li {
  list-style: none;
}

.consentTemplates_modal .patient_summary_page .pat_lefnav .navlinks_height {
  /* height: calc(100vh - 15rem); */
  height: calc(100vh - 22.5rem);
  overflow: auto;
}

.ComprehensiveAssessed_signature canvas {
  width: 100% !important;
}

.textarea_surgerynote_procedure textarea {
  overflow: hidden;
}

.textarea_surgerynote_procedure .viewmore_procedure {
  position: absolute;
  right: 0.7rem;
  bottom: 0.5rem;
}

.surgerynote_procedure_viewmore .modal-body p {
  white-space: pre;
}

.surgerynote_procedure_viewmore .modal-body {
  max-height: calc(100vh - 4.7rem);
  overflow: auto;
}

.surgerynote_procedure_viewmore .modal-body::-webkit-scrollbar {
  width: 0;
}

.PostOperativeinstructions textarea {
  overflow: hidden;
  padding-right: 4.7rem;
}

.PostOperativeinstructions .viewmore_PostOperativeinstructions {
  position: absolute;
  right: 0.7rem;
  bottom: 0.5rem;
}

.PostOperativeinstructions_viewmore .modal-body p {
  white-space: pre;
}

.PostOperativeinstructions_viewmore .modal-body {
  max-height: calc(100vh - 4.7rem);
  overflow: auto;
}

.PostOperativeinstructions_viewmore .modal-body::-webkit-scrollbar {
  width: 0;
}

.DischargeForm_page {
  height: calc(100vh - 3rem);
  overflow: auto;
}

.DischargeForm_page::-webkit-scrollbar {
  width: 0;
}

ngb-modal-window .content_discharge_sumary {
  height: calc(100vh - 8rem) !important;
}

.virtualDischarge_list {
  max-height: calc(100vh - 8rem);
  min-height: 20rem;
  overflow: auto;
}

.virtualDischarge_list::-webkit-scrollbar {
  width: 0;
}

.virtualDischarge_list .beds_Virtual_card svg {
  display: none;
  position: absolute;
  top: -0.4rem;
  right: -0.3rem;

}

.virtualDischarge_list .beds_Virtual_card.active {
  border: 1px solid #b4dde4 !important;
  background: #e6f4f7;
}

.virtualDischarge_list .beds_Virtual_card.active svg {
  display: block;
}

.virtualDischarge_list .virtualDischarge_list_card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 0.5rem;
}

.virtualDischarge_list .room_cards_row {
  min-height: unset;
  box-shadow: unset;
}

.virtualDischarge_list .primary.room_card {
  min-height: 11.5rem;
}

.add_fav_chiefComplaints .cheifcomplaint_height {
  height: calc(100vh - 11.6rem);
  overflow: auto;
  /* flex-direction: column; */
}

.add_fav_chiefComplaints .patient_summary_page .pat_lefnav .navlinks_height {
  height: calc(100vh - 10.7rem);
}

.pills_eforms .page-header {
  background-color: #ECF6F8;
  border-bottom: 1px solid #B4DDE4;
  height: 45px;
  min-height: 45px;
}

.pills_eforms .page-header.sticky-top {
  z-index: 1;
}

.pills_eforms .eforms_content {
  margin: 0 !important;
}

.pills_eforms .patient_summary_page {
  padding: .5rem !important;
}

.pills_eforms .template_list {
  height: calc(100vh - 19.2rem);
}

.pills_eforms .template_scroll {
  height: calc(100vh - 19.2rem);
}


.token_generation_page {}

.token_doctor_list {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.token_doctor_list::-webkit-scrollbar {
  width: 0;
}

.token_doc_card .token_ssn {
  background-color: #E4E6E6;
  color: #636869;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 500;
}

.token_doc_card .token_doc_details {
  background-color: #F2F3F380;
  padding: 0.15rem 0.4rem;
}

.token_doc_card.active {
  border: 1px solid #8ECBD7 !important;
  box-shadow: 0px 3px 10px 2px #0C424826;
  background-color: #F5FAFB;
}

.token_doc_card.active .token_ssn {
  background-color: #B4DDE4;
  color: #286571;
}

.token_doc_card.active .token_doc_details {
  background-color: #ECF6F8;
}

.token_generation_page .selected_doc_details .token_specilaization span {
  display: block;
  width: 2.5rem;
  height: 0.1rem;
  background-color: #43A9BC;
}

.token_generation_page .selected_doc_details .token_specilaization p {
  text-transform: uppercase;
}

.token_generation_page .selected_doc_details .doc_approval {
  background-color: #FDF8F3;
}

.token_generation_page .selected_doc_details .doc_approval p {
  color: #A35B31;
}

.or_walkthrough_info .vitals .vital_block .vital_hover:hover svg path {
  fill: #368796;
}

.error_mandatoryFields_modal .modal-dialog {
  max-width: 35rem;
}

.error_mandatoryFields_modal .modal-dialog .error_list {
  height: calc(100vh - 13rem);
  overflow: auto;
}

.error_mandatoryFields_modal .modal-dialog .error_list::-webkit-scrollbar {
  width: 0;
}

.openAdmissionReconciliation_modal .modal-dialog {
  max-width: 99% !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.openAdmissionReconciliation_modal .admissionReconciliation {
  height: calc(100vh - 15.5rem);
}

.openAdmissionReconciliation_modal .admissionReconciliation .medication_drug_body {
  height: calc(100vh - 25.2rem);
}

.openAdmissionReconciliation_modal .card.card-style-1 {
  margin: .5rem !important;
}

.openAdmissionReconciliation_modal .card.card-style-1 .doctor_worklist {
  border-radius: 0 !important;
  border: unset !important;
}

.admissionReconciliationMed .medication_drug .medication_drug_body {
  height: calc(100vh - 10rem);
}

.ivf_orderprocess_table {
  height: calc(100vh - 13.9rem);
  overflow: auto;
}

.ProgressNote_orderprocess_table {
  height: calc(100vh - 10.9rem);
  overflow: auto;
}

.drugTableForm {
  height: calc(100vh - 25.5rem);
  overflow: auto;
}

.drugTableForm::-webkit-scrollbar {
  width: 0.3rem;
}

/* .indentIssue_table .fixed_alter_header{
  border-left: 4px solid transparent;
} */
.indentIssue_table .fixed_alter_body {
  height: calc(100vh - 19.2rem);
}

/* .indentIssue_table .fixed_alter_body .alter_div.newOrder{
  border-left: 4px solid #13B9DD;
}
.indentIssue_table .fixed_alter_body .alter_div.partialIssued{
  border-left: 4px solid #75A47F;
}
.indentIssue_table .fixed_alter_body .alter_div.fullyIssued{
  border-left: 4px solid #f4edbb;
}
.indentIssue_table .fixed_alter_body .alter_div.closeIndent{
  border-left: 4px solid #ffc4c4;
}
.indentIssue_table .fixed_alter_body .alter_div.acknowledged{
  border-left: 4px solid #00dd86;
}
.indentIssue_table .fixed_alter_body .alter_div.firstApprove{
  border-left: 4px solid #acc369;
}
.indentIssue_table .fixed_alter_body .alter_div.secApprove{
  border-left: 4px solid #9ed094;
} */
.indentReceipt_table .fixed_alter_body {
  height: calc(100vh - 14rem);
}

.indentIssue_legends span {
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}

.indentIssue_legends span.newOrder {
  background-color: #13B9DD;
}

.indentIssue_legends span.partialIssued {
  background-color: #75A47F;
}

.indentIssue_legends span.fullyIssued {
  background-color: #f4edbb;
}

.indentIssue_legends span.closeIndent {
  background-color: #ffc4c4;
}

.indentIssue_legends span.acknowledged {
  background-color: #00dd86;
}

.indentIssue_legends span.firstApprove {
  background-color: #acc369;
}

.indentIssue_legends span.secApprove {
  background-color: #9ed094;
}

.indentIssue_table .inline_legend span {
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
}

.indentIssue_table .newOrder .inline_legend span {
  background-color: #13B9DD;
}

.indentIssue_table .partialIssued .inline_legend span {
  background-color: #75A47F;
}

.indentIssue_table .fullyIssued .inline_legend span {
  background-color: #F2CD4A;
}

.indentIssue_table .closeIndent .inline_legend span {
  background-color: #ffc4c4;
}

.indentIssue_table .acknowledged .inline_legend span {
  background-color: #00dd86;
}

.indentIssue_table .firstApprove .inline_legend span {
  background-color: #acc369;
}

.indentIssue_table .secApprove .inline_legend span {
  background-color: #9ed094;
}

.indent_return_TableForm {
  height: calc(100vh - 16rem);
}

.indentIssue_TableForm .fixed_alter_body {
  height: calc(100vh - 14.5rem);
}

.editEformTemplate_modal .modal-dialog {
  max-width: 99% !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.editEformTemplate_modal .page-header.sticky-top {
  background: transparent;
  border: unset;
  padding: unset;
}

.editEformTemplate_modal .page-header.sticky-top .actions {
  position: absolute;
  top: -2.6rem;
  right: 3rem;
}

.editEformTemplate_modal .patient_summary_page {
  padding: 0 !important;
}

.editEformTemplate_modal .eforms_content {
  margin: 0.675rem !important;
}

.editEformTemplate_modal .template_scroll {
  height: calc(100vh - 17.5rem);
}

.viewEformTemplate_modal .modal-dialog {
  max-width: 99% !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.viewEformTemplate_modal .page-header.sticky-top {
  background: transparent;
  border: unset;
  padding: unset;
}

.viewEformTemplate_modal .page-header.sticky-top .actions {
  position: absolute;
  top: -2.6rem;
  right: 3rem;
}

.viewEformTemplate_modal .patient_summary_page {
  padding: 0 !important;
}

.viewEformTemplate_modal .eforms_content {
  margin: 0.675rem !important;
}

.viewEformTemplate_modal .template_scroll {
  height: calc(100vh - 17.5rem);
}

.vte_view_modal .consentForm_page {
  height: calc(100vh - 5rem);
}

.orders_tab_table .fixed_alter_body {
  height: calc(100vh - 22rem);
}

.PreOpChecklistModal .ot_preOperativeTab .preopchklistForm_height {
  height: calc(100vh - 13rem);
}

.openSurgicalSafetyChecklist .modal-dialog {
  max-width: 98%;
  margin: 0.7rem auto;
}

.openSurgicalSafetyChecklist .surgical_saftey_scroll {
  height: calc(100vh - 10.6rem);
}

.openSurgeryRecordModal .modal-dialog {
  max-width: 98%;
  margin: 0.7rem auto;
}

.openSurgeryRecordModal .container__wrapper {
  height: unset;
  min-height: unset;
}

.openSurgeryRecordModal .surgery_record_page {
  height: calc(100vh - 8.5rem);
}

.vte_view_modal .surgerynote_page {
  height: calc(100vh - 7.7rem);
}

.doctor_worklist .inline_legend.fut_app_Cancel span {
  background-color: #fc8b89;
}

.doctor_worklist .inline_legend.fut_app_Booked span {
  background-color: #1ABE98;
}

.doctor_worklist .inline_legend.fut_app_All span {
  background-color: #7b97d9;
}

.pateintFolderPopup .patient_summary_page .pat_rightcont_body {
  height: calc(100vh - 12.5rem);
}

.pateintFolderPopup .patient_summary_page .pat_lefnav .navlinks_height {
  height: calc(100vh - 13.5rem);
}

.aku_vitalsModal .modal-body {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.aku_vitalsModal .modal-body::-webkit-scrollbar {
  width: 0;
}


.pharmacist_token .walkin_cards {
  background-color: #f2f2f2;
  height: 3.6rem;
}

.pharmacist_token .walkin_cards .count h4 {
  border-radius: 0.5rem;
  padding: 0.25rem;
  color: #fff;
  min-width: 4rem;
  text-align: center;
}

.pharmacist_token.rad .walkin_cards .count h4 {
  font-size: 1.3rem;
  border-radius: 0.3rem;
}

.pharmacist_token .walkin_cards .total_token h4 {
  background-color: #F592EC;
}

.pharmacist_token .walkin_cards .pending_token h4 {
  background-color: #C896C8;
}

.pharmacist_token .walkin_cards .assign_token h4 {
  background-color: #00AEAE;
}

.pharmacist_token .walkin_cards .dispatch_token h4 {
  background-color: #FF8080;
}


.pharmacist_token .walkin_cards .total_tokenAA h4 {
  background-color: #b61e3e;
}

.pharmacist_token .walkin_cards .pending_tokenAA h4 {
  background-color: #FA7238;
}

.pharmacist_token .walkin_cards .assign_tokenAA h4 {
  background-color: #5C3E94;
}

.pharmacist_token .walkin_cards .dispatch_tokenAA h4 {
  background-color: #66CB4D;
}

.Pharmacist_token_cards .doc_card .custom_check {
  display: none;
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
}

.Pharmacist_token_cards .doc_card.active {
  border: 1px solid #69BAC9 !important;
  box-shadow: 0px 6px 4px #00000047;
}

.Pharmacist_token_cards .doc_card.active .custom_check {
  display: block;
}

.pharmacist_token .newOrderBlink {
  animation: statusBlink 800ms ease-in-out infinite;
}

@keyframes statusBlink {
  0% {
    color: #13B9DD;
  }

  50% {
    color: #c653c9;
  }

  100% {
    color: #13B9DD;
  }
}

.Blocktype_blink p {
  animation: BlocktypeBlink 800ms ease-in-out infinite;
}

@keyframes BlocktypeBlink {
  0% {
    color: #ff0000;
  }

  50% {
    color: #000000;
  }

  100% {
    color: #ff0000;
  }
}


.inOR_legend span {
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: block;
  background-color: #8b989b;
}

.DentalTooth_btn {
  background: #fcebe8 !important;
  border: 1px solid #E53C1A;
  box-shadow: unset !important;
}

.diagnosis_modal .modal-body {
  max-height: calc(100vh - 10rem);
  overflow: auto;
}

.diagnosis_modal .modal-body::-webkit-scrollbar {
  width: 0;
}

.emplateDiagnosisDoctordiv {
  height: calc(100vh - 16.4rem);
}

.emplateDiagnosisDoctordiv::-webkit-scrollbar {
  width: 0;
}

.LabPhlebtomyLists {
  height: calc(100vh - 23.6rem);
  overflow: auto;
}

.LabPhlebtomyLists::-webkit-scrollbar {
  width: 0;
}

/* .fixed_alter_body {
  .selected {
    background-color: #daeef1 !important;
  }
  .inactive {
    background-color: #d3d3d3 !important;
  }
 } */
.worklistForm_table .fixed_alter_body .custom_check svg {
  display: none;
}

.worklistForm_table .fixed_alter_body .active {
  background-color: #daeef1 !important;
}

.worklistForm_table .fixed_alter_body .inactive .custom_check svg {
  display: block;
  opacity: 1;
}

.MAdmissionDetails {
  height: calc(100vh - 11.6rem);
  overflow: auto;
}

.MAdmissionDetails::-webkit-scrollbar {
  width: 0;
}

.MAdmissionDetails .doctor_worklist.selected .inline_legend span {
  background-color: #78b6bf !important;
}

.MAdmissionDetails .doctor_worklist.inactive .inline_legend span {
  background-color: #bdbdbd !important;
}

.patientFolderReasonModal .modal-dialog {
  max-width: 30% !important;
}

/* .communications_page_body{
  height: calc(100vh - 20rem);
  overflow: auto;
}
.communications_page_body::-webkit-scrollbar {
  width: 0;
} */
.scannedDocs_page .pat_lefnav .navlinks_height {
  height: calc(100vh - 24rem);
  overflow: auto;
}

.scannedDocs_page .pat_lefnav .navlinks_height::-webkit-scrollbar {
  width: 0;
}

.scannedDocs_page .pat_lefnav .navbutton {
  border: 1px solid #CACDCE;
  background: linear-gradient(#F3F3F3, #FFFFFF);
  padding: 0.875rem;
  cursor: pointer;
}

.scannedDocs_page .pat_lefnav .navbutton:hover,
.scannedDocs_page .pat_lefnav .navbutton.active {
  border: 1px solid #B4DDE4;
  background: linear-gradient(#b7d7dd, #FFFFFF);
}

.scannedDocs_page .pat_lefnav .navbutton p {
  color: #3D3D3D;
}

.scannedDocs_page .pat_rightcont_body {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.ipCrossmatch_modal .ipCrossmatch_content {
  height: calc(100vh - 10rem);
  overflow: auto;
}

.neutroVital_table tr td {
  padding: 0.175rem 0.15rem !important;
}

.neutroVital_table tr td input {
  padding: 0.175rem 0.15rem !important;
  font-size: 0.75rem;
}

.pediatric_respiratory_table tbody tr td {
  padding: 0.175rem 0.15rem !important;
}

.pediatric_respiratory_table tbody tr td input {
  padding: 0.175rem 0.15rem !important;
  font-size: 0.75rem;
}

.iconblink svg circle {
  animation: iconblink 800ms ease-in-out infinite;
}

.iconblink svg path {
  fill: #fff;
  animation: iconpathblink 800ms ease-in-out infinite;
}

@keyframes iconblink {
  0% {
    fill: #ff5151;
  }

  50% {
    fill: #DAEEF1;
  }

  100% {
    fill: #ff5151;
  }
}

@keyframes iconpathblink {
  0% {
    fill: #fff;
  }

  50% {
    fill: #368796;
  }

  100% {
    fill: #fff;
  }
}

.cardiology_reportModal .disabledT {
  height: calc(100vh - 17rem);
  overflow: auto;
}

.cardiology_reportModal .disabledT::-webkit-scrollbar {
  width: 0;
}

.testOrderId_modal .testOrder_height {
  height: calc(100vh - 17rem);
  overflow: auto;
}

.testOrderId_modal .testOrder_height::-webkit-scrollbar {
  width: 0;
}

#dashboardtab {
  height: calc(100vh - 12rem);
  overflow: auto;
}

#dashboardtab::-webkit-scrollbar {
  width: 0;
}

.circleIcon_blink span {
  display: block;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #F2CD4A;
  animation: circleIcon_blink 800ms ease-in-out infinite;
}

@keyframes circleIcon_blink {
  0% {
    background-color: #fff;
  }

  50% {
    background-color: #F2CD4A;
  }

  100% {
    background-color: #fff;
  }
}

.bulkresults_opTable .fixed_alter_body {
  height: calc(100vh - 14.8rem);
}

.labBulkVerification_modal .modal-dialog {
  max-width: 90% !important;
}

.labBulkVerification_modal .container__wrapper {
  min-height: unset !important;
}

.labBulkVerification_modal .DiagnosisDoctordiv {
  height: calc(100vh - 11rem);
  overflow: auto;
}

.labBulkVerification_modal .DiagnosisDoctordiv::-webkit-scrollbar {
  width: 0;
}

.labBulkVerification_modal .DiagnosisDoctordiv_table {
  height: unset !important;
}

.slot_pill {
  background: #43a9bc;
  padding: 0.2rem;
  border-radius: 1rem;
}

.ChronicWound_height {
  height: calc(100vh - 16.4rem);
  overflow: auto;
}

.ChronicWound_height::-webkit-scrollbar {
  width: 0;
}

/* .scheduleFor_custom_tooltip{
  position: relative;
} */
.scheduleFor_tooltip {
  /* display: none; */
  /* width: 40rem; */
  /* top: 50%; */
  /* bottom: unset; */
  /* right: 100%; */
  /* left: unset; */
  /* transform: translateY(-50%); */
  /* background-color: #fff;
  box-shadow: 0px 2px 8px #00000059;
  border-radius: 0.3rem;
  opacity: 1;
  transition: transform 250ms;
  z-index: 11; */
}

/* .scheduleFor_custom_tooltip:hover .scheduleFor_tooltip{
  display: block;
} */

.PICU_page .header__container h5 {
  color: #D6131B;
}

.PICU_page header .date_time {
  color: #2E3192;
  width: 19rem;
}

.PICU_page .picu_list {
  height: calc(100vh - 7rem);
  overflow: auto;
}

.picu_footer {
  background-color: #346EED;
  padding: 1rem;
  border-radius: 1rem 1rem 0 0;
}

.picu_footer p {
  color: #fff;
}

.occupied-card {
  border-radius: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAF8FA));
  background: linear-gradient(180deg, #FFFFFF 0%, #EAF8FA 100%);
  /* -webkit-box-shadow: 0px 2px 0px #1B94AC;
          box-shadow: 0px 2px 0px #1B94AC; */
  background: linear-gradient(180deg, rgba(203, 223, 247, 0.2) 17.38%, rgba(255, 255, 255, 0.4) 93.38%);
  border: 2px solid #dbdbdb;
  overflow: hidden;
  /* height: 100%; */
  position: relative;
}

.occupied-card .card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.5rem;
}

.occupied-card .card-content h4 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1rem;
  padding: 0.3rem 0.7rem;
  border-radius: 1rem;
  color: #fff;
}

.occupied-card::before {
  content: '';
  display: block;
  height: 100%;
  width: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.occupied-card.status_occupied .card-content h4 {
  background-color: #0078b7;
  color: #fff;
}

.occupied-card.status_occupied::before {
  background: #0078b7;
}

.occupied-card.status_Vacant .card-content h4 {
  background-color: #ab6eaa;
  color: #fff;
}

.occupied-card.status_Vacant ::before {
  background: #ab6eaa;
}

.occupied-card.status_Releasenotvacant .card-content h4 {
  background-color: #eb5daf;
  color: #fff;
}

.occupied-card.status_Releasenotvacant ::before {
  background: #eb5daf;
}

.occupied-card.status_Tobecleaned .card-content h4 {
  background-color: #98c072;
  color: #fff;
}

.occupied-card.status_Tobecleaned ::before {
  background: #98c072;
}

.occupied-card.status_Notinuse .card-content h4 {
  background-color: #939394;
  color: #fff;
}

.occupied-card.status_Notinuse ::before {
  background: #939394;
}

.occupied-card.status_NotOccuiped .card-content h4 {
  background-color: #ce8b59;
  color: #fff;
}

.occupied-card.status_NotOccuiped ::before {
  background: #ce8b59;
}

.occupied-card.status_ExtraBed .card-content h4 {
  background-color: #e4bc32;
  color: #fff;
}

.occupied-card.status_ExtraBed ::before {
  background: #e4bc32;
}

.occupied-card.status_TransferedButnotvacated .card-content h4 {
  background-color: #e868a0;
  color: #fff;
}

.occupied-card.status_TransferedButnotvacated ::before {
  background: #e868a0;
}







.occupied-card .card-content p {
  color: #344C91;
  font-size: 1.15rem;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.occupied-card.lessUrgency_card {
  overflow: hidden;
}

.occupied-card.moreUrgency_card {
  overflow: hidden;
}

.occupied-card .urgency_block {
  /* border: 1px solid #1F98DB;
  border-top: unset;
  border-bottom: unset; */
}

.occupied-card.female_card .urgency_block {
  /* border: 1px solid #E84693;
  border-top: unset;
  border-bottom: unset; */
}

.occupied-card .urgency_block h6 {
  color: #1F98DB;
  font-size: 2rem;
}

.occupied-card .card-content .time {
  color: #286571;
  font-size: 2rem;
  letter-spacing: unset;
  width: 11rem;
}

.occupied-card .ctascore {
  display: inline-block;
  font-size: 1.8rem;
  border-radius: 2rem;
  min-width: 4.7rem;
  line-height: 1.3;
}

.occupied-card.lessUrgency_card .urgency_block .ctascore {
  background: #FAD96B;
  color: #634D03;
}

.occupied-card.moreUrgency_card .urgency_block .ctascore {
  background: #F08A75;
  color: #5C180A;
}

.occupied-card .Resuscitation .ctascore {
  background-color: blue;
  color: #fff;
}

.occupied-card .Emergent .ctascore {
  background-color: red;
  color: #fff;
}

.occupied-card .Urgent .ctascore {
  background-color: yellow;
  color: #000;
}

.occupied-card .LessUrgent .ctascore {
  background-color: green;
  color: #fff;
}

.occupied-card .NonUrgent .ctascore {
  background-color: white;
  color: #000;
  border: 1px solid #d5d5d5;
}

.occupied-card .icons_row span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #D9D9D9;
}

.occupied-card .card-content .profile_svg svg {
  width: 3rem;
  height: 3.5rem;
}

.occupied-card .card-content .exit_svg svg {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}

.occupied-card .card-content .exit_svg svg path {
  animation: svg_anim 500ms ease infinite;
  display: inline-flex;
}

@keyframes svg_anim {
  0% {}

  50% {
    stroke: #EB6247;
  }

  100% {}
}

.occupied-card .card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #d4d4d4;
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  padding-top: 0.125rem;
  /* height: 2.5rem; */
}

.occupied-card .card-footer .date_ssn {
  /* background-color: #4B4B4B; */
  /* width: 20rem; */
  background-color: #fff;
  padding: 0.4rem;
  border-right: 1px solid #d4d4d4;
}

.occupied-card .card-footer .date_ssn p {
  color: #4B4B4B;
  font-size: 1.15rem;
  white-space: nowrap;
  line-height: 1.3;
  font-weight: 500;
}

.occupied-card.male_card .bed_num {
  background-color: #178ED0;
  color: #fff;
  font-size: 1.2rem !important;
}

.occupied-card.female_card .bed_num {
  background-color: #E84693;
  color: #fff;
  font-size: 1.2rem !important;
}

.occupied-card .bed_num {
  /* width: 25%; */
  background-color: #EFEFEF;
  color: #4e5456;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.1rem 0.5rem;
  border-radius: 0.5rem;
}

.occupied-card .card-footer ._reports {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.125rem;
  height: 100%;
  /* margin-top: 0.125rem; */
}

.occupied-card .card-footer ._reports div.icon {
  background-color: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.occupied-card .card-footer ._reports span {
  width: 2.4rem;
  min-width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #EBEFF8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.occupied-card .card-footer ._reports span svg {
  display: none;
}

.occupied-card .card-footer ._reports span.selected svg {
  display: block;
}


.bulkMedicationIssueList {
  height: calc(100vh - 11.4rem);
  overflow: auto;
}

.bulkMedicationIssueList::-webkit-scrollbar {
  width: 0;
}

.bulkMedicationIssueList .doctor_worklist {
  box-shadow: unset;
}

.bulkMedicationIssueList .doctor_worklist.active {
  border: 1.5px solid #43a9bc;
  box-shadow: 0px 5px 6px 0px rgb(0 0 0 / 21%);
}

.viewbulkMedicationIssueList {
  height: calc(100vh - 11rem);
  overflow: auto;
}

.viewbulkMedicationIssueList::-webkit-scrollbar {
  width: 0;
}

.viewbulkMedicationIssueList .doctor_worklist {
  box-shadow: unset;
}

.viewbulkMedicationIssueList .doctor_worklist.active {
  border: 2px solid #43a9bc;
  box-shadow: 0px 5px 6px 0px rgb(0 0 0 / 21%);
}

.icon_disabled {
  filter: grayscale(1);
  opacity: 0.6;
}

.icon_disabled.active {
  filter: grayscale(0);
  opacity: 1;
}

.crossMacthHeight {
  height: calc(100vh - 12.1rem);
  overflow: auto;
}

.crossMacthHeight::-webkit-scrollbar {
  width: 0;
}

.PhysicalStockEntry_table .fixed_alter_body {
  height: calc(100vh - 23rem);
  overflow: auto;
}

.sickLeave_modal .sickleaveForm_height {
  height: calc(100vh - 10rem);
  overflow: auto;
}

.sickLeave_modal .sickleaveForm_height::-webkit-scrollbar {
  width: 0;
}

.stockItemDetails_table {
  height: calc(100vh - 40rem) !important;
}

.stockItemDetails_table::-webkit-scrollbar {
  width: 0;
}

/* 
.stockDetails_token{
  height: 20rem;
  overflow: auto;
}
.stockDetails_token::-webkit-scrollbar {
  width: 0;
} */
.stockDetails_token .walkin_cards {
  background-color: #fff;
  height: unset;
  overflow: unset;
}

.stockDetails_token .walkin_cards.active {
  background-color: #f2f2f2;
}

.stockDetails_token.rad .walkin_cards .count h1 {
  font-size: 2rem;
}

.stockDetails_token .walkin_cards .custom_check {
  display: none !important;
}

.stockDetails_token .walkin_cards.active .custom_check {
  display: block !important;
}

/* .Pharmacist_token_cards .doc_card .custom_check{
  display: none;
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
 }
 .Pharmacist_token_cards .doc_card.active{
  border: 1px solid #69BAC9 !important;
  box-shadow: 0px 6px 4px #00000047;
 }
 .Pharmacist_token_cards .doc_card.active .custom_check{
  display: block;
 } */

.stockDetails_token .custom_check {
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
}



.dischargeLegends_tokens .walkin_cards {
  background-color: #f2f2f2;
  height: 3.6rem;
}

.dischargeLegends_tokens .walkin_cards .count h4 {
  border-radius: 0.5rem;
  padding: 0.25rem;
  color: #fff;
  min-width: 4rem;
  text-align: center;
  font-size: 1.3rem;
  border-radius: 0.3rem;
}

.dischargeLegends_tokens .walkin_cards .count h4.newreq {
  background-color: #fc8b89;
}

.dischargeLegends_tokens .walkin_cards .count h4.newreqOVR {
  background-color: #FFBDBD;
}

.dischargeLegends_tokens .walkin_cards .count h4.scheduled {
  background-color: #1ABE98;
}

.dischargeLegends_tokens .walkin_cards .count h4.scheduledOVR {
  background-color: #F19ED2;
}

.dischargeLegends_tokens .walkin_cards .count h4.scheduledVirtual {
  background-color: #DA0C81;
}

.dischargeLegends_tokens .walkin_cards .count h4.scheduledVirtualOVR {
  background-color: #A1BC98;
}


.dischargeLegends_tokens .walkin_cards .count h4.Visited {
  background-color: #7b97d9;
}

.dischargeLegends_tokens .walkin_cards .count h4.VisitedOVR {
  background-color: #D57E7E;
}

.dischargeLegends_tokens .walkin_cards .count h4.scheduledAll {
  background-color: #9a89e2;
}

.dischargeLegends_tokens .walkin_cards .count h4.scheduledAllOVR {
  background-color: #ACB1D6;
}

.dischargeLegends_tokens .walkin_cards .count h4.RespondedOVR {
  background-color: #d4b595;
}

.doctor_worklist.ChangeDuty .inline_legend span {
  background-color: rgb(206, 206, 206);
  color: #333;
  font-weight: 900;
}

.doctor_worklist.Meeting .inline_legend span {
  background-color: rgb(189, 191, 226);
  color: #333;
  font-weight: 900;
}

.doctor_worklist.INOR .inline_legend span {
  background-color: rgb(251, 140, 140);
  color: #333;
  font-weight: 900;
}

.doctor_worklist.ONPER .inline_legend span {
  background-color: #B99470;
  color: #333;
  font-weight: 900;
}

.doctor_worklist.ONVAC .inline_legend span {
  background-color: rgb(191, 216, 175);
  ;
  color: #333;
  font-weight: 900;
}

.dischargeLegends_tokens .walkin_cards .count h4.ChangeDuty {
  background-color: rgb(206, 206, 206);
  color: #333;
}

.dischargeLegends_tokens .walkin_cards .count h4.Meeting {
  background-color: rgb(189, 191, 226);
  color: #333;
}

.dischargeLegends_tokens .walkin_cards .count h4.INOR {
  background-color: rgb(251, 140, 140);
  color: #333;
}

.dischargeLegends_tokens .walkin_cards .count h4.ONVAC {
  background-color: rgb(191, 216, 175);
  ;
  color: #333;
}

.dischargeLegends_tokens .walkin_cards .count h4.ONPER {
  background-color: #B99470;
  color: #333;
}

.dischargeLegends_tokens .walkin_cards .count h4.ALLLL {
  background-color: rgb(142, 203, 215);
  color: #333;
}

.outsideBlood_table .fixed_alter_body {
  height: calc(100vh - 26rem);
}


.employeeWorklist_table .fixed_alter_header {
  /* border-left: 3px solid transparent; */
}

.employeeWorklist_table .fixed_alter_body {
  height: calc(100vh - 23.7rem);
}

.employeeWorklist_legends span {
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}

.employeeWorklist_legends span.testRejected {
  background-color: #ff9e9f;
}

.employeeWorklist_legends span.reCollect {
  background-color: #fe7f7f;
}

.employeeWorklist_legends span.approvalRequired {
  background-color: #acc268;
}

.employeeWorklist_legends span.newRequest {
  background-color: #f392eb;
}

.employeeWorklist_legends span.sampleCollect {
  background-color: #c696c7;
}

.employeeWorklist_legends span.sampleacknowledged {
  background-color: #09adad;
}

.employeeWorklist_legends span.resultsEntered {
  background-color: #a7ac9c;
}

.employeeWorklist_legends span.resultsverified {
  background-color: #23da41;
}

.employeeWorklist_legends span.reportDispatched {
  background-color: #d5d500;
}

.employeeWorklist_legends span.sampleSent {
  background-color: #80f983;
}

.employeeWorklist_legends span.resultsReceived {
  background-color: #9893ff;
}

.employeeWorklist_legends span.partialSample {
  background-color: #fed0af;
}

.employeeWorklist_legends span.SampleRejected {
  background-color: #FF8040;
}

.employeeWorklist_table .inline_legend span {
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
}

.employeeWorklist_table .alter_div {
  background-color: transparent !important;
  /* border-left: 3px solid transparent; */
}

.employeeWorklist_table .inline_legend.testRejected span {
  background-color: #ff9e9f;
}

.employeeWorklist_table .inline_legend.reCollect span {
  background-color: #fe7f7f;
}

.employeeWorklist_table .inline_legend.approvalRequired span {
  background-color: #acc268;
}

.employeeWorklist_table .inline_legend.newRequest span {
  background-color: #f392eb;
}

.employeeWorklist_table .inline_legend.sampleCollect span {
  background-color: #c696c7;
}

.employeeWorklist_table .inline_legend.sampleacknowledged span {
  background-color: #09adad;
}

.employeeWorklist_table .inline_legend.resultsEntered span {
  background-color: #a7ac9c;
}

.employeeWorklist_table .inline_legend.resultsverified span {
  background-color: #23da41;
}

.employeeWorklist_table .inline_legend.reportDispatched span {
  background-color: #d5d500;
}

.employeeWorklist_table .inline_legend.sampleSent span {
  background-color: #80f983;
}

.employeeWorklist_table .inline_legend.resultsReceived span {
  background-color: #9893ff;
}

.employeeWorklist_table .inline_legend.partialSample span {
  background-color: #fed0af;
}

.employeeWorklist_table .inline_legend.SampleRejected span {
  background-color: #FF8040;
}

.BloodIssuesworklistHeight {
  height: calc(100vh - 12.5rem);
  overflow: auto;
}

.BloodIssuesworklistHeight::-webkit-scrollbar {
  width: 0;
}

.IntubatedConfirmationModal .bed-number {
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  padding: 0.5rem 1rem;
  text-align: center;
  color: #368796;
  font-size: 0.83rem;
  border-radius: 2rem;
}

.IntubatedConfirmationModal .iso-color {
  background: #ffff37b3;
  border: 1px solid #f6f6c599;
  padding: 0.5rem 1rem;
  text-align: center;
  color: #000 !important;
  font-size: 0.83rem;
  border-radius: 2rem;
}



.scheduleReport_table .fixed_alter_body {
  height: calc(100vh - 16rem);
}

.scheduleReport_block {
  height: calc(100vh - 13.5rem);
  overflow: auto;
}

.scheduleReport_block::-webkit-scrollbar {
  width: 0;
}

.scheduleReport_block .inline_legend span {
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: 0.1rem 0.5rem;
  min-width: 8rem;
  justify-content: center;
}

.scheduleReport_block .onIProunds .inline_legend span {
  background-color: #8080bf;
}

.scheduleReport_block .inOR .inline_legend span {
  background-color: #e75a4f;
}

.scheduleReport_block .onVacation .inline_legend span {
  background-color: #6cad5c;
}

.scheduleReport_legends span {
  display: block;
  width: 0.875rem;
  min-width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
}

.scheduleReport_legends span.onIProunds {
  background-color: #8080bf;
}

.scheduleReport_legends span.inOR {
  background-color: #fd52fb;
}

.scheduleReport_legends span.onVacation {
  background-color: #fea279;
}

.bloodIssue_legends span {
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: block;
}

.bloodIssue_legends .visited span {
  background-color: #F592EC;
}

.bloodIssue_legends .confirm span {
  background-color: #75A47F;
}

.bloodIssue_legends .Booked span {
  background-color: #acc369;
}

.doc_card .inline_status p {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  padding: .2rem 0.5rem;
  width: max-content;
}

.doc_card.visited .inline_status p {
  background-color: rgb(248, 123, 123);
  ;
}

.doc_card.confirm .inline_status p {
  background-color: #75A47F;
}

.doc_card.Booked .inline_status p {
  background-color: #9a89e2;
}

.physiotherapy_height {
  height: calc(100vh - 17rem);
  overflow: auto;
}

.physiotherapy_height::-webkit-scrollbar {
  width: 0;
}

.Nophysiotherapy {
  height: calc(100vh - 15rem);
}

.EmployeeHospitalLocations {
  height: calc(100vh - 16rem);
  overflow: auto;
}

.EmployeeHospitalLocations::-webkit-scrollbar {
  width: 0;
}

.bodyDiagram_modal .body_block {
  /* padding: 2rem; */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65%;
  margin: 0 auto;
}

.bodyDiagram_modal .body_block img {
  width: 75%;
}

.bodyDiagram_modal .body_block .foot_img img {
  padding: 2rem;
  width: auto;
  height: 20rem;
}

.bodyDiagram_modal .body_block .feet_leftRight img {
  width: auto;
  height: 11rem;
}

.bodyDiagram_modal .position_text_FrontleftBody {
  position: absolute;
  top: 63%;
}

.bodyDiagram_modal .position_text_FrontrightBody {
  position: absolute;
  top: 63%;
  right: 3%;
}

.bodyDiagram_modal .position_text_BackleftBody {
  position: absolute;
  top: 63%;
}

.bodyDiagram_modal .position_text_BackrightBody {
  position: absolute;
  top: 63%;
  right: 3%;
}

.medical-item-card-list {
  height: calc(100vh - 15rem);
  overflow: auto;
}

.medical-item-card-list::-webkit-scrollbar {
  width: 0;
}

.alterMRP_table .fixed_alter_body {
  height: calc(100vh - 14.7rem);
}

.alterMRP_table .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.alterMRPModal_table .fixed_alter_body {
  height: calc(100vh - 14rem);
}

.alterMRPModal_table .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.eformView_table .fixed_alter_body {
  height: calc(100vh - 11rem);
}

.eformView_table .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.panaceaResultsModal .fixed_alter_body {
  height: calc(100vh - 9rem);
}

.emergencyTriage_height {
  height: calc(100vh - 18rem);
  overflow: auto;
}

.emergencyTriage_height::-webkit-scrollbar {
  width: 0;
}

.resultReleaseHeight {
  height: calc(100vh - 11.6rem);
  overflow: auto;
}

.resultReleaseHeight::-webkit-scrollbar {
  width: 0;
}

.NursingInstructionsList {
  height: calc(100vh - 20rem);
  overflow: auto;
}

.NursingInstructionsList::-webkit-scrollbar {
  width: 0;
}

.checkAllIssues_table .fixed_alter_body {
  height: calc(100vh - 23.1rem);
  overflow: auto;
}

.checkAllIssues_table .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.checkAllIssues_table .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.4rem 0.5rem;
  font-size: 0.75rem;
  min-width: 9rem;
  width: max-content;
}

.checkAllIssues_table .inline_legend.administered span {
  background-color: #ff6868;
}

.checkAllIssues_table .inline_legend.nonAdministered span {
  background-color: #368857;
}

.DepartmentalSaleTable .fixed_alter_body {
  height: calc(100vh - 20.8rem);
}

.viewRxPrescriptions_table .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.4rem 0.5rem;
  font-size: 0.75rem;
  min-width: 8rem;
  line-height: 1;
  width: max-content;
}

.viewRxPrescriptions_table .inline_legend.newOrder span {
  background-color: #13B9DD;
}

.viewRxPrescriptions_table .inline_legend.partialIssued span {
  background-color: #75A47F;
}

.viewRxPrescriptions_table .inline_legend.fullyIssued span {
  background-color: #d8cd82;
}

.viewRxPrescriptions_table .fixed_alter_body {
  height: calc(100vh - 16.6rem);
}

.viewPharmacyBills_table .inline_legend span {
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.4rem 0.5rem;
  font-size: 0.75rem;
  min-width: 8rem;
  line-height: 1;
  width: max-content;
}

.viewPharmacyBills_table .inline_legend.newOrder span {
  background-color: #13B9DD;
}

.viewPharmacyBills_table .inline_legend.partialIssued span {
  background-color: #75A47F;
}

.viewPharmacyBills_table .inline_legend.fullyIssued span {
  background-color: #d8cd82;
}

.viewPharmacyBills_table .fixed_alter_body {
  height: calc(100vh - 16.6rem);
}

.resultsverify_count span {
  display: block;
  color: #fff;
  background: #ec5252;
  width: 50px;
  padding: 0.2rem 1rem;
  text-align: center;
  font-size: 0.75rem;
  border-radius: 1rem;
}

.storesConsumeTable .fixed_alter_body {
  height: calc(100vh - 18rem);
}

.RangeDataList_table .fixed_alter_body {
  height: calc(100vh - 31.8rem);
}

.availableDates {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(65px, 1fr));
  gap: 0.5rem;
  padding: 0.7rem 1rem;
  width: 91%;
}

/* .availableDates .dateBlock{
  border: 1px solid #BFBFBF;
  background: linear-gradient(0deg, #F0F0F0, #F0F0F0);
  padding: 0.3rem;
  border-radius: 0.3rem;
} */
.availableDates .dateBlock {
  border: 1px solid #BFBFBF;
  background: linear-gradient(0deg, #F0F0F0, #F0F0F0);
  padding: 0.125rem 0.125rem;
  gap: 0.125rem !important;
  border-radius: 0.3rem;
}

.availableDates .dateBlock.active {
  border: 1px solid #2fadc6;
  /* border-image-slice: 1;
  border-image-source: linear-gradient(180deg, #40AABF 0%, #50757C 53%, #40AABF 100%); */
  background: linear-gradient(180deg, #daf1f1 0%, #F2F7F8 50%, #FFFFFF 50%, #afd6de 100%);
  box-shadow: 0px 2px 5px -2px rgba(31, 49, 53, 0.75);
}

.availableDates .dateBlock:hover {
  border: 1px solid #2fadc6;
}

.availableDates .dateBlock.active h6 {
  color: #09748C;

}

.availableDates .dateBlock h6 {
  color: #5E5E5E;
  font-size: 1.5rem;
  margin: 0;
  font-weight: 600;
}

.ResultsEntry_scroll {
  height: calc(100vh - 16.4rem);
  overflow: auto;
}

.GlobalItemMaster .casesheet_div {
  height: calc(100vh - 9.3rem);
}

/* .ResultsEntry_scroll::-webkit-scrollbar{
  width: 0;
} */
.srForm_icon svg {
  filter: grayscale(1);
  opacity: 0.6;
}

.srForm_icon.active svg {
  filter: grayscale(0);
  opacity: 1;
}

.procedureOrder_table .fixed_alter_body {
  height: calc(100vh - 32rem);
}

.BloodIssueHeight {
  height: calc(100vh - 8.6rem);
  overflow: auto;
}

.SelectedMultipleItems_table .fixed_alter_body {
  height: 340px;
  overflow: unset;
}

.ehr_EndoscopeComponent .card-header {
  height: unset;
  min-height: unset;
  padding: 0.3rem;
  border-radius: 0.3rem 0.3rem 0 0;
}

.ehr_EndoscopeComponent .endoScopyForm {
  height: unset !important;
}

.ehr_EndoscopeComponent .p-3.overflow-auto {
  height: calc(100vh - 8.7rem) !important;
}

.split_pay .availDiscount.active g {
  opacity: 1;
}

.weekView_calendar .calendar_blocks {
  display: grid;
  grid-template-columns: 80px repeat(7, minmax(35px, 1fr));
  background-color: #fcfcfc;
}

.weekView_calendar .calendar_col {
  border-right: 1px solid #B4DDE4;
}

.weekView_calendar .calendar_col .col_head {
  background: #f4f5f5;
  border-bottom: 1px solid #d4d4d4;
  color: #368796 !important;
  height: 3rem;
  position: sticky;
  top: 0;
  z-index: 999;
}

.weekView_calendar .calendar_col.active .col_head {
  background: #43a9bc;
  color: #fff !important;
}

.weekView_calendar .col_body {
  /* max-height: calc(100vh - 20rem);
    overflow: auto;
    scrollbar-width: none; */
}

.weekView_calendar .col_body::-webkit-scrollbar {
  display: none;
}

.weekView_calendar .timeslot_block {
  min-height: 30px;
  /* max-height: 00px; */
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  /* padding-left: 8px; */
  /* font-size: 14px; */
  color: #333;
  /* border-radius: 0.3rem; */
}

.weekView_calendar .timeslot_block.timeslot_block_radius {
  /* border-radius: 0.3rem; */
}

.weekView_calendar .timeslot_block.timeslot_block_radius::before {
  /* content: '';
    display: block;
    position: absolute;
    border-width: 0.4rem;
    border-style: solid;
    transform: rotate(180deg);
    top: 35%;
    left: -12px; */
}

.weekView_calendar .timeslot_block.Unavailbeactive {
  background-color: #f4f4f4;
}

/* .weekView_calendar .timeslot_block.Unavailbeactive.timeslot_block_radius::before{
      border-color: transparent transparent transparent #efb5d9;
  } */

.weekView_calendar .timeslot_block.Bookedactive {
  background-color: #4ca5591A;
  border-left: 5px solid #4ca559;
}

/* .weekView_calendar .timeslot_block.Bookedactive.timeslot_block_radius::before{
      border-color: transparent transparent transparent #4ca559;
  } */
.weekView_calendar .timeslot_block.Bookedactive * {
  color: #4ca559 !important;
}

.weekView_calendar .timeslot_block.ORactive {
  background-color: #FB8C8C1A;
  border-left: 5px solid #FB8C8C;
}

/* .weekView_calendar .timeslot_block.ORactive.timeslot_block_radius::before{
    border-color: transparent transparent transparent #FB8C8C;
  } */
.weekView_calendar .timeslot_block.ORactive * {
  color: #FB8C8C !important;
}

.weekView_calendar .timeslot_block.CDactive {
  background-color: #CECECE1A;
  border-left: 5px solid #CECECE;
}

/* .weekView_calendar .timeslot_block.CDactive.timeslot_block_radius::before{
    border-color: transparent transparent transparent #CECECE;
  } */
.weekView_calendar .timeslot_block.CDactive * {
  color: #CECECE !important;
}

.weekView_calendar .timeslot_block.IPRoundsactive {
  background-color: #5a63ff1a;
  border-left: 5px solid #BDBFE2;
}

/* .weekView_calendar .timeslot_block.IPRoundsactive.timeslot_block_radius::before{
    border-color: transparent transparent transparent #BDBFE2;
  } */
.weekView_calendar .timeslot_block.IPRoundsactive * {
  color: #BDBFE2 !important;
}

.weekView_calendar .timeslot_block.Personalactive {
  background-color: #B994701A;
  border-left: 5px solid #B99470;
}

/* .weekView_calendar .timeslot_block.Personalactive.timeslot_block_radius::before{
    border-color: transparent transparent transparent #B99470;
  } */
.weekView_calendar .timeslot_block.Personalactive * {
  color: #B99470 !important;
}

.weekView_calendar .timeslot_block.Vaccactive {
  background-color: #ff9d6d1A;
  border-left: 5px solid #ff9d6d;
}

/* .weekView_calendar .timeslot_block.Vaccactive.timeslot_block_radius::before{
    border-color: transparent transparent transparent #FF9D6D;
  } */
.weekView_calendar .timeslot_block.Vaccactive * {
  color: #ff9d6d !important;
}

.weekView_calendar .timeslot_block.Visitedactive {
  background-color: #7b97d91A;
  border-left: 5px solid #7b97d9;
}

/* .weekView_calendar .timeslot_block.Visitedactive.timeslot_block_radius::before{
    border-color: transparent transparent transparent #7b97d9;
  } */
.weekView_calendar .timeslot_block.Visitedactive * {
  color: #7b97d9 !important;
}

.weekView_calendar .datelink {
  cursor: pointer;
  text-decoration: underline;
}

.openSurgeryRecordModal .bloodRequestForm_height {
  height: calc(100vh - 18rem);
}

.patient_summary_page .pat_rightcont_body.Invest_Radio_patRight {
  height: unset !important;
}

.pat_rightcont_body.Invest_Radio_patRight .fixed_alter_body {
  height: calc(100vh - 26rem);
}

.pat_rightcont_body.Invest_Radio_patRight .inv_rad_tab-content {
  height: unset;
}

.eformPeriod_table .fixed_alter_body {
  height: calc(100vh - 14rem);
}

.ehr_inv_rad_table .expanded {
  background-color: #daeef1 !important;
}

.dnr_bedno {
  border: 1px solid #DAEDF1;
  position: relative;
  border-radius: 0.5rem;
  padding: 0 10px;
  width: 4.2rem;
  height: 4.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  outline: 4px solid #ECF6F8;
  animation: ptcircleBlink 1500ms infinite;
}

.dnr_bedno .dnr_label {
  background: #f64421;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 0.2rem 0.4rem;
  white-space: nowrap;
  font-size: 0.6rem;
  /* margin-bottom: -1rem;
    margin-top: 4px; */
}

@keyframes ptcircleBlink {
  0% {}

  50% {
    outline: 4px solid #f64421;
  }

  100% {}
}

.specimen_test_table .fixed_alter_body {
  height: calc(100vh - 18rem);
}

/* .dnr_bedno::before{
    content: "";
    background-color: pink;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */

/* Graph Dashboard css */

.analytics_graphs * {
  font-family: "Noto Sans", sans-serif !important;
}

.analytics_graphs {
  background: #DDDDE9;
}

.analytics_graphs header {
  width: 98%;
  margin: auto;
  box-shadow: 0px 4px 8px 0px #C2C2CF80;
  padding: 0.8rem 1.5rem;
  border-radius: 0 0 0.675rem 0.675rem;
  position: sticky;
  top: 0;
  height: 4.5rem;
  z-index: 11;
}

.analytics_graphs header .logo_img img {
  width: 11rem;
}

.analytics_graphs header .vertical_line {
  display: block;
  width: 0.12rem;
  /* height: 3rem; */
  height: -webkit-fill-available;
  margin-left: 0.4rem;
  background: #C8414633;
}

.analytics_graphs header .pageTitle {
  color: #C84146;
  font-size: 1.45rem;
  text-transform: uppercase;
  font-weight: 600;
}

.analytics_graphs header .page_head {
  color: #030AD5;
  font-size: 1.45rem;
}

.analytics_graphs .left_nav {
  background-color: #F4F7FF;
  border-radius: 0.375rem;
  padding: 0.375rem;
  height: calc(100vh - 8.1rem);
  position: sticky;
  top: 4.5rem;
  overflow: auto;
}

.analytics_graphs .dashboardHeight {
  /* background-color: #F4F7FF; */
  border-radius: 0.675rem;
  /* padding: 0.75rem 0.25rem; */
  height: calc(100vh - 8.1rem);
  position: sticky;
  top: 4.5rem;
  overflow: auto;
}

.analytics_graphs .left_nav::-webkit-scrollbar {
  width: 0;
}

.analytics_graphs .left_nav .custom_fill_dropdown button {
  background-color: #030AD5;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.6rem;
  border-radius: 0.5rem;
  border: unset;
  font-size: 0.875rem;
}

.analytics_graphs .left_nav .custom_fill_dropdown button::after {
  content: '';
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.83594%201.64478L5.83594%205.64478L10.1693%201.64478%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  border: unset;
  background-size: 0.8rem;
  background-position: center;
  width: 0.8rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  margin-top: 0.2rem;
  margin-left: 0.5rem;
}

.analytics_graphs .left_nav .custom_fill_dropdown .dropdown-menu {
  width: 100%;
  border: unset;
}

.analytics_graphs .left_nav .custom_fill_dropdown button:focus {
  box-shadow: unset;
}

.analytics_graphs .left_nav .custom_fill_dropdown ul li a {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

.analytics_graphs .left_nav .custom_fill_dropdown ul li:hover a {
  background: #f0f1ff;
  color: #030AD5;
}

.analytics_graphs .left_nav .custom_outline_dropdown button {
  background-color: #fff;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0.6rem;
  border-radius: 0.5rem;
  border: 1px solid #C6D1EF;
  font-size: 0.875rem;
  color: #000000;
}

.analytics_graphs .left_nav .custom_outline_dropdown button::after {
  content: '';
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.83594%201.64478L5.83594%205.64478L10.1693%201.64478%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  border: unset;
  background-size: 0.8rem;
  background-position: center;
  width: 0.8rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  margin-top: 0.2rem;
  margin-left: 0.5rem;
}

.analytics_graphs .left_nav .custom_outline_dropdown .dropdown-menu {
  width: 100%;
  border: unset;
}

.analytics_graphs .left_nav .custom_outline_dropdown button:focus {
  box-shadow: unset;
}

.analytics_graphs .left_nav .custom_outline_dropdown ul li a {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}

.analytics_graphs .left_nav .custom_outline_dropdown ul li:hover a {
  background: #f0f1ff;
  color: #030AD5;
}

.analytics_graphs .graph_section {
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 0.675rem;
  height: 470px;
  /* height: calc(100vh - 36vh); */
}

.analytics_graphs .graph_section h6 {
  color: #383A88;
  text-align: center;
  font-weight: 600;
  font-size: 1.4rem;
}

.analytics_graphs .graph_fixed_alter_list {
  border-radius: 0.675rem;
  background-color: #fff;
}

.analytics_graphs .graph_fixed_alter_list .fixed_alter_header {
  background-color: #F3F3F3;
  border-radius: 0.75rem 0.75rem 0 0;

}

.analytics_graphs .graph_fixed_alter_list .fixed_alter_header p {
  color: #303030;
  font-size: 0.75rem;
}

.analytics_graphs .graph_fixed_alter_list .fixed_alter_body {
  height: 440px;
  /* height: calc(100vh - 39.8vh); */
  overflow: auto;
}

.analytics_graphs .graph_fixed_alter_list .fixed_alter_body p,
.analytics_graphs .graph_fixed_alter_list .fixed_alter_footer p {
  font-size: 0.75rem;
}

.analytics_graphs .graph_fixed_alter_list .fixed_alter_body::-webkit-scrollbar {
  width: 0;
}

.analytics_graphs .graph_fixed_alter_list .fixed_alter_body .alter_div:nth-child(even) {
  background-color: #F5F5FB;
}

.analytics_graphs .graph_fixed_alter_list .fixed_alter_body .alter_div:last-child {
  /* border-radius: 0 0 0.75rem 0.75rem; */
}

.surgery_records .fixed_alter_body {
  height: calc(100vh - 40vh);
}

.totalPatients_card h6 {
  color: #030AD5;
}

.erVisitRate_card {
  background-color: #F9F8F3;
}

.erVisitRate_card h6 {
  color: #030AD5;
}

.analytics_graphs .revenue_list {
  background-color: #fff;
  border-radius: 0.675rem;
  padding: 0.75rem;
  height: calc(100vh - 7.7rem);
  position: sticky;
  top: 4.5rem;
  overflow: auto;
}

.revenue_list .departmentsList {
  height: 20rem;
  overflow: auto;
}

/* .revenue_list .departmentsList::-webkit-scrollbar{
  width:0;
} */
.analytics_graphs .revenue_list::-webkit-scrollbar {
  width: 0;
}

.analytics_graphs .avgtime_circle .circle {
  width: 4.5rem;
  min-width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.analytics_graphs .avgtime_circle .circle.sampleCollection {
  background-color: #a33597;
}

.analytics_graphs .avgtime_circle .circle.acknowledgement {
  background-color: #558cf9;
}

.analytics_graphs .avgtime_circle .circle.ResultEntry {
  background-color: #ff0000;
}

.analytics_graphs .avgtime_circle .circle.ResultVerification {
  background-color: #4ca62d;
}

.analytics_graphs .avgtime_circle .extender {
  background-color: #e4e4e4;
  width: 60%;
  margin-left: -10px;
  padding-left: 1rem !important;
}

.IP_graph .readmissionCard {
  background-color: #fff;
  /* cursor: pointer; */
}

.IP_graph .readmissionCardG .readmissionCard_header {
  background-color: #7165c7;
  /* #1847e1; */
}

.IP_graph .readmissionCardG .readmissionCard_headerDD {
  background-color: #EBF5FF;
  /* #1847e1; */
}

.IP_graph .readmissionCardG h4 {
  /* color: #030AD5; */
  height: 2.5rem;
  padding: 0.2rem !important;
  /* margin: -28px; */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.IP_graph .readmissionCardG.active {
  box-shadow: 0px 3px 3px 2px #4248ff;
}

.IP_graph .readmissionCard .readmissionCardG_header {
  background-color: #4C3BCF;
  /* #1847e1; */
}



.IP_graph .readmissionCard.active {
  box-shadow: 0px 3px 3px 2px #4248ff;
}

.IP_graph .readmissionCard .readmissionCard_header {
  background-color: #4C3BCF;
  /* #1847e1; */
}

.IP_graph .readmissionCard h4 {
  /* color: #030AD5; */
  height: 2.5rem;
  padding: 0.2rem !important;
  /* margin: -28px; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.IP_graph .graph_section {
  height: 415px;
}

.revenue_stat_page .graph_Card {
  height: 100%;
  /* height: 20rem; */
}

.revenue_stat_page .sidebar-container {
  max-width: 360px;
  background-color: #F4F7FF;
  padding: 0.5rem;
}

.revenue_stat_page .sidebar-container .dept_list {
  max-height: 20rem;
  overflow: auto;
}

.revenue_stat_page .summary-value {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}

.revenue_stat_page .summary-value.revenue {
  color: #ED1C24;
}

.revenue_stat_page .summary-value.serviceVAT {
  color: #F38602;
}

.revenue_stat_page .summary-value.Netrevenue {
  color: #22C067;
}

.revenue_stat_page .summary-value.discount {
  color: #F38602;
}

.revenue_stat_page .summary-value.patients {
  color: #030AD5;
}

.revenue_stat_page .summary-label {
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #121212;
}

.revenue_stat_page .divider {
  border-bottom: 1px solid #2E31921A;
  margin: 1rem 0;
}

.revenue_stat_page .fixed_alter_body {
  height: calc(100vh - 36rem) !important;
}

.revenue_stat_page .fixed_alter_footer {
  border-top: 1px solid #C5C5C5;
  background: #eaeaea;
}

.surgery_records .fixed_alter_body {
  height: calc(100vh - 40vh);
}

:host ::ng-deep .apexcharts-xaxis-label {
  white-space: pre-line !important;
}

.apexcharts-xaxis-label_text {
  white-space: pre-wrap !important;
  word-break: break-all;
}

.apexcharts-canvas {
  padding: 0 !important;
  margin: 0 !important;
}

.apexcharts-svg {
  overflow: visible !important;
}

/* @media screen and (max-width:1500px) {
    .apexcharts-canvas
    {
      width: 100% !important;
    }
} */

.apexcharts-xaxis-label_text tspan {
  white-space: pre-wrap !important;
  word-break: break-all;
}

.admission_rateCard h6 {
  color: #383A88;
}

.admission_rateCard p {
  color: #FF4842;
}

.admission_rateCard h5 {
  color: #F38602;
}

.pricevalue_btn {
  text-align: center;
  justify-content: center;
  background: linear-gradient(180deg, #A3D9E3 50%, #68C7D7);
  box-shadow: 0 2px 4px #1E6571B2;
  display: inline-flex !important;
  padding: 0.3rem 1rem;
}

.serviceprice_table .fixed_alter_body {
  height: calc(100vh - 28rem);
}

.pendingreport_page .worklistHeight {
  height: calc(100vh - 11rem) !important;
}

.antenatal_highlights .highlighted.red {
  border: 3px solid #680000 !important;
}

.antenatal_highlights .highlighted.yellow {
  border: 3px solid #483100 !important;
}

.antenatal_highlights .highlighted.blue {
  border: 3px solid #330468 !important;
}

.antenatal_highlights .highlighted.green {
  border: 3px solid #273a00 !important;
}

.doctorPayoutDetails .modal-body {
  height: calc(100vh - 6rem);
  overflow: auto;
}

.doctorPayoutDetails .payoutheader {
  background-color: #345cb3;
  border: 1px solid #1B3469;
}

.doctorPayoutDetails .payoutheader h6,
.doctorPayoutDetails .payoutheader p {
  color: #fff;
}

.doctorPayoutDetails .visitsadmissions .visitCard {
  background-color: #EBF5FF;
  border: 1px solid #ABBDE6;
}

.doctorPayoutDetails .visitsadmissions .visit_block {
  background-color: #FFFFFF80;
  border: 1px solid #D8E7F7;
}

.doctorPayoutDetails .visitsadmissions .visit_block label {
  color: #003A93;
}

.doctorPayoutDetails .visitsadmissions .visitCard .op_circle {
  background-color: #4990E2;
  width: 2.6rem;
  min-width: 2.6rem;
  height: 2.6rem;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.doctorPayoutDetails .visitsadmissions .visitCard .op_circle p {
  color: #fff;
  font-weight: 600;
  font-size: 1.3rem;
}

.doctorPayoutDetails .table_header {
  background-color: #345cb3;
}

.doctorPayoutDetails .table_header p {
  color: #fff;
}

.doctorPayoutDetails table {
  border: 1px solid #D7D7D7 !important;
}

.doctorPayoutDetails table th {
  background-color: #EBECEC !important;
  color: #003A93 !important;
}

.doctorPayoutDetails table tbody tr:nth-child(even) td {
  background-color: #F9FAFC !important;
}

.apexcharts-legend {
  padding: 0 !important;
  /* top: unset !important; */
}

.apexcharts-inner {
  /* transform: translateY(35px) !important; */
}

.apexcharts-legend-marker {
  width: 11px !important;
  height: 11px !important;
  border-radius: 50% !important;
  overflow: hidden;
  margin-right: 2px !important;
}

.apexcharts-legend-group.apexcharts-legend-group-vertical {
  flex-direction: row !important;
}

.login__form-card .__timer {
  width: 160px;
  height: 160px;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='161' height='161' viewBox='0 0 161 161' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M80.2608 0.453979C124.312 0.453979 160.022 36.2712 160.022 80.4539C160.022 124.637 124.312 160.454 80.2608 160.454C36.2101 160.454 0.5 124.637 0.5 80.4539C0.5 36.2712 36.2101 0.453979 80.2608 0.453979ZM80.2608 144.454C115.501 144.454 144.069 115.8 144.069 80.4539C144.069 45.1077 115.501 16.454 80.2608 16.454C45.0203 16.454 16.4522 45.1077 16.4522 80.4539C16.4522 115.8 45.0203 144.454 80.2608 144.454Z' fill='%23DAEDF1'/%3E%3C/svg%3E%0A");
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.login__form-card .__timer p {
  font-size: 2rem;
  font-weight: 600;
  color: #2F64B3;
}

.login__form-card .loader-bar {
  position: absolute;
  left: 0;
  top: 0;
}

.login__form-card .loader-bar circle {
  fill: none;
  stroke: #2f64b3;
  stroke-width: 0.75rem;
  stroke-dasharray: 440;
  stroke-dashoffset: 440;
  transform-origin: center;
  transform: rotate(-90deg);
  -webkit-animation: animtimer 299s linear forwards;
  animation: animtimer 299s linear forwards;
}

.IP_graph .readmissionCard .readmissionCard_headerCTAS1 {
  background-color: blue;
}

.IP_graph .readmissionCard .readmissionCard_headerCTAS2 {
  background-color: red;
}

.IP_graph .readmissionCard .readmissionCard_headerCTAS3 {
  background-color: yellow;
}

.IP_graph .readmissionCard .readmissionCard_headerCTAS4 {
  background-color: green;
}

.IP_graph .readmissionCard .readmissionCard_headerCTAS5 {
  background-color: white;
}


@-webkit-keyframes animtimer {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes animtimer {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes bgobjects {
  0% {
    transform: translate(0px, 0px);
  }

  50% {
    transform: translate(-28px, 8px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

@-webkit-keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-1920px, 0, 0);
  }
}

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-1920px, 0, 0);
  }
}

.back__btn {
  align-self: start;
}

.back__btn svg {
  width: 2.75rem;
  height: 2.75rem;
}

.otp__input-wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

/* .otp__input-wrapper .form-control {
  width: 3.75rem;
  border-radius: 50%;
  font-size: 2rem;
  font-weight: 600;
} */

.number__pad {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
}

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

.number__pad .number-btn .btn {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  min-width: unset;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #43a9bc !important;
}

.IVModal .injection_list .injection_block.active {
  background-color: #F3F8F9;
}

.IVModal .injection_list .injection_block {
  border-bottom: 1px solid #8ECBD780;
}

.IVModal .injection_list .injection_block:first-child {
  border-radius: 0.375rem 0.375rem 0 0;
}

.IVModal .injection_list .injection_block:last-child {
  border-bottom: unset;
  border-radius: 0 0 0.375rem 0.375rem;
}

.arCompStatementData_table .ngx-datatable.material {
  box-shadow: unset !important;
}

.arCompStatementData_table .datatable-header-cell-label {
  color: #368796 !important;
}

.arCompStatementData_table .ngx-datatable * {
  white-space: normal;
  line-height: 1.3;
}

.arCompStatementData_table .ngx-datatable.material .datatable-header .datatable-header-cell {
  padding: 0.4rem 0.5rem;
}

.arCompStatementData_table .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  padding: 0.4rem 0;
  font-size: 0.75rem;
  height: unset !important;
  width: 100% !important;
}

.arCompStatementData_table .datatable-scroll .datatable-body-row {
  height: unset !important;
  width: unset !important;
}

.notBilledSection {
  height: calc(100vh - 12rem);
  overflow: auto;
}

.notBilledSection .datatable-group-header {
  background: unset !important;
  border: unset !important;
}

.notBilledSection .datatable-row-wrapper {
  /* margin-bottom: 0.5rem; */
}

.notBilledSection .datatable-scroll {
  padding: 0.5rem 0;
}

.notBilledSection .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  padding: 0;
}

.notBilledSection .doc_card {
  margin-bottom: 0.5rem;
}

.notBilledSection .doc_card.stat_legendIndicator {
  border-left: 4px solid #e30000;
}

.notBilledSection .doc_card.discharge_legendIndicator {
  border-left: 4px solid #ff9637;
}

.notBilledSection .inline_legend span {
  border-radius: 1rem;
  display: inline-flex;
  align-items: center;
  color: #fff;
  padding: .1rem 0.5rem;
  font-size: 0.75rem;
}

.notBilledSection .newOrder .inline_legend span {
  background-color: #13B9DD;
}

.indentIssue_table .partialIssued .inline_legend span {
  background-color: #75a47f;
}

.indentIssue_table .fullyIssued .inline_legend span {
  background-color: #d8cd82;
}

.notbilled_legends span {
  display: block;
  border-radius: 50%;
  width: 0.9rem;
  height: 0.9rem;
}

.notbilled_legends span.statlegend {
  background-color: #e30000;
}

.notbilled_legends span.dischargelegend {
  background-color: #ff9637;
}

.Population_health_page {
  height: calc(100vh - 6.4rem);
  overflow: auto;
}

.Population_health_page::-webkit-scrollbar {
  width: 0;
}

.population_health_header {
  border-left: 3px solid #030AD5;
  padding: 0.5rem;
  background-color: #fff;
}

.population_health_header h5 {
  color: #EC4040;
}

.title_clr {
  color: #383A88;
}

.populationCard .populationFooter {
  background-color: #EBF5FF;
  border: 1px solid #A1CFDE;
  min-height: 4.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.populationCard .populationFooter h6 {
  color: #030AD5;
}

.drugGraph_block {
  background-color: #D9F2D0;
}

.drugGraph_block h5 {
  color: #EC4040;
}

.drugGraph_block p {
  color: #EC4040;
}

.docWelcomeModal {
  backdrop-filter: blur(30px);
}

.docWelcomeModal .modal-content {
  background-image: url("../images/op-BG.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.docWelcomeModal .clinicInput {
  display: flex;
  align-items: center;
  width: 50%;
  /* border: 2px solid #368796; */
  box-shadow: 0px 2px 5px 0px #1C03D54D;
  border-radius: 0.875rem;
  background: #f7fafd;
  min-width: 25rem;
  max-width: 100%;
  margin: 1rem auto 0;
  padding: 0 10px;
  height: 60px;
}

.docWelcomeModal .submit_btn {
  width: max-content;
  padding: 0.6rem 3rem;
  background: #368796;
  color: #fff;
  border: none;
  font-size: 1.4rem;
  border-radius: 32px;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  margin-top: 10px;
  transition: background .2s;
}

.docWelcomeModal .submit_btn:hover {
  background: #004d66;
}

.cathlabworklist_tabGrid .count {
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  font-size: 0.675rem;
  /* background-color: #ff2f2f;
  color: #fff; */
  background-color: #368796;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -0.4rem;
  left: 1.5rem;
}

.coordinator_Height {
  height: calc(100vh - 13.6rem);
  overflow: auto;
}

.speciality_switch_box {
  background-color: #ecf6f8;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.speciality_switch_box .switch_box_body {
  height: calc(100vh - 29rem);
  overflow: auto;
}

.speciality_switch .hoverelement {
  background-color: #fff;
}

.speciality_switch .hoverelement:hover {
  /* background-color: #EDF4FD; */
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

/* .speciality_switch .hoverelement:hover .col-1 svg path:first-child,
  .speciality_switch .hoverelement .col-1.active svg path:first-child{
    fill: #368796;
    opacity: 1;
  } 
  .speciality_switch .hoverelement:hover .col-1 svg path:last-child,
  .speciality_switch .hoverelement .col-1.active svg path:last-child{
    fill:  #DAEEF1;
  }  */
.speciality_switch .toleft {
  transform: rotate(270deg);
}

.speciality_switch .toright {
  transform: rotate(90deg);
}

.speciality_switch .toright.disabled {
  /* transform: rotate(90deg); */
  opacity: 0.3;
}

.speciality_switch .toleft.disabled {
  /* transform: rotate(90deg); */
  opacity: 0.3;
}

.emergencyKPI_page {
  height: calc(100vh - 7.3rem);
  overflow: auto;
}

.hsptl_events_content .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.5rem !important;
}

.hospitalEvents_tabs .nav-item .nav-link.active .custom_check svg.check_svg path:last-child {
  fill: #368796;
  stroke: #368796;
}

.newReferral_blink svg rect {
  animation: newReferral_blink 600ms ease-in-out infinite;
}

@keyframes newReferral_blink {
  0% {
    fill: #8891C4;
  }

  100% {
    fill: red;
  }
}

.newReferral_blink .count {
  animation: newReferraltext_blink 600ms ease-in-out infinite;
}

.fingerprintModal .modal-dialog {
  max-width: 40rem;
}

@keyframes newReferraltext_blink {
  0% {
    color: #000;
  }

  100% {
    color: red;
  }
}

.cart-count {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -80%);
}

.cart-modal .modal-dialog {
  max-width: 30rem;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 7px 0 7px 0;
}

.ReferredToMe_List .fixed_alter_body {
  height: calc(100vh - 11.5rem) !important;
}

.content_loaderWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background-color: #eaeaea;
  z-index: 1;
  overflow: hidden;
  opacity: 1;
  /* transition: opacity 2s ease; */
}

.content_loader {
  position: absolute;
  top: 0;
  left: -50%;
  right: -50%;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(-60deg,
      rgb(255 255 255 / 0%) 48%,
      rgb(255 255 255 / 86%) 50%,
      rgb(255 255 255 / 0%) 52%);
  opacity: 1;
  animation: slide 3s ease-in-out infinite;
}

/* Smooth one-way shimmer */
@keyframes slide {
  0% {
    transform: translateX(-100%);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
    opacity: 1;
  }
}

@keyframes placeholderAnimate {
  0% {
    background-position: -150% -150%;
  }

  100% {
    background-position: 150% 150%;
  }
}

.content_item {
  position: absolute;
  background: #fff;
  z-index: 2;
}

.content_item:after,
.content_item:before {
  width: inherit;
  height: inherit;
  content: "";
  position: absolute;
}

.addTocart_icon.active svg path {
  fill: chocolate;
}

.pendingReport_doc_card.active {
  background: #f7e2de;
}

.pendingReport_doc_card.active .bg-white {
  background: #f7e2de !important;
}

.drug_admin_chart_pat_rightcont::-webkit-scrollbar {
  width: 0;
}



@media screen and (max-width:991px) {
  .rxOrders_card .rxOrders_cardHeader {
    height: unset !important;
  }

  .highcharts-container {
    width: 100% !important;
    height: auto !important;
  }

  .highcharts-container>svg {
    width: 100%;
    height: auto;
  }

  .prescMeter_tooltip .highcharts-container {
    height: 100px !important;
  }

  .prescMeter_tooltip .highcharts-container svg {
    height: 100px !important;
    width: 150px !important;
    margin: auto;
  }

  .cardiologyworklist_tabGrid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5rem;
  }

  .cardiologyworklist_tabGrid.cardiologyworklist_tabGridIP {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.5rem;
  }

  .cardiologyworklist_tabGrid>div {
    width: 100% !important;
  }

  .cathlabworklist_tabGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }

  .cathlabworklist_tabGrid.cathlabworklist_tabGridIP {
    grid-template-columns: repeat(4, 1fr);
  }

  .cathlabworklist_tabGrid.cathlabworklist_tabGridED {
    grid-template-columns: repeat(5, 1fr);
  }

  .cathlabworklist_tabGrid>div {
    width: 100% !important;
    min-width: unset !important;
  }

  .dietchart_tabgrid {
    grid-template-columns: repeat(8, 1fr);
  }

  .dietchart_tabgrid>div {
    width: 100% !important;
    min-width: unset !important;
  }

  .discharge_visitdd_tab {
    width: 18rem;
  }

  .indivialprocessing_tabgrid {
    grid-template-columns: repeat(7, 1fr);
  }

  .indivialprocessing_tabgrid>div {
    width: 100% !important;
    min-width: unset !important;
  }

  .PerfDoctorChangeSelect {
    width: 10rem !important;
  }
}

.print-only {
  display: none;
}

.print-header {
  display: none;
}

.print-footer {
  display: none;
}

.printedby {
  display: none;
}

.PrintDateTime {
  right: 4rem;
}

.printfooter-above {
  position: relative;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 10px;
  color: #000;
}

/* .printfooter-above p{
  bottom: -1rem;
} */

@media print {

  /* @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap"); */
  header,
  footer,
  nav,
  .eforms_left_content,
  .page-header {
    display: none !important;
  }

  html,
  body {
    height: auto;
    margin: 0;
    padding: 0;
    /* font-family: "Poppins", sans-serif !important; */
  }

  .modal {
    position: absolute;
  }

  .print-header {
    display: block;
  }

  .print-only {
    display: block !important;
  }

  .form-group,
  .form-control,
  textarea {
    max-height: none !important;
    overflow: visible !important;
  }

  #textarea_surgerynote_postoperative {
    height: auto !important;
    overflow: visible !important;
    white-space: pre-wrap;
    /* Preserve line breaks */
  }

  .printedby {
    display: block;
    position: fixed;
    right: -15px;
    top: 50%;
    transform: rotate(90deg);
    color: red;
    font-size: 14px;
    font-weight: 700;
  }

  .printpage_body {
    width: 95%;
    margin: auto;
  }

  #yourScrollableDiv {
    height: unset !important;
    overflow: visible !important;
    position: relative;
  }

  .template_scroll {
    height: unset !important;
    overflow: unset !important;
    page-break-inside: auto !important;
  }

  .ovr_template_scroll {
    height: unset !important;
    overflow: unset !important;
    page-break-inside: auto !important;
  }

  .inv_rad_tab-content {
    height: unset !important;
    overflow: unset !important;
  }

  .cardiology_reportModal.modal {
    position: absolute !important;
    display: block;
  }

  .SurgeryNotesModal.modal {
    position: absolute !important;
    display: block;
  }

  .cardiology_reportModal .modal-header {
    display: none;
  }

  body * {
    visibility: hidden !important;
  }

  #printSection,
  #printSection *,
  .printpage_body,
  .printpage_body *,
  .patient_summary_page,
  .patient_summary_page * {
    visibility: visible !important;
  }

  .eforms_right_content,
  .eforms_right_content * {
    visibility: visible !important;
  }

  .modal.show {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  .modal.show * {
    visibility: visible !important;
  }

  .modal-backdrop,
  .cdk-overlay-backdrop {
    display: none !important;
  }

  .modal,
  .modal-dialog,
  .modal-content,
  .modal-body {
    height: auto !important;
    max-height: none !important;
    background-color: #fff !important;
  }

  .cardiology_reportModal .modal-dialog {
    height: unset !important;
    overflow: unset !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  .cardiology_reportModal .modal-body {
    border: 0 !important;
    box-shadow: unset !important;

  }

  .cardiology_reportModal .modal-content {
    height: unset !important;
    overflow: unset !important;
  }

  .cardiology_reportModal .template_scroll {
    height: unset !important;
    overflow: unset !important;
    page-break-inside: auto !important;
  }

  .specimenRejectionmodal {
    position: absolute;
  }

  .collapse:not(.show) {
    display: block;
  }

  .patient_summary_page {
    padding: 0 !important;
  }

  .headercontent {
    padding-top: 10px;
  }

  .consentFormModal {
    position: absolute;
    /* margin-top: 0; */
    /* width: 100% !important; */
    /* height: 100% !important; */
    /* overflow: visible !important; */
    background: #fff !important;
  }

  .consentFormModal .modal-dialog {
    /* margin-top: 0;
      align-items: start; */
  }

  .consentFormModal .modal-header {
    display: none;
  }

  .consentFormModal .generalConsentForm_page {
    height: unset;
    overflow: visible;
  }

  .consentFormModal .painScoreForm {
    height: unset;
    overflow: unset;
  }

  .consentFormModal .modal-content {
    background: #fff !important;
    /* height: 100%; */
  }

  .vte_view_modal .consentForm_page {
    height: unset !important;
    overflow: visible;
  }

  .vte_view_modal .consentForm_page * {
    height: unset !important;
    min-height: unset !important;
  }

  .openSurgeryRecordModal {
    position: absolute;
    margin-top: 0;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    background: #fff !important;
  }

  .openSurgeryRecordModal .modal-dialog {
    margin-top: 0;
    align-items: start;
  }

  .openSurgeryRecordModal .bloodRequestForm_height {
    height: unset !important;
    overflow: hidden;
  }

  .openSurgeryRecordModal .modal-header {
    display: none;
  }

  .openSurgeryRecordModal .modal-content {
    background: #fff !important;
    /* height: 100%; */
  }

  .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .cardiology_reportModal {
    min-height: 100%;
  }

  .PrintDateTime {
    right: 2rem;
  }

  .printfooter-above {
    position: fixed !important;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #000;
  }

  .printfooter-above p {
    bottom: -1rem;
  }


  @page {
    margin: 0.2in 0 0.6in 0;

    @bottom-left {
      content: "Contact: +966 11 425 0000";
      font-size: 10px;
      color: #fff;
      background-color: #363f7d;
      border-top-left-radius: 10px;
      padding-top: 30px̉;
      padding-bottom: 30px̉;
      padding-left: 10px;
      margin-top: 10px;
    }

    @bottom-center {
      content: "Website: www.alhammadi.med.sa";
      /* width: 50%; */
      margin: auto;
      color: #fff;
      background-color: #363f7d;
      padding-top: 30px̉;
      padding-bottom: 30px̉;
      margin-top: 10px;
    }

    @bottom-right {
      content: "Page " counter(page) " of " counter(pages);
      font-size: 10px;
      color: #fff;
      background-color: #363f7d;
      border-top-right-radius: 10px;
      padding-top: 30px̉;
      padding-bottom: 30px̉;
      padding-right: 10px;
      margin-top: 10px;
    }
  }

  @page :first {
    margin-top: 0;
  }

  .vte_view_modal .surgerynote_page {
    height: unset !important;
  }
}

.zoom-floating-popup {
  position: fixed;
  z-index: 2000;
  transition: all 0.3s ease;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.zoom-floating-popup.minimized {
  width: 400px;
  height: 250px;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}

.zoom-floating-popup.minimized .uikit-header,
.zoom-floating-popup.minimized .uikit-footer {
  display: none;
}

.zoom-floating-popup.minimized .uikit-main-content {
  height: 200px !important;
  width: 400px !important;
}

.zoom-floating-popup.maximized {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  height: 80vh;
}

.zoom-session-container {
  width: 100%;
  height: 100%;
}

.zoom-session-container #leave-button {
  padding: 0 !important;
}

.video_call_btn {
  background-color: #ef4d84;
  color: #fff;
  border: 1px solid #ef4d84;
  height: 1.8rem;
  border-radius: 5rem !important;
}

.video_call_btn:hover {
  background-color: #ef4d84;
}

.zoom-floating-popup.minimized .card-header {
  cursor: crosshair;
}

.hidden-modal {
  display: none !important;
}

.fingerprintModal .modal-dialog {
  margin: 0.5rem auto;
}

.ai_btn {
  border: 2px solid transparent;
  /* background: linear-gradient(93.18deg, #00EAAB 14.3%, #486DD3 43.33%, #5540D0 60.5%, #974096 93.2%) border-box,
   #fff padding-box; */
  background: linear-gradient(white, white) padding-box, linear-gradient(93.18deg, #00EAAB 14.3%, #486DD3 43.33%, #5540D0 60.5%, #974096 93.2%) border-box;
  box-shadow:
    inset 0 0 25px rgba(255, 255, 255, 0.6),
    0 4px 20px rgba(0, 0, 0, 0.15);
  transition: 0.3s ease;
}

.ai_btn span {
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #314fae, #a13dcc);
}

.ai_btn_fill {
  border: unset;
  background: linear-gradient(89.05deg, #2DD5FF -7.82%, #6B77FF 50.52%, #A150FF 113.53%);
  border-radius: 2rem;
  padding: 0.4rem 1rem;
  /* width: 10rem; */
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #fff !important;
}

.ai_btn_dropdown .dropdown-item {
  color: transparent !important;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #314fae, #a13dcc) !important;
  font-size: 0.975rem !important;
}

/* clara css */

/* Clara Modal Styles */
/* .clara-popup-modal { */
/* font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; */
/* } */
.clara-popup-modal .modal-dialog {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.clara-popup-modal .modal-content {
  border-radius: 1.25rem 0 0 1.25rem;
}

.clara-popup-modal .modal-body {
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: space-between; */
}

.clara-popup-modal .modal-body_height {
  height: calc(100vh - 9rem);
  overflow: auto;
}

.clara-popup-modal .modal-body_height.withvisits {
  min-height: calc(100vh - 9rem);
}

.clara-popup-modal .modal-body_height.withvisits::-webkit-scrollbar {
  width: 0;
}

.stream-item {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 300ms ease, transform 300ms ease;
  font-size: 13px;
  margin-bottom: 1rem !important;
  ;
}

.stream-item * {
  font-size: 13px;
  margin-bottom: 0.75rem !important;
}

.stream-item.visible {
  opacity: 1;
  transform: translateY(0);
}

.clara-popup-modal .modal-header {
  background: linear-gradient(90deg, #08b1c41a 0%, #625ace1a 48.08%, #ad43ab1a 100%), linear-gradient(0deg, #fff, #fff);
  border-radius: 0;
  border-top-left-radius: 1.25rem;
  padding: 0.5rem 1rem;
}

.clara-popup-modal .modal-header h5 {
  font-size: 1.6rem;
}

.clara-popup-modal .modal-header button.btn-close {
  background: url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.3787%205.12622L5.12622%2015.3787%22%20stroke%3D%22%23BF3B3B%22%20stroke-width%3D%221.70875%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M5.12622%205.12622L15.3787%2015.3787%22%20stroke%3D%22%23BF3B3B%22%20stroke-width%3D%221.70875%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  background-size: 30px;
}

.clara-popup-modal .modal-header .popup-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a1a1a;
}

.clara-popup-modal .modal-header .popup-title .highlight {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.clara-popup-modal .welcome-msg p {
  background: linear-gradient(136.67deg, #03B5C2 -572.57%, #635CCE -162.13%, #AD44AB 203.53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 0.7rem;
  /* margin-top: 4px; */
  font-weight: 300;
}

.clara-popup-modal .welcome-msg span.text {
  background: linear-gradient(136.67deg, #03B5C2 -572.57%, #635CCE -162.13%, #AD44AB 203.53%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: flex;
  font-size: 1.8rem;
}

/* Clara Options */
.clara-popup-modal .clara-options {
  /* display: flex; */
  /* flex-direction: column; */
  /* gap: 0.75rem; */
  /* margin-bottom: 1.5rem; */
}

.clara-trigger {
  position: relative;
  background:
    linear-gradient(#fff, #fff) padding-box,
    /* Inner White Background */
    linear-gradient(90deg, #2dd4bf 0%, #3b82f6 50%, #a855f7 100%) border-box;
  /* Gradient Border */
  border: 2px solid transparent;
  /* Width of the gradient border */
  border-radius: 50px;
  /* Pill shape */
  padding: 0.25rem 0.5rem;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  font-size: 1.1rem;
}

.clara-trigger:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.clara-trigger i {
  color: #6c5ce7;
  font-size: 1.2rem;
}

.clara-trigger img {
  animation: avatarFloat 3s ease-in-out infinite;
}

@keyframes avatarFloat {

  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 10px 20px rgba(161, 140, 209, 0.3);
  }

  50% {
    transform: translateY(-3px);
    box-shadow: 0 20px 30px rgba(161, 140, 209, 0.2);
  }
}

.clara-popup-modal .clara-avatar {
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  /* background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); */
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-bottom: 1rem; */
  font-size: 40px;
  color: white;
  animation: avatarFloat 3s ease-in-out infinite;
  box-shadow: unset !important;
}

@keyframes avatarFloat {

  0%,
  100% {
    transform: translateY(0);
    box-shadow: 0 10px 20px rgba(161, 140, 209, 0.3);
  }

  50% {
    transform: translateY(-8px);
    box-shadow: 0 20px 30px rgba(161, 140, 209, 0.2);
  }
}

.clara-popup-modal .clara-option-item {
  padding: 0.35rem 0.65rem;
  border-radius: 0.45rem;
  cursor: pointer;
  border: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, rgba(212, 141, 243, 0.9) 0%, rgba(105, 184, 250, 0.9) 100%) border-box;
  transition: 0.3s ease;
  height: 100%;
}

.clara-popup-modal .clara-option-item:hover {
  border-color: #667eea;
  background: #f8f9ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.clara-popup-modal .clara-option-item.selected {
  border-color: #667eea;
  background: linear-gradient(90deg, #08b1c41a 0%, #625ace1a 48.08%, #ad43ab1a 100%), linear-gradient(0deg, #fff, #fff);
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.clara-popup-modal .clara-option-text h3 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0.1rem;
}

.clara-popup-modal .clara-option-text p {
  font-size: 0.75rem;
  color: #6b7280;
  margin: 0;
}

/* Status Indicators */
.clara-popup-modal .clara-status {
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  /* background: #f9fafb; */
  box-shadow: 0px 5px 15px 0px #00000040;
  width: 98%;
  margin: 0 auto;
}

.clara-popup-modal .status-indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #667eea;
  font-size: 0.875rem;
  font-weight: 500;
}

.clara-popup-modal .status-error {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ef4444;
  font-size: 0.875rem;
  font-weight: 500;
}

.clara-popup-modal .recording-dot {
  color: #ef4444;
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

/* AI Response Section */
.clara-response-section {
  margin-bottom: 1.5rem;
  border: 2px solid #e5e7eb;
  border-radius: 0.75rem;
  background: #fafbfc;
  overflow: hidden;
}

.response-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

.response-header h6 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.clear-btn {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.clear-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.1);
}

.response-content {
  padding: 1rem;
  font-size: 0.9375rem;
  color: #374151;
  line-height: 1.6;
  /* max-height: 255px; */
  height: calc(100vh - 26.3rem);
  overflow-y: auto;
}

.response-content table {
  width: 100% !important;

}

.fade-word.rtl {

  direction: rtl;
  text-align: right;
  font-family: 'DroidKufi-Regular';

}

.fade-word.rtl * {

  font-family: 'DroidKufi-Regular';

}

.response-content .fade-word {
  /* opacity: 0;
  margin-right: 6px;
  animation: fadeInWord 0.4s ease forwards; */
}

.ai-word {
  opacity: 0;
  animation: fadeIn 0.25s forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}


.hasAudioControls .response-content {
  height: calc(100vh - 22.5rem);
}

.kpi_response .response-content {
  height: calc(100vh - 11.1rem);
}

/* Audio Player */
.audio-player {
  padding: 1rem;
  background: white;
  border-top: 1px solid #e5e7eb;
}

.audio-controls {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.control-btn {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-size: 0.875rem;
}

.control-btn.stop {
  background: #f9e8e8;
  color: #E5485D;
  font-size: 22px;
}

.control-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.control-btn.stop:hover {
  background: #f16e7f !important;
}

.control-btn.stop:hover svg path {
  stroke: #fff;
}

.control-btn:active {
  transform: scale(0.95);
}

.time-display {
  font-size: 0.8125rem;
  color: #6b7280;
  font-weight: 500;
  margin-left: auto;
}

.progress-container {
  position: relative;
  height: 8px;
}

.progress-bar {
  width: 100%;
  height: 8px;
  background: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.progress-fill {
  height: 100%;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 4px;
  transition: width 0.1s linear;
}

.progress-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.progress-slider::-webkit-slider-thumb {
  opacity: 0;
}

.progress-slider::-moz-range-thumb {
  opacity: 0;
}

/* Footer Input Section */
.clara-footer {
  display: flex;
  flex-direction: column;
  /* gap: 0.5rem; */
  align-items: center;
  background: #EAF7FF;
  padding: 0.75rem 1rem;
  border-top: 1px solid #B3C5E9;
  /* border-radius: 0 0 1.25rem 1.25rem; */
}

.clara-footer .footer_actions_wrapper .custom_dropdown button {
  border: unset;
  background: linear-gradient(89.05deg, #2DD5FF -7.82%, #6B77FF 50.52%, #A150FF 113.53%);
  border-radius: 2rem;
  padding: 0.4rem 1rem;
  width: 10rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #fff;
}

.clara-footer .footer_actions_wrapper .custom_dropdown .dropdown-toggle::after {
  top: 0.7rem;
  filter: brightness(6.5);
}

.clara-footer .footer_actions_wrapper .custom_dropdown .dropdown-menu {
  bottom: 2rem;
  right: 0;
  padding: 0.5rem 0.3rem;
  width: 15rem;
}

.clara-footer .footer_actions_wrapper .custom_dropdown .dropdown-item {
  display: flex;
  flex-direction: column;
  padding: 0.3rem 0.5rem;
}

.clara-footer .footer_actions_wrapper .custom_dropdown .dropdown-item:hover {
  background-color: #e9e9e9;
  /* color: #fff !important; */
}

.clara-footer .footer_actions_wrapper .custom_dropdown .dropdown-item:hover span {
  /* color: #e5e5e5 !important; */
}

.clara-footer .footer_actions_wrapper .custom_dropdown .dropdown-item span {
  color: #a5a5a5;
  font-size: 0.75rem;
  line-height: 1;
}

.clara-text-input {
  flex: 1;
  /* padding: 0.75rem 1rem; */
  border: unset;
  border-radius: unset;
  font-size: 0.9375rem;
  transition: all 0.2s ease;
  outline: none;
  color: #52246FD9;
  background: transparent;
  box-shadow: unset !important;
}

.clara-text-input:focus {
  border-color: #667eea;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.clara-text-input:disabled {
  background: unset;
  cursor: not-allowed;
  opacity: 0.6;
}

.clara-send-btn,
.clara-mic-btn {
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.8rem;
}

.clara-send-btn {
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
  background: linear-gradient(89.05deg, #2DD5FF -7.82%, #6B77FF 50.52%, #A150FF 113.53%);
  color: white;
}

.clara-send-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.clara-send-btn:active:not(:disabled) {
  transform: translateY(0);
}

.clara-send-btn:disabled,
.clara-send-btn.disabled {
  background: #d1d5db;
  cursor: not-allowed;
  opacity: 0.5;
}

.clara-mic-btn {
  background: linear-gradient(89.05deg, #2DD5FF -7.82%, #6B77FF 50.52%, #A150FF 113.53%);
  color: #fff;
}

.clara-mic-btn:hover:not(:disabled) {
  background: #e5e7eb;
  transform: scale(1.05);
}

.clara-mic-btn.recording {
  background: #fee2e2;
  color: #ef4444;
  animation: recordingPulse 2s ease-in-out infinite;
}

.clara-mic-btn.processing {
  background: #dbeafe;
  color: #3b82f6;
}

.clara-mic-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

@keyframes recordingPulse {

  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
  }

  50% {
    box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
  }
}

/* Scrollbar Styling */
.response-content::-webkit-scrollbar {
  width: 6px;
}

.response-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.response-content::-webkit-scrollbar-thumb {
  background: #667eea;
  border-radius: 3px;
}

.response-content::-webkit-scrollbar-thumb:hover {
  background: #5568d3;
}

/* Responsive adjustments */
@media (max-width: 480px) {
  .clara-footer {
    flex-wrap: wrap;
  }

  .clara-text-input {
    width: 100%;
  }

  .clara-send-btn,
  .clara-mic-btn {
    flex: 1;
  }

  .audio-controls {
    flex-wrap: wrap;
  }

  .time-display {
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-top: 0.5rem;
  }
}

.clara-container {
  /* padding: 20px; */
  max-width: 100%;
  margin: 0 auto;
}

.clara-response {
  /* background: #f8f9fa; */
  border-radius: 12px;
  /* padding: 20px; */
  margin: 0.5rem;
  box-shadow: 0px 25px 50px -12px #00000040;
}

.response-content {
  /* font-size: 16px;
      line-height: 1.6;
      color: #333;
      padding: 15px;
      background: white;
      border-radius: 6px;
      white-space: pre-wrap; */
}

.audio-controls {
  background: white;
  padding: 15px;
  border-radius: 0 0 12px 12px;
  border-top: 1px solid #e0e0e0;
}

.controls-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.control-btn {
  width: 40px;
  height: 40px;
  border: none;
  /* background: #007bff; */
  background: linear-gradient(89.05deg, #2DD5FF -7.82%, #6B77FF 50.52%, #A150FF 113.53%);
  color: white;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* transition: background 0.2s; */
}

.control-btn:hover:not(:disabled) {
  background: #0056b3;
}

.control-btn:disabled {
  background: #cccccc;
  cursor: not-allowed;
}

.progress-container {
  flex: 1;
  min-width: 200px;
}

.progress-bar {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  background: #e0e0e0;
}

.progress-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #007bff;
  cursor: pointer;
}

.progress-bar::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #007bff;
  cursor: pointer;
  border: none;
}

.time-display {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

.volume-control {
  display: flex;
  align-items: center;
  gap: 8px;
}

.volume-slider {
  width: 80px;
  height: 4px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  background: #e0e0e0;
}

.volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #007bff;
  cursor: pointer;
}

.volume-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #007bff;
  cursor: pointer;
  border: none;
}

audio {
  display: none;
}


/* AI loader */
.status-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  /* padding: 40px; */
  width: 100%;
  /* max-width: 400px; */
}

.status-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* --- THE ANIMATION COMPONENT --- */
.icon-loader {
  width: 36px;
  height: 36px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

/* OUTER RING ANIMATION */
.spinner-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  animation:
    spin 2s linear infinite,
    ringPulse 3s ease-in-out infinite;
}

.spinner-circle {
  fill: none;
  stroke-width: 3;
  stroke-linecap: round;
  transform-origin: center;
  animation:
    dash 1.4s linear infinite,
    driftingStart 5s linear infinite;
}

/* INNER SPARKLE ANIMATION */
.sparkle-svg {
  width: 18px;
  height: 18px;
  z-index: 2;
  /* Spin 1s, Pause 3s (Total 4s) */
  animation: spinPause 4s linear infinite;
}

/* New class for the path to handle Pulsing separately */
.sparkle-path {
  transform-box: fill-box;
  transform-origin: center;
  /* Syncing Pulse with Rotation:
        Total Cycle: 4 seconds (Matches spinPause)
    */
  animation: sparklePulse 4s ease-in-out infinite;
}

/* --- AI GRADIENT TEXT ANIMATION --- */
.text-container {
  position: relative;
  height: 24px;
  width: 250px;
  display: flex;
  align-items: center;
}

.label-sequence {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  position: absolute;
  left: 0;

  /* AI Gradient Styles */
  background: linear-gradient(90deg,
      #4285f4,
      #9b72cb,
      #d96570,
      #fbbc04,
      #4285f4);
  background-size: 300% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  opacity: 0;
  transform: translateY(5px);

  animation:
    sequenceFade 8s ease-in-out infinite,
    aiGradientMove 5s linear infinite;
}

.label-sequence:nth-child(1) {
  animation-delay: 0s;
}

.label-sequence:nth-child(2) {
  animation-delay: 2s;
}

.label-sequence:nth-child(3) {
  animation-delay: 4s;
}

.label-sequence:nth-child(4) {
  animation-delay: 6s;
}

/* --- KEYFRAMES --- */

/* Rotate (Used for Ring) */
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/* Rotate 1s, Pause 3s (Total 4s) */
@keyframes spinPause {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(360deg);
  }

  /* Completes spin at 1s */
  100% {
    transform: rotate(360deg);
  }

  /* Holds for remaining 3s */
}

@keyframes driftingStart {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: -124;
  }
}

@keyframes ringPulse {

  0%,
  100% {
    transform: scale(0.9);
  }

  50% {
    transform: scale(1.05);
  }
}

/* Sparkle Pulse Synchronized with Rotation (4s cycle)
    0% - 25% : Active Pulse (1 second) matches the 1s rotation
    25% - 100% : Rest (3 seconds)
*/
@keyframes sparklePulse {
  0% {
    transform: scale(0.8);
    opacity: 0.8;
  }

  12.5% {
    transform: scale(1.3);
    opacity: 1;
  }

  /* Peak at 0.5s */
  25% {
    transform: scale(0.8);
    opacity: 0.8;
  }

  /* End pulse at 1s */
  100% {
    transform: scale(0.8);
    opacity: 0.8;
  }

  /* Wait for remaining 3s */
}

@keyframes aiGradientMove {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 300% 50%;
  }
}

@keyframes sequenceFade {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.95);
    filter: blur(5px);
  }

  5% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }

  20% {
    opacity: 1;
    transform: translateY(0) scale(1.02);
    filter: blur(0);
  }

  25% {
    opacity: 0;
    transform: translateY(-10px) scale(1.05);
    filter: blur(4px);
  }

  100% {
    opacity: 0;
    transform: translateY(-10px) scale(1.05);
    filter: blur(4px);
  }
}


.visits-list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: 98%;
  margin: 0 auto;
}

.visit-item {
  padding: 0.3rem 0.75rem;
  /* border: 1px solid #e0e0e0; */
  border: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, rgba(212, 141, 243, 0.9) 0%, rgba(105, 184, 250, 0.9) 100%) border-box;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  /* background: white; */
}

.visit-item:hover {
  /* background: #f8f9fa;
    border-color: #51A2FF;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); */

  border-color: #667eea;
  background: #f8f9ff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}

.visit-item.selected {
  background: #e3f2fd;
  border-color: #51A2FF;

  /* border-color: #667eea;
    background: linear-gradient(90deg, #08b1c41a 0%, #625ace1a 48.08%, #ad43ab1a 100%), linear-gradient(0deg, #fff, #fff);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); */
}

.visit-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.visit-date {
  font-weight: 600;
  color: #333;
}

.visit-details .doctor-name,
.visit-details .specialisation,
.visit-details .patient-type {
  color: #666;
}

.separator {
  color: #ccc;
}

.scanicon_blink {
  animation: scanBlink 1s ease-in-out infinite;
}

@keyframes scanBlink {
  0% {}

  50% {
    background: #EB6247;
    border: 1px solid #EB6247;
  }

  100% {}
}

.scanicon_blink svg path {
  animation: scaniconBlink 1s ease-in-out infinite;
}

@keyframes scaniconBlink {
  0% {}

  50% {
    fill: #fff;
  }

  100% {}
}

.quarter_btns {
  background: transparent;
  box-shadow: 0px 2px 8px 1px #b1b1b1;
  backdrop-filter: blur(100px);
}

.quarter_btns.btn-main-fill {
  background-color: #6677CC !important;
  box-shadow: 0px 2px 8px 1px #b1b1b1;
}

.apex_legend .legend {
  width: 2rem;
  height: 1rem;
  border-radius: 0.2rem;
  background-color: #F94C10;
}


.patSummary_page {
  height: calc(100vh - 20.6rem);
  overflow: auto;
}

.patSummary_page .privacy-banner {
  /* background-color: #eff6ff;
    color: #0c71ee; */
  padding: 0.7rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 1rem;
  /* border-left: 3px solid #0c71ee; */
}

/* .patSummary_page .card.allergies_card{
  border: 1px solid #F4D3D3 !important;
  box-shadow: 0px 2px 4px 0px #0000001A !important;
} */
.patSummary_page .badge-count {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  color: inherit;
  border-radius: 50%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.patSummary_page .header-allergies .badge-count {
  background-color: #fef8f8;
  border: 1px solid #DC2626;
}

.patSummary_page .card.card-style-1 .card-body {
  padding: 0.5rem;
  height: 22rem;
  overflow: auto;
}

.patSummary_page .card.card-style-1 .card-body::-webkit-scrollbar {
  width: 0;
}

/* .patSummary_page .header-allergies {
    background-color: #fef8f8;
    color: #DC2626;
}
.patSummary_page .header-procedures {
    background-color: #e3f7fc;
    color: #008BAE;
}

.patSummary_page .header-encounters {
    background-color: #e3f7fc;
    color: #008BAE;
}
.patSummary_page .header-problems {
    background-color: #fbf5ff;
    color: #DC2626;
}
.patSummary_page .header-orders {
    background-color: #e3e8fc;
    color: #213584;
}

.patSummary_page .header-vitals {
    background-color: #eefbf8;
    color: #0F766E;
} */
.patSummary_page .item-title {
  font-weight: 500;
  color: #0f172a;
  display: block;
}

.patSummary_page .item-subtitle {
  font-size: 0.75rem;
  color: var(--hc-muted);
}

.patSummary_page .severity-badge {
  font-size: 0.65rem;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}

.patSummary_page .severity-severe {
  background-color: #fee2e2;
  color: #dc2626;
}

.patSummary_page .card.procedures_card {
  border: 1px solid #B5E5E4 !important;
  box-shadow: 0px 2px 4px 0px #0000001A !important;
}

.patSummary_page .header-procedures .badge-count {
  background-color: #fef8f8;
  border: 1px solid #008BAE;
}

.patSummary_page .encounter_pills .nav-link {
  border: 1px solid #0000001A;
  border-radius: 0.5rem;
}

.patSummary_page .encounter_pills .nav-link.active {
  background-color: #DAEEF1;
  color: #155DFC;
}

.patSummary_page .visit-list-group {
  /* height: calc(100vh - 44.3rem); */
  height: 12.1rem;
  overflow: auto;
}

.patSummary_page .visit-list-group::-webkit-scrollbar {
  width: 0;
}

.patSummary_page .list-group-item {
  border: none;
  border-bottom: 1px dotted var(--hc-border);
  padding: 8px 0;
  background: transparent;
}

.patSummary_page .list-group-item:last-child {
  border-bottom: none;
}

.patSummary_page .orders_card {
  border-bottom: none;
}

.typePS {
  font-size: 12px;
  padding: 3px 11px;
  border-radius: 0px 10px;
  font-weight: 600;
  display: inline-block;
}

.opd {
  background: #397ee7;
  color: #fff;
}

.ipd {
  background: #3ac77c;
  color: #fff;
}

.EMR {
  background: #e06262;
  color: #fff;
}

/* Glass pill look */
.apexcharts-data-label {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Pulse animation */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(168, 85, 247, 0.6);
  }

  70% {
    box-shadow: 0 0 0 8px rgba(168, 85, 247, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(168, 85, 247, 0);
  }
}

/* Applied dynamically via formatter */
.pulse-pill {
  animation: pulseGlow 1.6s ease-out infinite;
}

/* Filters */
.filtersPS {
  padding: 1px 9px;
  display: flex;
  gap: 5px;
}

.filterPS {
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 18px;
  border: 1px solid #c4d1d8;
  background: #fff;
  color: #6b7e89;
  cursor: pointer;
  transition: .2s;
  white-space: nowrap;
}

.filterPS.active,
.filterPS:hover {
  background: #B4DDE4;
  color: #368796;
}

/* Date */
.datePS {
  font-size: 13px;
  color: #1c272f;
}

.timePS {
  font-size: 12px;
  color: #6d7f8a;
  display: inline-block;
  margin-top: 0.2rem;
}

.count-badgePS {
  width: 43px;
  height: 22px;
  border-radius: 15%;
  background: linear-gradient(145deg, #368796, #69c5d6);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  box-shadow: 0 8px 20px rgba(30, 136, 229, 0.4);
}

/* DATE BADGE */
.date-pillPS {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  font-size: 11px;
  border-radius: 20px;
  background: linear-gradient(135deg, #e3f2fd, #ffffff);
  color: var(--medical-blue);
  border: 1px solid #d6e9f9;
}

/* SEVERITY PILLS */
.severityPS {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 12px;
  border-radius: 0px 7px;
  font-size: 12px;
  /* font-weight: 600; */
}

/* .dangerPS {
  background: rgba(229,57,53,.12);
  color: #e63935;
  box-shadow: 0 0 0 1px rgba(229,57,53,.25);
} */
/* APPLY ONLY TO DANGEROUS ITEMS */
.dangerPS {
  animation: dangerPulse 2.2s infinite;
  border-radius: 0px 7px;
  background: rgba(229, 57, 53, .12);
  box-shadow: 0 0 0 1px rgba(229, 57, 53, .25);
}

/* STOP PULSE ON HOVER (Doctor-friendly) */
.dangerPS:hover {
  animation-play-state: paused;
}

.warningPS {
  background: rgba(251, 140, 0, .15);
  color: #f88d06;
}

.mildPS {
  background: rgba(67, 160, 71, .15);
  color: #44a148;
}

.tagPS {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  margin-right: 6px;
}

.tagPS-statPS {
  background: rgba(255, 77, 79, 0.15);
  color: #ff4d4f;
}

/* DANGEROUS PULSE */
@keyframes dangerPulse {
  0% {
    box-shadow:
      inset 4px 0 0 #e53935,
      0 0 0 0 rgba(229, 57, 53, 0.45);
  }

  70% {
    box-shadow:
      inset 4px 0 0 #e53935,
      0 0 0 10px rgba(229, 57, 53, 0);
  }

  100% {
    box-shadow:
      inset 4px 0 0 #e53935,
      0 0 0 0 rgba(229, 57, 53, 0);
  }
}

/* Status Badge */
.statusPSRS {
  align-self: center;
  padding: 5px 14px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.statusPSRS.successPSRS {
  background: rgba(46, 204, 113, 0.15);
  color: var(--success);
}

.statusPSRS.infoPSRS {
  background: rgba(52, 152, 219, 0.15);
  color: var(--info);
}

.glass-cardPSS {
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 18px;
  padding: 12px;
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Heartbeat animation */
@keyframes heartbeat {
  0% {
    filter: drop-shadow(0 0 0 rgba(74, 222, 128, 0));
  }

  50% {
    filter: drop-shadow(0 0 8px rgba(74, 222, 128, 0.9));
  }

  100% {
    filter: drop-shadow(0 0 0 rgba(74, 222, 128, 0));
  }
}


.mobileappRequest_buttons button {
  border-radius: 40px;
  border: 1px solid #8ECBD7;
  background: #ECF6F8;
  color: #286571;
  padding: 0.3rem 0.6rem;
  font-size: 0.65rem;
  width: 100%;
  font-weight: 600;
}

.mobileappRequest_buttons button .wardcountspan {
  border-radius: 40px;
  background: #FAD96B;
  padding: 0.1rem 0.5rem;
  font-size: 0.6rem;
  color: #947305 !important;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}

.mobileappRequest_buttons button.active,
.mobileappRequest_buttons button:hover {
  background-color: #368796;
}

.mobileappRequest_buttons button.active p,
.mobileappRequest_buttons button:hover p {
  color: #fff;
}

.MobileApppill {
  padding: 5px 14px;
  border-radius: 50px;

  color: white;
  display: inline-block;
}

.MobileAppstatusnew {
  background: #E6F7EE;
  color: #1B7F5E;

}

.MobileAppstatusissued {
  background: #E8F1FF;
  color: #2F5FD0;

}

.divfnarequest {
  height: calc(100vh - 17rem);
  overflow: auto;
}

/* .mat-option-text span {
  border-radius: 1.7rem;
  padding: 0.2rem 0.5rem;
  color: #fff;
  line-height: 1;
  display: inline-block;
  font-size: 0.75rem;
} */

.mat-option-text span.agreed {
  background-color: #07c207;
}

.mat-option-text span.notagreed {
  background-color: #D84F4F;
}


#payerAgreeModal .modal-toast.modal-dialog {
  max-width: 25rem !important;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-content {
  min-height: 20rem;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-header {
  border-bottom-color: transparent !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-header h5 {
  font-size: 1.5rem !important;
  color: #fff !important;
  font-weight: 600;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  width: 100%;
}

/* Modal Toast Info */
#payerAgreeModal .modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
}

#payerAgreeModal .modal-toast.modal-toast-info.modal-dialog .modal-header {
  background-color: #FFB829 !important;
}

#payerAgreeModal .modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

/* Modal Toast Success */
#payerAgreeModal .modal-toast.modal-toast-success.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #1A9E79;
}

#payerAgreeModal .modal-toast.modal-toast-success.modal-dialog .modal-header {
  background-color: #1A9E79 !important;
}

#payerAgreeModal .modal-toast.modal-toast-success.modal-dialog .modal-body h3 {
  color: #1A9E79;
}

/* Modal Toast Alert */
#payerAgreeModal .modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #D84F4F;
}

#payerAgreeModal .modal-toast.modal-toast-alert.modal-dialog .modal-header {
  background-color: #D84F4F !important;
}

#payerAgreeModal .modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #D84F4F;
}

/* Toast Footer Buttons */
#payerAgreeModal .modal-toast.modal-dialog .modal-footer a,
#payerAgreeModal .modal-toast.modal-dialog .modal-footer button {
  border-radius: 0.3rem;
  width: 100%;
  font-size: 1.3rem;
  padding: 0.6rem;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_outline_btn {
  background: transparent;
  border: 1px solid #CBD3D5;
  color: #536269;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn {
  background: #F7A70821;
  border: 1px solid #F7A708 !important;
  color: #F7A708;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn:hover {
  background: #F7A7085e;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_fill_btn {
  background: #D64545;
  border: 1px solid #D64545 !important;
  color: #fff;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn {
  background: #d6454521;
  border: 1px solid #D64545 !important;
  color: #D64545;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn:hover {
  background: #d645455e;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_greenfill_btn {
  background: #35AF62;
  border: 1px solid #35AF62 !important;
  color: #fff;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn {
  background: #35AF6221;
  border: 1px solid #35AF62 !important;
  color: #35AF62;
}

#payerAgreeModal .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn:hover {
  background: #35AF625e;
}

/* #TEMPORARY NEW ALERT MODAL 2 */
#errorDiagnosisMsg .modal-toast.modal-dialog {
  max-width: 25rem !important;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-content {
  min-height: 20rem;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-header {
  border-bottom-color: transparent !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-header h5 {
  font-size: 1.5rem !important;
  color: #fff !important;
  font-weight: 600;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  width: 100%;
}

/* Modal Toast Info */
#errorDiagnosisMsg .modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
}

#errorDiagnosisMsg .modal-toast.modal-toast-info.modal-dialog .modal-header {
  background-color: #FFB829 !important;
}

#errorDiagnosisMsg .modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

/* Modal Toast Success */
#errorDiagnosisMsg .modal-toast.modal-toast-success.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #1A9E79;
}

#errorDiagnosisMsg .modal-toast.modal-toast-success.modal-dialog .modal-header {
  background-color: #1A9E79 !important;
}

#errorDiagnosisMsg .modal-toast.modal-toast-success.modal-dialog .modal-body h3 {
  color: #1A9E79;
}

/* Modal Toast Alert */
#errorDiagnosisMsg .modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #D84F4F;
}

#errorDiagnosisMsg .modal-toast.modal-toast-alert.modal-dialog .modal-header {
  background-color: #D84F4F !important;
}

#errorDiagnosisMsg .modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #D84F4F;
}

/* Toast Footer Buttons */
#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer a,
#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer button {
  border-radius: 0.3rem;
  width: 100%;
  font-size: 1.3rem;
  padding: 0.6rem;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_outline_btn {
  background: transparent;
  border: 1px solid #CBD3D5;
  color: #536269;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn {
  background: #F7A70821;
  border: 1px solid #F7A708 !important;
  color: #F7A708;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn:hover {
  background: #F7A7085e;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_fill_btn {
  background: #D64545;
  border: 1px solid #D64545 !important;
  color: #fff;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn {
  background: #d6454521;
  border: 1px solid #D64545 !important;
  color: #D64545;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn:hover {
  background: #d645455e;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_greenfill_btn {
  background: #35AF62;
  border: 1px solid #35AF62 !important;
  color: #fff;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn {
  background: #35AF6221;
  border: 1px solid #35AF62 !important;
  color: #35AF62;
}

#errorDiagnosisMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn:hover {
  background: #35AF625e;
}

#payerAgreeModalProc .modal-toast.modal-dialog {
  max-width: 25rem !important;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-content {
  min-height: 20rem;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-header {
  border-bottom-color: transparent !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-header h5 {
  font-size: 1.5rem !important;
  color: #fff !important;
  font-weight: 600;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  width: 100%;
}

/* Modal Toast Info */
#payerAgreeModalProc .modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
}

#payerAgreeModalProc .modal-toast.modal-toast-info.modal-dialog .modal-header {
  background-color: #FFB829 !important;
}

#payerAgreeModalProc .modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

/* Modal Toast Success */
#payerAgreeModalProc .modal-toast.modal-toast-success.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #1A9E79;
}

#payerAgreeModalProc .modal-toast.modal-toast-success.modal-dialog .modal-header {
  background-color: #1A9E79 !important;
}

#payerAgreeModalProc .modal-toast.modal-toast-success.modal-dialog .modal-body h3 {
  color: #1A9E79;
}

/* Modal Toast Alert */
#payerAgreeModalProc .modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #D84F4F;
}

#payerAgreeModalProc .modal-toast.modal-toast-alert.modal-dialog .modal-header {
  background-color: #D84F4F !important;
}

#payerAgreeModalProc .modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #D84F4F;
}

/* Toast Footer Buttons */
#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer a,
#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer button {
  border-radius: 0.3rem;
  width: 100%;
  font-size: 1.3rem;
  padding: 0.6rem;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_outline_btn {
  background: transparent;
  border: 1px solid #CBD3D5;
  color: #536269;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn {
  background: #F7A70821;
  border: 1px solid #F7A708 !important;
  color: #F7A708;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn:hover {
  background: #F7A7085e;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_fill_btn {
  background: #D64545;
  border: 1px solid #D64545 !important;
  color: #fff;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn {
  background: #d6454521;
  border: 1px solid #D64545 !important;
  color: #D64545;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn:hover {
  background: #d645455e;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_greenfill_btn {
  background: #35AF62;
  border: 1px solid #35AF62 !important;
  color: #fff;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn {
  background: #35AF6221;
  border: 1px solid #35AF62 !important;
  color: #35AF62;
}

#payerAgreeModalProc .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn:hover {
  background: #35AF625e;
}

/* KPI classes */
/* .kpi-wrapper{
    width:900px;
} */

.kpi-card {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(15px);
  border-radius: 20px;
  padding: 3px 4px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.6);
  position: relative;
  /* overflow: hidden; */
  transition: 0.4s ease;
}

/* .kpi-card:hover{
    transform:translateY(-6px);
    box-shadow:0 35px 80px rgba(0,0,0,0.12);
} */



.kpi-title {
  font-size: 16px;
  font-weight: 600;
  color: #383A88;
  background: #EBF5FF;
}

.kpi-subtitle {
  font-size: 14px;
  color: #6B7280;
  margin-top: 5px;
}

.kpi-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.kpi-row:last-child {
  border-bottom: none;
}

.kpi-label {
  font-size: 15px;
  color: #374151;
  font-weight: 500;
}

.kpi-value {
  font-size: 16px;
  font-weight: 600;
}

.gross {
  color: #1E3A8A;
}

.discount {
  color: #B91C1C;
}

.net {
  color: #047857;
  font-size: 16px;
}

.accent-glow {
  position: absolute;
  /* width:200px; */
  height: 200px;
  background: radial-gradient(circle, #60a5fa33, transparent 70%);
  top: -60px;
  right: -60px;
}

.revenue-table th:nth-child(1),
.revenue-table th:nth-child(2) {
  z-index: 999 !important;
}

.revenue-table th:nth-child(1),
.revenue-table td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 111;
  min-width: 4rem;
  background-color: #fff;
}

.revenue-table th:nth-child(2),
.revenue-table td:nth-child(2) {
  position: sticky;
  /* left: 100px; */
  left: 65px;
  z-index: 111;
  background-color: #fff;
}

.revenue-table .department-name {
  background-color: #FBEFEF !important;
  /* color: #FF0000; */
  font-weight: bold;
}
.revenue-table .department-name td{
  background-color: #FBEFEF !important;
    z-index: 1;
}

.revenue-table .locum-title-1 {
  /* background-color: #DDF6D2 !important; */
  background-color: #fff !important;
  font-weight: bold;
}

.revenue-table .locum-title-2 {
  /* background-color: #C5D3E8 !important; */
  background-color: #fff !important;
  font-weight: bold;
}

.revenue-table .locum-title-3 {
  background-color: #d5a8d4 !important;
  font-weight: bold;
}

.revenue-table .locum-title {
  background-color: #DDF6D2 !important;
  font-weight: bold;
}

.revenue-table .dept-total td {
  color: #FF0000;
  font-weight: bold;
  background-color: aliceblue !important;
}

.revenue-table .group-total {
  background-color: #e1dddd !important;
  font-weight: bold;
}

.revenue-table .group-total-label {
  color: #FF0000;
}

.revenue-table .grand-total {
  background-color: #E5D9F2 !important;
  font-weight: bold;
}

.revenue-table .revenue-light-blue {
    background-color: #1855A4 !important;
    color: #fff;
}

.revenue-table .revenue-transparent-red {
  background-color: #eb4458 !important;
  color: #fff;
}

.revenue-table .revenue-light-green {
  background-color: #5de197 !important;
  color: #fff;
}

.revenue_legends span {
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  display: block;
}

.revenue_legends .alh_doc span {
  background-color: #DDF6D2 !important;
  border: 1.5px solid #65d832;
}

.revenue_legends .locum_doc span {
  background-color: #C5D3E8 !important;
  border: 1.5px solid #5991e4;
}

.revenue_legends .medical_doc span {
  background-color: #C5D3E8 !important;
  border: 1.5px solid #d456d2;
}

.revenue_legends .medical_docBoth span {
  background-color: #1855A4  !important;
  color:#fff;
}

.revenue_legends .medical_docInactive span {
  background-color: #eb4458  !important;
   color:#fff;
}

.revenue_legends .medical_docLeave span {
  background-color: #5de197 !important;
  color:#fff;
}

/* AI chat */

.ai-assistant {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  z-index: 111;
  transition: all 0.3s ease;
  /* box-shadow: 0 12px 30px rgb(82 224 140 / 45%); */
  animation: float 3s ease-in-out infinite;
}

.ai-assistant:active {
  cursor: grabbing;
}

/* Glow Ring  */
.ai-assistant::before {
  content: "";
  position: absolute;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  z-index: -1;
  background: rgba(37, 117, 252, 0.35);
  animation: pulse 2s infinite;
}

/* Floating animation */
@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }

  100% {
    transform: translateY(0);
  }
}

.clara-conversation-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.clara-conversation-container .message {
  width: 90%;
}

.clara-conversation-container .message-text {
  /* font-size: 0.875rem; */
  font-size: 12px;
  white-space: break-spaces;
}

.clara-conversation-container .message-timestamp {
  font-size: 0.75rem;
  color: #8f8f8f;
}

.clara-conversation-container .error-message {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.3rem;
  border-radius: 0.575rem;
  backdrop-filter: blur(6px);
  animation: fadeIn 0.3s ease-in-out;
  background: linear-gradient(1deg, #e6859f2e, #f4447430);
  border: 1px solid #ff698566;
  box-shadow: 0 8px 24px rgba(255, 160, 180, 0.15);
  margin-top: 0.4rem;
  color: #b20101;
}

.clara-conversation-container .alertIcon {
  display: none;
}

.clara-conversation-container .error-message .alertIcon {
  display: block;
}

.clara-conversation-container .error-message .message-timestamp {
  color: #c01a1a;
}

.clara-conversation-container .typing-dots {
  display: flex;
  gap: 0.25rem;
}

.clara-conversation-container .typing-dots span {
  width: 6px;
  height: 6px;
  background: #667eea;
  border-radius: 50%;
  animation: typing 1.4s infinite;
}

.clara-conversation-container .typing-dots span:nth-child(2) {
  animation-delay: 0.2s;
}

.clara-conversation-container .typing-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing {

  0%,
  60%,
  100% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(-10px);
  }
}

.clara-conversation-container .user-message {
  margin-left: auto;
}

.clara-conversation-container .user-message .message-content {
  text-align: end;
}

.clara-conversation-container .user-message .message-text {
  text-align: right;
  background: linear-gradient(135deg, rgba(190, 220, 255, 0.7), rgba(170, 200, 255, 0.6));
  border: 1px solid rgba(150, 180, 255, 0.4);
  box-shadow: 0 3px 10px rgba(80, 130, 255, 0.15);
  border-radius: 0.75rem 0.75rem 0rem 0.75rem;
  padding: 0.5rem;
}

.clara-conversation-container .assistant-message .message-text {
  text-align: left;
  background: linear-gradient(135deg, rgba(230, 220, 255, 0.6), rgba(210, 200, 255, 0.5));
  border: 1px solid rgba(180, 170, 255, 0.4);
  box-shadow: 0 3px 10px rgba(120, 100, 255, 0.15);
  border-radius: 0.75rem 0.75rem 0.75rem 0rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}




/* #TEMPORARY NEW ALERT MODAL */
#errorDiagnosisWarningMsg .modal-toast.modal-dialog {
  max-width: 25rem !important;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-content {
  min-height: 20rem;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-header {
  border-bottom-color: transparent !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-header h5 {
  font-size: 1.5rem !important;
  color: #fff !important;
  font-weight: 600;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  width: 100%;
}

/* Modal Toast Info */
#errorDiagnosisWarningMsg .modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
}

#errorDiagnosisWarningMsg .modal-toast.modal-toast-info.modal-dialog .modal-header {
  background-color: #FFB829 !important;
}

#errorDiagnosisWarningMsg .modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

/* Modal Toast Success */
#errorDiagnosisWarningMsg .modal-toast.modal-toast-success.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #1A9E79;
}

#errorDiagnosisWarningMsg .modal-toast.modal-toast-success.modal-dialog .modal-header {
  background-color: #1A9E79 !important;
}

#errorDiagnosisWarningMsg .modal-toast.modal-toast-success.modal-dialog .modal-body h3 {
  color: #1A9E79;
}

/* Modal Toast Alert */
#errorDiagnosisWarningMsg .modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #D84F4F;
}

#errorDiagnosisWarningMsg .modal-toast.modal-toast-alert.modal-dialog .modal-header {
  background-color: #D84F4F !important;
}

#errorDiagnosisWarningMsg .modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #D84F4F;
}

/* Toast Footer Buttons */
#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer a,
#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer button {
  border-radius: 0.3rem;
  width: 100%;
  font-size: 1.3rem;
  padding: 0.6rem;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_outline_btn {
  background: transparent;
  border: 1px solid #CBD3D5;
  color: #536269;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn {
  background: #F7A70821;
  border: 1px solid #F7A708 !important;
  color: #F7A708;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn:hover {
  background: #F7A7085e;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_fill_btn {
  background: #D64545;
  border: 1px solid #D64545 !important;
  color: #fff;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn {
  background: #d6454521;
  border: 1px solid #D64545 !important;
  color: #D64545;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn:hover {
  background: #d645455e;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_greenfill_btn {
  background: #35AF62;
  border: 1px solid #35AF62 !important;
  color: #fff;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn {
  background: #35AF6221;
  border: 1px solid #35AF62 !important;
  color: #35AF62;
}

#errorDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn:hover {
  background: #35AF625e;
}

/* #TEMPORARY NEW ALERT MODAL 2 */
#errorDiagnosisNotifyMsg .modal-toast.modal-dialog {
  max-width: 25rem !important;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-content {
  min-height: 20rem;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-header {
  border-bottom-color: transparent !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-header h5 {
  font-size: 1.5rem !important;
  color: #fff !important;
  font-weight: 600;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  width: 100%;
}

/* Modal Toast Info */
#errorDiagnosisNotifyMsg .modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-toast-info.modal-dialog .modal-header {
  background-color: #FFB829 !important;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

/* Modal Toast Success */
#errorDiagnosisNotifyMsg .modal-toast.modal-toast-success.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #1A9E79;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-toast-success.modal-dialog .modal-header {
  background-color: #1A9E79 !important;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-toast-success.modal-dialog .modal-body h3 {
  color: #1A9E79;
}

/* Modal Toast Alert */
#errorDiagnosisNotifyMsg .modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #D84F4F;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-toast-alert.modal-dialog .modal-header {
  background-color: #D84F4F !important;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #D84F4F;
}

/* Toast Footer Buttons */
#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer a,
#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer button {
  border-radius: 0.3rem;
  width: 100%;
  font-size: 1.3rem;
  padding: 0.6rem;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_outline_btn {
  background: transparent;
  border: 1px solid #CBD3D5;
  color: #536269;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn {
  background: #F7A70821;
  border: 1px solid #F7A708 !important;
  color: #F7A708;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn:hover {
  background: #F7A7085e;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_fill_btn {
  background: #D64545;
  border: 1px solid #D64545 !important;
  color: #fff;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn {
  background: #d6454521;
  border: 1px solid #D64545 !important;
  color: #D64545;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn:hover {
  background: #d645455e;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_greenfill_btn {
  background: #35AF62;
  border: 1px solid #35AF62 !important;
  color: #fff;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn {
  background: #35AF6221;
  border: 1px solid #35AF62 !important;
  color: #35AF62;
}

#errorDiagnosisNotifyMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn:hover {
  background: #35AF625e;
}


/* #TEMPORARY NEW ALERT MODAL 2 */
#errorDiagnosisFatalMsg .modal-toast.modal-dialog {
  max-width: 25rem !important;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-content {
  min-height: 20rem;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-header {
  border-bottom-color: transparent !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-header h5 {
  font-size: 1.5rem !important;
  color: #fff !important;
  font-weight: 600;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  width: 100%;
}

/* Modal Toast Info */
#errorDiagnosisFatalMsg .modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
}

#errorDiagnosisFatalMsg .modal-toast.modal-toast-info.modal-dialog .modal-header {
  background-color: #FFB829 !important;
}

#errorDiagnosisFatalMsg .modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

/* Modal Toast Success */
#errorDiagnosisFatalMsg .modal-toast.modal-toast-success.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #1A9E79;
}

#errorDiagnosisFatalMsg .modal-toast.modal-toast-success.modal-dialog .modal-header {
  background-color: #1A9E79 !important;
}

#errorDiagnosisFatalMsg .modal-toast.modal-toast-success.modal-dialog .modal-body h3 {
  color: #1A9E79;
}

/* Modal Toast Alert */
#errorDiagnosisFatalMsg .modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #D84F4F;
}

#errorDiagnosisFatalMsg .modal-toast.modal-toast-alert.modal-dialog .modal-header {
  background-color: #D84F4F !important;
}

#errorDiagnosisFatalMsg .modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #D84F4F;
}

/* Toast Footer Buttons */
#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer a,
#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer button {
  border-radius: 0.3rem;
  width: 100%;
  font-size: 1.3rem;
  padding: 0.6rem;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_outline_btn {
  background: transparent;
  border: 1px solid #CBD3D5;
  color: #536269;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn {
  background: #F7A70821;
  border: 1px solid #F7A708 !important;
  color: #F7A708;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn:hover {
  background: #F7A7085e;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_fill_btn {
  background: #D64545;
  border: 1px solid #D64545 !important;
  color: #fff;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn {
  background: #d6454521;
  border: 1px solid #D64545 !important;
  color: #D64545;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn:hover {
  background: #d645455e;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_greenfill_btn {
  background: #35AF62;
  border: 1px solid #35AF62 !important;
  color: #fff;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn {
  background: #35AF6221;
  border: 1px solid #35AF62 !important;
  color: #35AF62;
}

#errorDiagnosisFatalMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn:hover {
  background: #35AF625e;
}

.clin_imp .custom_check_button {
  background-color: #ECF6F8;
  border: 1px solid #43A9BC;
  color: #43A9BC;
  border-radius: 1rem;
  padding: 0.25rem 0.7rem;
  padding-bottom: 0.25rem;
  width: max-content;
  cursor: pointer;
}

.clin_imp .custom_check_button p {
  color: #43A9BC;
}

.clin_imp .custom_check_button:disabled {
  filter: grayscale(1);
}

.clin_imp .custom_check_button:hover,
.clin_imp .custom_check_button.active {
  background-color: #368796;
  color: #ECF6F8;
  border: 1px solid #368796 !important;
}

.clin_imp .custom_check_button:hover svg,
.clin_imp .custom_check_button.active svg {
  opacity: 1;
}

.clin_imp .custom_check_button:hover svg circle,
.clin_imp .custom_check_button.active svg circle {
  fill: #DAEEF1;
  opacity: 1;
}

.clin_imp .custom_check_button svg path {
  display: none;
}

.clin_imp .custom_check_button:hover svg path,
.clin_imp .custom_check_button.active svg path {
  display: block;
  fill: #368796;
}

.clin_imp .custom_check_button:hover p,
.clin_imp .custom_check_button.active p {
  color: #fff;
}

.ovr {
    font-size: 13px;
    color: #857a7a;
    background: #D5E5D5;
    border-radius: 2rem;
    width: 7rem !important;
    text-align: center;
    height: 1.3rem;
    line-height: inherit;
}

.status-select {
  font-weight: 600;
  border-radius: 8px;
}

.status-open {
  background: #FFBDBD;
  color: #fff;

}

.status-progress {
  background: #F19ED2;
  color: #fff;

}

.status-completed {
  background: #A1BC98;
  color: #fff;

}

.status-rejected {
  background: #D57E7E;
  color: #fff;

}

.status-referred {
  background: #ACB1D6;
  color: #fff;

}

.status-responded {
  background: #d4b595;
  color: #6f5858;

}
.doc-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #74b0bc;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    border-radius: 50%;
    padding: 2px 6px;
    line-height: 1.3;
    min-width: 16px;
    text-align: center;
}
.disabled_no_pe{
 
  filter: grayscale(1);
}
.disabled_no_pe > *:not(.pe-auto) {
  pointer-events: none;
}


/* #TEMPORARY NEW ALERT MODAL 2 */
#primaryDiagnosisWarningMsg .modal-toast.modal-dialog {
  max-width: 25rem !important;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-content {
  min-height: 20rem;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-header {
  border-bottom-color: transparent !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-header h5 {
  font-size: 1.5rem !important;
  color: #fff !important;
  font-weight: 600;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-body img {
  margin-bottom: 0.5rem;
  width: 1.75rem;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer {
  border-top: transparent !important;
  width: 100%;
}

/* Modal Toast Info */
#primaryDiagnosisWarningMsg .modal-toast.modal-toast-info.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #F7A708;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-toast-info.modal-dialog .modal-header {
  background-color: #FFB829 !important;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-toast-info.modal-dialog .modal-body h3 {
  color: #F7A708;
}

/* Modal Toast Success */
#primaryDiagnosisWarningMsg .modal-toast.modal-toast-success.modal-dialog .modal-content {
  background-color: #FFFCF5;
  border: 2px solid #1A9E79;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-toast-success.modal-dialog .modal-header {
  background-color: #1A9E79 !important;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-toast-success.modal-dialog .modal-body h3 {
  color: #1A9E79;
}

/* Modal Toast Alert */
#primaryDiagnosisWarningMsg .modal-toast.modal-toast-alert.modal-dialog .modal-content {
  background-color: #FEF7F6;
  border: 2px solid #D84F4F;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-toast-alert.modal-dialog .modal-header {
  background-color: #D84F4F !important;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-toast-alert.modal-dialog .modal-body h3 {
  color: #D84F4F;
}

/* Toast Footer Buttons */
#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer a,
#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer button {
  border-radius: 0.3rem;
  width: 100%;
  font-size: 1.3rem;
  padding: 0.6rem;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_outline_btn {
  background: transparent;
  border: 1px solid #CBD3D5;
  color: #536269;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn {
  background: #F7A70821;
  border: 1px solid #F7A708 !important;
  color: #F7A708;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_infooutline_btn:hover {
  background: #F7A7085e;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_fill_btn {
  background: #D64545;
  border: 1px solid #D64545 !important;
  color: #fff;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn {
  background: #d6454521;
  border: 1px solid #D64545 !important;
  color: #D64545;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_redoutline_btn:hover {
  background: #d645455e;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_greenfill_btn {
  background: #35AF62;
  border: 1px solid #35AF62 !important;
  color: #fff;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn {
  background: #35AF6221;
  border: 1px solid #35AF62 !important;
  color: #35AF62;
}

#primaryDiagnosisWarningMsg .modal-toast.modal-dialog .modal-footer .toast_greenoutline_btn:hover {
  background: #35AF625e;
}