.pickmeup {
    /* background: #000; */
    background: #efddd3;
    border-radius: 0.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;
}

.pickmeup.pmu-hidden {
    display: none;
}

.pickmeup .pmu-instance {
    display: inline-block;
    height: 13.8em;
    padding: 0.5em;
    text-align: center;
    width: 15em;
}

.pickmeup .pmu-instance .pmu-button {
    /* color: #eee; */
    color: #272727;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}


/* .pickmeup .pmu-instance .pmu-today {
    background: #17384d;
    color: #88c5eb;
} */

.pickmeup .pmu-instance .pmu-button:hover {
    background: transparent;
    /* color: #88c5eb; */
    color: rgba(39, 39, 39, 0.5);
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: rgba(102, 102, 102, 0.5);
}

.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {
    color: #333;
    cursor: default;
    opacity: 0.2;
}

.pickmeup .pmu-instance .pmu-selected {
    /* background: #136a9f; */
    background: rgba(39, 39, 39, 0.5);
    color: #eee;
}

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
    /* background: #17384d; */
    background: rgba(102, 102, 102, 0.5);
}

.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: 14em;
}

.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: #999;
    cursor: default;
}

.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 1.5em;
    width: 2em;
}

.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;
}

.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {
    width: 95%;
    font-weight: bold;
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 12em;
}

.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;
}


/* custom */

.pickmeup .pmu-instance:first-child .pmu-days {
    border-right: 1px solid #272727;
}

.pickmeup .pmu-instance .pmu-days {
    padding-right: 1em;
}

.pickmeup .pmu-instance:first-child,
.pickmeup .pmu-instance {
    /* width: calc(16em + 1px); */
    width: 50%;
}

.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
    width: calc(100%/7);
}


/* Left and Right Arrows */

@media only screen and (min-width: 769px) {
    div.pmu-next,
    div.pmu-prev {
        position: absolute;
        bottom: -50px;
        width: 40px !important;
        fill: #272727;
    }
    div.pmu-next {
        right: 0;
    }
    div.pmu-prev {
        left: -1em;
    }
}


/* img.wp-smiley,
img.emoji {
    display: none !important;
}
div.pmu-next {
    transform: rotate( 135deg);
    display: block;
    width: 12px !important;
    height: 12px !important;
    border-top: 1.5px solid #000;
    border-left: 1.5px solid #000;
    margin-top: 10px;
}
div.pmu-next::after {
    content: "";
    display: block;
    width: 1px;
    height: 45px;
    background-color: black;
    transform: rotate(-45deg) translate(15px, 4px);
    left: 0;
    top: 0;
}
div.pmu-prev {
    transform: rotate(-45deg);
    display: block;
    width: 12px !important;
    height: 12px !important;
    border-top: 1.5px solid #000;
    border-left: 1.5px solid #000;
    margin-top: 10px;
}
div.pmu-prev::after {
    content: "";
    display: block;
    width: 1px;
    height: 45px;
    background-color: black;
    transform: rotate(-45deg) translate(15px, 4px);
    left: 0;
    top: 0;
} */


/********** Mobile START ***************/

@media only screen and (max-width: 768px) {
    .pickmeup .pmu-instance:first-child .pmu-days {
        border-right: 0;
    }
    .pickmeup .pmu-instance {
        font-size: 1.79em;
    }
    .pickmeup .pmu-instance .pmu-day-of-week {
        display: none;
    }
    .pmu-days {
        border-top: 1px solid #000;
    }
    .pickmeup .pmu-instance .pmu-days {
        padding: 0.5em 0.25em;
    }
    .pickmeup .pmu-instance:first-child:last-child .pmu-month {
        font-weight: 600;
    }
    .pmu-prev .pmu-button>img {
        display: block;
    }
    .pickmeup .pmu-instance .pmu-day-of-week *,
    .pickmeup .pmu-instance .pmu-days * {
        width: 14%;
    }
    img.wp-smiley,
    img.emoji {
        display: none !important;
    }
    .pmu-instance nav {
        width: 100% !important;
    }
    .pickmeup .pmu-instance:first-child:last-child .pmu-month {
        width: 100%;
    }
    .pickmeup .pmu-instance {
        padding: 0;
    }
    .pickmeup .pmu-instance:first-child,
    .pickmeup .pmu-instance {
        width: 100%;
    }
    div.pmu-next {
        transform: rotate( 135deg);
        display: block;
        width: 12px !important;
        height: 12px !important;
        border-top: 1.5px solid #000;
        border-left: 1.5px solid #000;
        margin-top: 10px;
    }
    div.pmu-next::after {
        content: "";
        display: block;
        width: 1px;
        height: 45px;
        background-color: black;
        transform: rotate(-45deg) translate(15px, 4px);
        left: 0;
        top: 0;
    }
    div.pmu-prev {
        transform: rotate(-45deg);
        display: block;
        width: 12px !important;
        height: 12px !important;
        border-top: 1.5px solid #000;
        border-left: 1.5px solid #000;
        margin-top: 10px;
    }
    div.pmu-prev::after {
        content: "";
        display: block;
        width: 1px;
        height: 45px;
        background-color: black;
        transform: rotate(-45deg) translate(15px, 4px);
        left: 0;
        top: 0;
    }
}


/************** Mobile END **************/