/*
This file contains changes directly over Bootstrap css.

It's in a separate css file to easier keep track of it. Changing one bootstrap item for one location may cause
unforeseen effects elsewhere.
*/


.container-fluid {
    --bs-link-color: #337ab7;
    --bs-link-color-rgb: 51, 122, 183;
}

.btn {
    --bs-btn-color: white;
}

.btn.disabled {
    --bs-btn-disabled-color: white;
}

.form-control {
    /* Overrider Bootstrap when it's overriding the font size for inputs */
    font-size: inherit !important;

    /* Bootstrap 5 removes margin between input rows*/
    margin-bottom: 4px;

    color: #666;
}

.form-control:focus {
    color: #333;
}

.input-checkbox {
    height: 21px;
    width: 21px;
}

.navbar-av .navbar-nav .nav-link {
    color: #666;
}

.navbar-av .navbar-nav .nav-link:hover, .navbar-av .navbar-nav .nav-link:focus {
    color: #17a2b8;
}

.navbar-av .navbar-nav .nav-link.disabled {
    color: #aaa;
}

.navbar-av .navbar-nav .show > .nav-link,
.navbar-av .navbar-nav .active > .nav-link,
.navbar-av .navbar-nav .nav-link.show,
.navbar-av .navbar-nav .nav-link.active {
    color: #ccc;
}

/* Not technically an override, this is a fix from the migration of bootstrap 3 where form-control-feedback was a thing. */
.form-control-feedback {
    position: relative;
    top: -30px;
    z-index: 2;
    display: block;
    text-align: center;
    pointer-events: none;
    margin-right: 7px;
    height: 0px;
}