:root {
  --bg-c:#E8E7D9;
  --pc-1:#1F1647;
  --pc-1-d: hsl(from var(--pc-1) h s calc(l - 10));
  --pc-1-l: hsl(from var(--pc-1) h s calc(l + 10));
  --pc-2:#9e28b5;
  --pc-2-d: hsl(from var(--pc-2) h s calc(l - 10));
  --pc-2-vl: hsl(from var(--pc-2) h calc(l - 30) calc(l + 50));
  --ac-1:#ffc844;
  --ac-1-d: hsl(from var(--ac-1) h s calc(l - 10));
  --ac-2:#ed7623;
  --ac-2-d: hsl(from var(--ac-2) h s calc(l - 10));
  --tc-1:#e4e460;
  --tc-1-d: hsl(from var(--tc-1) h s calc(l - 10));
  --tc-2:#006938;
  --tc-2-d: hsl(from var(--tc-2) h s calc(l - 10));
}

/* cigna svg icons */
* {
  box-sizing: border-box;
}

body {
  height: 100%;
  color: rgba(0, 0, 0, 0.9);
  margin: 0 auto;
  text-align: left;
  width: 100%;
  font-size: 16px;
  background: var(--bg-c);
}
body.adminbody {
  width: 100%;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
  margin: 1em 0 1em;
}
h1 i {
  font-size: 0.8em;
  padding-bottom: 5px;
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}
@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
    color: var(--pc-1);
  }
}
h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}
@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}
h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
  color: var(--pc-2);
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}
@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}
h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}
blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}
html {
  height: 100%;
  font-size: 16px;
  font-family: "Open Sans", "Arial", sans-serif;
  line-height: 1.5em;
}

#hd {
  background: white;
}

main {
  min-height: 82vh;
  background: var(--bg-c);
}

body, button.ui-button:not(.ui-dialog-titlebar-close) span.ui-button-text, div.titlePanel div.body *, table tbody td, .ui-widget {
  font-family: "Open Sans", "Arial", sans-serif;
}

.headers, h1, h2, h3, h4, th {
  font-family: "Open Sans", "Arial", sans-serif;
  color: var(--pc-1);
}

h1 {
  color: rgba(0, 0, 0, 0.9);
}

h1#createRvpChecklist {
  margin-top: -65px;
}

.pageContainer {
  min-height: 100%;
  transition: transform 0.5s;
}
.pageContainer.moveOver {
  transform: translateX(200px);
  transition: transform 0.5s;
}

#doc3 {
  background-color: #fff;
}

#doc4 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.sectionContainer, #helpPage {
  width: 1400px;
  margin: 0 auto;
  padding: 0 15px 15px;
}
@media (max-width: 1400px) {
  .sectionContainer, #helpPage {
    width: 100%;
  }
}

a {
  color: var(--pc-2);
  text-decoration: none;
  cursor: pointer;
  transition-duration: 0.3s;
}
a:hover {
  text-decoration: underline;
  color: var(--pc-2-d);
}

button {
  display: inline-block;
  font-family: "Open Sans", "Arial", sans-serif;
  background: var(--pc-2);
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
  font-weight: 400;
  border: none;
  border-radius: 0px !important;
  padding: 10px 20px;
  letter-spacing: 1px;
  transition-duration: 0.3s;
  box-shadow: 0px 5px 0px 0px var(--pc-2-d);
  cursor: pointer;
  text-transform: none;
}
button:focus {
  outline: none;
}
button:hover {
  background: var(--pc-2-d);
}

.validation-summary-errors {
  background: pink;
  color: red;
  border-radius: 0px;
}

#impersonating {
  background: repeating-linear-gradient(-60deg, #1f1f1f, #1f1f1f 10px, #252525 10px, #252525 20px);
  color: rgba(250, 250, 250, 0.98);
  padding: 10px;
  text-align: center;
}
#impersonating button {
  margin-left: 10px;
  padding: 2px 10px;
}

.header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 70px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  .header {
    padding: 0;
  }
}
.header #headerMenu-main {
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  transition-duration: 0.3s;
  cursor: pointer;
}
.header #headerMenu-main:hover #mob-menu-iconContainer {
  background: rgba(0, 0, 0, 0.05);
  transition-duration: 0.3s;
}
.header #headerMenu-main #mob-menu-iconContainer {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  height: 40px;
  padding-left: 13px;
  width: 40px;
  transition-duration: 0.3s;
  border-radius: 0px;
}
@media screen and (max-width: 1400px) {
  .header #headerMenu-main #mob-menu-iconContainer {
    margin: 0 0 0 5px;
  }
}
.header .search {
  margin-left: auto;
}
.header .search > form {
  display: flex;
  align-items: center;
}
.header .search > form #searchbox {
  height: 32px;
  width: 100%;
  min-width: 300px;
  border-radius: 5px 0 0 5px;
  padding-left: 1em;
  border: solid 1px var(--pc-1) !important;
  background: rgba(250, 250, 250, 0.98);
  border: none;
  transition: all 0.3s;
}
.header .search > form #searchbox:focus {
  outline: none;
}
.header .search > form #searchbox::placeholder {
  color: #666;
}
.header .search > form #btnSearch {
  position: relative;
  color: rgba(250, 250, 250, 0.98);
  background: var(--pc-2);
  border: solid 1px var(--pc-1) !important;
  height: 32px;
  border-radius: 0 5px 5px 0 !important;
  padding: 0 10px;
  box-shadow: none;
}
@media screen and (max-width: 500px) {
  .header .search {
    margin: 0 15px 0 20px;
    flex: 1;
  }
}
.header .logo {
  padding: 0.85rem 0rem;
  margin: 0 0 0 1rem;
  height: 100%;
}
.header .logo img {
  height: 100%;
}
.header .account {
  position: relative;
  margin-left: 15px;
}
@media screen and (max-width: 500px) {
  .header .account {
    display: none;
  }
}
.header .account #user {
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 0px;
  transition-duration: 0.3s;
}
.header .account #user:hover {
  background: rgba(0, 0, 0, 0.05);
  transition-duration: 0.3s;
}
.header .account #user i {
  display: inline-block;
  margin-right: 5px;
}
.header .account #user:after {
  content: " \f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 0.7em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 12px;
}
.header .account #user.selected:after {
  content: " \f077";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 0.7em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: 12px;
}
.header .account .accountMenu {
  position: absolute;
  z-index: 11;
  top: 47px;
  right: 1em;
  background: var(--pc-2);
  padding: 1em 1em 1em 2em;
  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
  display: none;
  border-radius: 0px;
  text-align: right;
}
.header .account .accountMenu ul {
  margin: 0;
  padding: 0;
}
.header .account .accountMenu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.header .account .accountMenu li {
  padding-bottom: 10px;
}
.header .account .accountMenu a {
  text-decoration: none;
  color: rgba(250, 250, 250, 0.98);
}
.header .account .accountMenu:after {
  position: absolute;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background: var(--pc-2);
  top: -6px;
  z-index: 1;
  right: 15px;
  transform: rotate(45deg);
  border-radius: 0px;
}

