.k-icon {
  background-image: none;
}
.k-toolbar .k-button .k-icon {
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

/* Kendo UI fix */
/* https://docs.telerik.com/kendo-ui/backwards-compatibility/2017-backward-compatibility */
.k-i-arrow-60-left {
  background-position: 0px -48px;
}
.k-i-arrow-60-right {
  background-position: 0 -16px;
}
.k-i-arrow-end-right {
  background-position: 0 -80px;
}
.k-i-arrow-end-left {
  background-position: 0 -112px;
}
.k-i-sort-desc-sm {
  background-position: 0px -32px;
}
.k-i-sort-asc-sm {
  background-position: 0px 0px;
}
.k-i-bold {
  background-position: -240px 0px;
}
.k-i-italic {
  background-position: -240px -24px;
}
.k-i-underline {
  background-position: -240px -48px;
}
.k-i-align-left {
  background-position: -240px -144px;
}
.k-i-align-center {
  background-position: -240px -168px;
}
.k-i-align-right {
  background-position: -240px -192px;
}
.k-i-align-justify {
  background-position: -240px -216px;
}
.k-i-list-unordered {
  background-position: -240px -264px;
}
.k-i-list-ordered {
  background-position: -240px -288px;
}
.k-i-indent-increase {
  background-position: -288px 0px;
}
.k-i-link-horizontal {
  background-position: -288px -48px;
}
.k-i-unlink-horizontal {
  background-position: -288px -72px;
}
.k-i-sub-script {
  background-position: -287px -145px;
}
.k-i-sup-script {
  background-position: -287px -169px;
}
.k-i-print {
  background-position: -288px -267px;
}
.k-i-html {
  background-position: -288px -121px;
}

.k-i-image {
  background-position: -288px -98px;
}
.k-i-table-insert {
  background-position: -192px 0px;
}

.k-i-table-row-insert-above {
  background-position: -192px -74px;
}
.k-i-table-row-insert-below {
  background-position: -192px -96px;
}
.k-i-table-column-insert-left {
  background-position: -192px -24px;
}
.k-i-table-column-insert-right {
  background-position: -192px -48px;
}
.k-i-table-row-delete {
  background-position: -192px -122px;
}
.k-i-table-column-delete {
  background-position: -192px -146px;
}
.k-i-clear-css {
  background-position: -312px -267px;
}
.k-i-copy-format {
  background-position: -288px -289px;
}
.k-i-apply-format {
  background-position: -312px -289px;
}
/* ----------- */

.tryNewFeedback {
  position: fixed;
  bottom: 0px;
  left: 0px;
  /* width: 100%; */
  width: 100vw;
  /* background: #039b00; */
  /* background: #028500; */
  background: #162834;
  color: #fff;
  text-align: center;
  z-index: 1;
  /* font-size: 14px; */
  font-size: 16px;
  padding: 6px 20px;
  font-weight: 600;
}

#tryNewFeedbackClose {
  color: white;
  font-size: 32px;
  margin-right: 0px;
  opacity: 1;
  line-height: 0.5;
  /* position: absolute; */
  /* right: 0px; */
  /* top: 0; */
  height: 100%;
  /* width: 100px; */
  width: 100%;
  /* background: #027b00; */
  /* background: #026B00; */
}
#tryNewFeedbackClose span {
  display: block;
  margin-top: 2px;
  height: 24px;
  /* margin-top: -4px !important; */
}

.tryNewWebsiteBanner {
  background: #162834;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100vw;
  z-index: 1;
  padding: 50px;
  /* left: 50%; */
  /* transform: translate(-50%, 0); */
}

.tryNewWebsiteBanner img {
  /* width: 100%; */
  height: 200px;
  width: auto;
}

.tryNewWebsiteBanner h2,
.tryNewWebsiteBanner p {
  color: #fff;
}
.tryNewWebsiteBanner h2 {
  padding-bottom: 10px;
}
.tryNewWebsiteButtonContainer {
  display: flex;
  gap: 20px;
  padding-top: 10px;
}
.tryNewWebsiteButton {
  background: #006665;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  font-weight: 700;
}

.tryNewWebsiteButton:hover {
  color: #006665 !important;
  background: #fff !important;
}

.rightLinks {
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: right;
}
.rightLinks li {
  display: inline-block;
}
.newFooter .copyrightFooter p {
  font-size: 12px;
  width: 60%;
}
.newFooter h3 {
  color: #fff;
  margin-top: 0px;
}
img.cisiLogoFooter {
  width: 150px;
  padding-bottom: 20px;
}
.newFooter .socialIcons {
  text-align: left;
  margin-top: 20px;
}
.newFooter .socialIcons img {
  width: 50px;
  margin-right: 6px;
}
.newFooter.container.fullContainer {
  width: 100%;
  margin: 20px auto 50px;
}
.newFooter .contactUsFooter p {
  font-size: 16px;
}
.sfBreadcrumbWrp {
  font-size: 14px;
  font-weight: bold;
  color: #006666;
}
.sfBreadcrumbWrp .rsmLink {
  border: 0px solid !important;
  transition: color 0.3s ease-in-out;
  border-radius: 0px !important;
}
.sfBreadcrumbWrp .rsmLink:hover {
  background: none;
  background-color: transparent !important;
  background-image: none !important;
  border: 0px solid transparent !important;
  border-bottom: 1px solid #149b9b !important;
  border-radius: 0px !important;
  border-color: #149b9b !important;
  color: #149b9b !important;
}
.sfNoBreadcrumbNavigation .rsmLink:hover {
  cursor: default;
  color: #4f4f4f !important;
  border-bottom: 0px solid #149b9b !important;
}
.breadcrumbWrapper.newBlankHeader {
  margin-top: 100px !important;
  margin-bottom: -70px !important;
}
.breadcrumbWrapper {
  margin-top: 200px !important;
  margin-bottom: -50px !important;
}
.container_wrapper:has(.sfBreadcrumbWrp) ~ .journeyNav {
  top: calc(0vh + 80px);
}
.sfBreadcrumbNavigation {
  color: #006666;
}
.sfBreadcrumbWrp a {
  color: #006666;
}
.sfNoBreadcrumbNavigation {
  color: #4f4f4f;
}
.k-datepicker {
  font-size: 16px;
}
.k-datepicker #selectedDateButton {
  border-radius: 6px 0px 0px 6px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid transparent;
  height: 40px;
}
.k-input-button {
  border-radius: 6px;
  margin-top: -2px;
  background: #efefef;
  margin-left: -4px;
  height: 40px;
}
.k-i-calendar {
  margin-top: -4px !important;
}
.examSessionDate {
  font-size: 16px !important;
  padding: 8px 26px !important;
  margin-top: 3px;
}
/* variables */
.signInImage {
  display: none;
}
.signInAndSignOutAndBasketContainer .main {
  display: none;
}
.navbar-brand {
  float: left;
  height: 40px;
  padding: 4px 30px 0px 30px;
}
.mainNav {
  padding-top: 10px;
  transition: all 0.5s;
  padding-bottom: 10px;
}
.navbar-default.mainNavScrolling {
  backdrop-filter: saturate(200%) blur(10px);
  -webkit-backdrop-filter: saturate(200%) blur(10px);
  background: #053e3e9d !important;
}
.mainNav.mainNavScrolling {
  padding-top: 10px;
  padding-bottom: 0px;
}
.mainNav .navbar-brand img {
  height: 40px;
  transition: all 0.5s;
}
.mainNav.mainNavScrolling .navbar-brand img {
  height: 50px;
  margin-top: 5px;
}
.mainNav .navbar-nav > li > a {
  font-size: 16px;
  font-weight: 400;
  text-shadow: none;
}
.nav > li > a {
  padding: 10px 14px;
}
.mainNav .navbar-nav {
  /* margin-top: 6px; */
}
@media (max-width: 1100px) {
  .mainNav.mainNavScrolling .navbar-brand img {
    height: 40px;
  }
  .mainNav.mainNavScrolling {
    padding-bottom: 10px;
  }
  .navbar-default.mainNavScrolling {
    background-color: #066 !important;
  }
  .introWrapper {
    margin-top: 70px !important;
  }
}
.userName {
  color: #fff;
  padding: 8px 15px;
  width: fit-content;
  display: inline-block;
  font-size: 16px;
}
.accountDropdown .fullName {
  display: flex;
  width: max-content;
  align-items: center;
}
.mainNav .accountDropdown {
  cursor: pointer;
  /* margin-right: 30px; */
  display: inline-block;
  padding-left: 0px;
  background: #0b8383;
  border-radius: 200px;
  margin-right: 10px;
  border: 3px solid #fff;
  margin-top: -4px;
  transition: all 0.5s;
  /* width: 200px; */
  overflow: hidden;
  /* height: 60px; */
  /* position: absolute; */
  top: 0px;
  right: 0px;
}
ul.nav.navbar-nav.navbar-right {
  position: absolute;
  right: 4px;
}

.mainNav .accountDropdown {
  /* display: flex; */
}

.accountDropdownLinks {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0px 25px;
}

.accountDropdownLinks a {
  color: #fff;
}
#howCanWeHelp {
  background: url(/cisiweb2/image/blank.jpg);
  width: 100% !important;
  padding: 80px 0px;
  box-shadow: inset 0px 20px 30px -10px #0000006b;
  margin-bottom: 40px;
  margin-top: 0px;
}
#howCanWeHelp button {
  background: transparent;
  border: 0px solid;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  text-decoration: underline;
  margin-top: -6px;
  border-bottom: 1px solid #fff;
  border-radius: 0px;
  height: 50px;
}
#howCanWeHelp fieldset {
  display: flex;
  align-items: center;
}
@media (max-width: 1300px) {
  #howCanWeHelp button {
    width: unset !important;
  }
}
/*Previous 600px - DH*/
@media (max-width: 1199px) {
  .newPressWrapper ul:first-of-type li {
    width: 90% !important;
  }
  #howCanWeHelp button {
    font-size: 22px;
  }
  #howCanWeHelp fieldset {
    display: unset;
  }
  .signedInLink,
  .basketLink,
  .signInLink,
  .registerLink {
    background: #3f8d8d;
    padding: 10px 14px !important;
    width: 100%;
    position: relative;
    margin: 0px !important;
    border: 0px solid !important;
    display: block;
    text-align: left;
    font-size: 16px;
  }
  .basketLink {
    margin-top: 1px !important;
  }
  .signInLink {
    border-bottom: 1px solid #006666 !important;
  }
}
.container .qualsInfoIcon {
  width: 20px !important;
  display: inline !important;
  margin: 0px !important;
}
.signInLink {
  /* margin-right: 15px;
  display: inline-block;
  font-size: 16px; */
  /* background: #279b9b; */
  /* background: #0b8383;
  border-radius: 200px;
  padding-top: 3px;
  border: 3px solid #fff;
  margin-top: -6px;
  transition: all 0.5s;
  overflow: hidden; */

  /* position: absolute; */
  /* top: 0px;
  right: 0px;
  padding: 10px 15px;
  font-weight: bold;
  color: #fff; */
}
.signInLink:hover {
  color: #fff;
  /* background: #2e6d6d; */
  /* background-color: #0d5e5e; */
}
.signedInLink {
  /* margin-right: 15px;
  display: inline-block;
  width: 200px;
  font-size: 16px;
  background: #279b9b;
  border-radius: 200px;
  padding-top: 3px;
  border: 3px solid #fff;
  margin-top: -6px;
  transition: all 0.5s;
  overflow: hidden; */

  /* position: absolute; */
  /* top: 0px;
  right: 0px;
  padding: 10px 15px;
  font-weight: bold; */
  color: #fff;
  margin-right: 10px;
  border-right: 1px solid #fff;
  padding-right: 10px;
}
.mycisiLink {
  margin-right: 20px;
  display: inline-block;
  font-size: 16px;
  background: #0b7a83;
  border-radius: 200px;
  padding-top: 3px;
  border: 3px solid #fff;
  transition: all 0.5s;
  overflow: hidden;
  top: 0px;
  right: 0px;
  padding: 8px 15px;
  font-weight: bold;
  color: #fff;
}
/*DH*/
.mycisiLink:hover {
  color: #fff;
  background: #3b949b;
}
.learningPlatformLink {
  margin-right: 20px;
  display: inline-block;
  font-size: 16px;
  background: #052c6e;
  border-radius: 200px;
  padding-top: 3px;
  border: 3px solid #fff;
  transition: all 0.5s;
  overflow: hidden;
  top: 0px;
  right: 0px;
  padding: 8px 15px;
  font-weight: bold;
  color: #fff;
}
.learningPlatformLink:hover {
  color: #fff;
  background: #0d4b9b;
}
.signedInLink:hover {
  width: 800px;
}
.signedInLink a {
  color: #fff;
}
.registerLink,
.basketLink {
  /* color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 0px 14px;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 1), 0px 0px 50px rgba(0, 0, 0, 0.6); */
}
.mainNav .accountDropdown:hover {
  /* width: 830px; */
}
.mainNav .navbar-right {
  position: relative;
  /* padding-right: 250px; */
}
.mainNav .accountDropdown a {
  display: inline-block;
  font-weight: 700;
}
.mainNav .accountDropdown a.accountItem {
  opacity: 1;
  transition: opacity 1s;
  transition: color 0.5s;
}
.mainNav .accountDropdown a.accountItem:hover,
.mainNav .accountDropdown a:hover {
  border-bottom: 0px solid !important;
  color: #006666;
}
.mainNav .accountDropdown:hover a.accountItem {
  opacity: 1;
}
.navbar-right {
  display: block;
  align-items: center;
  margin: 0px !important;
}
#cookieConsent {
  display: none !important;
}
.footerMainLink {
  display: none !important;
}
.footerLinks {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 40px;
}
.copyright {
  font-size: 10px;
  text-align: center;
}
.copyright a img {
  width: 100px;
}
.purpose {
  display: none;
}
.footerTop .socialIcons img {
  width: 40px;
}
.socialIcons {
  text-align: center;
}
#howCanWeHelp h2 {
  color: white;
}

@media (min-width: 900px) {
  .shopFilters.container_wrapper {
    top: 70px;
    transition: all 0.3s;
  }
  .pageIsScrolling .shopFilters.container_wrapper {
    top: 20px;
    transition: all 0.3s;
  }
}
@media (min-width: 1600px) {
  .shopFilters.container_wrapper {
    top: 93px;
  }
  .pageIsScrolling .shopFilters.container_wrapper {
    top: 20px;
  }
}

.userIcon {
  color: #006666;
  font-size: 14px;
  font-weight: 900;
  background: #fff;
  border-radius: 200px;
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  line-height: normal;
}
.dropdown-menu {
  background-color: #279b9b;
  margin: 0px;
  padding: 0px;
  border: 0px solid;
  border-radius: 0px;
}
.dropdown-menu > li > a {
  padding: 12px 25px;
  color: #222;
  font-weight: 600;
  background: #ffffff;
  /* background: #efefef; */
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #009090;
}
.dropdown-menu .menuCallToAction > a {
  background-color: #006666;
  color: #fff;
}
.dropdown-menu .divider {
  height: 0px;
  margin: 11.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
img.userLocation {
  width: 40px;
  margin-top: -4px;
  margin-left: 4px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.pullQuote,
.pullQuote p,
.crossHead,
.crossHead p {
  font-family: "Nunito", sans-serif;
  font-weight: 500;
  color: #0b8383;
}
h3 a {
  color: #0b8383;
}
h3 a:hover {
  color: #0da5a5;
}
h1 {
  font-size: 30px !important;
}
h2 {
  font-size: 24px !important;
}
#mainWrapper {
  margin-bottom: -20px !important;
  min-height: 70vh;
  margin-top: 130px;
}
.newWelcome {
  height: 60vh;
  width: 100%;
  background-image: url(/cisiweb2/image/homepage/tvwelcome.jpg);
  background-size: cover;
  background-position: center center;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  padding-left: 4%;
}
.newWelcomeText {
  width: 55%;
  margin-top: 30px;
  color: #fff;
  /* text-shadow: 0px 0px 50px rgba(0, 0, 0, 1), 0px 0px 70px rgba(0, 0, 0, 1); */
}
.newWelcomeText h1 {
  color: #fff;
  font-size: 30px !important;
}
.newWelcomeText h2 {
  color: #fff;
  margin-top: 0px;
}
.newWelcomeText p {
  font-size: 16px;
  line-height: normal;
}
body {
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}
.container_wrapper.sf_cols {
  margin: 3% 0;
}
.container {
  width: 100% !important;
  margin-left: 0%;
}
.container.fullContainer {
  width: 90% !important;
  margin: 0px auto 0;
}
#cisitvWrapper {
  margin-top: -130px;
}
.nav-tabs > li > a {
  font-size: 16px;
}
.nav-tabs > li > a:hover {
  color: #fff;
}
.memberDirectorySearchWrapper {
  margin-top: 0px !important;
  padding-top: 160px !important;
}
.cardImage {
  max-width: 100%;
}
.cardTitle {
  /* margin-bottom: 0px; */
  /* margin-top: 0px; */
  /* font-size: 2.5rem !important; */
  /* color: #0b8383 !important; */
}
.bs-searchbox {
  background: #efefef;
}
.filter-option-inner-inner {
  color: #444;
  font-weight: 400;
}
.btn-default,
.btn-primary,
.newPressWrapper ul:first-of-type li > a {
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 20px;
  border: 0px solid;
  background: #0b8383;
  color: #fff;
  transition: all 0.3s;
  margin-bottom: 10px;
  white-space: normal;
}
.btn-default:hover,
.btn-primary:hover,
.newPressWrapper ul:first-of-type li > a:hover {
  /* background: rgb(0 113 143); */
  background: #0d5e5e;
  color: #fff;
}
.btn-primary {
  /* background: rgb(162, 20, 65); */
}
.nextStepsEnd .btn {
  width: 100%;
}
.journeyNav {
  width: 90%;
  margin: auto;
  background: #105757;
  right: 0%;
  padding: 30px;
  border-radius: 6px;
  position: relative;
  z-index: 1000;
}
.journeyNav.affix-top {
  top: calc(0vh + 100px);
  position: relative;
}
.journeyNav.affix-bottom {
  position: absolute;
}
.journeyNav.affix {
  right: 5%;
  top: 150px;
  z-index: 1000;
}
.journeyNav h3,
.journeyNav h2 {
  color: #fff;
  font-weight: 700;
  margin-top: 0px;
  font-size: 24px;
}
.journeyNav li > a {
  padding: 0px;
}
.journeyNav .nav-cta {
  margin-bottom: 20px;
}
/* .journeyNav .nav-cta li > a {
    border-radius: 0px;
    font-size: 17px;
    font-weight: 700;
    padding: 12px 40px;
    border: 0px solid;
    background: #4eb3b3;
    color: #fff;
    transition: all 0.3s;
    text-align: center;
} */
.journeyNav .nav-ql li > a {
  border-radius: 0px;
  font-size: 16px;

  color: #fff;
  margin-bottom: 4px;
  transition: all 0.3s;
  padding: 0px;
}
.journeyNav .nav-ql li > a:hover {
  border-radius: 0px;
  background: transparent;
  font-size: 16px;

  color: #8adbdb;
  margin-bottom: 4px;
}
.journeyNav .nav-ql li > a:focus {
  background: transparent;
}
.journeyNav .nav-ql li > a i {
  color: #8adbdb;
  font-size: 80%;
}
.gradeCardImage {
  width: 150px !important;
  border-radius: 20px;
  margin-right: 10px;
}
.gradeTable {
  font-size: 20px;
}
.gradeTable td:first-child {
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  font-size: 20px;
}
.journeyNav .nav-cta li > a {
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px;
  border: 0px solid;
  /* background-color: #4eb3b3; */
  background-color: #0b8383;
  color: #fff;
  transition: all 0.3s;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 6px;
}
/* .journeyNav .nav-cta li > a::before {
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 2px;
    content: "\f35a";
    font-family: "FontAwesome";
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    text-indent: 5px;
    border-radius: 0 50% 50% 0;
    background-color: #4eb3b3;
    transform: translate(-20%, 0) scale(0, 1);
    transform-origin: left center;
    transition: all 0.25s;
    z-index: 1;
}
.journeyNav .nav-cta li > a:hover {
    text-indent: 20px;
}
.journeyNav .nav-cta li > a:hover::before {
    transform: translate(0%, 0) scale(1, 1);
} */
.journeyNav .nav-cta li > a.factSheet {
  background-color: #ba0404;
}
.journeyNav .nav-cta li > .factSheet::before {
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 2px;
  content: "\f1c1";
  font-family: "FontAwesome";
  font-weight: 700;
  font-size: 30px;
  color: #fff;
  text-indent: 5px;
  border-radius: 0 50% 50% 0;
  background-color: #ba0404;
  transform: translate(-20%, 0) scale(0, 1);
  transform-origin: left center;
  transition: all 0.25s;
  z-index: 1;
}

