/* Button Styles */
.btn { padding: 0.625rem 1.25rem; position: relative; overflow: hidden; border: none; border-radius: 0.1875rem; text-transform: uppercase; font-weight: var(--Medium); -webkit-transition: all, ease-in-out 0.25s; -moz-transition: all, ease-in-out 0.25s; -ms-transition: all, ease-in-out 0.25s; transition: all, ease-in-out 0.25s; }
.btn.active.focus,
.btn.active:focus,
.btn.focus, .btn:active.focus,
.btn:active:focus,
.btn:focus { outline: none; box-shadow: none; }
.btn-mini { padding: 0.3125rem 0.625rem; font-size: 0.6875rem; font-weight: var(--wHeavy); }
.btn-lg { font-size: 1.75rem; padding: 0.9375rem 0.3125rem; }

/* Button w/Loading Icons */
.btn-loader,
button[type=submit] { position: relative; }
.btn-loader .btn-loading-text,
button[type=submit] .btn-loading-text { display: none; }
.btn-loader .btn-loading-text .loading-icon,
button[type=submit] .btn-loading-text .loading-icon { vertical-align: middle; font-size: 100%; line-height: 1; }

/* Form Elements */
label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
label.error { font-size: 0.875rem; color: red !important }

/* Custom Checkbox Styles */
input[type=checkbox] { display: none; }
input[type=checkbox] + label { cursor: pointer; position: relative; padding-left: 2.25rem; }
input[type=checkbox] + label:before { content: ""; display: block; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0; background: hsl(var(--white)); border: 0.0625rem solid hsl(0, 0%, 40%); }
input[type=checkbox]:checked + label:before { content: "\f00c"; padding-left: 0.125rem; box-shadow: inset 0 0 0.375rem -0.125rem hsl(var(--black)); font-family: "FontAwesome"; font-size: 1.5rem; color: hsl(var(--siteColor1)); line-height: 0.75; text-align: center; }
input[type=checkbox] + label.select-all:before { width: 1.125rem; height: 1.125rem; font-size: 1.125rem; line-height: 0.85; }
.input-well { display: block; padding: 0.9375rem !important; background: hsl(var(--white)); }
.input-well label { display: block; font-size: 0.75rem; color: hsl(0, 0%, 40%); line-height: 1.25; text-align: left !important; font-weight: var(--wRegular) !important; }
.input-well input[type=checkbox] + label:before { top: 0.125rem; }

/* Bootstrap */
.bootstrap-select { width: 100% !important; }
.bootstrap-select .btn { border: 0.0625rem solid hsl(0, 0%, 87%); border-radius: 0; }