@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap");
html,
body {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
}

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

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

h3 {
  font-weight: 500;
}

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

.clr-grey {
  color: #636869;
}

.clr-primary {
  color: #368796;
}

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

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;
}
.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-outline:hover, .btn-main-outline:active, .btn-main-outline:focus {
  background-color: #D9DDF2;
  border-color: #334499 !important;
  color: #334499;
}

.btn-main-fill {
  background-color: #4357BC;
  border-color: #4357BC;
  color: #F7F8FC;
}
.btn-main-fill:hover, .btn-main-fill:active, .btn-main-fill:focus {
  background-color: #334499;
  border-color: #334499 !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;
}

.dropdown-item {
  font-size: 0.875rem;
  border-bottom: 1px solid #DAEEF1;
  color: #286571;
}
.dropdown-item:hover, .dropdown-item:active {
  background-color: #ECF6F8;
  color: #43A9BC;
}

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

.toggle__switch {
  align-self: end;
  background-color: #F8FCFC;
  border: 1px solid #69BAC9;
  border-radius: 1.75rem;
  display: flex;
  padding: 0.25rem;
  gap: 0.125rem;
}
.toggle__switch .btn {
  color: #43A9BC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  min-width: 6rem;
  transition: all 400ms ease-in-out;
}
.toggle__switch .btn.selected {
  background-color: #43A9BC;
  color: #ffffff;
}
.toggle__switch.switch-sm .btn {
  height: 1.75rem;
  min-width: 4.5rem;
}

.btn-process-outline {
  background-color: #ffffff;
  border-color: #43A9BC;
  color: #43A9BC;
}
.btn-process-outline:hover, .btn-process-outline:active, .btn-process-outline:focus {
  background-color: #ffffff;
  border-color: #ffffff !important;
  color: #368796;
}

/*--------------- Added by Sree----------------*/
.custom-tooltip {
  --bs-tooltip-bg: $white;
  color: #ffffff;
}

.tooltip-inner {
  color: #368796;
  background-color: #ffffff;
}

.dropdown-menu {
  background-color: #ffffff;
  width: 400px;
  color: #368796;
  padding: 5px 10px;
  border: 0;
}
.dropdown-menu a:link,
.dropdown-menu a:active {
  color: #368796;
  text-decoration: none;
}
.dropdown-menu a:hover {
  color: #43A9BC;
  text-decoration: none;
}

.dropdown-menu li {
  font-weight: 500;
  line-height: 40px;
}

.dropdown-toggle {
  color: #ffffff;
}

.bi-three-dots-vertical {
  color: #368796;
  font-size: 2.2rem;
}

.divider {
  border-bottom: 1px solid #43A9BC;
}

.actions1 {
  display: flex;
  float: right;
}

.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;
  background-color: #F8FCFC;
}

.CommanSearch__form {
  background-color: #DAEEF1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding-left: 1rem;
  border-radius: 0.5rem;
  height: 2.5rem;
  width: 40%;
}
.CommanSearch__form .form-control {
  background-color: transparent;
  border: unset;
  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: #368796;
  opacity: 0.5;
  font-size: 0.875rem;
}
.CommanSearch__form .form-control::placeholder {
  color: #368796;
  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-control,
.form-select {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
}
.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.28em;
  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;
}

.input-group-text {
  background-color: #43A9BC;
  padding: 0.275rem 0.75rem;
  border: 1px solid #8ECBD7;
}

/* 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: #43A9BC;
  background-color: #ffffff;
  transform: translateY(-50%);
  padding: 0.5rem;
  font-weight: 400;
}

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

/*
Cards
*/
.card {
  border: 1px solid #969B9C;
  border-radius: 0.75rem;
}
.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: #B4DDE4;
  background-color: #FBFDFE;
}
.card.card-style-1 .card-header {
  background-color: #ECF6F8;
}
.card.card-style-1 p {
  color: #301E03;
}
.card.card-style-1 p.label {
  color: #C77905;
}
.card.card-style-1 .sub-header {
  background-color: #FFF3E0;
}
.card.card-style-1 .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;
}

table {
  border: 1px solid #E4E6E6;
}
table th {
  font-weight: 500;
  font-size: 0.75rem;
  color: #368796;
  white-space: nowrap;
  padding: 0.5rem 0.75rem !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;
}

#mainMenu .modal-dialog {
  width: 60%;
  margin: 0;
  margin-left: auto;
  height: 100%;
  border-radius: 0;
}
#mainMenu .modal-content {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
#mainMenu .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 {
  max-width: 320px;
}
.modal-toast.modal-dialog .modal-content {
  background-color: #fff;
  border-radius: 0.5rem;
  border: 0;
}
.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;
}