.tab-pane {
  background: #ffffff;
  /* background: #efefef; */
  padding: 30px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  /* border-left: 1px solid #757575;
  border-right: 1px solid #757575;
  border-bottom: 1px solid #757575; */
  border-radius: 0px 0px 0px 0px;
}

.tab-pane a,
.tab-pane h2 {
  /* color: #067575; */
}

.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  /* border: solid 1px #757575 !important;
  border-bottom-color: transparent; */
}

.nav-tabs > li.active > a {
  background-color: #ffffff !important;
  /* background-color: #efefef !important; */
}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #ffffff !important;
  /* background-color: #efefef !important; */
}
.nav > li > a:hover,
.nav > li > a:focus {
  /* background-color: #f7f7f7 !important; */
}
.nav-tabs {
  /* border-bottom: 1px solid #757575; */
  border-bottom: 1px solid #ddd;
}

#footerWrapper {
  background: #006666;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 50px;
}
#footerWrapper a {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
#footerWrapper a:hover {
  color: #8adbdb;
  font-size: 14px;
  font-weight: 600;
}
.cardsRow {
  margin-top: 0px;
  margin-bottom: 0px;
}
.card {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
  border-radius: 6px;
  transition: all 0.3s;
}

.card img {
  border-radius: 6px 6px 0px 0px;
  /* height: 230px; */
  width: 100%;
}
.cardDetails {
  padding: 20px 30px 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* justify-content: space-between; */
  min-height: 100px;
}
.cardDetails p {
  font-size: 18px;
  margin-bottom: 20px;
}
/* ------------ */

#welcomeIntro {
  background: url(/cisiweb2/image/homepage/tvwelcome.jpg);
  background-size: cover;
  background-position: center;
  height: 600px;
  padding: 50px;
  display: flex;
  align-items: center;
}

.introWrapper .container {
  color: #fff;
  padding-left: 5%;
  margin-left: 0px;
  padding-right: 20%;
}
.introWrapper {
  height: 40vh;
  background-size: cover;
  background-position: center center;
  /* box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset,
    0px 0 500px rgba(0, 0, 0, 0.9) inset, 600px 0 500px rgba(0, 0, 0, 0.6) inset; */
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 100px;
}
.introWrapper h2 {
  color: #fff;
  font-size: 30px !important;
  margin-top: 30px;
}
.introText h4 {
  color: #fff;
  font-weight: 700;
  font-style: italic;
}

.introText h1 {
  font-size: 48px !important;
  color: #fff !important;
}

.introText p {
  color: #fff;
  font-weight: 700;
  font-style: italic;
  font-size: 20px !important;
  /* display: block !important; */
}

.introWrapper p {
  font-weight: 700;
  display: none;
}
.qualsTable {
  background-color: #fff;
  width: 60%;
  margin-top: 40px;
}
.qualsTable tr > td:first-of-type {
  font-weight: 700;
}
.newBlankHeader {
  height: 40px;
}
.signInAndRegisterContainer .borderLeft {
  display: none;
}
.mainWrapper .signInWarning {
  margin-top: 10px;
}
.signInContainer {
  width: 100% !important;
}
.closed {
  color: white;
  font-size: 19px;
  font-weight: 500;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -13px;
  /* background-color: #006666; */
  background-color: #af0000;
  border-radius: 40px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#eventShopDetail {
  margin-top: 0px !important;
}
/* #eventShopDetail h1{
  margin-top: 105px;
} */
.preHeader {
  background: none;
  position: relative;
  top: 0px;
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 14px;
  padding: 0px;
}
.preHeader a {
  color: #fff;
}
/*Previous 762px - DH*/
@media (min-width: 1200px) {
  .signInLink {
    /* margin-right: 20px;
    display: inline-block;
    font-size: 18px;
    /* background: #279b9b; */
    /* border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    margin-top: -6px;
    transition: all 0.5s;
    overflow: hidden; */

    /* position: absolute; */
    /* top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff; */
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
  }
  .preHeader {
    background: #007272;
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: right;
    color: #fff;
    font-size: 14px;
    padding: 4px 30px;
  }
  .preHeader a {
    color: #fff;
  }
  .navbar-right {
    display: flex;
    align-items: center;
    margin-right: 10px !important;
  }
  .newBlankHeader {
    /* background: url(/cisiweb2/image/blank.jpg);
    background-size: cover; */
    padding: 70px 0px 57px !important;
    margin: 0px 0px -50px 0px !important;
    height: 0px;
  }
  .navbar-brand {
    float: left;
    height: 70px;
    padding: 0px 30px 0px 30px;
  }
  .mainNav {
    padding-top: 60px;
    transition: all 0.5s;
    padding-bottom: 10px;
  }
  .mainNav .navbar-brand img {
    height: 48px;
    transition: all 0.5s;
  }
  .navbar-default {
    /* background: transparent !important; */
  }
  .introWrapper h2 {
    color: #fff;
    font-size: 50px !important;
    margin-top: 30px;
  }
  .container {
    width: 70% !important;
    margin-left: 5%;
  }
  body {
    font-family: "Nunito", sans-serif;
    font-size: 20px;
    line-height: 1.7;
    color: #000000;
  }
  .btn-default,
  .btn-primary {
    border-radius: 6px;
    font-size: 16px;
    font-weight: 700;
    padding: 14px 20px;
    border: 0px solid;
    background: #0b8383;
    color: #fff;
    transition: all 0.3s;
  }
  h1 {
    font-size: 40px !important;
  }
  h2 {
    font-size: 30px !important;
  }
  .accountItem {
    /* display: none !important; */
  }
  .journeyNav {
    width: 17%;
    background: #105757;
    right: 5%;
    padding: 15px;
    border-radius: 6px;
  }
  .journeyNav.affix-top {
    top: calc(30vh + 100px);
    position: absolute;
  }
  .sfsearchBox {
    position: relative;
  }

  #eventShopDetailContainer {
    margin-top: 50px;
  }
  .search .sfsearchSubmit {
    position: absolute;
    top: 23px;
    right: 20px;
    height: 50px;
    width: 100px;
    border-radius: 200px;
    border: 0px;
    background: #006666;
    color: #fff;
    font-size: 20px;
  }
  .search .sfsearchSubmit:hover {
    background: #4eb3b3;
  }
  .closed:hover {
    background: #e00000;
  }
  div#noPro {
    text-align: center;
    padding-top: 40px;
  }
  .newBlankHeader ~ .journeyNav.affix-top {
    top: 160px;
    position: absolute;
  }
  .journeyNav.affix {
    right: 5%;
    top: 150px;
  }
  .journeyNav h3,
  .journeyNav h2 {
    color: #fff;
    font-weight: 700;
    margin-top: 0px;
    font-size: 24px !important;
  }
  .journeyNav li > a {
    padding: 0px;
  }
  .journeyNav .nav-cta {
    margin-bottom: 20px;
  }
  /* .journeyNav .nav-cta li > a {
        border-radius: 0px;
        font-size: 17px;
        font-weight: 700;
        padding: 12px 40px;
        border: 0px solid;
        background: #4eb3b3;
        color: #fff;
        transition: all 0.3s;
        text-align: center;
    } */
  .journeyNav .nav-ql li > a {
    border-radius: 0px;
    font-size: 16px;

    color: #fff;
    margin-bottom: 4px;
    transition: all 0.3s;
  }
  .journeyNav .nav-ql li > a:hover {
    border-radius: 0px;
    background: transparent;
    font-size: 16px;

    color: #8adbdb;
    margin-bottom: 4px;
  }
  .journeyNav .nav-ql li > a i {
    color: #8adbdb;
    font-size: 80%;
  }
  .affix {
    position: fixed !important;
  }
  .card {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    margin-bottom: 60px;
    border-radius: 6px;
  }

  .mainNav .navbar-toggle {
    margin-top: 18px;
  }

  .introText h1 {
    font-size: 48px !important;
  }

  .introText p {
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 20px !important;
  }
}
/*DH*/
@media (max-width: 1400px) {
  .profile-content {
    padding: 5px 25px !important;
  }
  .welcome {
    margin-top: 0px !important;
  }
  .profile-card {
    max-height: 100vh;
  }

  .customer-details {
    margin: 10px 0px !important;
  }

  .profile-content,
  .main-pathways a,
  .customer-details,
  .number-label,
  .custNum,
  .member-label,
  .memNum,
  .email-label,
  .emailId {
    font-size: 14px !important;
  }

  .main-pathways a {
    padding: 5px 20px;
  }
}

@media (min-width: 1200px) {
  .nav > li > a {
    padding: 10px 14px;
  }
  .newWelcome {
    height: 75vh;
    width: 100%;
    background-image: url(/cisiweb2/image/homepage/tvwelcome.jpg);
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    padding-left: 2%;
  }
  .introWrapper .container {
    /* color: #fff;
    padding-left: 5%;
    margin-left: 0px;
    padding-right: 20%; */
    color: #fff;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    background: #0b3e5f;
    width: 50% !important;
    height: 100% !important;
    position: relative;
  }
  /* .introWrapper2 .container {
    color: #fff;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 0px;
    background: transparent;
    width: auto !important;
    height: auto !important;
    position: relative;
  } */

  .introWrapper .container:after {
    content: "";
    width: 150px;
    background: #0b3e5f;
    height: 100%;
    position: absolute;
    display: inline-block;
    right: -80px;
    transform: skew(-20deg, 0deg);
  }
  /* .introWrapper2 .container:after  {
  content:none;
} */
  .introWrapper .container:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .introText {
    width: 99%;
    padding: 30px 100px;
    display: inline-block;
    vertical-align: middle;
  }
  .introWrapper {
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: right !important;
    height: 30vh;
    /* height: 50vh;
    background-size: cover;
    background-position: center center; */
    /* box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset,
      0px 0 500px rgba(0, 0, 0, 0.9) inset,
      600px 0 500px rgba(0, 0, 0, 0.6) inset; */
    display: flex;
    align-items: center;
    position: relative;
  }
  .introWrapper h1 {
    color: #fff;
    font-size: 40px !important;
    margin-top: 30px;
  }
  .introWrapper h2 {
    color: #fff;
    font-size: 40px !important;
    margin-top: 30px;
  }
  .introText h4 {
    color: #fff;
    font-weight: 700;
    font-style: italic;
  }
  .introWrapper p {
    font-weight: 700;
    display: none;
  }

  .introText h1 {
    font-size: 48px !important;
  }

  .introText p {
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 20px !important;
  }
}

@media (min-width: 1300px) {
  .nav > li > a {
    padding: 10px 18px;
  }
  .newWelcome {
    height: 75vh;
    width: 100%;
    background-image: url(/cisiweb2/image/homepage/tvwelcome.jpg);
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    padding-left: 2%;
  }
  .introWrapper .container {
    /* color: #fff;
    padding-left: 5%;
    margin-left: 0px;
    padding-right: 20%; */
  }
  .introWrapper {
    /* box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset,
      0px 0 500px rgba(0, 0, 0, 0.9) inset,
      600px 0 500px rgba(0, 0, 0, 0.6) inset; */
    display: flex;
    align-items: center;
    position: relative;
  }
  .introWrapper h1 {
    color: #fff;
    font-size: 40px !important;
    margin-top: 30px;
  }
  .introWrapper h2 {
    color: #fff;
    font-size: 30px !important;
    margin-top: 30px;
  }
  .introText h4 {
    color: #fff;
    font-weight: 700;
    font-style: italic;
  }
  .introWrapper p {
    font-weight: 700;
    display: none;
  }
  .introText h1 {
    font-size: 48px !important;
  }
  .introText p {
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 20px !important;
  }
}
@media (min-width: 1600px) {
  .mainNav .navbar-brand img {
    height: 58px;
    transition: all 0.5s;
  }
  .mainNav {
    padding-top: 60px;
    transition: all 0.5s;
    padding-bottom: 20px;
  }
  .btn-default,
  .btn-primary {
    border-radius: 6px;
    font-size: 18px;
    font-weight: 700;
    padding: 12px 26px;
    border: 0px solid;
    background: #0b8383;
    color: #fff;
    transition: all 0.3s;
  }
  .signInLink {
    /* margin-right: 20px;
    display: inline-block;
    font-size: 18px;
    /* background: #279b9b; */
    /* border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    margin-top: -6px;
    transition: all 0.5s;
    overflow: hidden; */

    /* position: absolute; */
    /* top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff; */
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
  }
  .mycisiLink {
    margin-right: 20px;
    display: inline-block;
    font-size: 18px;
    background: #0b7a83;
    border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    transition: all 0.5s;
    overflow: hidden;
    top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff;
  }
  .userName {
    color: #fff;
    padding: 10px 25px;
    width: fit-content;
    display: inline-block;
    font-size: 18px;
  }
  .learningPlatformLink {
    margin-right: 20px;
    display: inline-block;
    font-size: 18px;
    background: #052c6e;
    border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    transition: all 0.5s;
    overflow: hidden;
    top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff;
  }
  .signedInLink {
    /* margin-right: 20px;
    display: inline-block;
    font-size: 18px;
    width: 200px;
    background: #279b9b;
    border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    margin-top: -6px;
    transition: all 0.5s;
    overflow: hidden;

    /* position: absolute; */
    /* top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff; */
  }
  .registerLink,
  .basketLink {
    /* color: #fff;
    font-weight: 400;
    font-size: 18px;
    padding: 0px 25px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1), 0px 0px 50px rgba(0, 0, 0, 0.6);
    border-bottom: 2px solid transparent; */
  }
  .registerLink:hover {
    /* border-bottom:2px solid #fff; */
    color: #fff;
  }
  .journeyNav .nav-ql li > a {
    border-radius: 0px;
    font-size: 16px;

    color: #fff;
    margin-bottom: 4px;
    transition: all 0.3s;
  }
  .journeyNav .nav-ql li > a:hover {
    border-radius: 0px;
    background: transparent;
    font-size: 16px;

    color: #8adbdb;
    margin-bottom: 4px;
  }
  .journeyNav {
    width: 17%;
    background: #105757;
    right: 5%;
    padding: 30px;
    border-radius: 6px;
  }
  h1 {
    font-size: 42px !important;
  }
  .nav > li > a {
    padding: 10px 25px;
  }
  .mainNav .navbar-nav > li > a {
    font-size: 18px;
  }
  .newWelcomeText p {
    font-size: 24px;
    line-height: normal;
  }
  .newWelcome {
    height: 60vh;
    width: 100%;
    background-image: url(/cisiweb2/image/homepage/tvwelcome.jpg);
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    padding-left: 4%;
  }
  .newWelcomeText h1 {
    color: #fff;
    font-size: 50px !important;
  }
  #howCanWeHelp h2 {
    color: #fff;
    float: right;
    margin: 0px;
    font-style: italic;
  }

  .introWrapper .container {
    /* color: #fff;
    padding-left: 5%;
    margin-left: 0px;
    padding-right: 20%; */
  }
  .introWrapper {
    /* box-shadow: 0 0 200px rgba(0, 0, 0, 0.9) inset,
      0px 0 500px rgba(0, 0, 0, 0.9) inset,
      600px 0 500px rgba(0, 0, 0, 0.6) inset; */
    display: flex;
    align-items: center;
    position: relative;
  }
  .introWrapper h1 {
    color: #fff;
    font-size: 60px !important;
    margin-top: 30px;
  }
  .introWrapper h2 {
    color: #fff;
    font-size: 50px !important;
    margin-top: 30px;
  }
  .introText h4 {
    color: #fff;
    font-weight: 700;
    font-style: italic;
  }
  .introWrapper p {
    font-weight: 700;
    display: none;
  }
  .introText h1 {
    font-size: 48px !important;
  }

  .introText p {
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 20px !important;
  }
}

