/**
 * Larger, readable text for public vendor pages (login, enrollment, FAQ, troubleshoot, etc.).
 * Load after ofb.css / charisma. Scoped to body.ovr-readable only.
 */
body.ovr-readable {
    font-size: 15px;
    line-height: 1.5;
}

body.ovr-readable .box-content,
body.ovr-readable .para,
body.ovr-readable p,
body.ovr-readable li,
body.ovr-readable td,
body.ovr-readable th,
body.ovr-readable .panel-body,
body.ovr-readable .help-block {
    font-size: 15px;
    line-height: 1.55;
}

body.ovr-readable label,
body.ovr-readable .control-label {
    font-size: 15px;
    font-weight: 500;
}

body.ovr-readable .form-control,
body.ovr-readable input[type="text"],
body.ovr-readable input[type="password"],
body.ovr-readable input[type="email"],
body.ovr-readable input[type="number"],
body.ovr-readable input[type="tel"],
body.ovr-readable input[type="date"],
body.ovr-readable input[type="file"],
body.ovr-readable select,
body.ovr-readable textarea {
    font-size: 15px !important;
    line-height: 1.4;
}

body.ovr-readable .form-control {
    min-height: 38px;
    padding: 6px 10px;
}

body.ovr-readable textarea.form-control {
    min-height: 80px;
}

body.ovr-readable .box-header h2 {
    font-size: 20px;
}

body.ovr-readable .breadcrumb {
    font-size: 14px;
}

body.ovr-readable .breadcrumb a {
    font-size: 14px;
}

body.ovr-readable .alert {
    font-size: 15px;
    line-height: 1.5;
}

body.ovr-readable .btn {
    font-size: 15px;
    padding: 8px 14px;
}

body.ovr-readable .nav-pills > li > a,
body.ovr-readable .sidebar-nav a,
body.ovr-readable .main-menu a {
    font-size: 14px;
}

body.ovr-readable .panel-heading {
    font-size: 16px;
}

body.ovr-readable .panel-heading strong {
    font-size: 16px;
}

body.ovr-readable h3 {
    font-size: 18px;
}

body.ovr-readable h4 {
    font-size: 16px;
}

body.ovr-readable em,
body.ovr-readable .text-muted {
    font-size: 14px;
}

/* Login / forgot-password style pages */
body.ovr-readable .user-login h2 {
    font-size: 26px;
    line-height: 1.3;
}

body.ovr-readable .user-login p,
body.ovr-readable .user-login .alert {
    font-size: 15px;
}

body.ovr-readable .user-login .form-control {
    font-size: 16px !important;
}

body.ovr-readable .user-login .btn {
    font-size: 16px;
}

body.ovr-readable .logohead {
    font-size: 22px;
}

@media (max-width: 767px) {
    body.ovr-readable {
        font-size: 14px;
    }

    body.ovr-readable .box-content,
    body.ovr-readable p,
    body.ovr-readable li,
    body.ovr-readable label {
        font-size: 14px;
    }
}