.frontpage .section-header {
  margin-top: 10rem;

}

h2 {
    text-transform:capitalize;
}
.fst-normal {
    font-style: normal !important;
}
.form-control {
    height: 4rem;
    padding: 6px 10px;
}
.readonly {
    opacity: 0.5 !important;
}
textarea.form-control {
  height: auto !important;
}

#numeric_form h2 {
  padding-bottom: 20px;
}

#ddlistAnswers {
  padding: 3rem !important;
  font-size: 3rem;
  text-align: center;
}

a.nav-link.nav-link--black {
  margin: 1rem 0;
}

p {
  margin-bottom: 0px !important;
}

.divider {
  height: 3px;
  background-color: #ddd8;
}

.underline {
  text-decoration: underline;
  text-underline-position: under;
  color: #000;
}

.cus p {
  font-size: 2rem;
  padding: 1rem 0 0 0;
}

.fst-normal {
    font-style: normal !important;
}

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

.form-control:focus.required {
  border-color: #f00 !important;
}

.text-justify {
  text-align: justify;
}

.text-3x4-1px {
  font-size: 13px !important;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.3;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 1.3;
}

.text-3xl {
  font-size: 1.75rem;
  line-height: 1.3;
}

.text-4xl {
  font-size: 2rem;
  line-height: 1.3;
}

.w-fit-content {
    width:fit-content;
}
.w-20 {
    width:20%;
}
.w-100 {
    width:100% !important;
}
.w-60 {
    width:60% !important;
}
.align-self-center {
    align-self:center;
}

.text-responsive {
    font-size: calc(60% + .6vmin);
}

.text-responsive-default {
    font-size: calc(60% + 1vmin);
}
.text-5xl {
    font-size: 2.25rem;
    line-height: 1.3;
}

.text-6xl {
  font-size: 2.5rem;
  line-height: 1.3;
}

.text-7xl {
  font-size: 2.75rem;
  line-height: 1.3;
}

.text-8xl {
  font-size: 3rem;
  line-height: 1.3;
}

.text-9xl {
  font-size: 3.25rem;
  line-height: 1.3;
}

.text-10xl {
  font-size: 3.5rem;
  line-height: 1.3;
}

.text-11xl {
  font-size: 3.75rem;
  line-height: 1.3;
}
.min-height-moblie-safari {
    min-height:102px
}

.text-12xl {
  font-size: 4rem;
  line-height: 1.3;
}

.text-13xl {
  font-size: 4.25rem;
  line-height: 1.3;
}

.text-14xl {
  font-size: 4.5rem;
  line-height: 1.3;
}

.text-15xl {
  font-size: 4.75rem;
  line-height: 1.3;
}

.text-16xl {
  font-size: 5rem;
  line-height: 1.3;
}

.text-6rem {
  font-size: 6rem;
  line-height: 1.3;
}

.text-8rem {
  font-size: 8rem;
  line-height: 1.3;
}

.text-12rem {
  font-size: 12rem;
  line-height: 1.3;
}

.text-16rem {
  font-size: 16rem;
  line-height: 1.3;
}

.text-21rem {
  font-size: 21rem;
  line-height: 1;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.center {
  display: flex;
  justify-content: center;
}

.w-full {
  width: 100%;
}

.w-4-4-5 {
  width: 90%;
}

.w-4-5 {
  width: 80%;
}
.w-80 {
    width: 80% !important;
}
.w-70 {
    width: 70% !important;
}

.w-3-5 {
  width: 60%;
}
.w-2-5-5 {
    width: 50%;
}
.w-49 {
    width:49%;
}
.w-45 {
    width: 45% !important;
}
.w-2-5 {
  width: 40%;
}
.w-40 {
    width: 40% !important;
}
.w-35 {
    width: 35% !important;
}
.w-30 {
    width: 30% !important;
}
.w-25 {
    width: 25% !important;
}
.w-1-5 {
  width: 20%;
}
.w-15 {
    width: 15% !important;
}
.w-10 {
    width: 10% !important;
}
.h-4 {
  height: 1rem;
}

.h-8 {
  height: 2rem;
}

.h-36 {
  height: 9rem;
}
.z-2 {
  z-index: 2;
}
.gap-10 {
    gap:10px

}
.text-light {
    color: #fff !important;
}

/* .qn-list:nth-last-child(n) {
  height: 9rem;
} */

.space-br p:first-child {
  margin-top: 2rem;
}

.space-br p:last-child {
  margin-bottom: 2rem;
}

[data-toggle="collapse"] .fa:before {
  content: "\f077";
  -webkit-text-stroke: 2px #fff;
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f078";
  -webkit-text-stroke: 2px #fff;
}

#orderTable .tab-pane .collapse {
  border-bottom: unset;
}

