body {
    padding-top: 50px;
    padding-bottom: 20px
}

.body-content {
    padding-left: 15px;
    padding-right: 15px
}

input, select, textarea {
    max-width: 280px
}

.dark-green {
    --dark-bg-color: rgb(83,148, 90);
    background-color: var(--dark-bg-color);
    color: #000
}

.mid-green-bg {
    --medium-bg-color: rgba(213, 247, 218,0.2);
    background-color: var(--medium-bg-color)
}

.light-green-bg {
    --light-bg-color: rgba(213, 247, 218,0.2);
    background-color: var(--light-bg-color)
}

.sub-menu-item-blue {
    color: #00f;
    font-size: larger;
    font-weight: 500
}

.sub-menu-item-green {
    color: #006400;
    font-size: larger;
    font-weight: 500
}

.sort-header-blue {
    color: #00f;
    font-weight: 500
}

.fade-pop-out {
    float: left;
    font-size: large;
    padding: 3px 10px
}