/* -------------------------- FORM CONTROL SELECTS -------------------------- */
select.form-control,
select.form-control:focus {
	display: block;

	background-color: var(--panel-color);
	border: solid 1px var(--border-color);
	color: var(--light-charcoal-casper);
	font-size: 14px;
}
/* -------------------------------------------------------------------------- */

/* --------------------- FORM CONTROL INPUT AND TEXTAREA -------------------- */
input.form-control,
input.form-control:focus,
textarea.form-control,
textarea.form-control:focus {
	background-color: var(--panel-color);
	border: solid 1px var(--border-color);
}

.form-control:focus {
	box-shadow: 0 0 7px 0rem var(--accent);
}

.card-row-small .form-control,
.card-row-small .form-control:focus,
.bgc-primary .form-control,
.bgc-primary .form-control:focus,
.bgc-secondary .form-control,
.bgc-secondary .form-control:focus {
	background-color: var(--background-color);
}

/* Link Clickable Cursor */
.input-group .fa-link {
	cursor: pointer;
}
/* -------------------------------------------------------------------------- */

/* ------------------- MULTI STEP FORM - SETUP AND CONFIG ------------------- */
.multistep-form-step {
	display: none;
}

/* Body */
.multistep-form-body {
	overflow: auto;
}

/* Footer */
.multistep-form-footer {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 20px;
	margin-top: 50px;
}

.multistep-form-footer-navigation {
	display: flex;
	gap: 15px;
}
/* -------------------------------------------------------------------------- */

/* ----------------------- FORM CONTROL COLOR INPUTS ------------------------ */
input.form-control[type="color"] {
	padding: 0;
	border: 0;
}
/* -------------------------------------------------------------------------- */

/* --------------------------------- ALERTS --------------------------------- */
.alert a {
	color: black;
	font-weight: bold;
}
/* -------------------------------------------------------------------------- */