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

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;
  -webkit-box-shadow: unset !important;
          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 {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(75deg) brightness(103%) contrast(101%);
          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 {
  -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.selected {
  background-color: #43A9BC;
  color: #ffffff;
}

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

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

.btn-primary-3d span {
  color: #fff;
  background-clip: text;
  -webkit-filter: drop-shadow(0 2px 2px rgba(8, 57, 73, 0.65));
          filter: drop-shadow(0 2px 2px rgba(8, 57, 73, 0.65));
}

.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-details {
  position: relative;
}

.bed-details .btn-primary-3d {
  border-radius: 0;
  border-bottom-left-radius: 0.25rem;
  min-width: 100%;
  max-width: 100%;
}

/* 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 */
.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: -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;
  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 {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: transparent;
}

.CommanSearch__form .form-control::-webkit-input-placeholder {
  color: #368796;
  opacity: 0.5;
  font-size: 0.875rem;
}

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

.CommanSearch__form .form-control::-ms-input-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: -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;
}

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

.form-control,
.form-select {
  padding: .275rem .75rem;
  font-size: 0.875rem;
}

.form-control:focus,
.form-select:focus {
  color: #4A4E4F;
  background-color: #fff;
  border-color: #69BAC9;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem #daeef1;
          box-shadow: 0 0 0 0.25rem #daeef1;
}

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

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

.form-check-input:focus {
  -webkit-box-shadow: 0 0 0 0.25rem #daeef1;
          box-shadow: 0 0 0 0.25rem #daeef1;
}

.form-info-text {
  background-color: #ECF6F8;
  color: #4A4E4F;
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -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;
}

.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: .275rem .75rem;
  border: 1px solid #8ECBD7;
}

/* Availability Card */
.availability__card {
  border: 1px solid #DAEEF1;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
  -webkit-box-shadow: 0px 4px 8px #EBEDED;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  width: 100%;
}

.info-cards .info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0.5rem;
  gap: 0.5rem;
  background-color: #ECF6F8;
  border-radius: 0.25rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-transform: translateY(-50%);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: #fff;
}

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

/* Card 3d Start */
.card-3d {
  border: 2px solid #368796;
  -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 5px 0px #368796, 0px 12px 18px -8px rgba(62, 123, 108, 0.5);
          box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.25), 0px 5px 0px #368796, 0px 12px 18px -8px rgba(62, 123, 108, 0.5);
  border-radius: 0.75rem;
  background: #FBFDFE;
}

.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.75rem;
  border-bottom-right-radius: 0.75rem;
}

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

