/* Base overrides */
/*@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');*/

@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@media (prefers-color-scheme: dark) {
  body {
    background-color: #000 !important;
  }
}

/* #trendingOuterWrapper {
  display: none;
} */
.isApp #mainWrapper {
  margin-top: 0px;
}
.container.fullContainer {
  width: 100% !important;
  margin: 0px auto 0;
}
.isAnonymous .itemUserInteraction,
.isAnonymous .tileUserInteraction {
  display: none;
}
body {
  background-color: #eff3f8 !important;
  transition: background-color 0.5s;
}
body.darkMode {
  background-color: #000 !important;
  color: #fff;
}
.container {
  width: 100%;
}
.container_wrapper {
  margin-bottom: 0px !important;
}
.mainWrapper {
  font-family: "Nunito", sans-serif;
}
.mainWrapper h1,
.mainWrapper h2,
.mainWrapper h3,
.mainWrapper h4,
.mainWrapper h5 {
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  color: #2e6ecf;
}
.darkMode .mainWrapper h1,
.darkMode .mainWrapper h2,
.darkMode .mainWrapper h3,
.darkMode .mainWrapper h4,
.darkMode .mainWrapper h5 {
  color: #fff;
}
#myLearningNoData {
  width: 75%;
  margin-bottom: 400px;
}
#helpPop .modal-content {
  padding: 50px 50px;
  border-radius: 30px;
}
.darkMode #helpPop .modal-content {
  background: #3c3c3c;
}
.isApp .modal-backdrop.fade.in {
  display: none;
}
/* ---------- */
#autoFillInput,
.toolTip {
  display: none;
}

/* Nav styles */
.navbar-toggle.sideBarButton {
  background-color: #fff !important;
  color: #3072d1;
  padding: 10px;
  font-size: 14px;
}
.navbar-toggle.sideBarButton:hover {
  background-color: #fff !important;
  color: #3072d1;
}
.navbar-toggle span {
  font-size: 16px;
}
.userNotifications {
  display: none !important;
}
.helpText {
  font-weight: bold;
  font-size: 13px;
}
a[href$="my-collections"],
a[href$="search-results?advanced=yes"] {
  display: none;
}
.lxpSubNav ul a:nth-child(3) {
  display: none;
}
.lxpNav {
  background: linear-gradient(
    90deg,
    rgba(83, 149, 224, 1) 0%,
    rgba(46, 110, 207, 1) 100%
  );
  color: #fff;
  border-radius: 200px;
  padding: 13px 14px 15px;
  margin-top: 20px;
  position: relative;
  margin-bottom: 0px;
}
.darkMode .lxpNav {
  background: linear-gradient(90deg, rgb(19, 92, 177) 0%, rgb(3, 35, 85) 100%);
}
.lxpSubNav .navList li {
  display: block;
  padding: 12px 12px;
  font-size: 14px;
  transition: all 0.4s;
  cursor: pointer;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  position: relative;
}
.lxpSubNav .navList li:hover {
  color: #9ac4ff;
}
.lxpSubNav .navList li.active {
  color: #9ac4ff;
}
.lxpSubNav ul.navList {
  list-style: none;
  padding: 10px 10px;
  margin: 0px;
}
.lxpSubNavWrapper {
  position: absolute;
  bottom: auto;
  top: 3px;
  right: 0px;
  left: auto;
  background: transparent;
  z-index: 1000;
  width: 100%;
}
.lxpSubNavWrapper .navbar-toggle .icon-bar {
  background-color: #fff;
  height: 5px;
  width: 32px;
  border-radius: 200px;
}
.lxpSubNavWrapper .navbar-toggle {
  margin-right: 12px;
}
.lxpSubNav {
  background: #393939;
  border-radius: 20px;
  padding: 0px;
}
.lxpNav .brand {
  font-size: 20px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
}
.lxpuserimg {
  display: none;
}
.brand em {
  margin-right: 10px;
  font-size: 38px;
  vertical-align: bottom;
}
.lxpSubNav .navList em {
  margin-right: 6px;
  font-size: 20px;
  vertical-align: text-bottom;
}

.navList a {
  color: #fff;
}
/* .lxpuserimg::before {
    content: 'DG';
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
} */
span.userInitials {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 44px;
}
.lxpSearch {
  display: none;
  padding: 0px 0px 0px 50px;
  vertical-align: super;
}
.lxpProfile {
  display: none;
  float: right;
  margin-top: -10px;
  vertical-align: top;
}
.lpxUserDetails {
  display: inline-block;
  vertical-align: top;
}
.lxpNav .userName {
  font-size: 30px;
  line-height: normal;
  padding: 0px;
}
.userLevel {
  display: none;
}
.userNotifications,
.settingsIcon {
  display: inline-flex;
  background: #efefef;
  color: #0a4aab;
  padding: 6px 12px 6px 8px;
  border-radius: 200px;
  font-size: 20px;
  margin-right: 8px;
  align-items: center;
  line-height: 1;
  justify-content: center;
  cursor: pointer;
  margin-top: 8px;
}
.settingsIcon em {
  margin-right: 6px;
}
/* #searchBoxWrapper::before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
    color: #2e6fcf;
    top: 3px;
    right: 16px;
    font-size: 20px;
} */
#searchIcon {
  position: absolute;
  top: 10px;
  right: 14px;
  color: #3979d4;
  font-size: 20px;
}
#searchIcon:hover {
  cursor: pointer;
}
#mobileSearchIcon {
  position: absolute;
  top: 10px;
  right: 14px;
  color: #3979d4;
  font-size: 20px;
}
#mobileSearchIcon:hover {
  cursor: pointer;
}
#searchBox {
  height: auto;
  font-size: 16px;
  padding-right: 44px;
  padding-left: 20px;
  width: 300px;
  padding-top: 8px;
}
.advancedSearchWrapper {
  background: #fff;
  padding: 30px 0px 50px;
  border-radius: 20px;
  box-shadow: 5px 5px 25px rgb(0 0 0 / 10%);
  margin: 40px 0px 60px;
  position: relative;
  width: 100%;
}

.darkMode .advancedSearchWrapper {
  background: #3c3c3c;
}