.tab-pane label {
  width: 100%;
}

.btn-collapse-reverse {
  width: 100%;
  color: #333;
  font-size: 2rem !important;
  font-weight: 700;
  text-align: left !important;
  border-bottom: 1px solid !important;
  padding: 2rem !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.btn-collapse-reverse:active {
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

.tab-pane .btn-collapse {
  display: flex;
  width: 100%;
  color: #333;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  font-size: 3rem;
  margin-bottom: 1rem;
}

.tab-pane .btn-collapse:hover,
.tab-pane .btn-collapse:focus,
.tab-pane .btn-collapse:active {
  color: #333;
  border-bottom: 1px solid #ddd;
  font-size: 3rem;
  text-decoration: none;
  outline: 0;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none !important;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: transparent !important;
}

.flex {
  display: flex;
}

.justify-center {
  justify-content: center;
}

.space-around {
  justify-content: space-around;
}

.space-between {
  justify-content: space-between;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}
.align-items-baseline {
    align-items:baseline;
}
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.scale-2 {
  transform: scale(2);
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-col-reverse {
  display: flex;
  flex-direction: column-reverse;
}

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

.text-bolder {
  font-weight: 900 !important;
}

.text-height-0 {
  line-height: 0;
}

.text-height-1 {
  line-height: 1;
}

.text-height-2 {
  line-height: 1.5;
}

.text-height-3 {
  line-height: 2;
}

.text-height-4 {
  line-height: 3;
  font-size: 1.5rem;
}

.text-height-5 {
  line-height: 4;
  font-size: 1.6rem;
}

.text-height-auto {
  line-height: auto;
}

.btn-action-reverse {
  color: #333 !important;
  background-color: transparent;
  border-color: #75e227 !important;
  padding: 1.5rem !important;
  font-size: 1.5rem !important;
  border: 1px solid;
  text-decoration: none;
  width: 100%;
}

.btn-action-reverse:hover,
.btn-action-reverse:active {
  border: 1px solid #75e227;
  background-color: #eee5;
}
.line-button {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.text-width {
  width: 100% !important;
  margin: 0 0 5px;
}

.payment-form {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important;
  padding-left: 0 !important;
  margin-bottom: 10px;
}

.m-10 {
  margin-top: 10%;
}

.payment-section .tab-content {
  border: 1px solid #ddd;
  padding-top: 2rem;
  padding: 2rem;
  border-top: none;
  height: auto;
}

.nav-tabs > li > a {
  margin: 0 !important;
}

.margin-0 {
  margin: 0;
  margin-top: 3rem;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff !important;
  border: 1px solid #ddd;
  border-bottom-color: none;
}

.nav-space {
  padding: 0 !important;
  color: black !important;
  background-color: #dddddd50;
}

.nav-space a {
  color: black !important;
}

.month-container {
  width: 100px !important;
}

.year-container {
  width: 70% !important;
}

.back-button {
  color: #000 !important;
  background-color: unset;
  border-color: #75e227 !important;
}

.submit-button {
  color: #000 !important;
  background-color: #75e227 !important;
  border-color: #75e227 !important;
}

.submit-button:hover {
  background-color: rgba(117, 220, 39) !important;
  border-color: rgba(117, 220, 39) !important;
}

.delivery-input {
  display: flex !important;
  flex-direction: column !important;
}

.line-separate {
  border: 1px solid #ddd;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}

.doctor-history h4 {
  color: #babac2;
}

.doctor-history-list .list {
  cursor: pointer;
}

#ActiveCategory,
#CompletedCategory {
  width: 60%;
}

.member-profile .col {
  margin-bottom: 1rem;
  align-items: center;
  display: flex;
}

.p-0 {
  padding: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-20 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.p-9 {
  padding: 2.25rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.p-11 {
  padding: 2.75rem !important;
}

.p-12 {
  padding: 3rem !important;
}

.p-13 {
  padding: 3.25rem !important;
}

.p-14 {
  padding: 3.5rem !important;
}

.p-15 {
  padding: 3.75rem !important;
}

.p-16 {
  padding: 4rem;
}

.p-17 {
  padding: 4.25rem;
}

.p-18 {
  padding: 4.5rem;
}

.p-19 {
  padding: 4.75rem;
}

.p-20 {
  padding: 5rem;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pr-8 {
  padding-right: 2rem !important;
}

.pr-12 {
  padding-right: 3rem !important;
}

.pr-16 {
  padding-right: 4rem !important;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-12 {
  padding-left: 3rem !important;
}

.pl-16 {
  padding-left: 4rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pl-25 {
  padding-left: 6.25rem;
}

.pl-26 {
  padding-left: 6.5rem;
}

.m-0 {
  margin: 0 !important;
}

.m-4 {
  margin: 1rem;
}

.m-8 {
  margin: 2rem;
}

.mx-0 {
  margin-right: 0rem;
  margin-left: 0rem;
}

.mx-4 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.mx-8 {
  margin-right: 2rem;
  margin-left: 2rem;
}

.mx-12 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.mx-16 {
  margin-right: 4rem;
  margin-left: 4rem;
}

.mx-20 {
  margin-right: 5rem;
  margin-left: 5rem;
}

.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.mt-0 {
  margin-top: 0;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-8 {
    margin-top: 2rem !important;
}
.mt-12 {
  margin-top: 3rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mb-8 {
    margin-bottom: 2rem !important;
}

.mb-12 {
    margin-bottom: 3rem !important;
}

.mb-16 {
    margin-bottom: 4rem !important;
}

.mb-20 {
  margin-bottom: 5rem !important;
}
.mb-28 {
    margin-bottom: 7rem !important;
}
.mb-41 {
  margin-bottom: 11rem;
}

.mb-space {
  margin-bottom: 20rem;
}

.ml-0 {
  margin-left: 0rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mr-8 {
  margin-right: 2rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-8-5 {
  padding-left: 2.5rem;
}

.pl-32 {
  padding-left: 8rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-8 {
  padding-right: 2rem;
}

.word-justify {
  text-align: justify;
}

.items-center {
  justify-items: center;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.position-button {
  top: 61rem;
  left: 15.5rem;
}

.word-break {
  word-break: break-word;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-bottom: none !important;
  border-top: none !important;
}

.history-button {
  color: #000;
  background-color: #d1ebff;
  border-color: #d1ebff;
  width: 100%;
  border-radius: 30px;
}
.history-button:hover {
  color: #000;
  background-color: #d1ebff;
  border-color: #d1ebff;
  opacity: 1;
}
.history-button:active {
  color: #000 !important;
  background-color: #d1ebff !important;
  border-color: #d1ebff !important;
}
.container-button {
  padding-left: 30px;
  width: 48%;
}
.additional-height {
  width: 50%;
  height: 100px !important;
}
.button-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
hr {
  margin-bottom: 5px;
}
.container-edit {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.container-additional {
  padding-left: 30px;
  width: 100%;
}
.container-button-profile {
  height: 40px;
}
.edit-button {
  padding: 10px;
  background-color: #d1ebff;
}
.delete-button {
  margin-left: 20px;
  padding: 10px 12px;
  background-color: #d1ebff;
}
.history-respon {
  margin-top: 10px;
}
.container-edit-button {
  width: 50%;
  padding: 10px 0 0 10px;
}
.container-contact {
  width: 50%;
}
.order-no {
  margin: 0;
}
.width-row {
  display: flex;
  align-items: flex-end;
  padding: 0 0 10px 0;
}
.container-border {
  border-bottom: 1px solid black;
}
.row-profile {
  display: flex;
  flex-direction: row;
}
.margin-profile {
  margin-top: 20px;
}
.width-doctor {
  width: 27% !important;
}
.margin-set-zero {
  margin: 0 !important;
  width: 35% !important;
}
.margin-text {
  margin: 10px 0 !important;
}
.margin-top-bottom {
  margin: 20px 0;
}
.img-radius {
  border-radius: 50%;
  background-color: #d1ebff;
}
.border-unset {
  border-bottom: unset !important;
}
.edit-button-schedule {
  padding: 11px 15px;
  background-color: #d1ebff;
}
.margin-set-zero-button {
  margin: 0 !important;
  width: 35% !important;
}
.image-border {
  border-bottom: 1px solid black;
}
.order-conditions {
  display: flex;
  flex-direction: column;
}
.conditions-button {
  margin-top: 10px;
}
.menu-respon {
  margin-bottom: 20px !important;
}

.doctor-input-text {
  margin: 3px 0 0 10px;
}
.text-margin-bottom {
  margin-bottom: 20px;
}
.img-respon {
  display: flex;
  justify-content: center;
}
.btn-contact2 {
  display: flex;
  column-gap: 2rem;
}
.btn-contact2 label {
  background-color: #707070;
  width: 30%;
  text-align: center;
  color: #fff;
  border-radius: 2.5rem;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3da8df;
  border-right: 16px solid #f8f8f7;
  border-bottom: 16px solid #cae2ec;
  border-left: 16px solid #a4d6f0;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 616px) {
  .p-w-0 {
    padding: 0 !important;
  }

  #divPartial h1 {
    margin-top: 0 !important;
  }

  .qn-list {
    padding: 0 !important;
  }

  .size-picture {
    padding: 0 !important;
  }

  .respon-font {
    font-size: 15px !important;
    padding: 0.5rem 0 !important;
  }

  .respon-thead {
    width: 100% !important;
  }

  .respon-tr {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .respon-tbody {
    width: 100% !important;
  }

  .f-1 {
    flex: 1;
    display: flex;
    justify-content: center;
  }

  .margin-01 {
    margin-right: -1.5rem !important;
  }
}

@media (max-width: 599px) {
  .btn-action {
    width: 100%;
  }

  .line-button .btn-action {
    width: 100%;
  }

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

  .table {
    width: 100%;
    display: flex;
    max-width: 100%;
    margin-bottom: 20px;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 600px) {
  .form {
    padding: 5rem 2rem;
  }
}

.separate-section {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: left;
}

.section-subheader {
  font-size: 1.75rem;
  font-weight: 600;
}

.section-headline {
  font-size: 1.5rem;
}

.left-divider,
.right-divider {
  height: 0.1rem;
}

.left-divider {
  width: 50%;
  background-color: #333333;
}

.right-divider {
  width: 50%;
  background-color: #f0f2f5;
}

.border,
#cart .col label:hover {
  border: 1px solid;
}

.border-b {
  border-bottom: 1px solid !important;
}

.border-t {
  border-top: 1px solid;
}

.border-l {
  border-left: 1px solid;
}

.border-r {
  border-right: 1px solid;
}

.separate-divider {
  width: 25%;
  background-color: #ccc;
  margin: 0 1rem;
  height: 1px;
}

.order-table th {
  border-bottom: 0 !important;
  padding: 1.5rem 0 !important;
}

.order-table tr {
  padding: 1rem 0;
}

.order-table tbody tr:last-child,
.order-table tfoot tr {
  border-bottom: 1px solid #ddd;
}

.order-table thead th {
  color: #bbb;
}

.order-table td {
  border-top: 0 !important;
  padding: 1.5rem 0 !important;
}

.quantity-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  margin-left: 1.5rem;
  background: #d1ebff;
  border-radius: 5px;
  padding: 1.3rem 0.4rem;
  /*margin-top: 4rem;*/
}

.form-section {
  justify-content: center;
  margin: 0 auto;
  align-items: center;
}

.form-section div {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.form-section input,
.form-section select,
.form-section textarea {
  font-size: 1.5rem;
  padding: 2rem;
}

.form-section textarea {
  width: 100%;
}

/* .section .container {
  width: 100%;
} */

.section .container .product-grid .row {
  width: 100%;
}

.product-grid__wrap_set {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

.product-grid__wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
  grid-column-gap: 6px;
  grid-row-gap: 6px;
}

#recommendProduct .product-grid__wrap {
  grid-template-columns: unset;
}

.col-product-space {
  width: 23.5%;
}

.container-space {
  margin-left: 13rem;
}

.table-collapsible {
  border: none;
  border-bottom: 1px solid;
  color: #000;
  cursor: pointer;
  padding: 2rem 0;
  width: 100%;
  text-align: left;
  outline: none;
  background-color: #fff;
  font-size: 2rem;
  font-weight: 900;
}

.table-collapsible:after {
  /* content: "\2304"; */
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.table-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.client-table {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 400;
}

.deleteBtn {
  border: none;
}

.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.btn-action {
  color: #fff !important;
  background-color: #000 !important;
  padding: 1.5rem !important;
  font-size: 1.5rem !important;
  border: 0;
  border-radius: 0px !important;
  font-weight: 600 !important;
  text-decoration: none;
  width: 100%;
}

.btn-action:hover,
.btn-action:active {
  color: #333 !important;
  background-color: rgba(117, 220, 39) !important;
  text-decoration: none !important;
}

.invalid {
  color: red;
  border-color: red !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.chat-title {
  padding: 1.5rem 0;
  font-size: 2rem;
  font-weight: 900;
}

.go-back {
  cursor: pointer;
}

.chat-container {
  max-width: 100%;
  margin: auto;
}
img {
  max-width: 100%;
}

.inbox_msg {
  clear: both;
  overflow: hidden;
}
.top_spac {
  margin: 20px 0 0;
}

.chat_ib h5 {
  font-size: 15px;
  color: #464646;
  margin: 0 0 8px 0;
}
.chat_ib h5 span {
  font-size: 13px;
  float: right;
}
.chat_ib p {
  font-size: 14px;
  color: #989898;
  margin: auto;
}

.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people {
  overflow: hidden;
  clear: both;
}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}

.active_chat {
  background: #ebebeb;
}

.incoming_msg_img {
  display: inline-block;
  width: 6%;
}
.received_msg {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: top;
  width: 92%;
}
.received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.received_withd_msg {
  width: 57%;
}

.received_withd_msg p {
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
}

.mesgs {
  float: left;
  padding: 30px 0 0 0;
  width: 100%;
}

.sent_msg p {
  background: #d1ebff none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0;
  color: #000;
  padding: 5px 10px 5px 12px;
  width: 100%;
}
.outgoing_msg {
  overflow: hidden;
  margin: 26px 0 26px;
}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
  border: 0px solid;
}

.input_msg_write input:focus,
textarea:focus,
select:focus {
  outline: none;
}

.type_msg {
  border: 1px solid #c4c4c4;
  border-radius: 3rem;
  position: relative;
  padding: 0.5rem 1.5rem;
}
.msg_send_btn {
  background: #05728f none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  height: 33px;
  position: absolute;
  right: 12px;
  top: 11px;
  width: 33px;
  outline: none;
}

.messaging {
  padding: 0 0 50px 0;
}

.msg_history {
  height: 516px;
  overflow-y: auto;
}

.chat-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
}

.img-wrapper {
  width: 100% !important;
  justify-content: center;
  display: flex;
  flex-direction: column;
  flex: 2;
}

.product-container {
  width: 100% !important ;
}

.filter {
  background-color: #fff;
  border: 1px solid rgba(117, 226, 39);
  padding: 2rem;
  border-bottom: none;
  text-align: center;
}

.table-hander {
  padding: 1rem;
  margin: 0;
  width: 100%;
  max-width: 100%;
}

.modal-content {
  border-radius: 0;
  padding: 3rem;
}

.modal-container {
  display: flex;
}

.modal-body {
  flex: 1;
}

.modal-detail {
  display: flex;
}

.space {
  flex: 1;
}

.space-between {
  justify-content: space-between;
}

#calendar-from,
#calendar-to {
  cursor: pointer;
}

.font-black {
  font-weight: 900;
  font-size: 18px;
}

.modal-title {
  font-weight: 900;
  font-size: 32px;
}

#start button {
  border-top: 0;
  border-radius: 0;
  border-color: #babac1;
  background-color: transparent;
}

#start button:hover {
  border-top: 0;
  border-radius: 0;
  background-color: rgba(117, 226, 39);
}

#mediaAnswer img {
  height: 300px;
}

.order-collapse {
  cursor: pointer !important;
  padding: unset !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  font-size: 1.5rem !important;
  color: #333 !important;
}

.cart #totalPrice {
  font-size: 3rem;
}

.product-grid__item img {
  margin: 0;
}

.exclamation {
  color: #00f;
}

.exclamation i {
  transform: scale(1.5);
  margin: 1rem;
}

.pagination {
  cursor: pointer;
}

.pagination .page-item.active .page-link {
  background-color: #75e227 !important;
  border-color: #75e227 !important;
}

@media (max-width: 515px) {
  .start-box {
    flex-direction: column;
  }

  .header--fixed {
    background-color: #d1ebff;
  }

  #mediaAnswer img {
    height: 240px;
  }

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

  .why-hibro {
    display: flex !important;
    flex-direction: column !important;
  }

  .button-respon {
    width: 100% !important;
    margin: 0 !important;
  }

  .respon-center2 {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .respon-width-50 {
    width: 50%;
    text-align: left !important;
  }

  .respon-width-100 {
    width: 100%;
  }

  .align-end {
    align-items: unset !important;
  }

  .text-margin {
    margin: 5px 0;
  }

  .text-padding {
    padding: 2rem !important;
  }

  .text-size {
    font-size: 40px;
  }

  .images-size {
    height: 300px !important;
  }

  .intro-respon {
    display: flex;
    flex-direction: row;
  }

  .intro-padding {
    padding-top: 1rem !important;
  }

  .line-separate {
    display: none;
  }

  .product-grid__wrap {
    display: flex;
    flex-direction: column;
  }
  .respon-center {
    display: flex !important;
    justify-content: center !important;
  }
  .why-hibro {
    display: flex !important;
    flex-direction: column !important;
  }
  .button-respon {
    width: 100% !important;
    margin: 0 !important;
  }
  .respon-center2 {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .respon-width-50 {
    width: 50%;
  }
  .respon-width-100 {
    width: 100%;
  }
  .align-end {
    align-items: unset !important;
  }
  .text-margin {
    margin: 5px 0;
  }
  .text-padding {
    padding: 2rem !important;
  }
  .text-size {
    font-size: 40px;
  }

  .images-size {
    height: 300px !important;
  }

  .intro-respon {
    display: flex;
    flex-direction: row;
  }
  .intro-padding {
    padding-top: 1rem !important;
  }
  .line-separate {
    display: none;
  }
  .delivery-container {
    width: unset !important;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .respon-delivery {
    width: unset !important;
  }
  .history-respon {
    flex-direction: column;
  }

  .product-grid__item__name,
  .product-grid__item__price,
  .product-grid__item__description {
    font-size: 1rem;
    color: #000 !important;
  }

  .product-grid__item__description {
    word-break: break-word;
    width: 100%;
  }

  .member-respon {
    flex-direction: column;
  }

  .product-grid__wrap {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
  .respon-center {
    display: flex !important;
    justify-content: center !important;
  }
  .why-hibro {
    display: flex !important;
    flex-direction: column !important;
  }
  .button-respon {
    width: 100% !important;
    margin: 0 !important;
  }
  .respon-center2 {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .respon-width-50 {
    width: 50%;
  }
  .respon-width-100 {
    width: 100%;
  }
  .align-end {
    align-items: unset !important;
  }
  .text-margin {
    margin: 5px 0;
  }
  .text-padding {
    padding: 2rem !important;
  }
  .text-size {
    font-size: 40px;
  }

  .images-size {
    height: 300px !important;
  }

  .intro-respon {
    display: flex;
    flex-direction: row;
  }
  .intro-padding {
    padding-top: 1rem !important;
  }
  .line-separate {
    display: none;
  }
  .product-grid__item {
    flex-direction: column-reverse;
    padding: 1rem;
    height: auto;
  }

  .product-grid__item img {
    width: 100%;
    padding-bottom: 1rem;
  }

  .schedule-respon {
    display: none !important;
  }
  .schedule-width-respon {
    width: 100%;
  }
  .display-respon {
    display: block;
    text-align: center;
    line-height: 2;
  }
  .row-profile {
    flex-direction: column;
  }
  .margin-set-zero {
    width: 50% !important;
  }
  .margin-set-zero-button {
    width: 50% !important;
    display: flex;
    justify-content: flex-end;
  }
  .image-respon {
    padding-left: 60px !important;
  }
  .image-border {
    border-bottom: unset;
  }
  .word-break {
    width: 100%;
  }
  .additional-height {
    width: 100%;
  }
  .margin-responn {
    margin-bottom: 20px !important;
  }
  .tab-space {
    width: 100% !important;
  }
  .col-responsive {
    justify-content: space-between;
  }
  .date-respon {
    display: flex;
    flex-direction: row;
  }
  .distance {
    margin: 4rem 0 1rem;
  }
  .padding-unset {
    padding-right: unset !important;
  }
  .container-back-button {
    margin-bottom: 20px;
  }
  .price-respon-row {
    display: flex;
    justify-content: space-between;
  }
  .text-respon {
    font-size: 25px;
  }
  .product-name-respon {
    width: 30%;
  }
  .payment-menu-respon {
    display: flex;
    flex-direction: column;
  }
  .row-respon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .doctor-respon {
    flex-direction: column;
  }
  .img-respon {
    display: flex;
    justify-content: center;
  }
  .verification-respon {
    padding-left: 0 !important;
  }
  .doctor-margin-bottom {
    margin-bottom: 20px !important;
  }
  .i-pencil {
    text-align: left !important;
  }
  .pe-respon {
    width: 100%;
  }

  .doctor-input-text {
    margin: 3px 0 0 10px;
  }
  .message-respon {
    margin-top: 20px;
    padding-left: 2rem !important;
  }
  .text-align {
    text-align: center;
  }
  .patients-respon {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .text-margin-bottom {
    margin-bottom: 20px;
  }
  .patients-text {
    text-align: center;
  }
  .display-respon2 {
    display: none;
  }
  .order-respon {
    display: flex !important;
    flex-direction: column;
  }
  .width-column {
    width: 100% !important;
    margin: 5px 0 !important;
  }
}

@media (min-width: 415px) and (max-width: 768px) {
  #step-2 {
    flex-direction: column-reverse;
  }

  #step-2 img {
    width: 100%;
  }

  #step-2 .absolute-box {
    padding: 4rem;
  }

  #steps .align-end {
    align-items: end;
  }

  .product-grid__wrap {
    grid-template-columns: unset;
  }

  .button-respon {
    width: 64%;
    margin: 0 !important;
  }

  .product-grid__item__name,
  .product-grid__item__price,
  .product-grid__item__description {
    width: 28rem;
    color: #000 !important;
  }

  .product-grid__item {
    height: auto;
    display: flex;
    flex-direction: column-reverse;
  }

  .height-10 {
    height: 100%;
  }

  .search-respon {
    border-radius: 4px 0 0 4px !important;
  }

  .form-group-respon {
    display: flex;
    flex-direction: column;
  }

  .text-respon {
    width: 40%;
  }

  .margin-respon {
    margin-top: 0 !important;
  }

  .width-respon {
    width: 10%;
  }

  .mobile-nav {
    justify-content: center !important;
  }
  .col-responsive {
    flex-direction: column;
    align-items: unset !important;
  }
  .date-respon {
    display: flex;
    flex-direction: row;
  }
  .distance {
    margin: 4rem 0 1rem;
  }
  .label-name {
    display: flex;
    align-items: center;
  }
  .shipping-padding {
    padding: 0 !important;
  }
  .shipping-detail-padding {
    margin-top: 10px;
    padding: 0 !important;
  }
  .btn-respon {
    padding: 14px 24px !important;
    border-radius: 0 4px 4px 0 !important;
  }
  .btn-padding {
    padding-left: 0 !important;
  }
  .search-padding {
    padding-right: 0 !important;
    width: 100%;
  }
  .search-respon {
    border-radius: 4px 0 0 4px !important;
  }
  .form-group-respon {
    display: flex;
    flex-direction: column;
  }
  .text-respon {
    width: 40%;
  }
  .margin-respon {
    margin-top: 0 !important;
  }
  .width-respon {
    width: 10%;
  }
  .mobile-nav {
    justify-content: center !important;
  }
  .col-responsive {
    flex-direction: column;
    align-items: unset !important;
  }
  .date-respon {
    display: flex;
    flex-direction: row;
  }
  .distance {
    margin: 4rem 0 1rem;
  }
  .label-name {
    display: flex;
    align-items: center;
  }
  .shipping-padding {
    padding: 0 !important;
  }
  .shipping-detail-padding {
    margin-top: 10px;
    padding: 0 !important;
  }
  .btn-respon {
    padding: 9px 12px !important;
    border-radius: 0 4px 4px 0 !important;
  }
  .btn-padding {
    padding-left: 0 !important;
  }
  .search-padding {
    padding-right: 0 !important;
    width: 100%;
  }
  .search-respon {
    border-radius: 4px 0 0 4px !important;
  }
  .form-group-respon {
    display: flex;
    flex-direction: column;
  }
  .text-respon {
    width: 40%;
  }
  .margin-respon {
    margin-top: 0 !important;
  }
  .width-respon {
    width: 10%;
  }
  .mobile-nav {
    justify-content: center !important;
  }
  .schedule-respon {
    display: none !important;
  }
  .schedule-width-respon {
    width: 100%;
  }
  .display-respon {
    display: flex;
  }
  .row-profile {
    flex-direction: column;
  }
  .margin-set-zero {
    width: 50% !important;
  }
  .margin-set-zero-button {
    width: 50% !important;
    display: flex;
    justify-content: flex-end;
  }
  .image-respon {
    padding-left: 60px !important;
  }
  .image-border {
    border-bottom: unset;
  }
  .history-respon {
    width: 100%;
    justify-content: unset;
  }
  .price-respon-row {
    display: flex;
    justify-content: space-between;
  }
  .product-respon {
    width: 30%;
  }
  .container-back-button {
    margin-bottom: 25px;
  }
  .text-align {
    text-align: center;
  }
  .pe-respon {
    width: 100%;
  }
  .verification-respon {
    padding-left: 0 !important;
  }
  .doctor-margin-bottom {
    margin-bottom: 20px !important;
  }
  .message-respon {
    margin-top: 20px;
  }
  .row-respon {
    flex-direction: column;
  }
  .respon-768px {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .input-respon-768px {
    justify-content: unset;
  }
  .profile-respon-768px {
    width: 100%;
  }
  .order-respon {
    width: 100% !important;
    display: flex !important;
  }
  .message-respon {
    margin-top: 20px;
    padding-left: 2rem !important;
  }
}

@media (min-width: 769px) {
  #step-2 .absolute-box {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120%;
    padding: 0 6rem 6rem 6rem;
    z-index: 1 !important;
  }

  #step-2 img {
    width: 100%;
  }

  #step-4 .absolute-box {
    background-color: #fff;
    position: absolute;
    bottom: -5rem;
    left: -5rem;
  }

  .h-full {
    height: 100%;
  }

  #pharmacistTab .nav-link {
    border-right: 1px solid #ccc;
  }
}

@media (max-width: 414px) {
  .product-grid__item__name,
  .product-grid__item__price,
  .product-grid__item__description {
    font-size: 1rem;
    color: #000 !important;
  }

  .product-grid__item__description {
    word-break: break-word;
    width: 100%;
    color: #000 !important;
  }

  .product-grid__wrap_set {
    display: unset;
  }

  .product-grid__wrap {
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }

  .respon-space {
    justify-content: space-between;
  }

  .respon-button {
    padding: 0 !important;
  }

  .respon-button button {
    padding: 1.2rem !important;
  }
}

#ordermemberInformation {
  border-bottom: 1px solid black;
}

#ordermemberInformation .img-wrap {
  width: 150px;
  height: 150px;
}

#divPartialNewCase .btn-collapse-header p {
  font-size: 1.25rem !important;
}

#divPartialNewCase .btn-collapse-header h3 {
  padding-right: 1rem !important;
}

#divPartialNewCase .btn-collapse-header .txt-collapse h3 {
  display: inline-block;
}

#ordermemberInformation .img-wrap img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ordermemberInformation .label-name #fullName {
  font-weight: 600;
}

@media (max-width: 1024px) {
  .product-grid__item {
    flex-direction: row;
    height: 18rem;
    margin-left: 0;
    margin-right: 0;
  }
  .product-grid__item img {
    width: 60%;
    padding-bottom: 1rem;
  }

  .pl-respon-26 {
    padding-left: 6.5rem !important;
  }
}

#memberVerification,
#patientRequest {
  padding-left: 8rem;
}

