.datepicker-inline  {
        border: 1px solid var(--input-border-color);
    }

    .datepicker table tr td.active, 
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover:hover {
        background-color: var(--default-light-color);
        background-image: none;
    }

    .radio-buttons {
        margin-bottom: 1rem;
    }

    .radio-buttons span {
        display: inline-block;
        font-size: 0.8rem;
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        padding: 0.5rem 0.6rem;
        border-radius: 30px;
        color: var(--default-light-color);
        background-color: white;
        border: 1px solid var(--default-light-color);
    }

        .radio-buttons input:checked + span {
            color: white;
            background-color: var(--default-light-color);
        }

        .radio-buttons input:not(:checked) + span:hover {
            background-color: var(--bg-secondary-clr-15);
        }

    .radio-buttons input[type=radio] {
        display: none;
    }

    .form-group .radio-buttons label {
        margin-right: 0;
    }