.searchTermWrapper {
  margin-left: 0px;
}
.advancedSearchWrapper #searchBoxWrapper::before {
  content: none;
}
span#searchTerm {
  display: inline-block;
  vertical-align: middle;
}
#searchAgainButton {
  margin-left: 0px;
  margin-top: 0px;
  vertical-align: super;
}
#searchBoxResults {
  width: 100%;
}
#searchBoxResultsWrapper {
  width: 100%;
  padding: 0px;
}
.searchTermWrapper h1 {
  display: inline-block;
}
#showAdvancedSearchButton {
  margin-top: 0px;
  vertical-align: super;
  margin-left: 20px;
  background: #393939;
}
.advancedSearchWrapper .textboxGroup,
.advancedSearchWrapper .selectGroup {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.advancedSearchWrapper .textboxGroup label,
.advancedSearchWrapper .selectGroup label {
  width: auto;
  font-size: 14px;
  font-weight: 800;
}
.advancedSearchWrapper .textboxGroup .cisiFieldWrapper,
.advancedSearchWrapper .selectGroup .cisiFieldWrapper {
  flex-grow: 1;
}
.advancedSearchWrapper .textboxGroup .cisiFieldWrapper input.textbox,
.advancedSearchWrapper .textboxGroup .cisiFieldWrapper .selectWrapper {
  width: 100% !important;
  padding: 15px 30px !important;
  height: 56px;
}
.advancedSearchWrapper .selectWrapper .dropdown-toggle {
  padding: 15px 30px !important;
  height: auto;
}
.advancedSearchWrapper .checkboxGroup {
  margin-top: 20px;
}
.advancedSearchWrapper .checkboxGroup label {
  font-size: 20px;
  font-weight: 800;
  width: 100%;
}
.advancedSearchWrapper .checkboxGroup .checkbox {
  margin-bottom: 16px;
}
.advancedSearchWrapper .checkboxGroup .checkbox label {
  font-size: 18px;
  font-weight: 500;
  padding-left: 30px;
}
.advancedSearchWrapper .sf-Checkboxes input,
.advancedSearchWrapper input[type="checkbox"] {
  width: 26px;
  height: 26px;
  top: 0px;
  border: 1px solid #bbbbbb;
}
.advancedSearchWrapper input[type="checkbox"]:checked {
  background: #2e6ecf;
}
#advancedSearchSubmitWrapper {
  position: absolute;
  bottom: -60px;
  left: calc(50% - 150px);
  min-width: 300px;
}
.advancedSearchWrapperFix .sfContentBlock {
  margin-bottom: 0px;
}
#advancedSearchSubmit {
  font-size: 20px;
  padding: 20px 60px;
  width: 100%;
}
#advancedSearchResetWrapper {
  position: absolute;
  top: -35px;
  right: -15px;
}
.popover {
  max-width: 450px;
  /*background:linear-gradient(90deg, rgb(224 83 130) 0%, rgb(170 24 97) 100%);*/
  background: linear-gradient(90deg, rgb(101 21 100) 0%, rgb(44 13 108) 100%);

  border-radius: 30px;
  padding: 30px;
  border: 0px solid;
  /*box-shadow: 0px 0px 50px rgba(0,0,0,0.5);*/
  box-shadow: 0px 0px 10000px 10000px rgba(0, 0, 0, 0.5);
}
.tour .popover-title {
  background: transparent;
  border-bottom: 0px solid;
  color: #fff;
  font-family: "Nunito";
  font-weight: bold;
  font-size: 20px;
  padding: 0px;
}
.tour-backdrop {
  /* display: none !important; */
  opacity: 0.6 !important;
  position: fixed !important;
}
html .tour-highlight-element {
  z-index: 9999 !important;
}
html .tour-highlight {
  display: none !important;
}
.tour .sideBarButton.nextButton {
  float: right;
}
.tour .sideBarButton {
  border: 0px solid;
  background: #fff;
  color: #641564;
}
.tour .sideBarButton span {
  font-size: 16px;
}
.tour .progress {
  margin-bottom: 15px;
}
.tour .popover-navigation {
  padding: 0px !important;
}
.tour .progress-bar.progress-bar-striped {
  background: #3979d4;
}
.tour.popover.right > .arrow:after {
  border-right-color: #651564;
}
.tour.popover.left > .arrow:after {
  border-left-color: #651564;
}
.tour .popover-content {
  color: #fff;
  padding: 10px 0px 0px 0px;
  margin-bottom: 10px;
  font-family: "Nunito";
  font-size: 18px;
}
.tour .closeBtn {
  border: 0px solid;
  border-radius: 200px;
  padding: 10px 16px 10px 10px;
  font-family: "Nunito";
  font-size: 14px;
  line-height: normal;
  position: absolute;
  top: -15px;
  right: -15px;
  color: #fff;
  background: #124692;
}
#searchTerm {
  width: 100%;
}
.searchTermWrapper h1 {
  margin-top: 0px;
}
#myLearningNoData p {
  font-size: 20px;
}
#guidedTourButton {
  padding-left: 16px;
}
.bioBlock {
  /* background: #efefef;
    padding: 30px 30px;
    border-radius: 30px;*/
  margin-top: 30px;
  font-size: 18px !important;
  min-height: 150px;
  color: #000;
}
.bioBlock img {
  width: 150px;
  float: right;
  border-radius: 200px;
  margin: 10px 0px 20px 0px;
  border: 6px solid #fff;
}
#darkModeWrapper span {
  font-size: 12px;
  margin-left: 0px;
  color: #fff;
}
#darkModeWrapper em {
  font-size: 20px;
  color: #809aff;
  margin-top: 3px;
  margin-left: 3px;
}
#darkModeWrapper {
  margin-top: 6px;
  min-width: 140px;
}
#darkModeWrapper .toggle input[type="checkbox"]:checked + label:before {
  background-color: #b1c1ff;
}
#darkModeWrapper .toggle input[type="checkbox"]:checked + label:after {
  border: 1px solid #b1c1ff;
  background-color: #0028c7;
  content: "\f186";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-top: 0px;
  color: #ffffff;
  padding-left: 6px;
  font-size: 15px;
}
#darkModeWrapper .toggle input[type="checkbox"] + label:before {
  background-color: #ffffe3;
}
#darkModeWrapper .toggle input[type="checkbox"] + label:after {
  border: 1px solid #ffffe3;
  background-color: #ebbf00;
  content: "\f185";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-top: 0px;
  color: #ffffff;
  padding-left: 4px;
  font-size: 15px;
}
@media (min-width: 768px) {
  .lxpSubNav {
    display: block !important;
  }
  .lxpSubNavWrapper .navbar-toggle {
    display: none !important;
  }
  .advancedSearchWrapper .textboxGroup,
  .advancedSearchWrapper .selectGroup {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }
  .advancedSearchWrapper .textboxGroup label,
  .advancedSearchWrapper .selectGroup label {
    width: auto;
    font-size: 20px;
    font-weight: 800;
  }
  .advancedSearchWrapper {
    background: #fff;
    padding: 50px 50px 40px;
    border-radius: 20px;
    box-shadow: 5px 5px 25px rgb(0 0 0 / 10%);
    margin: 0px 40px 100px 20px;
    position: relative;
    width: 75%;
  }
  #searchAgainButton {
    margin-left: 10px;
    margin-top: 0px;
    vertical-align: super;
  }
  #showAdvancedSearchButton {
    display: inline-block;
  }
  .searchTermWrapper h1 {
    margin-top: auto;
  }
  #searchTerm {
    width: auto;
  }
  #searchBoxResultsWrapper {
    width: 100%;
    padding: 0px 0px 0px 20px;
  }
  #searchBoxResults {
    width: 300px;
  }
  .searchTermWrapper {
    margin-left: 20px;
  }
  .brand em {
    margin-right: 10px;
    font-size: 44px;
    vertical-align: bottom;
  }
  .container {
    width: 95%;
  }
  .lxpNav {
    color: #fff;
    border-radius: 30px;
    padding: 40px 50px 50px 50px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 50px;
  }
  .lxpSubNav {
    background: #393939;
    border-radius: 200px;
    padding: 0px 15px;
  }
  .lxpSearch {
    display: inline-block;
    padding: 0px 0px 0px 50px;
    vertical-align: super;
  }
  .lxpSubNavWrapper {
    position: absolute !important;
    bottom: -20px;
    left: 40px;
    top: auto;
    right: auto;
    background: transparent;
    z-index: 1000;
    width: auto;
  }
  .lxpSubNav .navList li {
    display: inline-block;
    padding: 12px 12px;
    font-size: 12px;
    transition: all 0.4s;
    cursor: pointer;
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    position: relative;
  }
  .lxpSubNav .navList li.active:after {
    content: "";
    width: 0px;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #eff3f8;
    position: absolute;
    bottom: 0px;
    left: calc(50% - 4px);
  }
  .darkMode .lxpSubNav .navList li.active:after {
    border-bottom: 10px solid #000;
  }
  .lxpSubNav ul.navList {
    list-style: none;
    padding: 0px 0px;
    margin: 0px;
  }
  .lxpSubNav .navList em {
    margin-right: 6px;
    font-size: 20px;
    vertical-align: text-top;
  }
}
@media (min-width: 992px) {
  .container.fullContainer {
    width: 94% !important;
    margin: 40px auto 0;
  }
  .lxpProfile {
    display: inline-block;
    float: right;
    margin-top: -10px;
    vertical-align: top;
  }
  .lxpNav .brand {
    font-size: 40px;
  }
  .brand em {
    margin-right: 10px;
    font-size: 60px;
    vertical-align: bottom;
  }
  .lxpNav {
    padding: 25px 40px 40px 40px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .bioBlock {
    /* background: #efefef;
        padding: 30px 40px;
        border-radius: 30px;
        margin-top: 30px;
        display: flex;
        align-items: start; */
  }
  .bioBlock img {
    width: 150px;
    float: right;
    border-radius: 200px;
    margin: -20px 0px 20px 40px;
    border: 6px solid #fff;
  }
  .navbar-toggle.sideBarButton {
    display: none !important;
  }
  .lxpNav .userName {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 4px;
  }
  .userLevel {
    font-size: 18px;
    line-height: 38px;
    display: none;
  }
  .lxpNav {
    padding: 40px 50px 50px 50px;
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .lxpNav .brand {
    font-size: 50px;
  }
  .brand em {
    margin-right: 10px;
    font-size: 80px;
    vertical-align: bottom;
  }
  .lxpSubNav .navList li {
    padding: 12px 12px;
    font-size: 14px;
  }
  #searchBox {
    width: 300px;
  }
}
@media (min-width: 1600px) {
  #searchBox {
    width: 400px;
  }
  .lxpuserimg {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: #df5252;
    background-size: cover;
    margin-right: 20px;
    border-radius: 200px;
    border: 4px solid #fff;
    position: relative;
  }
  /* .lxpuserimg::before {
        font-size: 40px;
    } */
  .lxpSubNav .navList li {
    padding: 12px 20px;
    font-size: 15px;
  }
}
@media (min-width: 1800px) {
  .lxpuserimg {
    width: 110px;
    height: 110px;
  }
  /* .lxpuserimg::before {
        font-size: 50px;
    } */
  .lxpSubNav .navList li {
    padding: 12px 24px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .mainWrapper h1,
  .mainWrapper h2,
  .mainWrapper h3,
  .mainWrapper h4,
  .mainWrapper h5 {
    font-size: 22px;
  }
  #trendingOuterWrapper p {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
  }
  #sortWrapper {
    margin-right: 0px !important;
    width: 350px !important;
  }
}

@media (max-width: 1200px) {
  #darkModeWrapper {
    display: none !important;
  }
  .popover[class*="tour-"] {
    z-index: 9999 !important;
    min-width: 400px !important;
  }
}

/* ---------- */

