a.button,
button.button {
  width: auto;
  height: 46px;
  line-height: 46px;
  background-color: #0E8EF8;
  padding: 0 42px;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
@media (max-width: 991px) {
  a.button,
button.button {
    height: 44px;
    line-height: 44px;
  }
}

.d-button {
  width: 320px;
  height: 47px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  border-color: #0e8ef8;
  background-color: #0e8ef8;
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
}

.d-button1 {
  width: 146px;
  height: 44px;
  border-radius: 10px;
  background-color: #ffffff;
  border-color: #ffffff;
  color: #0e8ef8;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
}
.d-button1.blue {
  background-color: #0e8ef8;
  border-color: #0e8ef8;
  color: #ffffff;
}

.d-button2 {
  width: 518px;
  height: 70px;
  border-radius: 12px;
  background-color: #eef6fc;
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
}

.video-action {
  padding: 15px;
}
.video-action .action-button {
  width: 46px;
  height: 70px;
  border-radius: 12px;
  text-decoration: none;
}
.video-action .action-button .icon {
  width: 40px;
  height: 40px;
  background-color: #000000;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.video-action .action-button .icon.blue-background {
  background-color: #0E8EF8;
}
.video-action .action-button .icon.large {
  width: 24px;
  height: 24px;
  margin-left: 15px;
  border-radius: 6px;
  background-color: #0E8EF8;
}
.video-action .action-button .icon img {
  align-self: center;
}
.video-action p {
  width: 40px;
  line-height: 16px;
  margin-bottom: 0;
  align-self: center;
  font-weight: 600;
  font-size: 10px;
  color: #FFFFFF;
  text-align: center;
}

.upload-button {
  width: 100%;
  height: 70px;
  padding: 0 15px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
}
.upload-button .icon {
  width: 40px;
  height: 40px;
  background-color: #F2F4F5;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.upload-button .icon.large {
  background-color: transparent;
}
.upload-button .icon img {
  align-self: center;
}
.upload-button .text {
  flex: 1;
}
.upload-button .text p {
  margin-bottom: 0;
}
.upload-button .text p.top {
  line-height: 16px;
  margin-top: 14px;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
}
.upload-button .text p.bottom {
  line-height: 16px;
  margin-top: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #8B8B8B;
}
.upload-button img.button-right {
  width: 10px;
  height: 18px;
  align-self: center;
}

.how-it-works-box {
  width: 100%;
  height: auto;
  background-color: #F8F9FC;
  margin-top: 12px;
  padding: 30px;
  border-radius: 10px;
  display: flex;
}
.how-it-works-box .number {
  width: 36px;
  height: 36px;
  margin-right: 17px;
  border: 2px solid #0E8EF8;
  border-radius: 50%;
  box-sizing: border-box;
}
.how-it-works-box .number p {
  line-height: 32px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 20px;
  color: #0E8EF8;
  text-align: center;
}
.how-it-works-box .text {
  flex: 1;
}
.how-it-works-box .text p {
  margin-bottom: 0;
}
.how-it-works-box .text p.top {
  line-height: 18px;
  font-weight: 700;
  font-size: 18px;
  color: #363636;
}
.how-it-works-box .text p.bottom {
  line-height: 16px;
  margin-top: 18px;
  font-weight: 400;
  font-size: 16px;
  color: #8B8B8B;
}

.popular-topics-box {
  width: 100%;
  height: 70px;
  padding: 0 15px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
}
.popular-topics-box.background-color-polar {
  background-color: #EEF6FC;
}
.popular-topics-box.background-color-porcelain {
  background-color: #F2F4F5;
}
.popular-topics-box.background-color-white {
  background-color: #FFFFFF;
}
.popular-topics-box.background-color-white .icon {
  background-color: #F2F4F5;
}
.popular-topics-box .icon {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.popular-topics-box .icon img {
  align-self: center;
}
.popular-topics-box p {
  line-height: 16px;
  margin-bottom: 0;
  align-self: center;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
}

.custom-radio-buttons {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
  display: flex;
}
.custom-radio-buttons.toggle {
  width: 30%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 0;
  padding: 0;
}
.custom-radio-buttons label {
  flex: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.custom-radio-buttons label:first-child span {
  border-left: 1px solid #0E8EF8;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.custom-radio-buttons label:last-child span {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.custom-radio-buttons label input[type=radio] {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.custom-radio-buttons label input[type=radio]:hover ~ span, .custom-radio-buttons label input[type=radio]:checked ~ span {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
.custom-radio-buttons label span {
  width: 100%;
  height: 44px;
  line-height: 42px;
  background-color: #FFFFFF;
  display: block;
  border-top: 1px solid #0E8EF8;
  border-right: 1px solid #0E8EF8;
  border-bottom: 1px solid #0E8EF8;
  font-weight: 500;
  font-size: 16px;
  color: #0E8EF8;
  text-align: center;
}
.custom-radio-buttons label span.toggle {
  height: 32px;
  line-height: 30px;
}

.custom-textarea {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
}
.custom-textarea p {
  width: 100%;
  height: 16px;
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
}
.custom-textarea p span.required {
  color: #FE2828;
}
.custom-textarea textarea {
  width: 100%;
  height: 84px;
  line-height: 15px;
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  outline: 0;
  resize: none;
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-textarea textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-textarea textarea:-ms-input-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-textarea textarea::placeholder {
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-textarea textarea:-ms-input-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-textarea textarea::-ms-input-placeholder {
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-textarea span#message-error {
  color: #FE2828;
}

.custom-record-video-consultation {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
}
.custom-record-video-consultation a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  display: flex;
  position: relative;
}
.custom-record-video-consultation a img {
  width: 40px;
  height: auto;
  margin-right: 13px;
}
.custom-record-video-consultation a .align-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.custom-record-video-consultation a .align-right p {
  margin-bottom: 0;
}
.custom-record-video-consultation a .align-right p.top {
  line-height: 16px;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
}
.custom-record-video-consultation a .align-right p.bottom {
  line-height: 13px;
  font-weight: 400;
  font-size: 13px;
  color: #8B8B8B;
}

.custom-select-medical-specialties {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
}
.custom-select-medical-specialties a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  display: flex;
  position: relative;
}
.custom-select-medical-specialties a:after {
  content: "";
  width: 10px;
  height: 18px;
  background-image: url(/images/arrow-right-azure-radiance.svg?2aee06ca5a99f980442c95b702b527c7);
  position: absolute;
  top: 11px;
  right: 0;
}
.custom-select-medical-specialties a .icon {
  width: 40px;
  height: 40px;
  background-color: #F2F4F5;
  margin-right: 13px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.custom-select-medical-specialties a .icon img {
  width: 16px;
  height: 4px;
  align-self: center;
}
.custom-select-medical-specialties a .align-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.custom-select-medical-specialties a .align-right p {
  margin-bottom: 0;
}
.custom-select-medical-specialties a .align-right p.top {
  line-height: 16px;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
}
.custom-select-medical-specialties a .align-right p.bottom {
  line-height: 13px;
  font-weight: 400;
  font-size: 13px;
  color: #8B8B8B;
}
.custom-select-medical-specialties a .align-right p.bottom.red {
  color: red;
}

.custom-upload-button {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
}
.custom-upload-button label {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  display: flex;
  cursor: pointer;
}
.custom-upload-button label .icon {
  width: 40px;
  height: 40px;
  background-color: #F2F4F5;
  margin-right: 13px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.custom-upload-button label .icon img {
  width: auto;
  height: auto;
  align-self: center;
}
.custom-upload-button label .align-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.custom-upload-button label .align-right p {
  margin-bottom: 0;
}
.custom-upload-button label .align-right p.top {
  line-height: 16px;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
}
.custom-upload-button label .align-right p.bottom {
  line-height: 13px;
  font-weight: 400;
  font-size: 13px;
  color: #8B8B8B;
}
.custom-upload-button input[type=file] {
  display: none;
}

.custom-input-text {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 15px;
  border-radius: 10px;
}
.custom-input-text p {
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
}
.custom-input-text p span.required {
  color: #FE2828;
}
.custom-input-text p span.extra-info {
  color: #0E8EF8;
  float: right;
}
.custom-input-text .input-text {
  width: 100%;
  height: 44px;
}
.custom-input-text .input-text.has-icon {
  position: relative;
}
.custom-input-text .input-text.has-icon img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.custom-input-text .input-text.has-icon input[type=text],
.custom-input-text .input-text.has-icon input[type=email] {
  padding-left: 40px;
}
.custom-input-text .input-text input[type=text],
.custom-input-text .input-text input[type=email] {
  width: 100%;
  height: 44px;
  line-height: 15px;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 0 10px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  outline: 0;
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-input-text span.help-block.error-help-block {
  color: #FE2828;
}
.custom-input-text .units {
  display: flex;
  justify-content: space-between;
}
.custom-input-text .units .unit {
  margin-top: -4px;
}
.custom-input-text .units .unit span {
  position: relative;
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #0E8EF8;
  margin-top: 4px;
}
.custom-input-text .units .unit p {
  position: relative;
}
.custom-input-text .units .unit.main-toggle span {
  margin: 0 0 0 16px;
}
.custom-input-text .units .unit.main-toggle span:last-child {
  margin-left: 11px;
}
.custom-input-text .units .unit button {
  background: #0E8EF8;
  border: none;
  border-radius: 30px;
  outline: none;
  width: 45px;
  height: 20px;
  margin: 0 0 0 10px;
  cursor: pointer;
  position: relative;
  transition: background 0.2s;
}
.custom-input-text .units .unit button:active {
  background: #0E8EF8;
}
.custom-input-text .units .unit #unit-toggle {
  position: absolute;
  display: inline-block;
  left: -8px;
  top: 2px;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  transition: left 0.2s;
}
.custom-input-text .units .unit #unit-toggle.toggle {
  left: 16px;
}

.custom-date-of-birth {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
  display: flex;
}
.custom-date-of-birth .input-column {
  height: auto;
  flex: 1;
}
.custom-date-of-birth .input-column:nth-child(1) {
  margin-right: 20px;
}
.custom-date-of-birth .input-column:nth-child(2) {
  margin-right: 20px;
  margin-left: 20px;
}
.custom-date-of-birth .input-column:nth-child(3) {
  margin-left: 20px;
}
.custom-date-of-birth .input-column p {
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
}
.custom-date-of-birth .input-column p span {
  color: #FE2828;
}
.custom-date-of-birth .input-column input[type=text] {
  width: 100%;
  height: 44px;
  margin-top: 10px;
  padding: 0 10px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  outline: 0;
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}

.custom-yes-no-question {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
}
.custom-yes-no-question p {
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
  margin-bottom: 10px;
}
.custom-yes-no-question .top {
  display: flex;
}
.custom-yes-no-question .top label {
  flex: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.custom-yes-no-question .top label:first-child {
  margin-right: 39px;
}
.custom-yes-no-question .top label:last-child {
  margin-left: 39px;
}
.custom-yes-no-question .top label input[type=radio] {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.custom-yes-no-question .top label input[type=radio]:hover ~ span, .custom-yes-no-question .top label input[type=radio]:checked ~ span {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
.custom-yes-no-question .top label span {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background-color: #F3F3F3;
  display: block;
  border-radius: 10px;
  font-weight: 400;
  color: #8B8B8B;
  text-align: center;
}
.custom-yes-no-question .bottom {
  width: 100%;
  height: auto;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #D8D8D8;
}
.custom-yes-no-question .bottom p {
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
}
.custom-yes-no-question .bottom input[type=text] {
  width: 100%;
  height: 44px;
  margin-top: 15px;
  padding: 0 10px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  outline: 0;
}

.custom-add-medical-record {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
}

#bottom-navigation {
  display: none;
}
@media (max-width: 991px) {
  #bottom-navigation {
    width: 100%;
    height: 54px;
    background-color: #FFFFFF;
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    box-shadow: 0px -5px 20px 5px rgba(0, 0, 0, 0.1);
  }
  #bottom-navigation ul {
    width: 100%;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
  }
  #bottom-navigation ul li a {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
  }
  #bottom-navigation ul li a.has-notification {
    position: relative;
  }
  #bottom-navigation ul li a.has-notification:before {
    content: "";
    width: 9px;
    height: 9px;
    background-image: url(/images/dot-red-orange.svg?fc3d5f7aca4c2724bf1f222c15b37eea);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 5px;
    right: 0;
  }
  #bottom-navigation ul li a img {
    width: auto;
    height: 22px;
    margin-bottom: 2px;
  }
  #bottom-navigation ul li a p {
    line-height: 14px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 10px;
    color: #8B8B8B;
  }
}

.d-text1 {
  color: #363636;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
}
.d-text1.text2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.d-text1.text3 {
  font-size: 16px;
  font-weight: 400;
}
.d-text1.text4 {
  color: #0e8ef8;
  font-size: 20px;
  text-align: center;
}
.d-text1.text5 {
  color: #8b8b8b;
  font-size: 16px;
  font-weight: 400;
}

.d-heading {
  color: #363636;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
  /* Style for "Popular to" */
  width: 1116px;
  height: 36px;
  color: #363636;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 24px;
  text-align: center;
  /* Text style for "Popular to" */
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
}
.d-heading.small {
  font-size: 24px;
}

.d-box {
  width: 548px;
  height: auto;
  border-radius: 10px;
  background-color: #f8f9fc;
  align-items: center;
}

.bullets1 {
  width: 36px;
  height: 36px;
  border: 2px solid #0e8ef8;
  border-radius: 20px;
  color: #0e8ef8;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
}

.heading1 {
  color: #363636;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
}

.paragraph1 {
  color: #8b8b8b;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
}

.my-input {
  width: 101px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
}

.my-textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #f8f8f8;
  resize: none;
}

