/**
 * Custom CSS for week numbers
 *
 * Created 10 Mar 2016
 * Updated 24 Jan 2022
 *
 * Last update: update icon for "help" to Font Awesome v5.
 *
 * @author Allan A Beattie
 */

#session_filter {
    margin: 0 0 2em;
}

#session_filter fieldset {
    padding: 0.5em;
    border-radius: 0.3em;
    background: rgba(111, 58, 98, 0.1);
}

label[for=session] {
    font-weight: bold;
}

#session {
    padding: 0.25em;
    border: 1px solid #ccc;
}

#session:focus {
    background: #fdffce;
}

#loading {
    vertical-align: middle;
}

.ajax_loader {
    display: none;
}

.faded {
    opacity: 0.3;
    transition: opacity 1.5s ease;
}

.not_faded {
    opacity: 1;	
    transition: opacity 1.5s ease;
}

#ical_tools {
    float: right;
    padding: 0.3em 0;
}

#help {
    margin-left: 1em;
}

#week_numbers_ical::after,
#help::after {
    display: inline-block;
    margin: 0 0 0 0.3em;
    font-family: 'FontAwesome';
    content: '\f271';
}

#help[href$=".pdf"]::after {
    padding: 0;
    font-size: inherit;
    content: '\f059';
    color: inherit;
}

.week_numbers caption {
    margin: 0 0 1em;
    font-size: 1.1em;
    font-weight: 700;
}

.week_numbers th {
    background: #ddd;
}

.week_numbers tr:nth-child(2n) {
    background: #f7f7f7;
}

.week_numbers tr.this_week {
    background: #6f3a62;
    color: #fff;
}