/* 20220221 add for new contact us form */

.bg-info.alter {
  background-color: white !important
}

.alter .text-secondary {
  color: #6c757d !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

#contact-us-btn {
  position: fixed;
  bottom: 10vh;
  right: 1vw;
  z-index: 900;
}

#contact-us-btn .fa-comments {
  font-size: 30px
}

.contact-us-close {
  top: -35px;
  right: -35px;
}

@media (max-width: 360px) {
  #contact-us-btn {
    bottom: 5vh;
  }
}

@media (min-width: 361px) and (max-width: 768px) {
  #contact-us-btn {
    bottom: 10vh;
  }
}

.sep_line {
  height: 1px;
  border-top: 1px solid #EBEBEB;
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}

.sep_holder {
  height: 1px;
  position: relative;
  flex: 1 1 auto;
  min-width: 10%;
  margin-top: 1em;
  margin-bottom: 1em;
}

.bg-info p,
.bg-info label {
  white-space: pre-wrap;
  tab-size: 4;
  color: #85868C;
  font-size: 1.3em;
  line-height: 1.8em;
}

.bg-info.ad02 p,
.bg-info.ad02 label {
  color: #FFF;
}

.bg-info.alter p,
.bg-info.alter label {
  color: #85868C !important;
}

.bg-info.alter .contactIconText {
  color: #FFF !important;
}

#otherCoursesButton>p {
  padding-left: 2em;
}

#otherCoursesButton>p:hover {
  text-decoration: underline;
  cursor: pointer;
}

.contactBlock {
  height: 200px;
  display: flex;
  align-items: flex-end;
}

.contactBlock>div,
.contactBlock>a>div {
  height: 150px;
  background-color: var(--blue);
  border-radius: 8px;
  box-shadow: 0px 1px 2px black;
}

.contactIcon {
  font-size: 40px;
  margin-left: calc(50% - 40px);
  margin-top: -30px;
  background-color: #ffffff;
  border-radius: 8px;
  width: 80px;
  height: 60px;
  color: var(--blue);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 2px black;
}

.contactIconText {
  margin-left: calc(-50% - 40px);
  margin-top: 60px;
  text-align: center;
  color: white !important;
  width: 100%;
  font-size: 1.2em;
}

.contactUsLabel::before,
.contactUsLabel::after {
  top: 0.58rem;
}



*::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999 !important;
  /* Firefox */
}

*::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #999 !important;
}

*::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #999 !important;
}