.bg-lumieos-top-menu {
    background-color: #331864;
    border-color: #331864;
    color: #fff;
}

.bg-lumieos-left-menu {
    background-color: #261249;
    border-color: #261249;
    color: #fff;
}

.navbar-brand > img{
    margin-top: -6px;
    margin-bottom: -6px;
    height: 32px;
}

/* New program CSS colors */
.bg-frc{
    background-color: #009CD7;
}

.bg-ftc{
    background-color: #F57E25;
}

.bg-fll-challenge {
    background-color: #ed1c24;
}

.bg-fll-explore{
    background-color: #00a651;
}

.bg-fll-discover{
    background-color: #662D91;
}

.text-frc {
    color: #009CD7;
}

.text-ftc {
    color: #F57E25;
}

.text-fll-challenge {
    color: #ed1c24;
}

.text-fll-explore {
    color: #00a651;
}

.text-fll-discover {
    color: #662D91;
}


.badge-fll-challenge {
  color: #fff;
  background-color: #ed1c24; }
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    text-decoration: none; }
    a.badge-success:hover:not(.badge-light), a.badge-success:focus:not(.badge-light) {
      box-shadow: 0 0 0 62.5rem rgba(255, 255, 255, 0.1) inset; }

.badge-fll-explore {
  color: #fff;
  background-color: #00a651; }
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    text-decoration: none; }
    a.badge-success:hover:not(.badge-light), a.badge-success:focus:not(.badge-light) {
      box-shadow: 0 0 0 62.5rem rgba(255, 255, 255, 0.1) inset; }

.table-lumieos-collapsed {
  width: 100%;
  color: #333; }
  .table-lumieos-collapsed th,
  .table-lumieos-collapsed td {
    padding: 0.5rem 0.75rem;
    vertical-align: top;
    border-top: 1px solid #ddd;

}

.page-title .cvr-header-logo, .page-title .cvr-header-logo-large {
    margin-top: -24px;
}

.page-title-two-line .cvr-header-logo, .page-title-two-line .cvr-header-logo-large {
    margin: -5px;
}

.cvr-header-logo {
    height: 75px;
    max-height: 75px;
}

.cvr-header-logo-large {
    height: 100px;
    max-height: 100px;
}

.cvr-header-logo img, .cvr-header-logo-large img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

@media (max-width: 1024px) {
    .cvr-header-logo, .cvr-header-logo-large {
        max-width: 95px;
    }
}


.page-title-two-line {
    padding: 16px 0 16px 0;
}

/* Mobile Check ----------- */
@media only screen and (max-width: 760px) {
  #cvr-mobile-check { display: none; }
}

.cvr-mobile-show {
    display: none;
}

.lumieos-alert-styled:after{
    font-family: "Font Awesome 6 Pro" !important;
    font-size: 2em !important;
    line-height: 0.75em !important;
    vertical-align: -0.1875em;
}

.lumieos-alert-styled-fa-file-check:after{content:"\f316" !important;}
.lumieos-alert-styled-fa-person-walking-dashed-line-arrow-right:after{content:"\e553" !important;}
.lumieos-alert-styled-fa-file-arrow-up:after{content:"\f574" !important;}
.lumieos-alert-styled-fa-circle-exclamation:after{content:"\f06a" !important;}
.lumieos-alert-styled-fa-triangle-exclamation:after{content:"\f071" !important;}


.lumieos-alert-styled-fa-spinner-third:after {
    content:"\f3f4" !important;
    display: inline-block;
    animation: rotation 1s linear infinite;
    -o-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

.alert-muted {
    background-color: #d1d1d1;
    border-color: #5f5f5f;
    color: #3c3c3c;
}

.sidebar a.nav-link.active {
    background-color: #49228c !important;
}

.cvr-nav-tabs > .nav-item > .nav-link.active {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

@media (max-width: 600px) {
  .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 10px 10px;
  }
}

.dtr-inline.collapsed tbody tr td:first-child, .dtr-inline.collapsed tbody tr th:first-child {
    white-space: normal;
}

.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled) {
    background-color: #49228c;
}

/* Timer CSS */
@keyframes auto-pulse
{
0% {background-color:#000077;}
50% {background-color: #0000bb;}
100% {background-color: #000077;}
}

@keyframes success-pulse
{
0% {background-color:#007700;}
50% {background-color: #009900;}
100% {background-color: #007700;}
}

@keyframes warning-pulse
{
0% {background-color:#776600;}
50% {background-color: #998800;}
100% {background-color: #776600;}
}

@keyframes danger-pulse
{
0% {background-color:#770000;}
50% {background-color: #990000;}
100% {background-color: #770000;}
}


.timer-bg-auto {
    animation: auto-pulse 1s infinite;
    background-color: #000077;
}

.timer-bg-success {
    animation: success-pulse 3s infinite;
    background-color: #007700;
}
.timer-bg-warning {
    animation: warning-pulse 1s infinite;
    background-color: #776600;
}
.timer-bg-danger {
    animation: danger-pulse 4s infinite;
    background-color: #770000;
}

.timer-bg-magenta {
    background-color: #ff00ff;
}

.red-border {
    border: 2px solid red !important;
}

.pull-left {
	float: left;
}

.pull-right {
  	float: right;
}

.validation-error-label {
    padding: 5px;
    color: #990000;
}


@media (min-width: 768px) {
    .login-force-width {
        width: 767px;
    }
}


@media (min-width: 992px) {
    .login-force-width {
        width: 991px;
    }
}

@media (min-width: 1200px) {
    .login-force-width {
        width: 1199px;
    }
}


.cvr-score-select {
    width:200px;
    background-color: #fff;
    padding: 0 5px;
}


.table div.no-wrap {
    display: inline-block;
    white-space: nowrap;
}

/* Year is cutoff in the default alignment?!  This hacks that back into place */
.daterangepicker select.yearselect {
    width: 50%;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 49%;
}
.cvr-scores-display-table td:nth-child(3) {
    position: relative;
}

.cvr-scores-display-table td:nth-child(3) div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    right: 0;
    top: 0.75rem;
}

#scores-block .datatable-header, #scores-block .datatable-footer {
    display:none;
}

.btn-labeled-fa > b {
    line-height: 1.2;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-brand {
        min-width: 11.625rem;
    }
}

#payment-table input[type="image"] {
    height: 35px;
}

input::placeholder {
    color: #999 !important;
}