.button-selection {
  padding: 15px;
}
.button-selection h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.button-selection .rectangle {
  width: 100%;
  height: 76px;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: center;
}
.button-selection .rectangle .ui-button {
  border: 1px solid #0E8EF8;
  background: #FFFFFF;
  color: #0E8EF8;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 6px 25px;
  border-radius: 12px;
  text-align: center;
}
.button-selection .rectangle .ui-button.selected {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
.button-selection .rectangle .horizontalButtonGroup {
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button {
  flex: 1;
  border-radius: 0;
  margin-right: -2px;
  text-align: center;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button:first-child {
  border-radius: 12px 0 0 12px;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button:last-child {
  border-radius: 0 12px 12px 0;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button:only-child {
  border-radius: 12px;
}

.textarea-input {
  padding: 15px;
}
.textarea-input .rectangle {
  width: 100%;
  height: 144px;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.textarea-input h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.textarea-input h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
.textarea-input .my-textarea {
  width: 100%;
  height: 74px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #ffffff;
  resize: none;
  font-size: 16px;
  font-weight: 400;
}

.number-input {
  width: 100%;
  height: auto;
  padding: 15px;
}
.number-input > .row > .col-lg-4 {
  margin-top: 12px;
}
.number-input > .row > .col-lg-4:nth-child(1), .number-input > .row > .col-lg-4:nth-child(2), .number-input > .row > .col-lg-4:nth-child(3) {
  margin-top: 0;
}
.number-input > .row > .col-lg-6 {
  margin-top: 12px;
}
.number-input > .row > .col-lg-6:nth-child(1), .number-input > .row > .col-lg-6:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 991px) {
  .number-input > .row > .col-12:nth-child(2) {
    margin-top: 12px;
  }
}
.number-input .rectangle {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.number-input .my-input {
  width: 101px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 10px 5px;
}
.number-input h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.number-input h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}

.vital-sign {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .vital-sign {
    padding: 24px;
  }
}
.vital-sign > .row > .col-lg-4 {
  margin-top: 12px;
}
.vital-sign > .row > .col-lg-4:nth-child(1), .vital-sign > .row > .col-lg-4:nth-child(2), .vital-sign > .row > .col-lg-4:nth-child(3) {
  margin-top: 0;
}
.vital-sign > .row > .col-lg-6 {
  margin-top: 12px;
}
.vital-sign > .row > .col-lg-6:nth-child(1), .vital-sign > .row > .col-lg-6:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 991px) {
  .vital-sign > .row > .col-12:nth-child(2) {
    margin-top: 12px;
  }
}
.vital-sign .my-input {
  width: 100%;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 10px 10px;
}
.vital-sign h4 {
  line-height: 30px;
  margin-bottom: 10px;
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.vital-sign h4.right {
  color: #0e8ef8;
  font-weight: 400;
  text-align: right;
}
.vital-sign h4.center {
  margin-top: 48px;
  text-align: center;
}

.form-input {
  width: 100%;
}
.form-input .rectangle {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
  margin-right: 20px;
  padding-right: 50px;
  position: relative;
}
.form-input .rectangle .avatar {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;
  margin-top: 7px;
  margin-right: 6px;
  margin-left: 10px;
  border-radius: 19px;
  position: absolute;
}
.form-input .rectangle .avatar img {
  width: 18px;
  height: 18px;
}
.form-input .rectangle .my-input {
  width: 100%;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  padding: 10px 40px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
}
.form-input .rectangle h4 {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #363636;
}
.form-input .rectangle span {
  color: #fe2828;
}

.video-info {
  position: absolute;
  display: flex;
  opacity: 0.4;
}
.video-info p {
  visibility: hidden;
}
.video-info.active .text-box {
  width: 240px;
  height: auto;
  border-radius: 10px;
  background-color: #000000;
  padding: 16px;
}
.video-info.active .text-box p {
  line-height: 16px;
  font-weight: 600;
  font-family: "Open Sans";
  font-size: 15px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  color: #ececec;
  visibility: visible;
}
.video-info.active .text-box.arrow {
  width: 15px;
  height: 15px;
  margin-left: -8px;
  transform: rotate(45deg);
  margin-top: 28px;
  padding: 0;
  border-radius: 0;
}
.video-info a.button {
  width: 84px;
  height: 69px;
  background-color: #000000;
  margin-left: 5px;
  padding: 0 16px;
  display: flex;
  border-radius: 10px 0 0 10px;
  text-decoration: none;
}
.video-info a.button img.button-left {
  width: 10px;
  height: 18px;
  align-self: center;
}
.video-info a.button img.button-center {
  width: 49px;
  height: 44px;
  align-self: center;
  margin-left: 10px;
}
.video-info a.button .button-right {
  width: 24px;
  height: 69px;
  padding: 2px;
  background-color: #000000;
  opacity: 0.4;
  margin-left: 9px;
  display: flex;
  border-radius: 0 10px 10px 0;
}
.video-info a.button .button-right img {
  width: 18px;
  height: 18px;
  align-self: center;
}

.search-input-box {
  width: 100%;
  padding: 10px 10px;
  position: relative;
}
.search-input-box .avatar {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;
  margin-top: 7px;
  border-radius: 19px;
  position: absolute;
  right: 12px;
}
.search-input-box .avatar img {
  width: 18px;
  height: 18px;
}
.search-input-box .search-input {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  padding: 10px 10px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
}
.search-input-box .search-input h4 {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #363636;
}

.yes-no-select {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 40px 40px;
  border-radius: 10px;
  text-align: center;
}
.yes-no-select h4 {
  margin-bottom: 10px;
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.yes-no-select a.button,
.yes-no-select button.button {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: #F2F4F5;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  color: #0E8EF8;
  text-decoration: none;
  text-align: center;
}
.yes-no-select a.button.selected,
.yes-no-select button.button.selected {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .yes-no-select a.button,
.yes-no-select button.button {
    height: 44px;
    line-height: 44px;
  }
}
.yes-no-select > .row > .col-6 {
  margin-top: 12px;
}
.yes-no-select > .row > .col-6:nth-child(1), .yes-no-select > .row > .col-6:nth-child(2) {
  margin-top: 0;
}

.upload-photo {
  padding: 15px;
}
.upload-photo .rectangle {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.upload-photo h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.upload-photo h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
.upload-photo .portrait {
  width: auto;
  height: 121px;
  padding: 44px 0;
  border-radius: 10px;
  background-color: #F2F4F5;
  text-align: center;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.upload-photo .portrait img {
  align-self: center;
  text-align: center;
}
.upload-photo .portrait p {
  margin-bottom: 0;
  text-align: center;
  line-height: 15px;
  font-weight: 600;
  font-size: 11px;
  color: #8B8B8B;
}

.subscription-credit {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .subscription-credit {
    padding: 24px;
  }
}
.subscription-credit .flex {
  display: flex;
  justify-content: space-between;
}
.subscription-credit .flex h4 {
  line-height: 30px;
  margin-bottom: 10px;
  color: #0E8EF8;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  flex: 1;
}
.subscription-credit .flex h4.right {
  color: #0e8ef8;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
.subscription-credit a.button,
.subscription-credit button.button {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: #D1EAFF;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  color: #0E8EF8;
  text-decoration: none;
  text-align: center;
}

.consultation-cost {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 10px;
  text-align: left;
}
.consultation-cost .flex {
  display: flex;
  justify-content: space-between;
}
.consultation-cost p {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 500;
  margin: 0 auto;
}
.consultation-cost p.left {
  color: #363636;
  font-size: 18px;
  font-weight: 500;
  flex: 1;
}
.consultation-cost p.right {
  color: #363636;
  font-size: 20px;
  font-weight: 700;
}
.consultation-cost p.right.free {
  text-decoration: line-through;
  -webkit-text-decoration-color: #FE2828;
          text-decoration-color: #FE2828;
}
.consultation-cost p.green {
  color: #3AC159;
  flex: none;
}
.consultation-cost p.red {
  color: #FE2828;
}

.lists {
  width: 100%;
  height: auto;
  margin-top: 12px;
  padding: 10px;
  border-radius: 10px;
  display: flex;
}
.lists .icon {
  width: 26px;
  height: 26px;
  background-color: #3AC159;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.lists .icon img {
  align-self: center;
}
.lists .text {
  flex: 1;
}
.lists .text p {
  margin-bottom: 0;
}
.lists .text p.top {
  line-height: 16px;
  font-weight: 700;
  font-size: 16px;
  color: #363636;
}
.lists .text p.bottom {
  line-height: 14px;
  margin-top: 4px;
  font-weight: 300;
  font-size: 14px;
  color: #363636;
}

.my-table {
  height: auto;
}
.my-table .columns {
  float: left;
  width: 25%;
  color: #363636;
  background-color: #FFFFFF;
}
.my-table .columns.blue {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
.my-table .price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  transition: 0.3s;
}
.my-table .price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}
.my-table .price li.header-table {
  font-size: 18px;
  font-weight: 700;
}
.my-table .price li.bold {
  font-weight: 700;
}
.my-table .price li.empty {
  padding: 33px;
}
.my-table .price li .icon {
  width: 26px;
  height: 26px;
  background-color: #3AC159;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}
.my-table .price li .icon.locked {
  background-color: #F2F4F5;
}
.my-table .price li .icon img {
  align-self: center;
}
.my-table h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .my-table .columns {
    width: 100%;
  }
}

.pricing {
  height: auto;
}
.pricing .price_card {
  width: 33%;
  display: inline-table;
  margin-top: 10px;
  cursor: pointer;
  height: auto;
}
.pricing .price_card h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}
.pricing .header {
  color: rgb(255, 255, 255);
  background: #8B8B8B;
  padding: 10px;
}
.pricing .header.selected {
  background-color: #0E8EF8;
}
.pricing .consultations {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  display: block;
  text-align: center;
  padding: 10px 0 0;
}
.pricing .consultations.name {
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 30px;
  text-align: center;
}
.pricing .price-option {
  list-style: none;
  text-align: center;
  color: #000000;
  margin: 0;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  background-color: #FFFFFF;
}
.pricing .price-option .detail {
  font-size: 13px;
  font-weight: 300;
  color: #8B8B8B;
}
.pricing .save-container {
  padding: 10px;
  background-color: #FFFFFF;
}
.pricing .save-container .save-option {
  border-radius: 25px;
  background: #EEF6FC;
  color: #3AC159;
  width: 100%;
  height: 26px;
  margin-top: -20px;
}
.pricing .save-container .save-option p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.pricing a.button,
.pricing button.button {
  width: 100%;
  height: 46px;
  margin: 5px 0;
  line-height: 46px;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  background-color: #0E8EF8;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
.pricing a.button.green,
.pricing button.button.green {
  background-color: #3AC159;
}
@media only screen and (max-width: 600px) {
  .pricing .price_card {
    width: 100%;
  }
}

.textarea-input {
  padding: 15px;
}
.textarea-input .rectangle {
  width: 100%;
  height: 144px;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.textarea-input h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.textarea-input h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
.textarea-input .my-textarea {
  width: 100%;
  height: 74px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #ffffff;
  resize: none;
  font-size: 16px;
  font-weight: 400;
}

.button-selection {
  padding: 15px;
}
.button-selection h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.button-selection .rectangle {
  width: 100%;
  height: 76px;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: center;
}
.button-selection .rectangle .ui-button {
  border: 1px solid #0E8EF8;
  background: #FFFFFF;
  color: #0E8EF8;
  cursor: pointer;
  -webkit-appearance: none;
  padding: 6px 25px;
  border-radius: 12px;
  text-align: center;
}
.button-selection .rectangle .ui-button.selected {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
.button-selection .rectangle .horizontalButtonGroup {
  padding: 10px 10px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button {
  flex: 1;
  border-radius: 0;
  margin-right: -2px;
  text-align: center;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button:first-child {
  border-radius: 12px 0 0 12px;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button:last-child {
  border-radius: 0 12px 12px 0;
}
.button-selection .rectangle .horizontalButtonGroup .ui-button:only-child {
  border-radius: 12px;
}

.textarea-input {
  padding: 15px;
}
.textarea-input .rectangle {
  width: 100%;
  height: 144px;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.textarea-input h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.textarea-input h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
.textarea-input .my-textarea {
  width: 100%;
  height: 74px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #ffffff;
  resize: none;
  font-size: 16px;
  font-weight: 400;
}

.number-input {
  width: 100%;
  height: auto;
  padding: 15px;
}
.number-input > .row > .col-lg-4 {
  margin-top: 12px;
}
.number-input > .row > .col-lg-4:nth-child(1), .number-input > .row > .col-lg-4:nth-child(2), .number-input > .row > .col-lg-4:nth-child(3) {
  margin-top: 0;
}
.number-input > .row > .col-lg-6 {
  margin-top: 12px;
}
.number-input > .row > .col-lg-6:nth-child(1), .number-input > .row > .col-lg-6:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 991px) {
  .number-input > .row > .col-12:nth-child(2) {
    margin-top: 12px;
  }
}
.number-input .rectangle {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.number-input .my-input {
  width: 101px;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 10px 5px;
}
.number-input h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.number-input h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}

.vital-sign {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .vital-sign {
    padding: 24px;
  }
}
.vital-sign > .row > .col-lg-4 {
  margin-top: 12px;
}
.vital-sign > .row > .col-lg-4:nth-child(1), .vital-sign > .row > .col-lg-4:nth-child(2), .vital-sign > .row > .col-lg-4:nth-child(3) {
  margin-top: 0;
}
.vital-sign > .row > .col-lg-6 {
  margin-top: 12px;
}
.vital-sign > .row > .col-lg-6:nth-child(1), .vital-sign > .row > .col-lg-6:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 991px) {
  .vital-sign > .row > .col-12:nth-child(2) {
    margin-top: 12px;
  }
}
.vital-sign .my-input {
  width: 100%;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  padding: 10px 10px;
}
.vital-sign h4 {
  line-height: 30px;
  margin-bottom: 10px;
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.vital-sign h4.right {
  color: #0e8ef8;
  font-weight: 400;
  text-align: right;
}
.vital-sign h4.center {
  margin-top: 48px;
  text-align: center;
}

.form-input {
  width: 100%;
}
.form-input .rectangle {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
  margin-right: 20px;
  padding-right: 50px;
  position: relative;
}
.form-input .rectangle .avatar {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;
  margin-top: 7px;
  margin-right: 6px;
  margin-left: 10px;
  border-radius: 19px;
  position: absolute;
}
.form-input .rectangle .avatar img {
  width: 18px;
  height: 18px;
}
.form-input .rectangle .my-input {
  width: 100%;
  height: 44px;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  padding: 10px 40px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
}
.form-input .rectangle h4 {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #363636;
}
.form-input .rectangle span {
  color: #fe2828;
}

.video-info {
  position: absolute;
  display: flex;
  opacity: 0.4;
}
.video-info p {
  visibility: hidden;
}
.video-info.active .text-box {
  width: 240px;
  height: auto;
  border-radius: 10px;
  background-color: #000000;
  padding: 16px;
}
.video-info.active .text-box p {
  line-height: 16px;
  font-weight: 600;
  font-family: "Open Sans";
  font-size: 15px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  color: #ececec;
  visibility: visible;
}
.video-info.active .text-box.arrow {
  width: 15px;
  height: 15px;
  margin-left: -8px;
  transform: rotate(45deg);
  margin-top: 28px;
  padding: 0;
  border-radius: 0;
}
.video-info a.button {
  width: 84px;
  height: 69px;
  background-color: #000000;
  margin-left: 5px;
  padding: 0 16px;
  display: flex;
  border-radius: 10px 0 0 10px;
  text-decoration: none;
}
.video-info a.button img.button-left {
  width: 10px;
  height: 18px;
  align-self: center;
}
.video-info a.button img.button-center {
  width: 49px;
  height: 44px;
  align-self: center;
  margin-left: 10px;
}
.video-info a.button .button-right {
  width: 24px;
  height: 69px;
  padding: 2px;
  background-color: #000000;
  opacity: 0.4;
  margin-left: 9px;
  display: flex;
  border-radius: 0 10px 10px 0;
}
.video-info a.button .button-right img {
  width: 18px;
  height: 18px;
  align-self: center;
}

.search-input-box {
  width: 100%;
  padding: 10px 10px;
  position: relative;
}
.search-input-box .avatar {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;
  margin-top: 7px;
  border-radius: 19px;
  position: absolute;
  right: 12px;
}
.search-input-box .avatar img {
  width: 18px;
  height: 18px;
}
.search-input-box .search-input {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  padding: 10px 10px;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
}
.search-input-box .search-input h4 {
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #363636;
}

.yes-no-select {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 40px 40px;
  border-radius: 10px;
  text-align: center;
}
.yes-no-select h4 {
  margin-bottom: 10px;
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.yes-no-select a.button,
.yes-no-select button.button {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: #F2F4F5;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  color: #0E8EF8;
  text-decoration: none;
  text-align: center;
}
.yes-no-select a.button.selected,
.yes-no-select button.button.selected {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .yes-no-select a.button,
.yes-no-select button.button {
    height: 44px;
    line-height: 44px;
  }
}
.yes-no-select > .row > .col-6 {
  margin-top: 12px;
}
.yes-no-select > .row > .col-6:nth-child(1), .yes-no-select > .row > .col-6:nth-child(2) {
  margin-top: 0;
}

.upload-photo {
  padding: 15px;
}
.upload-photo .rectangle {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.upload-photo h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.upload-photo h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
.upload-photo .portrait {
  width: auto;
  height: 121px;
  padding: 44px 0;
  border-radius: 10px;
  background-color: #F2F4F5;
  text-align: center;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.upload-photo .portrait img {
  align-self: center;
  text-align: center;
}
.upload-photo .portrait p {
  margin-bottom: 0;
  text-align: center;
  line-height: 15px;
  font-weight: 600;
  font-size: 11px;
  color: #8B8B8B;
}

.subscription-credit {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
@media (max-width: 991px) {
  .subscription-credit {
    padding: 24px;
  }
}
.subscription-credit .flex {
  display: flex;
  justify-content: space-between;
}
.subscription-credit .flex h4 {
  line-height: 30px;
  margin-bottom: 10px;
  color: #0E8EF8;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  flex: 1;
}
.subscription-credit .flex h4.right {
  color: #0e8ef8;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
.subscription-credit a.button,
.subscription-credit button.button {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: #D1EAFF;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  color: #0E8EF8;
  text-decoration: none;
  text-align: center;
}

.consultation-cost {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 10px;
  text-align: left;
}
.consultation-cost .flex {
  display: flex;
  justify-content: space-between;
}
.consultation-cost p {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 500;
  margin: 0 auto;
}
.consultation-cost p.left {
  color: #363636;
  font-size: 18px;
  font-weight: 500;
  flex: 1;
}
.consultation-cost p.right {
  color: #363636;
  font-size: 20px;
  font-weight: 700;
}
.consultation-cost p.right.free {
  text-decoration: line-through;
  -webkit-text-decoration-color: #FE2828;
          text-decoration-color: #FE2828;
}
.consultation-cost p.green {
  color: #3AC159;
  flex: none;
}
.consultation-cost p.red {
  color: #FE2828;
}

.lists {
  width: 100%;
  height: auto;
  margin-top: 12px;
  padding: 10px;
  border-radius: 10px;
  display: flex;
}
.lists .icon {
  width: 26px;
  height: 26px;
  background-color: #3AC159;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.lists .icon img {
  align-self: center;
}
.lists .text {
  flex: 1;
}
.lists .text p {
  margin-bottom: 0;
}
.lists .text p.top {
  line-height: 16px;
  font-weight: 700;
  font-size: 16px;
  color: #363636;
}
.lists .text p.bottom {
  line-height: 14px;
  margin-top: 4px;
  font-weight: 300;
  font-size: 14px;
  color: #363636;
}

.my-table {
  height: auto;
}
.my-table .columns {
  float: left;
  width: 25%;
  color: #363636;
  background-color: #FFFFFF;
}
.my-table .columns.blue {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
.my-table .price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  transition: 0.3s;
}
.my-table .price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
}
.my-table .price li.header-table {
  font-size: 18px;
  font-weight: 700;
}
.my-table .price li.bold {
  font-weight: 700;
}
.my-table .price li.empty {
  padding: 33px;
}
.my-table .price li .icon {
  width: 26px;
  height: 26px;
  background-color: #3AC159;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}
.my-table .price li .icon.locked {
  background-color: #F2F4F5;
}
.my-table .price li .icon img {
  align-self: center;
}
.my-table h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .my-table .columns {
    width: 100%;
  }
}

.pricing {
  height: auto;
}
.pricing .price_card {
  width: 33%;
  display: inline-table;
  margin-top: 10px;
  cursor: pointer;
  height: auto;
}
.pricing .price_card h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
}
.pricing .header {
  color: rgb(255, 255, 255);
  background: #8B8B8B;
  padding: 10px;
}
.pricing .header.selected {
  background-color: #0E8EF8;
}
.pricing .consultations {
  width: 100%;
  font-size: 40px;
  font-weight: 700;
  display: block;
  text-align: center;
  padding: 10px 0 0;
}
.pricing .consultations.name {
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 30px;
  text-align: center;
}
.pricing .price-option {
  list-style: none;
  text-align: center;
  color: #000000;
  margin: 0;
  padding: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  background-color: #FFFFFF;
}
.pricing .price-option .detail {
  font-size: 13px;
  font-weight: 300;
  color: #8B8B8B;
}
.pricing .save-container {
  padding: 10px;
  background-color: #FFFFFF;
}
.pricing .save-container .save-option {
  border-radius: 25px;
  background: #EEF6FC;
  color: #3AC159;
  width: 100%;
  height: 26px;
  margin-top: -20px;
}
.pricing .save-container .save-option p {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.pricing a.button,
.pricing button.button {
  width: 100%;
  height: 46px;
  margin: 5px 0;
  line-height: 46px;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  background-color: #0E8EF8;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
.pricing a.button.green,
.pricing button.button.green {
  background-color: #3AC159;
}
@media only screen and (max-width: 600px) {
  .pricing .price_card {
    width: 100%;
  }
}

.textarea-input {
  padding: 15px;
}
.textarea-input .rectangle {
  width: 100%;
  height: 144px;
  background-color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  text-align: left;
}
.textarea-input h4 {
  line-height: 30px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.textarea-input h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
.textarea-input .my-textarea {
  width: 100%;
  height: 74px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  background-color: #ffffff;
  resize: none;
  font-size: 16px;
  font-weight: 400;
}

.patient-info {
  width: 100%;
  height: auto;
  background-color: #F2F4F5;
  margin-top: 20px;
  padding: 40px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.patient-info.white {
  background-color: #FFFFFF;
}
@media (max-width: 991px) {
  .patient-info {
    padding: 24px 24px;
  }
}
.patient-info p {
  margin-bottom: 0;
}
.patient-info p.name {
  line-height: 32px;
  font-weight: 700;
  font-size: 22px;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  .patient-info p.name {
    line-height: 24px;
    font-size: 18px;
  }
}
.patient-info p.info {
  line-height: 20px;
  font-weight: 300;
  font-size: 14px;
  color: #363636;
  text-align: center;
}
.patient-info p.info.small {
  font-size: 16px;
}
.patient-info p.info.value {
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .patient-info p.info {
    line-height: 20px;
    font-size: 15px;
  }
}
.patient-info .card {
  margin-top: 10px;
  background-color: #ECECEC;
  width: 33%;
  height: auto;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 1%;
}
@media only screen and (max-width: 600px) {
  .patient-info .card {
    width: 100%;
  }
}

.patient-file {
  margin-top: 15px;
}
.patient-file .category-card {
  background-color: white;
  padding: 20px;
  margin-top: 10px;
}
.patient-file .category-card h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  color: #363636;
  margin-bottom: 0;
  border-bottom: 0.1px solid #F2F4F5;
}
.patient-file .category-card h6.blue {
  color: #0E8EF8;
}
.patient-file .note {
  width: 100%;
  height: auto;
  background-color: #ECECEC;
  border-radius: 10px;
  padding: 10px 10px;
}
.patient-file .note.blue {
  background-color: #ebf0fd;
}
.patient-file p {
  line-height: 22px;
  font-weight: 300;
  font-size: 16px;
  color: #363636;
  text-align: left;
  margin-bottom: 0;
}
.patient-file h4 {
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 20px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #0e8ef8;
  text-align: left;
}
.patient-file h4.label {
  color: #363636;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
}
.patient-file .uploaded-files {
  width: 100%;
  height: 70px;
  padding: 0 15px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  margin: 5px 0;
}
.patient-file .uploaded-files .icon {
  width: 40px;
  height: 40px;
  background-color: #F2F4F5;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.patient-file .uploaded-files .icon.large {
  background-color: transparent;
}
.patient-file .uploaded-files .icon img {
  align-self: center;
  width: 30px;
  height: 30px;
}
.patient-file .uploaded-files .text {
  flex: 1;
}
.patient-file .uploaded-files .text p {
  margin-bottom: 0;
  text-align: left;
}
.patient-file .uploaded-files .text p.top {
  line-height: 16px;
  margin-top: 14px;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
}
.patient-file .uploaded-files .text p.bottom {
  line-height: 16px;
  margin-top: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #8B8B8B;
}

.thegrid {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto;
  grid-gap: 5px;
  background-color: white;
  padding: 5px;
}
.thegrid .head {
  background-color: #eef6fc;
  padding: 10px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}
.thegrid .cell {
  padding: 10px;
}
.thegrid .cell.linkable {
  cursor: pointer;
  text-decoration: underline;
}
.thegrid .cell.linkable:hover {
  color: #0e8ef8;
}

@media screen and (max-width: 768px) {
  .thegrid {
    grid-template-columns: auto auto;
  }
}
.previous-history {
  margin-top: 15px;
}
.previous-history .button {
  width: 100%;
  height: 70px;
  padding: 20px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  cursor: pointer;
  margin-bottom: 4px;
}
.previous-history.active .history-card {
  display: flex;
}
.previous-history.active img.arrow-down {
  transform: rotate(-90deg);
}
.previous-history .history-card {
  width: 100%;
  height: 70px;
  padding: 0 20px;
  border-radius: 12px 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  margin-bottom: 2px;
  display: none;
}
.previous-history .history-card:first-child {
  border-radius: 12px 12px;
}
.previous-history .text {
  flex: 1;
}
.previous-history .text p {
  margin-bottom: 0;
}
.previous-history .text p.history-title {
  color: #0E8EF8;
  font-size: 18px;
  font-weight: 500;
}
.previous-history .text p.top {
  line-height: 16px;
  margin-top: 14px;
  font-weight: 500;
  font-size: 16px;
  color: #363636;
}
.previous-history .text p.top.blue {
  color: #0E8EF8;
}
.previous-history .text p.bottom {
  line-height: 16px;
  margin-top: 10px;
  font-weight: 400;
  font-size: 13px;
  color: #8B8B8B;
}
.previous-history .text p.bottom.large {
  font-size: 16px;
}
.previous-history img.arrow-down {
  width: 10px;
  height: 18px;
  align-self: center;
  transform: rotate(90deg);
}
.previous-history img.arrow-down.active {
  transform: rotate(-90deg);
}

.doctor-info {
  width: 100%;
  height: auto;
  background-color: #F2F4F5;
  margin-top: 20px;
  padding-bottom: 30px;
  text-align: center;
}
.doctor-info img {
  width: 100px;
  height: 100px;
  align-self: center;
  text-align: center;
}
@media (max-width: 991px) {
  .doctor-info img {
    width: 44px;
    height: 44px;
  }
}
.doctor-info p {
  margin-bottom: 0;
  padding: 5px;
}
.doctor-info p.name {
  line-height: 20px;
  font-weight: 700;
  font-size: 22px;
  color: #212121;
  text-align: center;
}
.doctor-info p.speciality {
  line-height: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #0E8EF8;
  text-align: center;
}
.doctor-info p.info {
  line-height: 20px;
  font-weight: 500;
  font-size: 14px;
  color: #8B8B8B;
  text-align: center;
}

.card-list {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: flex;
}
.card-list .card {
  margin-top: 3px;
  background-color: #FFFFFF;
  width: 50%;
  height: auto;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 3%;
  text-align: center;
  margin-right: 3px;
}
@media only screen and (max-width: 600px) {
  .card-list .card .card {
    width: 100%;
  }
}

.doctor-button-list {
  border-radius: 12px;
  background-color: #FFFFFF;
}
.doctor-button-list .submenu-list {
  text-decoration: none;
  background-color: #FFFFFF;
  padding-bottom: 10px;
  display: none;
}
.doctor-button-list .submenu-list:last-child {
  border-radius: 12px;
}
.doctor-button-list.active .submenu-list {
  display: block;
}
.doctor-button-list.active img.button-right {
  transform: rotate(90deg);
}
.doctor-button-list .submenu-button {
  text-decoration: none;
  margin-top: 0;
  height: 40px;
  padding: 0 10px 10px 75px;
  display: flex;
  color: #212121;
}
.doctor-button-list .submenu-button .text {
  flex: 1;
}
.doctor-button-list .submenu-button .text p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #363636;
}
.doctor-button-list .submenu-button .text p.gray {
  color: #8B8B8B;
  font-weight: 300;
}
.doctor-button-list .submenu-button .text p:hover {
  color: #0E8EF8;
}
.doctor-button-list .submenu-button .number {
  width: 20px;
  height: 20px;
  margin-right: 20px;
  background-color: #FE2828;
  border-radius: 50%;
  box-sizing: border-box;
}
.doctor-button-list .submenu-button .number p {
  line-height: 19px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}
.doctor-button-list .submenu-button:hover {
  color: #0E8EF8;
}
.doctor-button-list .arrow {
  border: solid black;
  border-width: 0 2px 2px 0;
  margin: 0 5px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.doctor-button-list .doctor-button {
  width: 100%;
  height: 60px;
  padding: 20px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  margin-top: 10px;
}
.doctor-button-list .doctor-button.light-blue {
  background-color: #EEF6FC;
}
.doctor-button-list .doctor-button .icon {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.doctor-button-list .doctor-button .icon.porcelain {
  background-color: #F2F4F5;
}
.doctor-button-list .doctor-button .icon.large {
  background-color: transparent;
}
.doctor-button-list .doctor-button .icon img {
  align-self: center;
}
.doctor-button-list .doctor-button .text {
  flex: 1;
}
.doctor-button-list .doctor-button .text p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #363636;
}
.doctor-button-list .doctor-button .text p.gray {
  color: #8B8B8B;
  font-weight: 300;
}
.doctor-button-list .doctor-button .text p:hover {
  color: #0E8EF8;
}
.doctor-button-list .doctor-button img.button-right {
  width: 10px;
  height: 18px;
  align-self: center;
}
.doctor-button-list .doctor-button .number {
  width: 20px;
  height: 20px;
  margin-right: 20px;
  background-color: #FE2828;
  border-radius: 50%;
  box-sizing: border-box;
}
.doctor-button-list .doctor-button .number p {
  line-height: 19px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}

.consultations-tabs {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: flex;
}
@media (max-width: 991px) {
  .consultations-tabs {
    line-height: 24px;
  }
}
.consultations-tabs a {
  flex: 1;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  border: none;
  border-radius: 10px;
  margin: 10px 10px 10px 0;
  color: #0E8EF8;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  padding: 10px;
}
.consultations-tabs a.active {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
.consultations-tabs a:last-child {
  margin-right: 0px;
}

.consultation-inbox {
  margin-top: 15px;
}
.consultation-inbox .status {
  width: 100%;
  height: auto;
  padding: 10px;
  border-radius: 12px 12px 0 0;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  margin-bottom: 2px;
}
.consultation-inbox .status.solved {
  background-color: #ECECEC;
}
.consultation-inbox .status .text {
  flex: 1;
}
.consultation-inbox .status .text p {
  margin-bottom: 0;
}
.consultation-inbox .status .text p.top {
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  color: #8B8B8B;
}
.consultation-inbox .status .text p.top.red {
  color: #FE2828;
}
.consultation-inbox .status .text p.top.green {
  color: #3AC159;
}
.consultation-inbox .status .text p.top.orange {
  color: #F59D39;
}
.consultation-inbox .status .text p.middle {
  line-height: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #363636;
}
.consultation-inbox .status .text p.bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  color: #8B8B8B;
}
.consultation-inbox .status.has-notification {
  position: relative;
}
.consultation-inbox .status.has-notification.new:after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #FE2828;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 20px;
}
.consultation-inbox .status.has-notification.ongoing:after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #F59D39;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 20px;
}
.consultation-inbox .status.has-notification.solved:after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #3AC159;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 20px;
}
.consultation-inbox .patient-name {
  width: 100%;
  height: auto;
  padding: 10px;
  border-radius: 0 0 12px 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
}
.consultation-inbox .patient-name.solved {
  background-color: #ECECEC;
}
.consultation-inbox .patient-name .icon {
  width: 60px;
  height: 60px;
  background-color: #F2F4F5;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.consultation-inbox .patient-name .icon.large {
  background-color: transparent;
}
.consultation-inbox .patient-name .icon img {
  align-self: center;
}
.consultation-inbox .patient-name .text {
  flex: 1;
  padding: 8px 0;
}
.consultation-inbox .patient-name .text p {
  margin-bottom: 0;
}
.consultation-inbox .patient-name .text p.middle {
  line-height: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #363636;
}
.consultation-inbox .patient-name .text p.bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  color: #363636;
}

.search-input {
  width: 100%;
  margin-top: 15px;
  position: relative;
  padding-top: 35px;
}
.search-input .avatar {
  width: 28px;
  height: 28px;
  background-color: #FFFFFF;
  margin-top: 7px;
  margin-right: 6px;
  margin-left: 10px;
  border-radius: 19px;
  position: absolute;
}
.search-input .avatar img {
  width: 18px;
  height: 18px;
}
.search-input .my-input {
  width: 100%;
  height: 44px;
  border-radius: 22px;
  border: 1px solid #d8d8d8;
  outline: 0;
  background-color: #FFFFFF;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 600;
}
.search-input h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
  align-self: left;
  font-size: 18px;
  font-weight: 600;
  color: #363636;
}

.list-of-patients .patient {
  width: 100%;
  height: auto;
  padding: 10px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  margin-top: 10px;
}
.list-of-patients .patient .icon {
  width: 60px;
  height: 60px;
  background-color: #F2F4F5;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.list-of-patients .patient .icon.large {
  background-color: transparent;
}
.list-of-patients .patient .icon img {
  align-self: center;
}
.list-of-patients .patient .text {
  flex: 1;
  padding: 8px 0;
}
.list-of-patients .patient .text p {
  margin-bottom: 0;
}
.list-of-patients .patient .text p.middle {
  font-weight: 500;
  line-height: 22px;
  color: #363636;
}
.list-of-patients .patient .text p.bottom {
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  color: #363636;
}

.login {
  width: 100%;
  height: auto;
  padding: 30px 0;
  padding: 10px;
}
.login .icon {
  width: 120px;
  height: 120px;
  background-color: #FFFFFF;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.login .icon img {
  width: 50px;
  height: 50px;
  align-self: center;
  text-align: center;
}
.login p {
  margin-bottom: 0;
  padding: 20px;
  line-height: 20px;
  font-weight: 500;
  font-size: 20px;
  color: #212121;
  text-align: center;
}

.login-class-button {
  margin-top: 15px;
  margin-bottom: 15px;
}
.login-class-button .login-button {
  width: 100%;
  height: 44px;
  padding: 10px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  border: none;
}
.login-class-button .login-button.blue {
  background-color: #0E8EF8;
}
.login-class-button .login-button.marine-blue {
  background-color: #3B5998;
}
.login-class-button .login-button.red {
  background-color: #FE2828;
}
.login-class-button .login-button.orange {
  background-color: #f1b561;
}
.login-class-button .login-button .icon {
  width: 26px;
  height: 26px;
  background-color: #FFFFFF;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.login-class-button .login-button .icon img {
  align-self: center;
}
.login-class-button .login-button .text {
  flex: 1;
}
.login-class-button .login-button .text p {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  text-align: center;
}
.login-class-button .login-button .text p.white {
  color: #FFFFFF;
}
.login-class-button .login-button .text p.white.bold {
  font-weight: 700;
  font-size: 18px;
}

.regular-text p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  color: #8B8B8B;
  padding: 20px;
  line-height: 20px;
  text-align: center;
}

.no-background-button {
  width: 100%;
  height: 22px;
  padding-bottom: 10px;
  border-radius: 12px;
  text-decoration: none;
  text-align: center;
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none;
}
.no-background-button p {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: #0E8EF8;
}

.edit-profile {
  width: 100%;
  height: auto;
  padding: 10px;
}
.edit-profile .icon {
  width: 120px;
  height: 120px;
  background-color: #FFFFFF;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.edit-profile .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.edit-profile .mini-icon {
  width: 44px;
  height: 44px;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: -22px auto 0 auto;
  border: 2px solid #F2F4F5;
  cursor: pointer;
  position: relative;
  z-index: 9;
}
.edit-profile .mini-icon img {
  align-self: center;
}
.edit-profile p {
  margin-bottom: 0;
  padding: 20px;
  line-height: 20px;
  font-weight: 500;
  font-size: 20px;
  color: #212121;
  text-align: center;
}

.custom-input-text2 {
  width: 100%;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px;
}
.custom-input-text2 p {
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
}
.custom-input-text2 p span.required {
  color: #FE2828;
}
.custom-input-text2 p span.extra-info {
  color: #0E8EF8;
  float: right;
}
.custom-input-text2 .input-text {
  width: 100%;
  height: 44px;
}
.custom-input-text2 .input-text.has-icon {
  position: relative;
}
.custom-input-text2 .input-text.has-icon img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.custom-input-text2 .input-text.has-icon .button-right {
  width: 10px;
  height: 18px;
  position: absolute;
  right: 34px;
  top: 2px;
}
.custom-input-text2 .input-text.has-icon .button-right img {
  cursor: pointer;
}
.custom-input-text2 .input-text.has-icon input[type=text],
.custom-input-text2 .input-text.has-icon input[type=email],
.custom-input-text2 .input-text.has-icon input[type=password] {
  padding-left: 40px;
}
.custom-input-text2 .input-text input[type=text],
.custom-input-text2 .input-text input[type=email],
.custom-input-text2 .input-text input[type=password] {
  width: 100%;
  height: 44px;
  line-height: 15px;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 0 10px;
  border: 1px solid #D8D8D8;
  border-radius: 10px;
  outline: 0;
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #8B8B8B;
}
.custom-input-text2 span.help-block.error-help-block {
  color: #FE2828;
}

.custom-select2 {
  width: 100%;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px;
}
.custom-select2 p {
  line-height: 16px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
}
.custom-select2 p span.required {
  color: #FE2828;
}
.custom-select2 p span.extra-info {
  color: #0E8EF8;
  float: right;
}
.custom-select2 select {
  margin-bottom: 10px;
  height: 44px !important;
  border: 1px solid #ddd;
  padding-left: 10px;
  width: 100%;
}
.custom-select2 .select2 {
  height: 44px !important;
}
.custom-select2 .select2-container {
  margin-bottom: 15px !important;
  width: 100% !important;
}
.custom-select2 .select2-selection {
  height: 44px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important;
}
.custom-select2 .select2-search--dropdown .select2-search__field {
  padding-left: 10px !important;
}
.custom-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 24px !important;
}
.custom-select2 .select2-container--default .select2-selection--single {
  border-radius: 10px !important;
  border: 1px solid #D8D8D8 !important;
}
.custom-select2 span.help-block.error-help-block {
  color: #FE2828;
}

.file-upload-container {
  padding-top: 15px;
  padding-bottom: 15px;
}
.file-upload-container .custom-row {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: flex;
}
.file-upload-container .custom-row .custom-column {
  margin-top: 3px;
  background-color: #FFFFFF;
  width: 49%;
  height: auto;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 10px;
  margin-left: 10px;
}
.file-upload-container .custom-row .custom-column:first-child {
  margin-left: 0;
}
.file-upload-container .custom-row .custom-column input[type=file] {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .file-upload-container .custom-row .custom-column .custom-column {
    width: 100%;
  }
}

.vital-signs {
  width: 100%;
  height: auto;
  padding: 10px;
  padding: 10px;
  text-align: center;
}
.vital-signs h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
}
.vital-signs h4.bold {
  font-weight: 700;
  line-height: 24px;
}
.vital-signs img {
  width: 66px;
  height: 60px;
  align-self: center;
  text-align: center;
  margin: 0 auto;
  margin: 10px;
}

.vital-signs-inputs {
  width: 100%;
  margin-top: 10px;
}
@media (max-width: 991px) {
  .vital-signs-inputs {
    padding: 0 20px 20px 20px;
  }
}
.vital-signs-inputs .inputs-section {
  width: 100%;
  height: auto;
  margin-top: 24px;
}
.vital-signs-inputs .inputs-section:first-child {
  margin-top: 0;
}
.vital-signs-inputs .inputs-section h6 {
  line-height: 18px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  color: #0E8EF8;
}
.vital-signs-inputs .inputs-section h6 span {
  line-height: 14px;
  font-weight: 400;
  font-size: 14px;
  color: #8B8B8B;
}

.medical-record {
  padding: 20px;
}
.medical-record .inputs-section {
  width: 100%;
  height: auto;
  margin-top: 24px;
}
.medical-record .inputs-section:first-child {
  margin-top: 0;
}
.medical-record .inputs-section h6 {
  line-height: 18px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  color: #0E8EF8;
}
.medical-record .inputs-section h6 span {
  line-height: 14px;
  font-weight: 400;
  font-size: 14px;
  color: #8B8B8B;
}

.add-credit {
  padding: 15px;
}
.add-credit .add-credit-card {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
}
.add-credit .add-credit-card a {
  width: 100%;
  height: auto;
  display: block;
  text-decoration: none;
  display: flex;
  position: relative;
}
.add-credit .add-credit-card a .icon {
  width: 60px;
  height: 60px;
  background-color: #F2F4F5;
  margin-right: 13px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.add-credit .add-credit-card a .icon img {
  width: 25px;
  height: 18px;
  align-self: center;
}
.add-credit .add-credit-card a .align-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.add-credit .add-credit-card a .align-left p {
  margin-bottom: 0;
}
.add-credit .add-credit-card a .align-left p.top {
  line-height: 22px;
  font-weight: 500;
  font-size: 16px;
  color: #3AC159;
}
.add-credit .add-credit-card a .align-left p.bottom {
  line-height: 30px;
  font-weight: 700;
  font-size: 22px;
  color: #3AC159;
}
.add-credit .add-credit-card a .align-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: end;
}
.add-credit .add-credit-card a .align-right p {
  margin-bottom: 0;
}
.add-credit .add-credit-card a .align-right p.top {
  line-height: 22px;
  font-weight: 500;
  font-size: 16px;
  color: #F5BD39;
}
.add-credit .add-credit-card a .align-right p.bottom {
  line-height: 30px;
  font-weight: 700;
  font-size: 22px;
  color: #F5BD39;
}

.ask-more-info {
  padding: 20px;
  width: 100%;
  background-color: #FFFFFF;
  height: auto;
  margin-top: 10px;
}
.ask-more-info .ask-more-info-title {
  background-color: #FFFFFF;
  border-bottom: 0.1px solid #F2F4F5;
  border-radius: 10px 10px 0 0;
}
.ask-more-info .ask-more-info-title h6 {
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  color: #363636;
  margin-bottom: 0;
}
.ask-more-info .ask-more-info-title h6.blue {
  color: #0E8EF8;
}
.ask-more-info .inputs-section {
  width: 100%;
  height: auto;
  padding: 15px;
  background-color: #FFFFFF;
}
.ask-more-info .inputs-section:first-child {
  margin-top: 0;
}
.ask-more-info .inputs-section h6 {
  line-height: 18px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  margin-left: 15px;
  color: #0E8EF8;
}
.ask-more-info .inputs-section h6 span {
  line-height: 14px;
  font-weight: 400;
  font-size: 14px;
  color: #8B8B8B;
}
.ask-more-info .checkbox {
  width: 100%;
  margin: 15px auto;
  position: relative;
  display: block;
  background-color: #F2F4F5;
  padding: 10px;
  border-radius: 10px;
}
.ask-more-info .checkbox.white {
  background-color: #FFFFFF;
}
.ask-more-info .checkbox input[type=checkbox] {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.ask-more-info .checkbox label {
  position: relative;
}
.ask-more-info .checkbox label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 22px;
  height: 22px;
  transition: transform 0.28s ease;
  border-radius: 6px;
  border: 2px solid #D8D8D8;
  background-color: #FFFFFF;
}
.ask-more-info .checkbox label:after {
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #B24949;
  border-left: 2px solid #B24949;
  transform: rotate(-45deg) scale(0);
  transition: transform ease 0.25s;
  will-change: transform;
  position: absolute;
  top: 12px;
  left: 10px;
}
.ask-more-info .checkbox input[type=checkbox]:checked ~ label::before {
  color: #B24949;
}
.ask-more-info .checkbox input[type=checkbox]:checked ~ label::after {
  transform: rotate(-45deg) scale(1);
}
.ask-more-info .checkbox label {
  min-height: 34px;
  display: block;
  padding-left: 40px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  vertical-align: sub;
}
.ask-more-info .checkbox label span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ask-more-info .checkbox input[type=checkbox]:focus + label::before {
  outline: 0;
}
.ask-more-info .custom-select {
  /* CAUTION: Internet Explorer hackery ahead */
}
.ask-more-info .custom-select select {
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  color: #363636;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url(/images/arrow-down-mine-shaft.svg?065c4951d5afa8ec074d960884913b41);
  background-size: 20px;
  background-position-x: 98%;
  background-position-y: 17px;
  border: 1px solid #D8D8D8;
  margin-right: 2rem;
  padding: 5px;
  padding-right: 2rem;
  padding-left: 10px;
  background-repeat: no-repeat;
}
.ask-more-info .custom-select select:focus {
  outline: none !important;
  border: 1px solid #F2F4F5;
  box-shadow: 0 0 2px #363636;
}
.ask-more-info .ask-info-patient-info {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 40px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #FFFFFF;
}
.ask-more-info .ask-info-patient-info p {
  margin-bottom: 0;
  padding: 10px;
}
.ask-more-info .ask-info-patient-info p.name {
  line-height: 18px;
  font-weight: 700;
  font-size: 22px;
  color: #363636;
  text-align: left;
}
.ask-more-info .ask-info-patient-info p.info {
  line-height: 20px;
  font-weight: 300;
  font-size: 14px;
  color: #363636;
  text-align: left;
}
.ask-more-info .ask-info-patient-info p.info.value {
  font-size: 16px;
  font-weight: 700;
  background-color: #ECECEC;
  color: #8B8B8B;
  border-radius: 12px;
}
@media (max-width: 991px) {
  .ask-more-info .ask-info-patient-info p.info {
    line-height: 20px;
    font-size: 15px;
  }
}
.ask-more-info .ask-info-patient-info .card {
  margin-top: 10px;
  width: 32%;
  height: auto;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 1%;
}
@media only screen and (max-width: 600px) {
  .ask-more-info .ask-info-patient-info .card {
    width: 100%;
  }
}

.save-button {
  width: 100%;
  height: 44px;
  padding: 10px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
  border: 2px solid #0E8EF8;
}
.save-button.blue {
  background-color: #0E8EF8;
}
.save-button .icon {
  width: 26px;
  height: 26px;
  background-color: #FFFFFF;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
.save-button .icon img {
  align-self: center;
}
.save-button .text {
  flex: 1;
}
.save-button .text p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #0E8EF8;
  text-align: center;
}
.save-button .text p.white {
  color: #FFFFFF;
}
.save-button .text p.white.bold {
  font-weight: 700;
  font-size: 18px;
}

.my-consultation-patient {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 16px;
  border-radius: 10px;
  box-sizing: border-box;
  top: 19px;
  right: 0;
}
.my-consultation-patient.edit-menu {
  display: flex;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .my-consultation-patient {
    width: 100%;
    top: auto;
    right: 0;
    bottom: -68.5px;
  }
}
.my-consultation-patient p {
  line-height: 16px;
  margin-top: 0;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
  text-align: left;
}
.my-consultation-patient a.button {
  width: 100%;
  height: 73px;
  background-color: #EEF6FC;
  margin-top: 16px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  text-decoration: none;
}
.my-consultation-patient a.button.has-notification {
  position: relative;
}
.my-consultation-patient a.button.has-notification:after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/images/dot-red-orange.svg?fc3d5f7aca4c2724bf1f222c15b37eea);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -2px;
  right: -2px;
}
.my-consultation-patient a.button .button-left {
  padding-right: 16px;
  display: flex;
  flex: 1;
}
.my-consultation-patient a.button .button-left .avatar {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  margin-right: 16px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-self: center;
}
.my-consultation-patient a.button .button-left .avatar img {
  width: 19.81px;
  height: 22.07px;
  align-self: center;
}
.my-consultation-patient a.button .button-left .button-text {
  align-self: center;
}
.my-consultation-patient a.button .button-left .button-text p {
  color: #363636;
}
.my-consultation-patient a.button .button-left .button-text p.top {
  line-height: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
}
.my-consultation-patient a.button .button-left .button-text p.bottom {
  line-height: 14px;
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
}
.my-consultation-patient a.button img.button-right {
  width: 10px;
  height: 18px;
  align-self: center;
}
.my-consultation-patient a.button-edit {
  margin: 0 auto;
  align-self: center;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 16px;
}

.doctor-container {
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 10px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .doctor-container {
    padding-top: 5px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 60px;
  }
}

.patient-container {
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 10px;
  padding-bottom: 20px;
}
.patient-container video {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .patient-container {
    padding-top: 5px;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 60px;
  }
}

.subscription-container {
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 10px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .subscription-container {
    padding-top: 5px;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 60px;
  }
}
.subscription-container h4 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  text-align: center;
}

p.consultation-type {
  line-height: 20px;
  font-weight: 700;
  font-size: 22px;
  color: #363636;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 10px;
}

.consultation-video {
  border-radius: 8px;
  width: 198px;
  height: 344px;
  background-color: #8B8B8B;
  margin: 0 auto;
}

.padding-15 {
  margin: 15px 30px 0 30px;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  line-height: 32px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #363636;
}

#header {
  width: 100%;
  height: 74px;
  background-color: #F2F4F5;
}
#header.doctor {
  background-color: #ebf0fd;
}
#header .container {
  height: 100%;
}
#header .container .row {
  height: 100%;
}
#header .container .row .col-6 {
  display: flex;
}
#header .container .row .col-6 a {
  margin-right: 60px;
  align-self: center;
  color: #363636;
  text-decoration: none;
}
#header .container .row .col-6 ul {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  list-style-type: none;
}
#header .container .row .col-6 ul li {
  margin-right: 34px;
}
#header .container .row .col-6 ul li.has-submenu {
  padding-right: 17px;
  position: relative;
}
#header .container .row .col-6 ul li.has-submenu:after {
  content: "";
  width: 9.9px;
  height: 5.5px;
  background-image: url(/images/arrow-down-mine-shaft.svg?065c4951d5afa8ec074d960884913b41);
  position: absolute;
  top: 13.25px;
  right: 0;
}
#header .container .row .col-6 ul li a {
  margin-right: 0;
  color: #363636;
  text-decoration: none;
}
#header .container .row .col-6 ul li ul {
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  display: block;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
}
#header .container .row .col-6 ul li ul li {
  clear: both;
  width: 100%;
}
#header .container .row .col-6 ul li ul:hover,
#header .container .row .col-6 ul li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}
#header .container .row .col-6 ul li:hover,
#header .container .row .col-6 ul li:focus-within {
  cursor: pointer;
}
#header .container .row .col-6 ul li:focus-within a {
  outline: none;
}
#header .container .row .col-6 ul li:hover > ul,
#header .container .row .col-6 ul li:focus-within > ul {
  visibility: visible;
  opacity: 1;
  display: block;
}
@media (max-width: 991px) {
  #header .container .row .col-6 ul {
    display: none;
  }
}
#header .container .row .col-6 .right-menu {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
}
#header .container .row .col-6 .right-menu button,
#header .container .row .col-6 .right-menu a {
  background-color: #FFFFFF;
  margin-right: 0;
  padding-right: 0;
  padding-left: 0;
  border: none;
}
#header .container .row .col-6 .right-menu button.button,
#header .container .row .col-6 .right-menu a.button {
  width: auto;
  height: 42px;
  line-height: 42px;
  background-color: #0E8EF8;
  padding-left: 20px;
  border: none;
  border-radius: 10px;
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
@media (max-width: 991px) {
  #header .container .row .col-6 .right-menu button.button,
#header .container .row .col-6 .right-menu a.button {
    height: 44px;
    line-height: 44px;
  }
}
#header .container .row .col-6 .right-menu button.blue,
#header .container .row .col-6 .right-menu a.blue {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
#header .container .row .col-6 .right-menu button.my-account,
#header .container .row .col-6 .right-menu a.my-account {
  width: auto;
  height: 42px;
  margin-right: 15px;
  padding-right: 26px;
  display: flex;
  border-radius: 22px;
  position: relative;
}
@media (max-width: 991px) {
  #header .container .row .col-6 .right-menu button.my-account,
#header .container .row .col-6 .right-menu a.my-account {
    display: none;
  }
}
#header .container .row .col-6 .right-menu button.my-account.has-submenu:after,
#header .container .row .col-6 .right-menu a.my-account.has-submenu:after {
  content: "";
  width: 10.4px;
  height: 6px;
  background-image: url(/images/arrow-down-azure-radiance.svg?60672ce3b9443a30fd232b7e12ee3561);
  position: absolute;
  top: 18px;
  right: 8px;
}
#header .container .row .col-6 .right-menu button.my-account .avatar,
#header .container .row .col-6 .right-menu a.my-account .avatar {
  width: 38px;
  height: 38px;
  background-color: #F2F4F5;
  margin-top: 1px;
  margin-right: 6px;
  margin-left: 2px;
  border-radius: 19px;
}
#header .container .row .col-6 .right-menu button.my-account .avatar img,
#header .container .row .col-6 .right-menu a.my-account .avatar img {
  width: 18px;
  height: 18px;
}
#header .container .row .col-6 .right-menu button.my-account p,
#header .container .row .col-6 .right-menu a.my-account p {
  line-height: 40px;
  margin-bottom: 0;
  font-size: 15px;
  color: #393939;
}
#header .container .row .col-6 .right-menu button.my-account ul,
#header .container .row .col-6 .right-menu a.my-account ul {
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 5px;
  left: 0;
  display: block;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
  text-align: left;
}
#header .container .row .col-6 .right-menu button.my-account ul li,
#header .container .row .col-6 .right-menu a.my-account ul li {
  clear: both;
  width: 100%;
}
#header .container .row .col-6 .right-menu button.my-account:hover ul, #header .container .row .col-6 .right-menu button.my-account:focus ul,
#header .container .row .col-6 .right-menu a.my-account:hover ul,
#header .container .row .col-6 .right-menu a.my-account:focus ul {
  visibility: visible;
  opacity: 1;
  display: block;
}
#header .container .row .col-6 .right-menu button.notifications,
#header .container .row .col-6 .right-menu a.notifications {
  width: 38px;
  height: 38px;
  margin-right: 15px;
  border-radius: 19px;
}
@media (max-width: 991px) {
  #header .container .row .col-6 .right-menu button.notifications,
#header .container .row .col-6 .right-menu a.notifications {
    display: none;
  }
}
#header .container .row .col-6 .right-menu button.notifications.new,
#header .container .row .col-6 .right-menu a.notifications.new {
  position: relative;
}
#header .container .row .col-6 .right-menu button.notifications.new:after,
#header .container .row .col-6 .right-menu a.notifications.new:after {
  content: "";
  width: 8px;
  height: 8px;
  background-image: url(/images/dot-red-orange.svg?fc3d5f7aca4c2724bf1f222c15b37eea);
  position: absolute;
  top: 9px;
  right: 7px;
}
#header .container .row .col-6 .right-menu button.notifications img,
#header .container .row .col-6 .right-menu a.notifications img {
  width: 38px;
  height: 22px;
}
#header .container .row .col-6 .right-menu button.language,
#header .container .row .col-6 .right-menu a.language {
  width: 38px;
  height: 38px;
  margin-right: 15px;
  border-radius: 19px;
  display: flex;
  position: relative;
}
#header .container .row .col-6 .right-menu button.language img,
#header .container .row .col-6 .right-menu a.language img {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  align-self: center;
}
#header .container .row .col-6 .right-menu button.language ul,
#header .container .row .col-6 .right-menu a.language ul {
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 38px;
  left: 0;
  display: block;
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 12px 16px;
  z-index: 1;
  text-align: left;
}
#header .container .row .col-6 .right-menu button.language ul li,
#header .container .row .col-6 .right-menu a.language ul li {
  clear: both;
  width: 100%;
}
#header .container .row .col-6 .right-menu button.language:hover ul, #header .container .row .col-6 .right-menu button.language:focus ul,
#header .container .row .col-6 .right-menu a.language:hover ul,
#header .container .row .col-6 .right-menu a.language:focus ul {
  visibility: visible;
  opacity: 1;
  display: block;
}
#header .container .row .col-6 .right-menu button.search,
#header .container .row .col-6 .right-menu a.search {
  width: 38px;
  height: 38px;
  border-radius: 19px;
}
@media (max-width: 991px) {
  #header .container .row .col-6 .right-menu button.search,
#header .container .row .col-6 .right-menu a.search {
    display: none;
  }
}
#header .container .row .col-6 .right-menu button.search img,
#header .container .row .col-6 .right-menu a.search img {
  width: 18.16px;
  height: 18.12px;
}
#header .container .row .col-6 .right-menu button.hamburger-menu,
#header .container .row .col-6 .right-menu a.hamburger-menu {
  display: none;
}
@media (max-width: 991px) {
  #header .container .row .col-6 .right-menu button.hamburger-menu,
#header .container .row .col-6 .right-menu a.hamburger-menu {
    background-color: transparent;
    display: block;
  }
}

