:root {
  --444: #444;
  --black: black;
  --f5: whitesmoke;
  --818181: #818181;
  --ff8000: #ff8000;
  --white: white;
  --ffcb05: #ffcb05;
  --ccc: #ccc;
  --ff0000: red;
  --f2: #f2f2f2;
  --ddd: #ddd;
  --5cac00: #5cac00;
  --0004ff: #0004ff;
  --eee: #eee;
}

body {
  color: var(--444);
  letter-spacing: 0;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
}

h1 {
  color: var(--black);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

h2 {
  color: var(--black);
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

h3 {
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

p {
  margin-top: 5px;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

.section-content {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-content.v-home {
  padding-top: 20px;
  padding-bottom: 20px;
}

.container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.container.top {
  height: 50px;
}

.section-footer {
  background-color: var(--f5);
  padding-top: 10px;
  padding-bottom: 10px;
}

.txt-footer {
  color: var(--818181);
  margin-right: 5px;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
}

.footer-txt-link {
  z-index: 10;
  color: var(--818181);
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.footer-txt-link:hover, .footer-txt-link.w--current {
  color: var(--ff8000);
}

.footer-line {
  width: 1px;
  height: 16px;
  background-color: var(--818181);
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.footer-align-b {
  justify-content: center;
  align-items: center;
  display: flex;
}

.header {
  background-color: var(--white);
}

.logo {
  width: 296px;
}

.img-logo {
  width: 100%;
}

.top-b {
  z-index: 100;
  border-bottom: 2px solid var(--ff8000);
  background-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.nav-menu {
  width: 100%;
  background-color: var(--f5);
}

.nav-link {
  color: var(--black);
  letter-spacing: .5px;
  text-transform: uppercase;
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding: 15px 0;
  font-family: Roboto Condensed, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.nav-link:hover {
  color: var(--818181);
}

.nav-link.w--current {
  color: var(--ff8000);
}

.header-index {
  background-color: var(--white);
}

.logo-txt {
  width: 445px;
  display: block;
}

.top-col-r {
  float: right;
}

.btn-icon {
  float: left;
  margin-right: 5px;
  display: block;
}

.header-btn {
  color: var(--818181);
  text-transform: uppercase;
  margin-left: 15px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-block;
}

.header-btn:hover {
  opacity: .6;
}

.btn-txt {
  float: left;
  margin-top: 3px;
}

.header-btn-align-row {
  justify-content: flex-end;
  margin-top: 13px;
  display: flex;
}

.heading-b {
  margin-bottom: 10px;
}

.heading-b.v08-login {
  margin-bottom: 20px;
}

.heading-line {
  width: 50px;
  height: 2px;
  background-color: var(--ffcb05);
}

.subtitle-b {
  background-color: var(--f5);
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 10px 15px;
  position: relative;
}

.subtitle-b.honorary {
  align-items: center;
  display: flex;
}

.container-900 {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.form-b {
  margin-bottom: 0;
}

.form-padding-b {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.txt-field {
  height: 45px;
  border: 1px solid var(--ccc);
  border-radius: 5px;
  margin-bottom: 0;
  padding: 9px 15px;
  font-size: 17px;
}

.txt-field:focus {
  border-color: var(--ff8000);
}

.txt-field.date {
  width: 30.33%;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.txt-field.top-margin-10 {
  margin-top: 10px;
}

.field-label {
  color: var(--818181);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 21px;
}

.form-col {
  width: 100%;
  float: left;
  padding-left: 13px;
  padding-right: 13px;
}

.form-col._30 {
  width: 33.33%;
  float: left;
}

.form-col._50 {
  width: 50%;
}

.form-col._50.no-margin {
  margin-bottom: 0;
}

.form-col._50.add-member {
  padding-bottom: 25px;
  position: relative;
}

.form-col._100 {
  width: 100%;
}

.form-col.warning {
  width: 50%;
  padding-top: 25px;
}

.form-row {
  margin-bottom: 30px;
}

.form-row.no-bottom-margin {
  margin-bottom: 0;
}

.form-row.add-member {
  margin-bottom: 15px;
}

.form-align-b {
  margin-left: -13px;
  margin-right: -13px;
}

.submit-button {
  display: none;
}

.txt-orange {
  color: var(--ff8000);
  font-size: 16px;
  line-height: 20px;
}

.form-warning-b {
  height: 45px;
  align-items: center;
  display: flex;
}

.form-warning-b.password {
  height: auto;
  margin-top: -15px;
}

.icon-mark {
  float: left;
  flex: none;
  margin-right: 5px;
}

.txt-warning {
  float: left;
  color: var(--ff0000);
  font-size: 16px;
  line-height: 18px;
}

.form-dropdown {
  width: 100%;
  display: block;
}

.form-dropdown-toggle {
  width: 100%;
  height: 45px;
  border: 1px solid var(--ccc);
  border-radius: 5px;
  padding: 9px 40px 9px 15px;
  font-size: 17px;
  overflow: hidden;
}

.form-dropdown-toggle:focus {
  border-color: var(--ff8000);
}

.icon-dropdown {
  z-index: 1;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.form-dropdown-list {
  overflow: hidden;
}

.form-dropdown-list.w--open {
  border: 1px solid var(--ccc);
  background-color: var(--white);
  border-radius: 5px;
}

.form-dropdown-link {
  white-space: normal;
  padding: 9px 15px;
}

.form-dropdown-link:hover {
  background-color: var(--f5);
}

.form-dropdown-content {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.form-dropdown-content.overflow {
  height: 205px;
  overflow: auto;
}

.register-b {
  margin-bottom: 80px;
}

.form-row-honorary {
  display: none;
}

.tick-box-btn {
  width: 20px;
  height: 20px;
  background-color: var(--white);
  border: 2px solid #000;
  flex: none;
  display: block;
  position: relative;
}

.tick-box-btn.role {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}

.icon-tick {
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.icon-tick.show {
  display: block;
}

.tick-box-b {
  float: left;
  margin-left: 10px;
}

.register-btn-b {
  text-align: center;
  justify-content: center;
  margin-top: 80px;
  display: flex;
}

.btn {
  height: 46px;
  background-color: var(--444);
  color: var(--white);
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  font-family: Roboto Condensed, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.btn:hover {
  background-color: var(--ff8000);
}

.btn._30 {
  width: 33.33%;
}

.btn.login {
  width: 100%;
}

.btn.video {
  width: 400px;
  justify-content: center;
  align-items: center;
}

.btn.password {
  width: 100%;
}

.btn.success {
  width: 55%;
}

.btn.full {
  width: 100%;
}

.btn.service-request {
  padding-left: 50px;
  padding-right: 50px;
}

.top-logo-b {
  float: left;
}

.form-warning-align-b {
  align-items: flex-start;
  display: flex;
}

.pop-login {
  width: 445px;
  background-color: var(--white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: 40px;
  padding: 20px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.login-b {
  margin-top: 97px;
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.submit-button-2 {
  display: none;
}

.login-form-b {
  width: 100%;
  margin-bottom: 0;
}

.login-txt-link {
  color: var(--818181);
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s;
  display: inline-block;
}

.login-txt-link:hover {
  color: var(--ff8000);
}

.btn-close {
  width: 20px;
  height: 20px;
  background-image: url('../images/icon-close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 20px;
  margin-right: 20px;
  transition: opacity .2s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.btn-close:hover {
  opacity: .6;
}

.login-form-row {
  width: 100%;
  margin-bottom: 10px;
}

.img-logo-txt {
  width: 100%;
  display: block;
}

.section-banner {
  position: relative;
}

.all.v-home {
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.img-home-banner {
  width: 100%;
  background-image: url('../images/home-banner1.5x.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 25%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.home-txt-link {
  border-bottom: 1px solid var(--ff8000);
  color: var(--444);
  text-decoration: none;
}

.home-txt-link:hover {
  color: var(--ff8000);
}

.top-logo-txt-b {
  height: 50px;
  float: right;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link-align-b {
  width: 62%;
  min-width: 640px;
  float: left;
  justify-content: space-between;
  display: flex;
}

.header-btn-align-b {
  height: 50px;
  float: right;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.home-b {
  width: 100%;
}

.home-col-l {
  width: 30%;
  float: left;
  padding-right: 5%;
}

.arrow-link {
  color: var(--444);
  background-image: url('../images/arrow-next.svg');
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 15px;
  padding-left: 28px;
  font-weight: 500;
  transition: opacity .2s;
  display: block;
}

.arrow-link:hover {
  opacity: .6;
}

.home-service-b {
  margin-bottom: 80px;
}

.home-col-r {
  width: 70%;
  float: left;
  margin-bottom: -30px;
}

.news-link {
  width: 100%;
  border: 1px solid var(--ccc);
  color: var(--444);
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 20px 20px 18px;
  display: block;
  position: relative;
}

.news-link:hover {
  border-color: var(--ff8000);
}

.news-date-b {
  color: var(--818181);
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
}

.news-title-b {
  color: var(--black);
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.arrow-yellow {
  display: block;
}

.cert-table-b {
  border-top: 1px solid var(--ccc);
}

.cert-top-row {
  color: var(--818181);
  padding-top: 15px;
  font-size: 16px;
  line-height: 26px;
}

.cert-col {
  width: 25%;
  float: left;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.cert-link {
  width: 30px;
  height: 30px;
  margin-top: -5px;
  display: block;
}

.cert-link.dl {
  background-image: url('../images/icon-dl-yellow.svg');
}

.cert-link.dl:hover {
  background-image: url('../images/icon-dl-orange.svg');
}

.cert-link.preview {
  background-image: none;
  position: relative;
}

.cert-link.preview:hover {
  background-image: url('../images/arrow-orange-open.svg');
}

.cert-link-row {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.cert-b {
  border-bottom: 1px solid var(--ccc);
}

.btn-click {
  z-index: 1;
  opacity: 0;
  background-image: url('../images/arrow-orange-close.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.btn-img {
  z-index: 1;
  width: 30px;
  height: 30px;
  background-image: url('../images/arrow-yellow-open.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.btn-img.mobile {
  display: none;
}

.btn-hover {
  background-image: url('../images/arrow-orange-open.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cert-table-b-mobile {
  border-top: 1px solid var(--ccc);
  display: none;
}

.cert-content-col {
  width: 25%;
  float: left;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 500;
}

.cert-content-col.pdf {
  float: right;
}

.cert-row {
  border-bottom: 1px solid var(--ccc);
}

.cert-expand-b-01, .cert-expand-b-02 {
  width: 100%;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}

.back-btn-b {
  margin-top: 40px;
}

.back-link {
  float: right;
  color: var(--818181);
  background-image: url('../images/arrow-back.svg');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 28px;
  transition: opacity .2s;
  display: inline-block;
}

.back-link:hover {
  opacity: .6;
}

.back-link.video {
  margin-top: 2px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.txt-breadcrumb {
  float: left;
  color: var(--818181);
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
}

.icon-breadcrumb {
  width: 7px;
  height: 26px;
  float: left;
  background-image: url('../images/breadcrumb.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
  margin-right: 5px;
}

.breadcrumb-b {
  margin-bottom: 25px;
}

.video-btn-b {
  text-align: center;
  margin-top: 40px;
  position: relative;
}

.video-content-b {
  width: 100%;
}

.program-b {
  z-index: 10;
  border: 1px solid var(--ffcb05);
  background-color: var(--white);
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.program-b:hover {
  border-color: var(--ff8000);
}

.program-link {
  width: 100%;
  height: 70px;
  color: var(--black);
  background-image: url('../images/arrow-yellow-open.svg');
  background-position: 98%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  padding-right: 60px;
  display: block;
  position: relative;
}

.program-link:hover {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/arrow-orange-open.svg');
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.txt-number {
  z-index: 10;
  letter-spacing: 0;
  font-size: 25px;
  font-weight: 400;
  position: relative;
}

.program-title-b {
  z-index: 10;
  width: 100%;
  height: 70px;
  float: left;
  align-items: center;
  padding-left: 90px;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  position: relative;
}

.program-arrow-b {
  z-index: 10;
  width: 30px;
  height: 30px;
  margin-right: 2%;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.txt-course {
  z-index: 10;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  margin-top: 8px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.program-expand-b {
  z-index: 100;
  position: relative;
}

.program-orange-bar {
  z-index: 5;
  width: 70px;
  height: 100%;
  float: left;
  background-color: var(--ff8000);
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.program-content-b {
  margin-left: 70px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.programe-txt-b {
  margin-top: -10px;
  margin-bottom: 25px;
  padding-left: 15px;
  padding-right: 15px;
}

.arrow-orange {
  opacity: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.arrow-b {
  width: 30px;
  height: 30px;
  margin-top: 18px;
  margin-right: 18px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.list-item {
  background-image: url('../images/bullet.svg');
  background-position: 0 9px;
  background-repeat: no-repeat;
  background-size: 5px;
  padding-left: 15px;
}

.modules-number {
  width: 40px;
  flex: none;
  font-weight: 500;
}

.list {
  float: left;
  margin-bottom: 20px;
}

.training-link {
  float: left;
  color: var(--444);
  background-image: url('../images/arrow-grey.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 8px, 30px;
  align-items: center;
  margin-bottom: 15px;
  padding-left: 40px;
  padding-right: 18px;
  font-weight: 500;
  display: block;
}

.training-link:hover {
  color: var(--ff8000);
  background-image: url('../images/arrow-orange.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
}

.training-link.video {
  background-image: url('../images/arrow-grey.svg'), url('../images/icon-video.svg');
}

.training-link.video:hover {
  background-image: url('../images/arrow-orange.svg'), url('../images/icon-video.svg');
}

.training-link.excel {
  background-image: url('../images/arrow-grey.svg'), url('../images/icon-excel.svg');
}

.training-link.excel:hover {
  background-image: url('../images/arrow-orange.svg'), url('../images/icon-excel.svg');
}

.training-link.pdf {
  background-image: url('../images/arrow-grey.svg'), url('../images/icon-pdf.svg');
}

.training-link.pdf:hover {
  background-image: url('../images/arrow-orange.svg'), url('../images/icon-pdf.svg');
}

.training-link-txt-b {
  float: left;
  padding-top: 3px;
}

.training-modules-b {
  border-bottom: 1px solid var(--ccc);
  margin-bottom: 25px;
  padding-bottom: 5px;
  display: flex;
}

.training-modules-b.last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.list-name {
  font-weight: 700;
}

.program-course-number {
  width: 70px;
  height: 70px;
  max-width: 70px;
  min-width: 70px;
  background-color: var(--ffcb05);
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.program-course-orange {
  background-color: var(--ff8000);
  margin-left: 0;
  display: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.transcript-b {
  margin-top: 80px;
}

.btn-grey {
  background-color: var(--f2);
  color: var(--444);
  background-image: url('../images/arrow-grey.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 90%, 20px;
  background-repeat: no-repeat, no-repeat;
  background-size: 8px, 32px;
  border-radius: 50px;
  padding: 11px 45px 11px 60px;
  font-weight: 500;
}

.btn-grey:hover {
  background-color: var(--ddd);
}

.btn-grey.transcript {
  background-image: url('../images/arrow-grey.svg'), url('../images/icon-transcript.svg');
}

.btn-grey.cert {
  background-image: url('../images/arrow-grey.svg'), url('../images/icon-cert.svg');
}

.program-link-b {
  margin-left: 70px;
  position: relative;
}

.program-grey-line {
  width: 35px;
  height: 50px;
  border-bottom: 1px solid var(--ccc);
  border-left: 1px solid var(--ccc);
  border-radius: 0 0 0 5px;
  margin-top: -20px;
  margin-left: -35px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.program-grey-line.mobile {
  display: none;
}

.program-listing-b {
  margin-bottom: 25px;
}

.btn-grey-b {
  float: left;
  margin-right: 20px;
}

.paging-b {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  display: flex;
}

.paging-link {
  color: var(--818181);
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  line-height: 20px;
}

.paging-link:hover {
  opacity: .6;
}

.paging-link.active {
  color: var(--ff8000);
  font-weight: 500;
}

.paging-link.active:hover {
  opacity: 1;
}

.paging-arrow-l {
  width: 18px;
  height: 20px;
  background-image: url('../images/paging-l.svg');
  background-position: 50% 3px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 5px;
  margin-right: 5px;
}

.paging-arrow-l:hover {
  opacity: .6;
}

.paging-arrow-r {
  width: 18px;
  height: 20px;
  background-image: url('../images/paging-r.svg');
  background-position: 50% 3px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 5px;
  margin-right: 5px;
}

.paging-arrow-r:hover {
  opacity: .6;
}

.txt-link {
  color: var(--444);
  font-weight: 500;
  text-decoration: underline;
}

.txt-link:hover {
  color: var(--ff8000);
}

.txt-italic {
  font-style: italic;
}

.terms-of-use-b {
  margin-bottom: -30px;
}

.footer-link-b {
  flex: none;
}

.password-b {
  width: 100%;
  flex-direction: row-reverse;
  display: flex;
  position: relative;
}

.password-form-b {
  width: 100%;
}

.password-btn-b {
  text-align: center;
  margin-top: 80px;
}

.password-btn-b.success {
  text-align: left;
}

.password-col-l {
  width: 55%;
  float: left;
}

.password-col-r {
  width: 45%;
  float: left;
  padding-left: 80px;
}

.password-form-row {
  margin-bottom: 30px;
}

.password-success-b {
  z-index: 10;
  width: 100%;
  opacity: 0;
  display: none;
}

.forgot-password-col {
  width: 100%;
}

.forgot-password-align-b {
  width: 495px;
  margin-left: auto;
  margin-right: auto;
}

.password-form-txt-row {
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.forgot-message-b {
  z-index: 10;
  width: 100%;
  opacity: 0;
  display: none;
}

.news-heading {
  text-transform: none;
}

.icon-dropdown-white {
  width: 43px;
  height: 43px;
  background-color: var(--white);
  border-radius: 5px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.section-b {
  margin-bottom: 80px;
}

.date-row {
  margin-left: -1.5%;
  margin-right: -1.5%;
}

.radio-btn {
  float: left;
  color: var(--444);
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
}

.radio-btn.others {
  align-items: center;
  display: flex;
}

.radio-btn.small {
  float: left;
}

.radio-btn.small.yes, .radio-btn.right-margin {
  margin-right: 10px;
}

.radio-border {
  width: 16px;
  height: 16px;
  float: left;
  border: 1px solid var(--444);
  border-radius: 20px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 3px;
}

.radio-border.small {
  width: 12px;
  height: 12px;
  margin-top: 3px;
  margin-right: 3px;
  padding: 2px;
}

.radio-dot {
  width: 8px;
  height: 8px;
  background-color: var(--444);
  border-radius: 20px;
}

.radio-dot.small {
  width: 6px;
  height: 6px;
}

.radio-label {
  float: left;
}

.radio-col {
  float: left;
  margin-right: 30px;
}

.radio-col._01 {
  width: 230px;
  flex: none;
}

.radio-col._02 {
  width: 160px;
  flex: none;
}

.radio-col.last {
  flex: 1;
  margin-right: 0;
}

.upload-field {
  width: 100%;
  height: 45px;
  border: 1px solid var(--ccc);
  color: var(--444);
  background-image: url('../images/icon-upload.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 9px 15px;
  font-size: 17px;
  display: block;
}

.upload-field:hover {
  border-color: var(--ff8000);
  background-image: url('../images/icon-upload-orange.svg');
}

.tick-box-role {
  float: left;
  color: var(--444);
  display: flex;
}

.tick-box-label {
  float: left;
  font-weight: 500;
}

.tick-box-role-b {
  height: 45px;
  padding-top: 9px;
}

.tick-box-role-b._50 {
  width: 50%;
  float: left;
}

.add-member-row {
  margin-top: 30px;
  display: none;
}

.add-member-btn {
  width: 30px;
  height: 30px;
  background-image: url('../images/icon-add-yellow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 15px;
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.add-member-btn:hover {
  background-image: url('../images/icon-add-orange.svg');
}

.add-member-btn.study-role {
  margin-bottom: 8px;
  margin-right: 0;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: none;
}

.add-member-btn.multi {
  margin-top: -35px;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: none;
}

.radio-row {
  height: 45px;
  align-items: center;
  display: flex;
}

.float-left {
  float: left;
}

.float-left.txt-red {
  font-size: 16px;
}

.radio-label-col {
  float: left;
  flex: none;
}

.service-form-heading {
  float: left;
  margin-right: 10px;
}

.section-btn-b {
  width: 100%;
  text-align: center;
  margin-top: 80px;
}

.section-btn-b.align-center {
  justify-content: center;
  display: flex;
}

.section-btn-col {
  width: 50%;
  float: left;
  margin-top: 20px;
  padding-left: 13px;
  padding-right: 13px;
}

.section-btn-col._30 {
  width: 33.33%;
}

.section-btn-col.no-top-margin {
  margin-top: 0;
}

.radio-txt-field {
  float: left;
  flex: 1;
  margin-left: 10px;
}

.txt-red {
  color: var(--ff0000);
}

.txt-bold {
  font-weight: 700;
}

.service-table-row-top {
  background-color: var(--444);
  color: var(--white);
  border-radius: 5px;
  align-items: center;
  padding: 10px 5px;
  font-weight: 500;
  display: flex;
}

.service-table-b {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 23px;
}

.service-table-b.mobile {
  display: none;
}

.service-table-row {
  width: 100%;
  border-bottom: 1px solid var(--ccc);
  align-items: center;
  padding: 10px 5px;
  display: flex;
  position: relative;
}

.service-table-row.grey {
  background-color: var(--f5);
}

.service-table-col {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.service-table-col.id {
  width: 17%;
}

.service-table-col.name {
  width: 12%;
}

.service-table-col.type {
  width: 10%;
}

.service-table-col.email {
  width: 17%;
}

.service-table-col.training-status {
  width: 15%;
}

.service-table-col.study-role {
  width: 16%;
}

.service-table-col.study-role.title {
  padding-left: 10px;
}

.service-table-col.date {
  width: 9.5%;
}

.service-table-col.status {
  width: 12.5%;
}

.service-table-col.request-no {
  width: 11%;
}

.service-table-col.edit {
  width: 17%;
  padding-right: 0;
}

.service-table-col.side-btn {
  width: 7%;
  padding-left: 0;
  padding-right: 0;
}

.service-table-col.study-role {
  width: 16%;
  padding-left: 0;
}

.service-table-col.study-role.title {
  padding-left: 10px;
}

.service-table-col.project-no {
  width: 9%;
}

.service-table-col.service-status {
  width: 11%;
}

.service-table-col.redcap-status, .service-table-col.request-live {
  width: 14%;
}

.service-table-col.redcap-btn {
  width: 7%;
  padding-left: 0;
  padding-right: 0;
}

.service-table-col.redcap-email {
  width: 15%;
}

.service-table-col.doc-no {
  width: 10%;
}

.service-table-col.doc-name {
  width: 80%;
}

.service-table-col.open {
  width: 10%;
}

.service-table-col.product-type {
  width: 35%;
}

.service-table-col.request-for-live-request-no {
  width: 18%;
}

.service-table-col.request-for-live-side-btn {
  width: 12%;
  padding-left: 0;
  padding-right: 0;
}

.btn-del {
  width: 25px;
  height: 25px;
  color: var(--444);
  background-image: url('../images/icon-del-grey.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 10px;
  margin-right: -30px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.btn-del:hover {
  background-image: url('../images/icon-del-red.svg');
}

.btn-edit {
  color: var(--444);
  background-image: url('../images/icon-edit.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 23px;
  padding-left: 28px;
  font-weight: 500;
  line-height: 23px;
  display: block;
}

.btn-edit:hover {
  color: var(--ff8000);
  background-image: url('../images/icon-edit-orange.svg');
}

.btn-view {
  color: var(--444);
  background-image: url('../images/icon-view.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 23px;
  padding-left: 28px;
  font-weight: 500;
  line-height: 23px;
  display: block;
}

.btn-view:hover {
  color: var(--ff8000);
  background-image: url('../images/icon-view-orange.svg');
}

.member-warning-b {
  float: left;
  align-items: center;
  margin-left: 13px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.txt-green {
  float: left;
  color: var(--5cac00);
  margin-right: 10px;
  font-size: 16px;
  line-height: 18px;
}

.redcap-service-b {
  display: none;
}

.iis-production-b {
  display: block;
}

.contract-service-b {
  display: none;
}

.other-service-form {
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 30px;
  display: none;
}

.other-service-form.show {
  display: block;
}

.btn-production {
  color: var(--444);
  background-image: url('../images/icon-production.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 23px;
  padding-left: 28px;
  font-weight: 500;
  line-height: 23px;
  display: block;
}

.btn-production:hover {
  color: var(--ff8000);
  background-image: url('../images/icon-production-orange.svg');
}

.tick-box-row {
  margin-bottom: 30px;
  padding-left: 15px;
}

.redcap-term-b {
  padding-left: 30px;
  padding-right: 13px;
}

.top-margin-10 {
  margin-top: 10px;
}

.top-margin-10.align {
  display: flex;
}

.redcap-table-b {
  font-size: 15px;
  display: none;
}

.study-role-b {
  position: relative;
}

.study-role-col {
  padding-right: 50px;
  position: relative;
}

.answer-b {
  padding-top: 5px;
  padding-bottom: 5px;
}

.answer-b:focus {
  border-color: var(--ff8000);
}

.service-request-btn-b {
  justify-content: center;
  align-items: center;
}

.answer-upload-b {
  width: 100%;
  color: var(--444);
  background-image: url('../images/icon-file.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-top: 5px;
  padding-left: 22px;
  display: block;
}

.answer-upload-b:hover {
  color: var(--ff8000);
  background-image: url('../images/icon-file-orange.svg');
}

.multi-centres-col {
  width: 100%;
  float: left;
  flex: 1;
  padding-left: 13px;
  padding-right: 13px;
  display: none;
  position: relative;
}

.upload-field-2 {
  width: 100%;
  height: 45px;
  color: #444;
  background-image: url('../images/icon-upload.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 9px 15px;
  font-size: 17px;
  display: block;
}

.upload-field-2:hover {
  background-image: url('../images/icon-upload-orange.svg');
  border-color: #ff8000;
}

.subtitle-b-2 {
  background-color: #f5f5f5;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 10px 15px;
  position: relative;
}

.field-label-2 {
  color: #818181;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 21px;
}

.tick-box-btn-2 {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #000;
  flex: none;
  display: block;
  position: relative;
}

.tick-box-btn-2.role {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}

.tick-box-role-2 {
  float: left;
  color: #444;
  display: flex;
}

.txt-red-2 {
  color: red;
}

.service-heading-b {
  margin-bottom: 30px;
}

.table-txt-field {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 16px;
}

.table-txt-field:focus {
  border-color: var(--ff8000);
}

.multi-table-b.mobile {
  display: none;
}

.multi-table-row {
  width: 100%;
  border-bottom: 1px solid var(--ccc);
  align-items: center;
  display: flex;
  position: relative;
}

.multi-table-col {
  float: left;
  border-left: 1px solid var(--ccc);
  align-self: stretch;
  align-items: center;
  padding: 5px 10px;
  display: flex;
  position: relative;
}

.multi-table-col.country {
  width: 10%;
}

.multi-table-col.subject {
  width: 12%;
}

.multi-table-col.principal {
  width: 23%;
  flex-direction: column;
}

.multi-table-col.principal.no-padding {
  padding: 0;
}

.multi-table-col.principal.field {
  flex-direction: row;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.multi-table-col.role {
  width: 23%;
  flex-direction: column;
  display: flex;
}

.multi-table-col.role.field {
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.multi-table-col.role.no-padding {
  padding: 0;
}

.multi-table-col.study-site {
  width: 9%;
  border-left-style: none;
}

.multi-table-row-top {
  background-color: var(--444);
  color: var(--white);
  border-radius: 5px;
  align-items: stretch;
  font-weight: 500;
  line-height: 23px;
  display: flex;
}

.multi-table-top {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid var(--ccc);
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.multi-table-bottom {
  width: 100%;
  height: 60px;
  align-items: center;
  display: flex;
  position: relative;
}

.multi-table-bottom-cell {
  width: 50%;
  text-align: center;
  align-self: center;
  padding-left: 5px;
  padding-right: 5px;
}

.table-line {
  width: 1px;
  height: 100%;
  background-color: var(--ccc);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 50%;
  right: auto;
  transform: translate(-50%);
}

.multi-table-title {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
}

.multi-table-50 {
  width: 50%;
  height: 100%;
  float: left;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.multi-table-50.align-center {
  justify-content: center;
}

.multi-radio-row {
  height: 40px;
  align-items: center;
  display: flex;
}

.add-multi-table-row {
  display: none;
}

.admin-txt {
  color: var(--0004ff);
}

.service-table-link {
  width: 100%;
  color: var(--444);
  display: block;
}

.service-table-link:hover {
  color: var(--ff8000);
}

.btn-txt-link {
  color: var(--444);
  font-weight: 500;
  line-height: 23px;
  display: block;
  position: relative;
}

.btn-txt-link:hover {
  color: var(--ff8000);
}

.btn-icon-hover {
  opacity: 0;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.red-txt-heading-b {
  border-bottom: 1px solid var(--ccc);
  color: var(--black);
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-size: 25px;
  font-weight: 500;
}

.multi-centres-b {
  width: 1400px;
}

.txt-area {
  min-height: 67px;
  border: 1px solid var(--ccc);
  border-radius: 5px;
  margin-bottom: 0;
  padding: 9px 15px;
  font-size: 17px;
}

.txt-area:focus {
  border-color: var(--ff8000);
}

.multi-scroll-b {
  overflow: auto;
}

.multi-centres-finished-col {
  width: 100%;
  float: left;
  flex: 1;
  padding-left: 13px;
  padding-right: 13px;
  display: block;
  position: relative;
}

.multi-centres-finished-col.no-padding, .multi-centres-finished-col.finished {
  padding-left: 0;
  padding-right: 0;
}

.form-heading-b {
  position: relative;
}

.request-status-b {
  z-index: 1000;
  border-bottom: 1px solid var(--ccc);
  background-color: var(--white);
  color: var(--black);
  margin-top: -30px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.txt-link-normal {
  color: var(--444);
  text-decoration: underline;
}

.txt-link-normal:hover {
  color: var(--ff8000);
}

.txt-blue {
  color: var(--0004ff);
}

.results-col {
  float: left;
}

.results-col.left {
  width: 140px;
}

.results-table {
  width: 100%;
  margin-bottom: -20px;
  padding-left: 13px;
  padding-right: 13px;
}

.service-request-top-b {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.btn-txt-b {
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.btn-txt-b:hover {
  color: var(--ff8000);
}

.request-status-txt {
  float: left;
  margin-right: 15px;
}

.v08-heading-logo-txt {
  width: 445px;
  display: block;
}

.v08-header-logo-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.v08-header-logo-link {
  float: none;
  display: inline-block;
}

.v08-header-logo-img {
  height: 56px;
  max-width: none;
}

.bestview-b {
  color: var(--818181);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
}

.v08-home-welcome {
  color: var(--444);
  text-transform: none;
  margin-bottom: 0;
}

.v08-home-banner-login {
  z-index: 10;
  max-width: 1280px;
  min-height: 25vw;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.v08-home-banner-login.v-mobile {
  display: none;
}

.v08-login-box {
  width: 445px;
  background-color: var(--white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: 40px;
  padding: 20px;
  position: relative;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.v08-login-heading-b {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.v08-questionmark-btn {
  width: 20px;
  flex: none;
  margin-bottom: 13px;
  margin-left: 5px;
  position: relative;
}

.img-full {
  width: 100%;
  display: block;
  position: relative;
}

.header-mobile-logo-txt {
  color: #777;
  margin-top: 5px;
  font-family: Georgia, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  display: none;
}

.hover-download-txt {
  background-color: var(--black);
  opacity: 0;
  color: var(--white);
  white-space: nowrap;
  border-radius: 10px;
  margin-bottom: 18px;
  margin-left: 15px;
  padding: 6px;
  font-size: 14px;
  line-height: 120%;
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.v08-home-welcome-heading.v-mobile {
  display: none;
}

.v08-home-welcome-content {
  margin-bottom: -10px;
}

html.w-mod-js [data-ix="0-opacity"] {
  opacity: 0;
}

html.w-mod-js [data-ix="login-b"] {
  display: none;
  transform: translate(0, -100%);
}

html.w-mod-js [data-ix="expand-b"] {
  height: 0;
  display: none;
}

@media screen and (max-width: 991px) {
  .section-content.v-home {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.menu {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section-footer {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .txt-footer {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
  }

  .footer-line {
    display: none;
  }

  .footer-align-b {
    text-align: center;
    display: block;
  }

  .nav-menu {
    padding-top: 136px;
  }

  .nav-link {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .logo-txt {
    width: 367px;
  }

  .header-btn {
    margin-left: 0;
    margin-right: 15px;
  }

  .header-btn.mobile {
    width: 100%;
    margin-right: 0;
    padding-top: 17px;
    padding-bottom: 13px;
    padding-left: 5%;
  }

  .header-btn-align-row {
    margin-top: 16px;
  }

  .container-900 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .form-warning-b {
    display: flex;
  }

  .btn {
    letter-spacing: 1.5px;
  }

  .top-logo-b {
    margin-bottom: 15px;
  }

  .form-warning-align-b {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }

  .pop-login {
    width: 100%;
    border-radius: 0;
    margin-right: 0;
    padding: 30px 5%;
  }

  .login-b {
    margin-top: 97px;
  }

  .btn-close {
    margin-top: 30px;
    margin-right: 5%;
  }

  .img-home-banner {
    position: relative;
  }

  .top-logo-txt-b {
    height: auto;
    float: none;
    display: block;
  }

  .nav-link-align-b {
    width: 100%;
    min-width: 0;
    display: block;
  }

  .header-btn-align-b {
    width: 100%;
    height: auto;
    border-top: 1px solid var(--ccc);
    margin-top: 10px;
    padding-top: 10px;
    display: block;
  }

  .menu-btn {
    z-index: 200;
    border-bottom: 2px solid var(--ff8000);
    background-color: var(--f5);
    padding: 43px 20px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .menu-btn.w--open {
    background-color: var(--f5);
  }

  .menu-line01 {
    width: 30px;
    height: 2px;
    background-color: var(--444);
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-line02 {
    width: 30px;
    height: 2px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
  }

  .menu-line03 {
    width: 30px;
    height: 2px;
    background-color: var(--444);
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .home-col-l {
    width: 40%;
  }

  .home-col-r {
    width: 60%;
  }

  .cert-col, .cert-content-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cert-expand-b-01, .cert-expand-b-02 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .menu-line02a, .menu-line02b {
    width: 30px;
    height: 2px;
    background-color: var(--444);
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .footer-link-b.terms {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .password-col-r {
    padding-left: 5%;
  }

  .radio-col._01 {
    width: 220px;
    margin-right: 0;
  }

  .tick-box-role-b._50 {
    width: auto;
    font-size: 16px;
  }

  .tick-box-role-b._50.left {
    margin-right: 10px;
  }

  .service-table-b {
    font-size: 13px;
    line-height: 21px;
    overflow: auto;
  }

  .service-table-b.attachment {
    overflow: visible;
  }

  .service-table-col {
    padding-left: 5px;
    padding-right: 5px;
  }

  .service-table-col.edit, .service-table-col.side-btn {
    padding-left: 0;
  }

  .service-table-col.service-status {
    width: 8%;
  }

  .service-table-col.request-live {
    width: 11%;
  }

  .service-table-col.redcap-btn {
    padding-left: 0;
  }

  .service-table-col.redcap-email {
    width: 17%;
  }

  .service-table-col.request-for-live-side-btn {
    padding-left: 0;
  }

  .multi-table-col.country {
    width: 10%;
  }

  .multi-table-col.role {
    width: 24%;
  }

  .multi-table-col.study-site {
    width: 9%;
  }

  .service-request-b {
    min-width: 850px;
  }

  .v08-heading-logo-txt {
    width: 367px;
  }

  .v08-header-logo-wrap {
    display: block;
  }

  .v08-header-logo-link.mobile-hide {
    display: none;
  }

  .v08-header-logo-img {
    height: 53px;
  }

  .bestview-b {
    display: block;
  }

  .v08-home-welcome {
    margin-right: 10px;
    font-size: 36px;
  }

  .v08-home-banner-login {
    display: none;
  }

  .v08-home-banner-login.v-mobile {
    margin-bottom: 30px;
    display: block;
  }

  .v08-login-box {
    width: 100%;
    border-radius: 0;
    margin-right: 0;
    padding: 30px 5%;
  }

  .header-mobile-logo-txt {
    font-size: 15px;
    display: block;
  }

  .v08-home-welcome-heading {
    display: none;
  }

  .v08-home-welcome-heading.v-mobile {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    display: flex;
  }

  .v08-home-welcome-iisupreme-logo {
    height: 30px;
    flex: none;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .v08-home-welcome-content {
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 26px;
  }

  h1 {
    letter-spacing: 1px;
    font-size: 26px;
    line-height: 30px;
  }

  h2 {
    font-size: 19px;
    line-height: 25px;
  }

  h3 {
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 22px;
  }

  .section-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .container.top {
    height: auto;
  }

  .txt-footer {
    font-size: 14px;
    line-height: 120%;
  }

  .footer-txt-link {
    font-size: 14px;
    line-height: 120%;
    display: block;
  }

  .logo {
    width: 237px;
    padding-left: 0;
  }

  .top-b {
    padding-top: 15px;
    padding-bottom: 10px;
  }

  .nav-menu {
    padding-top: 100px;
  }

  .nav-link {
    font-size: 17px;
  }

  .logo-txt {
    width: 236px;
  }

  .top-col-r {
    width: 100%;
  }

  .header-btn {
    font-size: 15px;
  }

  .header-btn-align-row {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .heading-line {
    width: 40px;
  }

  .subtitle-b {
    margin-bottom: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .txt-field {
    height: 40px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .field-label {
    font-size: 16px;
    line-height: 20px;
  }

  .form-col {
    margin-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-col._30, .form-col._50 {
    width: 100%;
  }

  .form-col._50.add-member {
    margin-bottom: 10px;
    padding-bottom: 20px;
  }

  .form-col.warning {
    width: 100%;
    padding-top: 0;
  }

  .form-row, .form-row.add-member {
    margin-bottom: 0;
  }

  .form-align-b {
    margin-left: -10px;
    margin-right: -10px;
  }

  .form-warning-b {
    height: auto;
    margin-top: -15px;
  }

  .txt-warning {
    font-size: 15px;
  }

  .form-dropdown-toggle {
    height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .form-dropdown-toggle.honorary {
    font-size: 15px;
  }

  .icon-dropdown {
    width: 40px;
    height: 40px;
  }

  .form-dropdown-link {
    padding: 8px 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .register-b {
    margin-bottom: 25px;
  }

  .register-btn-b {
    margin-top: 50px;
  }

  .btn {
    width: 100%;
    letter-spacing: 1px;
    font-size: 20px;
  }

  .btn._30, .btn.video, .btn.password, .btn.success {
    width: 100%;
  }

  .top-logo-b {
    width: 100%;
    margin-bottom: 10px;
  }

  .login-b {
    margin-top: 116px;
  }

  .img-logo-txt {
    height: 9px;
  }

  .img-home-banner {
    background-image: url('../images/home-banner-m2x.jpg');
  }

  .top-logo-txt-b {
    width: 100%;
  }

  .header-btn-align-b {
    justify-content: flex-start;
    margin-top: 10px;
  }

  .menu-btn {
    padding-top: 23px;
    padding-bottom: 23px;
  }

  .home-col-l {
    width: 100%;
    margin-bottom: 35px;
    padding-right: 0%;
  }

  .home-service-b {
    margin-bottom: 50px;
  }

  .home-col-r {
    width: 100%;
    margin-bottom: -25px;
  }

  .news-link {
    margin-bottom: 25px;
    padding: 15px 15px 13px;
  }

  .news-title-b {
    font-size: 19px;
    line-height: 25px;
  }

  .cert-table-b {
    display: none;
  }

  .cert-top-row {
    width: 50%;
    flex-direction: column;
  }

  .cert-col {
    width: 50%;
  }

  .cert-link.preview {
    margin-top: -5px;
    margin-left: 0;
    position: relative;
    left: 0%;
  }

  .cert-b {
    align-items: center;
    padding-top: 5px;
    padding-bottom: 10px;
    display: block;
  }

  .btn-click {
    background-image: url('../images/arrow-orange-close-m.svg');
  }

  .btn-img {
    width: 26px;
    height: 26px;
    background-image: url('../images/arrow-yellow-open-m.svg');
  }

  .btn-img.cert {
    width: 30px;
    height: 30px;
  }

  .btn-img.mobile {
    display: block;
  }

  .btn-hover {
    background-image: url('../images/arrow-orange-open-m.svg');
  }

  .cert-table-b-mobile {
    display: block;
  }

  .cert-content-col {
    width: 50%;
  }

  .cert-row {
    border-bottom-style: none;
    align-items: center;
    padding-top: 5px;
    display: block;
  }

  .cert-expand-b-01 {
    padding-top: 15px;
    padding-bottom: 5px;
  }

  .cert-expand-b-02 {
    padding-bottom: 5px;
  }

  .back-link.video {
    margin-top: 25px;
    position: static;
    transform: none;
  }

  .txt-breadcrumb {
    font-size: 15px;
    line-height: 25px;
  }

  .video-btn-b {
    margin-top: 25px;
  }

  .program-link {
    height: auto;
    background-image: none;
    padding-right: 0;
    display: block;
  }

  .program-link:hover {
    background-image: none;
  }

  .txt-number {
    float: left;
    font-size: 16px;
  }

  .program-title-b {
    width: 100%;
    height: auto;
    padding: 12px 15px 8px;
    font-size: 19px;
    line-height: 25px;
  }

  .program-arrow-b {
    width: 26px;
    height: 26px;
    margin-top: 10px;
    margin-right: 15px;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
    transform: none;
  }

  .txt-course {
    float: left;
    margin-top: 0;
    margin-right: 5px;
    padding-top: 0;
  }

  .program-orange-bar {
    display: none;
  }

  .program-content-b {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .programe-txt-b {
    margin-bottom: 20px;
  }

  .arrow-b {
    margin-top: 13px;
    margin-right: 13px;
  }

  .modules-number {
    width: 35px;
  }

  .list {
    margin-bottom: 15px;
  }

  .training-link {
    background-size: 8px, 23px;
    margin-bottom: 10px;
    padding-left: 33px;
  }

  .training-link-txt-b {
    line-height: 22px;
  }

  .training-modules-b {
    margin-bottom: 20px;
  }

  .program-course-number {
    width: 100%;
    height: auto;
    max-width: none;
    min-width: 0;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 13px;
    padding-bottom: 7px;
    padding-left: 15px;
    display: flex;
    position: relative;
  }

  .btn-grey {
    width: 100%;
    background-position: 95%, 20px;
  }

  .program-link-b {
    margin-top: -15px;
    margin-left: 30px;
  }

  .program-grey-line {
    display: none;
  }

  .program-grey-line.mobile {
    width: 15px;
    height: 70px;
    margin-top: -45px;
    margin-left: -15px;
    display: block;
  }

  .btn-grey-b {
    float: none;
    margin-top: 15px;
    margin-right: 0;
    position: relative;
  }

  .paging-b {
    margin-top: 50px;
  }

  .password-b {
    display: block;
  }

  .password-btn-b {
    margin-top: 50px;
  }

  .password-col-l {
    width: 100%;
    float: none;
  }

  .password-col-r {
    width: 100%;
    float: none;
    margin-bottom: 50px;
    padding-left: 0%;
  }

  .password-form-row {
    margin-bottom: 25px;
  }

  .forgot-password-col {
    width: 100%;
    float: none;
  }

  .forgot-password-align-b {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .icon-dropdown-white {
    width: 30px;
    height: 40px;
  }

  .section-b {
    margin-bottom: 25px;
  }

  .radio-btn.others {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .radio-border {
    margin-top: 4px;
  }

  .radio-col._01 {
    width: 100%;
  }

  .radio-col._02 {
    width: 100%;
    margin-right: 0;
  }

  .radio-col.last {
    width: 100%;
  }

  .upload-field {
    height: 40px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .tick-box-role-b {
    height: auto;
    padding-top: 0;
  }

  .add-member-row {
    margin-top: 15px;
    margin-bottom: 0;
  }

  .add-member-btn.study-role {
    margin-bottom: 5px;
  }

  .add-member-btn.multi {
    margin-top: -18px;
    margin-right: 0;
  }

  .radio-row {
    display: block;
  }

  .radio-label-col {
    width: 100%;
  }

  .section-btn-b {
    margin-top: -15px;
  }

  .section-btn-col {
    width: 100%;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-btn-col._30 {
    width: 100%;
  }

  .radio-txt-field {
    margin-left: 26px;
  }

  .service-table-b {
    font-size: 16px;
    line-height: 24px;
    display: none;
  }

  .service-table-b.mobile {
    margin-bottom: 50px;
    display: block;
  }

  .service-table-b.mobile.margin-25 {
    margin-bottom: 25px;
  }

  .service-table-row {
    margin-bottom: 10px;
    padding: 10px 0 25px;
    display: block;
  }

  .service-table-row.no-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-table-row.padding-10 {
    padding-bottom: 10px;
  }

  .service-table-col {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .service-table-col.id, .service-table-col.name, .service-table-col.type, .service-table-col.email, .service-table-col.training-status, .service-table-col.study-role {
    width: 50%;
  }

  .service-table-col.left {
    width: 50%;
    font-weight: 500;
  }

  .service-table-col.date, .service-table-col.status, .service-table-col.request-no {
    width: 50%;
  }

  .service-table-col.edit, .service-table-col.side-btn {
    width: 100%;
    text-align: right;
  }

  .service-table-col.study-role, .service-table-col.project-no {
    width: 50%;
  }

  .service-table-col.redcap-btn {
    width: 100%;
    text-align: right;
  }

  .service-table-col.doc-no, .service-table-col.doc-name, .service-table-col.request-for-live-request-no {
    width: 50%;
  }

  .service-table-col.request-for-live-side-btn {
    width: 100%;
    text-align: right;
  }

  .btn-del {
    width: auto;
    height: 20px;
    float: right;
    background-size: 20px;
    margin-top: -5px;
    margin-right: 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    position: static;
  }

  .table-row {
    margin-bottom: 10px;
    display: flex;
  }

  .btn-txt-mobile {
    display: block;
  }

  .btn-edit, .btn-view {
    width: auto;
    height: 20px;
    background-size: 20px;
    margin-top: 0;
    margin-right: 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: static;
  }

  .txt-green {
    font-size: 15px;
  }

  .btn-production {
    width: auto;
    height: 20px;
    background-size: 20px;
    margin-top: 0;
    margin-right: 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: static;
  }

  .study-role-col {
    padding-right: 40px;
  }

  .service-request-btn-b {
    width: 100%;
  }

  .service-request-btn-b.mobile {
    display: block;
  }

  .multi-centres-col {
    margin-top: -40px;
    padding-right: 0;
  }

  .upload-field-2 {
    height: 40px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .subtitle-b-2 {
    margin-bottom: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .field-label-2 {
    font-size: 16px;
    line-height: 20px;
  }

  .service-heading-b {
    margin-bottom: 25px;
  }

  .table-txt-field {
    height: 40px;
    border-style: solid;
    border-color: var(--ccc);
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .multi-table-b {
    font-size: 16px;
    line-height: 24px;
    display: none;
  }

  .multi-table-b.mobile {
    border-top: 1px solid var(--ccc);
    padding-top: 25px;
    padding-bottom: 25px;
    display: block;
  }

  .multi-table-b.mobile.no-border {
    border-top-style: none;
  }

  .multi-table-b.mobile.no-border.no-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .multi-table-b.mobile.finished {
    border-top-style: none;
    padding-top: 15px;
    padding-bottom: 0;
  }

  .multi-table-row {
    border-bottom-style: none;
    margin-bottom: 10px;
    display: flex;
  }

  .multi-table-row.no-bottom-padding {
    margin-bottom: 0;
  }

  .multi-table-col {
    width: 50%;
    border-left-style: none;
    padding-left: 0;
    padding-right: 0;
  }

  .multi-table-col.left {
    padding-right: 10px;
    font-weight: 500;
  }

  .multi-table-col.left.full {
    width: 100%;
  }

  .table-line {
    display: none;
  }

  .btn-txt-link {
    width: auto;
    height: 20px;
    background-size: 20px;
    margin-top: 0;
    margin-right: 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: static;
  }

  .red-txt-heading-b {
    margin-bottom: 25px;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 25px;
  }

  .multi-centres-b {
    width: 100%;
  }

  .txt-area {
    min-height: 64px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .multi-scroll-b {
    overflow: visible;
  }

  .multi-centres-finished-col {
    margin-top: -40px;
    padding-right: 0;
  }

  .multi-centres-finished-col.finished {
    margin-top: 0;
  }

  .request-status-b {
    margin-top: -20px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 19px;
    line-height: 25px;
  }

  .results-table {
    margin-bottom: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .service-request-top-b {
    margin-bottom: 40px;
    display: block;
  }

  .btn-txt-b {
    width: auto;
    height: 20px;
    background-size: 20px;
    margin-top: 0;
    margin-right: 0;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    position: static;
  }

  .v08-heading-logo-txt {
    width: 236px;
  }

  .v08-header-logo-link {
    padding-left: 0;
  }

  .v08-header-logo-img {
    height: 40px;
  }

  .bestview-b {
    font-size: 14px;
    line-height: 120%;
  }

  .v08-questionmark-btn {
    width: 16px;
    margin-bottom: 11px;
    margin-left: 2px;
  }

  .header-mobile-logo-txt {
    font-size: 13px;
  }
}

@media screen and (max-width: 479px) {
  .txt-footer, .footer-txt-link {
    font-size: 9px;
  }

  .menu-btn {
    padding-left: 10px;
    padding-right: 10px;
  }

  .password-form-txt-row {
    margin-bottom: 25px;
  }

  .bestview-b {
    font-size: 9px;
  }
}


@font-face {
  font-family: 'Georgia';
  src: url('../fonts/Georgia.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue Pro';
  src: url('../fonts/HelveticaNeueLTPro-Lt.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue Pro';
  src: url('../fonts/HelveticaNeueLTPro-Roman.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue Pro';
  src: url('../fonts/HelveticaNeueLTPro-Md.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue Pro';
  src: url('../fonts/HelveticaNeueLTPro-Bd.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue Con';
  src: url('../fonts/HelveticaNeueLTPro-MdCn.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Neue Con';
  src: url('../fonts/HelveticaNeueLTPro-BdCn.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}