/* Card 3D End */
.card-3d-2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(57.81%, #FAFFFE), to(#C2E9E0));
  background: linear-gradient(180deg, #FAFFFE 57.81%, #C2E9E0 100%);
  border: 2px solid #368796;
  -webkit-box-shadow: 0px 5px 0px #368796, 0px 1rem 1.75rem -0.5rem #3E7B6C;
          box-shadow: 0px 5px 0px #368796, 0px 1rem 1.75rem -0.5rem #3E7B6C;
  border-radius: 0.75rem;
  padding-bottom: 1rem;
  padding: 0.5rem;
}

.card-3d-2 .card-3d-heading {
  background: -webkit-gradient(linear, left top, left bottom, from(#368796), to(rgba(65, 166, 184, 0.91)));
  background: linear-gradient(180deg, #368796 0%, rgba(65, 166, 184, 0.91) 100%);
  border-radius: 0px 0.5rem 0px 1.25rem;
  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.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;
  -webkit-box-shadow: inset 0px 0px 0.875rem #B7DFE6;
          box-shadow: inset 0px 0px 0.875rem #B7DFE6;
  border-radius: 0.5rem;
}

.card-3d-2 .card-3d-wrapper .wrapper-header {
  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;
  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;
  -ms-flex-wrap: wrap;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.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 {
  -webkit-box-shadow: inset 0px 0px 8px #2D8772;
          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: -webkit-gradient(linear, left top, left bottom, from(#FAFFFE), to(#E5F3F0));
  background: linear-gradient(180deg, #FAFFFE 0%, #E5F3F0 100%);
  border-radius: 0.5rem;
  border: 2px solid #52B9C0;
}

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

.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: -webkit-gradient(linear, left top, left bottom, from(#FEFDFB), to(#E9DEC2));
  background: linear-gradient(180deg, #FEFDFB 0%, #E9DEC2 100%);
  border: 2px solid #957A37;
  -webkit-box-shadow: 0px 5px 0px #957A37, 0px 16px 28px -8px #876F32;
          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: -webkit-gradient(linear, left top, left bottom, from(#957A37), to(#CF9B1B));
  background: linear-gradient(180deg, #957A37 0%, #CF9B1B 100%);
  border-radius: 0px 0.5rem 0px 1.25rem;
  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.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;
  -webkit-box-shadow: inset 0px 0px 0.875rem #E5D8B8;
          box-shadow: inset 0px 0px 0.875rem #E5D8B8;
  border-radius: 0.5rem;
}

.card-3d-3 .card-3d-wrapper .wrapper-header {
  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;
  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;
  -ms-flex-wrap: wrap;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

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

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

.card-3d-3 .btn.btn-select {
  background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#ECECEC));
  background: linear-gradient(180deg, #FCFCFC 0%, #ECECEC 100%);
  border-radius: 0.5rem;
  border: 2px solid #B4A786;
}

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

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

.table td.text-bold {
  font-size: 0.875rem;
  font-weight: 500 !important;
}

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

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

.card-3d-wrapper table {
  border: 0;
}

.card-3d-wrapper table tr:first-child th:first-child,
.card-3d-wrapper table tr:first-child td:first-child {
  border-top-left-radius: 0.5rem;
}

/* TABLE CARDS */
.table-cards {
  border-collapse: separate;
  border-spacing: 0 0.75rem;
  border: 0px;
  width: 100%;
}

.table-cards tr {
  border-radius: 0.5rem;
}

.table-cards tr td {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9F4F7));
  background: linear-gradient(180deg, #FFFFFF 0%, #E9F4F7 100%);
  border-width: 1px;
  border-right-width: 0;
  border-style: solid;
  border-color: #43A9BC;
  padding: 0.75rem 0.5rem;
  border-right: 0px;
  border-left: 0px;
}

.table-cards tr td:first-child {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-left: 4px solid #43A9BC;
  width: 12%;
}

.table-cards tr td:last-child {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  border-right: 1px solid #43A9BC;
  width: 12%;
}

.table-cards tr.selected td {
  background-color: #ECF6F8;
}

.table-date-heading {
  position: absolute;
  top: 1.4rem;
  left: 0;
  background: #43a9bd;
  color: #fff;
  padding: 0.25rem 0.5rem;
  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 tr:last-child td {
  border-bottom-color: #94bdc4;
}

/* TABLE CARDS END */
#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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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%;
  -webkit-transform: translate(-50%, -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;
  -webkit-box-shadow: 0px 2px 0px #F7A708, 0px 6px 8px -4px #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;
  -webkit-box-shadow: 0px 2px 0px #E53B19, 0px 6px 8px -4px #E53B19;
          box-shadow: 0px 2px 0px #E53B19, 0px 6px 8px -4px #E53B19;
}

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

/* Login CSS */
.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;
  padding-right: 4%;
  background-image: url(../images/login-bg/login-bg.png);
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
  opacity: 0.75;
}

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

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

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

.login__anim-wrapper .bg__scroll {
  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;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: slide 40s ease-in-out infinite alternate;
          animation: slide 40s ease-in-out infinite alternate;
}

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

.login__anim-wrapper .bg__scroll img {
  -webkit-filter: blur(0.5px);
          filter: blur(0.5px);
  height: 78%;
}

@media screen and (max-width: 1024px) {
  .login__anim-wrapper .bg__scroll img {
    margin-top: -5%;
  }
}

.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;
  -webkit-filter: drop-shadow(-20px 0px 24px rgba(67, 169, 188, 0.16));
          filter: drop-shadow(-20px 0px 24px rgba(67, 169, 188, 0.16));
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5rem;
}

@media screen and (max-width: 1024px) {
  .login__form-wrapper {
    height: 55vh;
    width: 100%;
    margin-top: 45vh;
    border-radius: 2.5rem 2.5rem 0 0;
  }
}

.login__form-wrapper .date-time {
  font-size: 1.125rem;
  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 20s  alternate;
          animation: bgobjects infinite 20s  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-wrapper .wrapper__object.wrapper__object-6 {
  top: 5%;
  left: 40%;
  -webkit-animation: bgobjects infinite 40s  alternate;
          animation: bgobjects infinite 40s  alternate;
}

.login__form-wrapper .wrapper__object.wrapper__object-6 img {
  width: 12rem;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.login__form-card {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.login__form-card .__logo img {
  width: 18rem;
  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;
}

.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: left;
  padding-left: 2.75rem;
  padding-right: 1rem;
  position: relative;
}

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

.login__form-card .form-control:-ms-input-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: #4A4E4F;
  font-size: 1rem;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  line-height: 1.5;
}

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

.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: -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;
  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;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-animation: animtimer 59s linear forwards;
          animation: animtimer 59s linear forwards;
}

.alh__logo {
  -webkit-filter: drop-shadow(0px 16px 24px rgba(42, 125, 117, 0.9));
          filter: drop-shadow(0px 16px 24px rgba(42, 125, 117, 0.9));
}

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

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

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

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

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

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

@media screen and (max-width: 1024px) {
  @-webkit-keyframes slide {
    0% {
      -webkit-transform: translate3d(25%, 0, 0);
              transform: translate3d(25%, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-28%, 0, 0);
              transform: translate3d(-28%, 0, 0);
    }
  }
  @keyframes slide {
    0% {
      -webkit-transform: translate3d(25%, 0, 0);
              transform: translate3d(25%, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-28%, 0, 0);
              transform: translate3d(-28%, 0, 0);
    }
  }
}

.poweredBy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  color: #185da0;
}

/**
ICONS
**/
.input-container {
  position: relative;
  width: 100%;
}

.input-icon {
  position: absolute;
  z-index: 1;
  left: 0.5rem;
  top: calc(50% - 0.25rem);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -0.25rem;
  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;
}

/** Login CSS END **/
.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: 1021;
  max-height: 4rem;
  -webkit-filter: drop-shadow(0px 5px 8px rgba(51, 128, 142, 0.16));
          filter: drop-shadow(0px 5px 8px rgba(51, 128, 142, 0.16));
}

.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.header__container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
}

.header__details-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header__details-card .user-photo {
  width: 42px;
  height: 42px;
  overflow: hidden;
  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;
  border: 2px solid #8ECBD7;
  border-radius: 50%;
}

.header__actions {
  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: 1.5rem;
}

.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;
  border-right: 40px solid transparent;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-bottom: 80px solid red;
  border-top: 0;
  -webkit-transform: rotate(72deg);
          transform: rotate(72deg);
  left: -2rem;
  top: -2rem;
  -webkit-animation: bg-animate 1s infinite;
          animation: bg-animate 1s infinite;
}

.bed-board .bed-details .bed-board-strip svg path {
  fill: #CA96FE;
  -webkit-animation: bg-animate 1s infinite;
          animation: bg-animate 1s infinite;
}

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

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

.bed-board .bed-details .alergy-icon {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 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;
  background-color: #E9F5F7;
  -webkit-box-shadow: 0px 0px 1px #C0E6E4, inset 0px 0px 4px #8BCED8;
          box-shadow: 0px 0px 1px #C0E6E4, inset 0px 0px 4px #8BCED8;
}

.bed-board .bed-details .bed-info {
  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: -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;
  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%;
  -webkit-transform: translate(-50%, -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;
  -webkit-box-shadow: 0px 5px 8px -2px rgba(88, 142, 152, 0.7);
          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.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  color: #368796;
  font-size: 1.25rem;
}

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

.bed-board .bed-details .bed-tasks-info .task-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E3F7F4;
  border: 1px solid #50D0BC;
  border-radius: 0.25rem;
  color: #35B6A2;
  font-size: 1.5rem;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.bed-board .patient-details {
  -webkit-box-shadow: inset 4px 0px 4px -3px rgba(79, 69, 69, 0.25);
          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: auto;
}

.bed-board .patient-details .patient-details-wrapper {
  background: #FBFDFE;
  border: 1px solid #B4DCE4;
  -webkit-box-shadow: inset 0px 0px 14px #B7DFE6;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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: -webkit-gradient(linear, left top, left bottom, from(#FAFFFE), to(#E5F3F0));
  background: linear-gradient(180deg, #FAFFFE 0%, #E5F3F0 100%);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  border: 1px solid #61BEC5;
  min-height: 3.25rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

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

.bed-board .actions .btn p {
  background: -webkit-gradient(linear, left top, left bottom, from(#61BEC5), to(#357D83));
  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: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#ECECEC));
  background: linear-gradient(180deg, #FCFCFC 0%, #ECECEC 100%);
  border-color: #B2B2B2;
}

.bed-board .actions .btn.btn-style-2 p {
  background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#4D4D4D)) !important;
  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: -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;
  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: -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.25rem 0.5rem;
  background-color: #EFF0F1;
  gap: 0.5rem;
  border-radius: 0.5rem;
}

.date-time .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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: auto;
  /* 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;
}

.section__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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 {
  -webkit-box-shadow: unset;
          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 {
  -webkit-box-shadow: unset;
          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;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.accordion-menu .accordion-body a:hover {
  -webkit-transform: translateX(0.65rem);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

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

.regist__wrapper {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2rem;
}

@media (max-width: 1199px) {
  .regist__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 1rem;
    background-color: #ffffff;
    margin-bottom: 0.75rem;
    border-radius: 0.75rem;
    gap: 2.5rem;
  }
}

.regist__wrapper .navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
}

.regist__wrapper .navbar .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

@media (max-width: 1199px) {
  .regist__wrapper .navbar .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.regist__wrapper .navbar .nav .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.regist__wrapper .navbar .nav .nav-link {
  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;
  border-radius: 0.75rem;
  gap: 0.5rem;
  color: #368796;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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 {
  -webkit-filter: brightness(0) saturate(100%) invert(89%) sepia(6%) saturate(1617%) hue-rotate(189deg) brightness(112%) contrast(94%);
          filter: brightness(0) saturate(100%) invert(89%) sepia(6%) saturate(1617%) hue-rotate(189deg) brightness(112%) contrast(94%);
}

.patient__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 1199px) {
  .patient__details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
}

.patient__details .patient__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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: -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;
  border: 2px solid #B4DDE4;
  outline: 0.75rem solid #DAEEF1;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 1.25rem #ECF6F8;
          box-shadow: 0px 0px 0px 1.25rem #ECF6F8;
  margin-bottom: 1.25rem;
}

.patient__details .patient__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1199px) {
  .patient__details .patient__info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            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 .employee__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.25rem 1rem;
  border-radius: 5rem;
  background-color: #8ECBD7;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.14);
  font-size: 0.75rem;
  margin-top: -1.75rem;
  color: #286571;
  min-width: 5.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.patient__details .vip__badge {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/**
LOADER
**/
.loader-wrapper {
  background-color: #0c181bc9;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  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;
}

.loader-wrapper .loader {
  width: 60px;
  height: 50px;
  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;
}

.loader-wrapper .loader > div {
  height: 100%;
  width: 8px;
  border-radius: 0.25rem;
  display: inline-block;
  -webkit-animation: delay 1.25s infinite ease-in-out;
          animation: delay 1.25s infinite ease-in-out;
}

.loader-wrapper .loader .bar1 {
  background-color: #8e60c3;
}

.loader-wrapper .loader .bar2 {
  background-color: #09b7bf;
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}

.loader-wrapper .loader .bar3 {
  background-color: #90d36b;
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

.loader-wrapper .loader .bar4 {
  background-color: #f2d40d;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.loader-wrapper .loader .bar5 {
  background-color: #fcb12b;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.loader-wrapper .loader .bar6 {
  background-color: #ed1b72;
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

@-webkit-keyframes delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.05);
            transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes delay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.05);
            transform: scaleY(0.05);
  }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

.rounded-pill {
  background: #ECF6F8;
  color: #368796;
  min-width: 7rem;
  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.25rem;
  border-radius: 0.5rem !important;
  font-size: 1.7rem;
}

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

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

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

.notes_type_row {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
  padding: 0.875rem;
}

.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 {
  -ms-flex-wrap: unset;
      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: .375rem;
  margin: 0.5rem 0;
  /*border: 1px solid #ced4da;*/
  height: 94%;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: 1px solid #ced4da;
  border-top: unset;
  width: 100% !important;
}

.all_details {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
  padding: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0.8rem 0;
}

.all_details label {
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
}

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

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

.progress_profile .user-photo {
  width: 60px;
  min-width: 60px;
  height: 60px;
  overflow: hidden;
  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;
  border: 2px solid #8ECBD7;
  border-radius: 50%;
  margin-right: 0.8rem;
}

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

.progress_profile .profile-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      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;
}

.prescription_section .left_prescription {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
}

.prescription_section .left_prescription .left_prescription_header {
  background-color: #DAEEF1;
  padding: 0.375rem 0.875rem;
  border-radius: 0.75rem 0.75rem 0 0;
}

.prescription_section .left_prescription .left_prescription_header label {
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 0.5rem;
}

.prescription_section .left_prescription .left_prescription_header .pendinglist .count {
  width: 55px;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
  color: #357D83;
  font-weight: 600;
  text-align: center;
  font-size: 0.85rem;
  margin: 0;
}

.prescription_section .left_prescription .pending_prescription h5 {
  color: #368796;
  font-size: 1rem;
  font-weight: 600;
}

.prescription_section .left_prescription .pending_prescription .left_table {
  max-height: 600px;
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar {
  width: 0.125rem;
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

.prescription_section .left_prescription .pending_prescription table th:first-child {
  width: 50%;
}

.prescription_section .left_prescription .pending_prescription table td {
  white-space: unset;
}

.prescription_section .right_prescription {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem;
  padding: 0.875rem 0;
}

.prescription_section .right_prescription h5 {
  color: #368796;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.875rem;
  padding: 0 0.875rem;
}

.prescription_section .right_prescription .right_prescription_header {
  background-color: #DAEEF1;
  padding: 0.375rem 0.875rem;
  margin: 0;
}

.prescription_section .right_prescription .right_prescription_header label {
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 0;
}

.prescription_section .right_prescription .right_prescription_header input.form-check-input {
  min-width: 15px;
}

.prescription_section .right_prescription .administration {
  grid-gap: 15px 0;
  margin: 0;
}

.prescription_section .right_prescription .administration .administered .administered_dose input:first-child {
  width: 80px;
}

.prescription_section .right_prescription .administration .administered .administered_dose input:last-child {
  width: 45px;
}

.prescription_section .right_prescription .administration .administered label {
  white-space: nowrap;
  display: inline-block;
}

.prescription_section .right_prescription .administration .administered textarea {
  resize: none;
}

.prescription_section .right_prescription textarea {
  resize: none;
}

.viewNotemodal .modal-dialog {
  max-width: 80%;
}

@media (max-width: 1300px) {
  .viewNotemodal .modal-dialog {
    max-width: 90%;
  }
}

.viewNotemodal .modal-dialog .viewTable {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.viewNotemodal .modal-dialog .viewTable::-webkit-scrollbar {
  width: 0.125rem;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customCalendar .ajax__calendar_container {
  width: 100% !important;
  background-color: #368796 !important;
}

.customCalendar .ajax__calendar_container .ajax__calendar_body {
  width: 100% !important;
}

.customCalendar .ajax__calendar_container .ajax__calendar_body table tr td {
  padding: 0px 2px !important;
}

.customCalendar .ajax__calendar_container .ajax__calendar_today {
  color: #fff;
}

.authorize_bg {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  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;
}

.authorize_bg .authorize_box {
  border-radius: 15px;
  padding: 3rem;
  width: 30rem;
  margin: 0 auto;
}

.authorize_bg .authorize_box .authorize_header {
  text-align: center;
  color: #368796;
  font-weight: 600;
  margin-bottom: 2rem;
}

.authorize_bg .authorize_box label {
  font-size: 0.875rem;
  color: #808080;
  font-weight: 600;
}

.authorize_bg .authorize_box .input_container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.authorize_bg .authorize_box .input_container img {
  position: absolute;
  left: 10px;
}

.authorize_bg .authorize_box .input_container input {
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  padding: 15px;
  padding-left: 40px;
}

.authorize_bg .authorize_box .input_container select {
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  padding: 15px;
  padding-left: 40px;
}

.authorize_bg .authorize_box .footer_btns button {
  border-radius: 40px;
  padding: 0.4rem 2rem;
  margin-top: 2rem;
  border-color: #8ECBD7;
  color: #286571;
}

.authorize_bg .authorize_box .footer_btns .save_btn {
  background: #8ECBD7;
}

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

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

.notes_type_row {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
  padding: 0.875rem;
}

.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 {
  -ms-flex-wrap: unset;
      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: .375rem;
  margin: 0.5rem 0;
  /*border: 1px solid #ced4da;*/
  height: 94%;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: 1px solid #ced4da;
  border-top: unset;
  width: 100% !important;
}

.all_details {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
  padding: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 0.8rem 0;
}

.all_details label {
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
}

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

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

.progress_profile .user-photo {
  width: 60px;
  min-width: 60px;
  height: 60px;
  overflow: hidden;
  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;
  border: 2px solid #8ECBD7;
  border-radius: 50%;
  margin-right: 0.8rem;
}

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

.progress_profile .profile-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      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;
}

.prescription_section .left_prescription {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem !important;
}

.prescription_section .left_prescription .left_prescription_header {
  background-color: #DAEEF1;
  padding: 0.375rem 0.875rem;
  border-radius: 0.75rem 0.75rem 0 0;
}

.prescription_section .left_prescription .left_prescription_header label {
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 0.5rem;
}

.prescription_section .left_prescription .left_prescription_header .pendinglist .count {
  width: 55px;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
  color: #357D83;
  font-weight: 600;
  text-align: center;
  font-size: 0.85rem;
  margin: 0;
}

.prescription_section .left_prescription .pending_prescription h5 {
  color: #368796;
  font-size: 1rem;
  font-weight: 600;
}

.prescription_section .left_prescription .pending_prescription .left_table {
  max-height: 600px;
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar {
  width: 0.125rem;
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar-track {
  background: #DAEEF1;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar-thumb {
  background: #69BAC9;
  border-radius: 0.5rem;
}

.prescription_section .left_prescription .pending_prescription .left_table::-webkit-scrollbar-thumb:hover {
  background: #69BAC9;
}

.prescription_section .left_prescription .pending_prescription table th:first-child {
  width: 50%;
}

.prescription_section .left_prescription .pending_prescription table td {
  white-space: unset;
}

.prescription_section .right_prescription {
  border: 1px solid #8ECBD7;
  border-radius: 0.75rem;
  padding: 0.875rem 0;
}

.prescription_section .right_prescription h5 {
  color: #368796;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.875rem;
  padding: 0 0.875rem;
}

.prescription_section .right_prescription .right_prescription_header {
  background-color: #DAEEF1;
  padding: 0.375rem 0.875rem;
  margin: 0;
}

.prescription_section .right_prescription .right_prescription_header label {
  color: #357D83;
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom: 0;
}

.prescription_section .right_prescription .right_prescription_header input.form-check-input {
  min-width: 15px;
}

.prescription_section .right_prescription .administration {
  grid-gap: 15px 0;
  margin: 0;
}

.prescription_section .right_prescription .administration .administered .administered_dose input:first-child {
  width: 80px;
}

.prescription_section .right_prescription .administration .administered .administered_dose input:last-child {
  width: 45px;
}

.prescription_section .right_prescription .administration .administered label {
  white-space: nowrap;
  display: inline-block;
}

.prescription_section .right_prescription .administration .administered textarea {
  resize: none;
}

.prescription_section .right_prescription textarea {
  resize: none;
}

.viewNotemodal .modal-dialog {
  max-width: 80%;
}

@media (max-width: 1300px) {
  .viewNotemodal .modal-dialog {
    max-width: 90%;
  }
}

.viewNotemodal .modal-dialog .viewTable {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.viewNotemodal .modal-dialog .viewTable::-webkit-scrollbar {
  width: 0.125rem;
}

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.customCalendar .ajax__calendar_container {
  width: 100% !important;
  background-color: #368796 !important;
}

.customCalendar .ajax__calendar_container .ajax__calendar_body {
  width: 100% !important;
}

.customCalendar .ajax__calendar_container .ajax__calendar_body table tr td {
  padding: 0px 2px !important;
}

.customCalendar .ajax__calendar_container .ajax__calendar_today {
  color: #fff;
}

.authorize_bg {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  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;
}

.authorize_bg .authorize_box {
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 4px black;
          box-shadow: 0px 0px 4px black;
  padding: 3rem;
  width: 30rem;
  margin: 0 auto;
}

.authorize_bg .authorize_box .authorize_header {
  text-align: center;
  color: #368796;
  font-weight: 600;
  margin-bottom: 2rem;
}

.authorize_bg .authorize_box label {
  font-size: 0.875rem;
  color: #808080;
  font-weight: 600;
}

.authorize_bg .authorize_box .input_container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.authorize_bg .authorize_box .input_container img {
  position: absolute;
  left: 10px;
}

.authorize_bg .authorize_box .input_container input {
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  padding: 15px;
  padding-left: 40px;
}

.authorize_bg .authorize_box .input_container select {
  border: 1px solid #C7C7C7;
  border-radius: 5px;
  padding: 15px;
  padding-left: 40px;
}

.authorize_bg .authorize_box .footer_btns button {
  border-radius: 40px;
  padding: 0.4rem 2rem;
  margin-top: 2rem;
  border-color: #8ECBD7;
  color: #286571;
}

.authorize_bg .authorize_box .footer_btns .save_btn {
  background: #8ECBD7;
}

/* Row Items */
.row-items {
  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: 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;
}

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

.status {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
  border: 1px solid #7C8283;
  border-radius: 50%;
}

.status.status-bp {
  background: #FFDCA9;
  border: 1px solid #FEBD5A;
}

.status.status-o2 {
  background: #D9D9D9;
  border: 1px solid #808080;
}

.status.status-cons {
  background: #C2E8F0;
  border: 1px solid #32B2CD;
}

.status.status-respiration {
  background: #F5F3D6;
  border: 1px solid #CDC332;
}

.clr-orange {
  color: #C77905;
}

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

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

/* PAVAN CUSTOM STYLES */
.color-highlight {
  color: chocolate !important;
  font-weight: bold;
}

.txtarea-control {
  height: calc(100% - 4.5rem);
  width: 100%;
}

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

/*
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 */