#subheader {
  width: 100%;
  height: 604px;
  background-image: url(/images/subheader.png?fb5be1e32b9aa0046d138bfe1610159d);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (max-width: 991px) {
  #subheader {
    height: 314px;
  }
}
#subheader > .container {
  height: 100%;
}
#subheader > .container > .row {
  height: 100%;
}
#subheader > .container > .row .col-12 {
  padding-top: 195px;
  position: relative;
}
@media (max-width: 991px) {
  #subheader > .container > .row .col-12 {
    padding-top: 100px;
  }
}
#subheader > .container > .row .col-12 h2 {
  line-height: 68px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 50px;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 991px) {
  #subheader > .container > .row .col-12 h2 {
    line-height: 30px;
    font-size: 30px;
  }
}
#subheader > .container > .row .col-12 p {
  line-height: 24px;
  margin-top: 25px;
  margin-bottom: 0;
  font-size: 17px;
  color: #B2B2B2;
  text-align: center;
}
@media (max-width: 991px) {
  #subheader > .container > .row .col-12 p {
    line-height: 16px;
    margin-top: 10px;
    font-size: 16px;
    color: #FFFFFF;
  }
}
#subheader > .container > .row .col-12 .skin-issue-consultation {
  width: 351px;
  height: auto;
  background-color: #FFFFFF;
  padding: 16px;
  border-radius: 10px;
  box-sizing: border-box;
  position: absolute;
  top: 19px;
  right: 0;
}
@media (max-width: 991px) {
  #subheader > .container > .row .col-12 .skin-issue-consultation {
    width: 100%;
    top: auto;
    right: 0;
    bottom: -68.5px;
  }
}
#subheader > .container > .row .col-12 .skin-issue-consultation p {
  line-height: 16px;
  margin-top: 0;
  font-weight: 600;
  font-size: 16px;
  color: #363636;
  text-align: left;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button {
  width: 100%;
  height: 73px;
  background-color: #EEF6FC;
  margin-top: 16px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  text-decoration: none;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button.has-notification {
  position: relative;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button.has-notification:after {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/images/dot-red-orange.svg?fc3d5f7aca4c2724bf1f222c15b37eea);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -2px;
  right: -2px;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button .button-left {
  padding-right: 16px;
  display: flex;
  flex: 1;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button .button-left .avatar {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  margin-right: 16px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-self: center;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button .button-left .avatar img {
  width: 19.81px;
  height: 22.07px;
  align-self: center;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button .button-left .button-text {
  align-self: center;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button .button-left .button-text p {
  color: #363636;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button .button-left .button-text p.top {
  line-height: 16px;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button .button-left .button-text p.bottom {
  line-height: 14px;
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
}
#subheader > .container > .row .col-12 .skin-issue-consultation a.button img.button-right {
  width: 10px;
  height: 18px;
  align-self: center;
}

footer {
  width: 100%;
  height: auto;
  background-color: #202942;
  padding: 10px 0;
}
footer p {
  margin-bottom: 0;
  color: #FFFFFF;
}

body#index {
  background-color: #F2F4F5;
}
body#index > .container > .row > .col-12 .send-your-free-video {
  margin-top: -137.5px;
}
@media (max-width: 991px) {
  body#index > .container > .row > .col-12 .send-your-free-video {
    margin-top: 80px;
  }
}
@media (max-width: 991px) {
  body#index footer {
    margin-bottom: 54px;
  }
}
body .search-panel {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  position: fixed;
  display: none;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 70px;
  display: none;
}
body .search-panel .custom-input-text2 {
  background-color: white;
  padding: 50px;
  max-width: 1116px;
  margin: 0 auto;
}
body .search-panel button {
  background-color: transparent;
  padding: 0;
  border: none;
}
body .search-panel button#close-search-panel {
  width: 20px;
  height: 20px;
  background-image: url(/images/close-black.svg?674e670f11f382ddefa957f3d06ddfc9);
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
  position: absolute;
  top: 25px;
  right: 24px;
}

body#consultations-create {
  width: 1024px;
  background-color: #363636;
  /* IOAN ROBCIUC
  padding: 30px 30px 40px 30px;
  */
  margin: 0 auto;
  padding: 30px 0 40px 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  body#consultations-create {
    width: 100%;
    padding: 0;
  }
}
body#consultations-create #consultations-container {
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container {
    display: flex;
    flex-direction: column;
  }
}
body#consultations-create #consultations-container #top {
  width: 100%;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #top {
    padding-bottom: 0;
    flex: 1;
  }
}
body#consultations-create #consultations-container #top #top-left {
  height: 100%;
  padding-right: 30px;
  float: left;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #top #top-left {
    padding-right: 0;
  }
}
body#consultations-create #consultations-container #top #top-left #top-left-container {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 10px;
  position: relative;
}
body#consultations-create #consultations-container #top #top-left #top-left-container:hover {
  background-color: #393939;
}
body#consultations-create #consultations-container #top #top-left #top-left-container #empty-progress-bar {
  width: 100%;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.2);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