@media (min-width: 2000px) {
  .btn-default,
  .btn-primary {
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    padding: 16px 30px;
    border: 0px solid;
    background: #0b8383;
    color: #fff;
    transition: all 0.3s;
  }
  .signInLink {
    /* margin-right: 20px;
    display: inline-block;
    font-size: 20px;
    /* background: #279b9b; */
    /* border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    margin-top: -6px;
    transition: all 0.5s;
    overflow: hidden; */

    /* position: absolute; */
    /* top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff; */
  }
  .signedInLink {
    /* margin-right: 20px;
    display: inline-block;
    font-size: 20px;
    width: 200px;
    background: #279b9b;
    border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    margin-top: -6px;
    transition: all 0.5s;
    overflow: hidden; */

    /* position: absolute; */
    /* top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff; */
  }
  .mycisiLink {
    margin-right: 20px;
    display: inline-block;
    font-size: 18px;
    background: #0b7a83;
    border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    transition: all 0.5s;
    overflow: hidden;
    top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff;
  }
  .learningPlatformLink {
    margin-right: 20px;
    display: inline-block;
    font-size: 18px;
    background: #052c6e;
    border-radius: 200px;
    padding-top: 3px;
    border: 3px solid #fff;
    transition: all 0.5s;
    overflow: hidden;
    top: 0px;
    right: 0px;
    padding: 10px 25px;
    font-weight: bold;
    color: #fff;
  }
  .registerLink,
  .basketLink {
    /* color: #fff;
    font-weight: 400;
    font-size: 20px;
    padding: 0px 25px;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1), 0px 0px 50px rgba(0, 0, 0, 0.6); */
  }
  .introWrapper .container {
    /* padding-left: 5%;
    padding-right: 30%; */
  }
  .introWrapper h2 {
    color: #fff;
    font-size: 60px !important;
  }
  .introText h1 {
    font-size: 48px !important;
  }
  .introText p {
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 20px !important;
  }
}

.signInLink {
  /*display: none !important;*/
}

.sfsearchBox span.k-icon.k-i-loading.k-hidden {
  display: none;
}
.purpose {
  text-align: center;
  margin-bottom: 50px;
}
.newCharterDesignationBanner {
  position: fixed;
  bottom: 0px;
  background: #ad852e;
  left: 0px;
  right: 0px;
  text-align: center;
  color: #fff;
  z-index: 1;
  padding: 14px 5%;
  font-size: 16px;
  display: none;
}
.newCharterDesignationBanner a {
  color: #ffffff;
}
.newCharterDesignationBanner a:hover {
  text-decoration: underline;
}

.purpose .sectionHead {
  border-bottom: 0px !important;
}
.purposeStatement {
  font-size: 28px;
  font-style: italic;
  text-shadow: 1px 1px 2px #002f2f;
}
.new.menuNew {
  border-radius: 200px;
  font-size: 10px !important;
  font-weight: 600;
  padding: 4px 10px;
  margin-left: 4px;
}
.riAlert {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1;
  width: 200px;
  background: #0869a2;
  height: 200px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 400px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
  font-size: 23px;
  padding: 20px;
}
.examDateChangePopup .modal-body {
  background-image: none;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}
.examDateChangePopup .modal-content {
  background: #a70000 !important;
}
.examDateChangePopup h1 {
  font-family: "Open Sans";
  font-weight: 600;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px #480000;
  font-size: 24px;
}
.examDateChangePopup .content {
  padding: 0px 0px 0px 0px;
}
.examDateChangePopup a {
  color: #fff;
  text-decoration: underline;
}
.examDateChangePopup .btn {
  background: #ffffff;
  color: #a70000;
  font-size: 16px;
  margin-top: 6px;
  font-weight: 500;
  border: 0px solid;
  text-decoration: none;
  border-radius: 200px;
}
.examDateChangePopup .btn:hover {
  background: #500000;
  color: #fff;
  border: 0px solid;
}
@media (min-width: 768px) {
  .examDateChangePopup .content {
    padding: 0px 0px 0px 30%;
  }
  .examDateChangePopup h1 {
    font-size: 30px;
  }
  .examDateChangePopup .modal-body {
    background-image: url(/cisiweb2/image/cal5.png);
    background-size: 40%;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: -20%;
  }
}
@media (min-width: 992px) {
  .examDateChangePopup .modal-body {
    font-size: 18px;
  }
  .examDateChangePopup h1 {
    font-size: 40px;
  }
}

/* kendo fixes - sort when kendo css is updated - also  Kendo UI fix in boostrapnavchanges.css */
.k-file-extension-wrapper,
.k-file-size {
  display: none;
}

@media (prefers-color-scheme: dark) {
  .isApp body,
  .isApp .mainWrapper,
  .isApp .mycisiBlock,
  html.isApp .mycisiContent,
  html.isApp .mycisiBlock .title,
  html.isApp .mycisiBlock h2,
  html.isApp h2,
  html.isApp h3,
  html.isApp .mycisiBlock h4 {
    background-color: #000;
    color: #fff !important;
  }
  html.isApp .forgotPasswordBox p html.isApp .forgotEmailBox p {
    color: #ffffff;
  }
  html.isApp .forgotPasswordBox,
  html.isApp .forgotEmailBox {
    background: #000000 !important;
  }
  .isApp .nav-tabs > li > a {
    color: #fff;
  }
  .isApp #examTitle,
  .isApp #examDetails h2 {
    background: transparent;
  }
  .isApp .prevCand .col-sm-3 > div {
    background: #383838;
    color: #fff;
  }
  .isApp .tips {
    filter: invert(1);
    color: #000;
  }
  .isApp .nextExam,
  .isApp #examDetails .content {
    background: #1b5858 !important;
  }
  .isApp .examStats .col-sm-4 > div {
    background: #347575;
  }
  .isApp .nav-tabs {
    border-color: #1b5858;
  }
  .isApp .nav-tabs > li.active > a,
  .isApp .nav-tabs > li.active > a:hover,
  .isApp .nav-tabs > li.active > a:focus {
    border-bottom: 1px solid #1b5858;
    background: #1b5858;
  }
  .isApp a {
    color: #78bbbb;
  }
  .isApp .greyButton a {
    color: #444444;
  }
  .isApp .moduleChapter:nth-child(2n + 1) {
    background-color: #56563f;
  }
  .isApp .moduleChapter:nth-child(2n) {
    background-color: #4c5a23;
  }
  .isApp .moduleChapter a {
    color: #ffffff;
  }
  .isApp .moduleChapter:nth-child(even) .generalParagraphHandyHint {
    background-color: #2f3a0e;
    color: #fff;
  }
  .isApp .moduleChapter:nth-child(odd) .generalParagraphHandyHint {
    background-color: #333323;
    color: #fff;
  }
  .isApp .testAnswer {
    background-color: #56563f;
  }
  .isApp #testQuestionText {
    color: #ffffff;
  }
  .isApp #membershipPrivilegesHeaderButton {
    color: #444444;
  }
  .isApp #membershipPrivilegesLink a {
    color: #ffffff;
  }
  .isApp .singleResult > div {
    color: #000000;
  }
}

.isApp #cookieConsent,
.isApp #infoAlert,
.isApp .covidAlert,
.isApp .footerWrapper,
.isApp .headerWrapper,
.isApp .mycisiNavWrapper,
.isApp .signInAndRegisterContainer .borderLeft,
.isApp .signInWarning,
.isApp .backToSignInBox,
.isApp .pageTitle,
.isApp .memberFact,
.isApp .forgotPasswordBoxTitle,
.isApp .forgotEmailBoxTitle,
.isApp .welcomePad,
.isApp .menuIcon,
.isApp .headerImage h3,
.isApp .breadcrumbWrapper {
  display: none !important;
}
.isApp .examPolicyWrapper {
  margin-bottom: 20px !important;
}
.isApp .signInContainer {
  padding-top: 0px !important;
  margin-top: -20px;
}
.isApp h1,
.isApp h2,
.isApp h3,
.isApp h4,
.isApp h5,
.isApp h6,
.isApp .h1,
.isApp .h2,
.isApp.h3,
.isApp .h4,
.isApp .h5,
.isApp .h6,
.isApp .pullQuote,
.isApp .pullQuote p,
.isApp .crossHead,
.isApp .crossHead p {
  font-family: inherit;
}
.isApp .signInAndRegisterContainer h3 {
  /*margin-bottom: -15px;*/
}
html.isApp .forgotPasswordBox,
html.isApp .forgotEmailBox {
  background: #fff;
  padding: 0px;
}
html.isApp .forgotPasswordBoxTitle {
  visibility: hidden;
}
html.isApp .forgotPasswordBoxTitle:before {
  content: "Reset your password";
  visibility: visible;
}
html.isApp .forgotPasswordBox p {
  /*visibility: hidden;
    margin-bottom: -30%;*/
}
/*
html.isApp .forgotPasswordBox p:before {
    content: 'Enter your registered email address below and we will send you instructions on how to reset your password. If you have previously locked your account with 5 unsuccessful sign in attempts you will need to contact us in order to unlock your account first.';
    visibility: visible;
}*/
.isApp .mainWrapper {
  margin-top: 0px;
}
.isApp .submitNow {
  width: 100%;
  border-radius: 10px;
}
html.isApp .beforeBlock h2,
html.isApp .ondayBlock h2,
html.isApp .afterBlock h2 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  background: transparent;
}
.isApp .mycisiContent {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.isApp .rei {
  margin-bottom: 0px;
}
/*.isApp .mainWrapper {
    background: #fff;
}*/
.isApp .mycisiBlock .title,
.isApp .mycisiBlock h2,
html.isApp h2,
html.isApp h3 {
  background: transparent;
  font-weight: 600;
  color: #000;
  text-transform: inherit;
  font-size: 20px;
  padding-bottom: 0px;
}

.isApp .mycisiBlock h4 {
  background: #fff;
  font-weight: 600;
  color: #343434;
  text-transform: inherit;
  font-size: 18px;
  padding-bottom: 0px;
}
.isApp #examTitleIntro > h4 {
  margin-top: 0 !important;
  color: #ffffff !important;
  background: transparent;
  font-family: inherit;
  font-weight: 500 !important;
}
html.isApp #timeUntilExam {
  text-transform: uppercase;
  font-weight: 500 !important;
}
html.isApp h3.timeUntilExam {
  background: transparent;
}
html.isApp .headerImage {
  margin-left: 0px;
  margin-right: 0px;
  min-height: 250px;
}
html.isApp #logoDisclaimer .btn {
  padding: 10px !important;
  font-size: 12px !important;
}
html.isApp #logoDisclaimer .modal-body {
  font-size: 14px;
}
html.isApp .memberBadgesHeader {
  display: none;
}
html.isApp #chapterBackgroundImage {
  background-image: none !important;
}
html.isApp #moduleResource {
  display: none !important;
}
html.isApp #moduleContent,
html.isApp #generalParagraphBackgroundColor {
  width: 100% !important;
}
html.isApp .moduleChapter {
  margin-top: 20px;
  margin-bottom: 20px;
}
html.isApp .newModule,
html.isApp .refreshed_module {
  width: 50px;
  height: 50px;
  z-index: 1;
}
html.isApp .fortyFiveMinMod,
html.isApp .thirtyMinMod,
html.isApp .sixtyMinMod,
html.isApp .seventyFiveMinMod,
html.isApp .ninetyMinMod,
html.isApp .hundredAndFiveMinMod,
html.isApp .hundredAndTwentyMinMod,
html.isApp .hundredAndThiryFiveMinMod,
html.isApp .thirtyMinMod,
html.isApp .fortyFiveMinMod,
html.isApp .sixtyMinMod,
html.isApp .seventyFiveMinMod,
html.isApp .ninetyMinMod,
html.isApp .hundredAndTwentyMinMod,
html.isApp .hundredAndThiryFiveMinMod,
html.isApp .hundredAndFiftyMinMod,
html.isApp .hundredAndSixtyFiveMinMod,
html.isApp .hundredAndEightyMinMod,
html.isApp .hundredAndNinetyFiveMinMod,
html.isApp .twoHundredAndTenMinMod,
html.isApp .twoHundredAndTwentyFiveMinMod,
html.isApp .twoHundredAndFortyMinMod,
html.isApp .twoHundredAndFiftyFiveMinMod,
html.isApp .twoHundredAndSeventyMinMod,
html.isApp .twoHundredAndEightyFiveMinMod,
html.isApp .threeHundredMinMod,
html.isApp .threeHundredAndFifteenMinMod,
html.isApp .threeHundredAndThirtyMinMod,
html.isApp .threeHundredAndFortyFiveMinMod,
html.isApp .threeHundredAndSixtyMinMod,
html.isApp .threeHundredAndSeventyFiveMinMod,
html.isApp .threeHundredAndNinetyMinMod,
html.isApp .fourHundredAndFiveMinMod,
html.isApp .fourHundredAndTwentyMinMod,
html.isApp .fourHundredAndThirtyFiveMinMod,
html.isApp .fourHundredAndFiftyMinMod,
html.isApp .fourHundredAndSixtyFiveMinMod,
html.isApp .fourHundredAndEightyMinMod,
html.isApp .fourHundredAndNinetyFiveMinMod,
html.isApp .fiveHundredAndTenMinMod,
html.isApp .fiveHundredAndTwentyFiveMinMod,
html.isApp .fiveHundredAndFortyMinMod,
html.isApp .fiveHundredAndFiftyFiveMinMod,
html.isApp .fiveHundredAndSeventyMinMod,
html.isApp .fiveHundredAndEightyFiveMinMod,
html.isApp .sixHundredMinMod,
html.isApp .sixHundredAndFifteenMinMod,
html.isApp .sixHundredAndThirtyMinMod,
html.isApp .sixHundredAndfortyFiveMinMod {
  width: 40px;
  height: 40px;
  top: -10px;
  left: -10px;
}
@media (min-width: 768px) {
  html.isApp .forgotPasswordBox p {
    visibility: hidden;
    margin-bottom: -5%;
  }
}

@media (min-width: 991px) {
  html.isApp .forgotPasswordBox p {
    visibility: hidden;
    margin-bottom: 0%;
  }
  .isApp .signInContainer {
    width: 100%;
  }
  html.isApp .label_rdr_ethics {
    font-size: 12px;
  }
}

/* hiding new sf12 clear search cross */
.k-clear-value {
  display: none;
}

.cfEmailPopup .modal-body {
  background: #006666;
  color: #fff;
}
.has-error {
  border-radius: 200px;
}
.covidAlert {
  background: #000;
  width: 100%;
  padding: 20px 40px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  z-index: 2000;
  height: auto;
  justify-content: center;
  display: none;
}
.covidAlert a {
  color: #fff !important;
  text-decoration: underline;
}
.covidAlert .glyphicon {
  color: #fff !important;
}
@media (min-width: 1199px) {
  .covidAlert {
    background: #000;
    width: 100%;
    padding: 60px 15%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    z-index: 1000;
    height: auto;
    justify-content: center;
    top: 110px;
  }
}

#infoAlert a {
  color: white !important;
  text-decoration: underline;
}

#infoAlert .container {
  width: 100%;
  color: #fff;
  font-size: 14px;
}
#RadWindowWrapper_PropertyEditorDialog
  #propertyEditor_ctl00_ctl00_ctl00_ctl00_ctl00_htmlEditor_ctl00_ctl00_editControlCenter {
  height: 80% !important;
}

#ChangeEventConsentShareWrapper {
  padding: 0px;
}
/* dave do: bodge: remove this below */
.amberAlert {
  display: none;
}

a#selfDeclarePopupClose {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff !important;
}

#selfDeclarePopupClose .glyphicon {
  color: #fff;
  font-size: 20px;
}

body.standard.sfPageEditor .containercorrect:before {
  content: "-- MOVE EVERYTHING BELOW HERE --";
  background: purple;
  display: block;
  text-align: center;
}

body.standard.sfPageEditor .containercorrect:after {
  content: "-- MOVE EVERYTHING ABOVE HERE --";
  background: purple;
  display: block;
  text-align: center;
}

/* lee do: sort this */
.menuGapFill {
  display: none !important;
}

.cisiShowWarning .generalMessage,
.cisiShowError .generalMessage,
.cisiShowSuccess .generalMessage {
  display: inline-block;
}

.cisiShowWaiting .waiting {
  display: inline-block !important;
}

/* hide the kenod upload button */
.k-upload .k-upload-selected {
  display: none !important;
}

/* Philippines AML PA */
.paHeader {
  background-image: url(/cisiweb2/image/homepage/philippines.jpg);
  background-position: center 30%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}

.paHeaderContent {
  background: rgba(0, 0, 0, 0.7);
  padding: 50px 20px 50px;
  text-align: center;
  margin-bottom: 50px;
}

.paHeader .paHeaderContent h1 {
  color: #fff;
  font-family: open sans;
  font-size: 30px;
}

.paHeader .paHeaderContent p {
  margin-top: 30px;
  font-size: 14px;
}

.isPH .navbar-nav,
.isPH .mainHeader,
.isPH .basketLink,
.isPH .search,
.isPH .signInAndSignOutAndBasketContainer,
.isPH .navbar-toggle,
.isPH .footerTop,
.isPH .footerMiddle,
.isPH .footerBottom .links,
.isPH .registerAsCustomer,
.isPH .notAMemberYet,
.isPH #infoAlert,
.isPH .covidAlert {
  display: none !important;
}

.isPH .signInAndSignOutAndBasketContainer .pullDown .mainBar {
  padding-right: 0px;
}

.isPH .copyright {
  border-top: 0px;
  margin-top: 0px;
}

.isPH .phSecLogo {
  position: fixed;
  top: 14px;
  right: 20px;
  display: block;
  z-index: 1040;
  width: 70px;
  margin: 0;
}

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

.isPH .benefits img {
  width: 150px;
  margin: 30px auto;
}

.isPH .actionButtons {
  position: fixed;
  top: 80px;
  right: 00px;
  color: #fff;
  z-index: 1040;
  width: 100%;
  background: #009090;
  text-align: center;
}

.isPH .loginButton,
.isPH .registerButton,
.isPH .signOutButton,
.isPH .uploadButton {
  display: inline-block;
  margin: 0 10px;
  padding: 10px;
  font-size: 12px;
}

.isPH .loginButton:hover,
.isPH .registerButton:hover,
.isPH .uploadButton:hover,
.isPH .signOutButton:hover {
  border-bottom: 2px solid #6ec2c2;
  cursor: pointer;
}

.isPH .loginButton a,
.isPH .registerButton a,
.isPH .signOutButton a,
.isPH .uploadButton a {
  color: #fff;
}

.isPH #cph_main_cph_main_C010_Col00 {
  margin-top: 50px;
}