#memberRequest #topic,
#patientRequest #topic {
  font-weight: 600;
}

#patientRequest .patient-detail .btn-contact {
  display: flex;
  column-gap: 2rem;
}

#patientRequest .patient-detail #i-pencil {
  text-align: right;
}

#patientRequest .patient-detail .btn-contact label {
  background-color: #707070;
  width: 30%;
  text-align: center;
  color: #fff;
  border-radius: 2.5rem;
}

#patientRequest .patient-detail form label h4 {
  display: inline-block;
}

#memberVerification .btn-confirm-id label {
  margin: 1rem 0;
  border-radius: 2.5rem;
  background-color: #707070;
  color: #fff;
  text-align: center;
}

#memberVerification img {
  width: 75%;
}

.danger {
  color: #f00;
}

.success {
  color: #75e227;
}

.warning {
  color: #ff0;
}

#cart .col input[type="radio"]:checked {
  border: 1px solid #000;
}

.background-gradient {
  background: linear-gradient(
    360deg,
    rgba(238, 238, 238, 0.5) 0%,
    rgba(238, 238, 238, 0.5) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.display-none {
  display: none;
}

.text-indent {
  text-indent: 30px;
}

.content-child-page-content a {
  color: #337ab7 !important;
}

.content-child-page-button:focus {
  outline: none;
}

.content-child-collapse button {
  color: #000 !important;
  text-decoration: none !important;
}


.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}

.line-through {
  text-decoration: line-through;
  color: #00f;
}

.align-self-end {
  align-self: flex-end;
}

.text-underscore {
  text-decoration: underline;
}

.bg-none {
    background:none;
}
.border-0 {
    border:none
}

.container:after, .container:before {
    content: none !important;
    display: none !important;
}

.text-break-space {
    white-space: normal !important;
}
.position-relative {
    position:relative;
}
.position-absolute {
    position:absolute;
}

.text-end {
    text-align:end;
}

.text-unberline {
    text-decoration: underline !important;
}

.cursor-pointer {
    cursor: pointer;
}