﻿.pikaday-alliantie {
    --labelTextColor: #00315A;
    --weekDaysTextColor: #00315A;
    --daysTextColor: #00315A;
    --daysBackgroundColor: #FFF;
    --daysHoverBackgroundColor: #EDEDED;
    --currentDateTextColor: #00315A;
    --selectedDateTextColor: #FFF;
    --selectedDateBackgroundColor: #00315A;
    --disabledDateTextColor: #A59994;

    font-family: GT-Eesti-Display-Light, sans-serif;
    text-align: center;
    border-radius: 0.5rem;
    padding: 0.75rem;
    padding-right: 4.375rem;
    margin-top: 0.5rem;
}

    .pikaday-alliantie .pika-prev,
    .pikaday-alliantie .pika-next {
        position: absolute;
        top: -5px;
    }

    .pikaday-alliantie .pika-next {
        right: -56px;
    }

    .pikaday-alliantie .pika-label {
        display: inline;
        width: 100%;
        font-size: 1.25rem;
        text-transform: capitalize;
        text-align: center;
        color: var(--labelTextColor);
    }

        .pikaday-alliantie .pika-label:first-of-type {
            margin-left: 3.5rem;
        }

    .pikaday-alliantie table th {
        font-size: 1.125rem;
        text-transform: capitalize;
        color: var(--weekDaysTextColor);
        padding-top: 1rem;
    }

        .pikaday-alliantie table th abbr {
            text-decoration: none;
        }

    .pikaday-alliantie table td {
        padding: 1px;
    }

        .pikaday-alliantie table td button {
            font-family: GT-Eesti-Display-Light, sans-serif;
            font-size: 1rem;
            text-align: center;
            color: var(--daysTextColor);
            background-color: var(--daysBackgroundColor);
            border-radius: 100%;
            padding: 0.75rem;
        }

            .pikaday-alliantie table td button:hover {
                color: var(--daysTextColor);
                background-color: var(--daysHoverBackgroundColor);
                border-radius: 100%;
            }

        .pikaday-alliantie table td.is-today button {
            color: var(--currentDateTextColor);
            background-color: var(--daysBackgroundColor);
        }

        .pikaday-alliantie table td.is-today:not(.is-selected) button:hover {
            background-color: var(--daysHoverBackgroundColor);
        }

        .pikaday-alliantie table td.is-selected button {
            background-color: var(--selectedDateBackgroundColor);
            border-radius: 100%;
        }

            .pikaday-alliantie table td.is-selected button,
            .pikaday-alliantie table td.is-selected button:hover {
                color: var(--selectedDateTextColor);
            }

    .pikaday-alliantie .is-disabled .pika-button {
        color: var(--disabledDateTextColor);
        background-color: var(--daysBackgroundColor);
    }
