body {
    font-size: 0.9rem;
    padding-bottom: 2rem;
}

/* Set padding to keep content from hitting the edges */

.body-content {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
}

/* 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; }

.wisselpunt {
    background: #fff;
    border: 3px solid #000;
    border-radius: 50%;
    display: inline-block;
    font-size: 2rem;
    height: 3.6rem;
    line-height: 1.3;
    margin-right: 0.5rem;
    padding: 0.25rem;
    text-align: center;
    width: 3.6rem;
}

.stempelpost {
    background: #fff;
    border: 3px solid #000;
    border-radius: 10%;
    display: inline-block;
    font-size: 2rem;
    height: 3.6rem;
    line-height: 1.3;
    margin-right: 0.5rem;
    padding: 0.25rem 0.5rem;
    text-align: center;
}

.flex-fill { flex: 1; }

.gj-checkbox-bootstrap input[type=checkbox][disabled] + span {
    cursor: default;
    opacity: 1;
}

.gj-dropdown-bootstrap button { width: 100%; }

table.gj-grid { table-layout: auto; }

#gridA, #gridB { min-width: 480px !important; }

.gridBLeft {
    border-right: 0 !important;
    padding: 0.75rem 0 0.75rem 0.85rem !important;
}

.gridBRight {
    border-left: 0 !important;
    padding: 0.75rem 0.85rem 0.75rem 0 !important;
}

@media screen and (max-width: 767px) {
    table.gj-grid td, table.gj-grid th {
        font-size: 85%;
        padding: 0.3rem;
    }

    #gridA th:first-child, #gridA td:first-child, #gridB th:first-child, #gridB td:first-child { display: none; }

   .btn-sm-block {
        display: block;
        width: 100%;
    }
}