/* Placeholder style */
.placeholder .col-sm-3 > div,
.placeholder .col-sm-2 > div,
.placeholder .placeholderWrapper > div {
  background: linear-gradient(to right, #d4d4d4, #b8b8b8 20%, #d4d4d4 70%);
  background-size: 200% 100%;
  animation: ph-gradiant 1.5s linear infinite;
}
.placeholderWrapper {
  width: calc(20% - 40px);
  display: inline-block;
  margin: 20px;
}
.placeholder .col-sm-2 {
  width: 20%;
}
.loadingSideBar.placeholder > div {
  background: linear-gradient(to right, #d4d4d4, #b8b8b8 20%, #d4d4d4 70%);
  background-size: 200% 100%;
  animation: ph-gradiant 1.5s linear infinite;
}
#savedLoadingProcess > div {
  background: linear-gradient(to right, #d4d4d4, #b8b8b8 20%, #d4d4d4 70%);
  background-size: 200% 100%;
  animation: ph-gradiant 1.5s linear infinite;
}
.placeholderImage {
  height: 200px;
  border-radius: 30px;
  margin-bottom: 24px;
  margin-top: 10px;
}
.placeholderTitle {
  height: 30px;
  width: 96%;
  border-radius: 200px;
  margin-bottom: 6px;
}
.placeholderTitle2 {
  height: 30px;
  width: 80%;
  border-radius: 200px;
  margin-bottom: 20px;
}
.placeholderStandfirst,
.placeholderStandfirst2 {
  height: 18px;
  width: 96%;
  border-radius: 200px;
  margin-bottom: 6px;
}
.placeholderStandfirst3 {
  height: 18px;
  width: 60%;
  border-radius: 200px;
  margin-bottom: 6px;
}
.placeholderSideBarTitle {
  height: 40px;
  width: 75%;
  border-radius: 200px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.placeholderSideBarBlock {
  height: 50px;
  width: 100%;
  border-radius: 16px;
  margin-bottom: 20px;
}
.myLearningProgress {
  display: none;
}
.loadingDeck.placeholder {
  padding: 0px 20px;
}

@keyframes ph-gradiant {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

#list1,
#list2,
#list3 {
  visibility: hidden;
}
@media (min-width: 768px) {
  .loadingDeck.placeholder {
    padding: 0px 20px;
  }
  .placeholderWrapper {
    width: calc(50% - 40px);
    display: inline-block;
    margin: 20px;
  }
  .placeholderWrapper:nth-of-type(3n) .placeholderWrapper:nth-of-type(4n),
  .placeholderWrapper:nth-of-type(5n) {
    display: none;
  }
  .placeholder .col-sm-3 {
    width: 50%;
  }
  .placeholder .col-sm-3:nth-of-type(3) {
    display: none;
  }
  .placeholder .col-sm-3:nth-of-type(4) {
    display: none;
  }
}

@media (min-width: 992px) {
  .placeholderWrapper {
    width: calc(33% - 40px);
    display: inline-block;
    margin: 20px;
  }
  .placeholder .col-sm-3 {
    width: 33%;
  }
  .placeholder .col-sm-3:nth-of-type(3) {
    display: inline-block;
  }
  .placeholder .col-sm-3:nth-of-type(4) {
    display: none;
  }
  .placeholderWrapper:nth-of-type(3n) {
    display: inline-block;
  }
  .placeholderWrapper:nth-of-type(4n),
  .placeholderWrapper:nth-of-type(5n) {
    display: none;
  }
}

@media (min-width: 1200px) {
  .placeholder .col-sm-3 {
    width: 50%;
  }
  .placeholder .col-sm-3:nth-of-type(3) {
    display: none;
  }
  .placeholder .col-sm-3:nth-of-type(4) {
    display: none;
  }
}

@media (min-width: 1400px) {
  .placeholder .col-sm-3 {
    width: 33%;
  }
  .placeholder .col-sm-3:nth-of-type(3) {
    display: inline-block;
  }
  .placeholder .col-sm-3:nth-of-type(4) {
    display: none;
  }
}

@media (min-width: 1800px) {
  .placeholder .col-sm-3 {
    width: 25%;
  }
  .placeholder .col-sm-3:nth-of-type(4) {
    display: inline-block;
  }
  .placeholderWrapper {
    width: calc(25% - 40px);
    display: inline-block;
    margin: 20px;
  }
  .placeholderWrapper:nth-of-type(3n),
  .placeholderWrapper:nth-of-type(4n) {
    display: inline-block;
  }
  .placeholderWrapper:nth-of-type(5n) {
    display: none;
  }
}

@media (min-width: 2000px) {
  .placeholderWrapper {
    width: calc(20% - 40px);
    display: inline-block;
    margin: 20px;
  }
  .placeholderWrapper:nth-of-type(3n),
  .placeholderWrapper:nth-of-type(4n),
  .placeholderWrapper:nth-of-type(5n) {
    display: inline-block;
  }
}

/* ----------------- */

/* Deck styles */
.nested .deckList li.courseTile {
  width: 100%;
}
.courseTile .tilerInner {
  background-size: cover !important;
  background-position: top right !important;
  background-repeat: no-repeat;
  min-height: 400px;
  color: #fff;
  padding: 30px;
  display: flex;
  align-items: center;
}
.courseTile .tilerInner .background-prem {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  filter: brightness(0.5);
  background-size: cover !important;
  background-position: top right !important;
}
.courseTile .tileDetails {
  color: #fff;
  padding: 0px;
  width: 100%;
  display: block;
  z-index: 1;
}
.courseTile .tileTitle {
  color: #fff;
  font-size: 24px !important;
}
.courseTile .tileDescription {
  color: #fff;
  font-size: 14px;
}
.mainContent > .sfContentBlock {
  position: relative;
}
.deck {
  width: 78%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.nested.deck {
  width: calc(100% + 25px);
  margin-left: -10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
}
#collectionWrapper .deck.nested {
  margin-left: -30px;
  width: calc(100% + 60px);
}
/*.deck h1 {
    color: #2e6ecf;
    font-family: 'Nunito', sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-left: 20px;
    margin-bottom: 0px;
}*/
.deck h1 em.fas {
  margin-right: 10px;
  margin-left: 10px;
}
ul.deckList {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.deckList li {
  width: 24%;
  display: inline-block;
  padding: 0px 40px 40px 0px;
  vertical-align: top;
}
.nested .deckList li {
  width: 100%;
  display: inline-block;
  padding: 20px;
  vertical-align: top;
}

.tileWrapper {
  /*background: #fff;*/
  box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
  border-radius: 20px;
  transition: all 0.3s ease-out;
}
.nested .tileWrapper {
  box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
#collectionWrapper .tileWrapper:hover {
  box-shadow: 0px 0px 15px rgb(0 0 0 / 60%);
}
.tileWrapper.collectionWrapper {
  transition: none;
}
.tileWrapper:hover {
  /*background: #fff;*/
  box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
  border-radius: 20px;
  cursor: pointer;
  /*transform: scale(1.02);*/
}
.collection .tileWrapper:hover {
  /*background: #fff;*/
  box-shadow: 0px 0px 20px rgb(0 0 0 / 60%);
  border-radius: 20px;
  cursor: pointer;
  /*transform: scale(1.03);*/
}
.tileWrapper.collectionWrapper:hover {
  box-shadow: none;
  transform: none;
}
.resume {
  position: absolute;
  top: 60px;
  left: calc(50% - 45px);
  background: #f38b25;
  padding: 10px 16px 10px 10px;
  border-radius: 200px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
  line-height: normal;
  transition: all 0.3s;
}
.premiumContentButton {
  position: absolute;
  top: 60px;
  left: calc(50% - 75px);
  background: #ead424;
  padding: 10px 16px 10px 10px;
  border-radius: 200px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
  line-height: normal;
  transition: all 0.3s;
}
.paTile .sideBarButton,
.premiumTile .sideBarButton {
  background: #ead424;
  color: #000;
}
.vulnerableTile .tileTitle,
.vulnerableTile .tileDescription {
  /* color: #00388b; */
}
.vulnerableTile .background-prem {
  /* filter: brightness(1) !important; */
}

.paTile .resumeAssessmentButton {
  background: #f38b25;
  color: #ffffff;
}
.paTile .startAssessmentButton {
  background: #3072d1;
  color: #fff;
}
.failed {
  position: absolute;
  top: 60px;
  left: calc(50% - 45px);
  background: #b70707;
  padding: 10px 16px 10px 10px;
  border-radius: 200px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
  line-height: normal;
  transition: all 0.3s;
}
.trendingDeck .resume {
  top: -10px;
  right: -10px;
  left: auto;
}
.trendingDeck .premiumContentButton {
  top: -10px;
  right: -10px;
  left: auto;
}
#trendingListContent .complete {
  top: -10px;
  left: auto;
  right: -10px;
  font-size: 11px;
  width: auto;
}
.resume em {
  font-size: 16px;
  margin-right: 6px;
  vertical-align: bottom;
}
.premiumContentButton em {
  font-size: 16px;
  margin-right: 6px;
  vertical-align: bottom;
}
.failed em {
  font-size: 16px;
  margin-right: 6px;
  vertical-align: bottom;
  font-weight: 100;
}
.complete {
  position: absolute;
  top: 47px;
  left: calc(50% - 100px);
  background: #4cb229;
  padding: 10px 16px 10px 10px;
  border-radius: 200px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
  line-height: normal;
  z-index: 1;
  transition: all 0.3s;
  width: 200px;
  text-align: center;
}
.complete em {
  font-size: 16px;
  margin-right: 6px;
  vertical-align: text-top;
}
.tileStats {
  padding: 8px 12px;
  background-color: rgb(46, 110, 207);
  color: #fff;
  font-size: 10px;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  position: absolute;
  width: 90%;
  left: 5%;
  top: 105px;
  border-radius: 200px;
}
/*
.completeTile .tileStats,
.completeTile .tileDetails,
.completeTile .tileImage {
    opacity: 0.3;
}
*/
.inprogressTile .tileImage::before {
  background: #0000008c;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  border-radius: 20px 20px 0px 0px;
  transition: all 0.3s;
}
.inprogressTile:hover .tileImage::before {
  background: #ffffff00;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  border-radius: 20px 20px 0px 0px;
}
.completeTile .tileImage::before {
  background: #29750fb8;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  border-radius: 20px 20px 0px 0px;
  transition: all 0.3s;
}
.verticalDeck .completeTile .tileImage::before {
  background: #29750fb8;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  border-radius: 20px !important;
  transition: all 0.3s;
}
.completeTile:hover .tileImage::before {
  background: #28750fd1;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  border-radius: 20px 20px 0px 0px;
}
.completeTile:hover .complete {
  /* opacity: 0; */
}
.inprogressTile:hover .resume {
}

#assignedLearning em.fa-solid.fa-circle-xmark {
  display: none;
}
.verticalDeck .completeTile:hover .complete,
.verticalDeck .inprogressTile:hover .resume {
  opacity: 1;
}
.collectionWrapper .tilerInner.collectionCover {
  background-size: cover;
  background-position: center center;
}
.collectionCover .tileDetails {
  background: rgba(0, 0, 0, 0.8);
  /*backdrop-filter: blur(5px);*/
  padding: 30px 20px 21px;
  border-radius: 0px 0px 20px 20px;
}
.collectionWrapper .swiper-pagination {
  bottom: -27px !important;
}
.nested.deck.collectionDeck {
  overflow: visible;
}
.tileWrapper.deckEnd {
  box-shadow: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deckEnd .tilerInner {
  background: transparent;
  text-align: center;
  width: 50%;
}
.deckEnd {
  color: #3072d1;
}
.deckEnd a {
  color: #3072d1;
}
.deckEnd em {
  font-size: 70px;
  color: #3072d1;
  margin-bottom: 10px;
}
.myCuratedCollections h1 {
  margin-left: 0px;
}
/* .collectionDeck.nested .deckList > li {
    width: 24%;
    margin-right: 20px;
}
.collectionDeck.nested .deckList > li:last-of-type {
    width: 24%;
    margin-right: 0px;
} */
.collectionDeck .swiper-pagination {
  bottom: -25px !important;
}
.collectionImage1 {
  background-image: url("/cisiweb2/image/lxp/dashboard_1.jpg") !important;
}
.collection11021::before {
  opacity: 0.2 !important;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background: #000;
  border-radius: 30px;
}
#collectionWrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  margin-bottom: 80px;
}
#collectionWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
  border-radius: 30px;
}
#collectionWrapper .swiper-button-next,
#collectionWrapper .swiper-button-prev {
  color: #fff;
}
#collectionTitle {
  margin-top: 0px;
  color: #fff;
  position: relative;
}
.collection1 {
  background-image: url("/cisiweb2/image/lxp/1.jpg");
}
#collectionWrapper .deckOuter {
  width: 100%;
  margin-bottom: 0px;
}
#collectionWrapper .collectionBG {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 30px;
  border-radius: 30px;
}
#collectionWrapper .collectionStats {
  margin-bottom: 40px;
}
#collectionWrapper .tileCategories {
  margin-bottom: 30px;
}
#collectionWrapper .tileTitle {
  margin-top: 20px;
}
.tileImage {
  height: 120px;
  background-size: cover !important;
  background-position: center center !important;
  border-radius: 20px 20px 0px 0px;
  transition: all 0.2s;
  background: linear-gradient(
    90deg,
    rgba(46, 110, 207, 1) 0%,
    rgba(83, 149, 224, 1) 100%
  );
}
.tilerInner {
  position: relative;
  background: #fff;
  border-radius: 20px;
  transition: background 0.5s;
}
.darkMode .tilerInner {
  background: #3c3c3c;
}
.darkMode .deckEnd .tilerInner {
  background: transparent;
}
.duration {
  width: 50%;
  display: inline-block;
}
.level {
  width: 50%;
  display: inline-block;
  text-align: right;
}
.levelLevel {
  display: none;
}
.levelDate {
  display: none;
}
.tileDetails .level {
  color: rgb(112, 112, 112);
  width: 100%;
  text-align: left;
  margin-top: auto;
  font-size: 12.5px;
  font-weight: bold;
  font-family: "Nunito";
  margin-bottom: 6px;
  display: none;
}
.darkMode .tileDetails .level {
  color: #fff;
}
.tileDetails .level em {
  font-size: 15px;
  margin-right: 9px;
  margin-left: 2px;
}
.tileDetails {
  padding: 30px 20px 20px;
  display: flex;
  flex-direction: column;
}
.tileCategories > div {
  font-size: 10px;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 200px;
  font-weight: 600;
  margin-right: 4px;
  margin-bottom: 4px;
  line-height: normal;
  background: #2d8383;
  color: #fff;
}
.tileCategories .category18 {
  /* display: none; */
}
.tileCategories .category6,
.tileCategories .category7,
.tileCategories .category11,
.tileCategories .category8,
.tileCategories .category12,
.tileCategories .category1 {
  color: #fff;
  background: #2d8383;
}
.tileCategories .fintech,
.tileCategories .category5 {
  color: #fff;
  background: #bf0d75;
}
.tileCategories .wealth,
.tileCategories .category13 {
  color: #fff;
  background: #8a2842;
}
.tileCategories .operations,
.tileCategories .category9 {
  color: #fff;
  background: #b70a0a;
}
.tileCategories .fp,
.tileCategories .category4 {
  color: #fff;
  background: #004990;
}
.tileCategories .cm,
.tileCategories .category2 {
  color: #fff !important;
  background: #334e9e !important;
}
.tileCategories .compliance,
.tileCategories .category3,
.tileCategories .category10 {
  color: #fff;
  background: #4f499d;
}

