.published-date-select-wrapper {
    width: calc(100% - 50px);
}

.calendar-button {
    width: 40px;
    margin-left: 10px;
}

.calendar-dropdown {
    width: 454px;
    top: 40px;
    left: calc(100% - 454px);
    z-index: 2147483600;
}

@media (max-width: 767px) {
    .calendar-dropdown {
        width: 227px;
        left: calc(100% - 227px);
        position: relative;
        top: 20px;
    }
}

.calendar-wrapper {
    width: 211px;
    margin: 8px;
}

.calendar-wrapper input {
    width: 100%;
}

.calendar-wrapper table > tbody > tr > td {
    padding: 3px !important;
}

.datepicker-inline {
    width: 100% !important;
}

.datepicker-wrapper {
    border: 1px solid #ccc;
    margin-top: 3px;
}

.datepicker-button-wrapper {
    margin: 0 10px 10px 0;
}

.apply-button {
    margin-left: 5px;
}

.datepicker-wrapper td.disabled {
    color: #ddd !important;
    cursor: not-allowed !important;
}