/* Rapid Colors */
/* LearnerVerified Colors */
/* Colors */
/* Typography */
/* Dimensions */
/* Flash */
/* Miscellaneous */
/* Media Queries */
/* Spacing */
.blue-color {
  color: #151f6d !important;
}
.blue-bg {
  background: #151f6d !important;
}
.blue-border {
  border-color: #151f6d !important;
}

.green-color {
  color: #6fbd1b !important;
}
.green-bg {
  background: #6fbd1b !important;
}
.green-border {
  border-color: #6fbd1b !important;
}

.orange-color {
  color: #f68b39 !important;
}
.orange-bg {
  background: #f68b39 !important;
}
.orange-border {
  border-color: #f68b39 !important;
}

.purple-color {
  color: #847bb9 !important;
}
.purple-bg {
  background: #847bb9 !important;
}
.purple-border {
  border-color: #847bb9 !important;
}

.red-color {
  color: #e90000 !important;
}
.red-bg {
  background: #e90000 !important;
}
.red-border {
  border-color: #e90000 !important;
}

.yellow-color {
  color: #ffc72c !important;
}
.yellow-bg {
  background: #ffc72c !important;
}
.yellow-border {
  border-color: #ffc72c !important;
}

.grey-color {
  color: #dfdfdf !important;
}
.grey-bg {
  background: #dfdfdf !important;
}
.grey-border {
  border-color: #dfdfdf !important;
}

.grey-dark-color {
  color: #4a4f51 !important;
}
.grey-dark-bg {
  background: #4a4f51 !important;
}
.grey-dark-border {
  border-color: #4a4f51 !important;
}

.grey-darker-color {
  color: #262a2c !important;
}
.grey-darker-bg {
  background: #262a2c !important;
}
.grey-darker-border {
  border-color: #262a2c !important;
}

.white-color {
  color: #ffffff !important;
}

.horizontal-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.hidden {
  display: none !important;
}

.blur {
  filter: blur(5px) !important;
}

.bold {
  font-weight: 600;
}

.loading {
  animation: progress 0.6s linear infinite;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%);
  background-repeat: repeat-x;
  background-size: 40px 40px;
}

.indent {
  margin-left: 30px;
}

.no-scroll {
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  overscroll-behavior: none;
}
.no-scroll::-webkit-scrollbar {
  display: none;
}

[class*=facebook] {
  color: #3b5998;
}

[class*=twitter] {
  color: #55acee;
}

[class*=youtube] {
  color: #bb0000;
}

[class*=linkedin] {
  color: #0077b5;
}

[ng-click] {
  cursor: pointer;
}

.is-loading {
  opacity: 0.5;
}

.no-animate {
  transition: none !important;
}
.no-animate * {
  transition: none !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

.button.hollow.password-reveal {
  border: 1px solid transparent;
  margin-left: auto;
  color: #151f6d;
}

.debit {
  color: #e90000;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp a:after {
  content: "";
}

.ie-image-compat {
  background-size: cover;
  background-position: center center;
}

.input-error {
  padding: 3px 10px;
  background: #e90000;
  border-radius: 0 0 2px 2px;
  z-index: 0;
  margin-top: -1px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.lv-learn-more {
  align-items: center !important;
  background: #ffffff !important;
  position: relative !important;
  color: #1d428a !important;
  padding: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  border: 2px solid #1d428a !important;
}
.lv-learn-more:before {
  background: center/cover no-repeat url(/assets/lv-logo-b678957614d2987d02f26ab01397090dd9b6ac4f539a5408bccffc858bc8effb.svg) !important;
  content: "" !important;
  display: block !important;
  filter: grayscale(100%) !important;
  height: 100% !important;
  left: 0 !important;
  opacity: 0.1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  user-select: none !important;
  width: 100% !important;
}
.lv-learn-more .lv-brand {
  margin: 0 0 2em 0 !important;
  padding: 0 !important;
}
.lv-learn-more .lv-action {
  align-self: center !important;
  background-color: #26d07c !important;
  color: #ffffff !important;
  margin: 1rem 0 0 0 !important;
  padding: 0.5em 1em !important;
}
.lv-learn-more .lv-info {
  display: flex !important;
  margin: 0.25em 0 0 0 !important;
  padding: 0 !important;
}
.lv-learn-more .lv-info .info-icon {
  min-width: 1.5em !important;
  margin: 0.25rem 0.5rem 0 0 !important;
  padding: 0 !important;
}
.lv-learn-more p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin-bottom: 5px !important;
}
.lv-learn-more .info-heading {
  color: #26d07c !important;
  font-weight: 700 !important;
}

.lv-info-dialog {
  width: 50% !important;
  margin-left: 25% !important;
  height: 530px !important;
  display: flex !important;
  flex-direction: column !important;
}
@media only screen and (min-width: 530px) {
  .lv-info-dialog {
    flex-direction: row !important;
  }
}
.lv-info-dialog .lv-brand {
  background-color: #1d428a !important;
  color: #ffffff !important;
  position: relative !important;
  padding: 25px !important;
  flex: 1 !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  margin: 0 !important;
}
.lv-info-dialog .lv-brand .title {
  color: #ffffff !important;
  font-weight: 500 !important;
  margin: 20px 0 1rem 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-brand .icon-text {
  display: flex !important;
  align-items: center !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-brand .icon-text .icon {
  min-width: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-brand .icon-text .icon img {
  margin: auto !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-brand .icon-text .text {
  margin: 0 0 0 20px !important;
  padding: 0 !important;
  font-weight: 700 !important;
}
.lv-info-dialog .lv-brand .goto-lv {
  text-decoration: underline !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-brand .goto-lv:hover {
  color: #26d07c !important;
}
.lv-info-dialog .lv-brand p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-brand a {
  margin: 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-brand:before {
  background: center/cover no-repeat url(/assets/lv-logo-b678957614d2987d02f26ab01397090dd9b6ac4f539a5408bccffc858bc8effb.svg) !important;
  content: "" !important;
  display: block !important;
  filter: grayscale(100%) !important;
  height: 100% !important;
  left: 0 !important;
  opacity: 0.1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  user-select: none !important;
  width: 100% !important;
}
.lv-info-dialog .lv-system {
  background-color: #ffffff !important;
  padding: 25px !important;
  flex: 1 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  margin: 0 !important;
}
.lv-info-dialog .lv-system .title {
  font-weight: 500 !important;
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-system .browser-icons {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-system .browser-icons a {
  color: #4a4f51 !important;
  margin: 0 5px 0 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}
.lv-info-dialog .lv-system .browser-icons a:hover {
  color: #1d428a !important;
}
.lv-info-dialog .lv-system .info-text {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-system .info-text i {
  margin: 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-system .info-text p {
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  margin: 0 0 0 20px !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-system p {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lv-info-dialog .lv-system hr {
  margin: 20px 0 !important;
  padding: 0 !important;
  border: 1px solid #e0e0e0 !important;
}
/*
 * Protected Styles (Unlayered - Post-Theme)
 * This file is NOT wrapped in @layer, so it has higher specificity than layered styles
 * and loads AFTER custom themes to prevent theme overrides.
 * This is for styles we don't want themes to overwrite.
 *

 */
