/* input(869,27): run-time error CSS1063: Expected calculation unit, found 'unset'
input(869,27): run-time error CSS1064: Expected calculation product, found 'unset'
input(869,27): run-time error CSS1065: Expected calculation sum, found 'unset'
input(869,27): run-time error CSS1034: Expected closing parenthesis, found 'unset'
input(869,27): run-time error CSS1042: Expected function, found 'unset'
input(869,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
input(870,27): run-time error CSS1063: Expected calculation unit, found 'unset'
input(870,27): run-time error CSS1064: Expected calculation product, found 'unset'
input(870,27): run-time error CSS1065: Expected calculation sum, found 'unset'
input(870,27): run-time error CSS1034: Expected closing parenthesis, found 'unset'
input(870,27): run-time error CSS1042: Expected function, found 'unset'
input(870,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */
#contentWrapper,
#contentContainer {
  align-items: normal !important;
}
.header-img-normal {
  margin-top: -60px;
}
.form-signin #lang {
  margin-bottom: 1rem !important;
}
html,
body {
  height: 100%;
}
html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  color: black !important;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  background-color: white;
  font-family: 'armour_regular', Arial, sans-serif !important;
  font-style: normal;
}
.backgroundWrapper {
  min-height: 100%;
  height: auto !important;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.backgroundWrapper .bg {
  content: "";
  background: none;
  background-size: auto;
  -ms-opacity: 1;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: -1;
  -ms-background-repeat: repeat-y;
  background-repeat: repeat-y;
  -ms-background-repeat: repeat-x;
  background-repeat: repeat-x;
}
.app-padding-top {
  padding-top: 153px;
}
.admin-root {
  margin-left: 65px;
  width: auto;
}
.sidebarNav .sidebar {
  display: flex;
  flex-direction: column;
  position: fixed !important;
  top: 0;
  height: 100vh;
  max-width: 100% !important;
  margin: 0 !important;
  outline: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.sidebarNav .sidebar-right {
  left: auto;
  right: 0;
}
.sidebarNav .b-sidebar,
.sidebarNav .sidebar {
  padding-top: 150px;
  width: 50px;
}
.sidebarNav .b-sidebar-body,
.sidebarNav .sidebar-body {
  flex-grow: 1;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: white !important;
}
.sidebarNav .b-sidebar-header {
  background-color: white !important;
}
.sidebarNav .b-sidebar-footer,
.sidebarNav .sidebar-footer {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  background-color: white !important;
}
.sidebarNav .nav-item:hover {
  color: gray;
}
.sidebarNav .nav-item:hover svg {
  stroke: gray;
}
.sidebarNav .router-link-active {
  border-radius: .4rem;
}
.sidebarNav .router-link-active svg {
  stroke: white !important;
}
.sidebarNav .nav-link {
  padding: 0 5px 0 5px;
  margin-top: 0px;
}
.sidebarNav .nav-link svg {
  stroke: black;
  fill: none;
  height: 40px;
  width: 40px;
}
.sidebarNav .expandCollapsButton svg {
  stroke: black !important;
}
.sidebarNav .bootstrapIcon:before {
  width: 40px;
  height: 40px;
  padding-top: 0.5em;
}
.sidebar-outer {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: visible;
  z-index: 1020;
}
.sidebar-outer #sideBarNav {
  box-shadow: none;
}
.sidebar-outer-right-collapse {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  overflow: visible;
  z-index: 1035;
}
.sidebar-shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.bold-icon {
  -webkit-text-stroke: 1px;
}
.filter-green {
  filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
.sidebar-backdrop {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  opacity: .6;
}
.sidebar-right {
  left: auto;
  right: 0;
  display: flex;
  flex-direction: column;
  position: fixed !important;
  top: 0;
  height: 100vh;
  width: 320px;
  max-width: 100% !important;
  margin: 0 !important;
  outline: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.text-register {
  color: gray !important;
}
.card {
  color: black;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.card-header {
  margin-left: 1px;
}
.cardBlockBtmPadLess {
  padding-bottom: 0rem;
}
.cardBlockTopPadLess {
  padding-top: 0rem;
}
.cardBlockPadLess {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.plate .plate-marker {
  position: absolute;
  width: 2rem;
}
.plate .plate-contents {
  margin-left: 2.2rem;
  margin-top: 0;
  float: left;
}
.fullWidth {
  width: 100%;
}
.fullHeight {
  height: 100%;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
footer {
  background-color: white;
  font-size: 1em;
  padding: 50px 0 100px 0;
  width: 100%;
}
.footerPaddedForSidebar {
  padding-left: 65px !important;
}
/*Navbar*/
.navbar {
  background-color: white !important;
  color: #0a0a0a;
  font-family: 'armour_regular', Arial, sans-serif;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
  padding: 0 1rem 0 1rem;
}
.navbar .router-link-active {
  color: white !important;
  background-color: gray;
  border-radius: 0.25rem;
  border: 1px solid gray;
}
.navbar .active {
  color: white !important;
  background-color: gray;
  border-radius: 0.25rem;
  border: 1px solid gray;
}
.navbar-toggler {
  color: black !important;
}
.nav {
  background-color: white !important;
  color: #0a0a0a;
  font-family: 'armour_regular', Arial, sans-serif;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
}
.nav .router-link-active {
  color: white !important;
  background-color: gray;
  border: 1px solid gray;
}
.nav-pills li a.nav-link.active {
  color: white !important;
  background-color: gray;
}
#mainNav.navbar {
  min-height: 140px !important;
  /*padding: 0.5rem 1rem !important;*/
}
.navButtons {
  white-space: nowrap !important;
  overflow-x: auto !important;
  min-width: 50%;
}
.navButtons .btn {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.nav-tabs li .nav-link.active {
  color: white !important;
  background-color: gray;
}
#adminNav.navbar {
  min-height: 50px;
  overflow: auto;
}
#adminNav.navbar a {
  color: #0a0a0a;
}
#adminNav.navbar {
  padding-top: 50px;
  z-index: 1029;
}
.navbar button {
  background: none;
  border: none;
  font-size: medium;
}
.help-banner {
  background-color: #6ff8fa;
}
.navScroller {
  color: black;
  width: 40px;
  text-align: center;
  cursor: pointer;
  display: none;
  padding: 5px;
  margin-top: 5px;
  position: relative;
  z-index: 1050;
}
.scroller-right {
  float: right;
}
.scroller-left {
  float: left;
}
.navScrollWrapper {
  overflow: hidden;
}
.navbar button:focus {
  outline: none !important;
}
a.nav-link.navbarSearchButtonColor {
  color: black !important;
}
a.nav-link {
  color: black !important;
  font-size: 1.2em;
  text-transform: none;
}
a.nav-link .xm-svg {
  stroke: black;
}
div.nav-link {
  color: black !important;
  font-size: 1.2em;
  text-transform: none;
}
button.nav-link {
  color: black !important;
  font-size: 1.2em;
  text-transform: none;
}
span.nav-link {
  color: black !important;
  font-size: 1.2em;
  text-transform: none;
}
a.nav-link:hover {
  color: gray !important;
}
a.nav-link:hover .xm-svg {
  stroke: gray;
}
.sideMenuIcon {
  color: black !important;
  display: inline-block;
  margin: .5em;
}
.sideMenuIcon .xm-svg {
  stroke: black;
}
.sideMenuIcon:hover {
  color: gray !important;
  cursor: pointer;
}
.sideMenuIcon:hover .xm-svg {
  stroke: gray;
}
.sideMenuIcon a {
  color: black !important;
  display: inline-block;
  margin: .5em;
}
.sideMenuIcon a .xm-svg {
  stroke: black;
}
.sideMenuIcon a:hover {
  color: gray !important;
  cursor: pointer;
}
.sideMenuIcon a:hover .xm-svg {
  stroke: gray;
}
.sideMenuItem {
  color: black;
  text-align: center;
}
.sideMenuItem .nav-link {
  font-size: 1em;
}
.sideMenuItem:hover {
  color: gray !important;
  cursor: pointer;
  text-decoration: none;
}
.sideMenuItem.active {
  color: white !important;
  background-color: gray !important;
}
button.nav-link:hover {
  color: gray !important;
}
a.reportList:hover {
  color: black !important;
}
.navbar-brand {
  width: 230px;
  min-width: 230px;
  padding-top: 0 !important;
  overflow-y: hidden;
}
.navbar-brand .h4 {
  color: white;
}
.navbar-brand-small {
  width: 30px !important;
}
.navbar-brand-medium {
  width: 90px !important;
}
.navbar-brand-large {
  width: 180px !important;
}
.navbar-brand-x-large {
  width: 310px !important;
}
.navbar-brand-top-middle {
  top: 5px;
  position: absolute;
  width: 100%;
  text-align: center;
  height: 70px;
}
.navbar-brand-top-middle img {
  position: relative;
  width: 310px;
}
.navbar-push-down {
  padding-top: 65px;
}
.navbar a:active {
  color: black !important;
}
.rewardPointTierImage {
  margin-left: 50px;
  margin-top: auto;
  margin-bottom: auto;
  width: 30px;
  height: 30px;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: gray;
}
b.reg-lang {
  color: #0275d8 !important;
  font-size: 1.2em;
}
b.reg-lang:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}
/*Header Image*/
.header-img-normal {
  width: 100%;
}
.header-img-normal img {
  padding-top: 3rem !important;
  padding-bottom: 1rem !important;
}
.header-img-full-width img {
  width: 100%;
}
.stdLinkColor {
  color: #0275d8;
}
.stdLinkColor:hover {
  color: #0275d8;
}
.header-text-banner {
  opacity: 0.60;
  background: #111;
  color: #CCC;
  width: 100%;
  text-align: center;
  padding: 37px 0px 33px 0px !important;
  margin-top: -11px;
  margin-bottom: -1px;
}
.header-text-banner span {
  letter-spacing: 4px;
  font-size: large;
  font-family: 'armour_regular', Arial, sans-serif;
}
.notification-page {
  border-radius: 0.25rem;
  margin: 3px 15px 3px 15px;
  padding: 5px;
}
.notification-page .bi-trash {
  font-size: 1.5em;
}
.notification-page .bi-envelope-open {
  font-size: 1.5em;
}
.notification-page .ql-editor {
  min-height: auto !important;
}
.notification-page .card-body {
  padding-top: 0;
  padding-bottom: .25rem;
}
.notification-home {
  background-color: lightblue;
  border-radius: 0.25rem;
  margin: 3px 15px 3px 15px;
  padding: 5px;
  height: auto;
  font-size: 15px;
  line-height: 1;
}
.notification-home .ql-editor {
  min-height: auto !important;
}
.unreadNotification {
  background-color: lightblue;
}
.navBarButtonColor {
  color: black;
}
.notification-badge {
  top: -10px !important;
  position: relative;
  margin-left: 60%;
  margin-top: -60%;
  font-size: 12px;
  color: black;
}
/*Table*/
.table td,
.table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}
.table-row {
  padding: 10px 5px;
  display: block;
  background-color: #fff;
  margin: 15px 15px;
  border-radius: 0.25rem;
}
/*List-Group*/
.list-group-item {
  /*padding-top: .25rem !important;
	padding-bottom: .25rem !important;*/
}
.list-item-noradius {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  background-color: #a9a9a9 !important;
  border-color: #a9a9a9 !important;
  color: #333 !important;
  z-index: unset;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #333 !important;
  min-height: 10px;
}
div.list-group {
  margin-bottom: 15px;
}
.program-item {
  margin-bottom: 0;
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
  padding: 0;
  /*height: 80px;*/
  background-color: #fff;
  /*border: none !important;*/
  border-bottom-left-radius: 28px !important;
  border-top-left-radius: 28px !important;
}
.program-item-no-label {
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}
.program-item-border {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}
#LibraryBar a.nav-link {
  font-size: var(--bs-nav-link-font-size);
}
.library-item {
  background-color: #fff;
}
.course-item {
  background-color: #fff;
}
.program-child-item {
  margin-left: 18px;
  width: 92%;
}
.programCompletion {
  font-size: 16px;
}
/*General*/
a {
  color: #4a4a4a;
  /*Do not mark as important or it breaks admin-user alpha link styling*/
}
.padding-top-15 {
  padding-top: 15px;
}
.text-bold {
  text-transform: uppercase;
  font-family: 'armour_regular', Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.text-bold-normal-case {
  font-family: 'armour_regular', Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.bg-container-item img {
  width: 100%;
}
.panel-header {
  font-family: 'armour_regular', Arial, sans-serif;
  background-color: white !important;
  color: #444;
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
  text-transform: none;
  margin-bottom: 0;
}
.library-icon {
  width: 64px;
  height: 64px;
}
.dashboardChart {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.learningPathCompletionImage {
  position: absolute;
  width: 250px;
  height: 78px;
  z-index: 1030;
}
.learningPathCompletionFrame {
  padding-bottom: .5em;
}
.learningPathCompletion {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.learningPathCompletionLabel {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 250px;
  background-color: #0e9cd3;
  color: white;
}
.learningPathCompletionBackgroundBorder {
  border-left: 1px solid #D29F13;
  border-right: 1px solid #D29F13;
}
.learningPathCompletionBackground {
  width: 250px;
  height: 78px;
  position: relative;
  z-index: 1029;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.learningPathCompletionBackground .learningPathCompletionBackgroundProgress {
  content: '\A';
  position: absolute;
  background-color: #D29F13;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1029;
  top: 0;
  height: 0%;
}
.uploaded-image {
  height: 150px;
}
.navbar-image {
  height: 24px;
  width: 24px;
}
.section-title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.125;
  word-break: break-word;
  color: #333;
}
.all-align-middle {
  display: flex;
  align-items: center;
}
.btn {
  font-family: sans-serif;
}
.btn-link {
  font-family: 'armour_regular', Arial, sans-serif !important;
}
.btn-primary {
  background-color: #0275d8 !important;
  border-color: #0275d8 !important;
  color: #fff !important;
}
.btn-primary.active {
  background-color: #43a7fd !important;
}
.btn-primary:hover {
  background-color: #0275d8 !important;
  border-color: #0275d8 !important;
}
.btn-secondary {
  background-color: #e2e2e2 !important;
  border-color: #e2e2e2 !important;
  color: black !important;
}
.btn-secondary:hover {
  background-color: gray !important;
  border-color: gray !important;
}
.btn-info {
  background-color: #5bc0de !important;
  border-color: #5bc0de !important;
  color: #fff !important;
}
.btn-info:hover {
  background-color: #31b0d5 !important;
  border-color: #31b0d5 !important;
}
.btn-launch {
  background-color: #e41b23 !important;
  border-color: #e41b23 !important;
  color: #fff !important;
}
.btn-launch .dropdown-toggle {
  color: #fff !important;
}
.btn-launch .dropdown-item {
  color: black;
}
.btn-launch .dropdown-menu {
  transform: translate3d(-132px, 34px, 0px) !important;
}
.btn-launch:hover {
  background-color: rgba(228, 27, 35, 0.8) !important;
  border-color: rgba(228, 27, 35, 0.8) !important;
}
.btn-treeview-filter {
  height: 97%;
}
.btn-treeview-filter .vue-treeselect__control {
  border-radius: 0.25rem;
  height: 100%;
}
.btn-treeview-filter .vue-treeselect__placeholder {
  color: #fff !important;
  text-align: center;
  font-family: sans-serif;
}
.btn-treeview-filter .vue-treeselect__control,
.btn-treeview-filter .vue-treeselect__menu,
.btn-treeview-filter .vue-treeselect__list-item,
.btn-treeview-filter .vue-treeselect__option:hover,
.btn-treeview-filter .vue-treeselect__option--highlight {
  background-color: #0275d8 !important;
  border-color: #0275d8 !important;
  color: #fff !important;
}
.btn-treeview-filter:hover {
  border-radius: 0.25rem;
  background-color: #0275d8 !important;
  border-color: #0275d8 !important;
}
.btn-mylearning-filter {
  background-color: #0275d8 !important;
  border-color: #0275d8 !important;
  color: #fff !important;
  /*override checkbox to black check on white background */
}
.btn-mylearning-filter .dropdown-item {
  color: #fff !important;
}
.btn-mylearning-filter .dropdown-item:hover {
  background-color: #43a7fd !important;
  border-color: #43a7fd !important;
}
.btn-mylearning-filter .form-check-input:checked ~ .form-check-label:before {
  background-color: white;
}
.btn-mylearning-filter .form-check-input:checked ~ .form-check-label:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23111' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
.mylearning-filter-fixed-height {
  height: 300px;
  overflow: auto;
}
.btn-mylearning-filter:hover {
  background-color: #0275d8 !important;
  border-color: #0275d8 !important;
}
.course-icon {
  border: 1px solid #ccc;
  overflow: hidden;
  min-width: 215px;
  max-width: 215px;
  min-height: unset;
  max-height: unset;
}
.course-icon-multipart-child {
  border: 1px solid #ccc;
  overflow: hidden;
  min-width: calc(0.25 * 215px);
  max-width: calc(0.25 * 215px);
  min-height: calc(0.25 * unset);
  max-height: calc(0.25 * unset);
  float: right !important;
}
.multipart-child-img-container {
  width: 231px;
}
.multipart-content-divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 14rem;
}
.horizontal-layout-image-container {
  height: unset;
  width: 215px;
}
.horizontal-layout-image {
  border: 1px solid #ccc;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.report-check-list {
  max-height: 300px;
  overflow-y: auto;
  height: auto;
}
.report-check-list .checkbox {
  overflow-x: hidden;
}
.course-check-list {
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
}
.course-check-list .checkbox {
  overflow-x: hidden;
}
.content-group-card-header {
  width: 90%;
}
.center-object {
  margin: 0 auto;
}
.center-text {
  text-align: center;
}
.ssoErrorDetail {
  font-size: 12px;
  text-align: left;
}
.account-forms {
  max-width: 332px;
  min-width: 200px;
  padding: 20px 10px 20px 10px;
  text-align: center;
  background-color: #fff;
  color: #000;
  /*
		We don't want this as it makes the register page too wide for mobile; also questio text wrapping works fine now that it's been converted to v-select
		&.security-questions {
			max-width: 550px !important;
		}
	*/
}
.text-gray {
  color: #7a7a7a !important;
}
.dot-icon-resize {
  font-size: .3em;
  vertical-align: middle;
}
select.form-control {
  padding: 0.2rem 0.75rem !important;
}
.wrapOption {
  padding-bottom: 5px;
  white-space: normal;
  border-bottom: 1px dotted lightgray;
}
.inlineFormControl {
  display: inline;
  width: 70%;
}
.text-xs-center {
  text-align: center;
}
#scrollToTop {
  text-align: center;
  font-size: 4em;
  position: fixed;
  bottom: -8px;
}
#scrollToTop a {
  color: #a0a0a0;
}
#scrollToTop i {
  -ms-opacity: 0.8;
  opacity: 0.8;
}
.reportContainer {
  background-color: white;
  /*label {
		color: @reportContainerTextColorLabel;
	}*/
}
.reportContainer a {
  /*color: @reportContainerTextColor;*/
  padding-left: 15px;
}
.reportContainer .btn.btn-primary {
  margin-bottom: 1em;
}
.pagination-container .btn.btn-primary {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #mainNav.navbar {
    max-height: 156px;
  }
  .navbar-brand {
    width: 230px;
    min-width: 230px;
    padding-top: 0 !important;
    overflow-y: hidden;
  }
  #scrollToTop {
    display: none !important;
  }
  .videoClose {
    display: inline !important;
  }
  .videoCloseMobile {
    display: none !important;
  }
  .contentSection {
    margin-left: 35px;
  }
  .nav-link {
    margin-top: .5rem;
  }
  .navScrollableList {
    position: absolute;
    left: 0px;
    top: 0px;
    white-space: nowrap;
    margin-left: 12px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #courseLaunchFrame {
    top: -7px !important;
    width: 85vw;
  }
  .videoClose {
    display: none !important;
  }
  .videoCloseMobile {
    display: inline !important;
  }
  .contentImageSection {
    text-align: center !important;
  }
  #contentContainer {
    display: block;
  }
  .carousel__slide img {
    width: 100%;
  }
  #contentTable td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border: none;
  }
  #contentTable td:before {
    text-align: left;
  }
  #contentTable .myLearningLaunchBtn div:first-child {
    width: 100% !important;
    padding-bottom: 0.25rem;
  }
}
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
}
.activeLink {
  text-decoration: underline;
  color: #5bc0de !important;
}
.alphaLinks {
  display: table;
  width: 100%;
}
.alphaLinks a {
  color: black;
  display: table-cell;
  text-align: center;
  margin: 0 5px;
  font-size: 18px;
}
.hideMe {
  display: none !important;
}
.disabledText {
  color: #7a7a7a;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}
.bg-info {
  background-color: #5bc0de;
  color: #fff !important;
}
.bg-warning {
  background-color: #f0ad4e;
  color: #fff !important;
}
.confirmedEmailButtonColor {
  background-color: lawngreen !important;
}
.table-faq-row {
  background-color: #ddd;
}
.bg-light {
  background-color: whitesmoke;
  color: #4a4a4a;
}
.pre-wrap {
  white-space: pre-wrap;
}
.playCourse {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.playCourse .container-fluid {
  width: 100%;
  height: 100%;
}
#iframeWrapper {
  height: 100%;
}
#courseLaunchFrame {
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  position: relative;
  top: 13px;
  border: none;
  height: 95%;
}
#content {
  top: -310px !important;
}
.video-container {
  background-color: white;
  border-radius: 0.25rem;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.video-container iframe,
.video-container object,
.video-container embed {
  width: 94%;
}
.video-container-close {
  line-height: 1;
  color: #4a4a4a;
}
.video-container-close :hover {
  color: black;
}
.rcorners {
  border-radius: 25px;
  background: #111;
  padding: 20px;
  width: auto;
  height: auto;
}
.pad-logo {
  padding-top: 10%;
}
#keywordBox {
  background: #0275d8;
  color: #fff;
  font-family: 'armour_regular', Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  height: auto;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
ab {
  color: #fff;
  text-decoration: none;
}
ab:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.vl {
  border-left: 2px solid #fff;
  padding-right: 8px;
  margin-left: 5px;
}
.disabled-cursor {
  cursor: not-allowed;
}
.disabled-secondary-bg {
  background-color: var(--bs-secondary-bg);
}
/* Modal */
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  overflow-y: auto !important;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity .3s ease;
}
.modal-wrapper {
  margin: auto !important;
  max-width: 760px !important;
  padding: 64px 0px 64px 0px !important;
  width: 100% !important;
}
.modal-container {
  color: black !important;
  width: 500px;
  margin: 0px auto;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all .3s ease;
  font-family: Helvetica, Arial, sans-serif;
}
#rewardModal .modal-container {
  width: 100%;
}
#rewardModal .modal-body {
  width: 100%;
}
.modal-header h3 {
  margin-top: 0;
  color: black !important;
}
.modal-body {
  margin: 20px 0;
}
.modal-default-button {
  float: right;
}
/* The following styles are auto-applied to elements with transition="modal" when their visibility is toggled by Vue.js. */
.modal-enter {
  opacity: 0;
}
.modal-leave-active {
  opacity: 0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.skinnyDatePicker input {
  max-width: 125px !important;
}
.time-picker .display-time {
  width: 200px !important;
  background-color: #eceeef;
  opacity: 1;
  display: block;
  padding: 0.75rem 0.75rem !important;
  line-height: 1.25;
  color: #464a4c;
  border-radius: 0.25rem;
}
.time-picker .dropdown,
.time-picker .select-list {
  width: 200px !important;
}
.time-picker .hours,
.time-picker .minutes,
.time-picker .apms {
  padding: 0.5rem 0.5em !important;
}
.time-picker .clear-btn {
  color: black !important;
  left: 100%;
}
.overflowY {
  overflow-y: auto;
  overflow-x: hidden;
}
.overflowX {
  overflow-y: hidden;
  overflow-x: auto;
}
.hand {
  cursor: pointer;
}
.move {
  cursor: move;
}
.table-borderless {
  margin-bottom: 0 !important;
}
.table-borderless td {
  vertical-align: middle !important;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.no-left-border {
  border-left: 0 !important;
}
.helpIcon .bi-circle {
  margin-left: 5px;
  font-size: 1rem;
  color: black;
  background: #ffff00;
  border-radius: 100%;
}
.helpIcon .bi-question {
  font-size: .75rem;
}
.tooltip {
  display: block !important;
  max-width: 500px;
  background-color: white;
}
.tooltip .tooltip-inner {
  max-width: 100%;
  background-color: white;
  color: black;
  padding: 10px;
  border-radius: 5px;
  text-align: left;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"] {
  margin-left: 5px;
}
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
}
.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s;
}
.favoriteStar {
  color: #0000ff !important;
  text-shadow: -1px 0 #0000ff, 0 1px #0000ff, 1px 0 #0000ff, 0 -1px #0000ff;
}
.unFavoriteStar {
  color: #c3bfbf !important;
  text-shadow: -1px 0 #c3bfbf, 0 1px #c3bfbf, 1px 0 #c3bfbf, 0 -1px #c3bfbf;
}
.pinIcon {
  color: #0000ff !important;
  text-shadow: -1px 0 #0000ff, 0 1px #0000ff, 1px 0 #0000ff, 0 -1px #0000ff;
}
.unpinIcon {
  color: #c3bfbf !important;
  text-shadow: -1px 0 #c3bfbf, 0 1px #c3bfbf, 1px 0 #c3bfbf, 0 -1px #c3bfbf;
}
.featureVote {
  color: white !important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.featureVoted {
  color: #28a745 !important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.featureVotingDisabled {
  color: #dee2e6 !important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.featureVoteButton {
  border: solid 1px black;
  padding: 2px 5px;
  border-radius: 0.375rem;
}
.draggable-item {
  cursor: move;
}
.draggable-item:hover {
  background: #f7f7f9;
}
.draggable-item-inner {
  cursor: move;
}
.draggable-item-inner:hover {
  background: lightgray;
}
.scheduler-inline-input {
  display: inline;
  width: auto;
}
.firstTitleColumn {
  width: 25px;
  background-color: white !important;
  border-radius: 5px 0px 0px 5px;
}
#accordion .accordion-item {
  background-color: unset;
  border-left: none;
  border-right: none;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: none;
}
.homeLibraryListProgramLabel {
  background-color: white;
  color: black;
  font-size: 12px;
}
.homeLibraryListProgramLabel span {
  border: 1px solid white;
  padding: 1px;
}
.programHeader {
  color: white;
  margin: 0;
  vertical-align: middle !important;
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: top left;
  text-align: center;
}
.relTitle {
  position: relative;
  top: -12px;
  left: -50%;
  color: black;
}
#adminCertContainer.certificateBackgroundViewer {
  position: relative;
}
#adminCertContainer.certificateBackgroundViewer div {
  position: absolute;
  top: 0;
  width: 825px;
}
#adminCertContainer.certificateBackgroundViewer img {
  height: 638px;
  width: 825px;
}
#adminCertContainer.certificateBackgroundViewer .backgroundPlaceholder {
  position: relative;
  margin: 1px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  width: 500px;
  padding-left: 2px;
  display: flex;
  justify-content: center !important;
  resize: both;
  overflow: hidden;
  line-height: initial;
}
.contentStarted {
  color: black;
}
.contentCompleted {
  color: black;
}
.shareIcon {
  color: lightblue;
}
.sharedIcon {
  color: darkblue;
}
.prerequisiteMessage {
  color: red;
}
.noFutureClassesMessage {
  color: red;
}
.numberInput {
  width: 50% !important;
}
.numberInputNarrow {
  width: 65px !important;
  flex: 0 0 auto !important;
}
.form-check-label:before {
  height: 20px;
  width: 20px;
}
.form-check-label::after {
  top: .1rem;
  left: -1.6rem;
  width: 1.5rem;
  height: 1.5rem;
}
.label-small {
  font-size: 1rem;
}
.report-ui-label {
  color: #464a4c !important;
}
.report-ui-dropdown-text {
  color: #373a3c !important;
}
.loadingBarCustom {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 12px;
  background: none;
  z-index: 1020;
}
.loadingBarCustom .progress-bar {
  background: #1af184;
}
.examProgressMessage {
  top: 15px !important;
  /* Should be the same as the loadingBarCustom height + 5px */
  position: fixed;
  width: 100%;
  z-index: 1020;
}
.myLearningList {
  word-wrap: break-word;
}
.myLearningDetails-popover {
  width: 300px;
}
.myLearningLearningPathCompletionFrame-popover .wrapper {
  width: 100%;
}
.myLearningStatusDueDateFilter-popover {
  width: 450px;
}
.myLearningStatusDueDateFilter-popover .wrapper {
  width: 100%;
}
.adminContentListContentTypeFilter-popover {
  width: 400px;
}
.adminContentListContentTypeFilter-popover svg {
  fill: white;
}
.adminContentListContentTypeFilter-popover .wrapper {
  width: 100%;
}
.configSkinGroup .row {
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.configSkinGroup .color-input .picker-popup {
  position: unset;
}
.configSkinGroup img {
  width: 95%;
}
.existingUser {
  background-color: white;
}
.possibleDuplicate {
  color: red;
}
.circle-check-in-list {
  font-size: 1.5em;
}
.programIconWidth {
  padding-right: 5px;
  max-width: 215px;
}
.ql-toolbar.ql-snow {
  border: none !important;
  border-bottom: 1px solid #ccc !important;
}
.ql-container.ql-snow {
  font-family: 'armour_regular', Arial, sans-serif !important;
  border: none !important;
}
.quillWrapper.form-control {
  padding: 0 !important;
}
.font-resize-1 {
  font-size: 1em;
}
.font-resize-2 {
  font-size: 2em;
}
.font-resize-2-half {
  font-size: 2.5em;
}
.font-resize-3 {
  font-size: 3em;
}
button.dropdown-toggle::after,
.btn-group.show > button.dropdown-toggle::after,
.dropdown.show > button.dropdown-toggle::after,
li.nav-item.dropdown.show a.dropdown-toggle::after,
a .fa.fa-caret-down {
  transform: rotate(180deg) !important;
}
button.dropdown-toggle.collapsed::after,
.btn-group > button.dropdown-toggle::after,
.dropdown > button.dropdown-toggle::after,
li.nav-item.dropdown a.dropdown-toggle::after,
a.collapsed .fa.fa-caret-down {
  transform: none !important;
}
.disabled-image {
  opacity: 0.4;
}
.flip-box {
  width: 17rem;
  height: 20rem;
  padding: 0;
  margin: 0;
}
.carousel__pagination {
  padding-inline-start: 0px;
  position: relative;
}
.carousel__pagination-button:after {
  width: 10px;
  height: 10px;
  display: inline-block;
  cursor: pointer;
  appearance: none;
  border: none;
  background-clip: content-box;
  box-sizing: content-box;
  padding: 10px;
  border-radius: 100%;
  outline: none;
  background-color: white !important;
}
.carousel__pagination-button--active:after {
  background-color: black !important;
}
.carousel {
  padding-top: 10px;
  background: white;
}
.carousel__slide {
  text-align: center;
  position: relative;
  min-height: 100px;
  background: white;
  color: white;
}
.carousel__slide .label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.carousel img {
  max-width: 100%;
}
.disabledItem {
  font-style: italic;
  text-decoration: line-through;
}
.italicItem {
  font-style: italic;
}
/* Calendar */
.lmsCalendar {
  color: #2c3e50;
  height: 80vh;
  width: 98vw;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  margin: 0 auto;
  border-radius: 15px;
}
.header-center {
  text-align: center;
}
.periodLabel {
  display: inline !important;
  padding: .4em .6em;
  margin: .1em .6em;
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
  min-height: 1.5em;
  line-height: 1;
  font-size: 1.5em;
}
.days-header {
  display: grid;
  grid-auto-columns: 14.25%;
  grid-template-areas: "a a a a a a a";
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.day-number {
  text-align: right;
  margin-right: 10px;
}
.day-label {
  text-align: center;
  border-right: 1px solid #e0e0e0;
}
.week-row {
  display: grid;
  grid-template-areas: "a a a a a a a";
  grid-row-gap: 5px;
  grid-auto-columns: 14.25%;
}
.week-row:last-child {
  border-radius: 15px;
}
.week-row {
  border-left: 1px solid #e0e0e0;
}
.week-day {
  padding: 4px;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  overflow: auto;
}
.week-day.not-current > .day-number {
  color: #c3c3c3;
}
.events {
  font-size: 12px;
  padding: 0 0 0 4px;
}
.event {
  line-height: 18px;
  border-color: #e0e0f0;
  border-radius: 0.5em;
  background-color: #e7e7ff;
  white-space: pre-wrap;
}
.today {
  border: 2px solid #636c72 !important;
  background-color: #E7E7FF !important;
  font-weight: bold;
  color: red;
}
#calendarList {
  overflow: auto;
}
#calendarList .list-group-item:first-child {
  border-top-right-radius: 0rem;
  border-top-left-radius: 0rem;
}
@media only screen and (max-width: 768px) {
  .lmsCalendar {
    height: 80vh;
    width: 100vw;
  }
  .periodLabel {
    font-size: 1em !important;
  }
  .event {
    line-height: 14px;
    font-size: 12px;
    white-space: nowrap;
    margin-bottom: 2px !important;
  }
}
.calendarLegend div {
  margin-left: 15px;
  width: 16px;
  border: 1px solid #808080;
  display: inline-block;
}
.calendarLegendItem {
  display: inline-block;
  box-sizing: border-box;
  line-height: 1em;
  font-size: 1em;
}
.event-title .nav-link {
  padding: 0;
  margin: 0;
  display: inline;
  cursor: default;
  /* This only works on webinar, so removing for now so both icons are consistent
	svg {
			stroke-width: 4px;
		}
*/
}
.dropped {
  background-color: red;
  color: white;
}
.dropped .nav-link svg {
  stroke: white;
}
.otherAlreadyEnrolledOrWaitlisted {
  background-color: aqua;
  cursor: none;
}
.enrolled {
  background-color: green;
  color: white;
}
.enrolled .nav-link svg {
  stroke: white;
}
.pastEvent {
  background-color: #636c72;
  color: white;
  cursor: none;
}
.pastEvent .nav-link svg {
  stroke: white;
}
.waitlisted {
  background-color: yellow;
}
.alreadyInEquivalentClass {
  background-color: lightcoral;
  color: black;
  cursor: none;
}
.available {
  background-color: blue;
  color: white;
}
.available .nav-link svg {
  stroke: white;
}
.registrationClosed {
  background-color: purple;
  color: white;
}
.registrationClosed .nav-link svg {
  stroke: white;
}
.dropped span {
  color: white;
}
.enrolled span {
  color: white;
}
.pastEvent span {
  color: white;
}
.available span {
  color: white;
}
.registrationClosed span {
  color: white;
}
/* End Calendar */
@media print {
  button {
    visibility: hidden;
  }
}
.previewPanel {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.embeddedVideo {
  display: block;
  margin: 0 auto;
}
.acclaim-image-link:hover {
  cursor: pointer;
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .navButtons {
    width: 25%;
  }
}
:not(.collapsed) > .showCaretDown,
.collapsed > .showCaretUp {
  display: none;
}
.collapseTrigger[aria-expanded="false"] > .showCaretUp {
  display: none;
}
.collapseTrigger[aria-expanded="true"] > .showCaretDown {
  display: none;
}
.loginOptionHeader {
  font-weight: bold;
}
.loginOptionLink > ul {
  padding-left: 2em;
}
#loginOptions {
  font-family: 'armour_regular', Arial, sans-serif !important;
}
#loginOptions a {
  color: #007bff;
}
#examTimer {
  display: block;
}
#examTimer .timerWrapper {
  font-size: x-large;
}
.releaseNoteHeaderColumn {
  display: flex;
}
.releaseNoteHeaderColumn > * {
  flex: 1 1 0;
}
.releaseNoteBrandImage {
  max-height: 75px;
}
.b-calendar-footer,
.b-calendar-grid-help {
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.homeLearningPathButton {
  border: 1px solid lightgray;
}
.homeLearningPathButtonActive {
  border: 6px solid lightgray;
}
.homeRequiredOptionalButton {
  border: 1px solid lightgray;
}
.homeRequiredOptionalButtonActive {
  border: 6px solid lightgray;
}
.three-column {
  column-count: 2;
}
.importantOverflowY {
  overflow-y: auto !important;
}
.vue-select-image__item {
  margin: 0 0 12px 0;
}
.vue-select-image__thumbnail {
  border-radius: .25rem;
}
.vue-select-image__thumbnail--selected {
  background: #08c;
}
.vue-select-image__img {
  border-radius: .25rem;
}
.examMatchingQuestionOptionArea {
  background-color: #e6e6e6;
  border: 1px solid black;
  min-height: 5rem;
}
.border-3 {
  border-width: 3px !important;
}
p.ql-editor.list-group-item-text {
  min-height: auto !important;
}
.classEnrollCutoffMessage {
  color: red;
}
.homeLibraryListDisplay {
  border: none !important;
  padding: 0.25rem 0rem 0rem 0rem;
  margin: 0;
}
.homeLibraryListDisplay .section-title {
  font-size: 1rem;
}
.homeLibraryListDisplay td {
  padding: 0;
}
.homeLibraryListDisplay .btn {
  padding: 0.25rem 0.25rem;
}
.homeLibraryListDisplay .row {
  margin-left: 0;
  margin-right: 0;
}
.homeLibraryListDisplay.program-child-item {
  width: 100%;
}
.homeLibraryListDisplay.active {
  background: none !important;
}
.libraryListPopover {
  width: 600px;
}
.homeContentPoint2Line {
  justify-content: center;
  align-items: center !important;
  padding-top: 10px;
  padding-bottom: 15px;
}
.homeContentPoint2Line .pointValue {
  font-size: 50px;
  line-height: 50px;
}
.homeContentPoint2Line .labels {
  font-size: 13px;
  text-align: left;
  align-items: center !important;
}
.contentDisplayStatusLaunchSectionLeft {
  padding-right: .5rem !important;
}
@media only screen and (min-width: 768px) {
  .contentDisplayStatusLaunchSectionLeft {
    min-width: 150px !important;
    max-width: 150px !important;
  }
}
@media only screen and (max-width: 768px) {
  .contentImageSectionRight img {
    float: unset !important;
  }
}
.contentDisplayDetailSectionRightOfStatusLaunch {
  padding-left: .5rem !important;
  min-width: 200px !important;
}
.homeContentTileDisplay {
  color: black !important;
  margin-top: 1rem;
  margin-bottom: .25rem;
  padding: 8px 0 8px 0;
  border: 1px solid #ccc !important;
}
.homeContentTileDisplay .d-flex {
  align-items: stretch;
}
.homeContentStage {
  font-size: 2rem;
}
.rotate-135 {
  transform: rotate(135deg);
}
.homeContentDuration {
  color: black;
  font-size: inherit;
}
.contentBlurredImageContainer {
  position: relative;
}
.contentBlurredImageBackground {
  background-size: cover;
  filter: blur(20px);
  -webkit-filter: blur(20px);
  width: 93%;
  height: 93%;
  position: absolute;
  margin: 0.5rem;
}
.contentBlurredImageForeground {
  filter: blur(0px);
  -webkit-filter: blur(0px);
  height: 100%;
}
.smallTable label {
  margin-bottom: 0;
}
.smallTable th,
.smallTable td {
  padding: 0.3rem !important;
}
.borderlessTableTopAlign td {
  vertical-align: top !important;
}
.certificateSignatureInstructions .ql-editor {
  min-height: auto !important;
}
.notSelectable {
  pointer-events: none;
}
.adminDashboardCard .card {
  padding-bottom: 0;
  border: 2px solid black;
}
.adminDashboardCard .card-body {
  background-color: white;
  color: black;
}
.adminDashboardCard .card-header {
  background-color: #cccccc;
  color: black;
}
.adminDashboardCard .card-footer {
  background-color: #cccccc;
  color: black;
}
.floating-save {
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 1em;
  display: flex;
  background-color: lightgray;
  z-index: 2;
}
.floating-save div {
  margin-left: auto;
}
.zoomCursor {
  cursor: zoom-in;
}
.autoHeight {
  height: auto !important;
}
.searchForm {
  top: -150px;
  left: 0;
  width: 100%;
  position: fixed;
  z-index: 1050;
  height: 150px;
  background-color: white;
}
.invalidDate {
  color: red;
}
.badgeUserLocationGroups {
  letter-spacing: .1rem !important;
}
.cartSummaryChargeItem {
  padding-bottom: .5rem;
}
.cartSummaryTotal {
  margin-top: 1rem;
  padding-top: .5rem;
  border-top: 1px solid #dee2e6;
  font-size: 1.5rem;
}
.cartTotal {
  font-size: 2rem;
  margin-top: 1rem;
}
.cartItem a:hover {
  text-decoration: none;
  color: unset;
}
.cart-item-image {
  border: 1px solid #ccc;
  overflow: hidden;
  min-width: 150px;
  max-width: 150px;
}
.unavailableCartItem {
  background: #eceeef;
}
.unavailableCartItem a {
  cursor: unset;
}
.cartRemove {
  height: 85%;
  width: 100%;
  display: flex;
}
.cartRemove div {
  display: flex;
  align-items: end;
  width: 100%;
  justify-content: flex-end;
}
.cartRemove svg {
  padding-right: 0px;
}
.cartItemTotalColumn {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.cartItemTotalColumn .cartItemTotal {
  display: flex;
}
.cartItemTotalColumn span {
  padding: 0;
}
.contentPaymentPrice {
  font-size: larger;
  padding-top: .5rem;
}
.smallButton {
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.table.table-fixed {
  table-layout: fixed;
}
.table.table-caption-top > caption {
  caption-side: top !important;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
}
.table[aria-busy="true"] {
  opacity: .55;
}
.table > thead > tr > .sort-none,
.table > thead > tr > .sort-ascending,
.table > thead > tr > .sort-descending {
  cursor: pointer;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 0.65em 1em;
}
.table > thead > tr > .sort-none {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table > thead > tr > .sort-ascending {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table > thead > tr > .sort-descending {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}
.table > thead > tr > .sort-icon-left {
  background-position: left calc(0.75rem/2) center;
  padding-left: calc(0.75rem + 0.65em);
}
@media (max-width: 575.98px) {
  .table.table-stacked-sm {
    display: block;
    width: 100%;
  }
  .table.table-stacked-sm > thead,
  .table.table-stacked-sm > tfoot {
    display: none;
  }
  .table.table-stacked-sm > tbody > tr > :first-child {
    border-top-width: 3px;
    padding: 0.75rem;
  }
  .table.table-stacked-sm > caption,
  .table.table-stacked-sm > tbody,
  .table.table-stacked-sm > tbody > tr,
  .table.table-stacked-sm > tbody > tr > td,
  .table.table-stacked-sm > tbody > tr > th {
    display: block;
  }
  .table.table-stacked-sm > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem/2) 0 0;
    margin: 0;
  }
  .table.table-stacked-sm > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
}
@media (max-width: 767.98px) {
  .table.table-stacked-md {
    display: block;
    width: 100%;
  }
  .table.table-stacked-md > thead,
  .table.table-stacked-md > tfoot {
    display: none;
  }
  .table.table-stacked-md > caption,
  .table.table-stacked-md > tbody,
  .table.table-stacked-md > tbody > tr,
  .table.table-stacked-md > tbody > tr > td,
  .table.table-stacked-md > tbody > tr > th {
    display: block;
  }
  .table.table-stacked-md > caption,
  .table.table-stacked-md > tbody,
  .table.table-stacked-md > tbody > tr,
  .table.table-stacked-md > tbody > tr > td,
  .table.table-stacked-md > tbody > tr > th {
    display: block;
  }
  .table.table-stacked-md > tbody > tr > :first-child {
    border-top-width: 3px;
  }
  .table.table-stacked-md > caption,
  .table.table-stacked-md > tbody,
  .table.table-stacked-md > tbody > tr,
  .table.table-stacked-md > tbody > tr > td,
  .table.table-stacked-md > tbody > tr > th {
    display: block;
  }
  .table.table-stacked-md > tbody > tr > [data-label]::before {
    content: attr(data-label);
    width: 40%;
    float: left;
    text-align: right;
    overflow-wrap: break-word;
    font-weight: bold;
    font-style: normal;
    padding: 0 calc(1rem/2) 0 0;
    margin: 0;
  }
  .table.table-stacked-md > tbody > tr > [data-label] > div {
    display: inline-block;
    width: calc(100% - 40%);
    padding: 0 0 0 calc(1rem/2);
    margin: 0;
  }
  .table.table-stacked-md > tbody > tr > [data-label]::after {
    display: block;
    clear: both;
    content: "";
  }
}
.form-check.custom-control-lg,
.input-group-lg .form-check {
  font-size: 1.25rem;
  line-height: 1.5;
  padding-left: 1.875rem;
}
.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}
.tooltip {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
#camera-container {
  height: 300px !important;
  width: 300px !important;
}
.v-popper__inner {
  background: white !important;
  color: black !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.vs__dropdown-toggle {
  padding: 0 0 4px;
  height: auto;
  min-height: calc(1.5em + 0.75rem + 2px);
  /* matches form-control height for consistency */
}
.vs__selected-options {
  padding: 0 0.75em;
  flex-wrap: wrap;
}
.vs__selected {
  margin: 4px 2px 0;
  padding: 0 0.25em;
}
.vs__dropdown-menu {
  display: block;
}
.vs__dropdown-option {
  padding: 3px 20px;
}
.vs__actions {
  padding-right: 0px;
}
.flex-nowrap:has(.v-select) {
  padding-left: 12px;
}
.text-editor {
  border-radius: .25rem;
}
.text-editor-toolbar {
  background-color: azure;
  border-radius: .25rem .25rem 0 0;
  display: flex;
  flex-wrap: wrap !important;
}
.text-editor-area {
  width: 100%;
  height: 250px;
  border: solid 1px #ced4da;
  padding: .75rem;
  border-radius: 0 0 .25rem .25rem;
  overflow: auto;
}
.text-editor-area:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.text-editor-button-selected {
  background-color: #8affff !important;
}
.text-editor-button {
  padding: .5rem !important;
}
.text-editor-button:hover {
  background-color: #bdffff !important;
}
.text-editor-dropdown-menu {
  max-height: 100px;
  overflow-y: scroll;
}
.text-editor-color-select {
  width: 100px;
  display: flex;
  flex-wrap: wrap !important;
  padding: .5rem;
}
.text-editor-color-select-color {
  height: 16px;
  width: 16px;
  cursor: pointer;
  border-radius: 2px;
  margin: 2px;
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
/* ql- classes to support classes put on text fields from the legacy editor */
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-align-right {
  text-align: right;
}
/*END ql- classes*/
.brand-img {
  cursor: default;
}
.scormDispatchPlayCourseMessage {
  color: red;
  flex-grow: 1;
}
.scorm-home-page {
  height: 90vh;
}
.scorm-home-page #courseLaunchFrame {
  top: 0px;
  width: 100%;
  height: 100%;
}
#userSideMenuCollapse {
  background: white;
}
.bi.bi-award.bootstrapIcon:before {
  padding-top: 0px;
  padding-right: 5px;
}
.bi.bi-award.bootstrapIcon {
  font-size: 134%;
}
.requiresContentCompletionNote {
  font-style: italic;
}
.auto-launch-countdown {
  font-size: x-large;
}
.blurry-text {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
/* Social forum */
.adminBorderClass {
  border-color: red !important;
}
.generalBorderClass {
  border-color: blue !important;
}
.programBorderClass {
  border-color: lightgreen !important;
}
.contentGroupBorderClass {
  border-color: orange !important;
}
.contentBorderClass {
  border-color: yellow !important;
}
.enrollmentGroupBorderClass {
  border-color: pink !important;
}
.learningPathBorderClass {
  border-color: green !important;
}
.myActivityBorderClass {
  border-color: aqua !important;
}
.adminBadgeClass {
  background-color: red !important;
  color: #ffffff !important;
}
.generalBadgeClass {
  background-color: blue !important;
  color: #ffffff !important;
}
.programBadgeClass {
  background-color: lightgreen !important;
  color: #000000 !important;
}
.contentGroupBadgeClass {
  background-color: orange !important;
  color: #000000 !important;
}
.contentBadgeClass {
  background-color: yellow !important;
  color: #000000 !important;
}
.enrollmentGroupBadgeClass {
  background-color: pink !important;
  color: #000000 !important;
}
.learningPathBadgeClass {
  background-color: green !important;
  color: #ffffff !important;
}
.fs-7 {
  font-size: .75rem;
}
.myActivityBadgeClass {
  background-color: aqua !important;
  color: #000000 !important;
}
.forum-icon {
  cursor: pointer;
  margin-right: .25em;
}
.forum-icon:hover {
  transform: scale(1.2);
  font-size: 120%;
}
.used-icon {
  margin-right: .25em;
  transform: scale(1.2);
  text-shadow: 0 0 black;
}
.forum-my-activity-button {
  font-size: 1.5rem;
}
.forum-my-activity-button:hover {
  font-size: 1.75rem;
}
.mh-300px {
  max-height: 300px;
  overflow-y: scroll;
}
.min-width-300px {
  min-width: 300px;
}
/* End Social forum */