.mae-blue-color {
    color: #00679b !important;
}

.btn-primary {
    background-color: var(--mae-blue-color);
}


.btn-primary:hover {
    background-color: var(--mae-blue-hover-color);
}

a {
    color: var(--mae-blue-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.btn-outline-primary {
    border-color: var(--mae-blue-color);
    color: var(--mae-blue-color);
}

.btn-outline-primary:hover {
    border-color: var(--mae-blue-hover-color);
    color: var(--mae-blue-hover-color);
}

.btn-check:checked + .btn-outline-primary {
    background-color: var(--mae-blue-color);
    border-color: var(--mae-blue-color);
    color: white;
}

.btn-outline-success {
    border-color: var(--mae-green-color);
    color: var(--mae-green-color);
}

.btn-check:checked + .btn-outline-success {
    background-color: var(--mae-green-color);
    border-color: var(--mae-green-color);
    color: white;
}

.btn-check:checked + .btn-outline-danger {
    background-color: var(--mae-red-hover-color);
    border-color: var(--mae-red-hover-color);
    color: white;
}

.btn-check:not(:checked) + .btn-outline-success {
    border-color: var(--mae-green-color);
}

.btn-success {
    background-color: var(--mae-green-color);
}

.btn-success:hover {
    background-color: var(--mae-green-hover-color);
}

.btn-success:disabled, .btn-danger:disabled, .btn-primary:disabled {
    background-color: gray;
    color: white;
    border-color: lightgray;
}

.btn-danger {
    background-color: var(--mae-red-color);
}

.btn-danger:hover {
    background-color: var(--mae-red-hover-color);
}

.nav-link {
    color: var(--mae-blue-color);
}

.custom-nav-container {
    padding: 0px 16px 0px 16px;
}

.table {
    --bs-table-striped-bg: var(--mae-light-silver-color) !important;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: inset 0 0 0 9999px var(--mae-light-silver-color) !important;
}

.active > .page-link, .page-link.active {
    color: var(--bs-pagination-active-color);
    background-color: var(--mae-blue-color);
    border-color: var(--mae-blue-color);
}

.page-link {
    color: var(--mae-blue-color);
}

.custom-icon-link {
    color: #000000;
    text-decoration: none;
}

.custom-icon-link:hover {
    color: var(--mae-blue-hover-color);
}

.custom-icon-btn {
    border: none;
    padding: 0px;
    vertical-align: baseline;
}

.custom-icon-btn:hover {
    color: var(--mae-blue-hover-color);
}

.dropdown-menu {
    overflow: hidden !important;
    overflow-y: auto !important;
    max-height: 200px !important;
}

.progress, .progress-stacked {
    --bs-progress-bar-bg: var(--mae-blue-color);
}