body#consultations-create #consultations-container #top #top-left #top-left-container #empty-progress-bar #progress-bar {
  width: 0;
  height: 100%;
  background-color: #0E8EF8;
}
body#consultations-create #consultations-container #top #top-left #top-left-container button.close,
body#consultations-create #consultations-container #top #top-left #top-left-container a.close {
  display: none;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #top #top-left #top-left-container button.close,
body#consultations-create #consultations-container #top #top-left #top-left-container a.close {
    width: 22px;
    height: 22px;
    background-color: transparent;
    background-image: url(/images/close-white.svg?a33fda1dccd03c226a3a8810bc9b0a1f);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    border: none;
    position: absolute;
    top: 25px;
    left: 20px;
  }
}
body#consultations-create #consultations-container #top #top-left #top-left-container video {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  transform: rotateY(180deg);
}
body#consultations-create #consultations-container #top #top-right {
  /* IOAN ROBCIUC
  width: 464px;
  height: 100%;
  background-color: $porcelain;
  padding: 0 24px 24px 24px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  float: right;
  */
  width: 1024px;
  height: 100%;
  background-color: #F2F4F5;
  padding: 0 24px 24px 24px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  /* IOAN ROBCIUC
  @media (max-width: 991px) {
      width: 100%;
      height: 100%;
      padding: 0;
      display: none;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 9;
  }
  */
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #top #top-right {
    width: 100%;
    height: calc(100% - 60px);
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9;
  }
}
body#consultations-create #consultations-container #top #top-right > button {
  background-color: transparent;
  padding: 0;
  border: none;
}
body#consultations-create #consultations-container #top #top-right > button#close-medical-specialties {
  width: 20px;
  height: 20px;
  background-image: url(/images/close-black.svg?674e670f11f382ddefa957f3d06ddfc9);
  background-repeat: no-repeat;
  background-position: center center;
  display: none;
  position: absolute;
  top: 25px;
  right: 24px;
}
body#consultations-create #consultations-container #top #top-right > button#back-to-consultation-video {
  display: none;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #top #top-right > button#back-to-consultation-video {
    width: 12.51px;
    height: 20px;
    background-image: url(/images/back-black.svg?c1c60802710cf426ed813fb88c2ef2a4);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 25px;
    left: 24px;
  }
}
body#consultations-create #consultations-container #top #top-right .top-right-title {
  width: 100%;
  height: 70px;
  display: none;
}
body#consultations-create #consultations-container #top #top-right .top-right-title.active {
  display: block;
}
body#consultations-create #consultations-container #top #top-right .top-right-title h5 {
  line-height: 70px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #363636;
  text-align: center;
}
body#consultations-create #consultations-container #top #top-right .consultation-section-title {
  width: 100%;
  height: 40px;
  margin-top: 10px;
}
body#consultations-create #consultations-container #top #top-right .consultation-section-title h5 {
  line-height: 40px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 20px;
  color: #363636;
  text-align: center;
}
body#consultations-create #consultations-container #top #top-right .inputs {
  width: 100%;
  flex: 1;
  overflow-y: scroll;
  display: none;
}
body#consultations-create #consultations-container #top #top-right .inputs.top {
  margin-top: 50px;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #top #top-right .inputs {
    padding: 0 20px 20px 20px;
  }
}
body#consultations-create #consultations-container #top #top-right .inputs.active {
  display: block;
}
body#consultations-create #consultations-container #top #top-right .inputs .inputs-section {
  width: 100%;
  height: auto;
  margin-top: 24px;
}
body#consultations-create #consultations-container #top #top-right .inputs .inputs-section:first-child {
  margin-top: 0;
}
body#consultations-create #consultations-container #top #top-right .inputs .inputs-section h6 {
  line-height: 18px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 18px;
  color: #0E8EF8;
}
body#consultations-create #consultations-container #top #top-right .inputs .inputs-section h6 span {
  line-height: 14px;
  font-weight: 400;
  font-size: 14px;
  color: #8B8B8B;
}
body#consultations-create #consultations-container #top #top-right .inputs .inputs-section h6 span.required {
  color: #FE2828;
}
body#consultations-create #consultations-container #top #top-right .inputs .inputs-section span.help-block.error-help-block {
  color: #FE2828;
}
body#consultations-create #consultations-container #top #top-right .inputs form#medical-specialty-search #input-holder {
  width: 100%;
  height: 44px;
  position: relative;
}
body#consultations-create #consultations-container #top #top-right .inputs form#medical-specialty-search #input-holder input[type=text] {
  width: 100%;
  height: 44px;
  background-color: #FFFFFF;
  padding: 0 50px 0 15px;
  border: none;
  border-radius: 22px;
  outline: 0;
  font-size: 16px;
  color: #8B8B8B;
}
body#consultations-create #consultations-container #top #top-right .inputs form#medical-specialty-search #input-holder button[type=submit] {
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-image: url(/images/search-outline-azure-radiance.svg?9a5eecf0545427fde36ebd92bf29e564);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
  border: none;
  position: absolute;
  top: 12px;
  right: 15px;
}
body#consultations-create #consultations-container #top #top-right .inputs h6#medical-specialties-title {
  line-height: 18px;
  margin: 35px 0;
  font-weight: 600;
  font-size: 18px;
  color: #0E8EF8;
  text-align: center;
}
body#consultations-create #consultations-container #top #top-right .inputs .popular-topics-box {
  margin-top: 12px;
}
body#consultations-create #consultations-container #top #top-right .inputs .popular-topics-box:first-of-type {
  margin-top: 0;
}
body#consultations-create #consultations-container #top #top-right .inputs .popular-topics-box.active {
  background-color: #EEF6FC;
}
body#consultations-create #consultations-container #top #top-right .inputs button.send-consultation {
  width: 100%;
  margin-top: 24px;
}
body#consultations-create #consultations-container #bottom {
  width: 100%;
  height: 80px;
  display: flex;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #bottom {
    height: 84px;
    background-color: #000000;
  }
}
@media (max-width: 575px) {
  body#consultations-create #consultations-container #bottom {
    height: 60px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left {
  width: 100%;
  height: 100%;
  /* IOAN ROBCIUC
  padding-right: 30px;
  */
  display: flex;
  justify-content: center;
  position: relative;
  float: left;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #bottom #bottom-left {
    margin-top: -100px;
    padding-right: 0;
  }
}
@media (max-width: 575px) {
  body#consultations-create #consultations-container #bottom #bottom-left {
    margin-top: -70px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left #minutes-and-seconds-remained {
  width: 100%;
  height: 12px;
  padding-right: 30px;
  position: absolute;
  top: -24px;
  left: 0;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #bottom #bottom-left #minutes-and-seconds-remained {
    padding-right: 0;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left #minutes-and-seconds-remained p {
  line-height: 12px;
  margin-bottom: 0;
  font-size: 12px;
  text-align: center;
}
body#consultations-create #consultations-container #bottom #bottom-left #minutes-and-seconds-remained p.white {
  color: #FFFFFF;
}
body#consultations-create #consultations-container #bottom #bottom-left #minutes-and-seconds-remained p.red {
  color: #FE2828;
}
body#consultations-create #consultations-container #bottom #bottom-left button {
  background-color: transparent;
  margin: 0 15px;
  padding: 0;
  border: none;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #bottom #bottom-left button {
    margin: 0 9px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-1 .icon {
  width: 46px;
  height: 46px;
  background-color: #000000;
  margin-bottom: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
@media (max-width: 575px) {
  body#consultations-create #consultations-container #bottom #bottom-left button.type-1 .icon {
    width: 40px;
    height: 40px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-1 .icon.active {
  background-color: #0E8EF8;
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-1 .icon img {
  align-self: center;
}
@media (max-width: 575px) {
  body#consultations-create #consultations-container #bottom #bottom-left button.type-1 .icon img {
    max-width: 20px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-1 p {
  line-height: 10px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 10px;
  color: #FFFFFF;
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-2 {
  width: 80px;
  height: 80px;
  border: 10px solid #1D6AAA;
  border-radius: 50%;
}
@media (max-width: 575px) {
  body#consultations-create #consultations-container #bottom #bottom-left button.type-2 {
    width: 60px;
    height: 60px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-2.play {
  background-color: #0E8EF8;
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-2.pause {
  position: relative;
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-2.pause:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #0E8EF8;
  border-radius: 6px;
  position: absolute;
  top: 18px;
  right: 18px;
}
@media (max-width: 575px) {
  body#consultations-create #consultations-container #bottom #bottom-left button.type-2.pause:before {
    top: 10px;
    right: 10px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-left button.type-3 {
  width: 170px;
  height: 44px;
  background-color: #2B2B2B;
  margin: 0;
  border-radius: 10px;
  position: absolute;
  top: 18px;
  left: 0;
  font-size: 14px;
  color: #8B8B8B;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #bottom #bottom-left button.type-3 {
    width: calc(100% - 40px);
    margin-top: 100px;
    margin-left: 20px;
  }
}
@media (max-width: 575px) {
  body#consultations-create #consultations-container #bottom #bottom-left button.type-3 {
    margin-top: 60px;
  }
}
body#consultations-create #consultations-container #bottom #bottom-right {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  display: flex;
  align-items: center;
  float: right;
  /* IOAN ROBCIUC
  @media (max-width: 991px) {
      display: none;
  }
  */
}
body#consultations-create #consultations-container #bottom #bottom-right button {
  flex: 1;
  height: 44px;
  background-color: #FFFFFF;
  border: none;
  border-radius: 10px;
}
body#consultations-create #consultations-container #bottom #bottom-right button:nth-child(2) {
  margin-right: 12px;
  margin-left: 12px;
}
body#consultations-create #consultations-container #bottom #bottom-right button.active {
  background-color: #0E8EF8;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  body#consultations-create #consultations-container #bottom #bottom-right button.active {
    margin: 0 20px 0 20px;
  }
}

body#consultations-thank-you {
  background-color: #F2F4F5;
}
body#consultations-thank-you > .subscription-container {
  padding-top: 50px;
  min-height: calc(100vh - 74px - 52px);
}
@media (max-width: 991px) {
  body#consultations-thank-you > .subscription-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 991px) {
  body#consultations-thank-you footer {
    margin-bottom: 54px;
  }
}
body#consultations-thank-you .payment {
  width: 100%;
  height: 275px;
  background-color: #FFFFFF;
  margin-bottom: 5px;
  padding: 30px 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-image: linear-gradient(#0E8EF8, #3AC159);
}
@media (max-width: 991px) {
  body#consultations-thank-you .payment {
    height: auto;
    padding: 22px;
  }
}
body#consultations-thank-you .payment img {
  width: 231px;
  height: 100px;
  align-self: center;
  text-align: center;
}
body#consultations-thank-you .payment h2 {
  line-height: 30px;
  margin-bottom: 0;
  align-self: center;
  font-weight: 700;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
}
body#consultations-thank-you .payment h3 {
  line-height: 16px;
  margin-bottom: 0;
  align-self: center;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
}

