.cw-datepicker {
    position: relative;
    width: 100%;
}

    .cw-datepicker .main-input {
        padding-right: 1.5rem;
    }

    .cw-datepicker .calendar {
        position: absolute;
        right: 0;
        margin: 0;
        background: none;
        top: 0;
        padding: .2rem .375rem;
    }

.fa-svg-icon {
    display: inline-block;
    vertical-align: middle;
    min-width: 1em;
    min-height: 1em;
    height: 100%;
    position: relative;
    top: -1px;
}

    .fa-svg-icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        .fa-svg-icon svg g,
        .fa-svg-icon svg path {
            fill: currentColor;
        }

.uib-datepicker-popup.dropdown-menu {
    z-index: 9999;
}

.uib-button-bar {
    text-align: right;
    padding: 5px;
}

    .uib-button-bar .uib-close {
        float: none !important;
    }

    .uib-button-bar .btn-group .btn {
        margin-bottom: 5px;
        margin-right: 5px;
    }

.uib-day.current-timezone-date button span {
    color: #17a2b8 !important;
}

.uib-day.current-local-date button span {
    color: #fff !important;
}

.uib-day .btn .text-muted {
    color: #b8bcc8 !important;
}

.cw-datetimepicker {
    display: flex;
    align-items: center;
}

    .cw-datetimepicker .cw-timepicker {
        margin-left: 10px;
    }

    .cw-datetimepicker cw-timepicker.has-time-label-top {
        width: 120px;
    }

.label-wrapper.has-time-label-top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
    max-width: calc(100% - 50px);
}

    .label-wrapper.has-time-label-top .time-label {
        text-align: left;
        width: 108px;
    }

.cw-datepicker.has-time-label {
    max-width: calc(100% - 170px);
    flex: 1;
}