/* Button Styles */
.btn { padding: 0.625rem 1.25rem; position: relative; overflow: hidden; border: none; border-radius: 0.1875rem; font-family: var(--siteFont3), sans-serif; font-size: 0.9375rem; text-transform: uppercase; font-weight: 500; -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: 700; }
.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; }

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

/* Style Checkboxes with Custom look
  THE LABEL for ATTRIBUTE VALUE MUST MATCH THE INPUT id FOR THIS TO WORK
*/
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: 400 !important; }
.input-well input[type=checkbox] + label:before { top: 0.125rem; }

/* BE - Opt In */
.payment_type_box { padding: 1.25rem; border: 0.0625rem hsla(var(--black), 10%) solid; border-radius: var(--borderRadiusCheckbox); }
.payment_type_box .form-check-label { font-weight: var(--wRegular); align-items: flex-start; }