.isPH .greenBlock {
  background: #52a7a7;
  padding: 30px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.isPH .borderLeft:before,
.borderBoth:before,
.borderBoth:after,
.borderRight:after {
  border: 0px solid;
}

.isPH img.et {
  border-radius: 200px;
  width: 150px;
}

.isPH .greyWrapper {
  margin-top: 110px !important;
}

@media (min-width: 768px) {
  .paHeaderContent {
    background: rgba(0, 0, 0, 0.5);
    padding: 30px 10% 50px;
    margin-bottom: 50px;
  }

  .paHeader .paHeaderContent h1 {
    font-size: 40px;
  }

  .paHeader .paHeaderContent p {
    margin-top: 30px;
    font-size: 18px;
  }

  .isPH .actionButtons {
    position: fixed;
    top: 20px;
    right: 10px;
    color: #fff;
    z-index: 1040;
    width: auto;
    background: transparent;
  }

  .isPH .loginButton,
  .isPH .registerButton,
  .isPH .signOutButton,
  .isPH .uploadButton {
    font-size: 14px;
  }

  .isPH .phSecLogo {
    left: 120px;
  }

  .isPH #cph_main_cph_main_C010_Col00 {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .isPH .phSecLogo {
    top: 16px;
    left: 190px;
    width: 100px;
  }

  .isPH .actionButtons {
    top: 32px;
    right: 20px;
  }

  .paHeader .paHeaderContent h1 {
    font-size: 60px;
  }

  .paHeader .paHeaderContent p {
    margin-top: 40px;
    font-size: 20px;
  }

  .paHeaderContent {
    padding: 70px 10% 100px;
    margin-bottom: 70px;
  }
}

/* QFMA Professional Assessments */
.isQAQFMA .navbar-nav,
.isQAQFMA .mainHeader,
.isQAQFMA .basketLink,
.isQAQFMA .search,
.isQAQFMA .signInAndSignOutAndBasketContainer,
.isQAQFMA .navbar-toggle,
.isQAQFMA .footerTop,
.isQAQFMA .footerMiddle,
.isQAQFMA .footerBottom .links,
.isQAQFMA .registerAsCustomer,
.isQAQFMA .notAMemberYet,
.isQAQFMA .footerBottom,
.isQAQFMA .newModule,
.isQAQFMA #infoAlert,
.isQAQFMA .covidAlert {
  display: none !important;
}

.isQAQFMA .copyright {
  border-top: 0px;
  margin-top: 0px;
}

.isQAQFMA .footerBottom {
  background: #14245a;
}

.isQAQFMA .navbar-default {
  background-color: #002e62;
}

.isQAQFMA body {
  background-color: #041e3c;
}

.isQAQFMA .moduleNormal .itemContent {
  background-color: rgba(177, 128, 23, 0.9);
}

.isQAQFMA .moduleNormal .itemContent:hover {
  background-color: rgba(177, 128, 23, 1);
}

.isQAQFMA .item > a:hover,
.isQAQFMA .item > div:hover {
  outline: 6px solid #fff;
}

.isQAQFMA .navbar-header {
  width: 100%;
}

.isQAQFMA .qfmaPALogo {
  float: right;
  margin-right: 0px;
  margin-top: 15px;
  width: 200px;
}

.isQAQFMA .moduleChapter:nth-child(2n + 1) {
  background-color: #fbe8c0;
}

.isQAQFMA .moduleChapter:nth-child(even) .generalParagraphHandyHint {
  background-color: #fbe8c0;
  color: #cb931b;
  font-weight: 500;
}

.isQAQFMA .moduleChapter:nth-child(odd) .generalParagraphHandyHint {
  background-color: #c39b47;
  color: #fbe8c0;
  font-weight: 500;
}

.isQAQFMA .moduleChapter:nth-child(odd) .handyHintImage {
  background-image: url("/cisiweb2/image/cisipr/handyHintImageQFMA2.png") !important;
}

.isQAQFMA .moduleChapter:nth-child(2n) {
  color: #ffffff !important;
  background: #1f456f;
}

.isQAQFMA .caseStudyAnswer,
.isQAQFMA .testAnswerLabel,
.isQAQFMA .testResultLabel {
  background-color: #dcb76a;
}

.isQAQFMA .caseStudyAnswer:hover,
.isQAQFMA .testAnswerLabel:hover {
  background-color: #e6c88a;
}

.isQAQFMA .testAnswerLabelSelected {
  background-color: #b38a34;
  color: #fff;
}

.isQAQFMA #testQuestionNumber {
  background-color: #1f456f;
  color: #fff;
}

/*.isQAQFMA .double_column_list a.testAnsweredMenu {
background-color: #436e9e;
color: #fff;
}*/

.isQAQFMA #nextChapter,
.isQAQFMA #prvChapter,
.isQAQFMA #moduleTest,
.isQAQFMA .moduleChapter:nth-child(2n) #nextChapter,
.isQAQFMA .moduleChapter:nth-child(2n) #prvChapter,
.isQAQFMA .moduleChapter:nth-child(2n) #moduleTest,
.isQAQFMA .submitTestButton,
.isQAQFMA #compConformation,
.isQAQFMA #noComplete,
.isQAQFMA .retakeTestButton {
  background: #b38a34 !important;
  border-color: #b38a34 !important;
  cursor: pointer;
}

.isQAQFMA #nextChapter:hover,
.isQAQFMA #prvChapter:hover,
.isQAQFMA #moduleTest:hover,
.isQAQFMA .moduleChapter:nth-child(2n) #nextChapter:hover,
.isQAQFMA .moduleChapter:nth-child(2n) #prvChapter:hover,
.isQAQFMA .moduleChapter:nth-child(2n) #moduleTest:hover,
.isQAQFMA .submitTestButton:hover,
.isQAQFMA #compConformation:hover,
.isQAQFMA #noComplete:hover,
.isQAQFMA .retakeTestButton:hover {
  background: #d4af63 !important;
}

.isQAQFMA .chapterMenu,
.isQAQFMA .chapterMenuTest {
  background: #c79e3f;
}

.isQAQFMA .chapterMenu:hover,
.isQAQFMA .chapterMenuTest:hover {
  background: #ad852a;
}

.isQAQFMA .cbp-spmenu {
  background: #17314e;
}

.isQAQFMA .modal-content {
  background: #ffffff;
}

.isQAQFMA .modal-content button {
  color: #17314e;
}

.isQAQFMA .double_column_list {
  background-color: #14245a;
}

.isQAQFMA .testAnswer {
  background-color: #fbe8c0;
}

.isQAQFMA .subjectResultBlock {
  background: #fbe8c0;
}

.isQAQFMA .testIncorrect {
  background-color: rgb(164, 57, 32) !important;
  color: #ffffff;
}

.isQAQFMA .testCorrect {
  background-color: rgb(121, 175, 33) !important;
  color: #ffffff;
}

.isQAQFMA .subjectResultBlock.resultPassed {
  background: #c39b47;
}

@media (min-width: 768px) {
  .isQAQFMA .qfmaPALogo {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    width: 300px;
  }
}

@media (min-width: 1200px) {
  .isQAQFMA .qfmaPALogo {
    float: right;
    margin-right: 30px;
    margin-top: 0px;
    width: 400px;
  }
}

/*  --  */

/* HKSI Professional Assessments */
.isHKHKSI .navbar-nav,
.isHKHKSI .mainHeader,
.isHKHKSI .basketLink,
.isHKHKSI .search,
.isHKHKSI .signInAndSignOutAndBasketContainer,
.isHKHKSI .navbar-toggle,
.isHKHKSI .footerTop,
.isHKHKSI .footerMiddle,
.isHKHKSI .footerBottom .links,
.isHKHKSI .registerAsCustomer,
.isHKHKSI .notAMemberYet,
.isHKHKSI .footerBottom,
.isHKHKSI .newModule,
.isHKHKSI #infoAlert,
.isHKHKSI .covidAlert,
.isHKHKSI .TestCert,
.isHKHKSI .modulePassed .certBtn,
.isHKHKSI .testCert {
  display: none !important;
}
.isHKHKSI body,
.isHKHKSI .generalParagraphNumber,
.isHKHKSI h1,
.isHKHKSI h2,
.isHKHKSI h3,
.isHKHKSI .scenarioQuestion {
  font-family: Arial !important;
}
.isHKHKSI #chapterSubjectDescription {
  font-size: 18px;
}
.isHKHKSI .pastSubjectTitle {
  color: #fff !important;
}
.isHKHKSI .copyright {
  border-top: 0px;
  margin-top: 0px;
}
.isHKHKSI .moduleResume > *,
.isHKHKSI .moduleResume .moduleText {
  background-color: rgba(172, 153, 108, 0.85);
}
.isHKHKSI .modulePassed > *,
.isHKHKSI .modulePassed .moduleText,
.isHKHKSI .moduleCompleted > *,
.isHKHKSI .moduleCompleted .moduleText {
  background-color: rgba(79, 113, 117, 0.85);
}

.isHKHKSI .footerBottom {
  background: #14245a;
}

.isHKHKSI .navbar-default {
  background-color: #02205d;
}

.isHKHKSI body {
  background-color: #3b3e69;
}

.isHKHKSI .moduleNormal .itemContent {
  background-color: #ac996c;
}

.isHKHKSI .moduleNormal .itemContent:hover {
  background-color: #ac996c;
}

.isHKHKSI .item > a:hover,
.isHKHKSI .item > div:hover {
  outline: 6px solid #fff;
}

.isHKHKSI .navbar-header {
  width: 100%;
}

.isHKHKSI .qfmaPALogo {
  float: right;
  margin-right: 0px;
  margin-top: 15px;
  width: 150px;
}

.isHKHKSI .moduleChapter:nth-child(2n + 1) {
  background-color: #dfe6ed;
}

.isHKHKSI .moduleChapter:nth-child(even) .generalParagraphHandyHint {
  background-color: #f8f6f2;
  color: #ac996c;
  font-weight: 500;
}

.isHKHKSI .moduleChapter:nth-child(odd) .generalParagraphHandyHint {
  background-color: #14245a;
  color: #fff;
  font-weight: 500;
}

.isHKHKSI .moduleChapter:nth-child(odd) .handyHintImage {
  background-image: url("/cisiweb2/image/cisipr/handyHintImageQFMA2.png") !important;
}
.isHKHKSI .moduleChapter:nth-child(even) .handyHintImage {
  background-image: url("/cisiweb2/image/cisipr/handyHintImageHKSI.png") !important;
}

.isHKHKSI .moduleChapter:nth-child(2n) {
  color: #ffffff !important;
  background: #ac996c;
}

.isHKHKSI .caseStudyAnswer {
  background-color: #dcd2ba;
}
.isHKHKSI .testAnswerLabel,
.isHKHKSI .testSingleAnswer + label,
.isHKHKSI .testResultLabel {
  background-color: #9eaebf;
}

.isHKHKSI .caseStudyAnswer:hover {
  background-color: #cbbfa2;
}
.isHKHKSI .testAnswerLabel:hover,
.isHKHKSI .testSingleAnswer + label:hover {
  background-color: #7c91a7;
}

.isHKHKSI .moduleChapter:nth-child(2n + 1) .caseStudyAnswer {
  background-color: #9eaebf;
}
.isHKHKSI .moduleChapter:nth-child(2n + 1) .caseStudyAnswer:hover {
  background-color: #7c91a7;
}

.isHKHKSI .testAnswerLabelSelected,
.isHKHKSI .testSingleAnswer:checked + label,
.isHKHKSI .testMultiAnswer:checked + label {
  background-color: #14245a;
  color: #fff;
}

.isHKHKSI #testQuestionNumber {
  background-color: #1f456f;
  color: #fff;
}

/*.isHKHKSI .double_column_list a.testAnsweredMenu {
background-color: #436e9e;
color: #fff;
}*/

.isHKHKSI #nextChapter,
.isHKHKSI #prvChapter,
.isHKHKSI #moduleTest,
.isHKHKSI .moduleChapter:nth-child(2n) #nextChapter,
.isHKHKSI .moduleChapter:nth-child(2n) #prvChapter,
.isHKHKSI .moduleChapter:nth-child(2n) #moduleTest,
.isHKHKSI .submitTestButton,
.isHKHKSI #compConformation,
.isHKHKSI #noComplete,
.isHKHKSI .retakeTestButton {
  background: #bf0018 !important;
  border-color: #bf0018 !important;
  cursor: pointer;
}

.isHKHKSI #nextChapter:hover,
.isHKHKSI #prvChapter:hover,
.isHKHKSI #moduleTest:hover,
.isHKHKSI .moduleChapter:nth-child(2n) #nextChapter:hover,
.isHKHKSI .moduleChapter:nth-child(2n) #prvChapter:hover,
.isHKHKSI .moduleChapter:nth-child(2n) #moduleTest:hover,
.isHKHKSI .submitTestButton:hover,
.isHKHKSI #compConformation:hover,
.isHKHKSI #noComplete:hover,
.isHKHKSI .retakeTestButton:hover {
  background: #e3001c !important;
}

.isHKHKSI .chapterMenu,
.isHKHKSI .chapterMenuTest {
  background: #53648d;
}

.isHKHKSI .chapterMenu:hover,
.isHKHKSI .chapterMenuTest:hover {
  background: #b5342e;
}

.isHKHKSI .cbp-spmenu {
  background: #53648d;
}

.isHKHKSI .modal-content {
  background: #ffffff;
}

.isHKHKSI .modal-content button {
  color: #14245a;
  top: 8px;
  font-size: 50px;
}

.isHKHKSI .double_column_list {
  background-color: #14245a;
}

.isHKHKSI .testAnswer {
  background-color: #dfe6ed;
}

.isHKHKSI .subjectResultBlock {
  background: #ac996c;
}
.isHKHKSI .backtoModuleButton {
  background-color: #14245a !important;
}

.isHKHKSI .testIncorrect {
  background-color: #bf0018 !important;
  color: #ffffff;
}
.isHKHKSI .double_column_list a.wrongAnswer {
  background-color: #bf0018 !important;
}

.isHKHKSI .testCorrect {
  background-color: rgb(121, 175, 33) !important;
  color: #ffffff;
}

.isHKHKSI .subjectResultBlock.resultPassed {
  background: #ac996c;
}

@media (min-width: 768px) {
  .isHKHKSI .qfmaPALogo {
    float: right;
    margin-right: 0px;
    margin-top: 10px;
    width: 160px;
  }
}

@media (min-width: 1200px) {
  .isHKHKSI .qfmaPALogo {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    width: 210px;
  }
}

/*  --  */

/* SAIS custom MyCISI */

.isSAIS #myAccountMenu,
.isSAIS #myStudyMenuLink,
.isSAIS #eventsMembers,
.isSAIS #reviewMenu,
.isSAIS #membershipPrivileges,
.isSAIS #integrityEthics,
.isSAIS #socialMedia,
.isSAIS #jobsOnline,
.isSAIS #smcrMenu,
.isSAIS #mentalHealthToolkit,
.isSAIS #localEventsWrapper,
.isSAIS #digitalCardWrapper,
.isSAIS .newSliders,
.isSAIS #AGMblock,
.isSAIS #studentMembership,
.isSAIS #cfpToolkit,
.isSAIS .cpdStatusBlock .row.content,
.isSAIS .cpdStatusBlock br,
.isSAIS .statsBlock,
.isSAIS .eventsBlock,
.isSAIS .committeeBlock,
.isSAIS .newsBlock,
.isSAIS .updatesBlock,
.isSAIS .itemListContainer.mycisiBlock,
.isSAIS .tiles,
.isSAIS #endorsedCPDSubMenuLink,
.isSAIS #mainNavCollapse,
.isSAIS .pullDown,
.isSAIS .main,
.isSAIS .footerTop,
.isSAIS .footerMiddle,
.isSAIS .footerBottom .container:first-child,
.isSAIS #footerWrapper,
.isSAIS #completingCPDLink a,
.isSAIS #auditingCPDLink a,
.isSAIS #changeCPDDateLink a,
.isSAIS #viewOthers,
.isSAIS .cisiTVPopup .feedback,
.isSAIS .TestCert.pastResultCert,
.isSAIS .breadcrumbWrapper,
.isSAIS #infoAlert,
.isSAIS #memberBadges,
.isSAIS #memberCard,
.isSAIS .covidAlert {
  display: none !important;
}

.isSAIS #branchIntro {
  background-image: url("/cisiweb2/image/mycisi/sais.jpg") !important;
  background-repeat: no-repeat;
}

.isSAIS #branchIntro h1 {
  font-weight: 400 !important;
  color: #fff !important;
}

.isSAIS .branchIntroMessage {
  /*background: rgba(126,94,38,0.35) !important;*/
}

.isSAIS .intro .col-sm-3 {
  display: none;
}

.isSAIS .cpdStatusBlock .content {
  padding-top: 30px !important;
}

.isSAIS .cpdDashboard {
  display: none !important;
}

.isSAIS #branchIntro p {
  font-weight: 400;
}

.isSAIS .copyright {
  border-top: 0px solid;
  margin: 0px auto auto;
}

.isSAIS .cpdYearProgress .k-state-selected,
.isSAIS .k-state-selected {
  background: #ceb281;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #ceb281;
}

.isSAIS .sf-RadioButtons input:hover,
.isSAIS .sf-Checkboxes input:hover,
.isSAIS input[type="radio"]:hover,
.isSAIS input[type="checkbox"]:hover {
  background: #ceb281;
}

.isSAIS .sf-RadioButtons input:checked,
.isSAIS .sf-Checkboxes input:checked,
.isSAIS input[type="radio"]:checked,
.isSAIS input[type="checkbox"]:checked {
  background: #ceb281;
}
.isSAIS .glyphicon {
  color: #ceb281;
}

.isSAIS .cisiTVPopup .close {
  background-color: #ceb281;
}

.isSAIS .surveyButton {
  background: #ceb281;
}

.isSAIS .intro h1 {
  color: #a07c3c !important;
}

.isSAIS .cisiField.btn-primary,
.isSAIS .tableButton.btn-primary,
.isSAIS .btn-primary {
  background-color: #ceb281;
  border-color: #c1a36f;
  color: #fff !important;
}

.isSAIS .cisiField.btn-primary:hover,
.isSAIS .btn-primary:hover {
  background-color: #b3945e;
  border-color: #c1a36f;
  color: #fff !important;
}

.isSAIS .k-pager-wrap .k-link {
  color: #ceb281;
}

.isSAIS .navbar-inverse,
.isSAIS .mycisiNavWrapper,
.isSAIS .mycisiNav .navbar-header {
  background: #453e41;
}

.isSAIS .navbar-default,
.isSAIS .footerBottom {
  background-color: #1b1b1b;
}

