@font-face {
    font-family: Product-Sans-Regular;
    src: url(../../fonts-wp/Product-Sans-Regular.ttf);
}

@font-face {
    font-family: Product-Sans-Bold;
    src: url('../../fonts-wp/Product-Sans-Bold.ttf');
}

@font-face {
    font-family: HelveticaNeue;
    src: url('../../fonts-wp/font/HelveticaNeue.ttf');
}

@font-face {
    font-family: SFUIText-Regular;
    src: url('../../fonts-wp/SFUIText-Regular.ttf');
}

@font-face {
    font-family: WorkSans-Regular;
    src: url('../../fonts-wp/WorkSans-Regular.ttf');
}

@font-face {
    font-family: WorkSans-Bold;
    src: url('../../fonts-wp/WorkSans-Bold.ttf');
}

@font-face {
    font-family: WorkSans-SemiBold;
    src: url('../../fonts-wp/WorkSans-SemiBold.ttf');
}

@font-face {
    font-family: WorkSans-BoldItalic;
    src: url('../../fonts-wp/WorkSans-BoldItalic.ttf');
}

@font-face {
    font-family: Ubuntu-Regular;
    src: url('../../fonts-wp/Ubuntu-Regular.ttf');
}

@font-face {
    font-family: Ubuntu-Bold;
    src: url('../../fonts-wp/Ubuntu-Bold.ttf');
}

@font-face {
    font-family: Nunito-Regular;
    src: url('../../fonts-wp/Nunito-Regular.ttf');
}

* {
    outline: none;
}

.pickmeup {
    background: #fff;
    -moz-box-sizing: border-box;
    display: inline-block;
    position: absolute;
    touch-action: manipulation;
    border: 1px solid var(--light-stroke, rgba(129, 138, 155, 0.50));
    box-sizing: border-box;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: 342px;
    z-index: 11111;
}

[data-theme="dark"] .pickmeup {
    background: #1f1f1f;
    -moz-box-sizing: border-box;
    display: inline-block;
    position: absolute;
    touch-action: manipulation;
    border: 1px solid #000;
    box-sizing: border-box;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: 342px;
    z-index: 11111;
}

.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;
    text-align: center;
    width: 305px;
}

[data-theme="dark"] .pickmeup .pmu-instance .pmu-button {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    color: var(--color-white) !important;
}

.pickmeup .pmu-instance .pmu-button {
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    color: #2E2D2D !important;
}

.pickmeup .pmu-instance .pmu-today {
    background: #ddd;
    color: #fff;
    border-radius: 50%;
    width: 28px !important;
    height: 28px;
    padding: 6px !important;
}

.pickmeup .pmu-instance .pmu-button:hover {
    background: linear-gradient(90deg, #20DCB0 0%, #1ACCA2 100.02%);
    border-radius: 50%;
    width: 28px !important;
    height: 28px;
    padding: 6px !important;
    color: #fff !important;
    margin: 3px 6px;
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: #E0E0E0 !important;
}

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

[data-theme="dark"] .pickmeup .pmu-instance .pmu-disabled, .pickmeup .pmu-instance .pmu-disabled:hover {
    color: var(--color-white);
    opacity: .50;
    cursor: default
}

.pickmeup .pmu-instance .pmu-selected {
    background: linear-gradient(90deg, #20DCB0 0%, #1ACCA2 100.02%);
    border-radius: 50%;
    width: 28px !important;
    height: 28px;
    padding: 6px !important;
    color: #fff !important;
    margin: 3px 6px;
}

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

.pmu-instance nav:first-child {
    border-bottom: 1px solid #D6ECE7;
}

.pickmeup .pmu-instance nav:first-child {
    color: #eee;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 50px;
    justify-content: center;
    font-family: Nunito-Regular;
    align-items: center;
}

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

.pickmeup .pmu-instance nav .pmu-prev, .pickmeup .pmu-instance nav .pmu-next {
    display: block;
    height: 32px;
    width: 32px;
}

.pickmeup .pmu-instance nav .pmu-month {
    width: 14em;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    color: #2E2D2D;
    font-family: Nunito-Regular;
}

.pickmeup .pmu-instance .pmu-years *, .pickmeup .pmu-instance .pmu-months * {
    display: inline-block;
    height: 47px !important;
    width: 47px !important;
    line-height: 45px !important;
    padding: initial !important;
    margin: initial !important;
}

.pickmeup .pmu-instance .pmu-day-of-week {
    color: #999;
    cursor: default;
    padding-left: 8px;
    padding-top: 8px;
}

[data-theme="dark"] .pickmeup .pmu-instance .pmu-day-of-week {
    color: var(--color-white);
    cursor: default;
    padding-left: 8px;
    padding-top: 8px;
}

.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 1.5em;
    padding: 8.5px;
    width: 40px;
    font-family: SFUIText-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.078px;
    color: #616D82;
}

[data-theme="dark"] .pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
    display: inline-block;
    line-height: 1.5em;
    padding: 8.5px;
    width: 40px;
    font-family: SFUIText-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.078px;
    color: var(--color-white);
}

.pmu-days {
    padding: 0 8px;
    overflow: hidden;
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em;
    font-family: Nunito-Regular;
}

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

.pmu-next:hover {
    background-image: url("../../../img/newUImage/images/right-arrow.png") !important;
}

.pmu-prev:hover {
    background-image: url("../../../img/newUImage/images/left-arrow.png") !important;
}

.pmu-prev {
    background-image: url("../../../img/newUImage/images/left-arrow.png");
    position: absolute;
    left: 16px;
    top: 8px;
}

.pmu-next {
    background-image: url("../../../img/newUImage/images/right-arrow.png");
    position: absolute;
    right: 16px;
    top: 8px;
}

.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
    width: 33%;
}

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

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

#calendar-ft-btn {
    display: flex;
    border-top: 1px solid #D6ECE7;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    height: 58px;
    padding-right: 16px;
    margin-top: 5px;
}

.range-select-btn button {
    background: #E5F2EF;
    border-radius: 5px;
    height: 26px;
    padding: 4px 10px;
    font-style: normal;
    font-weight: normal;
    font-family: SFUIText-Regular;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.078px;
    color: #27AE60;
    min-width: initial;
    margin-right: 8px;
}

.btn-apply-cancel-section button {
    height: 26px !important;
    list-style: 26px;
    padding: 4px 10px;
    font-style: normal !important;
    font-weight: normal !important;
    font-family: SFUIText-Regular !important;
    font-size: 13px !important;
    line-height: 18px !important;
    text-align: center;
    letter-spacing: -0.078px;
    min-width: initial;
    margin-right: 8px;
}

.btn-apply-cancel-section button:first-child {
    background-color: transparent !important;
    border: 1px solid #20DCB0;
    color: #20DCB0;
}

.btn-apply-cancel-section button:last-child {
    margin-right: 0;
}