html,
body {
    height: 100%;
}

main {
    flex: 1;
}

.content-wrapper {
    flex: 1;
    margin-top: 3rem;
    margin-bottom: 20px;
}

a.asc:after {
    font-family: bootstrap-icons;
    content: "\f148";
}

a.desc:after {
    font-family: bootstrap-icons;
    content: "\f128";
}

.pbox {
    height: 5rem;
}

.card-body {
    padding: 0.5rem;
}

.card-header {
    padding: 0.5rem;
}

.table {
    margin-bottom: 0.2rem;
}

.form-group {
    margin-bottom: 0.2rem;
}

.form-control {
    padding: 0.1rem;
    height: calc(1.2em + 0.3rem + 2px);
    color: #0f0f0f;
}

.table-sm th, .table-sm td {
    padding: 0.1rem;
}

label {
    display: inline-block;
    margin-bottom: 0.2rem;
    color: #444444;
}

aside {
    margin-top: 3.5rem;
    min-width: 200px;
}

.sticky-offset {
    top: 3.5rem;
}

aside .nav-pills .nav-link, .dropdown-toggle.nav-link {
    border-radius: 0;
    color: #444444;
    border-left: 4px solid #999999;
}
aside .nav-pills .nav-link:hover {
    background: rgba(0,0,0,0.05);
}

aside .nav-pills .nav-link.active, .dropdown-item.active {
    background: rgba(0,0,0,0.05);
    color: #b90000;
    border-left: 4px solid #b90000;
}

.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px; /* Set the fixed height of the footer here */
    line-height: 30px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.note-icon-caret {
    visibility: hidden;
}