@font-face {
    font-family: Timeless;
    src: url("/static/timeless.ttf");
}

.form-control.is-valid .form-control.is-invalid {
    background-position: center right calc(1em + 0.1875 rem);
}

.body {
    font-family: Arial, Helvetica, sans-serif;
}
#navbarTopBorder {
    background-image: linear-gradient(to right, #005F61, #BAD405);
    max-height: 10px;
}
.navbar-brand {
    color: #005F61;
    font-weight: bold;
    font-family: Timeless;
    font-size: 2em;
}

.navbar-nav {
    padding-top: 10px;
}
.btn-primary {
    background-color: #005F61;
    border-color: #005F61;
}

.bg-primary {
    background-color: #005F61 !important;
}
.border-primary {
    border-color: #005F61 !important;
}

.badge-primary {
    background-color: #005F61;
    border-color: #005F61;
}

.badge-review-status-approved {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

.badge-review-status-needs_review, .badge-review-status-re_review {
    background-color: #ffc107;
    border-color: #ffc107;
    color: black;
}

.badge-review-status-comment_only {
    background-color: white;
    border-color: white;
    color: black;
}

.badge-review-status-changes_required {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.btn-primary:hover {
    background-color: #BAD405;
    border-color: #005F61;
    color: black;
}

.btn-outline-primary {
    color: #005F61;
    border-color: #005F61;
}

.btn-outline-primary:hover{
    color: #FFF;
    background-color: #005F61;
    border-color: #005F61;
}

 a {
     color: #005F61;
 }

 a:hover {
     color: #BAD405;
 }

 .page-item.active .page-link {
     background-color: #005F61;
     border-color: #005F61;
 }

 .page-item .page-link {
     color: #005F61;
 }

.navbar-nav .nav-link.active {
    border-radius: .25rem;
    background-color: #005F61;
    border-color: #005F61;
    color: white;
}

.text-capitalized {
    text-transform: capitalize;
}

select.form-control:valid {
    background-position: center right calc(1em + 0.1875rem);    
}

.buttons-columnVisibility {
    background-color: #eeeeee;
    border-color: #eeeeee;
    border-radius: .25rem;
}

.buttons-columnVisibility.active {
    background-color: #005F61;
    border-color: #005F61;
    border-radius: .25rem;
}