<?php if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    $color = get_option( 'ab_appearance_color', '#f4662f' );
    $checkbox_img = plugins_url( 'frontend/resources/images/checkbox.png', \Bookly\Lib\Plugin::getMainFile() );
?>
<style type="text/css">
    /* Color */
    .ab-formGroup > label,
    .ab-label-error,
    .ab-progress-tracker > .active,
    .bookly-form .picker__nav--next,
    .bookly-form .pickadate__nav--prev,
    .bookly-form .picker__day:hover,
    .bookly-form .picker__day--selected:hover,
    .bookly-form .picker--opened .picker__day--selected,
    .bookly-form .picker__button--clear,
    .bookly-form .picker__button--today {
        color: <?php echo $color ?>!important;
    }
    /* Background */
    .ab-back-step,
    .ab-next-step,
    .ab-mobile-next-step,
    .ab-mobile-prev-step,
    .ab-progress-tracker > .active .step,
    .bookly-form .picker__frame,
    .ab-service-step .ab-week-days label,
    .ab-add-item,
    .btn-apply-coupon,
    .ab-columnizer .ab-hour:hover .ab-hour-icon span,
    .ab-time-next,
    .ab-time-prev,
    .bookly-btn-submit,
    .bookly-round-button {
        background-color: <?php echo $color ?>!important;
    }
    /* Border */
    .bookly-form input[type="text"].ab-error,
    .bookly-form select.ab-error,
    .bookly-form textarea.ab-error,
    .ab-extra-step div.bookly-extras-thumb.bookly-extras-selected {
        border: 2px solid <?php echo $color ?>!important;  color: #000!important;
    }
    /* Other */
    .bookly-form .picker__header { border-bottom: 1px solid <?php echo $color ?>!important; }
    .bookly-form .picker__nav--next:before { border-left:  6px solid <?php echo $color ?>!important; }
    .bookly-form .picker__nav--prev:before { border-right: 6px solid <?php echo $color ?>!important; }
    .ab-service-step .ab-week-days label.active { background: <?php echo $color ?> url(<?php echo $checkbox_img ?>) 0 0 no-repeat!important; }
    .ab-columnizer .ab-day { background: <?php echo $color ?>!important; border: 1px solid <?php echo $color ?>!important; }
    .ab-columnizer .ab-hour:hover { border: 2px solid <?php echo $color ?>!important; color: <?php echo $color ?>!important; }
    .ab-columnizer .ab-hour:hover .ab-hour-icon { background: none; border: 2px solid <?php echo $color ?>!important; color: <?php echo $color ?>!important; }
</style>