a {
  text-decoration: none;
}

a:hover {
  color: currentColor;
}

@media (max-width: 359px) {
  html {
    font-size: 9px !important;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 12px;
  }
}

@media (max-width: 1440px) {
  html {
    font-size: 12px;
  }
}

@media (min-width: 2500px) {
  html {
    font-size: 24px;
  }
}

@media (min-width: 3000px) {
  html {
    font-size: 1vw;
  }
}

body {
  font-family: 'Poppins', sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 0;
}

.fw-thin {
  font-weight: 100 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-regular {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-extrabold {
  font-weight: 800 !important;
}

.fw-black {
  font-weight: 900 !important;
}

.fs-10 {
  font-size: 0.625rem !important;
}

.fs-11 {
  font-size: 0.6875rem !important;
}

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

.fs-13 {
  font-size: 0.8125rem !important;
}

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

.fs-15 {
  font-size: 0.9375rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.fs-20 {
  font-size: 1.25rem !important;
}

.fs-22 {
  font-size: 1.375rem !important;
}

.fs-24 {
  font-size: 1.5rem !important;
}

.fs-26 {
  font-size: 1.625rem !important;
}

.fs-28 {
  font-size: 1.75rem !important;
}

.fs-30 {
  font-size: 1.875rem !important;
}

.fs-32 {
  font-size: 2rem !important;
}

.fs-36 {
  font-size: 2.25rem !important;
}

.fs-48 {
  font-size: 3rem !important;
}

.ls-1 {
  letter-spacing: 1px !important;
}

.ls-1_5 {
  letter-spacing: 1.5px !important;
}

.lh-24 {
  line-height: 24px;
}

.cursor-pointer {
  cursor: pointer !important;
}

.bg-gray-ee {
  background-color: #EEF0F6;
}

.bg-brown-cf {
  background-color: #CF8044;
}

.bg-light-green {
  background: #D1FFE2;
}

.bg-brown {
  background-color: #CF8044;
}

.bg-light-red {
  background-color: #FFEFF2;
}

.bg-blue-50 {
  background-color: #504DA6;
}

.bg-blue-1c {
  background-color: #1C223A;
}

.bg-light-yellow-ff {
  background-color: #fffbcb;
}

.bg-light-gray-fa {
  background-color: #FAFAFA;
}

.text-black-29 {
  color: #293450;
}

.text-black-1b {
  color: #1B1B29;
}

.text-red-f1 {
  color: #F12245;
}

.text-red-f1:hover {
  color: #F12245;
}

.text-orange-ff, .text-orange-ff:hover {
  color: #ff9200;
}

nav {
  padding: clamp(20px, 2.1vw, 34px) clamp(20px, 2.1vw, 40px) clamp(20px, 2.1vw, 34px) clamp(20px, 2.1vw, 40px);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #EEF0F6;
  z-index: 1;
}

nav .header-search-bar {
  border-radius: 8px;
  height: 40px;
}

nav .header-search-bar span, nav .header-search-bar .form-control, nav .header-search-bar .form-control:focus {
  background-color: #FAFBFD;
  color: #414D55;
  font-size: 13px;
}

nav .header-search-bar span {
  padding-left: 20px;
}

nav .header-search-bar .form-control::-webkit-input-placeholder {
  color: #414D55;
  opacity: 0.5;
  font-size: 13px;
}

nav .header-search-bar .form-control:-ms-input-placeholder {
  color: #414D55;
  opacity: 0.5;
  font-size: 13px;
}

nav .header-search-bar .form-control::-ms-input-placeholder {
  color: #414D55;
  opacity: 0.5;
  font-size: 13px;
}

nav .header-search-bar .form-control::placeholder {
  color: #414D55;
  opacity: 0.5;
  font-size: 13px;
}

nav .img-box {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-box-shadow: 0px 1px 8px #142E6E1A;
          box-shadow: 0px 1px 8px #142E6E1A;
  border-radius: 8px;
  background-color: white;
}

nav .notification-dot {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #E2C5B1;
  background-color: #CF8044;
  border-radius: 50%;
  top: -6px;
  right: -6px;
}

.header-and-contain {
  width: 100%;
  height: 100vh;
  overflow: scroll;
}

.header-and-contain .contain-box {
  padding: 0 clamp(20px, 2.1vw, 40px) clamp(20px, 2.1vw, 34px) clamp(20px, 2.1vw, 40px);
}

.page-header {
  padding: clamp(23px, 1.6vw, 29px) 0;
}

.page-header .btn {
  border-radius: 5px;
  font-weight: 500;
  font-size: clamp(14px, 1vw, 15px);
  padding: 0.65625rem 1.5625rem;
}

.contain-box .title {
  font-size: clamp(20px, 1.2vw, 22px);
}

.white-card {
  -webkit-box-shadow: 0px 3px 15px #0000000D;
          box-shadow: 0px 3px 15px #0000000D;
  border-radius: 15px;
  background: white;
  padding: 1.875rem;
}

@media (max-width: 992px) {
  .white-card {
    padding: 15px;
  }
}

.roted-180deg {
  -webkit-transition: -webkit-transform 700ms;
  transition: -webkit-transform 700ms;
  transition: transform 700ms;
  transition: transform 700ms, -webkit-transform 700ms;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-caret-90 {
  -webkit-transition: -webkit-transform 700ms;
  transition: -webkit-transform 700ms;
  transition: transform 700ms;
  transition: transform 700ms, -webkit-transform 700ms;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.sidebar-fixed {
  -webkit-box-shadow: 0px 10px 25px #00000008;
          box-shadow: 0px 10px 25px #00000008;
  border-radius: 0px 60px 60px 0px;
  background-color: #1C223A;
  min-width: clamp(220px, 17.2vw, 330px);
  height: 100vh;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.sidebar-fixed::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

@media (max-width: 991px) {
  .sidebar-fixed {
    position: fixed;
    width: 100%;
    z-index: 2;
    border-radius: 0;
  }
}

.sidebar-fixed .company-logo {
  padding: 3.6875rem 2.5rem;
}

.sidebar-fixed .company-logo img {
  width: clamp(140px, 10vw, 163.77px);
}

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

.sidebar-fixed ul .sidebar-item {
  border-right: 5px solid transparent;
  padding: 14px 0;
}

.sidebar-fixed ul .sidebar-item.active {
  border-color: white;
  background-color: black;
}

.sidebar-fixed ul .sidebar-item a {
  color: white;
  font-weight: 500;
  font-size: clamp(12px, 1vw, 18px);
}

@media (max-width: 991px) {
  .sidebar-fixed ul .sidebar-item a {
    font-size: 18px;
  }
}

.sidebar-fixed ul .sidebar-item a .img-box {
  width: 2.1875rem;
  height: 2.1875rem;
  -webkit-box-shadow: 0px 5px 15px #0000001A;
          box-shadow: 0px 5px 15px #0000001A;
  border-radius: 8px;
  line-height: 2.1875rem;
  text-align: center;
  background: #CF8044;
  margin-right: 21px;
  margin-left: clamp(10px, 3.2vw, 60px);
}

@media (max-width: 991px) {
  .sidebar-fixed ul .sidebar-item a .img-box {
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-left: 60px;
  }
}

.sidebar-fixed ul .sidebar-item a .img-box img {
  width: 60%;
  height: 60%;
}

@media (max-width: 991px) {
  .sidebar-fixed ul .sidebar-item a .img-box img {
    width: auto;
    height: auto;
  }
}

.mobile-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 28px;
  border-radius: 0px 0px 30px 30px;
  -webkit-box-shadow: 0px 3px 35px #00000073;
          box-shadow: 0px 3px 35px #00000073;
}

.mobile-header .logo-in-mobile {
  width: 124.5px;
}

.bell-notification-dot {
  top: -2px;
  right: 0;
}

.active-table .header {
  color: #9E9EA8;
  font-size: 0.9375rem;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
}

.active-table .data-list {
  border: 1px solid #E6E6E6;
  border-radius: 15px;
  margin-bottom: 20px;
  font-weight: 500;
  color: #35384D;
  padding: 1.6875rem 0;
}

.active-table .data-list .prescription-process-desc {
  padding: clamp(5px, 1.5vw, 15px) clamp(0px, 1.5vw, 28px);
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: 8px;
}

.active-table .data-list .btn {
  border-radius: 8px;
  font-weight: 500;
  padding: clamp(5px, 1.2vw, 9px) clamp(5px, 1.2vw, 22px);
}

.active-table .row-items > div {
  padding: 0 clamp(0px, 1vw, 30px);
}

.active-table .row-items > div:nth-child(1) {
  width: 7.3vw;
}

.active-table .row-items > div:nth-child(2) {
  width: 15.4vw;
}

.active-table .row-items > div:nth-child(3) {
  width: 11.8vw;
}

.active-table .row-items > div:nth-child(4) {
  width: 11.5vw;
}

.active-table .row-items > div:nth-child(5) {
  width: 18.7vw;
}

.active-table .row-items > div:nth-child(6) {
  width: 12.5vw;
}

.white-card.past-visit {
  margin-top: 2rem;
}

.white-card.past-visit .active-table .row-items div:first-child {
  padding: 0;
}

.white-card.past-visit .active-table .data-list {
  border: none;
  border-bottom: 1px solid #F2F2F2;
  border-radius: 0;
  margin-bottom: 0;
  padding: 1.3125rem 0;
}

.white-card.past-visit .active-table .data-list:last-child {
  border: none;
}

.gif {
  width: clamp(10%, 13vw, 300%);
  margin-bottom: 4px;
}

.link-hover-box {
  position: absolute;
  -webkit-box-shadow: 0px 1px 6px #0000001f;
  box-shadow: 0px 1px 6px #0000001f;
  background-color: white;
  color: #293450;
  font-size: 12px;
  top: 40px;
  right: 0;
  border-radius: 8px;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}

.link-hover-box p {
  padding: 7px 10px;
}

.link-hover-box:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: -8px;
  right: 38px;
}

.mobile-content ul {
  list-style: none;
}

.mobile-content ul li {
  padding: 0 8px 4px 8px;
  width: 105px;
  margin-bottom: 15px;
  border-bottom: 3px solid transparent;
}

.mobile-content ul li a {
  color: #293450;
  opacity: 30%;
  font-size: 15px;
  font-weight: 600;
}

.mobile-content ul li.active {
  border-color: #293450;
  -webkit-transition: border 200ms;
  transition: border 200ms;
}

.mobile-content ul li.active a {
  opacity: 1;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.mobile-content .active-visit {
  height: calc(100vh - 224px);
  overflow-y: auto;
}

.mobile-content .active-visit .white-card {
  margin-bottom: 24px;
}

.mobile-content .active-visit .white-card .row {
  padding-top: 8.5px;
  padding-bottom: 8.5px;
}

.mobile-content .past-visit {
  height: calc(100vh - 224px);
  overflow-y: auto;
}

.mobile-content .past-visit .row {
  padding: 13px 15px;
}

.mobile-content .past-visit .onclick-pastvisit {
  border-bottom: 1px solid #E4E4E4;
}

.mobile-content .btn {
  border-radius: 8px;
  font-size: 14px;
  padding: 4px 15px;
}

.mobile-content .left-part {
  color: #9E9EA8;
  font-size: 13px;
  font-weight: 500;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.mobile-content .right-part {
  color: #35384D;
  font-size: 15px;
  font-weight: 500;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.mobile-content .right-part .btn {
  font-size: 15px;
  padding: 7px 12px;
  border-radius: 8px;
}

.mobile-content .prescription-process-desc {
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  margin: 28px 0;
}

.mobile-content .past-visit .left-part {
  color: #9E9EA8;
  font-size: 12px;
}

.mobile-content .past-visit .right-part {
  color: #35384D;
  font-size: 14px;
  white-space: initial;
}

.mobile-content .past-visit .bg-light-gray-fa .row {
  padding: 11.5px 0;
}