html {
    font-size: 14px;
}

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

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f5f7fa;
}

.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;
}

.card { border-radius: 8px; }

.navbar-brand small { font-weight: 300; }

.nav-tabs .nav-link { color: #495057; font-weight: 500; }
.nav-tabs .nav-link.active { color: #0d6efd; }

.table th { font-weight: 600; }

.progress { min-width: 80px; }