.tileCategories .islamic {
  color: #fff;
  background: #40ae49;
}
.tileCategories {
  margin-bottom: 8px;
  margin-top: 4px;
}
.tileTitle {
  color: #222;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 6px;
}
.darkMode .tileTitle {
  color: #fff;
}
.verticalDeck .tileTitle {
  margin-bottom: 4px;
  font-size: 13px;
}
.tileDescription {
  color: #222;
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  line-height: 1.3em;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.darkMode .tileDescription {
  color: #fff;
}
.tileRating,
.tileInfo {
  width: 40%;
  display: inline-block;
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(112, 112, 112);
  padding: 0px !important;
  min-width: unset !important;
  margin: 0px !important;
  text-align: left;
}
.darkMode .tileRating,
.darkMode .tileInfo {
  color: #fff;
}
.verticalDeck .tileRating,
.verticalDeck .tileInfo {
  width: 30%;
  display: inline-block;
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(112, 112, 112);
}
.darkMode .verticalDeck .tileRating,
.darkMode .verticalDeck .tileInfo {
  color: #fff;
}
.tileRating.rated {
  color: rgb(112, 112, 112);
}
.tileRating.tileUserRated em {
  color: #e89900 !important;
}
.tileSave,
.tileRemove,
.gotoCertButton {
  width: 60%;
  display: inline-block;
  text-align: right;
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(112, 112, 112);
  padding: 0px !important;
  margin: 0px !important;
  min-width: unset !important;
}
.tileSave:active,
.tileRating:active {
  box-shadow: none !important;
}
.darkMode .tileSave,
.darkMode .tileRemove,
.darkMode .gotoCertButton {
  color: #fff;
}
.verticalDeck .tileSave,
.verticalDeck .tileRemove,
.verticalDeck .gotoCertButton {
  width: 45%;
  display: inline-block;
  text-align: left;
  font-family: "Nunito", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(112, 112, 112);
}
.darkMode .verticalDeck .tileSave,
.darkMode .verticalDeck .tileRemove,
.darkMode .verticalDeck .gotoCertButton {
  color: #fff;
}
.collectionWrapper .tileRating,
.collectionWrapper .tileInfo {
  width: 40%;
}
.collectionWrapper .tileInfo {
  margin-bottom: -3px;
  vertical-align: bottom;
}
.collectionWrapper .tileSave,
.collectionWrapper .tileRemove {
  width: 60%;
}
.tileRating em,
.tileSave em,
.tileRemove em,
.tileInfo em,
.gotoCertButton em {
  color: #888;
  font-size: 22px;
  transition: all 0.3s;
  cursor: pointer;
  margin-right: 6px;
}
.darkMode .tileRating em,
.darkMode .tileSave em,
.darkMode .tileRemove em,
.darkMode .tileInfo em,
.darkMode .gotoCertButton em {
  color: #fff;
}
.gotoCertButton em {
  vertical-align: bottom;
}
.gotoCertButton:hover em,
.gotoCertButton:hover {
  color: #2e6ecf;
}
.tileSave.saved em {
  color: #4cb229;
}
.myUserCollection .tileSave.saved em {
  color: #b22929;
}
.myUserCollection .tileSave.saved:hover em {
  color: #b22929;
}
.tileRating:hover em {
  color: #e89900;
  cursor: pointer;
}
.tileRating:hover {
  color: #e89900;
  cursor: pointer;
}
.tileSave em,
.tileRemove em {
  margin-right: 6px;
  vertical-align: sub;
}
.tileSave:hover em {
  color: #2e6ecf;
  cursor: pointer;
}
.tileSave.saved:hover em {
  color: #4cb229;
  cursor: pointer;
}
.tileSave:hover {
  color: #2e6ecf;
  cursor: pointer;
}
.tileSave.saved:hover {
  color: #888;
}
.trendingDeck .tileSave.saved:hover {
  color: #fff;
}
.duration em {
  font-size: 13px;
  margin-right: 4px;
}
.level em {
  font-size: 13px;
  margin-right: 4px;
}
.swiper-pagination {
  bottom: -5px !important;
}
.tileUserInteraction {
  margin-top: auto;
}
.collectionCover .tileTitle,
.collectionCover .tileDescription,
.collectionCover .tileSave,
.collectionCover .tileSave em,
.collectionCover .tileRating em,
.collectionCover .tileRemove,
.collectionCover .tileRemove em,
.collectionCover .tileInfo em {
  color: #fff;
}
.collectionWrapper .collectionCount {
  width: 100% !important;
}
.trendingDeck h1 {
  color: #2e6ecf;
}
h1.greenFinance {
  color: #2e6ecf;
  font-weight: 700;
}
.greenFinance em {
  margin-right: 10px;
}
span.trending {
  background: #2e6ecf;
  color: #fff;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 200px;
  vertical-align: middle;
}

.deck > p {
  font-family: "Varela Round";
  color: #888;
  padding-left: 30px;
  margin-top: 10px;
  width: 60%;
  margin-bottom: 10px;
}
.viewMore {
  position: absolute;
  right: 0px;
  top: 50%;
  width: 50px;
  color: #2e6ecf;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: normal;
}
.viewMore em {
  display: block;
  font-size: 40px;
  margin-bottom: 10px;
}
.deck.fullWidthDeck {
  width: 100%;
  margin-top: 60px;
  padding: 50px;
}
.deck.fullWidthDeck.singleListDeck {
  width: 100%;
  margin-top: 0px;
  padding: 0px;
}
.deckItems.fullWidthDeckItems {
  /* margin-top: 30px; */
}
.fullWidthDeckItems .deckList li {
  width: 100%;
  padding: 20px 20px 40px 20px;
}
#addMore {
  display: none;
}
.deckOuter .swiper-button-prev {
  left: -30px;
  top: 55%;
  display: none;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 38px;
}
.deckOuter .swiper-button-next {
  right: -30px;
  top: 55%;
  display: none;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 38px;
}
.deckOuter .swiper-button-next::before {
  content:'\f138';
}
.deckOuter .swiper-button-prev::before {
  content: '\f137';
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
.deckOuter {
  width: 100%;
  /*display: inline-block;*/
  position: relative;
  margin-bottom: 10px;
}
.myUserCollection .deckOuter {
  width: 100%;
}
.toggleTitle span {
  font-size: 30px;
}
.toggleTitle {
  cursor: pointer;
}
/*
.deckOuter::before {
    position: absolute;
    content: '\00a0';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(239 243 248 / 0%) 99%, rgb(239 243 248) 99%, rgb(239 243 248) 100%);
    z-index: 9999;
}*/
.myCuratedCollections > p {
  padding-left: 0px;
}
.deck.myUserCollection.collection {
  /*background: linear-gradient(90deg, rgb(58 58 58) 0%, rgb(102 102 102) 100%);*/
}
.myCuratedCollections .deckList li {
  padding: 0px 80px 40px 0px;
  width: 22%;
}
.deck.myCuratedCollections.fullWidthDeck {
  margin-top: 0px;
}
.myCuratedCollections .swiper-pagination {
  bottom: -30px !important;
  padding-right: 0px;
}
h1.wealthTitle {
  display: inline-block;
  color: #8a2842;
  margin-bottom: 10px;
}
h1.fpTitle {
  display: inline-block;
  color: #1d35cd;
  margin-bottom: 10px;
}
h1.operationsTitle {
  display: inline-block;
  color: #b70a0a;
  margin-bottom: 10px;
}
h1.cmTitle {
  display: inline-block;
  color: #5803ce;
  margin-bottom: 10px;
}
.trendingDeck {
}
.trendingDeck .tileWrapperBlurLayer {
  //-webkit-mask-image: linear-gradient(to right, transparent 0%, black 0%);
  background-size: cover;
  border-radius: 20px;
  background: #1563d8e0;
}
.trendingDeck .tilerInner {
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}
.trendingDeck .tileTitle,
.trendingDeck .tileDescription,
.trendingDeck .tileRating,
.trendingDeck .tileInfo,
.trendingDeck .tileSave,
.trendingDeck .tileRemove,
.trendingDeck .tileRating em,
.trendingDeck .tileSave em,
.trendingDeck .tileRemove em,
.trendingDeck .tileInfo em {
  color: #fff;
}
.trendingDeck .tileRating {
  width: 40%;
}
.trendingDeck .tileSave {
  width: 60%;
}
.trendingDeck .tileDetails {
  width: 100%;
  margin-left: 0;
  padding: 40px 20px;
}
.trendingDeck .tileStats {
  background-color: transparent;
  padding: 0px;
  margin-bottom: 30px;
}
.trendingDeck .tileDetails .level em {
  font-size: 13px;
}
.trendingDeck .duration {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.trendingDeck .level {
  width: 100%;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  color: #fff;
  font-size: 12px;
}
.trendingDeck .tileWrapper {
  position: relative;
}
.trendingDeck .tileUserInteraction {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.deckOuter.verticalDeck {
  width: 100%;
  height: 70vh;
  display: inline-block;
}
#likedLearning .completedDate {
  display: none;
}
.deckOuter.verticalDeck:first-of-type {
  margin-right: 4%;
}
.deckOuter.verticalDeck .deckList {
  height: 57vh;
}
.verticalDeck .tileImage {
  width: 25%;
  float: left;
  /*height: calc(16vh - 40px);*/
  height: 100%;
  border-radius: 20px;
  display: none;
}
.verticalDeck .nested .deckList li {
  padding: 20px;
}
.verticalDeck .tilerInner {
  /*height: calc(16vh - 40px);*/
  height: 100%;
}
/* .verticalDeck .completeTile .tileImage::before {
    background: none;
} */
.verticalDeck .tileWrapper {
  /*height: calc(16vh - 40px);*/
  height: 100%;
}
.verticalDeck .tileStats {
  display: inline-block;
}
.verticalDeck .tileDetails {
  display: flex;
  width: 75%;
  flex-direction: column;
  height: 100%;
  padding: 10px 15px;
}
.verticalDeck .tileStats {
  width: 100%;
  background: #fff;
  color: #444;
  padding: 0px;
}
.verticalDeck.deckOuter .swiper-button-prev {
  top: auto;
  bottom: 0px;
  left: 40%;
  transform: rotate(90deg);
  display: block;
}
.verticalDeck.deckOuter .swiper-button-next {
  top: auto;
  bottom: 0px;
  right: 40%;
  transform: rotate(90deg);
  display: block;
}
.verticalDeck .duration,
.verticalDeck .level {
  width: auto;
  float: none;
}
#sortWrapper {
  display: inline-block;
  width: 400px;
  float: right;
  margin-right: 25%;
  margin-top: 60px;
  position: relative;
    z-index: 1000;
}
#sortWrapper #advancedFilter1Group {
  width: 100%;
}
.advancedSearchWrapper #advancedFilter1Group {
  display: none;
}
#sortWrapper .dropdown {
  width: 100%;
}
#sortWrapper #advancedFilter1Button {
  width: 100% !important;
}
#sortWrapper #advancedFilter1Label {
  margin-top: 8px;
  text-align: right;
}
.verticalDeck .complete {
  left: -15px;
  right: auto;
  top: -15px;
  width: auto !important;
  text-align: left !important;
}
.verticalDeck .resume {
  right: auto;
  left: 90px;
  top: -10px;
}
.verticalDeck .completedDate {
  font-size: 11px;
  color: #444;
}
.darkMode .verticalDeck .completedDate {
  font-size: 11px;
  color: #fff;
}
#completedLearning {
  margin-right: 5%;
}
.verticalDeck h1 {
  margin-left: 0px;
  margin-bottom: 10px;
}
.monthBarWrapper {
  width: 54%;
  display: none;
  vertical-align: top;
}
.monthWrapper {
  width: 18%;
  display: none;
  vertical-align: top;
  margin-right: 50px;
  margin-bottom: 50px;
}
.monthBar {
  box-shadow: 5px 5px 25px rgb(0 0 0 / 10%);
  background: #fff;
  padding: 0px 100px 0px 30px;
  border-radius: 20px;
  margin-top: 30px;
}
.month {
  box-shadow: 5px 5px 25px rgb(0 0 0 / 10%);
  background: #fff;
  padding: 50px 50px;
  border-radius: 20px;
  text-align: center;
  margin-left: 20px;
  margin-top: 30px;
}
.platformStamp {
  position: absolute;
  top: -10px;
  left: -10px;
  background: #fff;
  padding: 0px 6px;
  border-radius: 200px;
  font-weight: 800;
  height: 28px;
  display: flex;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  align-items: center;
  width: auto;
  justify-content: center;
}
.leavingSoon {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #ff0000;
  color: #fff;
  padding: 0px 6px;
  border-radius: 200px;
  font-weight: 800;
  height: 28px;
  display: flex;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  align-items: center;
  width: auto;
  justify-content: center;
  font-size: 13px;
}
.tvStamp img {
  height: 22px;
}
.prStamp img {
  height: 16px;
}
.trStamp img {
  height: 16px;
}
.prStamp {
  color: #ff104e;
}
.trStamp {
  color: #16b3b3;
}
.tvStamp {
  color: #f99f1b;
}
.platformStamp span {
  display: inline-block;
  overflow: hidden;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.platformStamp:hover .firstBlock {
  max-width: 100px;
  opacity: 1;
  margin-right: 6px;
}
.platformStamp:hover .secondBlock {
  max-width: 100px;
  opacity: 1;
}

.platformStamp span.hiddenBlock {
  max-width: 0px;
  opacity: 0;
}
#learningBySubjectWrapper .tileCategories {
  /* display: none; */
}

