* {
  font-family: "Kanit", Arial, Helvetica, sans-serif;
}
.btn-gd,
nav {
  background-image: linear-gradient(
    to right,
    #bfa368,
    #ceb478 25%,
    #e6d6ab 54%,
    #ceb478 73%,
    #bfa368 98%
  );
}
.btn-gd-jade {
  background-image: linear-gradient(
    to right,
    #1d9c97,
    #3eb9b4 25%,
    #3eb9b4 54%,
    #3eb9b4 73%,
    #1d9c97 98%
  );
}
.btn-gd-be8471 {
  background-image: linear-gradient(
    to right,
    #be8471,
    #c6927e 33%,
    #e2b5a2 52%,
    #c6927e 73%,
    #be8471 98%
  );
}
.fw500 {
  font-weight: 500 !important;
}
.d-hide,
.btn-set-disturb-action.d-hide,
.btn-cancel-disturb-action.d-hide,
.btn-connect-staff.d-hide {
  display: none !important;
}
nav {
  position: relative;
  height: 60px;
  text-align: center;
}
nav .d-logo-nav {
  width: 260px;
  height: 71px;
  border-radius: 20px;
  background-color: #ffffff;
  padding-top: 11px;
  padding-bottom: 11px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin: 0 auto;
}
nav .d-logo-nav img {
  width: 166px;
  height: 48px;
}
nav .btn-hamberger,
nav .btn-hamberger:focus,
nav .btn-hamberger:active {
  position: absolute;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0 0;
  margin: 0 0;
  width: 26px;
  height: 26px;
  top: 17px;
  left: 15px;
}
nav .btn-hamberger img {
  width: 26px;
  height: 26px;
}
nav .btn-expand,
nav .btn-expand:focus,
nav .btn-expand:active {
  position: absolute;
  right: 19.4px;
  top: 13px;
  width: 33.4px;
  height: 33.4px;
  padding: 0 0;
  margin: 0 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
nav .btn-expand {
  background-image: url("../images/expand.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
nav .btn-expand.active {
  background-image: url("../images/expand_active.png");
}
main {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
}
main.page {
  min-height: 100vh;
}
.page-login {
  width: 100%;
  min-height: 100vh;
  background-image: url("../images/bg-nav-logo.png");
  background-position: top right -3rem;
  background-size: auto 40%;
  background-repeat: no-repeat;
  text-align: center;
}
.page-login .logo-login {
  width: 50%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25%;
}
.page-login .box-frm-login {
  width: 90%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50%;
}
.page-login .box-frm-login .d-input {
  position: relative;
  margin-bottom: 1.5rem;
}
.page-login .box-frm-login .d-input input {
  border: 1px solid #9b9b9b;
  border-radius: 10px;
  height: 60px;
  font-size: 18px;
  font-weight: 300;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 20px;
  color: #9b9b9b;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.page-login .box-frm-login .d-input input:focus {
  border: 1.2px solid #bfa368;
  -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.16);
  color: #bfa368;
}
.page-login .box-frm-login .d-input input.user-ip {
  background-image: url("../images/man-user-unfocus.png");
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-size: auto 45%;
}
.page-login .box-frm-login .d-input input.user-ip:focus {
  background-image: url("../images/man-user-focus.png");
}
.page-login .box-frm-login .d-input .btn-view-password {
  position: absolute;
  right: 0.8rem;
  top: 0;
  bottom: 0;
  height: 100%;
  box-shadow: none;
  padding: 0 0;
  width: 28.2px;
  background-image: url("../images/eye_pass.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0;
}
.page-login .box-frm-login .d-input input.pass-ip:focus + .btn-view-password {
  background-image: url("../images/eye_pass_focus.png");
}
.btn-login {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-lang-login,
.btn-lang-login:focus,
.btn-lang-login:active {
  padding: 0 0;
  margin: 0 0;
  position: absolute;
  top: 22.9px;
  left: 16px;
  width: 28.2px;
  height: 28.2px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.btn-lang-login img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.modal-dialog.modal-dialog-lang {
  width: 100%;
  max-width: 100% !important;
  min-height: 100vh;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.modal-dialog.modal-dialog-lang .modal-content {
  width: 100%;
  max-width: 368px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}
.modal-dialog.modal-dialog-lang .modal-content .box-drug {
  /* height: 60vh; */
  height: 30vh;
  overflow-y: auto;
}
.modal-body.modal-choose-lang {
  position: relative;
  min-height: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}
.modal-body.modal-choose-lang .btn-close-modal-lang {
  position: absolute;
  top: 18px;
  right: 11px;
  padding: 0 0;
  margin: 0 0;
  width: 23px;
  height: 23px;
  border-radius: 5px;
  border: 1px solid #1d9c97;
}
.modal-body.modal-choose-lang .btn-close-modal-lang i {
  color: #1d9c97;
}
.modal-body.modal-choose-lang .title-modal-lang {
  font-size: 22px;
  font-weight: 400;
  color: #4a4a4a;
  text-align: center;
}
.btn.btn-lang {
  padding: 0.9rem 0;
  margin: 0 0;
  font-size: 20px;
  font-weight: 400;
  color: #4a4a4a;
  width: 100%;
  height: 67px;
  border-radius: 10px;
  text-align: left;
  padding-left: 1rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.btn.btn-lang img {
  width: 48px;
  height: 36px;
  margin-right: 0.5rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.hr-modal-lang {
  border-top: 1px solid rgba(191, 163, 104, 0.3);
}
.hr-modal-drug {
  border-top: 1px solid rgba(29, 156, 151, 0.9);
}
.box-drug .list-drug {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  margin-bottom: 0.25rem;
}
.box-drug .list-drug:last-of-type {
  border-bottom: none;
  margin-bottom: 0rem;
}
.list-drug .d-drug-img {
  width: 120px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
}
.list-drug .d-drug-img img {
  width: 70%;
  max-width: 100%;
}
.list-drug .d-drug-detail {
  width: calc(100% - 120px);
  padding-left: 15px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.list-drug .d-drug-detail p:nth-child(1) {
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 0;
}
.list-drug .d-drug-detail p:nth-child(2) {
  font-size: 13px;
  font-weight: 300;
  color: #707070;
  margin-bottom: 0;
}
.btn-close-modal-text {
  border-radius: 5px;
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
  background-color: #1d9c97;
  height: 34px;
  width: 119.8px;
  padding: 0 0;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}
.btn-logout {
  width: 100%;
  height: 67px;
  background-color: #ffffff;
  font-size: 20px;
  color: #707070;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-image: url("../images//logout_icon.png");
  background-repeat: no-repeat;
  background-size: 38px auto;
  background-position: center left 1rem;
  margin: 0 0;
}
.section-title-home {
  background-image: url("../images/bg-title-home.png");
  background-repeat: no-repeat;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 20px;
  padding-bottom: 10px;
  background-position: center right;
  background-size: auto 100%;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin-bottom: 0.75rem;
}
.section-title-home .txt-name-home {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #4a4a4a;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.section-title-home .txt-sub-name {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  color: #707070;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.section-title-home .img-home-status {
  width: 111.7px;
  height: 74.7px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.section-title-home .txt-home-status {
  font-size: 18px;
  font-weight: 400;
  color: #707070;
  margin-bottom: 0;
}
.section-main-menu {
  margin-bottom: 0.5rem;
}
.section-main-menu .btn-main-menu {
  width: 48%;
  max-width: 202px;
  margin-left: 0.5%;
  margin-right: 0.5%;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 20.9px;
  padding-bottom: 20.9px;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.section-main-menu .btn-main-menu:first-of-type {
  margin-left: 1%;
  margin-right: 0.5%;
}
.section-main-menu .btn-main-menu:last-of-type {
  margin-left: 0.5%;
  margin-right: 1%;
}
.section-main-menu .btn-main-menu p {
  font-size: 16px;
  font-weight: 500;
  color: #be8471;
  margin-bottom: 0;
}
.section-main-menu .btn-main-menu .circle-outside {
  width: 106px;
  height: 106px;
  padding: 5px;
  border-radius: 50%;
  background-color: #ceb478;
  background-image: linear-gradient(to bottom, #bfa368, #ceb478 48%, #e6d6ab);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.section-main-menu .btn-main-menu .circle-outside .circle-inside {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #e2b49d;
  background-image: linear-gradient(
    110deg,
    #c88c75 15%,
    #e2b49d 48%,
    #c88c75 81%
  );
  border-radius: 50%;
}
.section-main-menu .btn-main-menu .circle-outside .circle-inside img {
  width: 50px;
  height: auto;
}

.section-main-menu .btn-main-menu.main-content-food p,
.section-main-menu .btn-main-menu.main-content-clean p {
  color: #1d9c97;
}
.section-main-menu .btn-main-menu.main-content-food {
  background-image: url("../images/sub-menu/bg-sub-menu7.png");
  background-size: cover;
}

.section-main-menu .btn-main-menu.main-content-clean {
  background-image: url("../images/sub-menu/bg-sub-menu8.png");
  background-size: cover;
}

.section-main-menu .btn-main-menu .circle-outside2 {
  width: 60px;
  height: 60px;
  padding: 5px;
  border-radius: 50%;
  background-color: #ceb478;
  background-image: linear-gradient(to bottom, #bfa368, #ceb478 48%, #e6d6ab);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.section-main-menu .btn-main-menu .circle-outside2 .circle-inside2 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #e2b49d;
  background-image: linear-gradient(
    104deg,
    #1d9c97 7%,
    #3eb9b4 34%,
    #78d8d4 50%,
    #3eb9b4 72%,
    #1d9c97 103%
  );
  border-radius: 50%;
}
.section-main-menu .btn-main-menu .circle-outside2 .circle-inside2 img {
  width: 36px;
  height: auto;
}



.section-sub-menu {
  margin-bottom: 0.25rem;
}
.section-sub-menu .btn-sub-menu {
  width: 32%;
  max-width: 134px;
  margin-left: 0.5%;
  margin-right: 0.5%;
  text-align: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  text-transform: none;
  border-radius: 10px;
}
.section-sub-menu .btn-sub-menu p {
  font-size: 16px;
  font-weight: 400;
  color: #707070;
  margin-bottom: 0;
}
.section-sub-menu .btn-sub-menu.sub-info p,
.section-sub-menu .btn-sub-menu.sub-content p {
  color: #1d9c97;
}
.section-sub-menu .btn-sub-menu.sub-info {
  background-image: url("../images/sub-menu/bg-sub-menu5.png");
  background-size: cover;
}
.section-sub-menu .btn-sub-menu.sub-content {
  background-image: url("../images/sub-menu/bg-sub-menu6.png");
  background-size: cover;
}


.section-sub-menu .btn-sub-menu:first-of-type {
  margin-left: 1%;
}
.section-sub-menu .btn-sub-menu:last-of-type {
  margin-right: 1%;
}
.section-sub-menu .btn-sub-menu .circle-outside {
  width: 60px;
  height: 60px;
  padding: 5px;
  border-radius: 50%;
  background-color: #ceb478;
  background-image: linear-gradient(to bottom, #bfa368, #ceb478 48%, #e6d6ab);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
.section-sub-menu .btn-sub-menu .circle-outside .circle-inside {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #e2b49d;
  background-image: linear-gradient(
    104deg,
    #1d9c97 7%,
    #3eb9b4 34%,
    #78d8d4 50%,
    #3eb9b4 72%,
    #1d9c97 103%
  );
  border-radius: 50%;
}
.section-sub-menu .btn-sub-menu .circle-outside .circle-inside img {
  width: 36px;
  height: auto;
}
.txt-title-daily-activities {
  font-size: 22px;
  font-weight: 400;
  color: #4a4a4a;
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
.txt-fulldate-daily {
  font-size: 18px;
  font-weight: 400;
  color: #1d9c97;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.txt-fulldate-daily::before {
  content: "";
  position: absolute;
  right: 110%;
  width: 70%;
  height: 1px;
  background-color: #1d9c97;
}
.txt-fulldate-daily::after {
  content: "";
  position: absolute;
  left: 110%;
  width: 70%;
  height: 1px;
  background-color: #1d9c97;
}
.pagination.list-date-daily {
  margin-bottom: 0;
}
.pagination.list-date-daily .page-item .page-link {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #1d9c97;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.pagination.list-date-daily .page-item .page-link p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
}
.pagination.list-date-daily .page-item.active .page-link {
  background-color: #1d9c97;
  width: 54px;
  height: 53px;
  border-radius: 10px;
  font-size: 24px;
  color: #ffffff;
  font-weight: 400;
}
.pagination.list-date-daily .page-item.disabled .page-link {
  color: #bebebe;
}
.section-content-daily {
  margin-top: 1.5rem;
}
.section-content-information {
  margin-top: 0.5rem;
}
.btn-set-disturb {
  min-width: 123px;
  height: 32px;
  border-radius: 5px;
  padding: 0 1rem;
  margin: 0 0;
  color: #ffffff;
  background-color: #b40000;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #b40000;
}
.btn-back-disturb {
  min-width: 123px;
  height: 32px;
  border-radius: 5px;
  padding: 0 1rem;
  margin: 0 0;
  color: #b40000;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #b40000;
}
.card-daily {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px 22.5px;
  padding-right: 1px;
  margin-bottom: 0.5rem;
  position: relative;
  overflow: hidden;
}
.card-daily .card-daily-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(239, 239, 239, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.card-daily .card-daily-overlay p {
  color: #26805c;
}
.card-daily .card-daily-overlay p:nth-child(1) {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 0;
}
.card-daily .card-daily-overlay p:nth-child(2) {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.card-daily .time-card-daily {
  font-size: 20px;
  color: #606060;
  display: inline-block;
  border-bottom: 0.5px solid #bfa368;
  margin-right: 0.5rem;
}
.card-daily .card-daily-body {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.card-daily .card-daily-body .list-daily {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
}
.card-daily .card-daily-body .list-daily:last-of-type {
  margin-bottom: 0;
}
.list-daily .list-daily-left {
  width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.list-daily .list-daily-left .title-list-daily {
  font-size: 19px;
  font-weight: 300;
  color: #606060;
  margin-bottom: 0;
}
.list-daily .list-daily-left a.title-list-daily {
  color: #1d9c97;
  text-decoration: underline;
}
.list-daily .list-daily-left .note-list-daily {
  font-size: 12px;
  color: #707070;
  font-weight: 300;
  margin-bottom: 0;
  padding-left: 0.8rem;
  position: relative;
}
.list-daily .list-daily-left .note-list-daily::before {
  content: "*";
  position: absolute;
  margin-left: -0.8rem;
  font-size: 26px;
  top: -7px;
  color: #bfa368;
}
.list-daily .list-daily-right {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.list-daily .list-daily-right .icon-free-time {
  width: 78px;
  height: auto;
}
.list-daily .list-daily-right .icon-status-daily {
  width: 68px;
  height: auto;
}
.list-daily .list-daily-right p {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  color: #cbcbcb;
}
.text-area-message {
  border: 1px solid #a5a5a5;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #a5a5a5;
}
.btn-home {
  position: fixed;
  bottom: 20px;
  right: 10px;
  padding: 0 0;
  margin: 0 0;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid #bfa368;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn-home img {
  width: 29.5px;
  height: auto;
}
.btn-rateing-float {
  position: fixed;
  bottom: 80px;
  right: 10px;
  padding: 0 0;
  margin: 0 0;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid #bfa368;
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btn-rateing-float img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.btn-set-disturb-action {
  background-color: #b40000;
  color: #ffffff;
  font-size: 16px;
  padding: 0 1rem;
  margin: 0 0;
  font-weight: 300;
  min-width: 120px;
  height: 40px;
  border-radius: 5px;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border: 1px solid #b40000;
}
.btn-cancel-disturb-action {
  background-color: #ffffff;
  color: #b40000;
  font-size: 16px;
  padding: 0 0.5rem;
  margin: 0 0;
  font-weight: 300;
  min-width: 140px;
  height: 40px;
  border-radius: 5px;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  border: 1px solid #b40000;
}
.btn-connect-staff {
  width: 153px;
  height: 30px;
  border-radius: 5px;
  padding: 0 0;
  margin: 0 0;
  font-size: 16px;
  font-weight: 300;
  color: #9b9b9b;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: solid 0.8px #cbcbcb;
}
.btn-camera {
  width: 41px;
  height: 44px;
  background-color: #1d9c97;
  background-image: linear-gradient(220deg, #1d9c97 93%, #78d8d4 7%);
  border-radius: 10px;
  padding: 0 0;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  margin-left: 0;
}
.btn-camera img {
  width: 32.8px;
  height: 29.2px;

  object-fit: contain;
}
.btn-image {
  width: 42px;
  height: 44px;
  border-radius: 10px;
  background-color: #be8471;
  background-image: linear-gradient(224deg, #be8471 97%, #e2b5a2 10%);
  padding: 0 0;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  margin-left: 0;
}
.btn-image img {
  width: 29.4px;
  height: 24.4px;
  object-fit: contain;
}
.preview-image {
  width: calc(100% - 100px);
  /* display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow: scroll; */
}
.preview-image .image-uploader {
  min-height: 44px;
  height: 44px;
  border: none;
}
.preview-image .image-uploader .uploaded {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  width: 100%;
}
.preview-image .image-uploader .upload-text i {
  display: none !important;
}
.preview-image .image-uploader .uploaded .uploaded-image {
  padding-bottom: 0;
  height: 44px;
  margin: 0;
}
/* .preview-image img {
  margin: 0.375rem;
  margin-left: 0;
  width: auto;
  height: 44px;
  border-radius: 5px;
} */
.btn-send-message {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  color: #ffffff;
  height: 46px;
  border-radius: 5px;
  padding: 0 0;
  font-size: 17px;
  font-weight: 500;
}
.d-form-massage {
  width: 100%;
  background-color: #ffffff;
  padding-bottom: 15px;
  padding-top: 15px;
  max-width: 1024px;
}
.d-message {
  width: 100%;
  min-height: 300px;
}
.box-no-massage {
  width: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box-no-massage p {
  font-size: 18px;
  font-weight: 400;
  color: #cbcbcb;
}
.box-no-massage img.paper-message {
  width: 73px;
  height: auto;
}
.box-message {
  border-radius: 10px;
  width: 100%;
  height: 41px;
  border: 1px solid #1d9c97;
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 45px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.box-message.show {
  height: auto;
  padding-bottom: 40px;
}
.box-message .btn-box-message {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0 0;
  margin: 0 0;
  width: 25.1px;
  height: 14.3px;
  position: absolute;
  background-image: url("../images/arrow_down.png");
  background-size: contain;
  background-repeat: no-repeat;
  right: 13px;
  top: 13px;
}
.box-message.show .btn-box-message {
  background-image: url("../images/arrow_up.png");
}
.box-message .text-message {
  font-size: 16px;
  color: #4a4a4a;
  margin-bottom: 1rem;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box-message.show .text-message {
  font-size: 14px;
  color: #707070;
  font-weight: 400;
  white-space: normal;
  text-overflow: ellipsis;
  margin-bottom: 1rem;
}
.box-message .text-date-message {
  display: none;
}
.box-message.show .text-date-message {
  display: inline-block;
  position: absolute;
  right: 15px;
  bottom: 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #707070;
  text-align: right;
}
.box-card-req {
  width: 100%;
  max-width: 100%;
  height: 139px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin: 0 0;
  margin-bottom: 0.5rem;
  padding: 0 0;
}
.box-card-req img {
  width: 72px;
  height: 73px;
  margin-bottom: 0.5rem;
}
.box-card-req p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
.c-be0d0d {
  color: #be0d0d;
}
.c-1c87c9 {
  color: #1c87c9;
}
.c-9a0bd9 {
  color: #9a0bd9;
}
.c-ea7621 {
  color: #ea7621;
}
.c-dd4580 {
  color: #dd4580;
}
.c-c48f15 {
  color: #c48f15;
}
.c-1b44b5 {
  color: #1b44b5;
}
.c-1d9c97 {
  color: #1d9c97;
}
.card-cost {
  width: 100%;
  max-width: 400px;
  height: 243px;
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.16);
  border: solid 0.5px #dedede;
  background-color: #ffffff;
  border-radius: 20px;
  background-image: url("../images/bg_card_cost.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.card-cost .credit_card {
  width: 30%;
  max-width: 100px;
  height: auto;
  margin-right: 0rem;
}
.card-cost .d-card-cost-price {
  width: 100%;
  padding-right: 15px;
}
.card-cost .txt-cost-ask {
  font-size: 24px;
  font-weight: 400;
  color: #1d9c97;
  margin-bottom: 0;
  margin-top: 1rem;
}
.card-cost .txt-cost {
  font-size: 34px;
  color: #1d9c97;
  font-weight: 400;
  margin-bottom: 0;
  float: right;
  margin-top: 1.2rem;
}
.card-cost .d-card-cost-update {
  width: 100%;
  padding-right: 15px;
  text-align: right;
  margin-top: 0.5rem;
}
.d-card-cost-update .txt-cost-update {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  color: #707070;
}
.d-card-cost-update .txt-cost-update span {
  color: #bfa368;
}
.detail-page-cost {
  margin-top: 2rem;
  font-size: 16px;
  font-weight: 300;
  color: #707070;
}

.box-about-hospital {
  background-color: #e2b5a2;
  background-image: linear-gradient(
    134deg,
    #be8471 5%,
    #c6927e 32%,
    #e2b5a2 57%,
    #c6927e 83%,
    #be8471 100%
  );
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 120px;
}
.box-about-hospital img {
  width: 65px;
  margin-bottom: 0.35rem;
}
.box-about-hospital p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
.box-about-hospital::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/information_icon/bg_about.png");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 100%;
}

.box-your-hospital {
  background-color: #e2b5a2;
  background-image: linear-gradient(
    124deg,
    #bfa368 -3%,
    #ceb478 28%,
    #e6d6ab 54%,
    #ceb478 84%,
    #bfa368 103%
  );
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 120px;
}
.box-your-hospital img {
  width: 59px;
  margin-bottom: 0.35rem;
}
.box-your-hospital p {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}
.box-your-hospital::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/information_icon/bg_your_hospital.png");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: auto 100%;
}
.row-menu-information {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.menu-information {
  height: 120px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0.2px solid #707070;
  border-top: none;
}
.row-menu-information a:first-of-type .menu-information {
  border-right: none;
}
.row-menu-information a:last-of-type .menu-information {
  border-left: none;
}
.menu-information img {
  width: 45%;
}
.menu-information p {
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
}
.menu-call-us {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  position: relative;
  background-image: url("/images/bg_callus.png");
  background-size: 100% 100%;
}
.menu-call-us img {
  width: 59px;
}
.menu-call-us p {
  margin-bottom: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0.35rem;
}
.menu-going-home {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  position: relative;
  background-image: url("/images/bg_goinghome.png");
  background-size: 100% 100%;
}
.menu-going-home img {
  width: 59.5px;
}
.menu-going-home p {
  margin-bottom: 0;
  color: #bc9a6a;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0.35rem;
}
.box-health-content {
  width: 100%;
  position: relative;
  margin-bottom: 0.5rem;
}
.box-health-content .box-health-content-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 5px 15px;
  background-color: rgba(0, 0, 0, 0.5);
}
.box-health-content .box-health-content-overlay p {
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
}
.title-health-content {
  font-size: 26px;
  font-weight: 500;
  color: #1d9c97;
}
.box-highlights {
  background-color: rgba(188, 154, 106, 0.05);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 1rem;
}
.box-highlights .txt-highlight {
  font-size: 24px;
  color: #bc9a6a;
  font-weight: 300;
  margin-bottom: 0rem;
}
.box-highlights .ul-highlight {
  list-style: none;
  padding-left: 1.5rem;
  margin-bottom: 0;
}
.box-highlights .ul-highlight .li-highlight {
  position: relative;
  font-size: 15px;
  font-weight: 300;
  color: #707070;
}
.box-highlights .ul-highlight .li-highlight::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -1rem;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bc9a6a;
}
.head-health-content {
  font-size: 20px;
  font-weight: 300;
  color: #1d9c97;
  margin-bottom: 0.5rem;
}
.detail-health-content {
  font-size: 16px;
  color: #707070;
  font-weight: 300;
}
.box-status {
  background-image: url("../images/bg_line_status.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 100%;
  height: 538px;
  background-position: center center;
  position: relative;
}
.box-status .list-status {
  width: calc(50% + 60px);
  position: absolute;
}
.box-status .list-status .list-status-contain {
  position: relative;
  width: 100%;
}
.box-status .list-status .list-status-contain .circle-status {
  width: 69.1px;
  height: 69.1px;
  border-radius: 50%;
  background-color: #cccccc;
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.box-status .list-status.active .list-status-contain .circle-status {
  background-color: #1d9c97;
}
.box-status .list-status .list-status-contain .circle-status .circle-inside {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-image: linear-gradient(
    137deg,
    #ffffff 17%,
    #d2d4d5 85%,
    #d1d3d4 86%
  );
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.box-status .list-status .list-status-contain .list-status-body {
  position: absolute;
  width: 100%;
}
.box-status .list-status:nth-child(odd) .list-status-contain .list-status-body {
  padding-left: 15px;
}
.box-status
  .list-status:nth-child(even)
  .list-status-contain
  .list-status-body {
  padding-right: 15px;
}
.box-status .list-status .list-status-contain .list-status-body .line {
  position: relative;
  width: 100%;
  height: 6px;
  background-color: #cccccc;
  border-radius: 3px;
}
.box-status .list-status.active .list-status-contain .list-status-body .line {
  background-color: #1d9c97;
}
.box-status
  .list-status
  .list-status-contain
  .list-status-body
  .line
  p.title-status {
  position: absolute;
  bottom: 100%;
  font-size: 15px;
  font-weight: 500;
  color: #707070;
  margin-bottom: 0;
  width: calc(100% - 70px);
}
.box-status
  .list-status.active
  .list-status-contain
  .list-status-body
  .line
  p.title-status {
  color: #1d9c97;
}
.box-status
  .list-status
  .list-status-contain
  .list-status-body
  .line
  p.detail-status {
  position: absolute;
  top: 100%;
  font-size: 13px;
  font-weight: 300;
  color: #707070;
  width: calc(100% - 100px);
  margin-bottom: 0;
}
/* .box-status
  .list-status
  .list-status-contain
  .list-status-body
  .line
  p.title-status
  span {
  position: relative;
} */
.box-status
  .list-status.active:nth-child(odd)
  .list-status-contain
  .list-status-body
  .line
  p.title-status::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  width: 21.8px;
  height: 33px;
  background-image: url("../images/status/pin.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.box-status
  .list-status.active:nth-child(even)
  .list-status-contain
  .list-status-body
  .line
  p.title-status::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 21.8px;
  height: 33px;
  background-image: url("../images/status/pin.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.box-status
  .list-status
  .list-status-contain
  .list-status-body
  .line
  p.detail-status
  p::before {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 21.8px;
  height: 33px;
  background-image: url("../images/status/pin.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.box-status
  .list-status.active
  .list-status-contain
  .list-status-body
  .line
  p.detail-status {
  color: #1d9c97;
}
.box-status
  .list-status:nth-child(odd)
  .list-status-contain
  .list-status-body
  .line
  p.title-status,
.box-status
  .list-status:nth-child(odd)
  .list-status-contain
  .list-status-body
  .line
  p.detail-status {
  right: 0;
  text-align: right;
}
.box-status
  .list-status:nth-child(even)
  .list-status-contain
  .list-status-body
  .line
  p.title-status,
.box-status
  .list-status:nth-child(even)
  .list-status-contain
  .list-status-body
  .line
  p.detail-status {
  left: 0;
  text-align: left;
}
.box-status .list-status:nth-child(odd) {
  left: calc(50% - 60px);
}
.box-status .list-status:nth-child(even) {
  right: calc(50% - 60px);
}
.box-status .list-status:nth-child(1) {
  top: 30px;
}
.box-status .list-status:nth-child(1) .list-status-contain .circle-status {
  left: 10px;
  top: 12.25px;
}
.box-status
  .list-status:nth-child(1)
  .list-status-contain
  .circle-status
  .circle-inside
  img {
  width: 37px;
}
.box-status .list-status:nth-child(1) .list-status-contain .list-status-body {
  top: 43px;
}

.box-status .list-status:nth-child(2) {
  top: 125px;
}
.box-status .list-status:nth-child(2) .list-status-contain .circle-status {
  right: 10px;
  top: 13.25px;
}
.box-status
  .list-status:nth-child(2)
  .list-status-contain
  .circle-status
  .circle-inside
  img {
  width: 38px;
}
.box-status .list-status:nth-child(2) .list-status-contain .list-status-body {
  top: 43px;
}
.box-status .list-status:nth-child(3) {
  top: 223px;
}
.box-status .list-status:nth-child(3) .list-status-contain .circle-status {
  left: 10px;
  top: 12.25px;
}
.box-status
  .list-status:nth-child(3)
  .list-status-contain
  .circle-status
  .circle-inside
  img {
  width: 35px;
}
.box-status .list-status:nth-child(3) .list-status-contain .list-status-body {
  top: 43px;
}
.box-status .list-status:nth-child(4) {
  top: 317px;
}
.box-status .list-status:nth-child(4) .list-status-contain .circle-status {
  right: 10px;
  top: 13.25px;
}
.box-status
  .list-status:nth-child(4)
  .list-status-contain
  .circle-status
  .circle-inside
  img {
  width: 35px;
}
.box-status .list-status:nth-child(4) .list-status-contain .list-status-body {
  top: 43px;
}

.box-status .list-status:nth-child(5) {
  top: 415px;
}
.box-status .list-status:nth-child(5) .list-status-contain .circle-status {
  left: 10px;
  top: 12.25px;
}
.box-status
  .list-status:nth-child(5)
  .list-status-contain
  .circle-status
  .circle-inside
  img {
  width: 26px;
}
.box-status .list-status:nth-child(5) .list-status-contain .list-status-body {
  top: 43px;
}
.section-head-staff {
  text-align: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.section-search-staff {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  margin-top: 1rem;
  padding-bottom: 1rem;
}
.txt-title-point-all-staff {
  font-size: 19px;
  font-weight: 400;
  color: #707070;
  margin-bottom: 0;
}
.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}
.rate:not(:checked) > input {
  position: absolute;
  opacity: 0;
}
.rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}
.rate:not(:checked) > label:before {
  content: "★ ";
}
.rate > input:checked ~ label {
  color: #bfa368;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #bfa368;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #bfa368;
}
.list-txt-rate {
  float: left;
  height: 30px;
  padding: 0 0px;
}
.list-txt-rate div {
  float: right;
  width: 49px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 15px;
  color: #ccc;
  text-align: center;
}
.textare-staff {
  width: 75%;
  margin: 0 auto;
  border-radius: 5px;
  border: solid 1px #9b9b9b;
  background-color: #ffffff;
  font-size: 15px;
  color: #9b9b9b;
  font-weight: 300;
}
.btn-submit-rate {
  margin-top: 1rem;
  height: 28px;
  width: 122px;
  padding: 0 0;
  color: #ffffff;
  font-size: 17px;
  font-weight: 300;
  border-radius: 5px;
}
div.img-header-profile {
  width: 87px;
  height: 87px;
  border-radius: 50%;
  overflow: hidden;
}
div.img-header-profile img{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.txt-header-name {
  font-size: 17px;
  font-weight: 400;
  color: #4a4a4a;
}
.btn-contact-header {
  font-size: 15px;
  font-weight: 300;
  color: #ffffff;
  border-radius: 5px;
  padding-top: 0;
  padding-bottom: 0;
  height: 28px;
}
.ip-search-staff {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  border: solid 1px #1d9c97;
  background-color: #ffffff;
  font-size: 16px;
  color: #1d9c97;
  padding-left: 45px;
  height: 42.3px;
  background-image: url("../images/icon_search.png");
  background-repeat: no-repeat;
  background-position: center left 0.5rem;
  background-size: 25px auto;
}
.ip-search-staff::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #1d9c97;
  opacity: 1; /* Firefox */
}

.ip-search-staff:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #1d9c97;
}

.ip-search-staff::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #1d9c97;
}
.checkbox-search .custom-control-label {
  font-size: 15px;
  font-weight: 300;
  color: #707070;
}
.checkbox-search .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1d9c97;
  background-color: #1d9c97;
}
.row-nowaday-staff {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  white-space: nowrap;
}
.row-nowaday-staff .box-staff-nowaday {
  width: 174px;
  min-width: 174px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin-left: 5px;
  margin-right: 5px;
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  padding: 12px;
}
.row-nowaday-staff .box-staff-nowaday:first-of-type {
  margin-left: 2px;
}
.row-nowaday-staff .box-staff-nowaday:last-of-type {
  margin-right: 2px;
}
.row-nowaday-staff .simplebar-content {
  display: flex !important;
}
.row-nowaday-staff .box-staff-nowaday div.box-img-overflow {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.row-nowaday-staff .box-staff-nowaday div.box-img-overflow img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.row-nowaday-staff .box-staff-nowaday .name {
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 0;
  white-space: normal;
  text-align: center;
}
.row-nowaday-staff .box-staff-nowaday .position,
.row-nowaday-staff .box-staff-nowaday .department {
  font-size: 12px;
  font-weight: 300;
  color: #707070;
  margin-bottom: 0;
  text-align: center;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.row-nowaday-staff .box-staff-nowaday .rate {
  height: 30px;
}
.row-nowaday-staff .box-staff-nowaday .rate:not(:checked) > label {
  font-size: 20px;
  margin-bottom: 0;
}
.row-nowaday-staff .box-staff-nowaday .btn-rate-nowaday {
  padding: 0 0;
  height: 21px;
  width: 95px;
  border-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 300;
  margin: 0 0;
}
.txt-title-nowaday-staff {
  font-size: 20px;
  font-weight: 400;
  color: #707070;
  margin-top: 1.5rem;
  margin-bottom: 0rem;
}
.box-list-old-staff {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 30px;
}
.box-list-old-staff .list-old-staff {
  width: 100%;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 1.5rem;
}

.box-list-old-staff .list-old-staff div.box-img-overflow {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin-right: 0.5rem;
}
.box-list-old-staff .list-old-staff div.box-img-overflow img{
  width: 100%;
  max-width: 100%;
  height: auto;
}
.box-list-old-staff .list-old-staff .name {
  font-size: 15px;
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.box-list-old-staff .list-old-staff .position {
  font-size: 12px;
  font-weight: 300;
  color: #707070;
  margin-bottom: 0;
  text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.box-list-old-staff .list-old-staff .btn-rate-old {
  height: 17px;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  border-radius: 5px;
  color: #ffffff;
  font-size: 10px;
  padding: 0 0;
  width: 80px;
}
.rate-old .rate {
  height: 30px;
}
.rate-old .rate:not(:checked) > label {
  font-size: 16px;
  margin-bottom: 0;
}
.status-contact {
  font-size: 13px;
  font-weight: 300;
  color: #aaaaaa;
  margin-bottom: 0;
  text-align: center;
}
.profile-modal {
  width: 124px;
  height: 124px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.profile-modal img{
  max-width: 100%;
  width: 100%;
  height: auto;
}
.modal-name {
  font-size: 18px;
  font-weight: 400;
  color: #707070;
  margin-bottom: 0;
}
.modal-position,
.modal-department {
  font-size: 14px;
  color: #707070;
  text-align: center;
  margin-bottom: 0;
  font-weight: 300;
}
.txt-detail-point {
  font-size: 14px;
  color: #707070;
  text-align: center;
  margin-bottom: 0;
  font-weight: 300;
  margin-top: 1rem;
}
.modal-body.modal-choose-lang .btn-close-modal-lang.gold-color {
  border: 1px solid #bfa368;
}
.modal-body.modal-choose-lang .btn-close-modal-lang.gold-color i {
  color: #bfa368;
}
.btn-close-modal-rate {
  border: 1px solid #bfa368;
  padding-top: 0;
  padding-bottom: 0;
  height: 35px;
  border-radius: 5px;
  color: #bfa368;
}
.btn-give-rate-modal {
  padding-top: 0;
  padding-bottom: 0;
  height: 35px;
  border-radius: 5px;
  color: #ffffff;
}
/* .image-uploader .uploaded .uploaded-image img{
  width: auto;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.preview-image .image-uploader .uploaded .uploaded-image{
  margin-right: 6px;
} */

.box-video-about {
  background-color: #000000;
  background-image: linear-gradient(91deg, #00965a 8%, #006540 100%);
}
.hr-top-video-about {
  height: 8px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  border-top: none;
  background-color: #ceb478;
  background-image: linear-gradient(91deg, #ceb478 8%, #bc9a6a 100%);
  width: 100%;
}
.hr-bottom-video-about {
  height: 2px;
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  border-top: none;
  background-color: #00965a;
  background-image: linear-gradient(91deg, #00965a 8%, #006540 100%);
  width: 100%;
}
.txt-about-phrase {
  font-size: 18px;
  font-weight: 500;
}
.box-footer-about {
  width: 100%;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 120px;
}
.box-hr {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  z-index: 1;
}
.box-img-footer-about {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-logo-about {
  width: 50%;
  max-width: 300px;
  -webkit-box-shadow: 10px 10px 60px 21px rgba(255, 255, 255, 1);
  -moz-box-shadow: 10px 10px 60px 21px rgba(255, 255, 255, 1);
  box-shadow: 10px 10px 60px 21px rgba(255, 255, 255, 1);
  z-index: 55;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
.hr-footer-about-top {
  margin-top: 0;
  margin-bottom: 0;
  border-top: none;
  height: 5px;
  width: 100%;
  background-color: #bc9a6a;
}
.hr-footer-about-bottom {
  margin-top: 0;
  margin-bottom: 0;
  border-top: none;
  height: 5px;
  width: 100%;
  background-color: #006540;
}
.box-care-doctor {
  background-color: #bc9a6a;
  min-height: 175px;
  width: 100%;
  position: relative;
  background-image: linear-gradient(121deg, #bc9a6a 7%, #e6d6ab 135%);
  margin-top: 40px;
}
.box-care-nurse {
  background-color: #006540;
  min-height: 190px;
  width: 100%;
  position: relative;
  background-image: linear-gradient(129deg, #006540 2%, #00965a 134%);
  margin-top: 40px;
}
.doctor_yhs {
  position: absolute;
  right: 5px;
  width: 150px;
  top: -20px;
}
.mascot-nurse-bnh {
  position: absolute;
  right: 5px;
  width: 120px;
  top: -20px;
}
.nurse_yhs {
  position: absolute;
  right: 5px;
  width: 110px;
  top: -25px;
}
.body-box-care-doctor {
  width: calc(100% - 140px);
  padding: 1rem;
  padding-left: 2rem;
}
.body-box-care-nurse {
  width: calc(100% - 110px);
  padding: 1rem;
  padding-left: 2rem;
}
.fw-600 {
  font-weight: 600;
}
.txt-detail-yhs {
  color: #ffffff;
  margin-bottom: 0.35rem;
}
.title-yhs {
  font-weight: 500;
  color: #ffffff;
  margin-bottom: 1rem;
}
.list-yhs {
  color: #ffffff;
  position: relative;
  margin-bottom: 0.75rem;
}
.list-yhs::before {
  content: "+";
  position: absolute;
  color: #ffffff;
  right: 103%;
  font-size: 30px;
  line-height: 23px;
  font-weight: 700;
  opacity: 0.5;
}

.imageuploadify {
  height: 44px !important;
  min-height: 44px !important;
  border: none !important;
  min-width: calc(100% - 96px) !important;
  width: calc(100% - 96px) !important;
  max-width: calc(100% - 96px) !important;
}
.imageuploadify .imageuploadify-images-list .imageuploadify-container {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  margin-bottom: 0 !important;
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.imageuploadify .imageuploadify-images-list {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
}
.imageuploadify
  .imageuploadify-images-list
  .imageuploadify-container
  button.btn-danger {
  margin: 0 0 !important;
  background-image: url("../images/del_img.png");
  background-size: 70% 70%;
  background-position: center center;
}

.box-title-drug {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
.box-title-drug::before {
  content: "";
  position: absolute;
  bottom: 100%;
  width: 100%;
  height: 5px;
  left: 0;
  right: 0;
  background-color: #ceb478;
  background-image: linear-gradient(91deg, #ceb478 8%, #bc9a6a 100%);
}
.box-title-drug::after {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 5px;
  left: 0;
  right: 0;
  background-color: #00965a;
  background-image: linear-gradient(91deg, #00965a 8%, #006540 100%);
}
.box-title-drug p {
  margin-bottom: 0;
  color: #4b4646;
  font-size: 24px;
  font-weight: 500;
}
.box-section-drug-time {
  width: 100%;
  padding: 1rem 2rem;
  padding-bottom: 0;
}
.box-section-drug-time.odd {
  background-color: rgba(188, 154, 106, 0.03);
}
.box-section-drug-time.even {
  background-color: rgba(255, 255, 255, 1);
}
.body-section-drug-time {
  padding-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.body-section-drug-time.before-food {
  border-bottom: 1px solid #ceb478;
  background-image: url("../images/medicine_and_nutrition/1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90px;
}
.body-section-drug-time.after-food {
  border-bottom: 1px solid #ceb478;
  background-image: url("../images/medicine_and_nutrition/2.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90px;
}
.body-section-drug-time.before-bed {
  background-image: url("../images/medicine_and_nutrition/3.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 90px;
}
.body-section-drug-time .box-img {
  width: 25%;
}
.body-section-drug-time .box-detail {
  width: 75%;
}
.body-section-drug-time .box-detail .title-section-drug-time {
  font-size: 18px;
  font-weight: 500;
  color: #4b4646;
}
.body-section-drug-time .box-detail .list-section-drug-time {
  font-size: 16px;
  font-weight: 400;
  color: #4b4646;
  margin-bottom: 0.25rem;
}
.box-nurse-should-know-main {
  width: 100%;
  margin-top: 1.25rem;
}
.box-nurse-should-know {
  width: 100%;
  min-height: 100px;
  padding: 1rem;
  padding-right: 80px;
  background-color: #00965a;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.box-nurse-should-know.list-1 {
  background-image: url("../images/medicine_and_nutrition/4.png");
  background-repeat: no-repeat;
  background-position: center right 0.2rem;
  background-size: auto 99px;
}
.box-nurse-should-know.list-2 {
  background-image: url("../images/medicine_and_nutrition/5.png");
  background-repeat: no-repeat;
  background-position: center right 0.2rem;
  background-size: auto 99px;
}
.box-nurse-should-know.list-3 {
  background-image: url("../images/medicine_and_nutrition/6.png");
  background-repeat: no-repeat;
  background-position: center right 0.2rem;
  background-size: auto 99px;
}
.txt-nurse-should-know {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 50px;
  position: relative;
}
.txt-nurse-should-know.list-1::before {
  content: "1";
  color: #ffffff;
  position: absolute;
  font-size: 50px;
  font-weight: 600;
  line-height: 48px;
  left: 0;
  top: 0;
  width: 50px;
  text-align: center;
}
.txt-nurse-should-know.list-2::before {
  content: "2";
  color: #ffffff;
  position: absolute;
  font-size: 50px;
  font-weight: 600;
  line-height: 48px;
  left: 0;
  top: 0;
  width: 50px;
  text-align: center;
}
.txt-nurse-should-know.list-3::before {
  content: "3";
  color: #ffffff;
  position: absolute;
  font-size: 50px;
  font-weight: 600;
  line-height: 48px;
  left: 0;
  top: 0;
  width: 50px;
  text-align: center;
}
.img-graph-pain {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.box-main-card-pain {
  width: 100%;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
}
.box-main-card-pain .card-pain {
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-radius: 20px;
  background-color: #ceb478;
  background-image: linear-gradient(
    to bottom,
    #bfa368 84%,
    #ceb478 61%,
    #e6d6ab 48%,
    #ceb478 33%,
    #bfa368 12%
  );
  min-height: 160px;
}
.box-main-card-pain .card-pain.list-1 {
  padding: 0.75rem;
  padding-left: 27%;
}
.box-main-card-pain .card-pain.list-2 {
  padding: 0.75rem;
  padding-right: 27%;
}
.box-main-card-pain .card-pain.list-3 {
  padding: 0.75rem;
}
.box-main-card-pain .card-pain.list-1 .img-card-pain-list-1 {
  position: absolute;
  left: 10px;
  width: 90px;
  top: -25px;
}
.box-main-card-pain .card-pain.list-2 .img-card-pain-list-2 {
  position: absolute;
  right: 10px;
  width: 100px;
  top: -25px;
}
.box-main-card-pain .card-pain.list-3 .img-card-pain-list-3 {
  position: absolute;
  left: 10px;
  width: 100px;
  top: -30px;
}
.box-main-card-pain .card-pain.list-1 .card-pain-body {
  background-color: #ffffff;
  border-radius: 15px;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  right: 1rem;
  left: 27%;
  top: 1rem;
  bottom: 1rem;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.box-main-card-pain .card-pain.list-2 .card-pain-body {
  background-color: #ffffff;
  border-radius: 15px;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  right: 27%;
  left: 1rem;
  top: 1rem;
  bottom: 1rem;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.box-main-card-pain .card-pain.list-3 .card-pain-body {
  background-color: #ffffff;
  border-radius: 15px;
  max-width: 100%;
  max-height: 100%;
  margin-left: 27%;
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  min-height: 130px;
}
.box-main-card-pain .card-pain.list-3 .card-pain-body-2 {
  margin-top: 0.75rem;
  background-color: #ffffff;
  border-radius: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.box-main-card-pain .card-pain .txt-card-pain {
  text-align: center;
  margin-bottom: 0;
  color: #4b4646;
  font-size: 14px;
  font-weight: 400;
}
.title-card-pain-body-2 {
  font-weight: 500;
  font-size: 14px;
  color: #26805c;
  margin-bottom: 0.25rem;
}
.detail-card-pain-body-2 {
  font-weight: 300;
  font-size: 14px;
  color: #4b4646;
  margin-bottom: 0.25rem;
}
.hr-card-pain-body-2 {
  border-top: none;
  width: 40%;
  height: 1px;
  background-color: #bfa368;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.box-visitor .box-title-visitor {
  width: 100%;
  height: 60px;
  background-color: rgba(188, 154, 106, 0.05);
  border-top: 1px solid #bc9a6a;
  border-bottom: 1px solid #bc9a6a;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.box-visitor .box-title-visitor p {
  margin-bottom: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #4b4646;
}
.box-visitor .box-content-visitor {
  padding-bottom: 100px;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: rgba(188, 154, 106, 0.05);
}
.menu-fixed-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.bg-footer-fixed {
  background-image: linear-gradient(to bottom, #00965a, #006540);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  transition: all 2000ms ease-in-out;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.btn-footer-visiter {
  width: 100%;
  margin: 0 0;
  height: 30px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.7rem;
  box-shadow: none;
  background-image: url("../images/icon_arrow_footer.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px auto;
}
.btn-footer-visiter:hover,
.btn-footer-visiter:focus,
.btn-footer-visiter:active {
  box-shadow: none;
}
.btn-footer-visiter.active {
  background-image: url("../images/icon_arrow_footer_active.png");
}
.txt-footer-active {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: middle;
  height: 48px;
  cursor: pointer;
}
.txt-footer-active.active {
  display: none;
}
.fiexed-footer-menu {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 0vh;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition: height 2s ease-in-out;
}
.fiexed-footer-menu.active {
  display: flex;
  height: 55vh;
  transition: height 2s ease-in-out;
}
.fiexed-footer-menu .list-menu-fixed-footer-menu {
  color: #ffffff;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
}
.fiexed-footer-menu .hr-fiexed-footer-menu {
  border-top: none;
  width: 70%;
  height: 3px;
  background-color: #ceb478;
  background-image: linear-gradient(
    to right,
    #bfa368 0%,
    #ceb478 32%,
    #e6d6ab 50%,
    #ceb478 70%,
    #bfa368
  );
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.box-content-visitor .box-detail-visitor {
  /* background-color: rgba(188, 154, 106, 0.05); */
  padding: 1rem;
  padding-right: 0.5rem;
}
.txt-list-detail-visitor {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 2.5rem;
  min-height: 50px;
  position: relative;
  font-size: 15px;
  color: #4b4646;
  font-weight: 300;
}
.txt-list-detail-visitor::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bfa368;
}
.txt-number-list-detiail-visitor {
  position: absolute;
  top: 0px;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  color: rgba(38, 128, 92, 0.15);
  font-size: 40px;
  line-height: 32px;
  font-weight: 700;
}

.btn-should-do {
  background-color: #26805c;
  border-radius: 10px;
  padding: 1rem 0.5rem;
}
.btn-should-do img {
  width: 50%;
  margin-bottom: 0.5rem;
}
.btn-should-do p {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  color: #ffffff;
}
.btn-should-notdo {
  background-color: #d00303;
  border-radius: 10px;
  padding: 1rem 0.5rem;
}
.btn-should-notdo img {
  width: 50%;
  margin-bottom: 0.5rem;
}
.btn-should-notdo p {
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  color: #ffffff;
}
.modal-body.modal-yoursafety {
  position: relative;
}
.btn-close-modal-yoursafe {
  position: absolute;
  box-shadow: none;
  top: 10px;
  right: 10px;
  padding: 0 0;
}
.txt-title-modal {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}
.list-should-do {
  border: 1px solid #26805c;
  border-radius: 5px;
  min-height: 102px;
  background-color: #f2faf6;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  flex: 1;
}

.btn-close-modal-readmore {
  position: absolute;
  box-shadow: none;
  top: 10px;
  right: 10px;
  padding: 0 0;
}

.list-should-do .list-should-do-left {
  width: 80px;
  max-width: 80px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
}
.list-should-do .list-should-do-left img {
  width: 60px;
  margin-bottom: 0rem;
}
.list-should-do .list-should-do-left p {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  color: #26805c;
}
.list-should-do .list-should-do-right {
  width: calc(100% - 80px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  padding-left: 0.5rem;
}
.list-should-do .list-should-do-right p {
  font-size: 16px;
  column-rule-color: #4b4646;
  margin-bottom: 0;
  font-weight: 300;
  text-align: left;
}

.list-should-notdo {
  border: 1px solid #d00303;
  border-radius: 5px;
  min-height: 102px;
  background-color: #fff0f0;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  flex: 1;
}
.list-should-notdo .list-should-notdo-left {
  width: 80px;
  max-width: 80px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  flex: 1;
}
.list-should-notdo .list-should-notdo-left img {
  width: 60px;
  margin-bottom: 0rem;
}
.list-should-notdo .list-should-notdo-left p {
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  color: #d00303;
}
.list-should-notdo .list-should-notdo-right {
  width: calc(100% - 80px);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  padding-left: 0.5rem;
}
.list-should-notdo .list-should-notdo-right p {
  font-size: 16px;
  column-rule-color: #4b4646;
  margin-bottom: 0;
  font-weight: 300;
  text-align: left;
}
.btn-yoursafe-pdf {
  width: 100%;
  margin: 0 0;
  background-image: linear-gradient(165deg, #bfa368 39%, #085c3a 66%);
  box-shadow: none;
  border-radius: 0;
  position: relative;
  padding: 3px 3px;
  overflow: visible !important;
  margin-bottom: 0.75rem;
  height: 100%;
}
.btn-yoursafe-pdf::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0px;
  width: 55%;
  height: 13px;
  background-image: url("../images/yoursafe/before_btn.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn-yoursafe-pdf::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 0px;
  width: 55%;
  height: 13px;
  background-image: url("../images/yoursafe/after_btn.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.btn-yoursafe-pdf .box-content-btn-yoursafe-pdf {
  width: 100%;
  min-height: 60px;
  height: 100%;
  background-color: #ffffff;
  padding: 1rem 1.75rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-image: url("../images/yoursafe/arrow_btn.png");
  background-repeat: no-repeat;
  background-position: center right 0.65rem;
  background-size: 15px auto;
}
.btn-yoursafe-pdf .box-content-btn-yoursafe-pdf p {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  color: #4b4646;
}
.btn-yoursafe-pdf .box-content-btn-yoursafe-pdf p span {
  text-decoration: underline;
  text-decoration-color: #26805c;
  color: #26805c;
}
.txt-after-btn-pdf {
  font-size: 14px;
  font-weight: 400;
  color: #4b4646;
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.txt-hospital-after-btn-pdf {
  font-size: 18px;
  font-weight: 500;
  color: #006540;
}
.c-d00303 {
  color: #d00303;
}
.box-header-yoursafe {
  border-radius: 5px;
  background-color: rgba(38, 128, 92, 0.15);
  font-size: 16px;
  font-weight: 300;
  color: #4b4646;
  padding: 1rem 2rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.box-yoursafe-danger {
  border-radius: 5px;
  background-color: rgba(208, 3, 3, 0.15);
  font-size: 16px;
  font-weight: 300;
  color: #d00303;
  padding: 1rem 2rem;
  text-align: center;
  margin-bottom: 1.5rem;
  text-align: left;
}
.img-speakup {
  width: 60px;
  margin-bottom: 0.5rem;
}
.txt-speakup-title {
  font-size: 16px;
  font-weight: 500;
  color: #4b4646;
  margin-bottom: 0;
}
.txt-speakup-detail {
  font-size: 16px;
  font-weight: 300;
  color: #4b4646;
  margin-bottom: 0;
}
.box-step-safe {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.box-step-safe .box-title-step-safe {
  width: 100%;
  border-radius: 5px;
  height: 41px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.box-step-safe .box-step-safe-body {
  padding: 1.25rem 0.25rem;
  font-size: 16px;
  font-weight: 300;
  color: #4b4646;
}
.box-step-safe.dark-green-blue {
  background-color: rgba(38, 128, 92, 0.15);
}
.box-step-safe.dark-green-blue .box-title-step-safe {
  background-color: #26805c;
}
.box-step-safe.fawn {
  background-color: rgba(206, 180, 120, 0.15);
}
.box-step-safe.fawn .box-title-step-safe {
  background-color: #ceb478;
}
.box-step-safe .box-step-safe-body p.list-step-safe {
  font-size: 16px;
  font-weight: 300;
  color: #4b4646;
  padding-left: 2rem;
  position: relative;
}
.box-step-safe .box-step-safe-body p.list-step-safe span {
  position: absolute;
  left: 1px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #ceb478;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.box-fixed-menu-right {
  position: fixed;
  right: 0;
  bottom: 15%;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0.35rem;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.box-fixed-menu-right .menu-right-fixed {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.box-fixed-menu-right .menu-right-fixed .li-menu-right-fixed {
  width: 50px;
}
.box-fixed-menu-right .menu-right-fixed .link-menu-right-fixed {
  display: inline-flex;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-bottom: 0.5rem;
  padding: 0.75rem;
  border: 2px solid #bfa368;
}
.box-fixed-menu-right .menu-right-fixed .link-menu-right-fixed img {
  max-width: 100%;
}

.bg-about-us {
  background-image: url("../images/background/bg_about.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.bg-directive {
  background-image: url("../images/background/bg_about.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: calc(100vh - 140px);
  position: relative;
  padding-bottom: 100px;
}
.bg-directive .footer-directive {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.bg-refrigerator {
  background-image: url("../images/background/bg_refrigerator.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  border-top: 1px solid #ceb478;
  padding-top: 1rem;
  min-height: calc(100vh - 200px);
}
.list-refrigerator {
  position: relative;
  min-height: 70px;
  padding-left: 55px;
  font-size: 16px;
  color: #4b4646;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.list-refrigerator span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 55px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  color: rgba(188, 154, 106, 0.2);
  font-size: 90px;
}
.txt-thank-refrigerator {
  text-align: right;
  font-size: 16px;
  font-weight: 300;
  color: #26805c;
}
.ol-directive {
  padding-left: 15px;
}
.ol-directive li {
  margin-bottom: 0.5rem;
  font-size: 16px;
  color: #4b4646;
  font-weight: 300;
}
.icon-callus {
  width: 40%;
  max-width: 250px;
  margin-bottom: 0.75rem;
}
.title-call-us {
  font-size: 24px;
  font-weight: 600;
  color: #4b4646;
}
.callus-hr {
  border-top: none;
  width: 100%;
  height: 1px;
  background-color: #00965a;
}
.btn-callphone {
  width: 100%;
  box-shadow: none;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  color: #006540;
  padding-right: 3.5rem;
  background-image: url("../images/callus/list_call.png"),
    url("../images/callus/icon_call.png");
  background-repeat: no-repeat;
  background-position: center left, center right;
  background-size: 15px auto, auto 50px;
  margin-bottom: 0.25rem;
}
.btn-callphone:active,
.btn-callphone:focus,
.btn-callphone:hover {
  box-shadow: none;
}
.bg-callus {
  background-image: url("../images/callus/bg_callus.png");
  background-size: cover;
}

.icon-with-txt {
  width: 18px;
}

.box-check-goinghome {
  min-height: 100px;
  width: 100%;
  padding: 0.75rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 150, 90, 0.05);
  position: relative;
  padding-left: 50px;
}
.box-check-goinghome.active {
  background-color: rgba(0, 150, 90, 0.4);
}
.box-check-goinghome span.number-box-check {
  position: absolute;
  width: 50px;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: rgba(38, 128, 92, 0.2);
  font-weight: 700;
  font-size: 55px;
}
.box-check-goinghome .box-check-detail {
  width: calc(100% - 25px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.box-check-goinghome .box-check-checkbox {
  width: 25px;
}
.box-check-checkbox .custom-control {
  padding-left: 1.5rem;
}
.box-check-checkbox .custom-control .custom-control-label::before {
  width: 25px;
  height: 25px;
  top: 0;
}
.box-check-checkbox .custom-control .custom-control-label::after {
  width: 25px;
  height: 25px;
  top: 0;
}
.box-check-checkbox
  .custom-control
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: #26805c;
}
.box-check-goinghome .box-check-detail .txt-checkbox {
  font-weight: 500;
  font-size: 16px;
  color: #26805c;
  margin-bottom: 0.25rem;
  text-align: center;
}
.box-check-goinghome .box-check-detail .txt-readmore-modal {
  font-weight: 300;
  font-size: 12px;
  color: #26805c;
  text-decoration: underline;
}
.txt-title-readmore {
  font-size: 40px;
  font-weight: 700;
  color: rgba(0, 150, 90, 0.2);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.txt-title-readmore span {
  color: #26805c;
  font-size: 16px;
  font-weight: 500;
  margin-left: 1rem;
}
.txt-detail-readmore {
  text-align: left;
  font-weight: 300;
  font-size: 16px;
  color: #4b4646;
  margin-bottom: 0;
}
.btn-yoursafe-pdf .box-content-btn-yoursafe-pdf.box-btn-goning-home p {
  font-size: 28px;
}
.btn-yoursafe-pdf .box-content-btn-yoursafe-pdf.box-btn-goning-home p span {
  text-decoration: none;
}
.btn-yoursafe-pdf .box-content-btn-yoursafe-pdf.box-btn-goning-home.active {
  background-image: url("../images/yoursafe/arrow_btn_active.png");
  background-size: 25px auto;
}
.step-out-hospital {
  width: 100%;
  display: none;
}
.step-out-hospital.active {
  display: block;
}
.box-list-step-out {
  padding: 1rem 1rem;
  background-color: rgba(62, 185, 180, 0.05);
  border-top: 1px solid #3eb9b4;
}
.box-list-step-out:last-of-type {
  border-bottom: 1px solid #3eb9b4;
}
.detail-step-out {
  font-size: 16px;
  font-weight: 300;
  color: #4b4646;
  margin-bottom: 0;
}
.detail-step-out-sup {
  font-size: 16px;
  font-weight: 300;
  color: #4b4646;
  margin-bottom: 0;
  padding-left: 1.5rem;
}
.txt-title-gohome {
  font-size: 22px;
  font-weight: 500;
  color: #006540;
}
.btn-close-modal-gohome {
  background-color: #26805c;
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  min-width: 200px;
  border-radius: 5px;
}
.bg-pain-page {
  background-image: url("../images/background/bg_pain.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.txt-policy{
  font-size: 14px;
  font-weight: 300;
  color: #707070;
}
a.txt-policy{
  font-size: 14px;
  font-weight: 500;
  color: #bc9a6a;
}
.custom-control-input:checked~.custom-control-label::before{
  background-color: #bc9a6a;
  border-color: #bc9a6a;
}
.box-top-policy{
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  background-image: url('../images/bg-title-home.png');
  background-position: center right;
  background-size: 100% 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.logo-policy{
  width:  auto;
  height: 50px;
}
.title-policy{
  font-size: 18px;
  font-weight: 500;
  color: #707070;
  text-align: center;
  margin-top: 1rem;
}
.title-policy span{
  color: #bc9a6a;
}
.detail-policy{
  font-size: 14px;
  font-weight: 300;
  color: #707070;
}
.detail-policy.choice{
  color: #1d9c97;
  margin-bottom: 0;
  font-weight: 500;
}
.btn-submit-policy{
  width: 100%;
  height: 50px;
  display: flex;
  flex: row;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
  border-radius: 10px;
  margin: 0;
}
.rate.rate-floating.edit-same{
  width: 255px;
}
.rate.rate-floating.edit-same:not(:checked) > label{
  margin-right: 20px;
}
.rate.rate-floating.edit-same:not(:checked) > label:first-of-type{
  margin-right: 0;
}
@media screen and (max-width: 400px) {
  nav .d-logo-nav {
    width: 200px;
  }
  nav .d-logo-nav img {
    width: 150px;
    height: auto;
    margin-top: 3px;
  }
  .section-title-home .txt-home-status {
    font-size: 15px;
  }
  .txt-fulldate-daily::before {
    content: "";
    position: absolute;
    right: 110%;
    width: 40%;
    height: 1px;
    background-color: #1d9c97;
  }
  .txt-fulldate-daily::after {
    content: "";
    position: absolute;
    left: 110%;
    width: 40%;
    height: 1px;
    background-color: #1d9c97;
  }
  .pagination.list-date-daily .page-item .page-link {
    margin-left: 0.15rem;
    margin-right: 0.15rem;
  }
  .card-cost {
    height: 200px;
  }
  .card-cost .txt-cost-ask {
    font-size: 20px;
  }
  .card-cost .txt-cost {
    font-size: 24px;
  }
  .card-cost .d-card-cost-update {
    padding-right: 15px;
    text-align: right;
  }
  .d-card-cost-update .txt-cost-update {
    font-size: 15px;
  }
  .rate-old .rate:not(:checked) > label {
    font-size: 14px;
    margin-bottom: 0;
  }
  .rate.rate-floating{
    height: 70px;
  }
  .rate.rate-floating:not(:checked) > label{
    font-size: 48px;
  }
  .rate.rate-floating.edit-same{
    height: 50px;
  }
  .rate.rate-floating.edit-same:not(:checked) > label{
    font-size: 30px;
  }
  .doctor_yhs {
    width: 120px;
  }
  .mascot-nurse-bnh {
    width: 120px;
  }
  .body-box-care-doctor {
    width: calc(100% - 100px);
    padding: 1rem;
    padding-left: 1.5rem;
  }
  .nurse_yhs {
    width: 90px;
  }
  .body-box-care-nurse {
    width: calc(100% - 80px);
    padding: 1rem;
    padding-left: 1.5rem;
  }
  .btn-should-do p {
    font-size: 20px;
  }
  .btn-should-notdo p {
    font-size: 20px;
  }
}

@media screen and (max-width: 450px) {
  .preview-image .image-uploader .uploaded .uploaded-image {
    width: 150px;
    height: 44px;
  }
  .d-form-massage {
    position: fixed;
    bottom: 0;
  }
  .d-message {
    min-height: 200px;
    height: calc(100vh - 397px);
    overflow-y: auto;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .page-login {
    background-size: auto 120px;
  }
  .page-login .logo-login {
    margin-top: 5%;
    max-width: 220px;
  }
  .page-login .box-frm-login {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .modal-dialog.modal-dialog-lang .modal-content.content-drug {
    max-width: 500px;
  }
  .list-drug .d-drug-img {
    width: 160px;
  }
  .list-drug .d-drug-detail {
    width: calc(100% - 160px);
  }
  .box-list-old-staff .list-old-staff {
    width: 50%;
  }
  .body-section-drug-time .box-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .img-logo-about {
    max-width: 200px;
  }
  .box-main-card-pain .card-pain.list-1 .card-pain-body {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .bg-refrigerator {
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page-login .logo-login {
    margin-top: 20%;
  }
  .page-login .box-frm-login {
    margin-top: 40%;
  }
  .d-message {
    height: calc(100vh - 397px);
    overflow-y: auto;
  }
  .d-form-massage {
    position: fixed;
    bottom: 0;
  }
  .body-box-care-doctor {
    margin-left: 20%;
    width: 40%;
  }
  .doctor_yhs {
    right: 13%;
  }
  .mascot-nurse-bnh {
    right: 13%;
  }
  .nurse_yhs {
    right: 13%;
  }
  .body-box-care-nurse {
    margin-left: 20%;
    width: 50%;
  }
  .box-section-drug-time {
    padding: 1rem 20%;
    padding-bottom: 0;
  }
  .box-nurse-should-know-main {
    padding-left: 20%;
    padding-right: 20%;
  }
  .box-visitor .box-content-visitor {
    padding-left: 20%;
    padding-right: 20%;
  }
  .box-visitor .box-title-visitor {
    padding-left: 20%;
  }
  .section-main-menu .btn-main-menu {
    max-width: 100%;
    height: calc((100vh - 220px) / 3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .section-sub-menu .btn-sub-menu {
    max-width: 100%;
    height: calc((100vh - 220px) / 3.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .section-sub-menu .btn-sub-menu .circle-outside {
    width: 100px;
    height: 100px;
  }
  .section-sub-menu .btn-sub-menu .circle-outside .circle-inside img {
    width: 50px;
  }
  .box-status {
    height: 630px;
  }
  .box-status .list-status:nth-child(1) {
    top: 44px;
  }
  .box-status .list-status:nth-child(2) {
    top: 154px;
  }
  .box-status .list-status:nth-child(3) {
    top: 268px;
  }
  .box-status .list-status:nth-child(4) {
    top: 380px;
  }
  .box-status .list-status:nth-child(5) {
    top: 493px;
  }
  .row-menu-information > a {
    width: calc(100% / 3);
  }
  .box-about-hospital {
    height: calc((100vh - 110px) / 5);
  }
  .box-your-hospital {
    height: calc((100vh - 110px) / 5);
  }
  .menu-information {
    height: calc((100vh - 110px) / 5);
  }
  .menu-call-us {
    height: calc((100vh - 110px) / 5);
  }
  .menu-going-home {
    height: calc((100vh - 110px) / 5);
  }
  .box-card-req {
    height: calc((100vh - 200px) / 4);
  }
}

@media screen and (min-width: 992px) {
  .page-login {
    background-size: auto 250px;
  }
  .page-login .logo-login {
    margin-top: 10%;
  }
  .page-login .box-frm-login {
    margin-top: 20%;
  }
  .d-message {
    height: calc(100vh - 420px);
    overflow-y: auto;
  }
  .d-form-massage {
    position: fixed;
    bottom: 0;
  }
  .body-box-care-doctor {
    margin-left: 25%;
    width: 40%;
  }
  .doctor_yhs {
    right: 20%;
  }
  .mascot-nurse-bnh {
    right: 10%;
  }
  .nurse_yhs {
    right: 20%;
  }
  .body-box-care-nurse {
    margin-left: 25%;
    width: 50%;
  }
  .box-section-drug-time {
    padding: 1rem 25%;
    padding-bottom: 0;
  }
  .box-visitor .box-content-visitor {
    padding-left: 20%;
    padding-right: 20%;
  }
  .box-visitor .box-title-visitor {
    padding-left: 20%;
  }
}

.btn.btn-popup.btn-confirm.popup-green.disabled {
  background-color: #9d9d9d !important;
  border-color: #9d9d9d;
}
.btn.btn-popup.btn-cancel {
  background-color: #ffffff !important;
  border: 1px solid #26805c;
  color: #26805c;
  font-size: 16px;
  padding: 0.4rem 1.5rem;
  border-radius: 1.5rem;
}
.btn.btn-popup.btn-cancel.popup-red {
  background-color: #ffffff !important;
  border: 1px solid #be2626;
  color: #be2626;
}
.btn.btn-popup.btn-confirm {
  background-color: #26805c !important;
  border: 1px solid #26805c;
  color: #ffffff;
  font-size: 16px;
  padding: 0.4rem 1.5rem;
  border-radius: 1.5rem;
}
.btn.btn-popup.btn-confirm.popup-red {
  background-color: #be2626 !important;
  border: 1px solid #be2626;
  color: #ffffff;
}