.pickmeup {
    background: #fff;
    border-radius: .4em;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    touch-action: manipulation
}

    .pickmeup * {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .pickmeup.pmu-flat {
        position: relative;
        margin: 0px auto;
        width: 100%;
        font-size: 0.9em;
        font-weight: bold;
    }

    .pickmeup.pmu-hidden {
        display: none
    }

    .pickmeup .pmu-instance {
        display: inline-block;
        height: 300px;
        padding: 1.5%;
        /*text-align: center;*/
        width: 50%
    }

        .pickmeup .pmu-instance .pmu-button {
            cursor: pointer;
            outline: none;
            text-decoration: none
        }

        .pickmeup .pmu-instance .pmu-today {
            background: #999 !important;
            color: var(--bs-white);
            border-radius: 20px;
        }

        .pickmeup .pmu-instance .pmu-button:hover {
            /*background: transparent;*/
            /*color: #88c5eb;*/
            border-radius: 20px;
        }

        .pickmeup .pmu-instance .pmu-not-in-month {
            color: var(--bs-gray) !important;
            background-color: #fff;
        }

        .pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
            color: var(--bs-gray);
            cursor: default;
        }

        .pickmeup .pmu-instance .pmu-selected {
            background: var(--bs-primary) !important;
            color: var(--bs-white);
            border-radius: 20px;
        }

        .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
            background: #17384d
        }

        .pickmeup .pmu-instance nav {
            color: #eee;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            line-height: 2em;
        }

            .pickmeup .pmu-instance nav *:first-child :hover {
                color: #88c5eb;
            }

            .pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next {
                display: none;
                height: 2em;
                width: 1em;
            }

            .pickmeup .pmu-instance nav .pmu-month {
                width: 100%;
                text-align: center;
                color: #405d6f;
                font-weight: bold;
            }

        .pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * {
            display: inline-block;
            line-height: 3.6em;
            width: 3.5em;
        }

        .pickmeup .pmu-instance .pmu-day-of-week {
            color: var(--bs-secondary);
            cursor: default;
        }

.pmu-days {
    width: 100%;
    border: 1px solid transparent;
}

.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 2.5em;
    width: 14.28%;
    text-align: center;
    border: 1px solid transparent;
    background-color:aliceblue;
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em
}

.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
    display: block;
    color: #405d6f;
}

.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
    width: 100%;
    text-align: center;
    color: var(--bs-primary);
    font-weight: bold;
    font-size:1em
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 100%
}

.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none
}
.pmu-days .pmu-button:hover {
    color: var(--bs-primary);
    border: 1px solid;
}

@media(max-width: 1024px) {

    .pickmeup .pmu-instance {
        display: inline-block;
        height: 300px;
        padding: 1.5%;
        /*text-align: center;*/
        width: 100%
    }
}