/**
 * Insurance Reviewer Fluent User Form Styles
 *
 * Filename: ir-ff-form.css
 */

/* Container class to make a control read-only */
.fluentform .ir-readonly {
    pointer-events: none !important;
}

/* Fix up the year wrapping; insufficient space causes wrap and is not visible */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
    width: 5ch;
}

/* Fix width of step navigation buttons */
.fluentform form.ff-form-has-steps button.ff-btn.ff-btn-prev,
.fluentform form.ff-form-has-steps button.ff-btn.ff-btn-next,
.fluentform form.ff-form-has-steps button.ff-btn.ff-btn-submit {
    width: 10em;
    /* The line height value may come from default styles, and the submit btn value may be set from fluent forms.
       Values can be 1.2, 1.5, 1.6, and set in pixels by fluent forms */
    /* line-height: 1.5; */
}


.fluentform .ff-btn-secondary:not(.ff_btn_no_style):focus {
    background-color: rgba(255,153,0,1);
    border-color: rgba(255,153,0,1);
    color: white;
}

.fluentform .ir-form-review-terms-agreed {
    margin-bottom: 5px;
}

.fluentform .ir-form-review-terms-agreed .ff-el-form-check-label {
    font-weight: 500;
}

/* Ratings Customisations */

/* Scale up the rating stars; adjust horizontal alignment */
.fluentform .ff-el-ratings svg {
    scale: 1.2;
    width: 28px;    /* 22px * 1.2 */
    vertical-align: middle;
}

/* Fix horizontal alignment of the ratings */
.fluentform span.ff-el-rating-text {
    vertical-align: middle;
}

/* Ratings colors */
.fluentform .ir-ratings-red .ff-el-ratings { --fill-active: red; }
.fluentform .ir-ratings-green .ff-el-ratings { --fill-active: green; }
.fluentform .ir-ratings-blue .ff-el-ratings { --fill-active: blue; }
.fluentform .ir-ratings-orange .ff-el-ratings { --fill-active: orange; }