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

.cmpa-date-picker {
    padding: 2px 8px !important;
}

.react-datepicker__input-container {
    width: 100% !important;
}

.react-datepicker__current-month {
    display: none !important;
}

.cmpa-date-picker:disabled {
    background-color: #e9ecef !important;
}

.no-end-date-btn {
    cursor: pointer !important;
}
.no-end-date-btn:focus {
    background-color: #bad9f1;
}

.no-end-date-selected::placeholder {
    color: #000;
    opacity: 1; /* Firefox */
}

.react-datepicker__input-container {
   padding: unset;
}

.react-datepicker__calendar-icon {
    width: 1.2em !important;
    height: 1.2em !important;
    vertical-align: unset;
}


.calendar-icon {
    margin: unset !important;
}

.left-wrapper, .right-wrapper {
    display: inline-block;
}

.right-wrapper {
    position: absolute;
    right: 0;
}

.no-end-date-btn {
    cursor: pointer;
}

.no-end-date-btn.selected {
    background-color: #216ba5;
    color: #fff;
}

.date-block-left {
    width: 99%;
}

.date-block-left.stand-alone {
    width: 50% !important;
}

@media only screen and (max-width: 500px) {
    
    .date-block-left.stand-alone {
        width: 100% !important;
    }

}