/*
This file is meant to serve as a starter for the CMS Forms Module,
Please exercise caution in what you style and how you style it.
As the CMS Forms Module receives updates, you may need to re-download this file to style additional features.
You may need to use !important in some places to make sure your styles override the CMS Forms Module defaults
*/


.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: #fafafa;
    --bs-btn-border-color: rgb(196, 196, 196);
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: #f4f4f4;
    --bs-btn-hover-border-color: rgb(196, 196, 196);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: rgba(0, 0, 0, 0);
    --bs-btn-active-border-color: rgb(196, 196, 196);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: #fafafa;
    --bs-btn-disabled-border-color: #fafafa;
}


/* global items */
[data-el="mc-form-wrapper"] {
	/* the entire form */
}

/* Success and error messages */
[data-el="mc-form-wrapper"] [data-el="mc-form-success"] {
	/* submit success message */
}

[data-el="mc-form-wrapper"] [data-el="mc-form-error"] {
	/* submit error message */
}

[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="element-label"] {
	/* form labels */
}

[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="element-helper-wrapper"] {
	/* element helper text */
}

/* short text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="text-input"] {
	/* short text */
}

/* long text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="textarea"] {
	/* long text */
}

/* email */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="text-input"][type="email"] {
	/* email */
}

/* checkboxes and radios */
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="options-group-legend"] {
	/* legends for radio, checkboxes */
}


/* checkboxes */
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="checkbox-group-wrapper"] {
	/* checkboxes wrapper */
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="checkbox-input"] {
	/* individual checkboxes */
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="checkbox-label"] {
	/* individual checkboxes label */
}


/* radios */
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="radio-group-wrapper"] {
	/* radio wrapper */
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="radio-input"] {
	/* individual radio */
}
[data-el="mc-form-wrapper"] [data-el="options-group-wrapper"] [data-el="radio-label"] {
	/* individual radio labels */
}

/* dropdown */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="select-input"] {
	/* dropdown */
}


/* toggle */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] {
	/* toggle wrapper */
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] [data-el="toggle-input"] {
	/* toggle */
}
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="toggle-wrapper"] [data-el="toggle-label"] {
	/* toggle label */
}

/* free text */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] [data-el="html-section"] {
	/* free text */
}

/* date, time, date/time */
[data-el="mc-form-wrapper"] [data-el="element-wrapper"] .react-datepicker-wrapper {
	/* input field */
}