body {
    padding-top: 70px;
}

.navbar-brand img {
    width: 32px;
    height: 32px;
}

a {
    color: rgb(128, 0, 0);
    text-decoration: none !important;
}

.table-hover tbody tr:hover {
    background-color: moccasin;
}

.table th,
.table td {
    vertical-align: baseline !important;
}

th.count,
td.count {
    font-family: monospace;
    font-size: 120%;
    text-align: right;
    border-left: solid white 1px;
    border-top: solid white 1px;
}

textarea,
input[type='text'],
input[type='number'] {
    font-family: monospace;
    font-size: 120% !important;
}

.tt {
    font-family: monospace;
}

table .form-inline {
    margin: 0;
}

.input-group.spinner {
    width: 9rem;
}

.input-group.spinner input {
    text-align: center;
}

.input-group.spinner .input-group-addon a {
    color: #808080;
}

.input-group.input-group-lg.spinner .input-group-addon a {
    font-size: 1.2rem;
    height: 1.4rem;
}

.input-group.input-group-sm.spinner .input-group-addon a {
    font-size: 0.8rem;
    height: 0.6rem;
}

/* Extend Bootstrap */
.btn {
    cursor: pointer;
}

.w-1 {
    width: 1%;
}

.text-bold {
    font-weight: bold;
}

.text-italic {
    font-style: italic;
}

/* list */
tr.code-inactive {
    /* .text-muted */
    color: #6c757d;
}

a.code-inactive,
button.code-inactive {
    display: none;
}

tr.code-inactive a.code-active,
tr.code-inactive button.code-active {
    display: none;
}

tr.code-inactive a.code-inactive,
tr.code-inactive button.code-inactive {
    display: inline-block;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    margin-bottom: 5rem; /* Margin bottom by footer height */
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3rem; /* Set the fixed height of the footer here */
    padding-top: 0.75rem;
}
/* ---------------------------------------------- */