/*------------------------------------*\
    
    WebFX Choices.js Customizations - Global styling for select box/text inputs using Choices.js

    Add custom Choices.js select input styling to this file if it should be applied to all Choices.js select inputs on the site
    Otherwise, put your styles in individual block stylesheets

\*------------------------------------*/

.choices__inner {
	background: #e6e6e6;
	border: none;
	border-radius: 0;
	font-size: 16px;
	color: #000000;
	padding: 14px 11px 0;
}

.choices[data-type*="select-one"]::after {
	content: "\e90b";
	font-family: "icomoon";
	height: 100%;
	width: 43px;
	border: none;
	color: #0e0e10;
	font-size: 14px;
	right: 0;
	top: 0;
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(-90deg);
}

.choices[data-type*="select-one"].is-open:after {
	margin-top: 0;
}

.choices[data-type*="select-one"] .choices__input {
	display: none;
}

.choices__list--single {
	padding: 0px 16px 6px 4px;
}

.salesforce-form label {
	color: #000;
}

.salesforce-form .choices {
	margin: 0;
}

.salesforce-form .choices__inner {
	border: 1px solid transparent;
	border-left: 5px solid #000;
	border-radius: 0;
	background: #f5f5f5;
	min-height: 42px;
	padding: 8px;
}

.salesforce-form input:not([type="submit"]) {
	margin-bottom: 24px;
}

.salesforce-form .hide-choices .choices {
	display: none;
}

.salesforce-form .btn-container {
	text-align: center;
	margin-bottom: 24px;
}