/* Form Overrides and Custom Styles on entry forms */

.brf-invalid {
    scroll-margin-top: calc(var(--ft-horizontal-menu-height) + 10px) !important;
}

/* Standard form styles */
input:focus, select:focus, textarea:focus {
  outline: 0.5px solid var(--ft-button-primary-bg);
}

.brf-invalid .brf-pro-forms-rating-icons,.brf-invalid .choices__inner,.brf-invalid .filepond--drop-label,.brf-invalid .ql-editor,.brf-invalid .slider.noUi-target,.brf-invalid canvas.brf-signature__pad,.brf-invalid input,.brf-invalid select,.brf-invalid textarea {
    background-color: var(--ft-error-bg) !important;
}

.brf-invalid.brxe-brf-pro-forms-field-checkbox-wrapper ul.options-wrapper {
    background-color: var(--ft-error-bg) !important;
}


/* SlimSelect Overrides */

/* Remove focus outline and add custom box shadow */
.ss-main:focus {
    box-shadow: none;
    outline: 1px solid var(--ft-button-primary-bg) !important;
}

/* The search input */
.ss-search input:focus {
        outline: 1px solid var(--ft-button-primary-bg) !important;
        border: none !important;
        border-radius: none !important;
}

.ss-search input{
    border: none !important;
    border-radius: none !important;
}

/* The placeholder text */
.ss-placeholder {
    color: var(--ft-form-input-placeholder) !important;
}

/* The select box */
.ss-main{
    border: 1px solid var(--ft-form-input-border-color);
    border-radius: var(--radius-lg);
    background-color: var(--ft-form-input-bg-color);
    color: var(--ft-form-input-text) !important;
}

/* The dropdown option container */
.ss-content {
    background-color: var(--ft-form-input-bg-color);
    border: solid 1px var(--ft-form-input-border-color);
    z-index: 270;
    box-shadow: var(--ft-card-shadow);
}


[data-brx-theme="dark"] .ss-content {
  box-shadow: var(--ft-card-shadow-dark);
}

/* The svg x icon */
.ss-value-delete svg, .ss-deselect svg, .ss-arrow svg {
    min-height: 12px;
    min-width: 12px;
}




:root {
  --ss-main-height: 44px !important;
  --ss-primary-color: var(--ft-menu-active-bg) !important;
  --ss-font-color: var(--ft-form-input-text) !important;
  --ss-bg-color: var(--ft-form-input-text) !important;
}



/* End of SlimSelect Overrides */


/* Bulk add hide JSON */
textarea[name="form-field-AddItemsBulkJSON"] {
  display: none;
}