.admin-button {
    min-width: 175px;
}

.admin-button:focus {
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.nav-link,
.nav-link:hover,
a.nav-link.f1.f2,
a.nav-link.f1.f2:hover {
    color: steelblue;
}

.btn-primary,
.btn-primary:focus {
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-primary:hover {
    background-color: #286090;
    border-color: #286090;
}

.btn-primary:disabled {
    background-color: #337ab7;
}

.btn-outline-dark,
.btn-outline-dark:hover {
    border-color: rgb(204, 204, 204);
}

.btn-outline-dark:hover,
.btn-outline-dark.dropdown-toggle.show {
    background-color: #e6e6e6;
    color: #212529;
}

h4 {
    font-size: 18px;
}

hr.admin_hr {
    height: 3px;
    border: none;
    background-color: gray;
}

/* This magic number is used in a few places. I couldn't figure out a good way to */
/* only reference it from one spot.*/
.und-max-width {
    max-width: 1140px;
}

.placeholder-text {
    color: lightgrey;
}

.etl-note-status {
    float: right;
    margin: 5px;
}

.und-code-block {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.etl-tabs {
    background-color: rgb(238, 236, 236);
}

.etl-input {
    padding: -10px;
    width: 100%;
}

.etl-input-table {
    width: 100%;
    float: left;
}

.etl-input-label {
    width: 1%;
}

.etl-hints-h5 {
    font-size: 1.0em;
}

.etl-notes-h3 {
    font-size: 1.5em;
}

.admin-user-limit-reached {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.admin-user-limit-reached > h3 {
    font-size: 18px;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    padding: 2px 5px;
}

.fa-info-circle {
    color: #1698AF;
}