.isSAIS .cpdYearSummary td {
  background: #ecdabb;
  background: linear-gradient(to bottom, #fcf5ea, #f3e5ce);
}

.isSAIS .dropdown-menu > li > a:hover,
.isSAIS .dropdown-menu > li > a:focus {
  background: #ceb281;
}

.SAISBlock {
  display: none;
}

/* Mauritius Professional Assessments */
.isMUMF .navbar-nav,
.isMUMF .mainHeader,
.isMUMF .basketLink,
.isMUMF .search,
.isMUMF .signInAndSignOutAndBasketContainer,
.isMUMF .navbar-toggle,
.isMUMF .footerTop,
.isMUMF .footerMiddle,
.isMUMF .footerBottom .links,
.isMUMF .registerAsCustomer,
.isMUMF .notAMemberYet,
.isMUMF .footerBottom,
.isMUMF .newModule,
.isMUMF #infoAlert,
.isMUMF .covidAlert,
.isMUMF .borderLeft {
  display: none !important;
}
.isMUMF body,
.isMUMF .generalParagraphNumber,
.isMUMF h1,
.isMUMF h2,
.isMUMF h3,
.isMUMF .scenarioQuestion {
  font-family: Arial !important;
}
.isMUMF #chapterSubjectDescription {
  font-size: 18px;
}
.isMUMF .pastSubjectTitle {
  color: #fff !important;
}
.isMUMF .copyright {
  border-top: 0px;
  margin-top: 0px;
}
.isMUMF .moduleResume > *,
.isMUMF .moduleResume .moduleText {
  background-color: rgba(253, 107, 53, 0.85);
}
.isMUMF .modulePassed > *,
.isMUMF .modulePassed .moduleText,
.isMUMF .moduleCompleted > *,
.isMUMF .moduleCompleted .moduleText {
  background-color: rgba(53, 191, 174, 0.85);
}
.isMUMF .btn-primary {
  background-color: #fd6b35;
  border-color: #fd6b35;
}

.isMUMF .signInBoxTitle {
  color: #14245a;
}
.isMUMF .footerBottom {
  background: #14245a;
}

.isMUMF .navbar-default {
  background-color: #0f1d41;
}

.isMUMF body {
  background-color: #1e305c;
}

.isMUMF .moduleNormal .itemContent {
  background-color: #fd6b35;
}

.isMUMF .moduleNormal .itemContent:hover {
  background-color: #fd6b35;
}

.isMUMF .item > a:hover,
.isMUMF .item > div:hover {
  outline: 6px solid #fff;
}

.isMUMF .navbar-header {
  width: 100%;
}

.isMUMF .qfmaPALogo {
  float: right;
  margin-right: 0px;
  margin-top: 15px;
  width: 150px;
}

.isMUMF .moduleChapter:nth-child(2n + 1) {
  background-color: #dfe6ed;
}

.isMUMF .moduleChapter:nth-child(2n) {
  color: #ffffff !important;
  background: #676e88;
}

.isMUMF .caseStudyAnswer {
  background-color: #dcd2ba;
}
.isMUMF .testAnswerLabel,
.isMUMF .testResultLabel {
  background-color: #00a1e1;
  color: #ffffff;
}

.isMUMF .caseStudyAnswer:hover {
  background-color: #cbbfa2;
}
.isMUMF .testAnswerLabel:hover {
  background-color: #7c91a7;
}

.isMUMF .moduleChapter:nth-child(2n + 1) .caseStudyAnswer {
  background-color: #9eaebf;
}
.isMUMF .moduleChapter:nth-child(2n + 1) .caseStudyAnswer:hover {
  background-color: #7c91a7;
}

.isMUMF .testAnswerLabelSelected {
  background-color: #14245a;
  color: #fff;
}

.isMUMF #testQuestionNumber {
  background-color: #1f456f;
  color: #fff;
}

/*.isMUMF .double_column_list a.testAnsweredMenu {
background-color: #436e9e;
color: #fff;
}*/

.isMUMF #nextChapter,
.isMUMF #prvChapter,
.isMUMF #moduleTest,
.isMUMF .moduleChapter:nth-child(2n) #nextChapter,
.isMUMF .moduleChapter:nth-child(2n) #prvChapter,
.isMUMF .moduleChapter:nth-child(2n) #moduleTest,
.isMUMF .submitTestButton,
.isMUMF #compConformation,
.isMUMF #noComplete,
.isMUMF .retakeTestButton {
  background: #fd6b35 !important;
  border-color: #fd6b35 !important;
  cursor: pointer;
}

.isMUMF #nextChapter:hover,
.isMUMF #prvChapter:hover,
.isMUMF #moduleTest:hover,
.isMUMF .moduleChapter:nth-child(2n) #nextChapter:hover,
.isMUMF .moduleChapter:nth-child(2n) #prvChapter:hover,
.isMUMF .moduleChapter:nth-child(2n) #moduleTest:hover,
.isMUMF .submitTestButton:hover,
.isMUMF #compConformation:hover,
.isMUMF #noComplete:hover,
.isMUMF .retakeTestButton:hover {
  background: #fd6b35 !important;
}

.isMUMF .chapterMenu,
.isMUMF .chapterMenuTest {
  background: #00a1e1;
}

.isMUMF .chapterMenu:hover,
.isMUMF .chapterMenuTest:hover {
  background: #fd6b35;
}

.isMUMF .cbp-spmenu {
  background: #53648d;
}

.isMUMF .modal-content {
  background: #ffffff;
}

.isMUMF .modal-content button {
  color: #14245a;
  top: 8px;
  font-size: 50px;
}

.isMUMF .double_column_list {
  background-color: #0f1d41;
}

.isMUMF .testAnswer {
  background-color: #dfe6ed;
}

.isMUMF .subjectResultBlock {
  background: #979cae;
}
.isMUMF .backtoModuleButton {
  background-color: #14245a !important;
}

.isMUMF .testIncorrect {
  background-color: #bf0018 !important;
  color: #ffffff;
}
.isMUMF .double_column_list a.wrongAnswer {
  background-color: #bf0018 !important;
}

.isMUMF .testCorrect {
  background-color: rgb(121, 175, 33) !important;
  color: #ffffff;
}

.isMUMF .subjectResultBlock.resultPassed {
  background: #35bfae;
}
.isMUMF h1.pageTitle,
.isMUMF .signInContact,
.isMUMF .signInWarning {
  color: #fff !important;
}
.isMUMF .signInWarning {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .isMUMF .qfmaPALogo {
    float: right;
    margin-right: 0px;
    margin-top: 10px;
    width: 160px;
  }
}

@media (min-width: 1200px) {
  .isMUMF .qfmaPALogo {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    width: 210px;
  }
}

/*  --  */

/*!
* =========================================================================== 
* SF|Boilerplated based on Bootstrap v3.0.2 | sfproject.less
* ===========================================================================
*/
.lt-ie8 input.sfsearchTxt,
.lt-ie8 input.form-control {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* do: remove this when telerik file is removed ?? */
.sf_cols {
  width: auto !important;
}
/* do: changed to !important to stop telerik interferring */
.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.sfInlineEditingPageMenu {
  /* make sure sitefinity menu appears over everything else */
  z-index: 2500 !important;
}
/* do: sort the ordering of this file */

.btn a,
greyButton a,
greenButton a {
  color: inherit;
}

/* do: why is not standard? */
a:active,
a:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
a.greenButton:focus,
a.greenButton:active:focus,
a.greenButton.active:focus,
a.greyButton:focus,
a.greyButton:active:focus,
a.greyButton.active:focus,
.greenButton a:focus,
.greenButton a:active:focus,
.greenButton a.active:focus,
.greyButton a:focus,
.greyButton a:active:focus,
.greyButton a.active:focus {
  outline: none 0;
}

/* override font size for menus */
.dropdown.yamm-fw,
.signInAndSignOutAndBasketContainer {
  font-size: 14px;
}

.mainWrapper {
  position: relative;
}

.sfError {
  color: red; /* ??? */
}

/*.search .sfsearchSubmit,
.mobileSearch .sfsearchSubmit,
.searchAgain .sfsearchSubmit*/
.sfsearchSubmit {
  font-size: 0;
}

@media (min-width: 768px) {
  /*  #MainWrapperheader h1,*/
  .mainWrapper .pageTitle,
  .mainWrapper .articleTitle {
    font-size: 58px;
  }
}

.mainHeader h1 {
  font-size: 69px;
  line-height: 90px;
}

.mainHeader h1 a {
  text-decoration: none;
}

.headerWrapper h1,
.headerWrapper h2,
.headerWrapper h3 {
  margin: 0;
}

.mainWrapper .articleTitle,
.mainWrapper .pageTitle {
  margin-top: 0;
}

a {
  color: #035e5e;
  cursor: pointer;
  font-weight: bold;
}

.generalSpacing .form-group {
  margin-right: 30px;
}

.generalSpacing .form-group:last-child {
  margin-right: 0px;
}

.generalSpacing .form-group label,
.generalSpacing .btn {
  margin-right: 5px;
}

.generalSpacing .form-group label:last-child,
.generalSpacing .btn:last-child {
  margin-right: 0px;
}

.kendoGrid .generalSpacing .btn,
.kendoTree .generalSpacing .btn {
  margin-bottom: 2px;
}

.kendoGrid .generalSpacing .btn:last-child,
.kendoTree .generalSpacing .btn:last-child {
  margin-bottom: 2px;
}

/*
.k-progressbar-horizontal {
width: 100%;
}*/
.k-grid-header th.k-header {
  vertical-align: top;
  white-space: normal;
}
/*.kendoGrid .btn {
margin: 2px 0;
}*/
.table-responsive .kendoGrid,
.table-responsive .kendoTree {
  min-width: 800px;
}

/* S1 - standard utility classes */
/* S2 - general layout items */
/* S3 - header */
/* S4 - Login and top drag down area */
/* S5 - navigation menus */
/* S6 - main overlay styles */
/* S7 - totop styles */
/* S8 - cookie styles */
/* S9 - general article styles */
/* S10 - Comments */
/* S11 - Search Results */
/* S12 - social share icons */
/* S13 - infinite scroller loading styles */
/* S14 - table styles */
/* S15 - dropdown styles */
/* S16 - date styles */

/* -------------------------------------------------------------------------------- */
/* S1 - standard utility classes */
/* left
right
hidden
visuallyhidden
visible
invisible
clearfix
*/
/* -------------------------------------------------------------------------------- */
.fixedContent {
  position: fixed;
}
/* hide fixed layout things while in editor */
body.standard.sfPageEditor .hideInSitefinity,
body.standard.sfPageEditor .fixedContent {
  display: none;
}

.relativeContent {
  position: relative;
}

.absoluteContent {
  position: absolute;
}

.rightAlign {
  text-align: right;
}

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

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.inlineBlock {
  display: inline-block !important;
  zoom: 1;
  *display: inline;
}

.placeholder {
  color: #aaa;
}

.transition {
  transition: all 0.5s ease 0s;
}

.noMargin {
  margin: 0;
}

.noPadding {
  padding: 0;
}

/* only show if the below rules are valid */
/*.isAnonymous,               /* only true if not logged in */
/*.isSignedIn,                /* only true if logged in */
/*.isNotMemberOrAnonymous,    /* only true if not logged in or is non member */
/*.isNotMember,               /* only true if logged in as non member */
/*.isMember {                 /* only true if logged in and member */
/*	display: none;
}*/

/* the fullWidthElement must be given a fixed height to stop elements below pushing underneath it */
.fullWidthElement > * {
  position: absolute;
  left: 0;
  right: 0;
}

.fullWidth {
  width: 100%;
}
.sf-fieldWrp input,
.sf-fieldWrp textarea,
.sf-fieldWrp select {
  display: block;
  width: 100%;
  height: 39px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.571428;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.sf-RadioButtons input[type="text"] {
  width: 50%;
  height: auto;
  padding: 6px 10px;
  color: #444444;
}
.customSelect.sf-fieldWrp select {
  appearance: none;
  -webkit-appearance: none;
}
.customSelect {
  position: relative;
}
.customSelect:after {
  content: "<>";
  font: 17px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  background: #fff;
  top: 38px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  position: absolute;
  pointer-events: none;
}
.sf-fieldWrp {
  margin-bottom: 20px;
}
.sf-fieldWrp textarea {
  height: 100px;
  border-radius: 20px;
}
.sf-fieldWrp label {
  font-weight: 600;
}
.sf-Checkboxes label,
.sf-RadioButtons label {
  font-weight: 400;
}
.sf-fieldWrp p {
  font-size: 0.8em;
}

button[type="submit"],
button[data-sf-btn-role="next"] {
  border-radius: 4px;
  transition: all 0.3s;
  color: #fff;
  background-color: #48aaaa;
  border: 0px solid;
  padding: 10px 30px;
}
button[type="submit"]:hover,
button[data-sf-btn-role="next"]:hover {
  background: #006666;
  border-color: #006666;
}
button[data-sf-btn-role="next"] {
  margin-top: 10px;
}
span.sf-FormNav-page-number {
  font-size: 13px;
  vertical-align: bottom;
}
.past .sf-FormNav-page:after {
  content: "\2713";
  position: absolute;
  left: 8px;
  font-size: 13px;
}
.past span.sf-FormNav-page {
  background: #48aaaa;
  color: #fff;
  border-color: #48aaaa;
}
input[name="FileFieldController"] {
  border: 1px transparent;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  padding: 10px 0px;
  border-radius: 0px;
  background: transparent;
}
input[data-sf-checkboxes-role="other-choice-text"] {
  width: auto !important;
  height: auto !important;
  /* margin-top: -4px; */
  /* vertical-align: text-bottom; */
  color: #000 !important;
  padding: 6px 10px !important;
  border-radius: 200px !important;
}
input[data-sf-checkboxes-role="other-choice-text"]:hover {
  background: #fff !important;
}
.sf-RadioButtons {
  margin-bottom: 20px;
}
.sf-RadioButtons strong,
.sf-Checkboxes strong {
  font-weight: 600;
}
.inlineRadio > div,
.inlineCheckboxes > div {
  display: inline-block;
  margin-right: 10px;
}
.inlineRadio strong,
.inlineCheckboxes strong {
  display: block;
}
.sf-Long-text {
  margin-bottom: 20px;
}

@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }

  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}

.sf-Checkboxes input,
input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border-radius: 4px;
  padding: 0px;
  border: 1px solid #e3e3e3;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0;
  outline: none;
  position: relative;
  z-index: 1000;
  margin-left: -3px !important;
  margin-top: 0px !important;
}
.sf-RadioButtons input,
input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  padding: 4px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border: 1px solid #e3e3e3;
  color: #fff;
  border-radius: 200px;
  cursor: pointer;
  display: inline-block;
  margin-right: 0;
  outline: none;
  position: relative;
  z-index: 1000;
  margin-left: -3px !important;
  margin-top: 0px !important;
}
.option-input input[type="radio"] {
  margin-left: -20px !important;
  margin-top: 8px !important;
}

.sf-RadioButtons input:hover,
.sf-Checkboxes input:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover {
  background: #9faab7;
}

.sf-RadioButtons input:checked,
.sf-Checkboxes input:checked,
input[type="radio"]:checked,
input[type="checkbox"]:checked {
  background: #38a2a2;
}

.sf-RadioButtons input:checked::before,
.sf-Checkboxes input:checked::before,
input[type="radio"]:checked::before,
input[type="checkbox"]:checked::before {
  height: 20px;
  width: 19.5px;
  position: absolute;
  display: inline-block;
  font-size: 24px;
  text-align: center;
  line-height: 20px;
}

.sf-RadioButtons input:checked::after,
.sf-Checkboxes input:checked::after,
input[type="radio"]:checked::after,
input[type="checkbox"]:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}

.sfRadioList input::after {
  border-radius: 200px;
}
.sf-Checkboxes input::after {
  border-radius: 200px;
}
/* -------------------------------------------------------------------------------- */
/* S2 - general layout items */
/* -------------------------------------------------------------------------------- */
.waiting {
  display: inline-block;
  display: none;
  width: 128px;
  height: 22px;
  margin: 5px 0;
  padding: 0;
  vertical-align: bottom;
  border: none;
  background: url("../../image/master/waiting.gif") no-repeat scroll center
    center transparent;
}

.generalMessage {
  display: none;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
  background: #e7922d;
  text-align: left;
}
.generalMessage a {
  color: #fff;
  text-decoration: underline;
}

.generalMessage.warning {
  padding-left: 80px;
  background: url("../../image/master/warning.png") no-repeat scroll 22px center
    #e17c00;
}
.generalMessage.alert {
  padding-left: 80px;
  background: url("../../image/master/warning.png") no-repeat scroll 22px center
    #0087e1;
}

.generalMessage.error {
  padding-left: 80px;
  background: url("../../image/master/error.png") no-repeat scroll 22px center
    #fb494a;
}

.generalMessage.success {
  padding-left: 80px;
  background: url("../../image/master/success.png") no-repeat scroll 22px center
    #78c751;
}

.panel-footer .generalMessage,
.modal-footer .generalMessage {
  margin-bottom: 10px;
}

.generalMessage.error a {
  color: White;
  text-decoration: underline;
}

.mainWrapper .greyBox {
  padding: 30px;
  background: #f5f5f5;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.mainWrapper .greyBox > p {
  margin-bottom: 30px;
}

.mainWrapper .greyBox .generalMessage {
  margin-top: 20px;
}

/* for pdf exporting */
.pdfExport {
  display: none;
  position: relative;
}

.k-pdf-export .pdfExport {
  display: block;
}

.pdfExportA5Landscape {
  height: 148mm;
  width: 210mm;
}

.pdfExportA5Portrait {
  height: 210mm;
  width: 148mm;
}
/* lxp - 12/08/2016 - should be 297 and 210 but reducing by 1/3 due to kendo issue to 221 and 156 */
.pdfExportA4Landscape {
  height: 156mm;
  width: 221mm;
}

.pdfExportA4Portrait {
  height: 221mm;
  width: 156mm;
}
/* --------------------------------------------------------------------------------------------------- */
/* Kendo PDF Export - AZA -10-09-2018 PBI 736-598 CPD PDF Export (person details with the cpd entries) */
/* --------------------------------------------------------------------------------------------------- */
kendo-pdf-document {
  font-family: "DejaVu Sans", "Arial", sans-serif;
}

kendo-pdf-document .mycisiBlock .title {
  font-size: 9px;
}

kendo-pdf-document .form-inline,
kendo-pdf-document .form-group {
  font-size: 7px;
}

