.sfp-subscription-box {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
}

.sfp-plans button {
    margin-right: 10px;
    padding: 8px 14px;
    cursor: pointer;
}

.sfp-plans button.active {
    background: #222;
    color: #fff;
}

/* Calendar popup background */
.ui-datepicker {
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 9999 !important;
}

.ui-datepicker-header {
    background: #222;
    color: #fff;
    border: none;
}

.ui-datepicker-title {
    font-weight: bold;
}

.ui-datepicker-calendar th {
    color: #333;
}

.ui-datepicker-calendar td a {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
}

.ui-datepicker-calendar td a:hover {
    background: #222;
    color: #fff;
}

.sfp-error {
    border: 2px solid #d63638 !important;
    background: #fff0f0 !important;
    padding: 6px;
    border-radius: 4px;
}