.subjectTitle {
  display: inline-block;
}
.subjectSelectorWrapper {
  display: inline-block;
  width: auto;
  margin-left: 15px;
  vertical-align: text-bottom;
  margin-top: 0px;
  margin-bottom: 20px;
}
.subjectSelectorWrapper .btn-group.dropdown {
  width: 100%;
}
/* .subjectSelectorWrapper .dropdown-menu > li > a[data-val="1"],
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="6"],
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="7"],
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="11"],
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="12"] {
    background: #2d8383;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="2"] {
    background: #334e9e;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="3"] {
    background: #4f499d;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="4"] {
    background: #004990;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="5"] {
    background: #bf0d75;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="8"] {
    background: #40ae49;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="9"] {
    background: #b70a0a;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="10"] {
    background: #4f499d;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
}
.subjectSelectorWrapper .dropdown-menu > li > a[data-val="13"] {
    background: #8a2842;
    color: #fff;
    border-radius: 200px;
    margin: 10px 14px;
} */
.backToLearning {
  position: fixed;
  top: 180px;
  left: 30px;
  background: rgba(46, 110, 207, 1);
  padding: 15px 30px 15px 15px;
  color: #fff;
  border-radius: 200px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}
.backToLearning:hover {
  cursor: pointer;
  background: rgb(49, 90, 138);
}
.backToLearning span {
  font-size: 40px;
  margin-right: 20px;
}
.isApp .progressBar {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 10px;
  background-color: rgba(46, 110, 207, 1);
  transition: all linear 0.1s;
  min-width: 0%;
  z-index: 10;
}
.progressBar {
  position: fixed;
  top: 80px;
  left: 0px;
  height: 10px;
  background-color: rgba(46, 110, 207, 1);
  transition: all linear 0.1s;
  min-width: 0%;
  z-index: 10;
}
.subjectPointer {
  display: inline-block;
  vertical-align: top;
  margin-top: 50px;
  margin-left: 20px;
  font-size: 18px;
  font-weight: 500;
}
.interestedContainer h1 {
  color: #2e6ecf;
  font-weight: 600;
  font-family: "Nunito", sans-serif;
}
.subjectPointer span {
  font-size: 30px;
  vertical-align: top;
  margin-right: 10px;
}
#articlesContainer {
  background: linear-gradient(
    117deg,
    rgba(13, 87, 87, 1) 0%,
    rgba(7, 69, 69, 1) 100%
  );
  padding: 15px;
  border-radius: 30px;
  width: 100%;
  color: #fff;
  margin-bottom: 50px;
}
#articlesContainer .deckEnd a,
#articlesContainer .deckEnd em,
#modulesContainer .deckEnd a,
#modulesContainer .deckEnd em,
#videosContainer .deckEnd a,
#videosContainer .deckEnd em,
#audioContainer .deckEnd a,
#audioContainer .deckEnd em {
  color: #fff;
}
#modulesContainer {
  background: linear-gradient(
    117deg,
    rgba(59, 75, 75, 1) 0%,
    rgba(40, 54, 54, 1) 100%
  );
  padding: 15px;
  border-radius: 30px;
  width: 100%;
  color: #fff;
  margin-bottom: 50px;
}
#videosContainer {
  background: linear-gradient(
    117deg,
    rgba(66, 66, 67, 1) 0%,
    rgba(33, 33, 34, 1) 100%
  );
  padding: 15px;
  border-radius: 30px;
  width: 100%;
  color: #fff;
  margin-bottom: 100px;
}
#audioContainer {
  background: linear-gradient(117deg, rgb(4, 27, 90) 0%, rgb(13, 20, 121) 100%);
  padding: 15px;
  border-radius: 30px;
  width: 100%;
  color: #fff;
  margin-bottom: 100px;
}
#articlesContainer > img {
  width: 200px;
  margin: 10px 0px 10px 0px;
}
#modulesContainer > img {
  width: 250px;
  margin: 10px 0px 10px 0px;
}
#videosContainer > img {
  width: 150px;
  margin: 10px 0px 10px 0px;
}
#audioContainer > img {
  width: 250px;
  margin: 10px 0px 10px 0px;
}
#articlesContainer > p,
#modulesContainer > p,
#videosContainer > p,
#audioContainer > p {
  font-size: 14px;
}
#articlesContainer .deckOuter,
#modulesContainer .deckOuter,
#videosContainer .deckOuter,
#audioContainer .deckOuter {
  width: 100%;
  margin-bottom: 0px;
}
#subjectSelectorWrapper {
  display: inline-block;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.isApp .subjectSelectorWrapper > .row {
  display: inline-block;
  align-items: center;
}
.subjectSelectorWrapper > .row {
  display: flex;
  align-items: center;
}
#faveSubjectWrapper {
  display: none;
}
#faveSubject {
  display: inline-flex;
  align-items: center;
  padding-left: 14px;
  margin-top: 13px;
  margin-bottom: 0px;
}
#faveSubject:focus {
  color: #fff;
}
#faveSubject span {
  font-size: 20px;
  margin-right: 8px;
}
h1.learningBySubjectTitle {
  margin-top: 10px;
}
#welcomePop .modal-content {
  padding: 0px !important;
  background: url(/cisiweb2/image/lxp/introbg.jpg);
  background-size: cover;
  border: 0px solid;
}
#welcomePop .welcomeContent {
  padding: 30px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 30px;
}
#welcomePop .welcomeContent h1 {
  color: #fff !important;
  font-size: 30px !important;
}
#welcomePop p {
  font-size: 16px;
}
#welcomePop .closeButton {
  color: #fff !important;
}
.verticalDeck .complete.certificate {
  position: relative;
  width: fit-content !important;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  display: inline-block;
  margin-top: 6px;
}
.externalResources h2 {
  color: #fff !important;
}
.externalResources {
  color: #fff;
}
.externalResources a {
  display: inline-block;
  background: #2e6ecf;
  color: #fff;
  padding: 10px 30px 10px 30px;
  border-radius: 200px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 14px;
}
.externalResources a i {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .externalResources a {
    display: inline-block;
    background: #2e6ecf;
    color: #fff;
    padding: 10px 20px 10px 18px;
    border-radius: 200px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 16px;
  }
  .courseTile .tileDetails {
    color: #fff;
    padding: 0px;
    width: 100%;
    display: block;
  }
  .nested .deckList li.courseTile {
    width: 100%;
  }
  #welcomePop .welcomeContent h1 {
    color: #fff !important;
    font-size: 50px !important;
  }
  #welcomePop p {
    font-size: 20px;
  }
  .complete {
    position: absolute;
    top: 60px;
    left: calc(50% - 100px);
    background: #4cb229;
    padding: 8px 10px;
    border-radius: 200px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    font-family: "Nunito", sans-serif;
    line-height: normal;
    z-index: 1;
    transition: all 0.3s;
    width: 200px;
    text-align: center;
  }
  .complete.certificate {
    top: 85px;
  }
  .complete.completePR {
    top: 40px;
  }
  #trendingListContent .complete {
    top: -10px;
    left: auto;
    right: -10px;
    font-size: 13px;
    width: 200px;
  }
  #collectionWrapper .tileCategories {
    margin-bottom: 0px;
  }
  #collectionWrapper .deck.nested {
    margin-left: 0px;
    width: 100%;
  }
  #collectionIntro {
    position: relative;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
  }
  #collectionWrapper .collectionBG {
    backdrop-filter: blur(8px);
    padding: 60px;
    border-radius: 30px;
  }
  .trendingDeck .tileUserInteraction {
    position: absolute;
    bottom: 20px;
    left: 57%;
    right: 20px;
  }
  .verticalDeck .complete {
    left: -15px;
    right: auto;
    top: -15px;
  }
  .deckOuter.verticalDeck .deckList {
    height: 80vh;
    margin-bottom: 40px;
  }
  .verticalDeck h1 {
    margin-left: 20px;
    margin-bottom: 10px;
  }
  .progressBar {
    position: fixed;
    top: 110px;
    left: 0px;
    height: 10px;
    background-color: rgba(46, 110, 207, 1);
    transition: all linear 0.1s;
    min-width: 0%;
    z-index: 10;
  }
  .progressBar {
    position: fixed;
    top: 80px;
    left: 0px;
    height: 10px;
    background-color: rgba(46, 110, 207, 1);
    transition: all linear 0.1s;
    min-width: 0%;
    z-index: 10;
  }
  .subjectSelectorWrapper {
    display: inline-block;
    width: auto;
    margin-left: 20px;
    vertical-align: text-bottom;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #subjectSelectorWrapper {
    display: inline-block;
    margin-top: 16px;
    margin-left: 20px;
    margin-right: 20px;
  }
  h1.learningBySubjectTitle {
    margin-top: inherit;
  }
  #modulesContainer {
    background: linear-gradient(
      117deg,
      rgba(59, 75, 75, 1) 0%,
      rgba(40, 54, 54, 1) 100%
    );
    padding: 50px 10px 20px 50px;
    border-radius: 30px;
    width: 75%;
    color: #fff;
    margin-bottom: 50px;
  }
  #videosContainer {
    background: linear-gradient(
      117deg,
      rgba(66, 66, 67, 1) 0%,
      rgba(33, 33, 34, 1) 100%
    );
    padding: 50px 10px 20px 50px;
    border-radius: 30px;
    width: 75%;
    color: #fff;
    margin-bottom: 100px;
  }
  #audioContainer {
    background: linear-gradient(
      117deg,
      rgb(4, 27, 90) 0%,
      rgb(13, 20, 121) 100%
    );
    padding: 50px 10px 20px 50px;
    border-radius: 30px;
    width: 75%;
    color: #fff;
    margin-bottom: 100px;
  }
  #articlesContainer .deckOuter,
  #modulesContainer .deckOuter,
  #videosContainer .deckOuter,
  #audioContainer .deckOuter {
    width: 100%;
    margin-bottom: 40px;
  }
  #articlesContainer > img {
    width: 350px;
    margin: auto;
  }
  #modulesContainer > img {
    width: 500px;
    margin: auto;
  }
  #videosContainer > img {
    width: 250px;
    margin: auto;
  }
  #audioContainer > img {
    width: 300px;
    margin: auto auto auto -15px;
  }
  #articlesContainer > p,
  #modulesContainer > p,
  #videosContainer > p,
  #audioContainer > p {
    font-size: 20px;
  }
  #articlesContainer {
    background: linear-gradient(
      117deg,
      rgba(13, 87, 87, 1) 0%,
      rgba(7, 69, 69, 1) 100%
    );
    padding: 50px 10px 20px 50px;
    border-radius: 30px;
    width: 75%;
    color: #fff;
    margin-bottom: 50px;
  }
  .verticalDeck .completedDate {
    font-size: 14px;
  }
  .verticalDeck .tileTitle {
    margin-bottom: 4px;
    font-size: 16px;
  }
  .verticalDeck .tileDetails {
    display: flex;
    width: 100%;
    flex-direction: column;
    /*height: calc(16vh - 40px);*/
    height: 100%;
    padding: 30px 30px 30px;
  }
  .deckOuter.verticalDeck {
    width: 35%;
    height: 95vh;
    display: inline-block;
  }
  .trendingDeck .tileDetails {
    width: 50%;
    margin-left: 50%;
    padding: 40px;
  }
  .trendingDeck .tileWrapperBlurLayer {
    -webkit-mask-image: linear-gradient(to right, transparent 30%, black 60%);
    background-size: cover;
    border-radius: 20px;
    background: #2e6ecf;
  }
  .deckOuter .swiper-button-prev {
    left: -30px;
    top: 55%;
    display: block;
  }
  .deckOuter .swiper-button-next {
    right: -30px;
    top: 55%;
    display: block;
  }
  #videosContainer .deckOuter .swiper-button-prev,
  #modulesContainer .deckOuter .swiper-button-prev,
  #articlesContainer .deckOuter .swiper-button-prev,
  #audioContainer .deckOuter .swiper-button-prev {
    display: none;
  }
  #videosContainer .deckOuter .swiper-button-next,
  #modulesContainer .deckOuter .swiper-button-next,
  #articlesContainer .deckOuter .swiper-button-next,
  #audioContainer .deckOuter .swiper-button-next {
    display: none;
  }
  .nested .deckList li {
    width: 100%;
    display: inline-block;
    padding: 20px;
    vertical-align: top;
  }
  .tileTitle {
    color: #222;
    font-family: "Nunito", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 10px;
  }
  .tileCategories {
    margin-bottom: 14px;
    margin-top: 4px;
  }
  .tileDescription {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .tileStats {
    padding: 10px 20px;
    background-color: rgb(46, 110, 207);
    color: #fff;
    font-size: 10px;
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    position: absolute;
    width: 90%;
    left: 5%;
    top: 140px;
    border-radius: 200px;
  }
  .tileImage {
    height: 160px;
  }
  .nested.deck {
    width: 100%;
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
  }
  .deckOuter {
    width: 100%;
  }
  .fullWidthDeckItems .deckList li {
    width: 50%;
    padding: 20px 20px 40px 20px;
  }
}