/*
  ======================================	MOBILE NAV
  ======================================
  */
#closerDiv {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: black;
  opacity: 0;
  z-index: 10;
  top: 0;
  left: 0;
  display: none;
}

#mobileMenu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  padding: 0;
  width: 200px;
  background: var(--pc-1);
  min-height: 100vh;
  transform: translateX(-200px);
  transition: transform 0.5s;
}
#mobileMenu ul {
  margin: 0;
  padding: 0;
}
#mobileMenu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 500px) {
  #mobileMenu .accountMenu-inNav {
    display: none;
  }
}
#mobileMenu .menu.nagivation {
  position: relative;
  float: none;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
}
#mobileMenu.open {
  transform: translateX(0%);
}
#mobileMenu .menu ul {
  display: flex;
  flex-direction: column;
}
#mobileMenu .menu ul li {
  order: 10;
}
#mobileMenu .menu ul li.home {
  order: 0;
}
#mobileMenu .mobileMenu__closeButton {
  height: 70px;
  width: 100%;
  color: rgba(250, 250, 250, 0.98);
  letter-spacing: 1px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition-duration: 0.3s;
}
#mobileMenu .mobileMenu__closeButton:hover {
  background: rgba(0, 0, 0, 0.05);
  transition-duration: 0.3s;
}
#mobileMenu .mobileMenu__closeButton i {
  margin-right: 10px;
}
#mobileMenu a {
  display: block;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 10px 20px;
  background: none;
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
  letter-spacing: 1px;
  transition-duration: 0.3s;
}
#mobileMenu a:hover {
  background: var(--pc-1-l);
  transition-duration: 0.3s;
}
#mobileMenu li.selected a {
  background: rgba(0, 0, 0, 0.1);
  border-right: solid 3px var(--ac-1);
  font-weight: 700;
}

#mobileMenu_bg {
  display: none;
  z-index: 4;
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.welcome > div {
  display: inline-block;
}

/*.contentTop {
  display: none;
}*/
.logo {
  padding-left: 16px;
}
.logo a {
  color: white;
  text-decoration: none;
  white-space: nowrap;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 28px !important;
}