kendo-pdf-document .k-grid tr td,
kendo-pdf-document .kendoTable table th,
kendo-pdf-document .kendoTable table td,
kendo-pdf-document .kendoTree table th,
kendo-pdf-document .kendoTree table td {
  font-size: 7px;
  max-width: 1.5cm;
}

kendo-pdf-document .k-grid-header th.k-header,
.k-filter-row th {
  border-width: 0.1px;
}

kendo-pdf-document .k-grid td {
  border-width: 0.1px;
}

kendo-pdf-document .k-grid tr td {
  border-width: 0.1px;
}

kendo-pdf-document #cpdEntriesTabsList li a {
  font-size: 7px;
  height: 11mm;
}

kendo-pdf-document .title {
  height: 11mm;
}

kendo-pdf-document .kendoTable table {
  width: 132mm;
}

kendo-pdf-document .table-responsive {
  padding-top: 20px;
}

kendo-pdf-document #cpdYear {
  height: 221mm;
}

kendo-pdf-document .kendoTable table tr td img {
  width: 7px;
  height: 7px;
}

kendo-pdf-document .k-grid-header th > .k-link > .k-icon {
  display: none;
}

#cisiLogo .cisiLogoImg {
  height: 30%;
  width: 30%;
}

.logoCisi {
  text-align: right;
  padding-bottom: 15px;
  display: none;
}

kendo-pdf-document .logoCisi {
  display: block;
}

kendo-pdf-document #cpdUserDetails img {
  height: 50%;
  width: 50%;
}

kendo-pdf-document section {
  margin-bottom: 1px;
}

kendo-pdf-document .btn,
kendo-pdf-document #cpdEntriesFilterDetails,
kendo-pdf-document #cpdYearManual,
kendo-pdf-document .k-grid-toolbar,
kendo-pdf-document .k-button {
  display: none;
}

/* -------------------------------------------------------------------------------- */
/* S8 - browser happy styles */
/* -------------------------------------------------------------------------------- */
.browsehappy {
  padding: 8px 20px 6px;
  background: #991f1f;
  color: white;
}

.browsehappy a {
  color: white;
  text-decoration: underline;
}

/* -------------------------------------------------------------------------------- */
/* S3 - header bar */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* S4 - Login and top drag down area */
/* -------------------------------------------------------------------------------- */

/* styles that all signin boxes use */
.signInBox .forgotEmail,
.signInBox .forgotPassword {
  float: left;
}

.signInBox .showPassword {
  float: right;
  margin-top: 0px;
}

.signInBox .forgotEmail a,
.signInBox .forgotPassword a,
.signInBox .showPassword label {
  margin: 4px 0;
  color: inherit;
  font-size: 11px;
  font-style: italic;
  cursor: pointer;
}

.signInBox .form-group label {
  display: none;
}

.lt-ie10 .signInBox .form-group label {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/* styles for top menu signin box only */
.signInAndSignOutAndBasketContainer .signInBox fieldset {
  text-align: right;
}

.signInAndSignOutAndBasketContainer .signInBox .form-group {
  margin: 0 5px;
  vertical-align: top;
}

.signInAndSignOutAndBasketContainer .signInBox .form-control {
  display: block;
  width: 170px;
}

.signInAndSignOutAndBasketContainer .signInBox .showPassword {
  display: none;
}
/* signInAndSignOutAndBasket base containers */
.signInAndSignOutAndBasketContainer {
  position: fixed;
  /* top: -196px; */
  top: 0px;
  width: 100%;
  left: 0px;
  z-index: 2000;
  transition: all 0.5s ease 0s;
}
.globalBasketText {
  /* display: none; */
}
@media (min-width: 992px) {
  /* .signInAndSignOutAndBasketContainer {
    top: -136px;
  } */
}

.lt-ie8 .signInAndSignOutAndBasketContainer {
  top: 0px;
}

.signInAndSignOutAndBasketContainerOpen {
  /* top: 0px !important; */
}

.signInAndSignOutAndBasketContainer,
.signInAndSignOutAndBasketContainer .pullDown .mainBar {
  /* background: none repeat scroll 0 0 #2d8383;
  box-shadow: 0 -50px 40px 25px #000000; */
}

.signInAndSignOutAndBasketContainer > * {
  position: relative;
}
/* main container area */
.signInAndSignOutAndBasketContainer .main {
  z-index: inherit;
  background: inherit;
  display: none;
}

.signInAndSignOutAndBasketContainer .main .signInTitle,
.signInAndSignOutAndBasketContainer .main .signedInName,
.signInAndSignOutAndBasketContainer .main .signInForm,
.signInAndSignOutAndBasketContainer .main .signedInDetails {
  height: 100px;
  text-align: center;
}

.signInAndSignOutAndBasketContainer .main .signInForm .form-group {
  text-align: left;
}

.signInAndSignOutAndBasketContainer .main .signedInSignOut {
  height: 60px;
  text-align: center;
}

@media (min-width: 992px) {
  .signInAndSignOutAndBasketContainer .main .signInTitle,
  .signInAndSignOutAndBasketContainer .main .signedInName,
  .signInAndSignOutAndBasketContainer .main .signInForm,
  .signInAndSignOutAndBasketContainer .main .signedInDetails,
  .signInAndSignOutAndBasketContainer .main .signedInSignOut {
    height: 140px;
  }

  .signInAndSignOutAndBasketContainer .main .signInTitle,
  .signInAndSignOutAndBasketContainer .main .signedInName {
    text-align: left;
  }

  .signInAndSignOutAndBasketContainer .main .signInForm,
  .signInAndSignOutAndBasketContainer .main .signedInDetails,
  .signInAndSignOutAndBasketContainer .main .signedInSignOut {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .signInAndSignOutAndBasketContainer .main .signedInName {
    height: 40px;
  }
}

.lt-ie8 .signInAndSignOutAndBasketContainer .main .signInTitle,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signedInName,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signInForm,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signedInDetails,
.lt-ie8 .signInAndSignOutAndBasketContainer .main .signedInSignOut {
  display: none;
}
/* titles etc on the drag down area */
.signInAndSignOutAndBasketContainer .main h1 {
  margin: 0 0 0.2em;
}

.signInAndSignOutAndBasketContainer .main h2 {
  margin-bottom: 0;
}

.signInAndSignOutAndBasketContainer .main .signedInName {
  font-size: 18px;
  font-weight: 200;
}

.signInAndSignOutAndBasketContainer .main .memberCard {
  display: none;
  width: 130px;
}

@media (min-width: 992px) {
  .signInAndSignOutAndBasketContainer .main .memberCard {
    display: none;
  }
}
/* pulldown styles */
.signInAndSignOutAndBasketContainer .pullDown > div {
  position: relative;
}

.signInAndSignOutAndBasketContainer .pullDown > div > * {
  position: absolute;
  right: 0px;
  height: 35px;
}

.signInAndSignOutAndBasketContainer .pullDown > div > * > * {
  float: left;
  height: 35px;
}

.signInAndSignOutAndBasketContainer .pullDown .signInImage {
  position: relative;
  z-index: 1031;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar {
  position: relative;
  padding-right: 120px;
  display: none !important;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 5px 0px 5px 5px;
}
/*.signInAndSignOutAndBasketContainer .pullDown .signInLink:after,*/
.signInAndSignOutAndBasketContainer .pullDown .signedInLink:after {
  content: url("/cisiweb2/image/master/arrowdown.png");
  margin-left: 6px;
}
/*.signInAndSignOutAndBasketContainerOpen .pullDown .signInLink:after,*/
.signInAndSignOutAndBasketContainerOpen .pullDown .signedInLink:after {
  content: url("/cisiweb2/image/master/arrowup.png");
}
/*.lt-ie8 .signInAndSignOutAndBasketContainer .pullDown .signInLink:after,*/
.lt-ie8 .signInAndSignOutAndBasketContainer .pullDown .signedInLink:after {
  content: "";
  margin-left: 0px;
}
/*.lt-ie8 .signInAndSignOutAndBasketContainerOpen .pullDown .signInLink:after,*/
.lt-ie8 .signInAndSignOutAndBasketContainerOpen .pullDown .signedInLink:after {
  content: "";
}
/* search styles for the drag down */
.search {
  position: fixed;
  left: 0px;
  top: 150px;
  z-index: 1032;
  width: 100%;
  margin: auto;
  padding: 0px 20%;
  display: none;
}
.search .sfsearchBox > span {
  width: 100%;
  background: none;
  border: none;
}
.search input.sfsearchTxt {
  height: 80px;
  width: 100%;
  margin-top: 2px;
  border: none;
  border-radius: 20px;
  font-size: 30px;
  padding: 20px 40px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5), 0px 0px 40px rgba(0, 0, 0, 0.5);
}

.search input.sfsearchTxt:focus {
  /* width: 270px !important; */
}

.lt-ie9 .signInAndSignOutAndBasketContainer .pullDown .search {
  right: 0px;
}

.lt-ie9
  .signInAndSignOutAndBasketContainer
  .pullDown
  .search
  input.sfsearchTxt {
  width: 120px !important;
}

.lt-ie9
  .signInAndSignOutAndBasketContainer
  .pullDown
  .search
  input.sfsearchTxt:focus {
  width: 266px !important;
}

.signInAndSignOutAndBasketContainer .pullDown .search .sfsearchSubmit {
  top: 6px;
}

.signInAndSignOutAndBasketContainer,
.signInAndSignOutAndBasketContainer a,
.signInAndSignOutAndBasketContainer a:active,
.signInAndSignOutAndBasketContainer a:hover,
.signInAndSignOutAndBasketContainer a:visited .mainHeader,
.mainHeader a,
.mainHeader a:active,
.mainHeader a:hover,
.mainHeader a:visited {
  color: White;
}

@media (max-width: 1199px) {
  .signInAndSignOutAndBasketContainer,
  .mainHeader {
    display: none;
  }
  /*Prevents try beta website banner being hidden on smaller devices, reverse the above - DH*/
  .tryNew {
    display: block;
  }
}

/* -------------------------------------------------------------------------------- */
/* S5 - navigation menus
/* -------------------------------------------------------------------------------- */
.mainNav {
  border: none;
  background-image: none;
  box-shadow: none;
}
/*.mainNav .navbar-toggle .icon-bar {
display: block;
height: 5px;
width: 36px;
border-radius: 4px;
}*/
.mainNav .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
/*.mainNav .navbar-toggle .icon-bar + .icon-bar {
margin-top: 5px;
}*/
.mainNav .navbar-collapse.collapse,
.mainNav .navbar-collapse.collapsing {
  width: 100%;
  margin: 0;
  border: none;
  box-shadow: none;
}

.mainNav .navbar-nav {
  /* margin-top: 0;
        margin-bottom: 10px; */
}

@media (min-width: 1200px) {
  .mainNav .navbar-nav {
    /* margin-bottom: 0; */
  }
}

.mainNav .navbar-nav > .open > a,
.mainNav .navbar-nav > .active > a {
  background-image: none;
  box-shadow: none;
}

@media (max-width: 1199px) {
  .mainNav .navbar-nav {
    /* padding-right: 0px; */
  }

  .mainNav #mainNavCollapse li > a,
  .mainNav #mainNavCollapse li > a:hover,
  .mainNav #mainNavCollapse li > a:active,
  .mainNav #mainNavCollapse li > a:focus {
    padding: 10px 34px 10px 14px; /* 10px 14px; recent: */
    font-size: 18px;
    line-height: 24px;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: right 16px center;
    background-size: 13px auto;
    background-repeat: no-repeat !important; /* bootstrap .navbar-default .navbar-nav > .open > a taking precendence */
  }

  .mainNav #mainNavCollapse li.yamm-fw > a,
  .mainNav #mainNavCollapse li.submenu > a {
    background-image: url("/cisiweb2/image/master/arrowdownlg.png");
  }

  .mainNav #mainNavCollapse li.yamm-fw.open > a,
  .mainNav #mainNavCollapse li.submenu > a.collapsed {
    background-image: url("/cisiweb2/image/master/arrowuplg.png");
  }
}

/* main menu */
.mainNav .navbar-header {
}

.mainNav .navbar-brand {
}

.mainNav .navbar-brand img {
}
/* For 25th logo */
.mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo3.png"] {
  width: 150px;
  margin-top: 3px;
}
/* For SAIS logo */
.mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo4.png"] {
  /* width: 150px; */
  width: 100%;
  margin-top: 3px;
}

.isSAIS .mainNav .navbar-brand {
  padding: 12.5px 15px;
}

@media (min-width: 1200px) {
  .mainNav .navbar-header {
  }

  .mainNav .navbar-nav {
    /* float: right;
        margin-top: 58px; */
  }

  .mainNav .navbar-brand {
  }

  .mainNav .navbar-brand img {
  }
  /* For 25th logo */
  .mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo3.png"] {
  }
  /* For SAIS logo*/
  .mainNav .navbar-brand img[src*="/cisiweb2/image/master/cisilogo4.png"] {
    /* width: 250px; */
    width: 100%;
  }

  .isSAIS .mainNav .navbar-brand {
    padding: 2px 0px;
  }

  .mainNav .navbar-nav > li > a {
    color: #ffffff;
    border-bottom: 2px solid transparent;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
  }

  .mainNav .navbar-nav > li > a:hover,
  .mainNav .navbar-nav > li > a:focus,
  .mainNav .navbar-nav > li > a:active,
  .mainNav .navbar-nav > li > a:focus-visible
   {
    border-bottom: 2px solid #fff;
  }
}

@media (max-width: 1199px) {
  .mainNav .navbar-nav > li > a,
  .mainNav .navbar-nav > li > a:hover,
  .mainNav .navbar-nav > li > a:active,
  .mainNav .navbar-nav > li > a:focus {
    border-bottom: 1px solid #006666;
    background-color: #3f8d8d !important; /* bootstrap .navbar-default .navbar-nav > .open > a taking precendence */
  }
}

/* -------------------------------------------------------------------------------- */
/* S6 - main overlay styles */
/* -------------------------------------------------------------------------------- */
.overlay {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1001;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}

/* -------------------------------------------------------------------------------- */
/* S7 - totop styles */
/* -------------------------------------------------------------------------------- */
.toTop {
  display: none;
  position: fixed;
  width: 50px;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}

@media (min-width: 768px) {
}

.toTop img {
  width: 100%;
}

/* -------------------------------------------------------------------------------- */
/* S8 - cookie styles */
/* -------------------------------------------------------------------------------- */
.cookieConsent {
  display: none;
  bottom: 0;
  width: 100%;
  z-index: 9998;
  background: none repeat scroll 0 0 #636261;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* For IE8 and earlier */
  filter: alpha(opacity=90);
}
.cookieConsent .container {
  margin-bottom: 0px !important;
  padding: 12px 120px 12px 20px;
}

.cookieConsent,
.cookieConsent a {
  color: White;
}

.cookieConsent a {
  text-decoration: underline;
}

.cookieConsent > * {
  padding: 12px 120px 12px 20px;
}

#cookieClose span {
  margin-top: -3px !important;
  line-height: 0px;
  display: block;
}

.cookieConsent .close {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  font-size: 35px;
  color: White;
  opacity: 1;
  line-height: 0.5;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 100px;
  background: #383838;
}

.cookieConsent .close:focus,
.cookieConsent .close:hover {
  opacity: 1;
}

.cookieConsent p {
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

#infoAlert {
  display: none;
  width: 100%;
  z-index: 9999;
  bottom: 0;
  /*padding: 0px;*/
  padding: 10px 0px;
  position: fixed;
  background: none repeat scroll 0 0 rgb(174 80 8);
  color: white;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  /*white-space: pre-line;*/
  /*background-image: url('/cisiweb2/image/icons/alert2.png'); 
background-repeat: no-repeat;
background-size: contain;*/
}

#infoAlertClose {
  color: white;
  font-size: 32px;
  margin-right: 0px;
  opacity: 1;
  line-height: 0.5;
  position: absolute;
  right: 0px;
  top: 0;
  height: 100%;
  width: 100px;
  background: #7c3905;
}
#infoAlertClose span {
  display: block;
  margin-top: -4px !important;
}

#infoAlertMessage {
  padding: 0px 100px 0px 20px;
  margin: 0px;
}

@media (max-width: 991px) {
  #infoAlert {
    /*padding: 5%;*/
    background-image: none;
  }

  #infoAlertMessage {
    /*padding:0 3%;*/
  }
}

/* -------------------------------------------------------------------------------- */
/* S9 - general article styles */
/* also p,b,i
    h1,h2,h3,h4
*/
/* -------------------------------------------------------------------------------- */
.standFirst {
  margin: 20px 0px; /* 25px 0px;*/
  font-size: 22px;
  font-family: "Raleway", century gothic, sans-serif;
  color: #333;
  font-weight: 200;
  line-height: normal; /*28px;*/
}

.pullQuote {
  display: block;
  padding: 20px 0px 20px 0px;
  margin: 35px 0px 35px 0px;
  font-size: 30px; /*26px;*/
  font-family: "Raleway", century gothic, sans-serif;
  color: #333; /*#666666 !important;*/
  font-weight: 300;
  line-height: normal;
  border-bottom: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
}

.crossHead {
  display: block;
  color: #333;
  font-family: "Raleway", century gothic, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 10px;
}

.standFirst p {
  margin: 20px 0px; /* 25px 0px;*/
  font-size: 22px;
  font-family: "Raleway", century gothic, sans-serif;
  color: #333;
  font-weight: 200;
  line-height: normal; /*28px;*/
}

.pullQuote p {
  display: block;
  padding: 20px 0px 20px 0px;
  margin: 35px 0px 35px 0px;
  font-size: 30px; /*26px;*/
  font-family: "Raleway", century gothic, sans-serif;
  color: #333; /*#666666 !important;*/
  font-weight: 300;
  line-height: normal;
  border-bottom: 1px solid #cfcfcf;
  border-top: 1px solid #cfcfcf;
}

.crossHead p {
  display: block;
  color: #333;
  font-family: "Raleway", century gothic, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 10px;
}

.boxout {
  float: right;
  margin: 10px 0px 10px 10px;
  padding: 30px;
  width: 100%;
  font-size: 28px;
  font-family: "Raleway", century gothic, sans-serif;
  color: #ffffff;
  background-color: #006666;
  font-weight: 300;
  line-height: normal;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
}

.boxout h1 {
  margin: 0;
  font-size: 90px;
  color: #ffffff;
}

.infoBox {
  float: right;
  margin: 0px 0px 20px 0px;
  padding: 20px;
  width: 100%;
  background-color: #d7eeee;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  background-image: url("../../image/master/infobox.png");
  background-position: right top;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .boxout {
    width: 25%;
    margin: 20px 0px 20px 20px;
  }
  .infoBox {
    margin: 0px 0px 20px 50px;
    padding: 30px;
    width: 40%;
  }
}