@media (min-width: 992px) {
  .nested .deckList li.courseTile {
    width: 66%;
  }
  .deckOuter.verticalDeck .deckList {
    height: 65vh;
  }
  .deckOuter.verticalDeck {
    width: 35%;
    height: 85vh;
    display: inline-block;
  }
  .deckOuter {
    width: 100%;
  }
  .fullWidthDeckItems .deckList li {
    width: 33%;
    padding: 20px 20px 40px 20px;
  }
}

@media (min-width: 1200px) {
  .courseTile .tileTitle {
    color: #fff;
    font-size: 30px !important;
  }
  .nested .deckList li.courseTile {
    width: 66%;
  }
  .deckOuter {
    width: 70%;
  }
  .tileRating,
  .tileInfo {
    font-size: 10px;
  }
  .tileSave,
  .tileRemove {
    font-size: 10px;
  }
  .tileCategories .wealth {
    font-size: 10px;
  }
  .tileCategories .operations {
    font-size: 10px;
  }
  .tileCategories .fp {
    font-size: 10px;
  }
  .fullWidthDeckItems .deckList li {
    width: 33%;
    padding: 20px 20px 40px 20px;
  }
}
@media (min-width: 1600px) {
  .nested .deckList li.courseTile {
    width: 66%;
  }
  #welcomePop .modal-lg {
    margin-top: 150px;
    width: 1400px;
  }
  #welcomePop .welcomeContent {
    padding: 150px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border-radius: 30px;
  }
  .tileStats {
    font-size: 11px;
  }
  .deckOuter {
    width: 75%;
  }
  .tileRating,
  .tileInfo {
    font-size: 12px;
  }
  .tileSave,
  .tileRemove {
    font-size: 12px;
  }
  .tileCategories .wealth {
    font-size: 12px;
  }
  .tileCategories .operations {
    font-size: 12px;
  }
  .tileCategories .fp {
    font-size: 12px;
  }
  /* .collectionDeck.nested .deckList > li {
        width: 24%;
        margin-right: 20px;
    }
    .collectionDeck.nested .deckList > li:last-of-type {
        width: 24%;
        margin-right: 0px;
    } */
}
@media (min-width: 1800px) {
  .courseTile .tileDetails {
    color: #fff;
    padding: 0px;
    width: 50%;
    display: block;
  }
  .nested .deckList li.courseTile {
    width: 75%;
  }
  .tileStats {
    font-size: 11px;
  }
  .verticalDeck .tileDetails {
    display: flex;
    width: 75%;
    flex-direction: column;
    /*height: calc(16vh - 40px);*/
    height: 100%;
    padding: 20px 30px;
  }
  .verticalDeck .tileImage {
    width: 25%;
    float: left;
    /*height: calc(16vh - 40px);*/
    height: 100%;
    border-radius: 20px;
    display: inline-block;
  }
  /* .collectionDeck.nested .deckList > li {
        width: 20%;
        margin-right: 20px;
    }
    .collectionDeck.nested .deckList > li:last-of-type {
        width: 20%;
        margin-right: 0px;
    } */
  .fullWidthDeckItems .deckList li {
    width: 25%;
    padding: 20px 20px 40px 20px;
  }
}
@media (min-width: 2000px) {
  .tileStats {
    font-size: 12px;
  }
  .nested .deckList li.courseTile {
    width: 40%;
  }
  .deckOuter.verticalDeck {
    width: 35%;
    height: 95vh;
    display: inline-block;
  }
  .deckOuter.verticalDeck .deckList {
    height: 80vh;
  }
  .fullWidthDeckItems .deckList li {
    width: 20%;
    padding: 20px 20px 40px 20px;
  }
}
/* ---------- */

/* Side bar */
.contentWrapper {
  position: relative;
}
.sideBar {
  width: 100%;
  display: none;
  vertical-align: top;
  background: #fff;
  box-shadow: 5px 5px 25px rgb(0 0 0 / 10%);
  border-radius: 20px;
  padding: 20px 20px 10px 20px;
  position: relative;
  top: unset !important;
}
.darkMode .sideBar {
  background: #3c3c3c;
}