.pageMessage {
  text-align: center;
  padding: 20px;
  background: repeating-linear-gradient(-60deg, orange, orange 10px, #f59e00 10px, #f59e00 20px);
  color: rgba(250, 250, 250, 0.98);
}
.pageMessage i {
  margin-right: 10px;
}

.contentTop {
  padding: 30px 0 15px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  background-size: cover, cover;
}
.contentTop h1 {
  margin: 0;
}

.loginPanel.sectionContainer {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  padding: 20px;
  color: rgba(0, 0, 0, 0.9);
  width: 100%;
  padding: 40px;
  max-width: 500px;
  margin-top: 20px;
}
.loginPanel.sectionContainer.passwordSent {
  text-align: center;
}
.loginPanel.sectionContainer.passwordSent .buttonSet {
  justify-content: center;
}
.loginPanel.sectionContainer .validation-summary-errors {
  background: pink;
  color: red;
  border-radius: 0px;
}
.loginPanel.sectionContainer p {
  text-align: center;
  color: #666;
}
.loginPanel.sectionContainer h1 {
  text-align: center;
  font-size: 32px;
  margin: 0.5em 0 1em;
}
.loginPanel.sectionContainer .buttonSet {
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: space-between;
}
.loginPanel.sectionContainer .buttonSet .cancel {
  display: inline-block;
  font-family: "Open Sans", "Arial", sans-serif;
  background: var(--pc-2);
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
  font-weight: 400;
  border: none;
  border-radius: 0px !important;
  padding: 10px 20px;
  letter-spacing: 1px;
  transition-duration: 0.3s;
  box-shadow: 0px 5px 0px 0px var(--pc-2-d);
  cursor: pointer;
  text-transform: none;
  /*background: none;
  box-shadow: $ac2-shadow;
  border: solid 2px $button-color;
  color: $button-color;

  &:hover {
  	color: $near-white;
  	border: solid 2px transparent;
  	box-shadow: $ac1-shadow;
  }*/
}
.loginPanel.sectionContainer .buttonSet .cancel:focus {
  outline: none;
}
.loginPanel.sectionContainer .buttonSet .cancel:hover {
  background: var(--pc-2-d);
}

.form-group label {
  color: rgba(0, 0, 0, 0.9);
}

.courseDialog {
  box-shadow: 0px 3px 3px 1px rgba(0, 0, 0, 0.2);
  border: none !important;
  border-radius: 0px;
  padding: 0;
}
.courseDialog [id*=courseDialog_] {
  padding: 0px;
}
.courseDialog a {
  color: var(--pc-2) !important;
}

/* All course info within the launch box */
.courseContainer {
  background: white;
  padding-top: 0px;
  /*  description */
  /*  pre-reqs, presenter Info */
  /*  module list */
}
.courseContainer a.backButton {
  display: none;
}
.courseContainer div.courseLaunch li a:link {
  color: var(--pc-2);
}
.courseContainer .mobileCourseName {
  margin: 0 15px 15px;
}
.courseContainer #overview {
  padding: 0 1em;
  color: #666;
}
.courseContainer #overview .courseInfo {
  margin: 20px 0;
}
.courseContainer #overview .courseInfo > span {
  display: inline-block;
  color: #333;
  border-radius: 25em;
  font-size: 14px;
  padding: 0.2em 0.8em;
  background: rgba(0, 0, 0, 0.1);
}
.courseContainer #overview .courseInfo > span.complete {
  background: var(--tc-2);
  color: rgba(250, 250, 250, 0.98);
}
.courseContainer #overview .courseInfo > span.complete i {
  display: inline-block;
  margin-right: 0.5em;
}
.courseContainer #overview .modulesCount, .courseContainer #overview .duration {
  float: none;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.courseContainer #overview .modulesCount i, .courseContainer #overview .duration i {
  display: inline-block;
  margin-right: 3px;
}
.courseContainer #overview .duration {
  margin-top: 20px;
}
.courseContainer #tabContainer {
  margin: 40px 0 20px;
  border: none;
  padding: 0 1em;
}
.courseContainer #tabContainer .ui-tabs-panel {
  padding: 0;
}
.courseContainer #tabContainer > ul {
  display: flex;
  margin: 0;
  padding: 0;
  width: auto;
  justify-content: flex-start;
  background: none;
  border: none;
  list-style-type: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.courseContainer #tabContainer > ul:before {
  content: none;
}
.courseContainer #tabContainer > ul li {
  float: none;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  letter-spacing: 0.5px;
  font-size: 14px;
  padding: 0;
  margin: 0 40px 0 0;
  border: none;
  background: none;
  width: auto;
}
.courseContainer #tabContainer > ul li:before {
  content: none;
}
.courseContainer #tabContainer > ul li a:link {
  float: none;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  color: var(--pc-2);
}
.courseContainer #tabContainer > ul li.ui-state-active a:link {
  font-weight: 700;
  border-bottom: solid 2px var(--pc-2);
}
.courseContainer #tabContainer #preqequisites, .courseContainer #tabContainer #relatedresources, .courseContainer #tabContainer #overview {
  padding: 20px 0;
}
.courseContainer #tabContainer #presenterCard {
  padding: 20px 0;
  font-size: 0.9em;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
}
.courseContainer #tabContainer #presenterCard .presenterPic {
  height: 70px;
  width: 70px;
  background-size: cover;
  background-position: center;
  border-radius: 25em;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/span 3;
}
.courseContainer #tabContainer #presenterCard #presenterName {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
  font-weight: 700;
  color: var(--pc-1);
  padding-left: 20px;
}
.courseContainer #tabContainer #presenterCard #presenterBio {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/span 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/span 1;
  padding-left: 20px;
  color: #666;
}
.courseContainer #tabContainer #presenterCard #presenterContactInfo {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/span 1;
  padding-left: 20px;
}
.courseContainer #tabContainer #preqequisites:empty, .courseContainer #tabContainer #relatedresources:empty, .courseContainer #tabContainer #contentexpert:empty {
  padding: 0;
}
.courseContainer #tabContainer #relatedresources ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.courseContainer #tabContainer #relatedresources ul li {
  color: var(--pc-2);
  left: 0;
}
.courseContainer .moduleContainer {
  border-radius: 0 0 0px 0px;
  background: rgba(250, 250, 250, 0.98);
}
.courseContainer .moduleContainer .moduleListLabel {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  color: #666;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 1em 1em 0;
}
.courseContainer .moduleContainer .contentParent > div:first-of-type {
  border: none;
}
.courseContainer .moduleContainer .container {
  padding: 0;
}
.courseContainer .moduleContainer table {
  width: 100%;
}
.courseContainer .moduleContainer th {
  display: none;
}
.courseContainer .moduleContainer .module {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25px 1fr auto;
  -ms-grid-rows: 1fr;
  grid-template-columns: 25px 1fr auto;
  grid-template-rows: 1fr;
  align-items: center;
  padding: 1em;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.courseContainer .moduleContainer .module > * {
  width: auto;
  padding: 0;
  margin: 0;
}
.courseContainer .moduleContainer .module .check {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
  display: block;
  margin-right: 1em;
}
.courseContainer .moduleContainer .module .check i {
  color: #666;
}
.courseContainer .moduleContainer .module .check i.complete {
  color: var(--tc-2);
}
.courseContainer .moduleContainer .module .check i.inProgress {
  color: var(--tc-2);
}
.courseContainer .moduleContainer .module .icon {
  display: none;
}
.courseContainer .moduleContainer .module .title {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
}
.courseContainer .moduleContainer .module .launchLink {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/span 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/span 1;
  margin-left: auto;
}
.courseContainer .moduleContainer .module .launchLink a {
  /*@include is-button;*/
  font-size: 16px;
  text-align: right;
  text-decoration: underline;
  color: var(--pc-2);
  display: inline-block;
}
.courseContainer .moduleContainer .module .launchLink a.mark_complete_link {
  margin-left: 10px;
}
.courseContainer.sectionContainer {
  max-width: 750px;
  margin-top: 20px;
}
.courseContainer.sectionContainer a.backButton {
  padding: 20px 15px;
  display: block;
}

#ProfileContainer .userSearchContainer {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0px;
  margin: 20px 0;
  padding: 15px;
}
#ProfileContainer h3 {
  margin-bottom: 40px;
  color: var(--pc-2);
}
#ProfileContainer .userProfile {
  border-radius: 0px;
  padding: 20px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  background: white;
}
#ProfileContainer .userProfile .profileRow {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding: 15px 5px;
  display: flex;
  align-content: center;
}
#ProfileContainer .userProfile .profileRow .groupName:after {
  content: ", ";
}
#ProfileContainer .userProfile .profileRow.roles span:last-of-type:after {
  content: "";
}
#ProfileContainer .userProfile .profileRow.status {
  border-bottom: none;
}
#ProfileContainer .userProfile .profileRow.status .active {
  background: var(--tc-2);
  border-radius: 0px;
  padding: 5px 10px;
  color: rgba(250, 250, 250, 0.98);
}
#ProfileContainer .userProfile .profileRow.status .inactive {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0px;
  padding: 5px 10px;
  color: rgba(0, 0, 0, 0.1);
}
#ProfileContainer .userProfile > div {
  color: rgba(0, 0, 0, 0.9);
}
#ProfileContainer .userProfile label {
  font-weight: 700;
  width: 150px;
  margin: 0;
}
#ProfileContainer .userProfile .data {
  width: calc(100% - 150px);
}
#ProfileContainer .userProfile .market-specific-selector label {
  width: unset;
}
@media (max-width: 500px) {
  #ProfileContainer .userProfile .profileRow {
    display: block;
  }
  #ProfileContainer .userProfile .profileRow.status {
    display: flex;
  }
  #ProfileContainer label {
    font-size: 0.9em;
    display: block;
  }
}