body#password-confirm, body#doctor-password-confirm, body#administrator-password-confirm {
  background-color: #F2F4F5;
}
body#password-confirm > .register-container, body#doctor-password-confirm > .register-container, body#administrator-password-confirm > .register-container {
  width: 500px;
  min-height: calc(100vh - 74px - 52px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  body#password-confirm > .register-container, body#doctor-password-confirm > .register-container, body#administrator-password-confirm > .register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 575px) {
  body#password-confirm > .register-container, body#doctor-password-confirm > .register-container, body#administrator-password-confirm > .register-container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
body#password-confirm > .register-container h4, body#doctor-password-confirm > .register-container h4, body#administrator-password-confirm > .register-container h4 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  body#password-confirm footer, body#doctor-password-confirm footer, body#administrator-password-confirm footer {
    margin-bottom: 54px;
  }
}

body#login, body#doctor-login, body#administrator-login {
  background-color: #F2F4F5;
}
body#login > .register-container, body#doctor-login > .register-container, body#administrator-login > .register-container {
  width: 500px;
  min-height: calc(100vh - 74px - 52px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  body#login > .register-container, body#doctor-login > .register-container, body#administrator-login > .register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 575px) {
  body#login > .register-container, body#doctor-login > .register-container, body#administrator-login > .register-container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
body#login > .register-container h4, body#doctor-login > .register-container h4, body#administrator-login > .register-container h4 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  body#login footer, body#doctor-login footer, body#administrator-login footer {
    margin-bottom: 54px;
  }
}

