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

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 480px;
}

.padding-h-5 {
    padding: 0 5px;
}

.padding-h-10 {
    padding: 0 10px;
}

.padding-h-15 {
    padding: 0 15px;
}

.padding-h-20 {
    padding: 0 20px;
}


.pad-l-20 {
    padding-left: 20px;
}
.pad-l-35 {
    padding-left: 35px;
}

.w-70{
    width:70px;
}

.well-warning{
    background-color: lightyellow;
}

.flex-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.flex-between a {
    color: rebeccapurple;
    font-weight: 600;
}
/* Staff and Volunteers lists: status filter buttons, toolbar and table */
.user-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
.user-filter .badge { margin-left: 4px; background-color: #999; }
.user-filter .active .badge { background-color: #fff; color: #333; }
.user-table > tbody > tr > td { vertical-align: middle; }
.user-table .user-address { color: #777; font-size: 12px; }
.user-table .user-email { word-break: break-all; }
.user-table > tbody > tr.stripe { background-color: #f9f9f9; }
.user-table > tbody > tr:hover { background-color: #f0f0f0; }
.user-table .user-actions { white-space: nowrap; }
.user-table .user-actions .btn-group { display: inline-flex; }