#helpPage {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 40%;
  -ms-grid-rows: auto auto;
  grid-template-columns: auto 20px 40%;
  grid-template-rows: auto auto;
}
@media (max-width: 700px) {
  #helpPage {
    display: block;
  }
}
#helpPage p {
  color: rgba(0, 0, 0, 0.9);
}
#helpPage .helpInfo {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/span 1;
  padding: 0;
}
#helpPage .helpItem {
  border-radius: 0px;
  padding: 20px 20px 30px;
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(0, 0, 0, 0.1);
}
#helpPage .empty {
  display: none;
}
#helpPage .testSystem {
  background: linear-gradient(240deg, var(--pc-2-d), var(--pc-2));
}
#helpPage .testSystem p, #helpPage .testSystem h3 {
  color: rgba(250, 250, 250, 0.98);
}
#helpPage .testSystem a {
  display: inline-block;
  font-family: "Open Sans", "Arial", sans-serif;
  background: var(--pc-2);
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
  font-weight: 400;
  border: none;
  border-radius: 0px !important;
  padding: 10px 20px;
  letter-spacing: 1px;
  transition-duration: 0.3s;
  box-shadow: 0px 5px 0px 0px var(--pc-2-d);
  cursor: pointer;
  text-transform: none;
}
#helpPage .testSystem a:focus {
  outline: none;
}
#helpPage .testSystem a:hover {
  background: var(--pc-2-d);
}
#helpPage .helpForm {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/span 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/span 1;
  padding: 20px 20px 30px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0px;
  -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}
#helpPage .helpForm .form-group label {
  color: rgba(0, 0, 0, 0.9);
}
#helpPage .helpForm .contact-via-spacer {
  margin: 5px 0 15px;
}

#mySearchResults {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  padding: 20px;
  color: rgba(0, 0, 0, 0.9);
}
#mySearchResults .searchInfo {
  margin: 20px 0;
  color: rgba(0, 0, 0, 0.9);
}
#mySearchResults .addFavorite {
  background: none;
  position: relative;
  float: none;
}
#mySearchResults .addFavorite:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 0.7em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f004";
  font-size: 17px;
  font-weight: 400;
  top: -5px;
  color: #666;
  position: absolute;
  transition-duration: 0.3s;
}
#mySearchResults .addFavorite:hover:after {
  color: #DF3062;
}
#mySearchResults .favorite {
  background: none;
  position: relative;
  float: none;
}
#mySearchResults .favorite:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 0.7em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f004";
  font-size: 17px;
  top: -5px;
  color: #DF3062;
  position: absolute;
}
#mySearchResults h2 {
  color: var(--pc-1);
}
#mySearchResults #searchMessage {
  margin: 20px 0;
  color: rgba(0, 0, 0, 0.9);
}
#mySearchResults table.searchResults a {
  color: var(--pc-2);
}
#mySearchResults table.searchResults th {
  border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}
#mySearchResults table.searchResults td {
  padding: 10px 20px 10px 5px;
}
#mySearchResults table.searchResults tr:nth-child(even) td {
  background: rgba(0, 0, 0, 0.05);
}
#mySearchResults table.searchResults tr:nth-child(even) td:first-of-type {
  border-radius: 0px 0 0 0px;
}
#mySearchResults table.searchResults tr:nth-child(even) td:last-of-type {
  border-radius: 0 0px 0px 0;
}
#mySearchResults table.searchResults span.completed {
  color: var(--tc-2);
}
#mySearchResults .pager {
  background: none;
  height: auto;
  margin-top: 0px;
  padding: 10px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px rgba(0, 0, 0, 0.2);
}
#mySearchResults .pager .stats, #mySearchResults .pager .pageSize {
  float: none;
}
#mySearchResults .pager span.selectedPageSize {
  background: var(--pc-2);
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
  display: inline-block;
  padding: 0 3px !important;
  border: solid 1px var(--pc-2);
  border-radius: 0px;
}
#mySearchResults .pager a {
  display: inline-block;
  margin: 0 1px;
  padding: 0 3px !important;
  border: solid 1px var(--pc-2);
  border-radius: 0px;
  transition-duration: 0.3s;
}
#mySearchResults .pager a.selected {
  background: var(--pc-2);
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
}
#mySearchResults .pager a:hover {
  background: var(--pc-2);
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
}
#mySearchResults .pager > div {
  margin: 0;
}
@media (max-width: 500px) {
  #mySearchResults .pager {
    flex-direction: column;
  }
  #mySearchResults .pager .stats, #mySearchResults .pager .pageSize {
    margin: 0 auto;
  }
  #mySearchResults .pager .stats {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #mySearchResults .pager .pageSize a {
    display: inline-block;
    padding: 0 3px !important;
    border: solid 1px var(--pc-2);
    border-radius: 0px;
  }
  #mySearchResults .pager .pageSize a.selected {
    background: var(--pc-2);
    color: rgba(250, 250, 250, 0.98);
    text-decoration: none;
  }
}
#mySearchResults .check {
  width: 45px;
}
#mySearchResults .name {
  width: calc(70% - 45px);
}
#mySearchResults .enroll, #mySearchResults .status, #mySearchResults .start, #mySearchResults .type {
  width: 25%;
  text-align: left;
}
#mySearchResults #searchResultTabs {
  border: none;
}
#mySearchResults #searchResultTabs .ui-tabs-nav {
  background: none;
  border: none;
}
#mySearchResults #searchResultTabs .ui-tabs-nav .ui-state-default {
  border: solid 1px rgba(0, 0, 0, 0.05);
  border-radius: 0px;
  transition-duration: 0.3s;
  margin-right: 10px;
}
#mySearchResults #searchResultTabs .ui-tabs-nav .ui-state-active {
  background: linear-gradient(240deg, var(--pc-2-d), var(--pc-2));
  border-radius: 0px;
}