body#register, body#doctor-register, body#administrator-register {
  background-color: #F2F4F5;
}
body#register > .register-container, body#doctor-register > .register-container, body#administrator-register > .register-container {
  width: 500px;
  min-height: calc(100vh - 74px - 52px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  body#register > .register-container, body#doctor-register > .register-container, body#administrator-register > .register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 575px) {
  body#register > .register-container, body#doctor-register > .register-container, body#administrator-register > .register-container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
body#register > .register-container h4, body#doctor-register > .register-container h4, body#administrator-register > .register-container h4 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  body#register footer, body#doctor-register footer, body#administrator-register footer {
    margin-bottom: 54px;
  }
}

body#password-reset, body#doctor-password-reset, body#administrator-password-reset {
  background-color: #F2F4F5;
}
body#password-reset > .register-container, body#doctor-password-reset > .register-container, body#administrator-password-reset > .register-container {
  width: 500px;
  min-height: calc(100vh - 74px - 52px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  body#password-reset > .register-container, body#doctor-password-reset > .register-container, body#administrator-password-reset > .register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 575px) {
  body#password-reset > .register-container, body#doctor-password-reset > .register-container, body#administrator-password-reset > .register-container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
body#password-reset > .register-container h4, body#doctor-password-reset > .register-container h4, body#administrator-password-reset > .register-container h4 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  body#password-reset footer, body#doctor-password-reset footer, body#administrator-password-reset footer {
    margin-bottom: 54px;
  }
}

