.jadwalku-icon i {
    color: #015c80;
}

.jadwalku-icon span {
    display: inline-block;
    padding-right: 15px;
}

.jadwalku-icon i {
    display: inline-block;
    padding-right: 3px;
}

.jadwalku-kode-booking {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
}

.jadwalku-kode-booking .jadwalku-kode-booking-data {
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.modal-jadwalku .modal-body p span {
    float: right;
}

form label.error {
    color: red;
    font-size: 12px;
    margin-top: 5px;
}

.modal-jadwalku h3 {
    color: #044f6c;
    border-bottom: 1px solid #044f6c;
    padding: 0px 0px 10px;
    margin: 10px 0px 10px;
}

.modal-jadwalku h4 {
    text-align: center;
    font-size: 14px;
    color: #FFF;
    border: 1px solid #044f6c;
    padding: 5px 0px;
    background: #044f6c;
    font-weight: normal;
}

.elementor-posts.jadwalku-container .elementor-post__card .elementor-post__title {
    margin: 0px 0px 10px !important;
}

body #smpush-notification-center li {
    border: 0px;
    background: #FFFF;
    margin: 0px 0px 10px;
}

.jadwalku-status-completed {
    color: #FFF;
    background-color: #198754;
    min-width: 90px;
    font-weight: bold;
    text-align: center;
    border: 0px;
}

.jadwalku-status-batal {
    color: #FFF;
    background-color: #dc3545;
    min-width: 90px;
    font-weight: bold;
    border: 1px;
    text-align: center;
}

.jadwalku-status-processing {
    color: #FFF;
    background-color: #044f6c;
    min-width: 90px;
    font-weight: bold;
    text-align: center;
    border: 0px;
}

.jadwalku-status-pending {
    color: #FFF;
    background-color: #ffc107;
    min-width: 90px;
    font-weight: bold;
    text-align: center;
    border: 0px;
}

@media (max-width: 767px) {
    .jadwalku-kode-booking {
        position: relative;
        top: auto;
        right: auto;
        margin: 0px 0px 15px;
        border: 0px;
        text-align: left;
        border-radius: 0px;
        font-size: 14px;
        color: #FFF;
        background: #065a7f;
        padding: 5px 10px;
    }

    .jadwalku-kode-booking .jadwalku-kode-booking-data {
        display: inline;
        font-size: 14px;
        float: right;
    }

    .elementor-posts .elementor-post__card .elementor-post__title {
        margin-bottom: 5px;
    }

    body .jadwalku-button {
        display: block !important;
    }

    body .jadwalku-button button, body .jadwalku-button a {
        border-radius: 5px !important;
        display: block !important;
        width: 100% !important;
        margin: 0px 0px 10px;
        font-size: 14px;
    }

    .jadwalku-button button.show-detailBookingCancel, .jadwalku-button button.show-detailBookingReschedule {
        width: 49.5% !important;
        display: inline-block !important;
    }
}

.ui-widget-header {
    background: #d1e2e8 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    right: 2px;
    top: 2px;
}

.ui-widget-header a {
    color: #FFF !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #d1e2e8;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #d1e2e8 !important;
    border: 1px solid #d1e2e8 !important;
    padding: 5px;
    text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
}

a.ui-state-default.ui-state-hover {
    background: #065a7f !important;
    color: #FFF !important;
}