/* course launch on search */
.courseDialog .moduleContainer h3, .courseDialog .moduleContainer .status {
  display: none;
}

.newsPage {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 20px;
}
.newsPage .articleDate {
  font-size: 13px;
  color: var(--pc-2);
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .newsPage {
    display: block;
  }
}
@media (max-width: 500px) {
  .newsPage .articleFeature > div {
    padding: 15px;
  }
}
.newsPage .articleFeature {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  padding: 20px;
  color: rgba(0, 0, 0, 0.9);
  width: 100%;
  padding: 0px;
  flex: 2;
}
.newsPage .articleFeature > div {
  padding: 30px;
}
.newsPage .articleFeature .articleTitleBar {
  background: linear-gradient(240deg, var(--pc-2-d), var(--pc-2));
  border-radius: 0px 0px 0 0;
  color: rgba(250, 250, 250, 0.98);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newsPage .articleFeature h5 {
  margin: 0;
}
.newsPage .articleFeature h3 {
  margin: 0 0 0.5em;
}
.newsPage .articleFeature .bottomPager {
  text-align: right;
  margin-top: 4em;
}
.newsPage .articleFeature .bottomPager a {
  display: inline-block;
  font-family: "Open Sans", "Arial", sans-serif;
  background: var(--pc-2);
  color: rgba(250, 250, 250, 0.98);
  text-decoration: none;
  font-weight: 400;
  border: none;
  border-radius: 0px !important;
  padding: 10px 20px;
  letter-spacing: 1px;
  transition-duration: 0.3s;
  box-shadow: 0px 5px 0px 0px var(--pc-2-d);
  cursor: pointer;
  text-transform: none;
}
.newsPage .articleFeature .bottomPager a:focus {
  outline: none;
}
.newsPage .articleFeature .bottomPager a:hover {
  background: var(--pc-2-d);
}
.newsPage .otherArticles {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 0px;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
  padding: 20px;
  color: rgba(0, 0, 0, 0.9);
  padding: 0px;
  flex: 1;
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .newsPage .otherArticles {
    width: 100%;
    margin: 20px 0;
  }
}
.newsPage .otherArticles h5 {
  padding: 30px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin: 0;
}
.newsPage .otherArticles .otherArticle {
  display: block;
  padding: 30px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.9);
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  transition-duration: 0.3s;
}
.newsPage .otherArticles .otherArticle:hover {
  background: rgba(0, 0, 0, 0.05);
}
.newsPage .otherArticles .otherArticle .otherArticle--Title {
  font-size: 1.1em;
  font-weight: 700;
  color: var(--pc-2);
}
.newsPage .otherArticles a:last-of-type {
  border-bottom: none;
}
@media (max-width: 500px) {
  .newsPage .otherArticles .otherArticle, .newsPage .otherArticles h5 {
    padding: 15px;
  }
}
@media (max-width: 500px) {
  .newsPage .articleFeature > div {
    padding: 15px;
  }
  .newsPage .articleTitleBar {
    flex-wrap: wrap;
  }
  .newsPage .articleTitleBar .tinyGrey {
    font-size: 14px;
    width: 100%;
    margin-top: 5px;
  }
}

#ft {
  color: rgba(250, 250, 250, 0.98);
  padding-top: 40px;
  margin-top: auto;
}
#ft .sectionContainer {
  font-size: 0.8em;
  background: #2a3643;
  border-radius: 0px 0px 0 0;
  padding: 20px 20px 30px;
}

#Admin .topNav {
  background: none;
  position: absolute;
  top: 0;
  left: 280px;
  z-index: 10;
  height: 70px;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
}
#Admin .topNav ul {
  margin: 0;
}
#Admin .topNav ul a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.9);
}

.adminbody .topNav {
  display: none;
}

body.adminbody {
  max-width: 100%;
}

/*.editorPane .form label {
  width: 180px;
  font-weight: bold;
  float: left;
}*/
.ui-dialog-titlebar {
  border: none !important;
  border-radius: 0px 0px 0 0;
  background: var(--pc-1);
  display: flex;
  align-items: center;
  /* title text */
  /* close button */
}
.ui-dialog-titlebar > span {
  color: rgba(250, 250, 250, 0.98);
  letter-spacing: 0.5px;
  padding: 0;
  margin: 0;
}
.ui-dialog-titlebar > button {
  background: none;
  border: none;
  border-radius: 25em;
  box-shadow: none;
  float: none;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  margin-left: auto;
  cursor: pointer;
}
.ui-dialog-titlebar > button:focus {
  outline: none;
}
.ui-dialog-titlebar > button:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  font-size: 0.7em;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f057";
  font-size: 22px;
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 5px;
  top: -6px;
  transition-duration: 0.3s;
}
.ui-dialog-titlebar > button:hover:after {
  color: rgba(255, 255, 255, 0.95);
  transition-duration: 0.3s;
}