.infoBox .crossHead {
  margin-top: 0;
}

.readersLetters {
  background: #f5f5f5;
  padding: 15px 25px 20px 25px;
  font-size: 14px;
  font-weight: 300;
  line-height: 26px;
  display: block;
}

.readersLettersAuthor {
  display: block;
  line-height: 28px;
  text-align: right;
  color: #000000;
  font-weight: 400;
}

.sf_pagerNumeric {
  text-align: center;
}

.sf_pagerNumeric a {
  padding: 6px 10px;
  text-decoration: none;
  margin: 2px;
  color: #006666;
}

.sf_pagerNumeric a:hover {
  background: #efefef;
  color: #218f8f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.sf_PagerCurrent,
.sf_PagerCurrent:hover {
  background: #006666 !important;
  color: #ffffff !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.articleCopy table a:link {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

.articleCopy table a:visited {
  color: #999999;
  font-weight: bold;
  text-decoration: none;
}

.articleCopy table a:active,
.articleCopy table a:hover {
  color: #bd5a35;
  text-decoration: underline;
}

.articleCopy table {
  /*	font-family:Arial, Helvetica, sans-serif;*/
  color: #666;
  font-size: 12px;
  text-shadow: 1px 1px 0px #fff;
  background: #eaebec;
  margin: 10px;
  border: #ccc 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 2px #d1d1d1;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1;
  overflow: auto;
  overflow-y: hidden;
  display: compact;
  border-collapse: separate;
}

.articleCopy table p {
  font-size: 12px;
}

.articleCopy table th {
  padding: 21px 25px 22px 25px;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #e0e0e0;
  background: #ededed;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ededed),
    to(#ebebeb)
  );
  background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

.articleCopy table th:first-child {
  text-align: left;
  padding-left: 15px;
}

.articleCopy table tr:first-child th:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.articleCopy table tr:first-child th:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

.articleCopy table tr {
  text-align: center;
  padding-left: 15px;
}

.articleCopy table td:first-child {
  text-align: left;
  padding-left: 15px;
  border-left: 0;
}

.articleCopy table td {
  padding: 2px 10px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fafafa;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fbfbfb),
    to(#fafafa)
  );
  background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
  text-align: left;
}

.articleCopy table tr.even td {
  background: #f6f6f6;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f8f8f8),
    to(#f6f6f6)
  );
  background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

.articleCopy table tr:last-child td {
  border-bottom: 0;
}

.articleCopy table tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.articleCopy table tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.articleCopy table tr:hover td {
  background: #f2f2f2;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f2f2),
    to(#f0f0f0)
  );
  background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.tableLeft {
  margin-right: 20px;
}

.tableRight {
  margin-left: 20px;
}

.imgShadow {
  border: 1px solid #aeaeae;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
  margin-bottom: 6px;
}

/* -------------------------------------------------------------------------------- */
/* S10 - Comments styling */
/* -------------------------------------------------------------------------------- */
.commentsList ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
}

.commentsList li {
  display: block;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
}

.commentsList .title {
  margin-bottom: 0.5em;
  font-size: 16px;
}

.commentsList .date {
  font-style: italic;
}

.commentsList .authorAvatar {
  float: left;
  width: 60px;
  height: 60px;
  vertical-align: top;
  margin-right: 12px;
}

.commentsList .submitText {
  margin-left: 72px;
  font-size: 13px;
}

.commentsSubmit .submitText {
  width: 100%;
}

.sfcommentsOderFilterWrp,
.sfLeaveCommentLnk,
.sfcommentsFormWithAvatarWrp img {
  display: none !important;
}

.sfcommentsFormWrp label {
  width: 150px;
}

/* -------------------------------------------------------------------------------- */
/* S11 - Search Results */
/* -------------------------------------------------------------------------------- */
.searchAgain .sfsearchBox,
.signInAndSignOutAndBasketContainer .sfsearchBox,
#mainNavCollapse .sfsearchBox {
  position: relative;
}

.searchAgain .sfsearchBox > span.sfsearchTxt,
.searchAgain .sfsearchBox > span.sfsearchTxt:focus,
.searchAgain .sfsearchBox > span.sfsearchTxt:hover,
.searchAgain .sfsearchBox > span.sfsearchTxt:active,
.signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt,
.signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt:focus,
.signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt:hover,
.signInAndSignOutAndBasketContainer .sfsearchBox > span.sfsearchTxt:active,
#mainNavCollapse .sfsearchBox > span.sfsearchTxt,
#mainNavCollapse .sfsearchBox > span.sfsearchTxt:focus,
#mainNavCollapse .sfsearchBox > span.sfsearchTxt:hover,
#mainNavCollapse .sfsearchBox > span.sfsearchTxt:active {
  display: inline;
  background: transparent;
  color: transparent;
  border: none;
}

.signInAndSignOutAndBasketContainer .sfsearchTxt > input.sfsearchTxt,
.searchAgain .sfsearchTxt > input.sfsearchTxt,
#mainNavCollapse .sfsearchTxt > input.sfsearchTxt {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  padding: 0px 35px 0px 10px;
  background: #f9f9f9;
  border: 1px solid #cccccc;
  text-indent: 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  color: #222; /* do: set anywhere else? */
}
/*  Bodge to fix search issues 2/3/17 */
#cph_header_SignInAndSignOutAndBasket_ctl00_ctl00_signInSearchContainer_ctl00_ctl00_searchTextBox-list {
  display: none !important;
}

.searchAgain .sfsearchBox > .sfsearchSubmit,
.signInAndSignOutAndBasketContainer .sfsearchBox > .sfsearchSubmit,
#mainNavCollapse .sfsearchBox > .sfsearchSubmit {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 20px;
  height: 20px;
  background: url("../../image/master/searchIcon.png") repeat scroll 0 0
    rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border: none;
}

.lt-ie9 .searchAgain .sfsearchTxt > .sfsearchSubmit,
.lt-ie9 .signInAndSignOutAndBasketContainer .sfsearchBox > .sfsearchSubmit,
.lt-ie9 #mainNavCollapse .sfsearchBox > .sfsearchSubmit {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/searchIcon.png',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/searchIcon.png',sizingMethod='scale')";
  /* z-index: auto  - ie7 fix? */
}

@media (min-width: 768px) {
  .searchAgain .sfsearchTxt > input.sfsearchTxt,
  .signInAndSignOutAndBasketContainer .sfsearchTxt > input.sfsearchTxt,
  #mainNavCollapse .sfsearchTxt > input.sfsearchTxt {
    height: 28px;
  }

  .signInAndSignOutAndBasketContainer .sfsearchBox > .sfsearchSubmit,
  #mainNavCollapse .sfsearchBox > .sfsearchSubmit {
    top: 4px;
  }
}

/* do: move all the below to a search.css? */
.searchAgain {
  margin-bottom: 50px;
}

@media (min-width: 768px) {
  .searchAgain {
    width: 400px;
  }
}

.sfsearchResultStatistics {
  margin-top: 0;
  color: #006666;
}

dl .sfsearchResultsWrp {
  margin-top: 35px;
  padding-bottom: 40px;
  border-bottom: 1px dashed #cfcfcf;
}

dl .sfsearchResultsWrp:last-child {
  margin-bottom: 50px;
  border-bottom: none;
}

.sfsearchResultTitle a {
  /* same as h2 */
  color: #006666;
  text-decoration: none;
}

.sfsearchResultHighLighter {
  margin: 15px 15px 0;
  padding-left: 15px;
  color: #777; /* #666 */
  font-style: italic;
  font-size: 13px;
  line-height: 22px;
  border-left: 1px solid #cfcfcf;
}

.sfsearchResultHighLighter .sfHighlight {
  padding: 3px 5px;
  background: #e6f2f2;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.sfsearchResultHighLighter:hover .sfHighlight {
  background: #1badad;
  color: #ffffff;
}

.sfFormRadiolist .sfRadioList label {
  margin-right: 10px;
}

/* -------------------------------------------------------------------------------- */
/* S12 - social share icons */
/* -------------------------------------------------------------------------------- */
.socialOptionsContainer a {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 22px;
  padding: 0 20px;
  margin-right: 8px;
  background-color: #aaa;
  background-repeat: no-repeat;
  background-size: 86px 22px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  transition: background-color 0.5s ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media (min-width: 768px) {
  .socialOptionsContainer a {
    width: 86px;
    padding: 2px 10px 0px 42px;
  }
}

.twitterShare {
  background-image: url("../../image/master/twittericon.png");
}

.lt-ie9 .twitterShare {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/twittericon.png',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/twittericon.png',sizingMethod='scale')";
}

.linkedinShare {
  background-image: url("../../image/master/linkedinicon.png");
}

.lt-ie9 .linkedinShare {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/linkedinicon.png',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/linkedinicon.png',sizingMethod='scale')";
}

.googleShare {
  background-image: url("../../image/master/googleplusicon.png");
}

.lt-ie9 .googleShare {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/googleplusicon.png',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/googleplusicon.png',sizingMethod='scale')";
}

.facebookShare {
  background-image: url("../../image/master/facebookicon.png");
}

.lt-ie9 .facebookShare {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/facebookicon.png',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/facebookicon.png',sizingMethod='scale')";
}

.printShare {
  background-image: url("../../image/master/printicon.png");
}

.lt-ie9 .printShare {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/printicon.png',sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cisiweb2/image/master/printicon.png',sizingMethod='scale')";
}

.twitterShare:hover {
  background-color: #63cdf1;
}

.linkedinShare:hover {
  background-color: #007bb6;
}

.googleShare:hover {
  background-color: #d61515;
}

.facebookShare:hover {
  background-color: #507cbe;
}

.printShare:hover {
  background-color: #006666;
}

/* -------------------------------------------------------------------------------- */
/* S13 - infinite scroller loading styles */
/* -------------------------------------------------------------------------------- */
#infscr-loading {
  position: fixed;
  z-index: 1;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 20px;
  background: rgb(245, 245, 245);
  background: transparent;
  background: rgba(245, 245, 245, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5,endColorstr=#f5f5f5);
  zoom: 1;
  text-align: center;
  color: #006666;
}

#infscr-loading div,
#infscr-loading h4 {
  display: inline;
}

/* -------------------------------------------------------------------------------- */
/* S14 - table styles */
/* -------------------------------------------------------------------------------- */
.tableSearch {
  float: right;
}

.tableSearch label {
  margin: 0 5px;
  vertical-align: middle;
}

.tableSearch input {
  width: 400px;
}

table tr.greyRow {
  background-color: #dadada !important;
}

table tr.k-alt.greyRow,
.greyRow {
  background-color: #cdcdcd !important;
}

table tr.blueRow {
  background-color: #dadcff !important;
}

table tr.k-alt.blueRow,
.blueRow {
  background-color: #cdd0ff !important;
}

table tr.greenRow {
  background-color: #daffda !important;
}

table tr.k-alt.greenRow,
.greenRow {
  background-color: #cdffcd !important;
}

table tr.yellowRow {
  background-color: #ffffda !important;
}

table tr.k-alt.yellowRow,
.yellowRow {
  background-color: #ffffcd !important;
}

table tr.orangeRow {
  background-color: #ffecda !important;
}

table tr.k-alt.orangeRow,
.orangeRow {
  background-color: #ffe6cd !important;
}

table tr.redRow {
  background-color: #ffdada !important;
}

table tr.k-alt.redRow,
.redRow {
  background-color: #ffcdcd !important;
}

table tr.purpleRow {
  background-color: #ffdaff !important;
}

table tr.k-alt.purpleRow,
.purpleRow {
  background-color: #ffcdff !important;
}

.lt-ie9 .k-grid-pdf {
  /* hide pdf buttons from ie8 */
  display: none;
}

/* -------------------------------------------------------------------------------- */
/* S15 - dropdown styles */
/* -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/* S16 - date styles */
/* -------------------------------------------------------------------------------- */
/* not needed lxp 30/01/2017 and class has changed to date
.datepicker {
display: block;
}
.form-inline .datepicker {
display: inline-block;
vertical-align: middle;
}*/

/* -------------------------------------------------------------------------------- */
/* S17 - Add to basket pop up */
/* -------------------------------------------------------------------------------- */
.tick {
  display: none;
}

.basketPopUpMessage {
  /*color: #fff;*/
  font-size: 14px;
  padding-bottom: 20px;
  padding-top: 10px;
  text-align: left;
}

.basketButtons .addToBasket {
  float: right;
}

.currentBasketPopUp .basketItemWrapper {
  /*color: #fff;*/
  font-size: 12px;
  margin: 14px 0 0;
}

.basketItemWrapperRemoved {
  padding: 0 !important;
}

.basketItemWrapper .col-xs-2 {
  padding-left: 0px;
}

.basketButtons {
  display: inline-block;
}

.basketPopUp .cisiFieldWrapper.buttonWrapper {
  float: none;
  padding: 0px;
  width: 100%;
}

.basketPopUp .cisiFieldWrapper.buttonWrapper .btn {
  width: 100% !important;
}

.basketPopUp .popupFooter.modal-footer {
  padding: 0px 20px 0px;
  border: 0px solid;
}

.basketPopUp .modal-body {
  padding: 10px 20px 10px;
}

.basketPopUp .price {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  /*color: #fff;*/
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.basketPopUp .col-xs-2.qty {
  padding: 0px 10px;
}

.basketPopUp h2 {
  font-size: 24px;
}

@media (min-width: 768px) {
  .basketPopUp .cisiFieldWrapper.buttonWrapper {
    float: left;
    padding: 0px;
    width: auto;
  }

  .basketPopUp .modal-body {
    padding: 10px 40px 10px;
  }

  .basketPopUp .popupFooter.modal-footer {
    padding: 0px 40px 30px;
  }

  .tick {
    margin-right: 10px;
    margin-top: -12px;
    width: 50px;
    display: inline-block;
  }

  .currentBasketPopUp .basketItemWrapper {
    font-size: 14px;
    margin: 20px 0 0;
  }

  .basketPopUp .price {
    font-size: 16px;
  }

  .basketPopUp .col-xs-2.qty {
    padding: 0px 15px;
  }

  .basketPopUp h2 {
    font-size: 30px;
  }
}

/* -------------------------------------------------------------------------------- */
/* S18 - Loading animation */
/* -------------------------------------------------------------------------------- */
#basketPageLoadWrapper .waiting,
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  display: none;
}

.sfPageEditor #basketPageLoadWrapper .waiting,
.sfPageEditor #loader-wrapper {
  display: none;
}

#basketPageLoadLoader,
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 6px solid transparent;
  border-top-color: #006666;
  -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#basketPageLoadLoader:before,
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 6px solid transparent;
  border-top-color: #2c9c9c;
  -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#basketPageLoadLoader:after,
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 6px solid transparent;
  border-top-color: #6fc5c5;
  -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg); /* IE 9 */
    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
  }

  100% {
    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg); /* IE 9 */
    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg); /* IE 9 */
    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
  }

  100% {
    -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg); /* IE 9 */
    transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
  }
}

/* global basket */
/*.globalBasketQuantity {
margin-left: 4px;
}*/
.signInAndSignOutAndBasketContainer .basketLink::before {
  font-family: "Glyphicons Halflings";
  content: "\e116";
  font-size: 13px;
  margin-right: 6px;
}

.signInAndSignOutAndBasketContainer .signedInLink::before {
  font-family: "Glyphicons Halflings";
  content: "\e008";
  font-size: 13px;
  margin-right: 6px;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar .signedInLink {
  margin-right: 15px;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar .basketLink {
  margin-right: 10px;
}

.signInAndSignOutAndBasketContainer .pullDown .mainBar .registerLink {
  margin: 5px 20px 5px 0;
}
.registerLink {
  margin-right: 10px;
  border-right: 1px solid;
  padding-right: 10px;
}
.signInAndSignOutAndBasketContainer .signInLink::before {
  font-family: "Glyphicons Halflings";
  content: "\e008";
  font-size: 13px;
  margin-right: 6px;
}

@media (max-width: 1199px) {
  .signInAndSignOutAndBasketContainer .registerLink::before {
    font-family: "Glyphicons Halflings"; /* do: change this to plus */
    content: "\e008";
    font-size: 13px;
    margin-right: 6px;
  }
}

@media (min-width: 1200px) {
  .signInAndSignOutAndBasketContainer .signInLink::after {
    content: " / ";
  }
}

.signInAndSignOutAndBasketContainer
  .signInAndSignOutAndBasketContainer
  .pullDown
  .mainBar
  .signInLink {
  margin: 5px 0 5px 5px;
}
/* ----- */

#browseShopSection img:hover {
  outline: 8px solid #23adad;
}

/* ---------------------------------------- GDPR popups ----------------------------------------------------- */

#gdprPopup1 .popupBody {
  background: url(/cisiweb2/image/gdpr/popup1bgmobile.jpg);
  background-size: cover;
  background-position: center top;
  padding: 150px 20px 20px 20px;
  max-height: 100vh;
  color: #222;
  line-height: normal;
  font-size: 14px;
}

#gdprPopup2 .popupBody {
  background: url(/cisiweb2/image/gdpr/popup2bgmobile.jpg);
  background-size: cover;
  background-position: center top;
  padding: 150px 30px 30px 30px;
  max-height: 100vh;
  color: #222;
  line-height: normal;
  font-size: 14px;
}

#gdprPopup3 .popupBody {
  background: url(/cisiweb2/image/gdpr/popup2bgmobile.jpg);
  background-size: cover;
  background-position: center top;
  padding: 150px 20px 20px 20px;
  max-height: 100vh;
  color: #222;
  line-height: normal;
  font-size: 14px;
}

#surveyPopup .popupBody {
  background: #000;
  background-size: cover;
  background-position: left top;
  padding: 30px 20px 0px 20px;
  max-height: 100vh;
  color: #fff;
  font-size: 18px;
}

#surveyPopup .popupBody h2 {
  font-size: 35px;
}

#surveyPopup .popupBody .mobileSurveyImage {
  width: 100%;
  margin-top: 30px;
}

#surveyPopup .popupBody a {
  background: #000000;
  background-blend-mode: overlay;
  border: 2px solid #dfe3e4;
  border-radius: 200px;
  padding: 12px 40px;
  font-size: 16px;
  margin-top: 20px;
  opacity: 1;
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.gdprPopups .popupBody h2 {
  color: #910000;
  font-weight: 500;
  font-size: 22px;
}

