html { font-size: 14px; }

@media (min-width: 768px) {
    html { font-size: 16px; }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb; }

html {
    min-height: 100%;
    position: relative;
}

body { margin-bottom: 60px; }

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

.form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.form-row {
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.form-row > .col {
    padding-left: 5px;
    padding-right: 5px;
}

label { margin-bottom: 0.5rem; }

.ml-2 { margin-left: 2px; }

.mr-2 { margin-right: 2px; }