/* loading dialog */
div[aria-describedby=loading] .innerContainer {
  display: flex;
  align-items: center;
}
div[aria-describedby=loading] .innerContainer div {
  order: 1;
  margin-left: 10px;
}

/** keeps tony Ls stupid checkbox working */
input.checkboxHack {
  display: none;
}
input.checkboxHack ~ label + div {
  display: none;
}
input.checkboxHack:checked ~ label ~ div {
  display: block;
}

/* open HTML rules*/
.openHtml {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

/* upload button jquery style override */
.VC-CreateSub .upload {
  display: flex;
  align-items: center;
}
.VC-CreateSub .upload #fileName {
  margin-right: 5px;
  font-weight: 700;
}
.VC-CreateSub .upload label {
  padding-right: 10px;
  margin-bottom: 0;
}
.VC-CreateSub .upload .uploadControls {
  padding: 3px;
  margin-left: 20px;
  background: #eee;
  border-radius: 3px;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.VC-CreateSub .upload .uploadControls .fileinput-button {
  padding: 2px 4px;
  background: none;
  border: none;
}

.fileinput-button > div {
  display: inline;
}

/* ------------footer  */
.footerContainer {
  display: flex;
}

.footerLogo {
  height: 60px;
}

.footerDisclosure {
  padding: 0 0 0 20px;
  font-size: 0.9em;
}

@media (max-width: 550px) {
  .footerContainer {
    flex-direction: column;
    align-items: center;
  }
  .footerDisclosure {
    order: 1;
    padding: 0px;
  }
  .footerLogo {
    order: 2;
    padding-top: 20px;
  }
}
.certificateUpload .k-upload-selected {
  display: none !important;
}

input[type=radio], input[type=checkox] {
  accent-color: var(--pc-2);
}

/* contains override styles specific to the client */
/*-------------------------------------------
    cert upload dialog
--------------------------------------------*/
.certificateUpload .provider, .certificateUpload .completion-date-row {
  padding: 0px !important;
  margin: 0;
}
.certificateUpload .provider .data, .certificateUpload .completion-date-row .data {
  display: contents !important;
}
.certificateUpload .provider label, .certificateUpload .completion-date-row label {
  display: block !important;
  font-size: 14px;
  width: 100% !important;
  text-align: left !important;
  margin-bottom: 0.2em;
}
.certificateUpload .provider input, .certificateUpload .provider select, .certificateUpload .completion-date-row input, .certificateUpload .completion-date-row select {
  margin-bottom: 20px;
  width: 100% !important;
  border: solid 1px #aaa;
  height: 2em;
}
.certificateUpload .completion-date-msg .data, .certificateUpload .provider-msg .data {
  text-align: left !important;
  width: 100% !important;
  padding-left: 20px;
  margin-top: -24px;
}
.certificateUpload .attestation {
  display: flex;
  align-items: flex-start;
  margin: 12px 0;
}
.certificateUpload .attestation input {
  display: inline-block;
  margin: 6px 12px 0 0;
}

/*Admin Course Permissions -- 12/31/2024 -- BPG*/
#Admin #contentDashboard #permissions .row label {
  width: 340px;
  display: contents;
}

div.resourceTemplateDetail .contentGrid > div {
  border: none;
}

#helpPage {
  max-width: 1400px;
}

#Admin div.topNav {
  left: auto;
  right: 20px;
}

#HomeNews h3 {
  padding-bottom: 10px;
  color: black;
  font-weight: 700;
}

.resourceTemplateDetail div.banner, .resourceTemplateCards div.resourceBanner {
  min-height: 300px;
}

/* CIGNA STYLES */
/* #HomeTracks .trainingLink, #HomeTracks .homeCatalogLink {
        background: #0170bc !important;
}

#HomeTracks .trainingLink:hover, #HomeTracks .homeCatalogLink:hover {
      background: #108502 !important;
} */
.SalesLeadershipAcademy .urp-5050__image {
  background-size: contain !important;
  min-height: 500px;
}

.SalesLeadershipAcademy h3 {
  margin: 30px 0 15px;
  text-transform: uppercase;
  color: var(--pc-2);
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 1px;
}

.SalesLeadershipAcademy .urp-5050 a {
  text-decoration: underline;
}

.SalesLeadershipAcademy .urp-resources h1 {
  margin: 0 0 20px;
}

.SalesLeadershipAcademy .urp-resource {
  width: 32.3%;
}

/*Review Queue styles */
.review-queue-table {
  border-collapse: collapse;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  width: 100%;
}

.review-queue-table thead th {
  color: #ffffff;
}

.review-queue-table thead tr {
  background-color: var(--pc-2);
  color: #ffffff;
  text-align: left;
}

.review-queue-table th,
.review-queue-table td {
  padding: 12px 15px;
}

.review-queue-tabletbody tr {
  border-bottom: 1px solid #dddddd;
}

.review-queue-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.review-queue-table tbody tr:last-of-type {
  border-bottom: 2px solid var(--ac-2);
}

.review-queue-table tbody tr.active-row {
  font-weight: bold;
  color: var(--ac-2);
}

/* END Review Queue styles */
@media (max-width: 768px) {
  .SalesLeadershipAcademy .urp-5050 {
    padding-top: 30px;
  }
}
@media (max-width: 550px) {
  .SalesLeadershipAcademy .urp-resource {
    width: 100%;
  }
}
.filterFlexBox {
  display: flex;
}

.filterContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  background: rgba(0, 0, 0, 0.07);
  padding: 20px;
  margin-top: 20px;
  border-radius: 3px;
}

.filterContainer .filterGroup {
  margin-right: 5px;
}

.filterContainer h5 {
  width: 100%;
}

.filterButtonContainer {
  margin-left: auto;
  padding-top: 20px;
}

.pageMessage i {
  color: white;
}

section#HomeTracks {
  grid-column: 1/span 3;
}

@media (max-width: 1100px) {
  div.homePanels {
    grid-template-columns: 1fr 10px 1fr 10px 1fr;
    grid-template-rows: 1fr 10px auto;
  }
  section#HomeTracks {
    grid-row: 1/span 3;
  }
  section#HomeEvents {
    grid-column: 5;
    grid-row: 1;
  }
  section#HomeNews {
    grid-column: 5;
    grid-row: 3;
  }
}
@media (max-width: 700px) {
  div.homePanels {
    display: block;
  }
  div.homePanels section {
    margin: 10px 0;
  }
}
/* 52072 indent phases on My training, course catalog, knowledge center */
.myTraining [data-contenttype=Phase] > .contentChildren .phasePanel,
.cardCatalog [data-contenttype=Phase] > .contentChildren .phasePanel,
.knowledgeCatalog .phasePanel[data-contenttype=KnowledgeCategory] > .contentChildren .phasePanel {
  padding-left: 15px;
}

.myTraining [data-contenttype=Phase] > .contentChildren .Course_ContentContainer,
.cardCatalog [data-contenttype=Phase] > .contentChildren .Course_ContentContainer,
.knowledgeCatalog .phasePanel[data-contenttype=KnowledgeCategory] > .contentChildren .Course_ContentContainer {
  padding-left: 25px;
}

.myTraining [data-contenttype=Phase] > .contentChildren,
.cardCatalog [data-contenttype=Phase] > .contentChildren,
.knowledgeCatalog .phasePanel[data-contenttype=KnowledgeCategory] > .contentChildren {
  border-left: solid 2px #ddd;
  margin-left: 13px;
}

/* End 52072 */
/*52236*/
select#AvailableGroups {
  overflow: auto;
}

div#eventInstanceEditorBody select.groupSelect {
  width: 390px !important;
  height: 200px;
}

/* end 52236 */
/*Reivew Queue styles */
.review-queue-title {
  text-align: center;
}

.review-queue-table {
  border-collapse: collapse;
  font-size: 0.9em;
  font-family: sans-serif;
  min-width: 400px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.review-queue-table thead th {
  color: #ffffff;
}

.review-queue-table thead tr {
  background-color: var(--pc-1);
  color: #ffffff;
  text-align: left;
}

.review-queue-table th,
.review-queue-table td {
  padding: 12px 15px;
}

.review-queue-tabletbody tr {
  border-bottom: 1px solid #dddddd;
}

.review-queue-table tbody tr:nth-of-type(even) {
  background-color: #f3f3f3;
}

.review-queue-table tbody tr:last-of-type {
  border-bottom: 2px solid var(--ac-2);
}

.review-queue-table tbody tr.active-row {
  font-weight: bold;
  color: var(--ac-2);
}

/* MR Share link style update */
div#mediaWatchFrame {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  float: none;
  clear: both;
}

div#mediaWatchFrame .player-wrapper {
  width: 100%;
  aspect-ratio: 16/7;
}

div#mediaWatchFrame .player-wrapper .thumbnailOverlay {
  aspect-ratio: 16/7;
  position: relative;
}

.searchResults .player-wrapper .thumbnailOverlay {
  height: auto;
}

div#mediaWatchFrame div[id^=thumbnail] {
  background-size: cover;
  background-position: center;
}

div#mediaWatchFrame .thumbnailOverlay i {
  font-size: 100px;
  transition-duration: 0.2s;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}

div#mediaWatchFrame .player-wrapper img.overlay {
  display: none;
}

.row label {
  padding-right: 10px;
}

div#mediaWatchFrame .mediaRating {
  display: flex;
}

div#mediaWatchFrame .mediaRating {
  display: flex;
}

div#mediaWatchFrame .recommendBtnFrame {
  margin-left: auto;
}

div#mediaWatchFrame .btnRecommend {
  background-color: transparent;
}

div#mediaWatchFrame .btnRecommend:before {
  content: "\f1d8";
  font-family: "Font Awesome 5 Pro";
  color: #888;
}

div#mediaWatchFrame .btnRecommend:hover:before {
  color: var(--pc-2);
}

/* Fix icons with new home page tile names */
.prelaunchVid {
  margin: 0 auto;
  width: 1000px;
}

.prelaunchVid video {
  width: 100%;
}

video::-webkit-media-text-track-display {
  font-size: 60%;
}

/* Adjust MR featured video box because it is too big for client */
/*player container*/
div.MediaRoomIndex #mediaroom-rotator-wrapper .showcase-slide .contentWrapper .content .description {
  -webkit-line-clamp: 100;
}

/* Update user lockout message on user admin to stand out more */
span.userLocked {
  background-color: red;
  color: white;
}

/* Render standalone catalog pages with no left hand navigation where url has ?selecteditempath= */
.selectedPathView .contentTop, .selectedPathView .left25 {
  display: none;
}

/* Pre-req styling */
.prerequisitesNotMet {
  font-weight: bold;
  color: red;
  padding-top: 10px;
}

#prerequisites table, #prerequisites td {
  padding: 4px;
  width: 100%;
}

/* Hide score input from cert upload */
.score-row.row {
  display: none;
}

/* Hide enfore pre-reqs on event creation panel */
#eventInstanceEditorBody .row.enforcePrerequisitesRow {
  display: none;
}

/* Hide MediaRoom download button */
.media_actions .download {
  display: none;
}