body#verification-notice, body#doctor-verification-notice, body#administrator-verification-notice {
  background-color: #F2F4F5;
}
body#verification-notice > .register-container, body#doctor-verification-notice > .register-container, body#administrator-verification-notice > .register-container {
  width: 500px;
  min-height: calc(100vh - 74px - 52px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  body#verification-notice > .register-container, body#doctor-verification-notice > .register-container, body#administrator-verification-notice > .register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 575px) {
  body#verification-notice > .register-container, body#doctor-verification-notice > .register-container, body#administrator-verification-notice > .register-container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
body#verification-notice > .register-container h4, body#doctor-verification-notice > .register-container h4, body#administrator-verification-notice > .register-container h4 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  body#verification-notice footer, body#doctor-verification-notice footer, body#administrator-verification-notice footer {
    margin-bottom: 54px;
  }
}

body#password-request, body#doctor-password-request, body#administrator-password-request {
  background-color: #F2F4F5;
}
body#password-request > .register-container, body#doctor-password-request > .register-container, body#administrator-password-request > .register-container {
  width: 500px;
  min-height: calc(100vh - 74px - 52px);
  margin: 0 auto;
}
@media (max-width: 991px) {
  body#password-request > .register-container, body#doctor-password-request > .register-container, body#administrator-password-request > .register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 575px) {
  body#password-request > .register-container, body#doctor-password-request > .register-container, body#administrator-password-request > .register-container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
body#password-request > .register-container h4, body#doctor-password-request > .register-container h4, body#administrator-password-request > .register-container h4 {
  font-size: 18px;
  font-weight: 700;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  body#password-request footer, body#doctor-password-request footer, body#administrator-password-request footer {
    margin-bottom: 54px;
  }
}

body#auth-login-index, body#auth-register-index {
  background-color: #F2F4F5;
}
body#auth-login-index > .login-register-container, body#auth-register-index > .login-register-container {
  width: 500px;
  min-height: calc(100vh - 74px - 52px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  body#auth-login-index > .login-register-container, body#auth-register-index > .login-register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 575px) {
  body#auth-login-index > .login-register-container, body#auth-register-index > .login-register-container {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
  }
}
body#auth-login-index > .login-register-container a, body#auth-register-index > .login-register-container a {
  width: 100%;
  height: 160px;
  line-height: 160px;
  background-color: #FFFFFF;
  margin-top: 25px;
  display: inline-block;
  border-radius: 10px;
  font-weight: 700;
  font-size: 18px;
  color: #0E8EF8;
  text-decoration: none;
  text-align: center;
}
body#auth-login-index > .login-register-container a:first-child, body#auth-register-index > .login-register-container a:first-child {
  margin-top: 0;
}
@media (max-width: 991px) {
  body#auth-login-index footer, body#auth-register-index footer {
    margin-bottom: 54px;
  }
}

body#account-user-index, body#account-doctor-index, body#account-administrator-index {
  background-color: #F2F4F5;
}
body#account-user-index .patient-profile, body#account-doctor-index .patient-profile, body#account-administrator-index .patient-profile {
  width: 100%;
  height: auto;
  background-color: #F2F4F5;
  margin-top: 20px;
  padding-bottom: 30px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-align: center;
}
body#account-user-index .patient-profile img, body#account-doctor-index .patient-profile img, body#account-administrator-index .patient-profile img {
  width: 100px;
  height: 100px;
  align-self: center;
  text-align: center;
}
@media (max-width: 991px) {
  body#account-user-index .patient-profile img, body#account-doctor-index .patient-profile img, body#account-administrator-index .patient-profile img {
    width: 44px;
    height: 44px;
  }
}
body#account-user-index .patient-profile p, body#account-doctor-index .patient-profile p, body#account-administrator-index .patient-profile p {
  margin-bottom: 0;
  padding: 5px;
}
body#account-user-index .patient-profile p.name, body#account-doctor-index .patient-profile p.name, body#account-administrator-index .patient-profile p.name {
  line-height: 20px;
  font-weight: 700;
  font-size: 22px;
  color: #212121;
  text-align: center;
}
body#account-user-index .patient-profile p.speciality, body#account-doctor-index .patient-profile p.speciality, body#account-administrator-index .patient-profile p.speciality {
  line-height: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #0E8EF8;
  text-align: center;
}
body#account-user-index .patient-profile p.info, body#account-doctor-index .patient-profile p.info, body#account-administrator-index .patient-profile p.info {
  line-height: 20px;
  font-weight: 300;
  font-size: 14px;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  body#account-user-index .patient-profile p.info, body#account-doctor-index .patient-profile p.info, body#account-administrator-index .patient-profile p.info {
    line-height: 20px;
    font-size: 15px;
  }
}
body#account-user-index .patient-profile .patient-card-list, body#account-doctor-index .patient-profile .patient-card-list, body#account-administrator-index .patient-profile .patient-card-list {
  width: 100%;
  height: auto;
  display: flex;
}
body#account-user-index .patient-profile .patient-card-list a, body#account-doctor-index .patient-profile .patient-card-list a, body#account-administrator-index .patient-profile .patient-card-list a {
  text-decoration: none;
}
body#account-user-index .patient-profile .patient-card-list .card, body#account-doctor-index .patient-profile .patient-card-list .card, body#account-administrator-index .patient-profile .patient-card-list .card {
  margin-top: 10px;
  background-color: #FFFFFF;
  width: 50%;
  height: auto;
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 2%;
  text-align: center;
  margin-right: 3px;
}
body#account-user-index .patient-profile .patient-card-list .card p, body#account-doctor-index .patient-profile .patient-card-list .card p, body#account-administrator-index .patient-profile .patient-card-list .card p {
  margin-bottom: 0;
  padding: 10px;
  line-height: 16px;
  font-weight: 500;
  font-size: 22px;
  color: #212121;
  text-align: center;
}
@media (max-width: 991px) {
  body#account-user-index .patient-profile .patient-card-list .card p, body#account-doctor-index .patient-profile .patient-card-list .card p, body#account-administrator-index .patient-profile .patient-card-list .card p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  body#account-user-index .patient-profile .patient-card-list .card .card, body#account-doctor-index .patient-profile .patient-card-list .card .card, body#account-administrator-index .patient-profile .patient-card-list .card .card {
    width: 100%;
  }
}
body#account-user-index .patient-buttons, body#account-doctor-index .patient-buttons, body#account-administrator-index .patient-buttons {
  padding: 5px;
}
body#account-user-index .patient-buttons .patient-button, body#account-doctor-index .patient-buttons .patient-button, body#account-administrator-index .patient-buttons .patient-button {
  width: 100%;
  height: 60px;
  padding: 20px;
  border-radius: 12px;
  display: flex;
  text-decoration: none;
  background-color: #FFFFFF;
}
body#account-user-index .patient-buttons .patient-button.gray, body#account-doctor-index .patient-buttons .patient-button.gray, body#account-administrator-index .patient-buttons .patient-button.gray {
  background-color: #F2F4F5;
}
body#account-user-index .patient-buttons .patient-button .icon, body#account-doctor-index .patient-buttons .patient-button .icon, body#account-administrator-index .patient-buttons .patient-button .icon {
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  margin-right: 15px;
  border-radius: 50%;
  align-self: center;
  display: flex;
  justify-content: center;
}
body#account-user-index .patient-buttons .patient-button .icon.large, body#account-doctor-index .patient-buttons .patient-button .icon.large, body#account-administrator-index .patient-buttons .patient-button .icon.large {
  background-color: transparent;
}
body#account-user-index .patient-buttons .patient-button .icon.gray, body#account-doctor-index .patient-buttons .patient-button .icon.gray, body#account-administrator-index .patient-buttons .patient-button .icon.gray {
  background-color: #F2F4F5;
}
body#account-user-index .patient-buttons .patient-button .icon img, body#account-doctor-index .patient-buttons .patient-button .icon img, body#account-administrator-index .patient-buttons .patient-button .icon img {
  align-self: center;
}
body#account-user-index .patient-buttons .patient-button .text, body#account-doctor-index .patient-buttons .patient-button .text, body#account-administrator-index .patient-buttons .patient-button .text {
  flex: 1;
}
body#account-user-index .patient-buttons .patient-button .text p, body#account-doctor-index .patient-buttons .patient-button .text p, body#account-administrator-index .patient-buttons .patient-button .text p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #363636;
}
body#account-user-index .patient-buttons .patient-button .text p.gray, body#account-doctor-index .patient-buttons .patient-button .text p.gray, body#account-administrator-index .patient-buttons .patient-button .text p.gray {
  color: #8B8B8B;
  font-weight: 300;
}
body#account-user-index .patient-buttons .patient-button .text p.blue, body#account-doctor-index .patient-buttons .patient-button .text p.blue, body#account-administrator-index .patient-buttons .patient-button .text p.blue {
  color: #0E8EF8;
}
body#account-user-index .patient-buttons .patient-button .text p:hover, body#account-doctor-index .patient-buttons .patient-button .text p:hover, body#account-administrator-index .patient-buttons .patient-button .text p:hover {
  color: #0E8EF8;
}
body#account-user-index .patient-buttons .patient-button img.button-right, body#account-doctor-index .patient-buttons .patient-button img.button-right, body#account-administrator-index .patient-buttons .patient-button img.button-right {
  width: 10px;
  height: 18px;
  align-self: center;
}
body#account-user-index .patient-buttons .patient-button .number, body#account-doctor-index .patient-buttons .patient-button .number, body#account-administrator-index .patient-buttons .patient-button .number {
  width: 20px;
  height: 20px;
  margin-right: 20px;
  background-color: #FE2828;
  border-radius: 50%;
  box-sizing: border-box;
}
body#account-user-index .patient-buttons .patient-button .number p, body#account-doctor-index .patient-buttons .patient-button .number p, body#account-administrator-index .patient-buttons .patient-button .number p {
  line-height: 19px;
  margin-bottom: 0;
  font-weight: 700;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 991px) {
  body#account-user-index footer, body#account-doctor-index footer, body#account-administrator-index footer {
    margin-bottom: 54px;
  }
}

