.pickmeup {
    background: #ddd;
    border-radius: 8px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    touch-action: manipulation;
	border: 1px solid #ccc;
	box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}


@media ( max-width: 991px ) {
	.pickmeup {
/*		width: calc( 100vw - 88px );*/
		display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
        z-index: 999999;
        border: 1px solid #ccc;
	}
}

.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: auto;
    padding: 20px;
    text-align: center;
    width: 300px;
}

.pickmeup .pmu-instance .pmu-button {
    color: #101828;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    position: relative;
}

.pickmeup .pmu-instance .pmu-days .pmu-button:before {
	position: absolute;
	z-index: -1;
	background: transparent;
	width: 36px;
	height: 36px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    content: '';
}

.pickmeup .pmu-instance .pmu-button:hover {
    color: #ec4899;
}

.pickmeup .pmu-instance .pmu-today {
/*    color: #fff !important;*/
}

.pickmeup .pmu-instance .pmu-days .pmu-button.pmu-today:before {
/*	background: #101828;*/
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: #666;
    opacity: 0;
}

.pickmeup .pmu-instance .pmu-disabled,.pickmeup .pmu-instance .pmu-disabled:hover {
    color: #333;
    cursor: default
}

.pickmeup .pmu-instance .pmu-days .pmu-selected {
    color: #fff;
}

.pickmeup .pmu-instance .pmu-days .pmu-selected:before {
	background: #101828;
}

.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;
    justify-content: center;
}

.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: #101828;
    cursor: default
}

.pickmeup .pmu-instance .pmu-day-of-week *,.pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    width: calc( 100% / 7 );    
    color: #101828;
    text-align: center;
	font-size: 12px;
	font-weight: 500;
    height: 40px;
    line-height: 40px;
}

.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: 13em
}

.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
}
