@media (max-width: 1199.98px) {
    html body .page-header .btn span.d-none.d-md-inline,
    html body .page-header a.btn span.d-none.d-md-inline,
    html body .page-header button.btn span.d-none.d-md-inline,
    html body .attendance-page-toolbar-match .btn span.d-none.d-md-inline,
    html body .attendance-page-toolbar-match a.btn span.d-none.d-md-inline,
    html body .attendance-page-toolbar-match button.btn span.d-none.d-md-inline {
        display: none !important;
    }
    html body .page-header .btn:has(> span.d-none.d-md-inline) > i.fas,
    html body .page-header .btn:has(> span.d-none.d-md-inline) > i.far,
    html body .page-header .btn:has(> span.d-none.d-md-inline) > i.fab,
    html body .page-header a.btn:has(> span.d-none.d-md-inline) > i.fas,
    html body .page-header a.btn:has(> span.d-none.d-md-inline) > i.far,
    html body .page-header a.btn:has(> span.d-none.d-md-inline) > i.fab,
    html body .page-header button.btn:has(> span.d-none.d-md-inline) > i.fas,
    html body .page-header button.btn:has(> span.d-none.d-md-inline) > i.far,
    html body .page-header button.btn:has(> span.d-none.d-md-inline) > i.fab,
    html body .attendance-page-toolbar-match .btn:has(> span.d-none.d-md-inline) > i.fas,
    html body .attendance-page-toolbar-match .btn:has(> span.d-none.d-md-inline) > i.far,
    html body .attendance-page-toolbar-match .btn:has(> span.d-none.d-md-inline) > i.fab,
    html body .attendance-page-toolbar-match a.btn:has(> span.d-none.d-md-inline) > i.fas,
    html body .attendance-page-toolbar-match a.btn:has(> span.d-none.d-md-inline) > i.far,
    html body .attendance-page-toolbar-match a.btn:has(> span.d-none.d-md-inline) > i.fab,
    html body .attendance-page-toolbar-match button.btn:has(> span.d-none.d-md-inline) > i.fas,
    html body .attendance-page-toolbar-match button.btn:has(> span.d-none.d-md-inline) > i.far,
    html body .attendance-page-toolbar-match button.btn:has(> span.d-none.d-md-inline) > i.fab {
        margin-inline-end: 0 !important;
    }

    html body .page-header .btn:has(> span.d-none.d-xl-inline) > i.fas,
    html body .page-header .btn:has(> span.d-none.d-xl-inline) > i.far,
    html body .page-header .btn:has(> span.d-none.d-xl-inline) > i.fab,
    html body .page-header a.btn:has(> span.d-none.d-xl-inline) > i.fas,
    html body .page-header a.btn:has(> span.d-none.d-xl-inline) > i.far,
    html body .page-header a.btn:has(> span.d-none.d-xl-inline) > i.fab,
    html body .page-header button.btn:has(> span.d-none.d-xl-inline) > i.fas,
    html body .page-header button.btn:has(> span.d-none.d-xl-inline) > i.far,
    html body .page-header button.btn:has(> span.d-none.d-xl-inline) > i.fab,
    html body .attendance-page-toolbar-match .btn:has(> span.d-none.d-xl-inline) > i.fas,
    html body .attendance-page-toolbar-match .btn:has(> span.d-none.d-xl-inline) > i.far,
    html body .attendance-page-toolbar-match .btn:has(> span.d-none.d-xl-inline) > i.fab,
    html body .attendance-page-toolbar-match a.btn:has(> span.d-none.d-xl-inline) > i.fas,
    html body .attendance-page-toolbar-match a.btn:has(> span.d-none.d-xl-inline) > i.far,
    html body .attendance-page-toolbar-match a.btn:has(> span.d-none.d-xl-inline) > i.fab,
    html body .attendance-page-toolbar-match button.btn:has(> span.d-none.d-xl-inline) > i.fas,
    html body .attendance-page-toolbar-match button.btn:has(> span.d-none.d-xl-inline) > i.far,
    html body .attendance-page-toolbar-match button.btn:has(> span.d-none.d-xl-inline) > i.fab {
        margin-inline-end: 0 !important;
    }
}
@media (min-width: 1200px) {
    html body .page-header .btn span.d-none.d-md-inline,
    html body .page-header a.btn span.d-none.d-md-inline,
    html body .page-header button.btn span.d-none.d-md-inline,
    html body .attendance-page-toolbar-match .btn span.d-none.d-md-inline,
    html body .attendance-page-toolbar-match a.btn span.d-none.d-md-inline,
    html body .attendance-page-toolbar-match button.btn span.d-none.d-md-inline {
        display: inline !important;
    }
}

@media (max-width: 1199.98px) {
    html body #attendanceJournalFilterForm .btn > span.attendance-btn-caption,
    html body #attendanceJournalFilterForm a.btn > span.attendance-btn-caption,
    html body #attendanceJournalFilterForm button.btn > span.attendance-btn-caption {
        display: none !important;
    }

    html body #attendanceJournalFilterForm .btn:has(> span.attendance-btn-caption) > i.fas,
    html body #attendanceJournalFilterForm .btn:has(> span.attendance-btn-caption) > i.far,
    html body #attendanceJournalFilterForm .btn:has(> span.attendance-btn-caption) > i.fab,
    html body #attendanceJournalFilterForm a.btn:has(> span.attendance-btn-caption) > i.fas,
    html body #attendanceJournalFilterForm a.btn:has(> span.attendance-btn-caption) > i.far,
    html body #attendanceJournalFilterForm a.btn:has(> span.attendance-btn-caption) > i.fab,
    html body #attendanceJournalFilterForm button.btn:has(> span.attendance-btn-caption) > i.fas,
    html body #attendanceJournalFilterForm button.btn:has(> span.attendance-btn-caption) > i.far,
    html body #attendanceJournalFilterForm button.btn:has(> span.attendance-btn-caption) > i.fab {
        margin-inline-end: 0 !important;
    }
}

@media (min-width: 1200px) {
    html body #attendanceJournalFilterForm .btn > span.attendance-btn-caption,
    html body #attendanceJournalFilterForm a.btn > span.attendance-btn-caption,
    html body #attendanceJournalFilterForm button.btn > span.attendance-btn-caption {
        display: inline !important;
    }
}