body#account-user-profile-settings-edit, body#account-doctor-index, body#account-doctor-profile-settings-edit, body#account-administrator-profile-settings-edit, body#account-user-profile-settings-update, body#account-doctor-profile-settings-update, body#account-doctor-consultations-index, body#account-doctor-consultations-show, body#account-doctor-consultations-showNew, body#account-administrator-profile-settings-update, body#account-user-consultations-index, body#account-user-consultations-show, body#account-admin-consultations-index, body#account-admin-consultations-show, body#account-admin-consultations-edit, body#account-user-vital-signs-index, body#account-user-privacy-policy, body#account-user-terms-and-conditions, body#account-admin-doctors-index, body#account-admin-doctors-show {
  background-color: #F2F4F5;
}
body#account-user-profile-settings-edit > .register-container, body#account-doctor-index > .register-container, body#account-doctor-profile-settings-edit > .register-container, body#account-administrator-profile-settings-edit > .register-container, body#account-user-profile-settings-update > .register-container, body#account-doctor-profile-settings-update > .register-container, body#account-doctor-consultations-index > .register-container, body#account-doctor-consultations-show > .register-container, body#account-doctor-consultations-showNew > .register-container, body#account-administrator-profile-settings-update > .register-container, body#account-user-consultations-index > .register-container, body#account-user-consultations-show > .register-container, body#account-admin-consultations-index > .register-container, body#account-admin-consultations-show > .register-container, body#account-admin-consultations-edit > .register-container, body#account-user-vital-signs-index > .register-container, body#account-user-privacy-policy > .register-container, body#account-user-terms-and-conditions > .register-container, body#account-admin-doctors-index > .register-container, body#account-admin-doctors-show > .register-container {
  min-height: calc(100vh - 74px - 52px);
}
@media (max-width: 991px) {
  body#account-user-profile-settings-edit > .register-container, body#account-doctor-index > .register-container, body#account-doctor-profile-settings-edit > .register-container, body#account-administrator-profile-settings-edit > .register-container, body#account-user-profile-settings-update > .register-container, body#account-doctor-profile-settings-update > .register-container, body#account-doctor-consultations-index > .register-container, body#account-doctor-consultations-show > .register-container, body#account-doctor-consultations-showNew > .register-container, body#account-administrator-profile-settings-update > .register-container, body#account-user-consultations-index > .register-container, body#account-user-consultations-show > .register-container, body#account-admin-consultations-index > .register-container, body#account-admin-consultations-show > .register-container, body#account-admin-consultations-edit > .register-container, body#account-user-vital-signs-index > .register-container, body#account-user-privacy-policy > .register-container, body#account-user-terms-and-conditions > .register-container, body#account-admin-doctors-index > .register-container, body#account-admin-doctors-show > .register-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
body#account-user-profile-settings-edit > .patient-container, body#account-doctor-index > .patient-container, body#account-doctor-profile-settings-edit > .patient-container, body#account-administrator-profile-settings-edit > .patient-container, body#account-user-profile-settings-update > .patient-container, body#account-doctor-profile-settings-update > .patient-container, body#account-doctor-consultations-index > .patient-container, body#account-doctor-consultations-show > .patient-container, body#account-doctor-consultations-showNew > .patient-container, body#account-administrator-profile-settings-update > .patient-container, body#account-user-consultations-index > .patient-container, body#account-user-consultations-show > .patient-container, body#account-admin-consultations-index > .patient-container, body#account-admin-consultations-show > .patient-container, body#account-admin-consultations-edit > .patient-container, body#account-user-vital-signs-index > .patient-container, body#account-user-privacy-policy > .patient-container, body#account-user-terms-and-conditions > .patient-container, body#account-admin-doctors-index > .patient-container, body#account-admin-doctors-show > .patient-container {
  min-height: calc(100vh - 74px - 52px);
}
@media (max-width: 991px) {
  body#account-user-profile-settings-edit > .patient-container, body#account-doctor-index > .patient-container, body#account-doctor-profile-settings-edit > .patient-container, body#account-administrator-profile-settings-edit > .patient-container, body#account-user-profile-settings-update > .patient-container, body#account-doctor-profile-settings-update > .patient-container, body#account-doctor-consultations-index > .patient-container, body#account-doctor-consultations-show > .patient-container, body#account-doctor-consultations-showNew > .patient-container, body#account-administrator-profile-settings-update > .patient-container, body#account-user-consultations-index > .patient-container, body#account-user-consultations-show > .patient-container, body#account-admin-consultations-index > .patient-container, body#account-admin-consultations-show > .patient-container, body#account-admin-consultations-edit > .patient-container, body#account-user-vital-signs-index > .patient-container, body#account-user-privacy-policy > .patient-container, body#account-user-terms-and-conditions > .patient-container, body#account-admin-doctors-index > .patient-container, body#account-admin-doctors-show > .patient-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
body#account-user-profile-settings-edit > .doctor-container, body#account-doctor-index > .doctor-container, body#account-doctor-profile-settings-edit > .doctor-container, body#account-administrator-profile-settings-edit > .doctor-container, body#account-user-profile-settings-update > .doctor-container, body#account-doctor-profile-settings-update > .doctor-container, body#account-doctor-consultations-index > .doctor-container, body#account-doctor-consultations-show > .doctor-container, body#account-doctor-consultations-showNew > .doctor-container, body#account-administrator-profile-settings-update > .doctor-container, body#account-user-consultations-index > .doctor-container, body#account-user-consultations-show > .doctor-container, body#account-admin-consultations-index > .doctor-container, body#account-admin-consultations-show > .doctor-container, body#account-admin-consultations-edit > .doctor-container, body#account-user-vital-signs-index > .doctor-container, body#account-user-privacy-policy > .doctor-container, body#account-user-terms-and-conditions > .doctor-container, body#account-admin-doctors-index > .doctor-container, body#account-admin-doctors-show > .doctor-container {
  min-height: calc(100vh - 74px - 52px);
}
@media (max-width: 991px) {
  body#account-user-profile-settings-edit > .doctor-container, body#account-doctor-index > .doctor-container, body#account-doctor-profile-settings-edit > .doctor-container, body#account-administrator-profile-settings-edit > .doctor-container, body#account-user-profile-settings-update > .doctor-container, body#account-doctor-profile-settings-update > .doctor-container, body#account-doctor-consultations-index > .doctor-container, body#account-doctor-consultations-show > .doctor-container, body#account-doctor-consultations-showNew > .doctor-container, body#account-administrator-profile-settings-update > .doctor-container, body#account-user-consultations-index > .doctor-container, body#account-user-consultations-show > .doctor-container, body#account-admin-consultations-index > .doctor-container, body#account-admin-consultations-show > .doctor-container, body#account-admin-consultations-edit > .doctor-container, body#account-user-vital-signs-index > .doctor-container, body#account-user-privacy-policy > .doctor-container, body#account-user-terms-and-conditions > .doctor-container, body#account-admin-doctors-index > .doctor-container, body#account-admin-doctors-show > .doctor-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}

body#payments-create {
  background-color: #F2F4F5;
}
body#payments-create > .subscription-container {
  padding-top: 50px;
  min-height: calc(100vh - 74px - 52px);
}
@media (max-width: 991px) {
  body#payments-create > .subscription-container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
@media (max-width: 991px) {
  body#payments-create footer {
    margin-bottom: 54px;
  }
}
body#payments-create .payment {
  width: 100%;
  height: 275px;
  background-color: #FFFFFF;
  padding: 30px 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-image: linear-gradient(#0E8EF8, #3AC159);
}
@media (max-width: 991px) {
  body#payments-create .payment {
    height: auto;
    padding: 22px;
  }
}
body#payments-create .payment img {
  width: 231px;
  height: 100px;
  align-self: center;
  text-align: center;
}
body#payments-create .payment h2 {
  line-height: 30px;
  margin-bottom: 0;
  align-self: center;
  font-weight: 700;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
}
body#payments-create .payment h3 {
  line-height: 16px;
  margin-bottom: 0;
  align-self: center;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
}

body#conversations-index, body#conversations-show {
  overflow: hidden;
}
body#conversations-index > .container, body#conversations-show > .container {
  padding-top: 16px;
  padding-bottom: 16px;
  overflow: scroll;
}
@media (max-width: 991px) {
  body#conversations-index footer, body#conversations-show footer {
    margin-bottom: 54px;
  }
}
body#conversations-index {
  background-color: #F2F4F5;
}
body#conversations-index > .container {
  height: calc(100vh - 74px - 52px);
}
@media (max-width: 991px) {
  body#conversations-index > .container {
    min-height: calc(100vh - 74px - 54px - 54px);
  }
}
body#conversations-show {
  background-color: #FFFFFF;
}
body#conversations-show > .container {
  height: calc(100vh - 74px - 52px - 68px);
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 991px) {
  body#conversations-show > .container {
    min-height: calc(100vh - 74px - 54px - 68px);
  }
}
body .conversation-item {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 16px;
  padding: 16px;
  border-radius: 5px;
  display: flex;
  text-decoration: none;
}
body .conversation-item:first-child {
  margin-top: 0;
}
body .conversation-item .align-left {
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
body .conversation-item .align-left img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
body .conversation-item .align-right {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex: 1;
}
body .conversation-item .align-right p {
  line-height: 16px;
  margin-bottom: 0;
  color: #000000;
}
body .conversation-item .align-right p.p-bottom {
  height: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body .conversation-item .align-right p.font-weight-normal {
  font-weight: 400;
}
body .conversation-item .align-right p.font-weight-bold {
  font-weight: 700;
}
body .conversation-message {
  width: 100%;
  height: auto;
  padding: 16px;
  margin-top: 16px;
  display: flex;
}
body .conversation-message:last-child {
  margin-top: 0;
}
body .conversation-message .content {
  width: auto;
  height: auto;
  padding: 10px;
  border-radius: 5px;
  align-self: self-start;
}
body .conversation-message .content p {
  line-height: 21px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
}
body .conversation-message .content a {
  text-decoration: none;
  color: black;
  line-height: 21px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
}
body .conversation-message .content a span {
  text-decoration: underline;
  color: #1a73e8;
}
body .conversation-message .content .files {
  width: 100%;
  height: auto;
}
body .conversation-message .content .files a {
  width: 100%;
  display: inline-block;
}
body .conversation-message .content .files a:hover {
  text-decoration: none;
}
body .conversation-message img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
body .conversation-message.align-right {
  justify-content: flex-end;
}
body .conversation-message.align-right .content {
  background-color: #0E8EF8;
}
body .conversation-message.align-right .content p {
  color: #FFFFFF;
}
body .conversation-message.align-right .content .files a {
  color: #FFFFFF;
}
body .conversation-message.align-right img {
  margin-left: 16px;
}
body .conversation-message.align-left {
  justify-content: flex-start;
}
body .conversation-message.align-left .content {
  background-color: #F2F4F5;
}
body .conversation-message.align-left .content p {
  color: #000000;
}
body .conversation-message.align-left .content .files a {
  color: #000000;
}
body .conversation-message.align-left img {
  margin-right: 16px;
}
body #footer-message {
  width: 100%;
  height: 68px;
  background-color: #FFFFFF;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}
body #footer-message > .container {
  height: 100%;
  display: flex;
}
body #footer-message > .container input[type=text] {
  height: 44px;
  background-color: #F2F4F5;
  margin-right: 6px;
  padding: 0 14px;
  border-radius: 22px;
  bordeR: none;
  flex: 1;
  align-self: center;
  outline: 0;
  font-family: "Roboto", sans-serif;
  color: #212121;
}
body #footer-message > .container input[type=file] {
  display: none;
}
body #footer-message > .container button {
  width: 44px;
  height: 44px;
  margin-left: 6px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-self: center;
  justify-content: center;
}
body #footer-message > .container button.background-color-azure-radiance {
  background-color: #0E8EF8;
}
body #footer-message > .container button.background-color-porcelain {
  background-color: #F2F4F5;
}
body #footer-message > .container button img {
  width: 18px;
  height: 18px;
  align-self: center;
}

.send-your-free-video {
  width: 100%;
  height: 275px;
  background-color: #FFFFFF;
  padding: 30px 0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .send-your-free-video {
    height: auto;
    padding: 22px;
  }
}
.send-your-free-video img {
  width: 106.97px;
  height: 70px;
  align-self: center;
  text-align: center;
}
@media (max-width: 991px) {
  .send-your-free-video img {
    width: 76.41px;
    height: 50px;
  }
}
.send-your-free-video h3 {
  line-height: 30px;
  margin-bottom: 0;
  align-self: center;
  font-weight: 700;
  font-size: 30px;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  .send-your-free-video h3 {
    line-height: 27px;
    margin-top: 17px;
    font-size: 20px;
  }
}
.send-your-free-video a.button {
  align-self: center;
}
@media (max-width: 991px) {
  .send-your-free-video a.button {
    margin-top: 21px;
    font-size: 16px;
  }
}

.title {
  width: 100%;
  height: auto;
  margin-top: 82px;
  margin-bottom: 60px;
}
@media (max-width: 991px) {
  .title {
    margin-top: 41px;
    margin-bottom: 30px;
  }
}
.title h4 {
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 700;
  color: #363636;
  text-align: center;
}

.how-it-works {
  width: 100%;
  height: auto;
}
.how-it-works > .container > .row > .col-lg-6 {
  margin-top: 12px;
}
.how-it-works > .container > .row > .col-lg-6:nth-child(1), .how-it-works > .container > .row > .col-lg-6:nth-child(2) {
  margin-top: 0;
}
@media (max-width: 991px) {
  .how-it-works > .container > .row > .col-12:nth-child(2) {
    margin-top: 12px;
  }
}

.describe-your-situation {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 20px;
  padding: 40px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .describe-your-situation {
    padding: 24px 24px;
  }
}
.describe-your-situation p {
  margin-bottom: 0;
}
.describe-your-situation p.top {
  line-height: 27px;
  font-weight: 600;
  font-size: 20px;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  .describe-your-situation p.top {
    line-height: 24px;
    font-size: 18px;
  }
}
.describe-your-situation p.center {
  line-height: 22px;
  margin-top: 6px;
  font-weight: 400;
  font-size: 16px;
  color: #363636;
  text-align: center;
}
@media (max-width: 991px) {
  .describe-your-situation p.center {
    line-height: 20px;
    font-size: 15px;
  }
}
.describe-your-situation p.bottom {
  line-height: 20px;
  margin-top: 35px;
  font-weight: 700;
  font-size: 20px;
  color: #0E8EF8;
  text-align: center;
}
@media (max-width: 991px) {
  .describe-your-situation p.bottom {
    line-height: 27px;
  }
}
.describe-your-situation a.button {
  margin-top: 35px;
  align-self: center;
}
@media (max-width: 991px) {
  .describe-your-situation a.button {
    font-size: 15px;
  }
}

.popular-topics {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  padding: 30px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .popular-topics {
    padding: 24px;
  }
}
.popular-topics > .row > .col-lg-6 {
  margin-top: 20px;
}
.popular-topics > .row > .col-lg-6:nth-child(1), .popular-topics > .row > .col-lg-6:nth-child(2) {
  margin-top: 0;
}
.popular-topics > .row > .col-12 {
  /* &:nth-child(2) {
      margin-top: 6px;
  }*/
}
@media (max-width: 991px) {
  .popular-topics > .row > .col-12 {
    margin-top: 6px;
  }
  .popular-topics > .row > .col-12:nth-child(2) {
    margin-top: 6px;
  }
}

.pacients-says {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin-top: 80px;
  padding: 80px 0;
}
.pacients-says h4 {
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 24px;
  color: #363636;
  text-align: center;
}
.pacients-says p {
  line-height: 16px;
  margin-bottom: 0;
  font-size: 16px;
  color: #8B8B8B;
  text-align: center;
}
.pacients-says .section {
  width: 100%;
  height: auto;
}
.pacients-says .section h5 {
  line-height: 18px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 18px;
}

.about-the-project {
  width: 100%;
  height: 100%;
  padding: 72px 0;
}
@media (max-width: 991px) {
  .about-the-project {
    padding: 36px 0;
  }
}
.about-the-project h4 {
  line-height: 24px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 24px;
  color: #363636;
}
@media (max-width: 991px) {
  .about-the-project h4 {
    line-height: 20px;
    font-size: 20px;
  }
}
.about-the-project .section {
  width: 100%;
  height: auto;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .about-the-project .section {
    margin-top: 20px;
  }
}
.about-the-project .section h5 {
  line-height: 18px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 18px;
  color: #363636;
}
.about-the-project .section p {
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 16px;
  color: #363636;
}
@media (max-width: 991px) {
  .about-the-project .section p {
    margin-top: 10px;
  }
}

/*# sourceMappingURL=main.css.map*/