.nestedSideBar {
  margin-left: 7%;
}
.sideBar h1 {
  margin-top: 0px;
  color: #2e6ecf;
  font-family: "Nunito", sans-serif;
  font-size: 22px !important;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.myLearningAccordian {
  background: #e7e7e7;
  padding: 14px 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  border-radius: 20px;
  color: #2e6ecf;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  position: relative;
}
.accordianTitle {
  display: inline-block;
}
.accordianControl {
  display: inline-block;
  float: right;
}
span.notificationnumber {
  position: absolute;
  top: -5px;
  right: -5px;
  background: red;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  border-radius: 200px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0px !important;
}
.accordianTitle em {
  margin-right: 6px;
}
.sideBarTile {
  display: inline-block;
  background-size: cover !important;
  background-position: center center !important;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
  /*backdrop-filter: blur(0px);*/
  width: 100%;
}
.sideBarTile .background--dark {
  color: #fff;
}
.sideBarTile .background--light {
  color: #000;
}
.sideBarTileInner {
  /*backdrop-filter: blur(6px);*/
  background: rgba(0, 0, 0, 0.6);
  padding: 15px;
  border-radius: 20px;
  position: relative;
}
.sideBarTileInner .tileSave.saved {
  position: absolute;
  top: 8px;
  right: 2px;
  width: auto;
}
.sideBarTileInner .tileSave.saved em {
  color: #fff;
}
.sideBarButton {
  background: #3072d1;
  display: inline-block;
  color: #fff;
  font-weight: bold !important;
  font-size: 12px;
  font-family: "Nunito", sans-serif;
  padding: 6px 16px 6px 10px;
  border-radius: 200px;
  line-height: normal;
  margin-top: 10px;
  transition: all 0.3s;
}
.sideBarButton:focus {
  color: #fff;
}
.sideBarButton:hover {
  background: #1a55a8;
  color: #fff;
  cursor: pointer;
}
.sideBarButton.viewDashboardButton {
  margin-top: 0px;
  margin-bottom: 20px;
}
.sideBarButton.inProgress {
  background: #f38b25;
}
.sideBarButton.inProgress:hover {
  background: #db750f;
}
#inProgressLearning .sideBarButton.viewDashboardButton {
  background-color: #3072d1;
}
#inProgressLearning .sideBarButton.viewDashboardButton:hover {
  background-color: #1a55a8;
}
.sideBarButton.sideBarComplete {
  background: #4cb229;
}
.sideBarButton.sideBarComplete:hover {
  background: #4cb229;
}
.sideBarButton em,
.sideBarButton span {
  font-size: 18px;
  vertical-align: text-top;
  margin-right: 6px;
}
#noLearningBlock p {
  font-size: 18px;
  font-style: italic;
  color: #888;
}
#inProgressLearning .sideBarButton {
  color: #fff;
  background-color: #f38b25;
}
#inProgressLearning .sideBarButton:hover {
  color: #fff;
  background-color: #db750f;
}
#sideBarTile1 {
  background: url("/cisiweb2/image/cisitv/Quantitative Easing the elephant in the room.jpg");
}
#sideBarTile2 {
  background: url("/cisiweb2/image/cisitv/Plan on death.jpg");
}
#sideBarTile3 {
  background: url("/cisiweb2/image/cisitv/Fiduciaries in place.jpg");
}
#sideBarTile4 {
  background: url("/cisiweb2/image/cisitv/What role does nuclear energy have in the decarbonisation story and how do you invest in it.jpg");
}
#sideBarTile5 {
  background: url("/cisiweb2/image/cisitv/Plain speaking learning the skills of better communication.jpg");
}
#sideBarTile6 {
  background: url("/cisiweb2/image/cisitv/Political Prospects A United or Disunited Kingdom.jpg");
}
#sideBarTile7 {
  background: url("/cisiweb2/image/cisitv/The fives rules of plain writing conquering meaning.jpg");
}
#sideBarTile8 {
  background: url("/cisiweb2/image/cisitv/Practical Guidance on Crypto Asset Regulations and Licensing.jpg");
}
#sideBarTile9 {
  background: url("/cisiweb2/image/cisitv/Quantitative Easing the elephant in the room.jpg");
}
span.cpdOpen {
  display: inline-block;
  background: #4cb229;
  color: #fff;
  padding: 4px 10px;
  border-radius: 200px;
  font-size: 12px;
  margin-left: 10px;
}
h1 {
  font-size: 26px !important;
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
  h1 {
    font-size: 30px !important;
  }
  .sideBar {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    box-shadow: 5px 5px 25px rgb(0 0 0 / 10%);
    border-radius: 20px;
    padding: 20px 30px 10px 30px;
    margin-left: 4%;
    position: absolute;
    top: 335px !important;
    right: 4%;
  }
  .sideBar.affix {
    position: fixed;
    top: 160px !important;
  }
  .sideBar.affix-bottom {
    bottom: 0px;
    top: auto !important;
  }
}
@media (min-width: 1600px) {
  h1 {
    font-size: 40px !important;
  }
  span.cpdOpen {
    display: inline-block;
    background: #4cb229;
    color: #fff;
    padding: 4px 10px;
    border-radius: 200px;
    font-size: 18px;
    margin-left: 10px;
  }
  .sideBar h1 {
    margin-top: 0px;
    color: #2e6ecf;
    font-family: "Nunito", sans-serif;
    font-size: 26px !important;
    font-weight: bold;
    letter-spacing: 0.02em;
  }
  .sideBar {
    width: 18%;
    padding: 30px 30px 10px 30px;
  }
  .sideBarTileInner {
    /*backdrop-filter: blur(6px);*/
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    border-radius: 20px;
  }
  .sideBarTile {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .sideBarButton {
    background: #3072d1;
    display: inline-block;
    color: #fff;
    font-weight: bold !important;
    font-size: 14px;
    font-family: "Nunito", sans-serif;
    padding: 10px 16px 10px 10px;
    border-radius: 200px;
    line-height: normal;
    margin-top: 10px;
    transition: all 0.3s;
  }
}
@media (min-width: 1800px) {
  .sideBar {
    top: 336px !important;
  }
}
/* ---------- */

/* Feedback Modal */
#feedbackLMS .modal-content,
#saved .modal-content,
#collectionSaved .modal-content,
#removed .modal-content,
#curated .modal-content,
#fave .modal-content,
#setFaveModal .modal-content,
#welcomePop .modal-content,
#memberOnly .modal-content {
  text-align: center;
  padding: 0px 30px 30px 30px;
  border-radius: 30px;
}
#feedbackLMS .modal-content h1,
#saved .modal-content h1,
#collectionSaved .modal-content h1,
#removed .modal-content h1,
#curated .modal-content h1,
#fave .modal-content h1,
#setFaveModal .modal-content h1,
#welcomePop .modal-content h1,
#helpPop .modal-content h1,
#memberOnly .modal-content h1 {
  margin-top: 0px;
  color: #2e6ecf;
  font-family: "Nunito", sans-serif;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.02em;
}
.darkMode #feedbackLMS .modal-content,
.darkMode #saved .modal-content,
.darkMode #curated .modal-content,
.darkMode #memberOnly .modal-content {
  background-color: #3c3c3c;
}
.darkMode #feedbackLMS .modal-content h1,
.darkMode #saved .modal-content h1,
.darkMode #curated .modal-content h1 {
  color: #fff;
}
#fave .modal-content,
#setFaveModal .modal-content,
#curated .modal-content,
#memberOnly .modal-content {
  padding: 30px;
}
#setFaveWrapper {
  margin-bottom: 20px;
}
#setFaveSubject span.fa-solid.fa-floppy-disk {
  font-size: 20px;
  margin-right: 6px;
  vertical-align: bottom;
  margin-left: 4px;
}
lottie-player {
  margin: auto;
}
textarea {
  width: 100%;
  height: 100px;
  border-radius: 20px;
  border: 1px solid #ddd;
  padding: 10px 14px;
  font-size: 14px;
  background: #fbfbfbef;
  outline: none !important;
}
.submitButton {
  background: #3072d1;
  border: 0px solid;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  font-family: "Nunito", sans-serif;
  padding: 12px 20px 12px 14px;
  border-radius: 200px;
  line-height: normal;
  margin-top: 10px;
  transition: all 0.3s;
}
.submitButton:hover {
  background: #1f61bd;
  color: #fff;
  cursor: pointer;
}
.submitButton em {
  font-size: 22px;
  vertical-align: sub;
  margin-right: 6px;
}
.closeButton {
  position: absolute;
  cursor: pointer;
  top: 10px;
  right: 20px;
  font-size: 30px;
  color: #3072d1;
}
.darkMode .closeButton {
  color: #fff;
}
.tileCatWrapper::-webkit-scrollbar {
  height: 6px;
  border-radius: 200px;
}
.tileCatWrapper::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
  border-radius: 200px;
}
.tileCatWrapper::-webkit-scrollbar-track {
  background: #d7d7d7;
  border-radius: 200px;
}
/* ------------- */

/* collection overrides */
/*
.deck.collection > p,
.deck.collection .collectionInner > p {
    font-family: 'Varela Round';
    color: #fff;
    padding-left: 0px;
    width: 100%;
}
.deck.collection h1 {
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-top: 0px;
    margin-left: 0px;
}*/
.deck.collection {
  /*background: #000;
    border-radius: 40px;*/
  width: 100%;
}
.deck .collectionInner {
  /*padding: 60px 50px 40px 50px;
    border-radius: 40px;*/
}
.deck.collection {
}
.collection .deckList li {
  /*width: 20%;
    margin-right: -5px;*/
}

.collectionStats.itemStats {
  margin-bottom: 50px;
}
.collectionStats .publicationDate {
  display: inline-block;
  background: #c1e3e3;
  color: #006666;
  padding: 7px 20px 5px;
  border-radius: 200px;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  font-size: 13px;
  margin-right: 10px;
  width: auto;
  position: relative;
  margin-bottom: 6px;
}
.collectionStats .publicationDate em {
  font-size: 13px;
  margin-right: 4px;
}
.collectionStats .duration {
  display: inline-block;
  background: #c1e3e3;
  color: #006666;
  padding: 7px 20px 5px;
  border-radius: 200px;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  font-size: 13px;
  margin-right: 10px;
  width: auto;
  position: relative;
  margin-bottom: 6px;
}
.collectionStats .level {
  display: inline-block;
  background: #c1e3e3;
  color: #006666;
  padding: 7px 20px 5px;
  border-radius: 200px;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  font-size: 13px;
  margin-right: 10px;
  width: auto;
  position: relative;
  margin-bottom: 20px;
}
.collectionStats .tileCategories .wealth {
  color: #fff;
  font-size: 13px;
  background: #8a2842;
  display: inline-block;
  padding: 7px 20px 5px;
  border-radius: 200px;
  font-weight: 600;
  margin-right: 10px;
  font-family: "Nunito", sans-serif;
  width: auto;
}
.collectionStats .tileCategories .operations {
  color: #fff;
  font-size: 13px;
  background: #b70a0a;
  display: inline-block;
  padding: 7px 20px 5px;
  border-radius: 200px;
  font-weight: 600;
  font-family: "Nunito", sans-serif;
  margin-right: 10px;
  margin-right: 4px;
}
.collectionStats .tileCategories .fp {
  color: #fff;
  font-size: 13px;
  background: #1d35cd;
  display: inline-block;
  padding: 7px 20px 5px;
  border-radius: 200px;
  margin-right: 10px;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  margin-right: 4px;
}
.collectionStats .tileCategories {
  display: inline-block;
}
.collectionStats .itemUserInteraction {
  display: inline-block;
  float: right;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.collectionStats .itemStats {
  margin-bottom: 40px;
}
#collectionIntro {
  position: relative;
  color: #fff;
  font-size: 16px;
  margin-bottom: 30px;
}
.collectionStats .tileRating {
  display: inline-block;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-right: 40px !important;
  transition: all 0.3s;
  width: auto;
}
.collectionStats .tileRating.rated {
  color: #fff;
}
.collectionStats .tileRating.rated em {
  color: #4cb229;
}
.collectionStats .tileSave {
  display: inline-block;
  text-align: right;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s;
  width: auto;
}
.collectionStats .tileRating em,
.collectionStats .tileSave em {
  color: #fff;
  font-size: 32px;
  transition: all 0.3s;
  cursor: pointer;
  margin-right: 6px;
}
.collectionStats .tileSave.saved em {
  color: #4cb229;
}
.collectionStats .tileRating:hover em {
  color: #e89900;
  cursor: pointer;
}
.collectionStats .tileRating:hover {
  color: #e89900;
  cursor: pointer;
}
.collectionStats .tileSave em {
  margin-right: 6px;
  vertical-align: sub;
}
.collectionStats .tileSave:hover em {
  color: #74a2e6;
  cursor: pointer;
}
.collectionStats .tileSave.saved:hover em {
  color: #4cb229;
  cursor: pointer;
}
.collectionStats .tileSave:hover {
  color: #74a2e6;
  cursor: pointer;
}
.collectionStats .tileSave.saved:hover {
  color: #fff;
}
.collectionStats .duration em {
  font-size: 13px;
  margin-right: 4px;
}
.collectionStats .level em {
  font-size: 13px;
  margin-right: 4px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media (min-width: 768px) {
  .collectionStats .level {
    margin-bottom: 6px;
  }
  .collectionStats .itemUserInteraction {
    display: inline-block;
    float: right;
    position: relative;
    width: auto;
    margin-bottom: 0px;
  }
}

/* ------------------- */

@property --p {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}

.pie {
  --p: 20;
  --b: 22px;
  --c: #f38b25;
  --w: 150px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  margin: 0px;
  place-content: center;
  font-size: 25px;
  font-weight: bold;
  font-family: "Nunito", sans-serif;
}
@media (min-width: 1200px) {
  .pie {
    --b: 15px;
    --w: 105px;
    font-size: 18px;
  }
}
@media (min-width: 1300px) {
  .pie {
    --b: 18px;
    --w: 120px;
    font-size: 18px;
  }
}
@media (min-width: 1600px) {
  .pie {
    --b: 17px;
    --w: 110px;
    font-size: 18px;
  }
}
@media (min-width: 1800px) {
  .pie {
    --b: 20px;
    --w: 130px;
    font-size: 22px;
  }
}
@media (min-width: 2000px) {
  .pie {
    --b: 22px;
    --w: 180px;
    font-size: 25px;
  }
}
.pie.green {
  --c: #45cc26;
}
.pie.red {
  --c: red;
}
.pie:before,
.pie:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b)
      var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p) * 1%), #c0c0c0 0);
  -webkit-mask: radial-gradient(
    farthest-side,
    #0000 calc(99% - var(--b)),
    #000 calc(100% - var(--b))
  );
  mask: radial-gradient(
    farthest-side,
    #0000 calc(99% - var(--b)),
    #000 calc(100% - var(--b))
  );
}
.pie:after {
  inset: calc(50% - var(--b) / 2);
  background: var(--c);
  transform: rotate(calc(var(--p) * 3.6deg))
    translateY(calc(50% - var(--w) / 2));
}
.animate {
  animation: p 1s 0.5s both;
}
.no-round:before {
  background-size: 0 0, auto;
}
.no-round:after {
  content: none;
}
.cpdProgress,
.daysLeft {
  width: 100%;
}
.cpdProgressNumber {
  text-align: center;
  color: #2e6ecf;
  display: block;
}
.darkMode .cpdProgressNumber {
  text-align: center;
  color: #fff;
  display: block;
}
.cpdProgressLabel {
  font-size: 10px;
  color: #2e6ecf;
  width: 70%;
  display: block;
  margin: auto;
  text-align: center;
  line-height: 10px;
}
.darkMode .cpdProgressLabel {
  font-size: 10px;
  color: #fff;
  width: 70%;
  display: block;
  margin: auto;
  text-align: center;
  line-height: 10px;
}

