/* General rules */
    #filter {
        display: flex;
    }

        #filter > div {
            margin: 0px;
        }

    .pointer, .LinkTR {
        cursor: pointer;
    }

    a.disabled {
        pointer-events: none;
        cursor: default;
    }

    .nav-link {
        font-size: 1.2rem;
    }

    #logoutBtn {
        border: none !important;
    }

    .table > thead > tr > th > a {
        color: var(--bs-dark);
        display: inline-flex;
    }

        .table > thead > tr > th > a > img {
            margin-left: 4px;
        }


    #searchBtn {
        align-items: center;
        display: flex;
    }

    #navbar-icon {
        height: 2.5em;
    }

    [type='radio'] {
        display: none;
    }

    #filterForm {
        width: fit-content;
    }

    .backBtn {
        font-size: 0.7rem !important;
        color: black;
    }

    #copyBtn {
        padding: 0.1rem 0.5rem;
        font-size: 0.7rem;
        margin-bottom: 0.1rem;
        margin-left: 0.2rem;
    }

    /* CSS variables for fullcalendar */
    :root {
        --fc-button-text-color: #fff;
        --fc-button-bg-color: #006e07;
        --fc-button-border-color: #006e07;
        --fc-button-hover-bg-color: #005806;
        --fc-button-hover-border-color: #005806;
        --fc-button-active-bg-color: #26b34d;
        --fc-button-active-border-color: #26b34d;
        --fc-event-bg-color: #8ec24b;
        --fc-event-border-color: #8ec24b;
        --fc-event-text-color: #fff;
        --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    }

    /* Rules for small display sizes */
    @media only screen and (max-width: 768px) {
        .btn {
            font-size: 0.7rem;
        }

        .btn-link {
            font-size: 1.2rem;
        }

        .fc-button {
            font-size: 0.7rem !important;
        }

        .fc-toolbar-title {
            font-size: 1rem !important;
        }

        .container {
            width: 100% !important;
        }

        #monthChange {
            font-size: 0.7rem !important;
        }

        #navbar-icon {
            height: 2em;
        }
    }

    .navbar-collapse .nav-link, .navbar-collapse #searchBarString {
        margin-left: 1rem;
    }

    /* Custom checkboxes */
    .custom-control {
        position: relative;
        z-index: 1;
        display: block;
        min-height: 1.5945rem;
        padding-left: 1.5rem;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }

    .preview.custom-control {
        display: table-cell;
    }

    .custom-control-label, .custom-control {
        cursor: pointer;
    }

    .custom-control-inline {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 1rem;
    }

    .custom-control-input {
        position: absolute;
        left: 0;
        z-index: -1;
        width: 1rem;
        height: 1.29725rem;
        opacity: 0;
    }

        .custom-control-input:checked ~ .custom-control-label::before {
            color: #fff;
            border-color: #26b34d;
            background-color: #26b34d;
        }

        .custom-control-input:focus ~ .custom-control-label::before {
            box-shadow: 0 0 0 0.2rem rgba(0, 161, 110, 0.25);
        }

        .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
            border-color: #d9f9da;
        }

        .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
            color: #fff;
            background-color: #f0fdf0;
            border-color: #f0fdf0;
        }

        .custom-control-input:disabled ~ .custom-control-label,
        .custom-control-input[disabled] ~ .custom-control-label {
            color: #868e96;
        }

            .custom-control-input:disabled ~ .custom-control-label::before,
            .custom-control-input[disabled] ~ .custom-control-label::before {
                background-color: #e9ecef;
            }

    .custom-control-label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
    }

        .custom-control-label::before {
            position: absolute;
            top: 0.29725rem;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            pointer-events: none;
            content: "";
            background-color: #fff;
            border: #adb5bd solid 1px;
        }

        .custom-control-label::after {
            position: absolute;
            top: 0.29725rem;
            left: -1.5rem;
            display: block;
            width: 1rem;
            height: 1rem;
            content: "";
            background: 50%/50% 50% no-repeat;
        }

    .custom-checkbox .custom-control-label::before {
        border-radius: 0.25rem;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
    }

    .custom-checkbox
    .custom-control-input:indeterminate ~ .custom-control-label::before {
        border-color: #26b34d;
        background-color: #26b34d;
    }

    .custom-checkbox
    .custom-control-input:indeterminate ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
    }

    .custom-checkbox
    .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 161, 110, 0.5);
    }

    .custom-checkbox
    .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
        background-color: rgba(0, 161, 110, 0.5);
    }

    .custom-radio .custom-control-label::before {
        border-radius: 50%;
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    }

    .custom-radio
    .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: rgba(0, 161, 110, 0.5);
    }

    .invert-color {
        filter: invert(100%);
    }