:root {
  --main-bg-color: #FFFFFF;
  --primary-accent-color: #be0f34;
  --secondary-accent-color: #2a789c;
  --tertiary-accent-color: #009879;
  --main-text-color: #000000;
}

#ra-login-body {
    background: url(/public/ra/images/ra-background-bdcbd392ca05ea0d47733d56e0ad6e24.jpg);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-color: black;
}

.mtrl-card-logo {
    width: 340px !important;
    height: auto !important;
}

nav .navbar-brand > img, .footer-img {
    height: auto;
    margin: 0.3em;
}

body{
    padding-top: 85px;
    color: var(--main-text-color);
}

nav.navbar {
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26);
}

nav #upload-hdr button.btn-primary {
    background: white;
    color: black;
    border: none;
}

.facet-pills .well {
    background: var(--tertiary-accent-color);
    color: white;
    border: none;
}

.badge.text-bg-primary,
a.badge.text-bg-primary:hover {
    background-color: var(--tertiary-accent-color);
}

.navbar-nav .nav-item a.upload-btn-header .btn.btn-primary{
    background: var(--tertiary-accent-color);
    border-color: var(--tertiary-accent-color);
    color: white;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover {
    background: var(--secondary-accent-color);
    border-color: var(--secondary-accent-color);
    color: white;
}

.dropdown-item:active {
    background: var(--secondary-accent-color);
    border-color: var(--secondary-accent-color);
    color: white;
}

.btn-link, a {
    color: var(--main-text-color);
}

.btn-link:hover,
a:hover {
    color: #000000;
}

.page-item.active .page-link {
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    color: white;
}

.page-item .page-link {
    color: var(--primary-accent-color);
}

.btn.btn-outline-primary {
    color: var(--secondary-accent-color);
    border-color: var(--secondary-accent-color);
}

.breadcrumb .boxed a{
    color: white;
}

#task-nav .nav-link .badge.text-bg-info.align-top {
    background-color: var(--secondary-accent-color);
    color: white;
}

#upload-files span.badge.badge-pill.text-bg-light {
    color: var(--secondary-accent-color);
}

.list-group-item.active {
    background-color: #bee5eb;
}