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

[dir] label {
    margin-bottom: .2857rem;
}

@media (max-width: 575.98px) {
    .container, .container-sm {
        width: 100%;
        max-width: 100%;
        padding: 0px;
        margin: 0px;
    }
}

kbd {
    background-color: #C0C0C0 !important;
}

:root {
    --bs-font-sans-serif: 'Inter' !important;
    --bs-font-monospace: 'Inter' !important;
}

label.form-check-label {
    font-size: 0.857rem;
}

p.text-center {
    font-size: 0.9rem;
}

p.card-text {
    font-size: 0.9rem;
}

span.buttonText {
    font-size: 0.95rem;
}

.btn.btn-primary.w-100 {
    font-size: 0.95rem;
}

body {
    font-size: 0.857rem;
}

h4 {
    font-size: 1rem;
}

div.card-body img.block-center {
    max-height: 5rem !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: center;
    margin: auto;
    display: block;
}

form-control {
    text-align: left;
    text-align: -webkit-left !important;
    text-align: -moz-left !important;
    -webkit-appearance: none !important;
}