.gdprPopups .popupBody .btn-primary {
  background: #009090;
  display: block;
  border: 1px solid #910000;
  font-size: 16px;
}

.gdprPopups .popupBody #popup1No,
.gdprPopups .popupBody #popup3No {
  display: block;
  text-align: center;
  color: #444;
  font-weight: 600;
}

img.sketchArrow {
  display: none;
}

.fpc20Popup .popupBody {
  padding: 30px;
  background-size: 50%;
  background-color: #01144e;
  background-repeat: no-repeat;
  background-position: center -100px;
}

.ppc19Popup .popupBody {
  background: url(/cisiweb2/image/events/ppc19/bgsmall.jpg);
  padding: 60px 40px;
  background-size: cover;
  background-position: left;
}

.ppc20Popup .popupBody {
  background: url(/cisiweb2/image/events/ppc20/popupbg.jpg);
  padding: 60px 40px;
  background-size: cover;
  background-position: center;
}
.fpWeekPopup .popupBody {
  background: url(/cisiweb2/image/fp/fpweek20/mycisipop.jpg);
  padding: 60px 40px;
  background-size: cover;
  background-position: center;
  outline: 20px solid #62d79e;
}

.fpc20Popup .popupBody h2,
.ppc19Popup .popupBody h2 {
  color: #fff;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 30px;
  font-size: 22px;
  font-family: "Open Sans";
  display: inline-block;
  background: #112b83;
  padding: 15px 30px;
  box-shadow: 10px 10px 0px #ec1b2e;
}

.ppc20Popup h2 {
  font-weight: 600;
  font-size: 20px;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.9), 0px 0px 30px rgba(0, 0, 0, 0.9),
    0px 0px 40px rgba(0, 0, 0, 0.9), 0px 0px 40px rgba(0, 0, 0, 0.9),
    0px 0px 40px rgba(0, 0, 0, 0.9), 0px 0px 40px rgba(0, 0, 0, 0.9);
}
.fpWeekPopup a {
  color: #62d79e;
  font-weight: 600;
}
.fpWeekPopup .btn {
  background: #62d79e;
  border: 0px;
  font-size: 16px;
  color: #fff;
}
.fpWeekPopup .btn:hover {
  background: #41b17a;
  border: 0px;
  font-size: 16px;
}
a#fpWeekPopupClose {
  position: absolute;
  top: 10px;
  right: 10px;
}
.fpWeekPopup span.glyphicon {
  color: #fff;
}

.fpc20Popup .popupBody h4,
.ppc19Popup .popupBody h4 {
  color: #fff;
  font-weight: 600;
  margin-top: 0px;
  font-family: "Open Sans";
  margin-bottom: 30px;
  text-shadow: 0px 0px 30px #000, 0px 0px 30px #000;
}

.fpc20Popup .popupBody .content {
  width: 100%;
  text-align: center;
  color: #fff;
}
.ppc19Popup .popupBody .content {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 320px;
}
.fpWeekPopup .popupBody .content {
  width: 100%;
  text-align: center;
  color: #fff;
}
.ppc20Popup .content {
  padding-top: 70%;
  color: #fff;
  text-align: center;
  font-family: open sans;
  font-weight: 600 !important;
}

.selfDeclarePopup .popupBody .content {
  width: 100%;
  text-align: center;
  color: #fff;
}

.selfDeclarePopup .popupBody .content .btn-primary {
  background: #fff;
  color: #3d3487;
  border-radius: 100px;
  border: 0px solid;
  font-weight: bold;
  padding: 14px 40px;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
}

.fpc20Popup .popupBody .content .btn-primary {
  background: #ec1b2e;
  color: #fff;
  border-radius: 100px;
  border: 0px solid;
  font-weight: bold;
  padding: 14px 40px;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
  max-width: 100%;
}

.fpc20Popup .popupBody .content .btn-primary.yellowButton {
  background: #ffcc05;
  color: #080d26;
}

.ppc19Popup .popupBody .content .btn-primary {
  background: #fff;
  color: #3000c8;
  border-radius: 100px;
  border: 0px solid;
  font-weight: bold;
  padding: 14px 40px;
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
}

.ppc20Popup .popupBody .content .btn-primary {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 100px;
  border: 2px solid #fff;
  font-weight: bold;
  padding: 14px 40px;
  font-size: 16px;
  text-transform: uppercase;
}

.fpc20Popup .popupBody .content .btn-primary:hover {
  background: #3a5bcb;
  color: #fff;
}

.ppc20Popup .popupBody .content .btn-primary:hover {
  background: #fff;
  color: #000;
}

.selfDeclarePopup .popupBody .content .btn-primary:hover {
  background: #3d3487;
  color: #fff;
}

.ppc19Popup .popupBody .content .btn-primary:hover {
  background: #3000c8;
  color: #fff;
}

.fpc20Popup .popupBody .content .confLogo,
.selfDeclarePopup .popupBody .content .confLogo {
  width: 80%;
  margin: auto;
}

.ppc19Popup .popupBody .content .confLogo {
  width: 60%;
  margin: auto;
}

.fpc20Popup .popupBody .content .btn-primary .glyphicon {
  color: #f1c63c;
  margin-right: 6px;
  font-size: 22px;
  vertical-align: sub;
}

a#confPopupClose,
a#confPopupClosePPC {
  position: absolute;
  top: 4px;
  right: 10px;
  color: #fff !important;
  font-size: 26px;
}

#confPopupClose .glyphicon,
#confPopupClosePPC .glyphicon {
  color: #fff;
}

.selfDeclarePopup .popupBody .content .btn-primary {
  color: #af0a0a;
}

.selfDeclarePopup .popupBody .content .btn-primary:hover {
  background: #af0a0a;
  color: #fff;
}

.selfDeclarePopup .popupBody {
  background: url(/cisiweb2/image/nocpdmobile.jpg);
  padding: 30px;
  background-size: cover;
  background-position: left;
  border: 4px solid #fff;
}

.selfDeclarePopup .popupBody h2 {
  color: #fff;
  font-weight: 600;
  margin-top: 0px;
  font-family: "Open Sans";
  font-size: 28px;
}

.selfDeclarePopup .popupBody h4 {
  color: #fff;
  font-weight: 600;
  margin-top: 0px;
  font-family: "Open Sans";
  margin-bottom: 30px;
}

.fpc20Popup small {
  color: #fff;
  line-height: 1.6 !important;
  font-size: 18px;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

.fpc20Popup.modal .modal-body {
  max-height: 800px;
}

a#confPopupCloseFPC2020 {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #fff;
}

a#closePara2020 {
  position: absolute;
  top: 10px;
  right: 10px;
}

a#closePara2020 .glyphicon {
  color: #fff;
  font-size: 30px;
}

a#confPopupCloseFPC2020 .glyphicon {
  color: #fff;
  font-size: 30px;
}

@media (min-width: 330px) {
  .gdprPopups .popupBody h2 {
    color: #910000;
    font-weight: 500;
    font-size: 26px;
  }
}

@media (min-width: 768px) {
  #gdprPopup1 .popupBody {
    padding: 250px 30px 30px 30px;
    max-height: 100vh;
    font-size: 16px;
  }

  #gdprPopup2 .popupBody {
    padding: 250px 30px 30px 30px;
    max-height: 100vh;
    font-size: 16px;
  }

  #gdprPopup3 .popupBody {
    padding: 250px 30px 30px 30px;
    max-height: 100vh;
    font-size: 16px;
  }

  #surveyPopup .popupBody {
    background: url(/cisiweb2/image/mycisi/surveybg.jpg);
    background-size: cover;
    background-position: center top;
    padding: 30px 46% 20% 30px;
    max-height: 100vh;
    color: #fff;
    font-size: 21px;
  }

  #surveyPopup .popupBody h2 {
    font-size: 45px;
  }

  #surveyPopup .popupBody a {
    background: #000000;
    background-blend-mode: overlay;
    border: 2px solid #dfe3e4;
    border-radius: 200px;
    padding: 14px 40px;
    font-size: 20px;
    margin-top: 20px;
    opacity: 0.8;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
  }

  .fpc20Popup .popupBody,
  .ppc19Popup .popupBody {
    padding: 30px;
    background-size: 50%;
    background-color: #01144e;
    background-repeat: no-repeat;
    background-position: center -100px;
  }

  .fpc20Popup .popupBody h2,
  .ppc19Popup .popupBody h2 {
    color: #fff;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 26px;
    font-family: "Open Sans";
    display: inline-block;
    background: #112b83;
    padding: 15px 30px;
    box-shadow: 10px 10px 0px #ec1b2e;
  }

  .fpc20Popup .popupBody h4,
  .ppc19Popup .popupBody h4 {
    color: #fff;
    font-weight: 600;
    margin-top: 0px;
    font-family: "Open Sans";
    margin-bottom: 30px;
    text-shadow: 0px 0px 30px #000, 0px 0px 30px #000;
  }

  .fpc20Popup .popupBody .content,
  .ppc19Popup .popupBody .content {
    width: 100%;
  }

  .ppc20Popup h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .fpWeekPopup h2 {
    font-size: 30px;
    margin-bottom: 40px;
    margin-top: 0px !important;
    font-weight: 800;
  }
  .fpWeekPopup h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 0px !important;
    line-height: 1.4;
    font-family: open sans;
  }

  .ppc20Popup .content {
    padding-top: 50%;
    color: #fff;
    text-align: center;
    font-family: open sans;
    font-weight: 600 !important;
  }
}

@media (min-width: 992px) {
  .ppc20Popup .content {
    padding-top: 30%;
    color: #fff;
    text-align: center;
    font-family: open sans;
    font-weight: 600 !important;
  }
  .fpWeekPopup .content {
    padding-left: 50%;
    color: #fff;
    text-align: center;
    font-family: open sans;
  }

  #gdprPopup1 .popupBody {
    background: url(/cisiweb2/image/gdpr/popup1bg.jpg);
    background-size: cover;
    padding: 50px 50px 50px 35%;
  }

  #gdprPopup2 .popupBody {
    background: url(/cisiweb2/image/gdpr/popup2bg.jpg);
    background-size: cover;
    padding: 30px 50px 50px 55%;
  }

  #gdprPopup3 .popupBody {
    background: url(/cisiweb2/image/gdpr/popup2bg.jpg);
    background-size: cover;
    padding: 50px 50px 80px 50%;
  }

  #surveyPopup .popupBody {
    background: url(/cisiweb2/image/mycisi/surveybg.jpg);
    background-size: cover;
    background-position: left top;
    padding: 50px 46% 20% 50px;
    max-height: 100vh;
    color: #fff;
    font-size: 21px;
  }

  img.sketchArrow {
    display: block;
    position: absolute;
    left: 200px;
    top: 40px;
  }

  .gdprPopups .popupBody h2 {
    font-weight: 400;
  }

  .fpc20Popup .popupBody {
    padding: 30px;
    background-size: 50%;
    background-color: #01144e;
    background-repeat: no-repeat;
    background-position: center -100px;
  }

  .ppc19Popup .popupBody {
    padding: 80px 50px 90px 50px;
    background-size: cover !important;
    background: url(/cisiweb2/image/events/ppc19/bgsmall2.jpg);
  }

  .selfDeclarePopup .popupBody {
    padding: 50px;
    background-size: cover !important;
    background: url(/cisiweb2/image/nocpd.jpg);
  }

  .selfDeclarePopup .popupBody .content {
    width: 62%;
    float: right;
  }
}

@media (max-width: 1300px) {
  .card h3 {
    font-size: 22px;
  }
}
@media (max-width: 1100px) {
  .cardsRow .col-sm-4 {
    width: 50%;
  }
}
@media (max-width: 600px) {
  .cardsRow .col-sm-4 {
    width: 100%;
  }
}
@media (min-width: 0px) and (max-width: 1100px) {
  .container {
    width: 100% !important;
  }
  .journeyNav.affix-top {
    position: relative !important;
  }
  .journeyNav.affix {
    position: relative !important;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 0 0 calc(5% + 15px);
    text-align: center;
  }
  .journeyNav {
    width: 90%;
  }
}

@media (max-width: 800px) {
  .journeyNav.affix {
    margin-left: 3%;
  }
}
/* ----------------------------- Modals ----------------------- */
.modal-body {
  padding: 15px 40px 20px 40px;
}
/* Removed as bodge no longer needed 
.modal {
z-index:9999;	
}*/
.modal-content {
  border-radius: 0px;
}
.modal-footer {
  padding: 15px; /* lee 15px 15px 10px 15px;	*/
}
.modal .modal-body {
  max-height: 600px;
  overflow-y: auto;
}
/* Removed as bodge no longer needed 
.modal-open {
padding-right:0px !important;	
overflow-y: scroll !important;
}*/

@media (max-width: 767px) {
  .modal-body {
    padding: 10px 30px 10px 30px;
  }
}
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4 {
  margin-top: 25px;
}
@media (max-width: 1199px) {
  ul.nav.navbar-nav.navbar-right {
    margin: 6.25px -15px;
    background-color: #3f8d8d !important;
    padding: 20px 18px;
    position: static;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a,
  .navbar-default .navbar-nav > .open > a:focus {
    background: none repeat scroll 0 0 #9a9a9a;
    border-bottom: 1px solid #fff;
    display: block;
  }
  ul.nav.navbar-nav.navbar-right .registerLink,
  .basketLink {
    text-shadow: none;
  }
  .modal-body h1,
  .modal-body h2,
  .modal-body h3,
  .modal-body h4 {
    margin-top: 15px;
  }
  .search {
    top: 590px;
  }
}
@media (max-width: 600px) {
  ul.nav.navbar-nav.navbar-right .registerLink,
  .basketLink {
    margin: 0;
    padding: 0;
  }
  ul.nav.navbar-nav.navbar-right::before {
    display: none;
  }
  ul.nav.navbar-nav.navbar-right {
    display: flex;
    justify-content: space-between;
  }
  ul.nav.navbar-nav.navbar-right .signInLink {
    margin: 0;
    display: flex;
    align-items: center;
  }
  .search {
    top: 500px;
  }
}
.modal-body h1,
.modal-body h2,
.modal-body h3,
.modal-body h4 {
  margin-top: 25px;
}
.icon {
  width: 30px !important;
  padding-bottom: 4px !important;
  display: inline !important;
  margin: 0px !important;
}

/* autocomple */

.search input.sfsearchTxt {
  width: 100%;
  position: relative;
  background: #ffffff00;
}
.auto-fill {
  position: absolute;
  top: 0;
  left: 0;
  color: #7e7d7d;
  pointer-events: none;
  z-index: -1;
  height: 80px;
  width: 100%;
  margin-top: 2px;
  border: none;
  border-radius: 20px;
  font-size: 30px;
  padding: 20px 40px;
  background: white;
}
.autocomplete-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.toolTip {
  color: #fff;
  padding: 20px;
  display: none;
}

.tooltip-visible {
  display: block;
}

/*Profile Card*/
.profile-card {
  position: absolute;
  z-index: 100;
  /* right: 40px; */
  right: 5px;
  /* top: 100px; */
  top: 5px;
  width: 400px;
  background-color: #279b9b;
  /* padding: 25px; */
  border-radius: 20px;
  border: 4px solid white;
  text-align: center;
  color: white;
  display: none;
}
.welcome-name {
  font-weight: 400;
  font-size: 25px;
}

.welcome-message {
  font-weight: 100;
}

.customer-details {
  background-color: #0b6060;
  padding: 15px;
  border-radius: 10px;
  margin: 25px 0px;
}

.customer-number {
  display: flex;
  justify-content: space-between;
}

.member-number {
  display: flex;
  justify-content: space-between;
}

.customer-email {
  display: flex;
  justify-content: space-between;
}
.customer-details .label {
  color: #99bfbf;
  font-size: 16px;
  font-weight: 500;
}
.custNum,
.memNum,
.emailId {
  font-size: 16px;
}
.main-pathways {
  display: flex;
  flex-direction: column;
}
.tab-pane {
  background: #f7f7f7;
}
.nav-tabs > li.active > a {
  background-color: #f7f7f7 !important;
}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #f7f7f7 !important;
}
.nav > li > a:hover,
.nav > li > a:focus {
  background: #0f6a6a;
  color: #fff;
}
.main-pathways a {
  background-color: white;
  color: #0e7171;
  text-align: left;
  margin-bottom: 10px;
}

.two-btns {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 7px;
}

.two-btns a {
  width: 50%;
}
.main-pathways .two-btns .signOut {
  background-color: #17687e;
  color: white;
}
.closed-Profile {
  color: #006666;
  font-size: 19px;
  font-weight: 500;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ffffff;
  border-radius: 40px;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.profile-content {
  position: relative;
  padding: 25px;
}
.welcome {
  margin-top: 15px;
}
.hiddenProfile {
  display: none;
}

/* Integrity Matters*/
.cbp-spmenu-push {
  width: 90% !important;
}
/*Mobile Devices - DH*/
@media (max-width: 480px) {
  .profile-card {
    right: 0;
    top: 0px;
    left: 0;
    width: 100vw;
    position: fixed;
    border-radius: 0px;
  }
}
@media (max-width: 761px) {
  /*My CISI*/
  .newBlankHeader {
    height: 70px;
  }
  .navbar-brand {
    padding: 4px 0px 0px 20px;
  }
}

@media (min-width: 762px) and (max-width: 1199px) {
  /*My CISI*/
  .newBlankHeader {
    height: 190px;
  }
  .navbar-brand {
    height: auto;
    padding: 10px 30px 0px 30px;
  }
}

@media (max-width: 1199px) {
  .breadcrumbWrapper {
    margin-top: 100px !important;
  }

  .rightLinks {
    margin-top: 4px;
    float: left;
    margin-left: -15px;
    width: 60%;
  }

  .rightLinks li {
    display: block;
  }

  .userIcon {
    height: 25px;
    width: 25px;
  }
  .learningPlatformLink {
    margin-right: 0;
    border-radius: 0;
    /* border: 1px solid #fff; */
    border: 0;
  }

  .mycisiLink,
  .mainNav .accountDropdown {
    margin-right: 10px;
    border-radius: 0;
    /* border: 1px solid #fff; */
    border: 0;
  }

  .accountDropdown,
  .learningPlatformLink,
  .mycisiLink {
    width: 100%;
  }

  #mainWrapper {
    margin-top: 70px;
  }
}
@media (max-width: 480px) {
  .breadcrumbWrapper {
    margin-bottom: -30px !important;
  }
}

#infoAlert .container {
  width: 100% !important;
}