@media (max-width: 1065px) {
  .mobileSelectedOnly {
    display: block !important;
  }
}
#PlayerUserOptsCtrls .btnRecommend {
  background-color: transparent;
}

#PlayerUserOptsCtrls .btnRecommend:before {
  content: "\f1d8";
  font-family: "Font Awesome 5 Pro";
  color: #888;
}

#PlayerUserOptsCtrls .btnRecommend:hover:before {
  color: var(--pc-2);
}

#Admin div.row.thumbUploader {
  margin-bottom: 1rem;
}

#Admin #mediaPreview, #Admin .player-wrapper, #Admin .player-wrapper > div {
  display: block !important;
  width: 300px;
  aspect-ratio: 16/9;
}

#Admin .player-wrapper > div {
  background-size: cover;
  background-position: center;
}

#Admin .player-wrapper img, #Admin .player-wrapper .thumbnailOverlay {
  display: none !important;
}

/* MR search results thumbnail fix 56810 */
#mySearchResults #searchResultTabs #mediaroomasset .searchResults .assets .player, #mySearchResults #searchResultTabs #mediaroomasset .searchResults .assets .player div {
  height: 215px !important;
  width: 322px !important;
}

#mySearchResults #searchResultTabs #mediaroomasset .searchResults tbody .title .player .player-wrapper a {
  display: block !important;
  background-size: contain !important;
}

.pageContainer #mySearchResults #searchResultTabs #mediaroomasset .searchResults .thumbnailOverlay {
  display: inherit !important;
}

img.overlay {
  display: none;
}

#searchResultTabs i.fas.fa-play-circle {
  margin: 66px 0px 49px 117px;
}

.searchResults .fa-play-circle {
  font-size: 80px;
  color: rgba(0, 0, 0, 0.4);
}

[id^=thumbnail_] {
  background-size: contain !important;
}

/* hide extra upload button on event admin RM55187 */
.eventSectionContainer .k-button.k-upload-selected {
  display: none !important;
}

/* SL Button styles */
.slButtons {
  box-shadow: 0px 10px 14px -7px var(--pc-2);
  background: linear-gradient(to bottom, var(--pc-2) 5%, var(--pc-2) 100%);
  background-color: var(--pc-2);
  border-radius: 8px;
  display: inline-block;
  cursor: pointer;
  color: #FFF;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  padding: 12px 76px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #fafafa;
  width: 24%;
  text-align: center;
}

.slButtons:hover {
  background: linear-gradient(to bottom, var(--pc-1) 5%, var(--pc-1) 100%);
  background-color: #FFF;
  color: #FFF;
  text-decoration: none;
}

.slButtons:active {
  position: relative;
  top: 1px;
}

/* make course grid nicey nice*/
.right75 {
  container-type: inline-size;
}

div[data-contenttype=Course], div[data-contenttype=KnowledgeAsset] {
  width: 100% !important;
}

.Course_ContentContainer {
  display: grid !important;
  gap: 12px;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
}

@container (max-width:1560px) {
  .Course_ContentContainer {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container (max-width:1200px) {
  .Course_ContentContainer {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container (max-width:750px) {
  .Course_ContentContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (max-width:480px) {
  .Course_ContentContainer {
    grid-template-columns: 1fr;
  }
}
.myTranscript .Course_ContentContainer {
  display: block !important;
}

/* Top align description text on resources cards RM59648 */
/* New Broker Academy Styles  */
/* Hide language toggle until CIGNA says to turn it on 

a.mobile-lang-btn {
    display: none;
}
*/
/* temporary message on events to inform the user the spanish name needs to be populated

.eventRow.linkedAltLangNameRow.form-label-input:after{
  content:"Please enter a Spanish event name or copy the English event name here";
color: red;
}

.eventRow.LinkedDisplayNameRow.form-label-input:after{
    content:"Please enter a Spanish event name or copy the English event name here";
color: red;
}
 */
.ppg-form-row:nth-child(4):before {
  content: "Please enter a Spanish event name or copy the English event name here";
  color: red;
  width: 159px;
}

.ppg-form-row:nth-child(5):before {
  content: "Please enter a Spanish display name or copy the English display name here";
  color: red;
  width: 159px;
}

/* event admin new filter styles 63974 */
#Admin ~ .ui-dialog .miscOptions .ppg-form-row {
  gap: 8px;
  align-items: stretch;
}
#Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow {
  display: block;
  background-color: #e2e2e2;
  border-radius: 8px;
  padding: 4px 8px;
}
#Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .eventInstructors, #Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .eventMarkets, #Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .eventStates {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .instructor, #Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .state, #Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .market {
  grid-column: span 2;
  margin: 4px 0;
  border-top: solid 1px #bbb;
  padding-top: 8px;
  display: flex;
  align-items: center;
}
#Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .instructor a, #Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .state a, #Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .market a {
  margin-left: auto;
  padding-top: 4px;
}
#Admin ~ .ui-dialog .miscOptions .ppg-form-row .eventRow .plusSign {
  display: inline-block;
  margin: 0 0 0 4px;
}
#Admin ~ .ui-dialog .miscOptions .ppg-form-row label {
  width: auto;
  display: block;
}

/* cal filter RM-63974  */
#EventsHeader {
  position: relative;
  padding-bottom: 75px !important;
}
#EventsHeader #eventFilter {
  flex-wrap: wrap;
  gap: 8px 4px;
}
#EventsHeader #filterButtons {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 10px 20px;
  right: 0px;
  border-top: solid 1px #aaa;
}
#EventsHeader #eventDisplaySettings {
  padding-top: 10px;
}

/**cigna mr rating */
div.rating {
  background-image: url("../../shared/resource/content/images/blankRatingStarscig.png");
}

div.rating:not(.disabled) div.userRating {
  background-image: url("../../shared/resource/content/images/goldRatingStarscig.png");
}

div.rating div.averageRating {
  background-image: url("../../shared/resource/content/images/redRatingStarscig.png");
}

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