@media (min-width: 2000px) {
  .cpdProgressLabel {
    font-size: 13px;
    color: #2e6ecf;
    width: 80%;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 16px;
  }
  .darkMode .cpdProgressLabel {
    font-size: 13px;
    color: #fff;
    width: 80%;
    display: block;
    margin: auto;
    text-align: center;
    line-height: 16px;
  }
}
.myLearningProgress p {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  font-family: "Nunito", sans-serif;
}
/* .cpdScheme {
        color: #444;
        font-family: 'Nunito', sans-serif;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 14px;
    } */
.cpdScheme {
  color: #444;
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 14px;
  text-align: center;
}
.darkMode .cpdScheme {
  color: #fff;
}
span.schemeTitle {
  font-size: 18px;
  color: #2e6ecf;
}
.darkMode span.schemeTitle {
  font-size: 18px;
  color: #fff;
}
.gotoCPDButton {
  font-weight: bold !important;
  margin-bottom: 25px;
}
@keyframes p {
  from {
    --p: 0;
  }
}

.tooltipNew {
  display: inline-block;
  position: relative;
  text-align: left;
}

.container_wrapper .tooltipNew .top {
  min-width: 250px;
  top: -20px;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 16px 20px;
  color: #ffffff;
  background-color: #3072d1;
  font-weight: normal;
  font-size: 13px;
  border-radius: 200px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  display: none;
}
.tooltipNew .top p {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 0px;
}
.tooltipNew:hover .top {
  display: block;
}

.tooltipNew .top i {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 12px;
  overflow: hidden;
}

.tooltipNew .top i::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #3072d1;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}

.toggle {
  display: block;
  position: relative;
  background: none;
  margin: 0 0 0.5em 0;
}

.toggle input[type="checkbox"] {
  opacity: 0 !important;
}
#hideCompletedWrapper {
  display: none;
  margin-bottom: 25px;
}
.toggle input[type="checkbox"] + label {
  position: absolute;
  left: 0;
  padding-left: 3.8em;
  color: #2e6ecf;
  padding-top: 4px;
  font-size: 16px;
}
.darkMode .toggle input[type="checkbox"] + label {
  color: #fff;
}

.toggle input[type="checkbox"] + label:before {
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  top: 0.25rem;
  left: 0;
  content: "";
  width: 5.4rem;
  height: 2.85rem;
  background-color: #e7e7e7;
  border-radius: 200px;
}

.toggle input[type="checkbox"]:checked + label:before {
  background-color: #59c838;
}

.toggle input[type="checkbox"] + label:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  position: absolute;
  top: 0.4rem;
  left: 0.2rem;
  width: 2.5rem;
  height: 2.5rem;
  content: "";
  font-size: 0.75em;
  background-color: #fff;
  border-radius: 500rem;
  border: 1px solid #d1d1d1;
  cursor: pointer;
}

.toggle input[type="checkbox"]:checked + label:after {
  transform: translateX(2.5rem);
  border: 1px solid #59c838;
  background-color: #fff;
}

.toggle.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.toggle.red input[type="checkbox"]:checked + label:before {
  background: #db2828;
}
.toggle.orange input[type="checkbox"]:checked + label:before {
  background: #f47222;
}
.toggle.yellow input[type="checkbox"]:checked + label:before {
  background: #fbbd08;
}
.toggle.olive input[type="checkbox"]:checked + label:before {
  background: #b5cc18;
}
.toggle.green input[type="checkbox"]:checked + label:before {
  background: #21ba45;
}
.toggle.teal input[type="checkbox"]:checked + label:before {
  background: #00b5ad;
}
.toggle.blue input[type="checkbox"]:checked + label:before {
  background: #2185d0;
}
.toggle.dark-blue input[type="checkbox"]:checked + label:before {
  background: #2c3e50;
}
.toggle.violet input[type="checkbox"]:checked + label:before {
  background: #6435c9;
}
.toggle.purple input[type="checkbox"]:checked + label:before {
  background: #a333c8;
}
.toggle.pink input[type="checkbox"]:checked + label:before {
  background: #e03997;
}
.toggle.brown input[type="checkbox"]:checked + label:before {
  background: #a5673f;
}
.toggle.grey input[type="checkbox"]:checked + label:before {
  background: #767676;
}
.toggle.black input[type="checkbox"]:checked + label:before {
  background: #1b1c1d;
}

.toggle.red input[type="checkbox"]:checked + label:after {
  border: 2px solid #db2828;
}
.toggle.orange input[type="checkbox"]:checked + label:after {
  border: 2px solid #f47222;
}
.toggle.yellow input[type="checkbox"]:checked + label:after {
  border: 2px solid #fbbd08;
}
.toggle.olive input[type="checkbox"]:checked + label:after {
  border: 2px solid #b5cc18;
}
.toggle.green input[type="checkbox"]:checked + label:after {
  border: 2px solid #21ba45;
}
.toggle.teal input[type="checkbox"]:checked + label:after {
  border: 2px solid #00b5ad;
}
.toggle.blue input[type="checkbox"]:checked + label:after {
  border: 2px solid #2185d0;
}
.toggle.dark-blue input[type="checkbox"]:checked + label:after {
  border: 2px solid #2c3e50;
}
.toggle.violet input[type="checkbox"]:checked + label:after {
  border: 2px solid #6435c9;
}
.toggle.purple input[type="checkbox"]:checked + label:after {
  border: 2px solid #a333c8;
}
.toggle.pink input[type="checkbox"]:checked + label:after {
  border: 2px solid #e03997;
}
.toggle.brown input[type="checkbox"]:checked + label:after {
  border: 2px solid #a5673f;
}
.toggle.grey input[type="checkbox"]:checked + label:after {
  border: 2px solid #767676;
}
.toggle.black input[type="checkbox"]:checked + label:after {
  border: 2px solid #1b1c1d;
}

/* PR Cert */

#candidateName {
  font-family: "Arial";
  font-size: 25px;
  margin-top: 37mm;
  position: absolute;
  text-align: center;
  width: 100%;
}

#saqnumber {
  font-family: "Arial";
  font-size: 6.5px;
  margin-top: 132mm;
  position: absolute;
  text-align: right;
  width: 94%;
}

/*Hd 69241*/
#uniqueCode {
  font-family: "Arial";
  font-size: 10px;
  margin-top: 131mm;
  position: absolute;
  text-align: right;
  width: 85%;
}

.certinvisable {
  display: none;
}

.certOuterDiv {
  display: inline-block;
}

.certPos {
  position: relative;
}

#certSubjectTitle {
  font-family: "Arial";
  font-size: 22px;
  margin-top: 73mm;
  position: absolute;
  direction: ltr;
  text-align: center;
  width: 100%;
}

#certSubjectTitlePa {
  font-family: "Arial";
  font-size: 22px;
  margin-top: 80mm;
  position: absolute;
  direction: ltr;
  margin-left: -207px;
  text-align: center;
  width: 100%;
}

#certSubjectTitlePaQfma {
  font-family: "Arial";
  font-size: 18px;
  margin-top: 16.5em;
  position: absolute;
  direction: ltr;
  text-align: center;
  width: 100%;
}

#certSubjectTitlePaQfma1 {
  font-family: "Arial";
  font-size: 18px;
  margin-top: 17em;
  position: absolute;
  direction: ltr;
  text-align: center;
  width: 100%;
}

#dateComleted {
  font-family: "Arial";
  font-size: 20px;
  margin-top: 85mm;
  position: absolute;
  text-align: center;
  width: 100%;
}

#dateComletedPa {
  font-family: "Arial";
  font-size: 20px;
  margin-top: 88mm;
  position: absolute;
  margin-left: -211px;
  text-align: center;
  width: 100%;
}

/*HD 126651: Alignment*/
#dateComletedPaQfma {
  font-family: "Arial";
  font-size: 16px;
  margin-top: 21.5em;
  position: absolute;
  text-align: center;
  width: 100%;
  unicode-bidi: plaintext;
}

/*HD 126651: Alignment*/
#dateComletedPaQfma1 {
  font-family: "Arial";
  font-size: 16px;
  margin-top: 22.75em;
  position: absolute;
  text-align: center;
  width: 100%;
}

#dateComletedPaNew {
  font-family: "Arial";
  font-size: 20px;
  margin-top: 88mm;
  position: absolute;
  text-align: center;
  width: 100%;
}

#cpdHoursEarned {
  font-family: "Arial";
  font-size: 20px;
  margin-top: 92mm;
  margin-right: 50px;
  position: absolute;
  text-align: center;
  width: 100%;
}

#notesAreaText {
  font-family: "Arial";
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  text-align: center;
  top: 190px;
  width: 100%;
}

.notePrint {
  /*width: 100%;*/
  font-family: Arial;
  font-size: 10px;
}


div#sortWrapper {
  z-index: -1000 !important;
}