.login_bg {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-image: url(/assets/images/login/BG.png);
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login_bg .login_box {
  border-radius: 15px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid #AFE7F6;
  padding: 3rem;
  width: 500px;
  margin: 0 auto;
  background: linear-gradient(113.6deg, rgba(206, 238, 236, 0.7) 9.77%, rgba(138, 228, 246, 0.7) 33.35%, rgba(219, 251, 249, 0.7) 64.36%, rgba(185, 225, 242, 0.7) 93.62%);
}
.login_bg .login_box .ahh_logo {
  text-align: center;
}
.login_bg .login_box label {
  font-size: 0.875rem;
  color: #808080;
  font-weight: 600;
}
.login_bg .login_box .input_container {
  position: relative;
  display: flex;
  align-items: center;
}
.login_bg .login_box .input_container img {
  position: absolute;
  left: 10px;
}
.login_bg .login_box .input_container input {
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  padding: 15px;
  padding-left: 40px;
}
.login_bg .login_box .input_container select {
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  padding: 15px;
  padding-left: 40px;
}
.login_bg .login_box .sign_btn {
  background: #6677CC;
  border-radius: 40px;
  padding: 1rem;
  color: #fff;
  width: 100%;
  margin-top: 2rem;
}

.header {
  background-color: #F4FAFB;
  width: 100%;
  position: sticky;
  top: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #368796;
  z-index: 1021;
  max-height: 4rem;
  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__container {
  display: flex;
}
.header__menu {
  border-left: 1px solid #368796;
  display: block;
  height: auto;
}
.header__container {
  width: 100%;
  display: flex;
  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;
  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: 1rem;
}
.header__actions button {
  margin: 0;
  padding: 0;
}

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

.bed-board {
  border: 1px solid #ACD5EC;
  border-radius: 0.5rem;
  background-color: #fff;
  max-height: 22rem;
  overflow: auto;
}
.bed-board .bed-details {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.bed-board .bed-details .bed-board-strip {
  position: absolute;
  left: -0.25rem;
  top: -0.25rem;
}
.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;
}
.bed-board .bed-details .bed-info {
  margin-top: 2.5rem;
  text-align: center;
}
.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-info-label {
  position: relative;
  background: #8ECBD7;
  box-shadow: 0px 5px 8px -2px rgba(88, 142, 152, 0.7);
  border-radius: 4rem;
  color: #286571;
  margin-left: auto;
  margin-right: auto;
  z-index: 99;
  width: 80%;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-top: -1.5rem;
}
.bed-board .bed-details .bed-number {
  background: #ECF6F8;
  border: 1px solid #DAEDF1;
  padding: 0.75rem;
  margin-top: 1.25rem;
  text-align: center;
  color: #368796;
  font-size: 1.25rem;
}
.bed-board .bed-details .bed-tasks-info {
  display: flex;
  padding: 0.5rem;
  gap: 0.5rem;
}
.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.5rem;
  font-weight: 600;
  flex: 1;
}
.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: 100%;
  overflow-y: scroll;
}
.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.5rem;
  height: 100%;
}
.bed-board .patient-details .patient-details-wrapper p {
  margin: 0;
  font-size: 0.75rem;
  color: #234e51;
}
.bed-board .patient-details .patient-details-wrapper p.label {
  color: #357D83;
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
}
.bed-board.bed-board-occupied {
  border: 1px solid #ACD5EC;
}
.bed-board .actions {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  max-height: 20rem;
  padding: 0.5rem;
  padding-left: 0;
  gap: 0.125rem;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.bed-board .actions::-webkit-scrollbar {
  width: 0.125rem;
}
.bed-board .actions::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
  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-thumb:hover {
  background: #69BAC9;
}
.bed-board .actions .btn {
  position: relative;
  background: linear-gradient(180deg, #FAFFFE 0%, #E5F3F0 100%);
  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 #61BEC5;
  min-height: 3.25rem;
  justify-content: center;
}
.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::before {
  content: "";
  position: absolute;
  width: calc(100% - 0.25rem);
  top: 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;
}
.bed-board .actions .btn.btn-style-2 {
  background: linear-gradient(180deg, #FCFCFC 0%, #ECECEC 100%);
  border-color: #B2B2B2;
}
.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;
}

body {
  background-color: #F2F3F3;
}

.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 .page-heading {
  margin: 0;
  font-size: 1.25rem;
  color: #368796;
  font-weight: 500;
}

.date-time {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  background-color: #EFF0F1;
  gap: 0.5rem;
  border-radius: 0.5rem;
}
.date-time .details {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.date-time .details p {
  margin-bottom: 0;
  color: #368796;
}

.container__wrapper {
  border-radius: 0.75rem;
  background-color: #ffffff;
  height: calc(100vh - 5rem);
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.container__wrapper::-webkit-scrollbar {
  width: 0.25rem;
}
.container__wrapper::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.container__wrapper::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}
.container__wrapper::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

.container-body {
  padding: 1rem;
}

.cursor-pointer {
  cursor: pointer;
}

.horizontalScroll {
  overflow: auto;
}

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

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

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

.sub-heading {
  background-color: #F2F3F3;
  border-left: 0.25rem solid #368796;
  padding: 0.5rem;
}
.sub-heading h4 {
  color: #368796;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}

.actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.accordion-item {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
  background-color: #FBFDFE;
}
.accordion-item.border-radius-0 {
  border-radius: 0 !important;
}

.accordion-heading {
  padding: 0.25rem 1rem;
}

.accordion-body {
  border-top: 1px solid #8ECBD7;
  padding: 1rem;
}

.accordion-menu .accordion-item {
  border: unset;
  border-radius: unset;
}
.accordion-menu .accordion-header {
  margin-bottom: 0.25rem;
}
.accordion-menu .accordion-button {
  background-color: #B4DDE4;
  color: #368796;
  border-radius: 0.5rem;
}
.accordion-menu .accordion-button:focus {
  box-shadow: unset;
}
.accordion-menu .accordion-button::after {
  background-image: url("../../Assets/images/icons/arrow-down-fill.svg");
}
.accordion-menu .accordion-button.collapsed {
  background-color: #DAEEF1;
  border-radius: 0.5rem;
  color: #368796;
  font-size: 1rem;
}
.accordion-menu .accordion-button.collapsed:focus {
  box-shadow: unset;
}
.accordion-menu .accordion-body {
  border: unset;
  padding: 0.75rem 1rem;
}
.accordion-menu .accordion-body a {
  display: block;
  color: #368796;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  font-size: 0.845rem;
  transition: all 300ms ease-in-out;
}
.accordion-menu .accordion-body a:hover {
  transform: translateX(0.65rem);
  color: #286571;
}
.accordion-menu .accordion-body a.active {
  text-decoration: underline;
  font-weight: 500;
  color: #286571;
}

.eligibility-info {
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.eligibility-info .eligility-card {
  border-radius: 1rem;
  background-color: #E4E6E6;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  height: 100%;
}
.eligibility-info .eligility-card h4 {
  font-size: 3rem;
  margin-bottom: 0rem;
}
.eligibility-info .eligility-card h4 span {
  font-size: 1rem;
  text-transform: uppercase;
}
.eligibility-info .eligility-card p {
  font-size: 0.845rem;
  margin-bottom: 0;
}
.eligibility-info .eligility-card.card-1 {
  background-color: #ECECF9;
}
.eligibility-info .eligility-card.card-1 h4 {
  color: #6666CC;
}
.eligibility-info .eligility-card.card-2 {
  background-color: #DAEEF2;
}
.eligibility-info .eligility-card.card-2 h4 {
  color: #33808E;
}
.eligibility-info .eligility-card.card-3 {
  background-color: #FCEBE8;
  display: block;
  padding-top: 2rem;
}
.eligibility-info .eligility-card.card-3 .label-heading {
  color: #BD7264;
}

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

.regist__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 2rem;
}
@media (max-width: 1199px) {
  .regist__wrapper {
    flex-direction: row;
    padding-top: 1rem;
    background-color: #ffffff;
    margin-bottom: 0.75rem;
    border-radius: 0.75rem;
    gap: 2.5rem;
  }
}
.regist__wrapper .navbar {
  display: flex;
  gap: 0.25rem;
}
.regist__wrapper .navbar .nav {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 1199px) {
  .regist__wrapper .navbar .nav {
    flex-direction: column;
  }
}
.regist__wrapper .navbar .nav .nav-item {
  flex: 1;
}
.regist__wrapper .navbar .nav .nav-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.75rem;
  gap: 0.5rem;
  color: #368796;
  flex: 1;
}
.regist__wrapper .navbar .nav .nav-link span {
  font-size: 0.875rem;
  white-space: nowrap;
}
.regist__wrapper .navbar .nav .nav-link:hover {
  background-color: #B4DDE4;
}
.regist__wrapper .navbar .nav .nav-link.active {
  background-color: #368796;
  color: #ECF6F8;
}
.regist__wrapper .navbar .nav .nav-link.active img {
  filter: brightness(0) saturate(100%) invert(89%) sepia(6%) saturate(1617%) hue-rotate(189deg) brightness(112%) contrast(94%);
}

.patient__details {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 1199px) {
  .patient__details {
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
  }
}
.patient__details .patient__profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1199px) {
  .patient__details .patient__profile {
    margin-top: 1.25rem;
  }
}
.patient__details .patient__photo {
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #B4DDE4;
  outline: 0.75rem solid #DAEEF1;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1.25rem #ECF6F8;
  margin-bottom: 1.25rem;
}
.patient__details .patient__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1199px) {
  .patient__details .patient__info {
    align-items: flex-start;
  }
}
.patient__details h3 {
  text-align: center;
  color: #4A4E4F;
  font-size: 0.875rem;
}
.patient__details p {
  color: #4A4E4F;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.patient__details .vip__badge {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

/**
LOADER
**/
.loader-wrapper {
  background-color: rgba(12, 24, 27, 0.7882352941);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader-wrapper .loader {
  width: 60px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.loader-wrapper .loader > div {
  height: 100%;
  width: 8px;
  border-radius: 0.25rem;
  display: inline-block;
  animation: delay 1.25s infinite ease-in-out;
}
.loader-wrapper .loader .bar1 {
  background-color: #8e60c3;
}
.loader-wrapper .loader .bar2 {
  background-color: #09b7bf;
  animation-delay: -0.7s;
}
.loader-wrapper .loader .bar3 {
  background-color: #90d36b;
  animation-delay: -0.6s;
}
.loader-wrapper .loader .bar4 {
  background-color: #f2d40d;
  animation-delay: -0.5s;
}
.loader-wrapper .loader .bar5 {
  background-color: #fcb12b;
  animation-delay: -0.4s;
}
.loader-wrapper .loader .bar6 {
  background-color: #ed1b72;
  animation-delay: -0.3s;
}
@keyframes delay {
  0%, 40%, 100% {
    transform: scaleY(0.05);
  }
  20% {
    transform: scaleY(1);
  }
}

.rounded-pill {
  background: #ECF6F8;
  color: #368796;
  min-width: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border-radius: 0.5rem !important;
  font-size: 1.7rem;
}

/* Tab Pills */
.nav-tabs {
  border: 0;
}

.nav-tabs .nav-link {
  color: #368796;
  background-color: #fff;
  border: 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px #757575;
}

.nav-tabs .nav-link.active {
  color: white;
  background-color: #368796;
}

.nav-tabs .nav-link.active {
  color: white;
  background-color: #368796;
  border-radius: 0.5rem;
}

.card-box {
  border: 1px solid #B4DDE4;
  border-left: 0;
  border-right: 0;
  padding: 0.5rem;
}

.heading {
  color: #368796;
  font-size: 1rem;
  font-weight: 500;
}

.address_card .address_icon {
  width: 6rem;
  height: 6rem;
  border: 2px solid #69bac9;
  border-radius: 50%;
}
.address_card .address_bar p {
  background-color: #43A9BC;
  padding: 0.6rem 2rem;
  border-radius: 1rem;
  color: #fff;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  margin-top: -1rem;
}

.invoiceBody .card {
  border: unset;
  box-shadow: 0 0 5px 1px #c4c4c4;
}

/* COLLECTABLE IP */
.ip_view {
  background-color: #ecf6f8;
  border-radius: 0.75rem 0.75rem 0 0;
}

.grade_select {
  width: 15rem;
}

.limit_select {
  width: 10rem;
}

.level_1_bg {
  background-color: #f1f7ff;
}

.accordion_table td {
  border-bottom: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
  /* width: 13%; */
}

.accordion_table tr {
  position: relative;
}

.accordion_table td:first-child {
  /* width: 3%; */
}

.accordion_table .toogle_icon[aria-expanded=true] {
  transform: rotate(180deg);
}

.accordion_table .toogle_icon {
  transform: rotate(90deg);
}

.accordion_table .actions {
  /* display: none; */
  top: 0.8rem;
}

.accordion_table .actions img {
  height: 1rem;
}

.accordion_table tr:hover .actions {
  display: flex;
}

.ip_header h6 {
  width: 7rem;
}

/* SERVICES */
.level_2_bg {
  background-color: #fffbf1;
}

.sericesAccordion h6 {
  color: #947830;
}

.sericesAccordion table td {
  padding-left: 1.5rem;
}

/* DEPARTMENT */
.level_3_bg {
  background-color: #fff1f5;
}

.departmentAccordion h6 {
  color: #9f6374;
}

.departmentAccordion table td {
  padding-left: 2rem;
}

/* SPEIALIZATION */
.level_4_bg {
  background-color: #f0ffe9;
}

.specialiationAccordion h6 {
  color: #789f66;
}

.specialiationAccordion table td {
  padding-left: 2.5rem;
}

/* ITEMS */
.level_5_bg {
  background-color: #e9e9e9;
}

.itemsAccordion h6 {
  color: #789f66;
}

.itemsAccordion table td {
  padding-left: 3rem;
}

@media screen and (max-width: 1280px) {
  .tab_view {
    width: 1280px;
  }
}/*# sourceMappingURL=style-EN.css.map */