/* https://github.com/Toucaan/--inch/blob/master/css/--inch.css */

/****************/
/* BASE */
/****************/
:root {
  --inch: 96px;
}

@media (resolution: 192dpi) and (-webkit-device-pixel-ratio: 2) {
  :root {
    --inch: 130px;
  }
}

/*  Test for the size of a pixel depends on the distribution of points (pixel count)
    along the physical size (i.e. spread area of points) of the glass.
    For the measure of area we are using precise `device-width` or `device-height`
    even though the CSS property has been deprecated by the w3c.

    100% vendors support `device-width` and `device-height` at the moment and the
    property will continue to be supported well into the future simply because it
    it is the only way to target/match device specifically using the natural resolve
    of the hardware.

    https://caniuse.com/#search=device-width

    There are probably other ways of achieving the above result using min()/max()
		properties but those would be empirical in nature.

		The mappings have been categorized into five zones: */

/****************/
/* DESKTOP ZONE */
/****************/

/* 13.3-inch MBP (2012) (1280 x 800). Do we need to specify device-height as well? */
@media (resolution: 96dpi) and (device-width: 1280px), (-webkit-device-pixel-ratio: 1) and (device-width: 1280px) {
  :root {
    --inch: 116px;
  }
}

/* 17" Retina MBP/Chrome values */
@media (resolution: 192dpi) and (device-width: 1680px), (-webkit-device-pixel-ratio: 2) and (device-width: 1680px) {
  :root {
    --inch: 130px;
  }
}

/* Windows 10 @100% (1366 x 768) landscape. */
@media (resolution: 96dpi) and (device-width: 1366px), (-webkit-device-pixel-ratio: 1) and (device-width: 1366px) {
  :root {
    --inch: 114px;
  }
}

/* Windows 10 Pro @100% (1920 x 1080px) landscape. */
@media (resolution: 96dpi) and (device-width: 1920px), (-webkit-device-pixel-ratio: 1) and (device-width: 1920px) {
  :root {
    --inch: 144px;
  }
}

/* Windows 10 Pro @125% (1920 x 1080px) landscape. */
@media (resolution: 120dpi) and (device-width: 1536px), (-webkit-device-pixel-ratio: 1) and (device-width: 1536px) {
  :root {
    --inch: 115px;
  }
}

/* 27" EIZO monitor (2560 x 1440)*/
@media (resolution: 115dpi) and (device-width: 2560px), (-webkit-device-pixel-ratio: 1) and (device-width: 2560px) {
  :root {
    --inch: 92px;
  }
}

/****************/
/* MOBILE ZONE */
/****************/

/* iPhone 11 Pro Max */
@media (device-width: 414px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  :root {
    --inch: 370px;
  }
}

@media (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  :root {
    --inch: 189px;
  }
}

/* iPhone 6 */
@media (device-width: 375px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  :root {
    --inch: 430px;
  }
}

@media (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  :root {
    --inch: 242px;
  }
}


/****************/
/* TABLET ZONE  */
/****************/

/* ----------- iPad Pro 10.5 ----------- */
@media  (device-width: 834px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  :root {
    --inch: 158px;
  }
}

@media (device-width: 834px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
  :root {
    --inch: 118px;
  }
}

/*******************/
/* SMARTWATCH ZONE */
/*******************/

/* Apple Watch 5 (Women) 40mm. */
@media (device-width: 324px) and (min-device-height: 394px) and (-webkit-device-pixel-ratio: 3) {
  :root {
    --inch: 370px;
  }
}

/* Apple Watch 5 (Men) 44mm. */
@media  (device-width: 368px) and (min-device-height: 448px) and (-webkit-device-pixel-ratio: 3) {
  :root {
		--inch: 370px;
  }
}

/* Moto 360 Watch */
@media (device-width: 218px) and (device-height: 281px) and (-webkit-device-pixel-ratio: 2) {
  :root {
    --inch: 227px;
  }
}

/* print */
@media print {
  :root {
    /* NOTE qac: apparently chrome only works with mm???? */
    --inch: 25.4mm;
  }
}

/*********************/
/* PROJECTOR/TV ZONE */
/*********************/





/*********************************************************/
/**		Metric System & Imperial Units of Measurement 	 	**/
/*********************************************************/

:root {
  /* Do not --inch variable here. Doing so will break the cascade. */
  --centimeters: calc(2.54 * var(--inch));
  --millimeters: calc(25.4 * var(--inch));
  --meters: calc(2.54 * var(--inch) / 100);
  --feet: calc(12 * var(--inch));
  --thou: calc(var(--inch) / 1000);
}
:root {
  --brand-amp: #ed1c24;
  --state-muted-text: #757575;
  --state-muted-bg: #eee;
  --state-muted-border: #d6d6d6;
  /* darken(adjust-hue(#eee, -10), 5%) */
  --brand-caution: #db9050;
  --state-caution-text: #8a6d3b;
  --state-caution-bg: #f9e7cd;
  --state-caution-border: #e0c2a2;
  /* darken(adjust-hue(#f9e7cd, -10), 5%) */
  --brand-inverse: #474949;
  --brand-gray: #58595b;
  --btn-inverse-color: #fff;
  --btn-inverse-bg: var(--brand-inverse);
  --btn-inverse-border: #333;
  --btn-muted-color: var(--state-muted-text);
  --btn-muted-bg: var(--state-muted-bg);
  --btn-muted-border: var(--state-muted-border);
  --brand-soft-danger: #ffeeee;
  --brand-soft-success: #eeffee;
  --brand-soft-primary: #eeeeff;
  --brand-soft-warning: #ffffee;
  --border-color: #e5e5e5;
  --list-group-border: #ddd;
  --list-group-bg: #fff;
  --state-warning-bg: #fcf8e3;
  --state-info-text: #31708f;
  --gray-base: #000;
  --gray-darker: color-mix(in srgb, var(--gray-base), white 13.5%);
  --gray-dark: color-mix(in srgb, var(--gray-base), white 20%);
  --gray: color-mix(in srgb, var(--gray-base), white 33.5%);
  --gray-light: color-mix(in srgb, var(--gray-base), white 46.7%);
  --gray-lighter: color-mix(in srgb, var(--gray-base), white 93.5%);
  --btn-primary-border: color-mix(in srgb, var(--btn-primary-bg), black 5%);
  --btn-success-border: color-mix(in srgb, var(--btn-success-bg), black 5%);
  --btn-info-border: color-mix(in srgb, var(--btn-info-bg), black 5%);
  --btn-warning-border: color-mix(in srgb, var(--btn-warning-bg), black 5%);
  --btn-danger-border: color-mix(in srgb, var(--btn-danger-bg), black 5%);
  --brand-primary: color-mix(in srgb, #428bca, black 6.5%);
  --brand-success: #5cb85c;
  --brand-info: #5bc0de;
  --brand-warning: #f0ad4e;
  --brand-danger: #d9534f;
  --body-bg: #fff;
  --text-color: var(--gray-dark);
  --link-color: var(--brand-primary);
  --link-hover-color: color-mix(in srgb, var(--link-color) 15%, black);
  --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-family-serif: Georgia, "Times New Roman", Times, serif;
  --font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --font-family-base: var(--font-family-sans-serif);
  --font-size-base: 14px;
  --font-size-large: calc(var(--font-size-base) * 1.25);
  --font-size-small: calc(var(--font-size-base) * 0.85);
  --font-size-h1: calc(var(--font-size-base) * 2.6);
  --font-size-h2: calc(var(--font-size-base) * 2.15);
  --font-size-h3: calc(var(--font-size-base) * 1.7);
  --font-size-h4: calc(var(--font-size-base) * 1.25);
  --font-size-h5: var(--font-size-base);
  --font-size-h6: calc(var(--font-size-base) * 0.85);
  --line-height-base: 1.428571429;
  --line-height-computed: calc((var(--font-size-base) * var(--line-height-base)));
  --headings-font-family: inherit;
  --headings-font-weight: 500;
  --headings-line-height: 1.1;
  --headings-color: inherit;
  --padding-base-vertical: 6px;
  --padding-base-horizontal: 12px;
  --padding-large-vertical: 10px;
  --padding-large-horizontal: 16px;
  --padding-small-vertical: 5px;
  --padding-small-horizontal: 10px;
  --padding-xs-vertical: 1px;
  --padding-xs-horizontal: 5px;
  --line-height-large: 1.3333333;
  --line-height-small: 1.5;
  --border-radius-base: 4px;
  --border-radius-large: 6px;
  --border-radius-small: 3px;
  --component-active-color: #fff;
  --component-active-bg: var(--brand-primary);
  --btn-font-weight: normal;
  --btn-default-color: #333;
  --btn-default-bg: #fff;
  --btn-default-border: #ccc;
  --btn-primary-color: #fff;
  --btn-primary-bg: var(--brand-primary);
  --btn-primary-border: color-mix(in srgb, var(--btn-primary-bg), black 5%);
  --btn-success-color: #fff;
  --btn-success-bg: var(--brand-success);
  --btn-success-border: color-mix(in srgb, var(--btn-success-bg), black 5%);
  --btn-info-color: #fff;
  --btn-info-bg: var(--brand-info);
  --btn-info-border: color-mix(in srgb, var(--btn-info-bg), black 5%);
  --btn-warning-color: #fff;
  --btn-warning-bg: var(--brand-warning);
  --btn-warning-border: color-mix(in srgb, var(--btn-warning-bg), black 5%);
  --btn-danger-color: #fff;
  --btn-danger-bg: var(--brand-danger);
  --btn-danger-border: color-mix(in srgb, var(--btn-danger-bg), black 5%);
  --btn-link-disabled-color: var(--gray-light);
  --btn-border-radius-base: var(--border-radius-base);
  --btn-border-radius-large: var(--border-radius-large);
  --btn-border-radius-small: var(--border-radius-small);
  --input-bg: #fff;
  --input-bg-disabled: var(--gray-lighter);
  --input-color: var(--gray);
  --input-border: #ccc;
  --input-border-focus: #66afe9;
  --input-color-placeholder: #999;
  --input-height-base: (var(--line-height-computed) + (var(--padding-base-vertical) * 2) + 2);
  --input-height-large: calc((var(--font-size-large) * var(--line-height-large)) + (var(--padding-large-vertical) * 2) + 2);
  --input-height-small: calc((var(--font-size-small) * var(--line-height-small)) + (var(--padding-small-vertical) * 2) + 2);
  --dropdown-link-active-color: var(--component-active-color);
  --dropdown-link-active-bg: var(--component-active-bg);
  --input-border-radius: var(--border-radius-base);
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-flow--column {
  flex-flow: column;
}
.flex-flow--row {
  flex-flow: row wrap;
}
.flex-flow--row-nowrap {
  flex-flow: row nowrap;
}
@media screen and (max-width: 991px) {
  .flex-flow--column-sm {
    flex-flow: column;
  }
}
.align-items--center {
  align-items: center;
}
.align-items--flex-start {
  align-items: flex-start;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-center {
  justify-content: center;
}
.justify-content--start {
  justify-content: flex-start;
}
.justify-content--end {
  justify-content: flex-end;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.flex-direction--row-reverse {
  flex-direction: row-reverse;
}
.flex-gap--1 {
  gap: 1em;
}
.flex-gap--05 {
  gap: 0.5em;
}
.flex-gap--05 > .help-block {
  margin: 0;
  display: flex;
  align-items: center;
}
.btn-svg {
  padding: 0;
}
.btn-svg svg {
  width: 100%;
  height: 100%;
}
.align-items--center > .control-label {
  padding-top: 0;
  padding-bottom: 0;
}
.flex-grow {
  flex-grow: 1;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 100 Italic"), local("MuseoSans-100Italic"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-100Italic.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-100Italic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 300"), local("MuseoSans-300"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-300.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-300.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 300 Italic"), local("MuseoSans-300Italic"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-300Italic.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-300Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 500"), local("MuseoSans-500"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-500.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 500 Italic"), local("MuseoSans-500Italic"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-500Italic.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-500Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 900"), local("MuseoSans-900"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-900.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-900.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 900 Italic"), local("MuseoSans-900Italic"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-900Italic.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-900Italic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 100"), local("MuseoSans-100"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-100.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-100.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 700"), local("MuseoSans-700"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-700.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Museo Sans';
  src: local("Museo Sans 700 Italic"), local("MuseoSans-700Italic"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-700Italic.woff2") format("woff2"), url("https://www.finalforms.com/hubfs/fonts/v3/hinted-MuseoSans-700Italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FinalForms Icons';
  src: url(https://www.finalforms.com/hubfs/fonts/v3/finalforms-icons.woff2) format("woff2"), url(https://www.finalforms.com/hubfs/fonts/v3/finalforms-icons.woff) format("woff"), url(https://www.finalforms.com/hubfs/fonts/v3/finalforms-icons.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*************************/
/** Bootstrap OVERRIDES **/
/*************************/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, legend, .header-font {
  font-family: 'Museo Sans','Helvetica Neue',Arial,Helvetica,sans-serif;
}


h1 {
  font-size: 3.2rem;
}


h1.main-title {
  margin-top: 0;
}


h1.main-title small {
  display: inline-block;
}


h1.main-title small .label {
  vertical-align: top;
}


h1.main-title small .label .glyphicon {
  vertical-align: top;
}

@media (max-width: 1199px) {
  h1 {
    font-size: 2.8rem;
  }
}

@media (max-width: 991px) {

  h1 {
    font-size: 2.4rem;
  }
}


h2 {
  font-size: 2.8rem;
}

@media (max-width: 1199px) {

  h2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 991px) {

  h2 {
    font-size: 1.8rem;
  }
}


h3 {
  font-size: 2.4rem;
}

@media (max-width: 1199px) {

  h3 {
    font-size: 2.0rem;
  }
}

@media (max-width: 991px) {

  h3 {
    font-size: 1.6rem;
  }
}


th h3, td h3 {
  margin: 5px 0 0;
}


legend {
  font-size: 2.1rem;
}


legend h2, legend h3, legend h4, legend h5 {
  margin: 0;
}

@media (max-width: 1199px) {

  legend {
    font-size: 1.9rem;
  }
}

@media (max-width: 991px) {

  legend {
    font-size: 1.6rem;
  }
}


blockquote {
  font-size: 14px;
  white-space: pre-line;
}


summary {
  cursor: pointer;
}


summary > * {
  display: inline-block;
}


details > summary:first-of-type {
  display: list-item;
}

.form-group__details-wrapper summary {
  margin: 1em 0;
  font-weight: bold;
  font-size: 1.0em;
}
.form-horizontal .form-group__details-wrapper summary {
  padding-left: 3rem;
}

/* Links */

.btn-appearance-none {
  appearance: none;
  padding-block: 0;
  padding-inline: 0;
  border: none;
  background: none;
}

a {
  transition: all 0.2s ease-out;
}


a[disabled] {
  pointer-events: none;
}


.no-link-underline a {
  text-decoration: none !important;
}

.map_link {
  vertical-align: middle;
}

/* Horizonal rule */

hr {
  box-shadow: 0 1px 1px #fff;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}


hr.spacer {
  margin: 40px 0;
}

/* Checkbox Fix */

input.form-control[type=checkbox] {
  width: 2rem;
  margin: 0px;
  cursor: pointer;
}


select.form-control {
  cursor: pointer;
  width: auto;
  max-width: 100%;
}

/* Date Mask Fix */

input[type="date"] {
  line-height: inherit;
}


input[type="number"] {
  width: 10em;
}


.form-control[autocomplete="postal-code"] {
  width: 7em;
}


.form-control[autocomplete="address-level2"] {
  width: 15em;
  flex: 1;
}


.form-control[autocomplete="address-level1"] {
  width: 7em;
}


.form-control[autocomplete="country"] {
  width: 5.5em;
}

/* Popover */

.popover {
  max-width: 30em;
}


.popover .popover-title {
  white-space: pre-line;
}

/* Popup footer */

.modal-footer {
  margin-top: 0px;
}


.modal-body__loading {
  display: flex;
  flex-flow: column;
  min-height: 18rem;
  align-items: center;
  justify-content: center;
}


.modal-body__loading svg {
  display: block;
  width: 5rem;
  height: 5rem;
  opacity: 0.5;
}


.modal-title .main-title {
  margin: 0;
}


.modal-title .sub-title {
  margin: 0.5rem 0 0 0;
}

/*************************/
/** BOOTSTRAP ADDITIONS **/
/*************************/

.background-white {
  background: white;
}


.clear {
  clear: both;
}


.sub-title {
  margin: 0 0 1rem;
}


.modal-title .sub-title {
  margin: 0.5rem 0 0 0;
}


h6.sub-title {
  text-transform: uppercase;
  font-weight: bold;
  color: #888;
}


h6.sub-title.profile-page__h6 {
  line-height: 1.5;
}


h6.sub-title.profile-page__h6 b {
  white-space: nowrap;
}


h6.sub-title.profile-page__h6 .list-inline {
  margin-bottom: 0;
}


.profile-page__cta-container {
  text-align: center;
  margin-bottom: 1rem;
}


.profile-page__title-and-contact {
  display: flex;
  flex-flow: row wrap;
  max-width: 700px;
  align-items: center;
  gap: 0.5rem;
}


.profile-page__title-and-contact > * {
  max-width: 100%;
}

/* Glyphicons */

.glyphicon.danger {
  color: #d9534f;
}


.glyphicon.success {
  color: #5cb85c;
}


.glyphicon.warning {
  color: #f0ad4e;
}


.glyphicon.info {
  color: #5bc0de;
}


.glyphicon.primary {
  color: #337ab7;
}


.glyphicon.inverse {
  color: #474949;
}

/* Text */

.text-amp {
  color: var(--brand-amp);
}


.text-normal {
  color: #333333;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}


.text-center {
  text-align: center;
}


.text-right {
  text-align: right;
}


.text-left {
  text-align: left;
}


.text-uppercase {
  text-transform: uppercase;
}


.text-bold {
  font-weight: bold;
}


.text-italic {
  font-style: italic;
}


.text-middle {
  vertical-align: middle;
}


.text-nowrap {
  white-space: nowrap;
}


.text-mono {
  font-family: monospace;
}


.text-pre {
  white-space: pre;
}


.text-prewrap {
  white-space: pre-line;
}


.text-lg {
  font-size: 2.4em;
}


.text-md {
  font-size: 1.6em;
}


.text-sm {
  font-size: 0.9em;
}


.text-tiny, .text-xs {
  font-size: 0.8em;
}


.font-reset {
  font-size: 1.4rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.6;
}

/* Leads */

.lead legend {
  font-size: 24px;
}

@media (min-width: 768px) {

  .lead {
    font-size: 1.8rem;
  }
}


.lead .text-reset {
  font-size: 1.4rem;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: 1.6;
}

/* Wells */

.well > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .well:not(.well-sm) {
    padding: 1.5rem;
  }
}


.pre-scrollable--minimal {
  max-height: 15rem;
  font-size: 1.1rem;
}

/* Tables */

.btn-group > .btn + form .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}


#content > .btn-group {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}


.primary-actions .dropdown-menu {
  left: auto;
  right: 0;
}

@media screen and (min-width: 768px) {

  .primary-actions.footer {
    margin-top: -65px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {

  .container {
    width: 100%;
  }

  #content > .row:not(.content__split-view-container) {
    overflow: hidden;
  }
}

/* Alerts */

.alert.lead {
  font-size: 16px;
}


.alert > *:first-child {
  margin-top: 0;
}


.alert > *:last-child {
  margin-bottom: 0;
}

/* Carets */

.caret.caret-up {
  border-top: 4px solid transparent;
  border-bottom: 4px solid;
}

/* Badges */

#body .badge.badge--bootstrap {
  border: 1px solid currentColor;
}


#body .badge:not(.badge--bootstrap) {
  display: inline-block;
  border-radius: 4px;
  line-height: 1.3em;
  padding: 1px 4px 0;
  text-align: center;
  font-size: 10px;
  white-space: nowrap;
  top: -6px;
  margin-right: -5px;
  border: 1px solid #ddd;
  background-color: #fff;
  color: #474949;
}


#body .badge.danger {
  border-color: #d9534f;
  color: #d9534f;
  background-color: #fff;
}


#body .badge.success {
  border-color: #5cb85c;
  color: #5cb85c;
  background-color: #fff;
}


#body .badge.warning {
  border-color: #f0ad4e;
  color: #f0ad4e;
  background-color: #fff;
}


#body .badge.info {
  border-color: #5bc0de;
  color: #5bc0de;
  background-color: #fff;
}


#body .badge.primary {
  border-color: #337ab7;
  color: #337ab7;
  background-color: #fff;
}


#body .badge.inverse {
  border: none;
  background-color: #474949;
  color: #fff;
}


#body .navbar-static-top .nav .badge {
  left: 25px;
  top: 8px;
  position: absolute;
}

/* Span Labels */

.label {
  font-size: 80%;
  padding: 0.2em 0.6em;
}


.label.label-caution {
  background-color: #f77100;
}


.label.label-caution[href]:hover, .label.label-caution[href]:focus {
  background-color: #c45a00;
}


.label.label-inverse {
  background-color: #545656;
}


.label.label-inverse[href]:hover, .label.label-inverse[href]:focus {
  background-color: #3b3c3c;
}


.label.label-compact {
  padding: 0.135em 0.35em 0em;
}


.label a {
  color: currentColor !important;
  text-decoration: underline;
}


a .label {
  transition: all 0.2s ease-out;
  text-decoration: none !important;
  transform: translate3d(0, 0, 0);
}


a:active .label,
a:focus .label {
  opacity: 0.6;
}

@media (hover: hover) {

  a:hover .label {
    opacity: 0.8;
  }
}


label.flex {
  cursor: pointer;
}

/* Dropdown divider labels */

.dropdown-menu li.divider-labeled {
  overflow: visible;
  margin-top: 12px;
  margin-bottom: 12px;
  position: relative;
}


span.divider-label {
  display: inline-block;
  max-width: 100%;
  margin: -20px 15px 0;
  font-size: 12px;
  color: #777;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #fff;
  padding: 0 5px;
}


.status .dropdown-menu span.divider-label {
  margin-left: 12px;
}


.dropdown-menu > li > .btn-link {
  text-align: left;
  width: 100%;
  padding: 3px 20px;
  color: #333333;
  text-decoration: none;
}


.dropdown-menu > li > .btn-link:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}


.dropdown-menu .hidden-xs {
  display: initial !important;
}


.status-filter-li__custom input {
  min-width: 12rem;
  margin: 2px 0;
}


.status-filter-li__checkbox {
  white-space: nowrap;
}


.status-filter-li__checkbox label {
  min-width: 12rem;
  padding: 2px 1px;
}

/* Select2 */

.btn-select {
  color: #555;
  font-weight: bold;
  border-color: #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Panels */

.panel {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}


.form-group .panel {
  margin-bottom: 0;
  margin-top: 0.5rem;
}

/* Label classes */

label.opt-in-label {
  font-weight: normal;
  margin-bottom: 0px;
}


label.checkbox.slim {
  margin: 0px;
}


input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}


[class*="checkbox"] label {
  cursor: pointer;
}


[type="radio"] {
  cursor: pointer;
}


.radio-inline[disabled], .checkbox-inline[disabled] {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}

.radio-inline[readonly], .checkbox-inline[readonly], input[type="checkbox"][readonly] {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}

.checkbox.disabled {
  cursor: not-allowed;
}

.checkbox.disabled label {
  pointer-events: none;
}

.flex .checkbox {
  padding-top: 0;
}


.flex .checkbox label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Lists */

ul.spaced > li, ol.spaced > li {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}


ul.inline > li, ol.inline > li {
  display: inline-block;
  padding: 0 5px;
}

/* Pre */

pre.unstyled {
  background-color: none;
  border: none;
  margin: 0px;
  padding: 0px;
}


pre#message {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  word-break: normal;
}

/* Form additions */

form.searchable {
  clear: both;
}


.help-block__expander {
  color: #707070;
  margin-top: 0.2em;
}


.help-block__expander summary {
  font-size: 0.9em;
}


.help-block__expander div {
  border-left: 1px solid #7070706e;
  display: block;
  padding-left: 0.5em;
}


.form-group summary {
  padding-top: 0.5em;
}


.secondary-link {
  margin-left: 10px;
}


.date-select {
  display: flex;
  flex-flow: row;
  gap: 0.5rem;
}


.date-select .help-block {
  padding-left: 2rem;
  display: inline-block;
}


.form-control.input-inline {
  display: inline;
  float: none;
  width: 35px;
  margin-top: -4px;
  margin-bottom: 0px;
}


.form-control.input-inline.input-sm {
  width: 150px;
}


.form-control.input-inline.input-xs {
  width: 50px;
}


.form-control.disabled {
  background-color: #eeeeee;
  opacity: 1;
  cursor: not-allowed;
  pointer-events: none;
}
.form-control.readonly {
  background-color: #eeeeee;
}


.form-control.input-sm:not(textarea) {
  max-width: 120px;
  width: 120px;
}


.control-label--modal {
  font-size: 0.85em;
  padding-right: 0;
}


.admin-only, .blue-area {
  border: 2px solid #ddd;
  background: rgba(200, 200, 255, 0.1);
  margin: 10px -15px;
  padding: 2px 15px;
}


.red-area {
  border: 2px solid #ddd;
  background: rgba(255, 150, 150, 0.1);
  margin: 10px -15px;
  padding: 2px 15px;
}

/* Hidden file selects */

input.hidden[type=file] {
  display: block !important;
  visibility: visible !important;
  opacity: 0;
  height: 0px;
  width: 0px;
}

/* Form error & info messages */

input.validation-error, select.validation-error, textarea.validation-error {
  border-color: #bc2e29;
}


input.validation-error[type="radio"], input.validation-error[type="checkbox"] {
  box-shadow: 0 4px 0 #bc2e29;
}


.select2-container.validation-error a.select2-choice {
  border-color: #bc2e29;
}


.select2-drop.validation-error {
  border-color: #bc2e29;
}

/* Rails field_with_errors is applied to nested forms sometimes */

.field_with_errors input[type="text"],
.field_with_errors input[type="email"],
.field_with_errors select,
.field_with_errors textarea,
.field_with_errors .select2-container {
  border-color: #bc2e29;
  --input-border: #bc2e29;
}


input.state-info, select.state-info, textarea.state-info {
  border-color: #31708f;
  box-shadow: 0 0 6px #31708f;
}


input.state-info[type="radio"], input.state-info[type="checkbox"] {
  box-shadow: 0 4px 0 #31708f;
}


.select2-container.state-info a.select2-choice {
  border-color: #31708f;
}


.select2-drop.state-info {
  border-color: #31708f;
}


.select2-container--multiple > * {
  min-width: 100%;
}

/* bookmark prompt */

.div-arrow, .div-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}


.div-arrow {
  border-width: 11px;
}


.div-arrow:after {
  content: "";
  border-width: 10px;
}


.div-arrow.bottom {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}


.div-arrow.bottom:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}


.div-arrow.left {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}


.div-arrow.left:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}


.div-arrow.top {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}


.div-arrow.top:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}


.div-arrow.right {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}


.div-arrow.right:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

/* Miscellaneous Classes */

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}


.truncate {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.sub-legend {
  text-transform: uppercase;
  font-weight: bold;
  color: #808080;
  margin: -15px 0 25px;
}


.primary-actions {
  float: right;
}

@media (max-width: 767px) {

  .primary-actions {
    justify-content: flex-end;
  }
}


.primary-actions .add-to-calendar-button {
  margin: -6px 0;
}

@media screen and (max-width: 991px) {

  .primary-actions__offset {
    margin-right: 0.5rem;
  }

  .primary-actions__offset > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
}

@media screen and (min-width: 991px) {

  .primary-actions__offset {
    margin-right: 20px;
  }
}


.border-box {
  border: 2px solid #000;
  padding: 0.8em 1em;
  margin: 1em 0;
}


.modal-iframe-container {
  box-shadow: inset 0px -10px 10px -10px rgba(0, 0, 0, 0.13);
  margin: -15px;
}


.modal-iframe-container iframe {
  width: 100%;
  min-height: 60vh;
  border: none;
}


.initially-hidden {
  display: none;
}

/******************/
/** APP ELEMENTS **/
/******************/
/* Navbar */

.notifications-dropdown__header {
  padding: 3px 20px 8px;
  border-bottom: 2px solid #ddd;
  color: #666;
}


.notifications-dropdown__header .glyphicon {
  font-size: 14px;
  padding-right: 5px;
}


#notifications-dropdown {
  min-width: 350px;
}


#notifications-dropdown .notification {
  position: relative;
  overflow: hidden;
  line-height: 1.8em;
  border-bottom: 1px solid #e1e1e1;
}


#notifications-dropdown .notification a {
  padding: 10px 20px;
  white-space: normal;
}


#notifications-dropdown .notification .notification-new-icon {
  color: #0078ff;
}


#notifications-dropdown .notification .notification-sub-title {
  color: #666;
  display: block;
  width: 245px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#notifications-dropdown .notification .notification-date {
  color: #777777;
  position: absolute;
  bottom: 0px;
  right: 6px;
  font-size: 70%;
}


.identifier .identity-name {
  display: inline-block;
  min-width: 100px;
  vertical-align: top;
  line-height: 1em;
  margin-top: -3px;
  margin-bottom: -5px;
}


.identifier .identity-name small {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
}


#loader {
  margin-left: 10px;
  margin-right: 0;
  margin-bottom: 0;
  pointer-events: none;
}


#loader svg {
  margin: auto;
  width: 25px;
  height: 25px;
  display: block;
  visibility: hidden;
}

/* Document Uploader/Viewer */

div.documents div.input-group {
  margin-bottom: 5px;
}


div.documents span.help-block {
  margin-bottom: 0px;
}


div.documents label.form-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Page Stats */

#page-stats {
  margin: -21px 0 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}


#page-stats ul.counter {
  margin: 0;
}


#page-stats h2 small {
  color: #fff;
  font-size: 16px;
}


#page-stats ul.counter li {
  border-left-color: #fff;
}


ul.counter {
  margin-left: 0;
  padding-left: 0;
}


ul.counter li {
  margin: 5px 25px 5px 0;
  border-left: 3px solid #ccc;
  padding: 0 15px 0 8px;
}


ul.counter li h2 {
  line-height: 1em;
  margin: 0;
}

@media (max-width: 991px) {

  ul.counter li {
    margin-right: 10px;
  }
}


.trumbowyg-dropdown button svg {
  display: none;
}

/******************/
/** FORMSET ONLY **/
/******************/

.member-form-statuses legend, .vendor-form-statuses legend {
  padding-top: 1em;
}


.member-form-statuses form a:not(.btn):not([data-toggle]):not(.select2-choice), .vendor-form-statuses form a:not(.btn):not([data-toggle]):not(.select2-choice) {
  text-decoration: underline;
}


#form-affix-wrapper {
  position: sticky;
  left: 0;
  top: 70px;
}

@media (min-width: 767px) and (max-width: 991px) {

  #form-affix-wrapper {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {

  #form-affix-wrapper {
    position: relative;
    top: unset;
    position: fixed;
    bottom: 0;
    z-index: 3;
    pointer-events: none;
  }
}
@media (max-width: 767px) {

  #form-affix-wrapper > * {
    pointer-events: auto;
  }
}

@media print {

  #form-affix-wrapper {
    position: static;
  }
}

@media (max-width: 767px) {

  #body-wrapper.form-affix--open #form-affix-wrapper + div {
    filter: blur(4px);
  }
}


#form-affix {
  position: relative;
}

@media (max-width: 767px) {

  #form-affix {
    transition: transform 0.2s ease-out;
    transform: translate3d(0, calc(100% - 60px), 0);
    padding-bottom: 1rem;
  }

  .form-affix--open #form-affix {
    transform: translate3d(0, 0, 0);
  }
}

@media print {

  #form-content {
    width: 100%;
  }
}

@media (max-width: 767px) {

  .form-affix__footer {
    background: #fff;
    padding: 1rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  }
}


.form-affix__footer-last-edited {
  display: block;
}

@media (min-width: 767px) {

  .form-affix__footer-last-edited {
    margin-bottom: 15px;
  }
}


.form-affix__header-right {
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}


.form-affix__header-expand-btn {
  display: block;
  height: 100%;
  width: 8rem;
  flex: 1;
}


.form-affix--open .form-affix__header-expand-btn {
  transform: rotate3d(0, 0, 1, 180deg);
}

@media (min-width: 767px) {

  .form-affix__header-expand-btn {
    display: none !important;
  }
}


.form-affix__counter {
  padding: 0.5rem;
}


#form-panel {
  position: relative;
}


#form-panel > .panel-heading > *:first-child {
  margin: 0;
}

@media (max-width: 767px) {

  #form-panel > .panel-heading {
    padding: 0;
  }

  #form-panel > .panel-heading > *:first-child {
    padding: 1rem;
  }
}


#form-member-info, #form-vendor-info {
  display: none;
}


.form__fieldset-grouping .form-group {
  background: #0000000f;
  padding-bottom: 1.5rem;
  margin: 0;
}


.form__fieldset-grouping .form-group:last-child {
  margin-bottom: 1.5rem;
}


.form__fieldset-grouping .form-group:first-child {
  padding-top: 1.5rem;
}

/* Form Navigation */

#form-panel .list-group-item {
  padding: 5px 12px;
}


#form-panel .list-group-item > a {
  text-decoration: none;
  display: block;
}


#form-panel .list-group-item > a[disabled] {
  pointer-events: none;
}


#form-panel .list-group-item > a.flex {
  display: flex;
  align-items: center;
}


#form-panel .list-group-item .form-name {
  margin-left: 10px;
  flex: 1;
}


#form-panel .list-group-item.active {
  border-left: 4px solid #337ab7 !important;
  border-color: #ddd;
  background-color: #fff;
}


#form-panel .list-group-item.incomplete {
  background-color: #ffeeee;
  border-left-color: #d9534f !important;
}


#form-panel .list-group-item.incomplete a {
  color: #d9534f;
}


#form-panel .list-group-item.incomplete:hover {
  background-color: #fff3f3;
}


#form-panel .list-group-item.unsigned {
  background-color: #ffffee;
  border-left-color: #f0ad4e !important;
}


#form-panel .list-group-item.unsigned a {
  color: #f0ad4e;
}


#form-panel .list-group-item.unsigned:hover {
  background-color: #fffff3;
}


#form-panel .list-group-item.muted {
  background-color: #eee;
  border-left-color: #e1e1e1 !important;
}


#form-panel .list-group-item.muted a {
  color: var(--state-muted-text);
}


#form-panel .list-group-item.muted:hover {
  background-color: #f1f1f1;
}


#form-panel .list-group-item.complete {
  background-color: #eeffee;
  border-left-color: #5cb85c !important;
}


#form-panel .list-group-item.complete a {
  color: #5cb85c;
}


#form-panel .list-group-item.complete:hover {
  background-color: #f3fff3;
}


#form-panel .list-group-item.subform .form-name {
  font-size: 12px;
}
#form-panel .list-group-item.subform .form-name:before {
  content: "-";
  display: inline-block;
  margin-right: 0.5em;
}

/*****************/
/** CONTROLLERS **/
/*****************/
/* Home */

.family-row {
  margin-bottom: 5rem;
}


.login-div > div {
  height: 12vh;
}


.login-div > div > .glyphicon {
  font-size: 12vh;
}


.login-div img {
  height: 100%;
  width: auto;
}


.login-div__second {
  padding-top: 5vh;
}


.login-div__ul {
  text-align: left;
}


.login-div__ul li {
  margin-bottom: 0.5em;
}


.color-row .login-div {
  margin-top: 20px;
}


.color-row .container {
  min-height: 300px;
  min-height: 20vh;
}


.color-row {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {

  .color-row {
    display: none;
  }
}

/* Login */

.login-panel {
  width: 100%;
  max-width: 70rem;
  padding: 1rem 1.5rem;
  margin: 1.5rem auto 0;
  background: rgba(255, 255, 255, 0.5);
}


.login-panel + .login-panel {
  margin-top: 1rem;
}


.login-panel__title {
  margin: 0;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  color: #333333;
  border-bottom: 1px solid #e5e5e5;
}


.login-panel__reg-container {
  clear: both;
  width: 100%;
  gap: 1rem;
  flex-flow: row wrap;
  justify-content: center;
}


.login-panel__reg-container > .login-panel {
  flex: 1;
  min-width: 30rem;
  margin-top: 1rem;
}

@media (min-width: 991px) {

  .login-panel--has-signup-false {
    margin-top: 100px;
  }
}


.static-login .btn .glyphicon {
  margin-right: 5px;
}


.login-panel__creation-type-toggle .form-group {
  margin-bottom: 0;
}


.login-panel__account-creation {
  scroll-margin-top: 6rem;
}


.login-panel__account-creation [data-form-type="other-proffessional"] [class*="identity-field__is-visible--"]:not(.identity-field__is-visible--other-proffessional) {
  display: none;
}


.login-panel__account-creation [data-form-type="staff"] [class*="identity-field__is-visible--"]:not(.identity-field__is-visible--staff) {
  display: none;
}


.login-panel__account-creation [data-form-type="guest"] [class*="identity-field__is-visible--"]:not(.identity-field__is-visible--guest) {
  display: none;
}


.login-panel__account-creation [data-form-type="guest"] .identity-field__is-required--false {
  display: none;
}

/******************/
/** MEDIA STYLES **/
/******************/
@media (max-width: 767px) {

  .affix {
    position: static;
  }
}

@media (max-width: 767px) {

  #loader {
    float: left;
    margin: 0;
    margin-left: 1rem;
    margin-top: 15px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {

  .dl-horizontal dt {
    float: left;
    width: 120px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .dl-horizontal dd {
    margin-left: 140px;
  }
}

/************************/
/** MARKETPLACE STYLES **/
/************************/

.uvo {
  display: grid;
  column-gap: 3rem;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  text-align: center;
}

.uvo__org-logo {
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  margin: 0;
  width: 5rem;
  height: 5rem;
  border: none;
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
  text-align: center;
  column-gap: 3rem;
}

.card__right-action {
  position: absolute;
  right: 0;
  top: 0;
}

.card-org-logo {
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  margin: 0;
  width: 5rem;
  height: 5rem;
  border: none;
}

.trumbowyg .trumbowyg-button-pane {
  z-index: 1;
}


.field--remove-signup-state > *:not(.field__remove-signup-container) {
  display: none !important;
}


.form-group--divider {
  padding-top: 1rem;
  border-top: 1px solid #00000030;
}


.form-group:not(.field--remove-signup-state) .field__remove-signup-container {
  display: none;
}

.glyphicon {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}


.glyphicon-athlete {
  font-family: 'FinalForms Icons';
}


.glyphicon-athlete:before {
  content: "\e602";
}


.glyphicon-student {
  font-family: 'FinalForms Icons';
}


.glyphicon-student:before {
  content: "\e602";
}


.glyphicon-parent,
.glyphicon-parents {
  font-family: 'FinalForms Icons';
}


.glyphicon-parent:before,
.glyphicon-parents:before {
  content: "\e603";
}


.glyphicon-coach {
  font-family: 'FinalForms Icons';
}


.glyphicon-coach:before {
  content: "\e604";
}


.glyphicon-admin,
.glyphicon-staff {
  font-family: 'FinalForms Icons';
}


.glyphicon-admin:before,
.glyphicon-staff:before {
  content: "\e606";
}


.glyphicon-nurse {
  font-family: 'FinalForms Icons';
}


.glyphicon-nurse:before {
  content: "\e709";
}


.glyphicon-support {
  font-family: 'FinalForms Icons';
}


.glyphicon-support:before {
  content: "\e720";
}


.glyphicon-school {
  font-family: 'FinalForms Icons';
}


.glyphicon-school:before {
  content: "\e608";
}


.glyphicon-bus {
  font-family: 'FinalForms Icons';
}


.glyphicon-bus:before {
  content: "\e609";
}


.glyphicon-brain {
  font-family: 'FinalForms Icons';
}


.glyphicon-brain:before {
  content: "\e60f";
}


.glyphicon-cake {
  font-family: 'FinalForms Icons';
}


.glyphicon-cake:before {
  content: "\e611";
}


.glyphicon-covid {
  font-family: 'FinalForms Icons';
}


.glyphicon-covid:before {
  content: "\e612";
}


.glyphicon-checkmark {
  font-family: 'FinalForms Icons';
}


.glyphicon-checkmark:before {
  content: "\e620";
}


.glyphicon-athlete-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-athlete-big:before {
  content: "\e700";
}


.glyphicon-student-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-student-big:before {
  content: "\e702";
}


.glyphicon-parent-big,
.glyphicon-parents-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-parent-big:before,
.glyphicon-parents-big:before {
  content: "\e703";
}


.glyphicon-coach-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-coach-big:before {
  content: "\e704";
}


.glyphicon-staff-big,
.glyphicon-admin-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-staff-big:before,
.glyphicon-admin-big:before {
  content: "\e706";
}


.glyphicon-staff-female-big,
.glyphicon-admin-female-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-staff-female-big:before,
.glyphicon-admin-female-big:before {
  content: "\e707";
}


.glyphicon-nurse-big,
.glyphicon-nurse-female-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-nurse-big:before,
.glyphicon-nurse-female-big:before {
  content: "\e709";
}


.glyphicon-support-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-support-big:before {
  content: "\e720";
}


.glyphicon-secretary-big,
.glyphicon-secretary-male-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-secretary-big:before,
.glyphicon-secretary-male-big:before {
  content: "\e710";
}


.glyphicon-secretary-female-big {
  font-family: 'FinalForms Icons';
}


.glyphicon-secretary-female-big:before {
  content: "\e711";
}


.glyphicon-groups {
  font-family: 'FinalForms Icons';
  top: 0;
}


.glyphicon-groups:before {
  content: "\e603";
}


.glyphicon-events:before {
  content: "\e109";
}


.glyphicon-envelope-alt:before {
  content: "\2709";
}


.glyphicon-member:before {
  content: "\e008";
}


.glyphicon-vendor:before {
  content: "\e139";
}


.glyphicon-hourglass-half:before {
  content: "\231b";
}


.glyphicon-phone:before {
  content: "\e182";
}


.glyphicon-cell:before {
  content: "\e145";
}


.glyphicon-files:before {
  content: "\e022";
}


.glyphicon-plus-sign-o:before {
  content: "\e089";
}


.glyphicon-minus-sign-ff:before {
  content: "\e082";
}


.glyphicon-minus-sign-o:before {
  content: "\e088";
}

.glyphicon-check:before {
  content: "\e013";
}


.glyphicon-checked-box {
  font-family: 'Glyphicons Halflings';
}


.glyphicon-checked-box:before {
  content: "\e067";
}


.glyphicon-clipboard:before {
  content: "\e205";
}


.glyphicon-archive:before {
  content: "\e121";
}


.glyphicon-caret-right:before {
  content: "\e080";
}


.glyphicon-admin {
  font-family: 'FinalForms Icons';
  top: 0;
}


.glyphicon-admin:before {
  content: "\e606";
}


.glyphicon-checkbox:before {
  content: "\e067";
}

.glyphicon-tags {
  margin-right: 0.2em;
}

.glyphicon-folder-open {
  margin-right: 0.1em;
}

.glyphicon-usd {
  margin-left: -0.1em;
}
.glyphicon-log-in {
  margin-left: -0.1em;
}

.svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
}


.svg-icon + span {
  padding-left: 0.5em;
}

body {
  background-color: #f0f0f0;
  background-repeat: repeat;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}


html {
  scroll-padding-top: 70px;
}


#content {
  min-height: 720px;
  min-height: 60vh;
}


footer {
  margin-top: 2vh;
  margin-bottom: 40px;
  color: #999;
}


footer a img {
  opacity: 0.6;
}


footer a:hover img {
  opacity: 1;
}

.sticky-tab__container {
  position: fixed;
  z-index: 1;
  display: flex;
  flex-flow: row nowrap;
  padding: 1rem;
  background: white;
  border: 1px solid #e6e6e6;
  transition: all 0.2s ease-out;
  gap: 1rem;
}

.sticky-tab__container.sticky-tab__container--open {
  transform: translateX(0);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.sticky-tab__container button {
  position: absolute;
  top: 0;
  bottom: 0;
  --btn-background: var(--brand-warning);
  --btn-color: #000;
}

.support-tab__container {
  bottom: 10vh;
  right: 0;
  transform: translatex(100%);
}

.support-tab__container.sticky-tab__container--open {
  transform: translateX(0);
}

.support-tab__container button {
  left: -4rem;
  width: 4rem;
}

.become-tab__container {
  top: 6rem;
  left: 0;
  transform: translatex(-100%);
}

.become-tab__container.sticky-tab__container--open .glyphicon {
  transform: rotate(180deg);
}

.become-tab__container button {
  right: -3rem;
  width: 3rem;
}

.action-mode-tab__container {
  top: 12rem;
  right: 0;
  transform: translatex(100%);
}

.action-mode-tab__container button {
  left: -6rem;
  width: 6rem;
}

@media (max-width: 767px) {

  .action-mode-tab__container {
    top: 80vh;
  }

  footer {
    text-align: center;
    margin-top: 40px !important;
  }

  footer .pull-right, footer .pull-left {
    float: none !important;
  }
}

@keyframes pop-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.layout__bottom-sticky-container {
  position: sticky;
  bottom: 0;
  width: 100%;
  z-index: 3;
}


.layout__bottom-sticky-container .flash-message {
  box-shadow: 0px 0px 6px 3px #3232322e;
  opacity: 0;
  transform: scale(0.5);
  animation: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.5s forwards pop-in;
}


.niaaa-award-nominations-edit.has-steps__true .layout__bottom-sticky-container .flash-message {
  margin-bottom: 10rem;
}


.zoom-splashscreen {
  display: none !important;
}



.print-inline {
  display: none;
}

@media print {

  .container {
    width: 100%;
  }

  #content  {
    padding: 0;
  }

  .no-print {
    display: none !important;
  }

  .page-break {
    display: block;
    page-break-after: always;
    break-after: page;
  }

  .no-page-break {
    page-break-inside: avoid;
    break-after: avoid;
  }

  .print-nowrap {
    white-space: nowrap;
  }

  .print-inline {
    display: inline !important;
    visibility: inherit !important;
  }

  .print.hidden {
    display: inherit !important;
    visibility: inherit !important;
  }

  .well.lead {
    padding: 10px;
    margin: 0;
    box-shadow: none;
    font-size: 11pt;
  }

  .select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input, .select2-container .select2-choice,
.input-group-addon,
.form-control {
    height: 24px;
    font-size: 12px;
  }

  .select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input,
.input-group-addon,
.form-control {
    padding: 4px 8px;
  }

  .select2-container .select2-choice .select2-arrow, select .caret {
    display: none;
  }

  input[type="radio"], input[type="checkbox"] {
    margin-top: 1px;
  }

  header {
    display: none;
  }

  .primary-actions {
    display: none;
  }

  .form-group {
    page-break-inside: avoid;
  }

  #body-wrapper a:after {
    content: none;
  }
  /* Don't show links at all. (Showing links was bootstrap addition) */

  .sorters a:after {
    content: none;
  }
  /* Don't show links for images, or javascript/internal links */

  #form-submit, #form-affix, footer {
    display: none;
  }

  #form-member-info, #form-vendor-info {
    display: block;
  }

  h1 {
    font-size: 18pt;
  }

  h2 {
    font-size: 14pt;
  }

  h3 {
    font-size: 12pt;
  }

  h4 {
    font-size: 11pt;
  }

  legend {
    font-size: 11pt;
  }

  h5 {
    font-size: 10pt;
  }

  h6.sub-title {
    font-size: 7pt;
    line-height: 9pt;
    margin: 0 0 2pt;
  }

  html {
    margin: 0px;
  }

  body {
    font-size: 8pt;
    width: 100%;
    margin: 0;
    padding-top: 0;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body p {
    margin-bottom: 0.5em;
  }

  ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent !important;
  }

  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent !important;
  }

  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent !important;
  }

  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent !important;
  }

  #flash-content {
    display: none !important;
  }
}
/* // We need to override trix.css’s image gallery styles to accommodate the
// <action-text-attachment> element we wrap around attachments. Otherwise,
// images in galleries will be squished by the max-width: 33%; rule. */
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}


trix-toolbar .trix-button--icon-underline::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z'/%3E%3C/svg%3E");
}

.trumbowyg-editor.trumbowyg-reset-css a.btn {
  /* // allow links to inherit text color from theme */
  color: #fff !important;
  text-decoration: none !important;
}
.trix-editor-container {
  min-width: 100%;
  background-color: #fff;
}
.trix-editor-container trix-editor {
  width: 100%;
}
.trix-editor-container trix-toolbar {
  min-height: 35px;
}
.trix-editor-container.well {
  padding: 5px;
}
.wysiwyg-editor__loading {
  display: none;
}

.alert-muted {
  color: var(--state-muted-text);
  background-color: var(--state-muted-bg);
  border-color: var(--state-muted-border);
}


.alert-muted hr {
  border-top-color: color-mix(in srgb, var(--state-muted-border), black 5%);
}


.alert-muted .alert-link {
  color: color-mix(in srgb, var(--state-muted-text), black 10%);
}


.alert-caution {
  color: var(--state-caution-text);
  background-color: var(--state-caution-bg);
  border-color: var(--state-caution-border);
}


.alert-caution hr {
  border-top-color: color-mix(in srgb, var(--state-caution-border), black 5%);
}


.alert-caution .alert-link {
  color: color-mix(in srgb, var(--state-caution-text), black 10%);
}

.assign-groups__container form {
  margin: 0 auto;
  max-width: 60rem;
}


.assign-groups__step-1-option-input {
  flex: 1;
  min-width: 250px;
  max-width: 100%;
}


.assign-groups__step-1-option-input----is-modal-true {
  min-width: 450px;
  min-width: Min(450px, 60vw);
  max-width: 80%;
}


.assign-groups__step-1-option {
  display: none;
}


[data-option="0"] .assign-groups__step-1-option--0 {
  display: block;
}


[data-option="1"] .assign-groups__step-1-option--1 {
  display: block;
}


.assign-groups__tabs {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 1rem;
}


.assign-groups__container[data-step="1"] .assign-groups__step:not(.assign-groups__step--1) {
  display: none;
}


.assign-groups__container[data-step="2"] .assign-groups__step:not(.assign-groups__step--2) {
  display: none;
}


.assign-groups__container[data-step="3"] .assign-groups__step:not(.assign-groups__step--3) {
  display: none;
}


.assign-groups__container[data-step="all"] .assign-groups__hidden-for-all {
  display: none !important;
}


.assign-groups__container[data-step="all"] .assign-groups__step-1-option {
  display: block !important;
}


.assign-groups__container[data-step="all"] .assign-groups__step-1-option:after {
  content: "";
  display: block;
  box-shadow: 0 1px 1px #fff;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}


.authorized-controlling-connected-account-roles__container .authorized-controlling-connected-account-roles__centered {
  margin: 0 auto;
  max-width: 60rem;
}


.authorized-controlling-connected-account-roles__container .input-group {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}


.authorized-controlling-connected-account-roles__container .select2 {
  min-width: 35vw;
  min-width: Min(450px, 35vw);
}


.authorized-controlling-connected-account-roles__container select {
  width: 12rem;
  display: inline-block;
}


.authorized-controlling-connected-account-roles__container .input-group-btn {
  width: auto;
  flex: 0 1 auto;
}


.authorized-controlling-connected-account-roles__container .select2-choice {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


.authorized-controlling-connected-account-roles__container.authorized-controlling-connected-account-roles__container--is-modal-true .select2 {
  min-width: 450px;
  min-width: Min(450px, 60vw);
  max-width: 80%;
}


#email_form[sending-via="personal"] + .row {
  display: none;
}


#email_form[sending-via="personal"] + .row + .row {
  display: none;
}


#body-wrapper.static-resource #banners {
  display: none;
}


#body-wrapper.static-resource #contents {
  overflow: hidden;
}

@media only screen and (max-device-width: 800px) {

  #body-wrapper.static-resource #contents .doc-content {
    padding: 1rem;
  }
}


#body-wrapper.static-resource #contents .doc-content {
  max-width: 100%;
  padding: 2rem;
}


.affiliate-associations__info {
  flex: 1;
}


.position-invitations__cta-container {
  bottom: 0;
  padding: 1rem;
  align-items: center;
  justify-content: center;
  position: sticky;
  background: #f0f0f0;
  box-shadow: 0px -8px 10px -8px rgba(0, 0, 0, 0.2);
}


.position-invitations__item--highlighted td {
  background-color: rgba(255, 255, 0, 0.2);
}

.help-block {
  color: #707070;
}

a.disabled {
  pointer-events: auto !important;
}
/* DEFAULT: 1px 5px */
.btn-xs {
  padding: 2px 5px;
}

/* // need to include not just IMMEDIATE children... */
.btn-group-sm .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* // bootstrap assumes safari is still broken: */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body {
    input.form-control[type="date"], input.form-control[type="time"], input.form-control[type="datetime-local"], input.form-control[type="month"] {
      line-height: normal;
    }
  }

}

@media (min-width: 768px) {
  /* // Automatically set modal's width for larger viewports */
  #body .modal-dialog {
    width: 700px;
  }

  /* // Modal sizes */
  #body .modal-sm { width: 300px; }
}
:root {
  --btn-color: #fff;
  --btn-background: #007bff;
  --btn-text-shadow: none;
}
.btn small {
  font-size: 12px;
}
.btn.disabled, .btn:disabled {
  pointer-events: auto;
}
.btn {
  transition: all 0.2s ease-out;
 /* // https://stackoverflow.com/a/21201135/406725 */
  outline: none !important;
  cursor: pointer;
}
.btn button {
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  appearance: none;
  background: none;
}
@supports (color: color-mix(in srgb, var(--btn-background) 95%, white 5%)) {
  .btn[class*="btn-"] {
    color: var(--btn-color);
    font-weight: bold;
    background-image: linear-gradient(to bottom, color-mix(in srgb, var(--btn-background) 95%, white 5%) 0%, color-mix(in srgb, var(--btn-background) 95%, black 5%) 100%);
    border-color: color-mix(in srgb, var(--btn-background) 90%, black 10%);
    border-bottom-color: color-mix(in srgb, var(--btn-background) 80%, black 20%);
    text-shadow: var(--btn-text-shadow);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  }
}
@supports (color: color-mix(in srgb, var(--btn-background) 95%, white 5%)) {
  .btn[class*="btn-"]:hover, .btn[class*="btn-"]:focus, .btn[class*="btn-"]:active, .btn[class*="btn-"].active {
    background-image: linear-gradient(to bottom, var(--btn-background) 0%, color-mix(in srgb, var(--btn-background) 90%, black 10%) 100%);
    border-color: color-mix(in srgb, var(--btn-background) 80%, black 20%);
    color: var(--btn-color);
  }
}
@supports (color: color-mix(in srgb, var(--btn-background) 95%, white 5%)) {
  .btn[class*="btn-"].disabled, .btn[class*="btn-"][disabled], fieldset[disabled] .btn[class*="btn-"], .btn[class*="btn-"].disabled:hover, .btn[class*="btn-"][disabled]:hover, fieldset[disabled] .btn[class*="btn-"]:hover, .btn[class*="btn-"].disabled:focus, .btn[class*="btn-"][disabled]:focus, fieldset[disabled] .btn[class*="btn-"]:focus, .btn[class*="btn-"].disabled:active, .btn[class*="btn-"][disabled]:active, fieldset[disabled] .btn[class*="btn-"]:active, .btn[class*="btn-"].disabled.active, .btn[class*="btn-"][disabled].active, fieldset[disabled] .btn[class*="btn-"].active {
    background-color: var(--btn-background);
    border-color: color-mix(in srgb, var(--btn-background) 95%, black 5%);
  }
}
.btn-default {
  --btn-color: var(--btn-default-color);
  --btn-background: var(--btn-default-bg);
}
.btn-primary {
  --btn-color: var(--btn-primary-color);
  --btn-background: var(--btn-primary-bg);
}
.btn-success {
  --btn-color: var(--btn-success-color);
  --btn-background: var(--btn-success-bg);
}
.btn-info {
  --btn-color: var(--btn-info-color);
  --btn-background: var(--btn-info-bg);
}
.btn-warning {
  --btn-color: var(--btn-warning-color);
  --btn-background: var(--btn-warning-bg);
}
.btn-danger {
  --btn-color: var(--btn-danger-color);
  --btn-background: var(--btn-danger-bg);
}
.btn-inverse {
  --btn-color: var(--btn-inverse-color);
  --btn-background: var(--btn-inverse-bg);
}
.btn-muted {
  --btn-color: var(--btn-muted-color);
  --btn-background: var(--btn-muted-bg);
}
.btn-brand {
  --btn-color: #fff;
  --btn-background: #ed1c24;
}
.btn-link {
  --btn-color: var(--link-color);
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.btn.btn-link:active {
  opacity: 0.6;
}
.btn.btn-link:focus {
  opacity: 0.8;
}
@media (hover: hover) {
  .btn.btn-link:hover {
    opacity: 0.8;
  }
}
.cropper-container {
  --cropper-width: 300px;
  --cropper-height: 100px;
  --cropper-aspect-ratio: 3 / 1;
  --cropper-view-port-width: 668px;
  --cropper-canvas-width: calc(var(--cropper-width) * 2.5);
  --cropper-computed-width: min(var(--cropper-canvas-width), var(--cropper-view-port-width));
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-flow: column;
}
.cropper-container cropper-canvas {
  width: var(--cropper-computed-width);
  height: calc(var(--cropper-computed-width) / var(--cropper-aspect-ratio));
}
.cropper-container__img {
  min-height: 200px;
  max-width: 100%;
  width: 100%;
}
.cropper-inner-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-around;
  gap: 2rem;
  max-width: 100%;
  justify-content: space-evenly;
  width: 100%;
}
.cropper-footer {
  margin-top: 1rem;
  border-top: 1px solid #ddd;
  padding-top: 1.5rem;
  width: 100%;
  text-align: right;
}
.cropper-side {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-around;
  max-width: 100%;
}
.cropper-side > cropper-viewer {
  border: 1px solid #ddd;
  display: inline-block;
  width: calc(var(--cropper-width) * 1);
  height: calc(var(--cropper-height) * 1);
  max-width: 450px;
}
.document-img-field__container {
  margin-bottom: 0;
}
.document-img-field__controls {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}
.document-img-field__img-container {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: 0 auto;
}
.document-img-field__overlay-img {
  opacity: 35%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: linear-gradient(45deg, #000000 25%, rgba(0, 0, 0, 0.2) 25%), linear-gradient(-45deg, #000000 25%, rgba(0, 0, 0, 0.2) 25%), linear-gradient(45deg, rgba(0, 0, 0, 0.2) 75%, #000000 75%), linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 75%, #000000 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-repeat: repeat;
}
.document-img-field__clip-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.cropper-toolbar {
  text-align: center;
}
/* Taken from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog */
dialog {
  animation: dialog-fade-out 0.3s ease-out;
}

dialog[open] {
  animation: dialog-fade-in 0.4s ease-out;
}

dialog[open]::backdrop {
  animation: backdrop-dialog-fade-in 0.2s ease-out forwards;
}

/* Animation keyframes */

@keyframes dialog-fade-in {
  0% {
    opacity: 0;
    transform: scaleY(1.1);
    display: none;
  }

  100% {
    opacity: 1;
    transform: scaleY(1);
    display: block;
  }
}

@keyframes dialog-fade-out {
  0% {
    opacity: 1;
    transform: scaleY(1);
    display: block;
  }

  100% {
    opacity: 0;
    transform: scaleY(0.9);
    display: none;
  }
}

@keyframes backdrop-dialog-fade-in {
  0% {
    background-color: #00000000;
  }

  100% {
    background-color: #00000040;
  }
}



.doc-img {
  --doc-img-height: 0;
  --doc-img-width: 0;
  --doc-img-aspect-ratio: auto;
  display: block;
  width: var(--doc-img-width);
  height: auto;
  max-width: 100%;
  aspect-ratio: var(--doc-img-aspect-ratio);
  background-color: rgba(87, 87, 87, 0.092);
}


.doc-img__rounded {
  border-radius: .5rem;
}


.doc-img__cover {
  object-fit: cover;
}


.doc-img__contain {
  object-fit: contain;
}


.doc-img--no-img {
  background-image: linear-gradient(#00000000, #00000014);
  background-color: rgba(0, 0, 0, 0);
}

.event-badge {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.11);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  flex: 0 1 auto;
  color: var(--color) !important;
  background-color: var(--bg-color);
  font-family: var(--font-family);
  width: var(--badge-w);
  height: var(--badge-h);
  max-width: var(--badge-w);
  min-width: var(--badge-w);
  max-height: var(--badge-h);
  min-height: var(--badge-h);
}


.event-badge .header-font {
  font-family: var(--font-family);
}

@media print {

  .event-badge {
    border: none;
  }

  .event-badge__grid--is-debug-true .event-badge {
    border: 1px solid red !important;
  }

  .event-badge * {
    color: var(--color) !important;
  }
}


.event-badge--custom {
  border-radius: 3em;
}

@media print {

  .event-badge--custom {
    border: 1px solid rgba(0, 0, 0, 0.11);
  }
}


.event-badge--variant-split {
  --qr-h: 0.7em;
  --h1-font-size-modifier: 3.5;
  --top-right-font-size-modifier: 1.5;
}


.event-badge--variant-inverted-color {
  --color: #ffffff;
  --bg-color: var(--theme-primary-color);
}


.event-badge__grid {
  font-size: 1in;
  font-size: var(--inch);
  display: flex;
  flex-flow: row wrap;
  margin: 0 auto;
  justify-content: space-evenly;
  align-items: center;
  padding: 2rem 0;
  gap: 2rem 0;
  --badge-gap: 0;
  --color: #333333;
  --bg-color: #ffffff;
  --badge-w: 4em;
  --badge-h: 3em;
  --font-size: 0.12em;
  --gutter: 0.15em;
  --qr-h: 1.25em;
  --sponsor-h: 1.55em;
  --font-family: 'Lexend Deca','Roboto','Helvetica Neue',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI emoji';
  --association-img-h: calc(var(--badge-h) / 4.6);
  --h1-font-size-modifier: 3;
  --top-right-font-size-modifier: 1.3;
  --font-size-modifier: 1;
}


.event-badge__grid--avery_5371 {
  --sponsor-h: 2.3em;
  --badge-w: 3.5em;
  --badge-h: 2em;
  --font-size: 0.08em;
  --gutter: 0.1em;
  --qr-h: 0.85em;
}


.event-badge__grid--avery_5163 {
  --sponsor-h: 2.3em;
  --badge-w: 4em;
  --badge-h: 2em;
  --font-size: 0.08em;
  --gutter: 0.1em;
  --qr-h: 0.85em;
  --association-img-h: calc(var(--badge-h) / 4);
  --badge-gap: 0.2em;
}


.event-badge__grid--avery_8520 {
  --sponsor-h: 2.3em;
  --badge-w: 4em;
  --badge-h: 6em;
  --gutter: 0.15em;
  --qr-h: 1.45em;
  --font-size: 0.15em;
  --association-img-h: 0.8em;
  --bottom-section-h: 1.25em;
  --badge-gap: 0.25em;
}

.event-badge__grid--avery_8520.event-badge__grid--is-e2e {
  --badge-w: 4.25em;
  --badge-gap: 0;
}


.event-badge__grid--labels {
  --sponsor-h: 2.3em;
  --badge-w: 2.625em;
  --badge-h: 2em;
  --font-size: 0.09em;
  --gutter: 0.1em;
  --qr-h: 0.85em;
  --badge-w: 4.25em;
  --badge-gap: 0.125em;
}


.event-badge__grid--avery_5392_alt {
  --association-img-h: calc(var(--badge-w) / 1.5);
  --font-size: 0.115em;
  --qr-h: 0.95em;
  --padding-top: calc(var(--gutter) * 6);
}


.event-badge__grid--basa {
  --font-family: Verdana, Geneva, Tahoma, sans-serif;
}

@media screen and (max-width: 768px) {

  .event-badge__grid {
    margin-left: -15px;
    margin-right: -15px;
  }

  .body__hide-layout--false .event-badge__grid {
    font-size: calc(100vw / 4.5);
  }
  .body__hide-layout--false .event-badge__grid.event-badge__grid--custom {
    font-size: calc(100vw / 4.5 / 10);
  }
}

@media print {

  .event-badge__grid {
    display: block;
    font-size: var(--inch);
    columns: 2;
    column-gap: var(--badge-gap) !important;
    margin: 0 auto;
    gap: 0;
    width: 100vw;
    padding: 0;
  }

  .event-badge__grid--labels {
    columns: 3;
  }

  .event-badge__grid--avery_74520 {
    columns: 1;
  }

  .event-badge__grid--custom {
    font-size: calc(var(--inch) * 0.110);
  }
}


.event-badge__bg-half-clip-triangle-v2 {
  display: block;
  position: absolute;
  top: 0;
  right: -2px;
  left: -2px;
}


.event-badge__bg-half-clip-triangle {
  display: none;
  position: absolute;
  top: 0;
  width: 160%;
  left: 0;
  transform: rotate(180deg);
  height: 38%;
}


.event-badge--custom .event-badge__bg-half-clip-triangle {
  display: block;
  height: 18em;
}


.event-badge__bg-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: var(--bg-color);
  z-index: -1;
}


.event-badge__bg-half-clip-triangle--second {
  left: 60%;
  top: -14.5%;
}


.event-badge--custom .event-badge__bg-half-clip-triangle--second {
  top: -7em;
}


.event-badge__bg-white-container {
  position: relative;
  width: 100%;
  height: 100%;
}


.event-badge__bg-white-container img, .event-badge__bg-white-container svg {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.event-badge__content-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  padding: 0;
  line-height: 1.2;
}


.event-badge__content-row > * {
  font-size: calc(var(--font-size) * var(--font-size-modifier));
}


.event-badge__content-row > * small {
  font-size: 0.5em;
}


.event-badge__content-row small {
  line-height: 2.7em;
  vertical-align: bottom;
  font-weight: normal;
}


.event-badge--avery_5392_alt.event-badge--qr-true .event-badge__content-row {
  justify-content: flex-start;
  text-align: left;
}


.event-badge--has-sponsors .event-badge__content-row {
  text-align: left;
  justify-content: flex-start;
}


.event-badge__content-row--h1 {
  font-weight: bold;
  --font-size-modifier: var(--h1-font-size-modifier);
}
.event-badge__content-row--h1 > span {
  max-width: 100%;
  /* need this or the designation will cause the text to not line up w first and last name */
  display: inline-flex;
  align-items: center;
}


.event-badge__content-row--h1.event-badge__content-row--h1-long {
  --font-size-modifier: calc(var(--h1-font-size-modifier) * 0.75);
}


.event-badge--labels .event-badge__content-row--h1 {
  display: block;
  text-align: center;
  line-height: var(--font-size);
  height: calc(var(--badge-h) * 0.5);
}


.event-badge--basa .event-badge__content-row--h1 {
  display: block;
}


.event-badge--basa .event-badge__content-row--h1 > span {
  display: none;
  align-items: center;
  justify-content: center;
}


.event-badge--basa .event-badge__content-row--h1 > span:first-child {
  font-size: 36pt;
  display: flex;
}


.event-badge--basa .event-badge__content-row--h1 > span:last-child {
  font-size: 24pt;
  display: flex;
}


.event-badge--basa .event-badge__content-row--h1.event-badge__content-row--h1-long span:last-child {
  padding-left: 0;
}


.event-badge__content-row--h2 {
  font-weight: bold;
  --font-size-modifier: 2.2;
}


.event-badge__content-row--h2.event-badge__content-row--h2-long {
  --font-size-modifier: 1.7;
}


.event-badge--basa .event-badge__content-row--h2 {
  display: none;
}


.event-badge--has-sponsors .event-badge__content-row--h2 {
  padding-right: var(--association-img-h);
}


.event-badge__content-row--h3 {
  --font-size-modifier: 1.7;
}


.event-badge__content-row--h3.event-badge__content-row--h3-long {
  --font-size-modifier: 1.3;
}


.event-badge--labels .event-badge__content-row--h3 {
  font-weight: normal;
  --font-size-modifier: 1.9;
}


.event-badge--avery_5392_alt .event-badge__content-row--h3 {
  font-weight: bold;
  --font-size-modifier: 1.75;
}


.event-badge--basa .event-badge__content-row--h3 {
  font-weight: bold;
}


.event-badge--basa .event-badge__content-row--h3 > span {
  font-size: 14pt;
}


.event-badge__content-row--rest {
  --font-size-modifier: 0.75;
}


.event-badge__content-row--rest small {
  line-height: 1.5em;
}


.event-badge--has-sponsors .event-badge__content-row--rest {
  padding-right: var(--association-img-h);
}


.event-badge__association-img {
  position: absolute;
  padding: 0;
  top: var(--gutter);
  left: var(--gutter);
  width: var(--association-img-h);
  height: var(--association-img-h);
}

.event-badge__association-img--secondary {
  margin-left: calc(var(--association-img-h) - 8px);
}


.event-badge__association-img > div {
  border-radius: 50%;
  overflow: hidden;
}


.event-badge__association-img img {
  height: auto;
  padding: 0em;
}


.event-badge__association-img.event-badge__association-img--has-triangle-true img {
  padding: 0.025em;
}

.event-badge--has-secondary-logo .event-badge__association-img.event-badge__association-img--has-triangle-true img {
  padding: 0.06em;
}

.event-badge--org-nada .event-badge__association-img.event-badge__association-img--has-triangle-true img {
  padding: 0.085em;
  padding-top: 0.1em;
}


.event-badge--basa .event-badge__association-img {
  top: 0;
  left: 4%;
  width: 40%;
  height: 50%;
}

.event-badge--avery_5392_alt .event-badge__association-img {
  left: unset;
  top: calc(var(--association-img-h) * -0.3);
}


.event-badge--has-sponsors .event-badge__association-img {
  left: unset;
  top: unset;
  bottom: var(--gutter);
  right: var(--gutter);
}


.event-badge__qr {
  position: absolute;
  left: 50%;
  margin-left: calc(var(--qr-h) / -2);
  width: var(--qr-h);
  height: var(--qr-h);
  top: var(--gutter);
  z-index: 2;
}


.event-badge--labels .event-badge__qr {
  position: relative;
  left: unset;
  top: unset;
  margin: 0;
  margin-top: var(--gutter);
}

 .event-badge__bg-white--shadow {
   overflow: visible;
   transform: scale(1.2);
    top: 4.5% !important;
 }


.event-badge__qr img {
  padding: calc(var(--gutter) / 2);
}


.event-badge__qr img.no-padding {
  padding: 0;
}


.event-badge--variant-split .event-badge__qr {
  right: var(--gutter);
  left: unset;
}


.event-badge--avery_5392_alt .event-badge__qr {
  position: absolute;
  top: calc((var(--badge-h) - var(--padding-top)) / 2 + var(--padding-top) - var(--qr-h) / 2);
  left: calc(var(--gutter));
  margin-left: 0;
}

.event-badge__grid--avery_8520 .event-badge__qr {
  position: absolute;
  top: calc(var(--gutter) * 6);
}
.event-badge--avery_8520 .event-badge__content {
  padding-top: calc(var(--gutter) * 12);
  padding-bottom: var(--bottom-section-h);
}

.event-badge--avery_8520.event-badge--triangle-false .event-badge__content {
  padding-top: calc(var(--gutter) * 8);
}

.event-badge__bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: var(--gutter);
}
.event-badge__bottom {
  position: absolute;
  bottom: calc(var(--gutter) * 3);
  left: calc(var(--gutter) * 1);
  right: calc(var(--gutter) * 1);
}
.event-badge__bottom-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--gutter) * 1);
}
.event-badge__bottom-container > .event-badge__bg-square {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.event-badge__bottom-w-text {
  z-index: 1;
  display: block;
  height: 0.23em;
  width: auto;
}
.event-badge__bottom-container > div {
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  z-index: 1;
  text-transform: uppercase;
  font-weight: bold;
  font-size: calc(var(--font-size) * 1.5);
  color: white;
}
.event-badge__ff-logo {
  width: calc(var(--badge-w) * 0.3);
  height: auto;
  display: block;
}
.event-badge__bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--gutter);
}

.event-badge--has-sponsors .event-badge__qr {
  left: var(--gutter);
  top: var(--gutter);
  margin-left: 0;
}


.event-badge__content {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-flow: column;
  align-items: center;
  padding: 20% var(--gutter) 2%;
  z-index: 1;
}

.event-badge__grid--is-pre-print-true .event-badge__content,
.event-badge__grid--is-pre-print-true .event-badge__qr img,
.event-badge__grid--is-pre-print-true .event-badge__bottom-container {
  opacity: 0;
}
.event-badge__grid--is-pre-print-true .event-badge:nth-child(even) {
  display: none !important;
}
.event-badge__grid--is-onsite-print-true .event-badge__bg-half-clip-triangle-v2,
.event-badge__grid--is-onsite-print-true .event-badge__association-img,
.event-badge__grid--is-onsite-print-true .event-badge__bg-white,
.event-badge__grid--is-onsite-print-true .event-badge__ff-logo {
  opacity: 0;
}
.event-badge__grid--is-onsite-print-true.event-badge__grid--avery_5392_alt .event-badge__qr .event-badge__bg-white {
  opacity: 1;
}



/* hide the even element  */
@media screen {
  .event-badge__grid--is-double-sided .event-badge:nth-child(even) {
    display: none !important;
  }
}

.event-badge__content h1, .event-badge__content h2, .event-badge__content h3, .event-badge__content h4, .event-badge__content h5, .event-badge__content h6 {
  margin: 0;
}


.event-badge--qr-true .event-badge__content {
  padding-top: calc(var(--gutter) + var(--qr-h));
}
.event-badge--avery_8520.event-badge--qr-true .event-badge__content {
  padding-top: calc(var(--gutter) * 6 + var(--qr-h));
}
.event-badge--avery_5392_alt.event-badge--qr-true .event-badge__content {
  padding-top: var(--padding-top);
  padding-left: calc(var(--qr-h) + var(--gutter) * 2);
  justify-content: center;
  gap: 0.075em;
}


.event-badge--basa .event-badge__content {
  padding-top: 25%;
  padding-bottom: 3%;
}


.event-badge--labels .event-badge__content {
  padding-top: var(--gutter);
  padding-bottom: var(--gutter);
  justify-content: space-between;
}


.event-badge--custom .event-badge__content {
  padding: 21em 2em 2em 2em;
  display: block;
}


.event-badge__top-right {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--gutter);
  display: flex;
}


.event-badge__top-right > span {
  font-size: calc(var(--font-size) * var(--top-right-font-size-modifier));
}


.event-badge--dark-accent-true .event-badge__top-right {
  padding-top: calc(var(--gutter) + var(--qr-h) / 2);
}


.event-badge--qr-true .event-badge__top-right {
  padding-top: calc(var(--gutter) + var(--qr-h) / 2);
}


.event-badge--qr-false .event-badge__top-right {
  font-weight: bolder;
  text-transform: uppercase;
}


.event-badge--qr-false .event-badge__top-right > span {
  font-size: calc(var(--font-size) * 1.15);
}


.event-badge--variant-split .event-badge__top-right {
  color: var(--color);
  right: unset;
  padding: var(--gutter);
  top: var(--gutter);
  left: calc(var(--association-img-h) + var(--gutter));
  height: var(--association-img-h);
  justify-content: flex-start;
  align-items: center;
}


.event-badge__sponsor-logos {
  position: absolute;
  top: calc(var(--gutter) + 4px);
  right: calc(var(--gutter) + 4px);
  display: flex;
  height: auto;
  flex-flow: row wrap;
  justify-content: space-around;
  gap: 0.05em;
  background: #ffffff;
  max-width: calc(100% - calc(var(--qr-h)) - calc(var(--gutter) * 4));
  border-radius: 0.01em;
  box-shadow: 0 0 2px 4px #ffffff !important;
}


.event-badge__sponsor-logos > img {
  font-size: calc(var(--font-size) * 1.0);
  width: auto;
  height: var(--sponsor-h);
  display: block;
  z-index: 1;
}


.event-badge__sponsor-logos .event-badge__bg-white {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}


.event-badge--variant-inverted-color .event-badge__sponsor-logos .event-badge__bg-white {
  fill: var(--bg-color) !important;
}


.event-badge__sponsor-logos-bg {
  width: 100%;
  height: 1px;
  overflow: visible;
  display: none;
}

@media print {

  .event-badge__sponsor-logos-bg {
    display: block;
  }
}

@media print {

  #body-wrapper.event-badges-show {
    margin: 0;
  }

  #body-wrapper.event-badges-show #content {
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 0;
  }

  #body-wrapper.event-badges-show #content:after {
    display: none !important;
  }

  #body-wrapper.event-badges-show #content:before {
    display: none !important;
  }
}

.form-builder__loading {
  width: 100%;
  height: 40vh;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
}


.form-builder__loading svg {
  width: 5em;
  height: 5em;
  display: block;
}


.form__modal-footer-submit-row {
  position: sticky;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  background-color: white;
  margin-bottom: -15px;
  padding: 15px;
}


.form-block__edit-container {
  position: relative;
}


.form-block__edit-container:before {
  content: '';
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  bottom: 0;
  left: -0.5rem;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -1;
  border-radius: 3px;
  pointer-events: none;
  opacity: 0;
  transition: all 0.2s;
  will-change: opacity;
}


.form-block__edit-container:has(:target) > .form-block__edit-controls {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}


.form-block__edit-container:has(:target):before {
  opacity: 1;
}

@media (hover: hover) {

  .form-block__edit-container:hover > .form-block__edit-controls {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }

  .form-block__edit-container:hover:before {
    opacity: 1;
  }
}


.form-block__edit-controls {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

@media (hover: hover) {

  .form-block__edit-controls {
    transform: scale3d(1.15, 1.15, 1);
    transition: all 0.2s;
    opacity: 0;
  }
}

.form-block__event_section_info_module + .form-block__event_section_registration {
  margin-top: -22px;
}
.form-block__event_section_info_module + .form-block__event_section_registration h4 {
  display: none;
}

/* hide empty member titles message */
.form-block__positions_and_workplace .member-title-v2__empty {
  display: none !important;
}

.iv__container {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  padding: 1rem;
  justify-content: flex-start;
  align-items: center;
}


.widget-highchart {
  flex: 0 1 36rem;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}


.widget-highchart__container {
  height: 30rem;
  padding: 0;
}


.highcharts-legend {
  font-size: 1.2em;
}


.highcharts-legend__dt {
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
}


.highcharts-legend__dd {
  font-size: 1.3em;
  font-weight: bold;
}


.highcharts-subtitle {
  font-weight: bold;
  width: 110px;
  padding-left: 10px;
  z-index: -1;
}


.highcharts-subtitle .highcharts-subtitle-metric {
  font-size: 3.2em;
  color: #333333;
}


.highcharts-subtitle .highcharts-subtitle-label {
  font-size: 1.4em;
  font-weight: bold;
  color: #707070;
}


.highcharts__tooltip-link {
  display: inline-block;
  padding: 2px 6px;
  color: black;
  font-size: 1.4em;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}


.highcharts__tooltip-link .glyphicon {
  font-size: 12px;
}


.highcharts__tooltip-link:active {
  background-color: #d0e6ff28;
}


#body-wrapper.import div.import_container {
  max-height: 1000px;
  overflow: auto;
}


#body-wrapper.import #failed_imports td.errors {
  min-width: 300px;
}


.events__event-details-container a.text-truncate {
  vertical-align: middle;
}


.events__event-details-line {
  margin-bottom: 0.3em;
}


.login__auth-separator {
  display: flex;
  flex-flow: row;
  justify-content: center;
  margin: 1.5em 0;
  position: relative;
}


.login__auth-separator:after {
  display: block;
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 50%;
  background-color: #00000033;
}


.login__auth-separator-text {
  width: 3em;
  background: #f1f1f1;
  border-radius: 50%;
  height: 3em;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  z-index: 1;
}


.login__auth-btns-container {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-flow: column;
}

@media (min-width: 767px) {

  .login__auth-btns-container {
    padding-left: 16.6666666667%;
    padding-right: 35.3333333333%;
  }
}


.login__auth-btns-container > * {
  margin: 0.5em 0;
  width: 100%;
  justify-content: center;
}


.login__auth-section h5 {
  text-align: center;
  margin-bottom: 2em;
  font-weight: semi-bold;
}


.login__ff-auth-toggle {
  display: flex;
  flex-flow: column;
}


.login__ff-auth-toggle > * {
  margin-bottom: 0.5em;
}


.login__ff-auth-toggle.login__ff-auth-toggle--invalid > a {
  display: none;
}


.login__ff-auth-toggle:not(.login__ff-auth-toggle--invalid) > select {
  display: none;
}


#culmination-title label {
  text-align: left;
}


.member-title__container {
  margin-bottom: 0;
}

.member-title__title-input-container {
  margin-bottom: 0.5rem;
}

@media (min-width: 992px) {

  .form__reduced-space .control-label {
    padding-right: 0;
  }

  .form__reduced-space .col-sm-offset-2 {
    margin-left: 25%;
  }

  .form__reduced-space .col-md-offset-2 {
    margin-left: 25%;
  }

  .form__reduced-space .col-md-2 {
    width: 25%;
  }

  .form__reduced-space .col-lg-1 {
    width: 15%;
  }

  .form__reduced-space .col-md-3 {
    width: 33.333%;
  }

  .form__reduced-space .col-md-4 {
    width: 33.333%;
  }

  .form__reduced-space .col-md-5 {
    width: 50%;
  }

  .form__reduced-space .col-md-6 {
    width: 60%;
  }

  .form__reduced-space .col-md-6.date-select {
    width: 70%;
  }
}





.promoted-vendors__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  grid-gap: 1em;
  justify-content: center;
  align-items: center;
}


.promoted-vendors__item {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}


.promoted-vendors__item img {
  filter: grayscale(100%);
  transition: filter 0.3s;
}


.promoted-vendors__item:active img {
  filter: grayscale(0%);
}

@media (hover: hover) {

  .promoted-vendors__item:hover img {
    filter: grayscale(0%);
  }
}

.mp, .mp-profile__container {
  display: grid;
  grid-template-columns: .25fr 1fr;
  column-gap: 1rem;
  margin-top: 2.5rem;
  --column-gap: 1.5rem;
  --text-color: #555;
  --star-color: #FD4;
  --unfilled-star-color: #cdcdcd;
  --pro-color: hsl(0, 100%, 50%, 40%);
  --plus-color: hsl(207, 100%, 50%, 50%);
  --basic-color: hsl(120, 100%, 40%, 60%);
}


.mp-keys_container {
  margin-bottom: -1.5rem;
  --text-color: #555;
  --pro-color: hsl(0, 100%, 50%, 40%);
  --plus-color: hsl(207, 100%, 50%, 50%);
  --basic-color: hsl(120, 100%, 40%, 60%);
}


.mp-keys_container .keys-label {
  margin-bottom: .5rem;
  font-size: 1.65rem;
  font-weight: 600;
  color: var(--text-color);
}


.mp-keys_container .keys-container {
  display: flex;
  flex-direction: row;
}


.mp-keys_container .keys .key {
  width: 2rem;
  height: 2rem;
}


.mp-keys_container .keys .key-legend {
  margin-right: 2.8em;
  display: flex;
  align-items: center;
  column-gap: .75rem;
  border-radius: 2.75px;
  margin-bottom: .5rem;
}


.mp-keys_container .keys .key--pro {
  box-shadow: 0px 0px 4px var(--pro-color);
  border: 1px solid var(--pro-color);
  border-radius: 4px;
}


.mp-keys_container .keys .key--plus {
  box-shadow: 0px 0px 4px var(--plus-color);
  border: 1px solid var(--plus-color);
  border-radius: 4px;
}


.mp-keys_container .keys .key--basic {
  box-shadow: 0px 0px 4px var(--basic-color);
  border: 1px solid var(--basic-color);
  border-radius: 4px;
}


.mp-profile .toggle_description {
  color: var(--text-color);
}


.mp-profile.table-responsive {
  width: initial;
  overflow-x: visible;
}


.mp-profile__head {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 1rem;
}


.mp-profile__content {
  column-count: 2;
  column-gap: var(--column-gap);
}


.mp-profile__about {
  color: var(--text-color);
  font-weight: 600;
}


.mp-profile__about-badges {
  display: grid;
  grid-template-columns: .08fr 1fr;
  align-items: baseline;
}


.mp-profile__about span {
  text-align: center;
}


.mp-profile__module-container {
  width: 100%;
  position: relative;
  break-inside: avoid;
  margin: 0;
}


.mp-profile__module-container--is-image-false {
  padding: 1.5rem;
}


.mp-profile__module-container--is-image-false:not(:last-child) {
  margin-bottom: var(--column-gap);
}


.mp-profile__module-container--module-avatar {
  font-size: 0.8rem;
}


.mp-profile__module-edit-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition: all 0.2s ease-in-out;
  backdrop-filter: blur(5px);
  border-radius: 4px;
}

@media (hover: hover) {

  .mp-profile__module-edit-container:hover {
    opacity: 1;
  }
}


.mp-profile__module-edit-container--is-overlay-false {
  opacity: 0;
}


.mp-profile__module-edit-container--is-overlay-true {
  backdrop-filter: blur(5px) contrast(0.85);
}

@media (hover: hover) {

  .mp-profile__module-edit-container--is-overlay-true:hover {
    backdrop-filter: blur(2px);
  }
}


.mp-profile__module-edit-container--is-image-true {
  backdrop-filter: blur(0) contrast(1);
}


.mp-profile__module-edit-link {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  text-decoration: none !important;
  --color: #286090;
  --bg-color: #e8e8e8cc;
}


.mp-profile__module-edit-link--is-image-true {
  --bg-color: #ffffffcc;
}


.mp-profile__module-edit-link--is-overlay-true {
  --bg-color: #286090;
  --color: #fff;
}


.mp-profile__module-edit-link--is-locked-true {
  --bg-color: #b30000cc;
}


.mp-profile__module-edit-link > div {
  padding: 0.6em;
  border-radius: 3px;
  background: var(--bg-color);
  color: var(--color);
}


.mp-profile__module-edit-link .mp-profile__module-edit-link-text--is-hover-true {
  display: none;
}

@media (hover: hover) {

  .mp-profile__module-edit-link:hover .mp-profile__module-edit-link-text--is-hover-true {
    display: inline;
  }

  .mp-profile__module-edit-link:hover .mp-profile__module-edit-link-text--is-hover-false {
    display: none;
  }
}


.mp-profile__module-edit-link:active {
  transform: scale(0.9);
}


.mp-profile__module-edit-link:active .mp-profile__module-edit-link-text--is-hover-true {
  display: inline;
}


.mp-profile__module-edit-link:active .mp-profile__module-edit-link-text--is-hover-false {
  display: none;
}


.mp-profile__module-edit-placeholder-link {
  color: #767676 !important;
  font-style: italic;
}


.mp-profile__module-edit-cta {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 1;
  color: var(--btn-primary-bg);
  font-weight: bold;
}


.mp-profile .header {
  display: grid;
  grid-template-columns: .25fr 1fr .5fr;
  padding: 1rem;
  column-gap: 1rem;
  border-top: 1px solid #e5e5e5;
}


.mp-profile .profile_item_title {
  margin: 0 0 1rem 0;
  font-weight: 600;
  z-index: 3;
  position: relative;
  pointer-events: none;
}


.mp-profile .media {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 1rem;
  column-gap: 1rem;
}


.mp-profile .media .overlay-play-button__overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: initial;
}


.mp-profile .media .overlay-play-button__play {
  color: #fff;
  cursor: pointer;
  background-color: red;
  border-radius: 25% / 100%;
  border: 0px solid #ececec;
  font-size: 1rem;
  height: 3rem;
  width: 4rem;
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}


.mp-profile .media .overlay-play-button__play:hover {
  opacity: 1;
  border: 1px solid #ececec;
}


.mp-profile .media .mp-thumbnail {
  position: relative;
  aspect-ratio: 16 / 9;
}


.mp-profile .media .mp-thumbnail img {
  border-radius: 0.25em;
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
}


.mp-profile .media .mp-thumbnail__0 {
  grid-area: 1 / 1 / 2 / 4;
}


.mp-profile .media .mp-thumbnail__0 .overlay-play-button__play {
  height: 4rem;
  width: 6rem;
  font-size: 1.75rem;
}


.mp-profile .media .mp-thumbnail__1 {
  grid-area: 2 / 1 / 3 / 2;
}


.mp-profile .media .mp-thumbnail__2 {
  grid-area: 2 / 2 / 3 / 3;
}


.mp-profile .media .mp-thumbnail__3 {
  grid-area: 2 / 3 / 3 / 4;
}


.mp-profile .connect__row {
  display: grid;
  grid-template-columns: .25fr 1.5fr .5fr;
  align-items: center;
  column-gap: .5rem;
}


.mp-profile .promo, .mp-profile .connect {
  display: grid;
  row-gap: 1rem;
}


.mp-profile .referrals__row {
  display: grid;
  grid-template-columns: .25fr 2fr;
  align-items: center;
}


.mp-profile .show-key-true-basic {
  border: 1px solid var(--basic-color);
  box-shadow: 0px 0px 10px var(--basic-color);
}


.mp-profile .show-key-true-pro {
  border: 1px solid var(--pro-color);
  box-shadow: 0px 0px 10px var(--pro-color);
}


.mp-profile .show-key-true-plus {
  border: 1px solid var(--plus-color);
  box-shadow: 0px 0px 10px var(--plus-color);
}


.mp-card {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  gap: 1rem;
  border-top: 1px solid #e5e5e5;
  align-items: center;
  overflow: hidden;
}


.mp-card__badges {
  display: flex;
  padding: 0.5rem 0;
  gap: 0.5rem;
}


.mp-card__info {
  align-items: flex-start;
  flex: 1;
  height: 7.4rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
  overflow: hidden;
}


.mp-card__name {
  font-size: 2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap;
  column-gap: 1rem;
  white-space: normal;
}


.mp-card__name a {
  color: black;
}


.mp-card__tagline {
  font-size: 1.1rem;
  color: #737373;
  margin: 0;
  width: calc(99%);
  overflow: hidden;
  text-overflow: ellipsis;
}


.mp-card__tagline a {
  color: #737373;
}


.mp-card__img {
  --doc-img-width: 7.5rem !important;
  flex: 0 0 var(--doc-img-width);
}


.mp-card__img--is-listing-true .mp-profile__module-edit-container {
  display: none;
}


.mp-card__img--is-listing-true .mp-profile__module-edit-cta {
  display: none;
}


.mp-card__rating-container {
  display: flex;
  align-items: baseline;
  column-gap: .5rem;
}


.mp-card__rating-container .review-info {
  font-size: 1.25rem;
  color: #737373;
}


.mp-card__rating-container .ratings {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  color: var(--unfilled-star-color);
}


.mp-card__rating-container .full-stars {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  color: var(--star-color);
}


.mp-card__rating-container .empty-stars:before,
.mp-card__rating-container .full-stars:before {
  content: "\2605\2605\2605\2605\2605";
  font-size: 1.75rem;
}


.mp-card__rating-container label {
  margin: 0;
}


.mp-card__rating-container label.star {
  color: var(--unfilled-star-color);
  transition: all .2s;
  cursor: pointer;
}


.mp-card__rating-container label.star:hover {
  transform: scale(1.2);
}


.mp-card__rating-container label.star:before {
  content: '\2605';
}


.mp-card__rating-container input.star {
  display: none;
}


.mp-card__rating-container input.star:hover ~ label.star:before {
  color: #3b79f9;
  transition: all .25s;
}


.mp-card__rating-container input.star:checked ~ label.star:before {
  content: '\2605';
  color: var(--star-color);
  transition: all .25s;
}


.mp-card__contact {
  position: relative;
  display: flex;
  flex: 0 1 auto;
  justify-content: space-evenly;
  justify-items: center;
  align-items: center;
  padding: 0 1rem;
  margin: 0;
  gap: 0.5rem;
}


.mp-card__contact .learn-more {
  display: flex;
  flex: 0;
}


.module-badges {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: .5rem;
}


.module-badge {
  justify-items: start;
  align-items: center;
}


.module-badge-is-key-true {
  display: grid;
  grid-template-columns: .1fr 1fr;
  justify-items: center;
}


.module-badge-is-key-false {
  display: flex;
  gap: .25rem;
  align-items: center;
}


.connect_container {
  display: flex;
  justify-content: flex-end;
}


.banner {
  aspect-ratio: 3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 100%;
}


.conference-checklist {
  padding: 1rem 0;
  margin: 2rem .25rem;
  flex-direction: row;
  display: flex;
  row-gap: 1rem;
  justify-content: center;
}


.conference-checklist--section {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 0 2rem;
}


.conference-checklist .label {
  padding: 0.2em 0.3em;
  margin-top: .25rem;
}


.conference-checklist--item {
  flex: 1;
  display: flex;
  row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  padding: 0 1rem;
}


.conference-checklist--item:not(:last-child) {
  border-bottom: none;
  border-right: 1px solid #e5e5e5;
}


.conference-checklist h3 {
  margin: 1rem 0;
}


.star {
  font-size: 1.75rem;
  color: var(--star-color);
}


.star-unfilled {
  color: #cdcdcd;
}


.star:before {
  content: "\2605";
}


.circle, .sm-circle {
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  padding: 0.7rem;
  font-size: 1.25rem;
}


.circle:hover, .sm-circle:hover {
  opacity: 0.8;
  color: white;
}


.circle .glyphicon-phone, .sm-circle .glyphicon-phone {
  font-size: 1.5rem;
}


.circle .glyphicon-envelope, .sm-circle .glyphicon-envelope {
  top: .5px;
}


.circle .glyphicon-globe, .sm-circle .glyphicon-globe {
  top: .25px;
}


.circle {
  height: 35px;
  width: 35px;
}


.sm-circle {
  height: 25px;
  width: 25px;
  background-color: #6d6d6d;
}


.pricing-plan {
  border-radius: 2.5rem;
  overflow: hidden;
  margin: 1rem;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}


.pricing-plan__list {
  padding: 0;
}


.pricing-plan__title {
  font-weight: 400;
}


.pricing-plan__feature {
  list-style: none;
}


.pricing-plan__summary {
  font-weight: 300;
}


.pricing-plan__description {
  padding: 2rem;
}


.pricing-plan__button {
  padding: .8rem 2rem;
}


.pricing-plan__title, .pricing-plan__list, .pricing-plan__cost {
  margin: 0;
}


.pricing-plan__header, .pricing-plan__actions {
  padding: 2.5rem;
}


.pricing-plan__actions {
  border-bottom: 1px solid #e5e5e5;
}


.pricing-plan__title, .pricing-plan__button {
  text-transform: uppercase;
}


.pricing-plan__feature:not(:last-child) {
  margin-bottom: .5em;
}


.pricing-plan__text, .pricing-plan__title, .pricing-plan__summary, .pricing-plan__cost {
  text-align: center;
}


.pricing-plan__header {
  height: 12.5rem;
  background-color: #c01b21;
  color: #ffffff;
}


.pricing-plan__cost {
  font-weight: 500;
  font-size: 2rem;
}


.pricing-plan-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}


.side-tiers_container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}


.side-tier {
  display: grid;
  padding: 1.5rem;
  max-height: 100em;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}


.side-tier, .side-tier a {
  color: var(--text-color);
  font-weight: 500;
  text-decoration: none !important;
}


.side-tier__avatar {
  --doc-img-width: 3rem !important;
  flex-shrink: 0;
  width: 3.5rem;
}


.side-tier__vendors {
  display: flex;
  row-gap: .5rem;
  flex-direction: column;
}


.side-tier__vendors--pro {
  display: flex;
  flex-direction: column;
  row-gap: .25rem;
}


.side-tier__vendor {
  display: flex;
  align-items: center;
  column-gap: .5rem;
}


.side-tier__vendor-name {
  font-weight: 600;
  width: 100%;
  padding-left: .5rem;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.side-tier__vendor-name:hover {
  background-color: #f5f5f5;
  border-radius: .5rem;
}


.side-tier__label {
  margin-bottom: .5rem;
  font-size: 1.65rem;
  font-weight: 600;
}


.side-tier.panel {
  margin-bottom: 0;
}


.mp-profile .show-key-true-basic, .side-tier .show-key-true-basic {
  border: 1px solid var(--basic-color);
  box-shadow: 0px 0px 10px var(--basic-color);
}


.mp-profile .show-key-true-pro, .side-tier .show-key-true-pro {
  border: 1px solid var(--pro-color);
  box-shadow: 0px 0px 10px var(--pro-color);
}


.mp-profile .show-key-true-plus, .side-tier .show-key-true-plus {
  border: 1px solid var(--plus-color);
  box-shadow: 0px 0px 10px var(--plus-color);
}


.task-list {
  --border-color: #ddd;
  --cell-gap: 1rem;
  --double-cell-gap: calc(var(--cell-gap) * 2);
  --half-cell-gap: calc(var(--cell-gap) / 2);
}


.task-list__image {
  flex: 0 1 auto;
  max-width: 7.5rem;
}


.task-list--is-table-view-true .task-list__image {
  max-width: 4.5rem;
}


.task-list__container--is-table-view-true {
  background: white;
  border: 1px solid var(--border-color);
  border-bottom: none;
}


.task-list__item {
  display: flex;
  gap: var(--cell-gap);
  flex-flow: row nowrap;
  justify-content: space-evenly;
  align-items: center;
  display: flex;
  position: relative;
}


.task-list__item.panel {
  padding: var(--cell-gap);
}


.task-list__item--is-table-view-true {
  border-bottom: 1px solid var(--border-color);
  padding: var(--cell-gap);
  padding-right: var(--double-cell-gap);
}

@media (max-width: 767px) {

  .task-list__item {
    flex-flow: column;
  }
}


.task-list__item--status-completed {
  background-color: #dff0d8;
}


.task-list__item--status-completed:hover {
  background-color: #d0e9c6;
}


.task-list__item--status-ignored {
  background-color: #eee;
}


.task-list__item-actions {
  display: flex;
  justify-content: space-between;
}


.task-list__item-actions a {
  width: 100px;
}


.task-list__item-times {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}


.task-list__item-info {
  flex: 1;
  display: flex;
  gap: var(--half-cell-gap);
  flex-flow: column;
}


.task-list__item-info > * {
  margin: 0;
}


.task-list__item-cap {
  display: flex;
  gap: var(--half-cell-gap);
}


.task-list--is-table-view-true .task-list__item-cap {
  flex-direction: column;
}

@media (min-width: 767px) {

  .task-list__item-cap {
    align-items: flex-end;
  }
}


.task-list__ignore-btn {
  font-weight: bold;
  opacity: 0.2;
  color: #000;
  position: absolute;
  padding: 1rem;
  right: -0.6rem;
  top: -0.6rem;
  height: 4rem;
  display: block;
  line-height: 1rem;
  font-size: 2.1rem;
}


.task-list__ignore-btn:active {
  opacity: 0.8;
  text-decoration: none;
}

@media (hover: hover) {

  .task-list__ignore-btn:hover {
    color: #000;
    opacity: 0.6;
    text-decoration: none;
  }
}

@media (max-width: 767px) {

  .task-list__ignore-btn {
    top: 0;
    right: 0;
  }

  .task-list__item-actions {
    justify-content: center;
  }

  .task-list__item-info {
    align-items: center;
  }

  .task-list__item-title, .task-list__item-details {
    text-align: center;
  }

  .conference-checklist {
    flex-direction: column;
  }

  .conference-checklist--item:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    border-right: none;
  }

  .mp-profile__content {
    column-count: 1;
  }

  .mp-card__content {
    display: grid;
  }

  .mp-card__contact {
    flex-flow: column;
  }

  .mp-card__name {
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    font-size: 1.75rem;
  }

  .mp-card__main {
    grid-template-columns: 1fr;
  }

  .mp-card__main__info {
    text-align: center;
    justify-items: center;
    align-items: flex-start;
  }

  .mp-card__main__contact {
    border-top: 1px solid #e5e5e5;
    padding-top: 1rem;
    margin: 0;
  }
}

@media (max-width: 1199px) {

  .side-tiers_container {
    grid-row: 2;
  }

  .mp, .mp-profile__container {
    grid-template-columns: 1fr;
  }

  .mp-profile {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e5e5;
  }

  .mp-profile .table-responsive {
    margin-right: 0;
    margin-left: 0;
  }
}


.vendor-marketplace__show-search {
  background-color: #FAFAFA;
  background-image: linear-gradient(to top, #FAFAFA, #EFEFEF);
  border: 0;
  padding: 8px;
  border-bottom: 1px solid #DDDDDD;
}


.vendor-marketplace__show-search--is-enabled-false {
  pointer-events: none;
  opacity: 0.5;
}


.vendor-marketplace__filter-bar {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}


.vendor-marketplace__filter-bar > input {
  flex: 1;
  font-weight: bold;
}


.trophy_container {
  width: 33.33%;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 1rem;
}


.trophy_base {
  padding: .5rem;
  border: 4px solid black;
  border-radius: 2px;
}


.trophy_stand {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}


.tier_title {
  text-align: center;
  margin-top: 3rem;
  font: 900 2.25rem Museo Sans;
  background-color: rgba(0, 0, 0, 0.5);
  color: transparent;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}


.trophy_stand_top {
  width: 110%;
  height: 1rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}


.tier_price {
  color: black;
  font-size: 2rem;
  font-weight: 600;
}


.preview_listing {
  font-weight: 500;
  text-decoration: underline;
}


.tier_bullet {
  font-size: 1.25rem;
  color: black;
  font-weight: 500;
}


.preview-mode {
  position: sticky;
  text-align: center;
  bottom: 0;
  z-index: 5;
  padding: 1rem;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin: 2rem calc(50% - 48vw);
}


.preview-mode--buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

@media (max-width: 991px) {

  .preview-mode--buttons {
    flex-direction: column;
  }
}


.join-mp-terms {
  background: white;
  border: 1px solid #e3e3e3;
  display: flex;
  padding: 2rem;
  align-items: center;
  flex-direction: column;
}


.join-mp__module {
  box-shadow: 0px 2px 5px 3px #00000026;
  max-width: 90rem;
  margin: 0 auto;
}


.join-mp__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}


.join-mp__tier {
  flex: 1 0 auto;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  display: flex;
  flex-flow: column;
}

@media (min-width: 991px) {

  .join-mp__tier--is-preferred-true {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    z-index: 1;
    margin-top: -15px;
    margin-bottom: -5px;
    padding-bottom: 5px;
  }
}


.join-mp__tier__head__preferred {
  height: 21px;
  background-color: #333;
  margin: 0;
  color: #fff;
  margin: -1px -1px -5px -1px;
}


.join-mp__tier__body {
  flex: 1;
  text-align: left;
  padding: 1rem 7.5px;
}


.join-mp__tier__body__title {
  margin: 0;
}


.join-mp__tier__body__list-header {
  margin: 1rem;
}


.join-mp__tier__body__features {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.join-mp__tier__body__features__list {
  padding: 0 1rem;
  margin: 0;
}


.join-mp__tier__head__price {
  padding: 1rem 1.5rem;
  margin: 0;
  font-weight: bold;
  color: #333;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}


.join-mp__tier__head__title {
  margin: 0;
  padding: 1rem 1.5rem;
}


.join-mp__tier__foot {
  padding: 1rem 1.5rem;
  border-top: 1px solid #ddd;
  color: #333;
  background-color: #fff;
}


.join-mp__single-tier {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 2rem;
  padding: 2rem 5%;
}


.join-mp__single-tier--marketing-emails, .join-mp__single-tier--container {
  width: 100%;
  display: grid;
  margin: 1.5rem 0;
  gap: 2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}


.join-mp__single-tier--card {
  background-color: #f0f0f0;
  border-radius: .5rem;
  position: relative;
  padding: 1rem;
}


.join-mp__single-tier--card__check {
  position: absolute;
  top: -1.5rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #f0f0f0;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #e5e5e5;
  border-radius: 100%;
}


.join-mp__marketing_emails {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2rem 5%;
}

@media (max-width: 991px) {

  .join-mp-terms {
    margin-top: 2rem;
    text-align: center;
  }

  .join-mp__container {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }

  .join-mp__tier {
    border: 1px solid #a8a8a8;
  }

  .join-mp__tier__body__features {
    text-align: center;
  }

  .join-mp__tier__body__features__list {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {

  .join-mp__single-tier {
    flex-direction: column;
    padding: 1rem;
  }

  .join-mp__single-tier--container {
    margin: 1rem 0 0 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .join-mp__single-tier--marketing-emails {
    grid-template-columns: 1fr;
  }
}


.homepage__vendor-task-list {
  max-width: 800px;
  margin: 0 auto;
}


.video-container {
  aspect-ratio: 16 / 9;
}


.video-container iframe, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
:root {
  --member-title-label-padding: 1em;
  --member-title-label-font-size: 0.9em;
  --member-title-select-font-size: 0.9em;
  --member-title-select-w: 110px;
  --member-title-checkbox-space-w: 20px;
  --member-title-gap: 20px;
  /* bootstrap checkbox w: */
  --member-title-checkbox-w: 13px;
  --member-title-checkbox-offset-h: 6px;
}

#member_titles {
  padding-bottom: 5px;
}

.member-title__container {
  container-type: inline-size;
  container-name: member-title-container;
}


.member-title__coach-attrs {
  max-width: var(--member-title-select-w) !important;
  width: var(--member-title-select-w) !important;
  min-width: unset !important;
  font-size: var(--member-title-label-font-size) !important;
}


.member-title__levels {
  align-items: center;
  padding-top: 0 !important;
  min-height: 0.5rem !important;
}


.member-title__levels input[type="checkbox"] {
  top: 0.8em;
  margin-left: calc(var(--member-title-checkbox-space-w) * -1);
}


.member-title__levels label {
  margin: 0 !important;
  width: auto !important;
  font-size: var(--member-title-label-font-size);
  padding: var(--member-title-label-padding) 0 var(--member-title-label-padding) var(--member-title-checkbox-space-w) !important;
}

@container member-title-container (max-width: 750px) {

  .member-title__levels {
    --member-title-label-font-size: 0.75em;
    --member-title-select-font-size: 0.7em;
    --member-title-select-w: 85px;
    --member-title-checkbox-space-w: 17px;
    gap: 0.3em;
  }

  .member-title__levels .hidden-xs {
    display: none;
  }
}


/* v2 */

.member-title-v2__container {
  container-type: inline-size;
  container-name: member-title-container;
}

@media only screen and (max-width: 985px) {
  .member-title-v2__info {
    text-align: center;
  }
}

.member-title-v2__levels {
  top: calc(50% - 10px);
}

.member-title-v2__levels input[type="checkbox"] {
  top: calc(50% - var(--member-title-checkbox-offset-h));
  margin: 0;
  left: calc((var(--member-title-checkbox-space-w) - var(--member-title-checkbox-w)) / 2);
}

.member-title-v2__levels label {
  margin: 0 !important;
  width: auto !important;
  font-size: var(--member-title-label-font-size);
  padding-left: var(--member-title-checkbox-space-w) !important;
}

.member-title-v2__sports select {
  max-width: var(--member-title-select-w) !important;
  width: var(--member-title-select-w) !important;
  min-width: unset !important;
  font-size: var(--member-title-label-font-size) !important;
  padding-left: 0.6em !important;
  padding-right: 0.6em !important;
}

.member-title-v2__add {
  margin-bottom: var(--member-title-gap);
}

@container member-title-container (max-width: 750px) {

  .form-group {
    --member-title-label-font-size: 0.75em;
    --member-title-select-font-size: 0.8em;
    --member-title-select-w: 100px;
    --member-title-checkbox-space-w: 17px;
    --member-title-checkbox-offset-h: 7px;
  }

  .hidden-xs {
    display: none;
  }
}
.mer__wrapper .tab-content {
  padding-top: 2rem;
}

.modal-body .modal-faux-footer {
  margin-bottom: 0;
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
}

.mer__identity-choice {
  margin: 0;
}
.mer__identity-choice [type="radio"] {
  margin: 0;
  padding: 0;
}
.mer__identity-choice__content small {
  font-weight: normal;
}


#body-wrapper.award-nomination.has-steps__true:not(.has-award--show):not(.current-step--1) .for-step--1 {
  display: none !important;
}


#body-wrapper.award-nomination.has-steps__true:not(.has-award--show):not(.current-step--2) .for-step--2 {
  display: none !important;
}


#body-wrapper.award-nomination.has-steps__true:not(.has-award--show):not(.current-step--3) .for-step--3 {
  display: none !important;
}


#body-wrapper.award-nomination.has-steps__true:not(.has-award--show):not(.current-step--4) .for-step--4 {
  display: none !important;
}


#body-wrapper.award-nomination:not(.has-award) .show-if-award-present {
  display: none !important;
}


.award-only--merit {
  display: none;
}


[data-award-slug="state_award_of_merit"] .award-not--merit {
  display: none !important;
}


[data-award-slug="state_award_of_merit"] .award-only--merit {
  display: block;
}


#body-wrapper.award-nomination a.color-inherit {
  color: inherit !important;
}


#body-wrapper.award-nomination a[disabled] {
  pointer-events: none;
  color: inherit !important;
}


#body-wrapper.award-nomination .pagination a[disabled] {
  color: #fff !important;
}


#body-wrapper:not(.has-award--show) .toggle-show-criteria__hidden {
  display: none !important;
}


#body-wrapper.has-award--show .toggle-show-criteria__visible {
  display: none !important;
}


#body-wrapper.has-award--show .nominations__footer [type="submit"] {
  display: none !important;
}


#body-wrapper.has-award--show input, #body-wrapper.has-award--show textarea, #body-wrapper.has-award--show select {
  pointer-events: none;
}


.hidden-on-invited-coeditor {
  display: none !important;
}


.hidden-unless-invited-coeditor {
  display: none !important;
}


#fields-for-nominee.invited-coeditor .hidden-on-invited-coeditor {
  display: block !important;
}


#fields-for-nominee:not(.invited-coeditor) .hidden-unless-invited-coeditor {
  display: block !important;
}


#coeditor-invited--green {
  transition: all 0.2s ease-in-out;
}


.home-page__actions-container td:not(.action) {
  min-width: 13rem;
}

@media (max-width: 767px) {

  .home-page__actions-container table {
    max-width: 40rem;
  }
}


.home-page__actions-container .action {
  text-align: right;
}

@media print {

  #body-wrapper.award-nomination-show .main-title {
    display: none;
  }

  #body-wrapper.award-nomination-show .main-title__divider {
    display: none;
  }
}


.awards-show__file-list > li {
  padding: 0.5rem 0;
}


.awards-show__signature-prompt {
  position: sticky;
  bottom: 0;
  margin: 2rem 0;
  box-shadow: 0px -4px 4px 0px #3232322e;
  z-index: 2;
}


.sectioned-award__signature-prompt-footer {
  max-width: 1170px;
  margin: 0 auto;
}


.nominations__footer {
  padding: 2rem 0;
  position: sticky;
  bottom: 0;
  background: #f0f0f0;
  box-shadow: 0px -4px 4px -4px #3232322e;
  z-index: 2;
}


.niaaa-award-nomination__info-container h2 {
  margin-top: 0;
  margin-bottom: 0;
}


.awards-show__evaluation-section > ol {
  padding-top: 1rem;
}


.awards-show__evaluation-section > *:last-child {
  padding-top: 1rem;
}


.awards-show__evaluation-section input[type="number"] {
  max-width: 17rem;
  width: 17rem;
}


.awards-show__evaluation-section select {
  max-width: 19rem;
}


.sectioned-award-item {
  margin-bottom: 2rem;
}


.sectioned-award-item__add-document {
  margin-top: 1rem;
}


.sectioned-award-item__nomination-response-section-value-body {
  font-size: 1.4rem;
}


.sectioned-award-item__nomination-response-section-rich-text-label.flex, .sectioned-award-item__evaluation-response-input.flex {
  padding-top: 1rem;
}


.sectioned-award-item__legend {
  font-size: 2.75rem;
}


.sectioned-award-item__sub-legend {
  font-size: 2.1rem;
}


.identity-fields__preferred-name input {
  min-width: 15rem;
  max-width: 20rem;
  flex: 1;
}


.identity-fields__name input {
  min-width: 15rem;
  max-width: 20rem;
  flex: 1;
}


.identity-fields__name input[id$=middle_name] {
  min-width: 5rem;
  max-width: 7rem;
}


.nomination_label {
  font-size: 1.25rem !important;
}


.form-group__workplace [type="text"] {
  width: 32rem;
}


.form-group__workplace [autocomplete="postal-code"] {
  width: 5em;
}


.form-group__workplace [autocomplete="address-level1"] {
  width: 5em;
}


.form-group__workplace [autocomplete="country"] {
  width: 5em;
}


.form-group__workplace select.form-control {
  max-width: 5em;
  min-width: unset;
}


.form-group__workplace-default-text {
  position: absolute;
  display: none;
  top: -1rem;
  left: 2.7rem;
  z-index: 1;
  pointer-events: none;
  color: #999;
}


#payment-form .has-zoom-spinner__spinner {
  bottom: 5rem;
}


#payment-form hr {
  margin: 1.5rem 0;
}


#link-authentication-element {
  display: none !important;
}


.checkout-fees-table__stripe-choices .control-label {
  padding-top: 0 !important;
}

/*****************************/
/**     VIEW MODE STYLES    **/
/*****************************/

#nomination-sections-container {
  float: right;
  width: 65%;
}

.award-nomination--evaluation-evaluator-name { min-width: 11rem; }
.award-nomination--evaluation-score { width: 10%; }
.award-nomination--no_documents { padding-left: 2.5rem; }

.award-nomination--nomination-response-documents {
  border-top: 1px solid #ddd;
  padding: 0 1.5rem;
}

.award-nomination--nomination_document {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.award-nomination--document-item-container {
  border: 1px dashed #e5e5e5;
  border-radius: 5px;
  padding-left: 1rem;
  margin: 1rem 0;
}

.award-nomination--section:not(:first-child) {
  margin-top: 2rem;
}

.award-nomination--divider {
  border-bottom: 1px solid var(--border-color);
  margin: 1rem 0;
}


@media print {
  a[href]:after {
    content: none !important;
  }

  #nomination-sections-container {
    float: none;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #nomination-sections-container {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  #nomination-sections-container {
    padding: 1.5rem;
  }
}


.document_notes details summary {
  list-style: none;
}

.document_notes details pre {
  margin: 10px 0;
}

.document_notes summary:after {
  content: "▸";
  transition: transform 0.2s ease-out;
  display: inline-block;
  margin-left: 1rem;
}

.document_notes details[open] summary:after {
  transform: rotate(90deg);
}

.document_notes .document_notes--comment {
  margin: 1rem 0 0 0;
  padding: 1rem;
  border-radius: 3.5px;
  border: 1px solid #ddd;
}

.promo-component {
  background-color: black;
  background: var(--FF-Black-Gradient, radial-gradient(50.61% 38.4% at 32.28% 44.15%, rgba(0, 0, 0, 0.75) 0%, #000 100%));
  color: white;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 991px) {

  .promo-component {
    align-items: flex-start;
  }
}

@media screen and (min-width: 991px) {

  .promo-component__promo-img {
    width: 150px;
    position: relative;
  }
}


.promo-component__promo-img img {
  width: 150px;
  position: absolute;
  top: -10px;
}

@media screen and (max-width: 991px) {

  .promo-component__promo-img img {
    right: 0;
    top: 70%;
    z-index: 0;
  }
}

@media screen and (min-width: 991px) {

  .promo-component__lead {
    max-width: 30rem;
    min-width: 15rem;
  }
}


.promo-component__lead svg {
  width: 20rem;
  max-width: 80vw;
}

@media screen and (min-width: 991px) {

  .promo-component__description {
    max-width: 30rem;
    min-width: 15rem;
  }
}

@media screen and (max-width: 991px) {

  .promo-component__cta {
    z-index: 1;
  }
}
.qr-code-scanning__container {
  --qr-code-scanning-color: #fff;
}
.qr-code-scanning__scanner {
  position: relative;
  width: 400px;
  max-width: 100%;
  padding-top: 1rem;
}
.qr-code-scanning__container button > * {
  pointer-events: none;
}
.qr-code-scanning__scanner-crosshair {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr-code-scanning__scanner-crosshair svg {
  display: block;
  width: 70%;
  color: var(--qr-code-scanning-color);
}
.qr-code-scanning__scanner-maximize-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  color: white;
}
.qr-code-scanning__scanner-maximize-btn:hover {
  opacity: 0.3;
}
.qr-code-scanning__scanner-maximize-btn:active {
  opacity: 1;
}
.qr-code-scanning__scanner-minimize-btn {
  position: absolute;
  top: 2rem;
  right: 1rem;
  z-index: 1;
}
@keyframes minimize {
  0% {
    width: auto;
    font-size: 12px;
  }
  95% {
    font-size: 1px;
  }
  100% {
    font-size: 1px;
    display: none;
  }
}
.qr-code-scanning__container[data-qr-code-scanning-mode="on"] .qr-code-scanning__scanner-minimize-btn span {
  animation: minimize 0.4s ease-out forwards 3s;
  transition: all 0.2s ease-in-out;
}
.qr-code-scanning__scanner video {
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: 60vh;
  aspect-ratio: 4/3;
  display: block;
  background: #1a1b26ea;
  margin: 0;
  transition: all 0.2s ease-in-out;
}
.qr-code-scanning__scanner {
  position: relative;
}
.qr-code-scanning__scanner-message:empty {
  display: none;
}
.qr-code-scanning__scanner-actions {
  /* position: absolute;
  z-index: 2;
  top: 1.5rem;
  right: 1rem; */
  margin-bottom: 1rem;
}
.qr-code-scanning__container[data-qr-code-scanning-mode="off"] .qr-code-scanning__scanner-actions {
  display: none !important;
}
.qr-code-scanning__container[data-qr-code-scanning-mode="off"] .qr-code-scanning__scanner button {
  display: none !important;
}

.qr-code-scanning__container[data-qr-code-scanning-mode="on"] .qr-code-scanning__scanner-btns-container {
  display: none !important;
}

.qr-code-scanning__last-scan {
  margin-top: 1rem;
}

.qr-code-scanning__by-name {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  flex-flow: column;
  flex: 1;
  max-width: 100%;
}

.qr-code-scanning__by-name button {
  height: 3.4rem;
}


.qr-code-scanning__by-name input:invalid + button {
  display: none;
}

.qr-code-scanning__tab {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  position: relative;
}
.qr-code-scanning__controls {
  padding-top: 1rem;
}

.qr-code-scanning__tab-description {
  max-width: 40vw;
  flex: 0 0 40vw;
}
.qr-code-scanning__container[data-qr-code-scanning-miminized="true"] [data-action="expand"] {
  display: none !important;
}
.qr-code-scanning__container[data-qr-code-scanning-miminized="false"] [data-action="collapse"] {
  display: none !important;
}
.qr-code-scanning__container[data-qr-code-scanning-miminized="true"] .qr-code-scanning__scanner {
  position: fixed;
  width: 140px;
  z-index: 4;
  bottom: 11vh;
  right: 0;
}
.qr-code-scanning__container[data-qr-code-scanning-result="false"] [data-action="view"] {
  display: none !important;
}

@media (max-width: 768px) {
  .qr-code-scanning__scanner {
    margin: 0 auto;
  }
  .qr-code-scanning__tab-description {
    display: none;
  }
  .qr-code-scanning__tab--qr {
    display: block;
  }
  .qr-code-scanning__tab--qr video {
    aspect-ratio: 9/16;
  }
  .qr-code-scanning__scanner-btns-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .qr-code-scanning__container[data-qr-code-scanning-mode="off"] .qr-code-scanning__scanner-crosshair {
    display: none !important;
  }
  .qr-code-scanning__scanner-actions {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .qr-code-scanning__by-name {
    flex-flow: row nowrap;
    max-width: 100%;
  }
  .qr-code-scanning__by-name .select2 {
    max-width: calc(100vw - 15rem);
  }
}


/* badge printing */
/* .qr-code-scanning__container[data-qr-code-scanning-print-badges="true"]  */
.qr-code-scanning__badge {
  display: none !important;
}
@media print {
  .qr-code-scanning__badge {
    display: block !important;
  }
  .qr-code-scanning__last-scan {
    display: none !important;
  }
}

.has-zoom-spinner {
  position: relative;
}


.has-zoom-spinner__min-height {
  min-height: 35vh;
}


.has-zoom-spinner__spinner {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* needs to go above inputs which have z-index 2 */
  z-index: 3;
  justify-content: center;
  backdrop-filter: blur(2px);
}


.has-zoom-spinner__spinner svg {
  position: sticky;
  top: 40%;
  display: block;
  width: 5rem;
  height: 5rem;
  opacity: 0.7;
  background: #ffffff96;
  border-radius: 3px;
}


.modal-body .has-zoom-spinner__spinner {
  padding-top: 5rem;
}


.table-responsive.is-zooming tr > td {
  display: none;
}


.table-responsive.is-zooming table {
  margin-bottom: 0;
}


.table-responsive.is-zooming .has-zoom-spinner__spinner {
  display: flex;
  position: relative;
  height: 45vh;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 0;
}


form.searchable > .table-responsive {
  min-height: 60rem;
}


form.searchable > .table-responsive .filters .dropdown-menu {
  max-height: 50rem;
  overflow: auto;
}


form.searchable > .table-responsive .filters .dropdown-menu a, form.searchable > .table-responsive .filters .dropdown-menu button {
  padding: 0.8rem 2.5rem;
}


form.searchable > .table-responsive .filters .dropdown-menu a.select2-search-choice-close, form.searchable > .table-responsive .filters .dropdown-menu button.select2-search-choice-close {
  padding: 0;
}


form.searchable > .table-responsive .column__filter-control {
  font-size: 0.8em;
  padding-right: 0;
}


form.searchable > .table-responsive .column__filter-control--short {
  width: 80px;
}


form.searchable > .table-responsive .column__searchable {
  padding-right: 0;
}

@media (min-width: 1140px) {

  form.searchable > .table-responsive.table-responsive--expanding {
    margin-left: calc(-1*(100vw - 1140px) / 2);
    width: 100vw;
  }

  form.searchable > .table-responsive.table-responsive--expanding > table {
    width: auto;
    margin: 0 auto;
    min-width: 1140px;
  }

  form.searchable > .table-responsive.table-responsive--expanding > nav {
    display: flex;
    justify-content: center;
  }
}


table.table {
  background-color: #fff;
  border: 1px solid #ddd;
  /* Checkbox tables */
  /* Radio tables */
  /* Searchable tables only */
  /* specific tables */
}


table.table dl {
  margin-bottom: 0;
}


table.table dl dt {
  font-weight: normal;
}


table.table ul {
  list-style: none;
  margin: 0;
  padding: 0;
}


table.table thead tr td, table.table thead tr th,
table.table tbody tr td,
table.table tbody tr th {
  vertical-align: middle;
}


table.table thead tr td.conditions,
table.table thead tr td.statuses,
table.table tbody tr td.conditions,
table.table tbody tr td.statuses {
  white-space: nowrap;
}


table.table .admin-count, table.table .member-count {
  width: 50px;
}


table.table .actions > .btn-toolbar {
  display: flex;
  justify-content: flex-end;
  flex-flow: row;
}


table.table .actions > .btn-toolbar > .btn-group {
  width: 100%;
}


table.table.table__max-height-55 tr {
  height: 55px !important;
}


table.table label i {
  font-weight: normal;
}


table.table.table-checklist td:first-child {
  width: 38px;
  text-align: right;
  white-space: nowrap;
}


table.table.table-checklist td[colspan]:first-child {
  width: 100%;
  text-align: left;
  white-space: normal;
}


table.table.table-checklist td.table-checklist__checkbox-td:first-child {
  padding: 0;
}


table.table.table-checklist td.table-checklist__checkbox-td:first-child > * {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}


table.table.table-checklist td.table-checklist__checkbox-td:first-child > * input {
  margin: 0;
}


table.table.table-checklist label:not(.radio-inline) {
  width: 100%;
  cursor: pointer;
  margin-bottom: 0;
}


table.table.table-radiolist td:last-child {
  width: 130px;
}


table.table.table-radiolist tr[class*="helper"] td:first-child {
  padding-left: 2em;
}


table.table.table-radiolist tr[class*="helper"] label {
  font-weight: normal;
}


table.table.table-radiolist--extended td:last-child {
  width: 220px;
  text-align: right;
}


table.table.table-radiolist--extended td:last-child .form-control {
  margin-left: auto;
  max-width: 25em;
}


table.table.table-radiolist--extended td:first-child > * {
  padding: 0;
}


table.table.searchable, table.table.unsearchable {
  font-size: 13px;
}


table.table.searchable tr.input-row, table.table.unsearchable tr.input-row {
  background-color: #FAFAFA;
  background-image: linear-gradient(to top, #FAFAFA, #EFEFEF);
  border: 1px solid #DDDDDD;
  border-radius: 2px 2px 0 0;
  box-shadow: none;
  height: 20px;
  margin-bottom: -1px;
}


table.table.searchable tr.input-row .break, table.table.unsearchable tr.input-row .break {
  border-left: 1px solid #FCFCFC;
  border-right: 1px solid #DDDDDD;
  margin: -11px 10px -10px;
  padding: 11px 0 10px;
}


table.table.searchable tr.input-row.condensed select, table.table.searchable tr.input-row.condensed input, table.table.searchable tr.input-row.condensed .form-control, table.table.unsearchable tr.input-row.condensed select, table.table.unsearchable tr.input-row.condensed input, table.table.unsearchable tr.input-row.condensed .form-control {
  font-size: inherit;
}

.finalforms-status-icon {
  font-style: italic;
  color: #eb1c24;
}

.table .statuses .label {
  margin-right: 2px;
  font-size: 1em;
  padding: 0.16em 0.4em;
}
.table .statuses .label > .glyphicon {
  font-size: 0.9em;
}
.table .status-filter__ul .label {
  font-size: 0.8em;
}


table.table.searchable .radio input[type="radio"], table.table.searchable .checkbox input[type="checkbox"], table.table.unsearchable .radio input[type="radio"], table.table.unsearchable .checkbox input[type="checkbox"] {
  vertical-align: -2px;
}

@media (max-width: 768px) {

  table.table.searchable .checkbox, table.table.unsearchable .checkbox {
    padding-left: 2em;
  }
}


table.table.searchable .text-tiny, table.table.unsearchable .text-tiny {
  font-size: 10px;
}


table.table.searchable tbody.filters .status-filter-li__custom, table.table.unsearchable tbody.filters .status-filter-li__custom {
  white-space: nowrap;
}


table.table.searchable tbody.filters .status-filter-li__custom label, table.table.unsearchable tbody.filters .status-filter-li__custom label {
  min-width: 4rem;
  font-size: 0.85em;
}


table.table.searchable tbody.filters .status-filter-li__custom input, table.table.unsearchable tbody.filters .status-filter-li__custom input {
  max-width: none;
  width: auto;
}


table.table.searchable tbody.filters th.sports .button-select, table.table.unsearchable tbody.filters th.sports .button-select {
  max-width: 100%;
}


table.table.searchable tbody.filters th.sports .button-select .button-select-text, table.table.unsearchable tbody.filters th.sports .button-select .button-select-text {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}


table.table .member_count {
  width: 30px;
}


table.table .admin_count {
  width: 30px;
}


table.table .member-table__secondary-filters .select2 {
  min-width: 20rem;
  width: 35rem;
  max-width: 80vw;
}


table.table .table.searchable .filters .select2 {
  max-height: 10rem;
  overflow: auto;
}


table.table .index-table__name-filter-container [name*="name"] {
  min-width: 15rem;
  width: 20rem;
  max-width: 80vw;
}


table#members-searchable-table.table .name .dotted {
  border-bottom: 1px dashed #999;
  color: #333333;
}


table#members-searchable-table.table .name, table#members-searchable-table.table #email_name_matches {
  width: 180px;
}


table#members-searchable-table.table #s2id_members_for_groups_eq {
  width: 500px;
  width: Min(80vw, 500px);
}


table#members-searchable-table.table .other-groups {
  min-width: 140px;
}


table#members-searchable-table.table .actions {
  text-align: right;
  width: 215px;
}

@media (max-width: 1199px) {

  table#members-searchable-table.table .actions {
    min-width: 135px;
  }
}


table#vendors-searchable-table.table .primary-representative {
  width: 200px;
}


table#vendors-searchable-table.table .details, table#vendors-searchable-table.table .service-category {
  max-width: 250px;
}


table#vendors-searchable-table.table .actions {
  min-width: 215px;
}

@media (max-width: 1199px) {

  table#vendors-searchable-table.table .actions {
    min-width: 180px;
  }
}


table#events-searchable-table.table .name .dotted {
  border-bottom: 1px dashed #999;
  color: #333333;
}


table#events-searchable-table.table .actions {
  min-width: 170px;
  text-align: right;
}


table#events-searchable-table.table.events-members-searchable-table .name, table#events-searchable-table.table.events-members-searchable-table #name_matches {
  width: auto;
}


table.table.members-show-unsearchable-table .superintendent {
  width: 230px;
}


table.table.members-show-unsearchable-table .principal {
  width: 230px;
}


table.table.members-show-unsearchable-table .address {
  width: 210px;
}


table.table.members-show-unsearchable-table .actions {
  width: 90px;
}


table.table.vendors-show-unsearchable-table .statuses {
  width: 60px;
}


table.table.vendors-show-unsearchable-table .address {
  width: 210px;
}


table.table.vendors-show-unsearchable-table .actions {
  width: 90px;
}


table.table.vendors-show-unsearchable-table.representatives .actions {
  width: 160px;
}


table.table.member-form-statuses-show-unsearchable-table .superintendent {
  width: 230px;
}


table.table.member-form-statuses-show-unsearchable-table .principal {
  width: 230px;
}


table.table.member-form-statuses-show-unsearchable-table .address {
  width: 200px;
}


table.table.member-form-statuses-show-unsearchable-table .actions {
  width: 90px;
}


table#member-payments-searchable-table.table .member, table#member-payments-searchable-table.table #member_name_matches, table#vendor-payments-searchable-table.table .member, table#vendor-payments-searchable-table.table #member_name_matches {
  width: 150px;
}


table#member-payments-searchable-table.table .vendor, table#member-payments-searchable-table.table #vendor_name_matches, table#vendor-payments-searchable-table.table .vendor, table#vendor-payments-searchable-table.table #vendor_name_matches {
  width: 180px;
}


table#member-payments-searchable-table.table .payer, table#member-payments-searchable-table.table #payer_name_matches, table#vendor-payments-searchable-table.table .payer, table#vendor-payments-searchable-table.table #payer_name_matches {
  width: 150px;
}


table#member-payments-searchable-table.table [id*="paid_at_"], table#vendor-payments-searchable-table.table [id*="paid_at_"] {
  width: 150px;
  font-size: 0.85em;
  display: inline-block;
  letter-spacing: -0.3px;
  padding: 6px;
}


table#member-payments-searchable-table.table [id*="paid_at_"][type="text"], table#vendor-payments-searchable-table.table [id*="paid_at_"][type="text"] {
  width: 105px;
}


table#member-payments-searchable-table.table .costs, table#vendor-payments-searchable-table.table .costs {
  min-width: 200px;
}


table#member-payments-searchable-table.table .actions, table#vendor-payments-searchable-table.table .actions {
  width: 100px;
}


table#member-payments-searchable-table.table input::-webkit-calendar-picker-indicator, table#vendor-payments-searchable-table.table input::-webkit-calendar-picker-indicator {
  max-width: 11px;
}


table#state-districts-searchable-table.table .students, table#state-districts-searchable-table.table .staff, table#state-districts-searchable-table.table .schools {
  width: 50px;
}


table#state-districts-searchable-table.table #state_districts_state_eq {
  width: 90px;
}


table#mergeable-connected-accounts-searchable-table.table .actions {
  min-width: 140px;
}


table#mergeable-connected-accounts-searchable-table.table .reason {
  min-width: 240px;
  max-width: 300px;
}


table.table .status-filter__ul {
  padding: 0.5rem 0 0;
}


table.table .status-filter__ul > li {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}


table.table .status-filter__ul > li:last-child {
  padding-bottom: 0.5rem;
}


.default-table__table th:last-child, .default-table__table td:last-child {
  text-align: right;
}


.default-table__table th:last-child > .btn-group:not(.flex), .default-table__table th:last-child > .btn-toolbar:not(.flex), .default-table__table td:last-child > .btn-group:not(.flex), .default-table__table td:last-child > .btn-toolbar:not(.flex) {
  display: inline-block;
}


.status-filter-li__submit-btn {
  position: sticky;
  bottom: 0;
  background-color: white;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(3, 3, 3, 0.2);
  box-shadow: 0px -5px 5px -3px rgba(3, 3, 3, 0.2);
}


.status-filter-li__submit-btn button {
  width: 100%;
}

@supports (-webkit-overflow-scrolling: touch) {

  [id*="paid_at_"][type="date"] {
    display: inline-flex !important;
  }
}

@media (max-width: 767px) {
  @supports (-webkit-overflow-scrolling: touch) {

    [id*="paid_at_"][type="date"] {
      font-size: 1em !important;
    }
  }
}


.table--empty .table {
  margin: 0;
}


td.fill {
  width: 100%;
}


#checkout-fees-table .amount {
  width: 100px;
}


.breakdown-table {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


.breakdown-table__row--cost td:not(:first-child) {
  text-align: right;
}


.breakdown-table__row--cost td:last-child {
  width: 90px;
}


.breakdown-table__row--payment td:not(:first-child) {
  text-align: right;
}


.breakdown-table__row--paymenttd:last-child {
  width: 80px;
}


.search-reset.btn {
  padding: 0;
  width: 2.4em;
  height: 2.4em;
  display: flex;
  align-items: center;
  justify-content: center;
}


.search-reset > * {
  pointer-events: none;
}

/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
/* line 13, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.form-control {
  background: transparent;
  box-shadow: none;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
/* line 35, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: var(--input-border);
  border-radius: var(--input-border-radius);
  color: var(--input-color);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: var(--input-bg);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 43, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-search input {
  border-color: var(--input-border);
  border-radius: var(--input-border-radius);
  color: var(--input-color);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: var(--input-bg);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 47, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container .select2-choices .select2-search-field input {
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
/* line 56, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container .select2-choice {
  height: var(--input-height-base);
  line-height: var(--line-height-base);
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
/* line 66, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
/* line 75, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: var(--input-height-small);
  line-height: var(--line-height-small);
  border-radius: var(--border-radius-small);
}

/* line 82, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: var(--input-height-large);
  line-height: var(--line-height-large);
  border-radius: var(--border-radius-large);
}

/* line 89, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi .select2-choices .select2-search-field input {
  height: var(--input-height-base)-2px;
}

/* line 93, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: var(--input-height-small)-2px;
}

/* line 98, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: var(--input-height-large)-2px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
/* line 109, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

/* line 113, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 12px;
}

/* line 119, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: var(--padding-small-vertical) var(--padding-small-horizontal);
}

/* line 128, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

/* line 137, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

/* line 142, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

/* line 148, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
/* line 159, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: none;
  background: none;
}

/* line 165, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
/* line 178, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px;
}

/* line 183, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

/* line 188, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

/* line 195, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

/* line 202, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

/* line 209, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
/* line 222, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #a0630e;
}

/* line 226, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #71460a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ec9a28;
}

/* line 231, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-warning.select2-drop-active {
  border-color: #71460a;
}

/* line 233, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #71460a;
}

/* line 222, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #bc2e29;
}

/* line 226, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #922420;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #df706c;
}

/* line 231, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-error.select2-drop-active {
  border-color: #922420;
}

/* line 233, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #922420;
}

/* line 222, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #337533;
}

/* line 226, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #245124;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #58b658;
}

/* line 231, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-success.select2-drop-active {
  border-color: #245124;
}

/* line 233, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #245124;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
/* line 256, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: var(--input-border-focus);
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(var(--input-border-focus), 0.6);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* line 264, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-drop-active {
  border-color: var(--input-border-focus);
}

/* line 268, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: var(--input-border-focus);
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
/* line 292, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* line 297, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* line 302, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* line 307, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: var(--input-border-radius) !important;
  border-bottom-right-radius: var(--input-border-radius) !important;
  background: var(--btn-default-bg);
  filter: none;
}

/* line 314, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* line 318, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* line 322, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: var(--border-radius-small) !important;
}

/* line 325, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: var(--border-radius-large) !important;
}

/* line 328, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: var(--border-radius-small) !important;
}

/* line 331, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: var(--border-radius-large) !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
/* line 340, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-results .select2-highlighted {
  color: var(--dropdown-link-active-color);
  background-color: var(--dropdown-link-active-bg);
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
/* line 353, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
/* line 364, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi .select2-choices .select2-search-choice {
  color: var(--input-color);
  background: var(--btn-default-bg);
  border-color: var(--btn-default-border);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 372, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: color-mix(in srgb, var(--btn-default-bg) 92%, black 8%);
  border-color: color-mix(in srgb, var(--btn-default-border) 88%, black 12%);
  color: var(--btn-default-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
/* line 384, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-search-choice-close {
  margin-top: -5px;
  top: 50%;
  transition: none !important;
}

/* line 390, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-search-choice-close:after {
  content: '';
  background: transparent;
  position: absolute;
  right: -3px;
  top: -3px;
  left: -3px;
  bottom: -3px;
  transition: none !important;
  display: block;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
/* line 410, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container .select2-choice abbr {
  top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
/* line 421, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #a0630e;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
/* line 437, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: var(--input-bg-disabled);
  border-color: var(--input-border);
}

/* line 442, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
  background-color: transparent;
  border-left: 1px solid transparent;
  /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
/* line 472, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */
}

/**
 * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
 * ensure that .select2-offscreen width, height and position can not be overwritten.
 *
 * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
 * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
 * the following rules - allow Bootstrap to overwrite the latter, which results in
 * the original <select> element Select2 is replacing not be properly being hidden
 * when used in a "Bootstrap Input Group with Addon".
 **/
/* line 490, app/assets/stylesheets/libraries/select2-bootstrap3-3.4.8.scss */
.select2-offscreen,
.select2-offscreen:focus {
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
}

:root {
  --profile-theme-color: rgba(255, 255, 255, 0);
  --showpage-header-gutter: 2rem;
}

@media screen and (max-width: 768px) {
  :root {
    --showpage-header-gutter: 1rem;
  }
}

.showpage__header {
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: .25rem;
  padding: var(--showpage-header-gutter);
  position: relative;
}
@media screen and (max-width: 768px) {
  .showpage__header {
    padding: var(--showpage-header-gutter) 0 0 0;
  }
}


.showpage__header.showpage__header-has-logo--true > * {
  z-index: 2;
}


.showpage__header.showpage__header-has-logo--true .showpage__logo {
  z-index: 1;
}


.showpage__header.showpage__header--is-compact--true {
  padding: 1rem;
  margin: 0;
}


.showpage__header.showpage__header--is-compact--true .showpage__header-header {
  margin: 0;
  border: none;
  padding: 0;
}


.showpage__header.showpage__header--is-compact--true .showpage__header-btns {
  display: flex;
  justify-content: center;
  align-items: center;
}


.showpage__header.showpage__header--is-compact--true .showpage__header-title {
  margin-bottom: -0.5rem;
}


.showpage__header-has-logo--true {
  margin-top: 10rem;
}

@media (max-width: 767px) {

  .showpage__header-has-logo--true {
    margin-top: 12rem;
  }
}


.showpage__header-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #0000001f;
  margin-left: 1rem;
}

@media (max-width: 767px) {
  .showpage__header-header {
    margin-right: 1rem;
    gap: 1rem;
  }
}


.showpage__header-header--combine {
  position: relative;
}


.showpage__header-title-row {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
}


.showpage__header-name {
  padding-right: 1rem;
  margin: 0;
}


.showpage__header-nickname {
  font-weight: bold;
  font-size: 1.2em;
  color: #707070;
  padding-right: 1rem;
}


.showpage__logo {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  opacity: 0.2;
  max-width: 30%;
  max-height: 80%;
}

@media (max-width: 600px) {

  .showpage__logo {
    left: unset;
    right: 0;
  }
}


.showpage__header-avatar-img {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  border-radius: 100%;
  box-shadow: 0px 0px 4px 0px #3232322e;
  border: 1px solid rgba(0, 0, 0, 0.125);
  overflow: hidden;
}


.showpage__header-avatar-img > * {
  font-size: 6rem;
}


.showpage__header-avatar-img img {
  padding: 2.5rem;
  width: 100%;
}

@media print {

  .showpage__header-avatar-img {
    box-shadow: none;
    border: none;
  }
}


.showpage__header-avatar-container {
  position: absolute;
  left: 50%;
  margin-left: -6rem;
  width: 12rem;
  height: 12rem;
  top: -10rem;
}


.showpage__header-avatar {
  position: relative;
  width: 100%;
  height: 100%;
}


.showpage__header-member-type {
  position: absolute;
  bottom: 0.5rem;
  right: -0.1rem;
  font-size: 1em;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.5);
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}


.showpage__header-title {
  flex: 1;
  min-height: 3.4rem;
  padding-right: 1rem;
  min-width: 300px;
}


.showpage__header-title h1 {
  margin: 0;
  background-color: #ffffff8a;
}


.showpage__header-title aside {
  padding-left: 1rem;
}


.showpage__header-items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0;
}


.showpage__header-items dl {
  margin: 0;
  padding: 3rem 1rem 0;
  min-width: 160px;
}


.showpage__header-items dl .text-nowrap {
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  overflow: hidden;
}

@supports (display: grid) {

  .showpage__header-items {
    gap: 1rem;
    display: grid;
    grid-auto-flow: row;
    padding: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .showpage__header-items dl {
    padding: 0;
    min-width: unset;
  }

  .showpage__header-items dd {
    display: flex;
    flex-flow: row wrap;
  }
}


.showpage__header-body--2-col {
  display: flex;
  flex-flow: row wrap;
}

@media (min-width: 767px) {

  .showpage__header-body--2-col > *:not(:first-child) {
    border-left: 1px solid #ddd;
  }
}


.showpage__header-body--col-1 {
  flex: 2;
}


.showpage__header-body--col-2 {
  flex: 1;
}


.showpage__header-section-header {
  padding: 1rem 1rem 0;
  font-size: 1.4em;
  color: #707070;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 767px) {

  .showpage__header-section-header {
    font-size: 1.2em;
  }
}


.showpage__mobile-nav {
  display: none;
}


.showpage__header-title-combine-label {
  position: absolute;
  top: -3rem;
  font-size: 1.5rem;
  z-index: 1;
}

@media (max-width: 767px) {

  .showpage__mobile-nav {
    background: white;
    box-shadow: 0px -4px 4px 0px #3232322e;
    display: flex;
    justify-content: center;
    z-index: 3;
  }

  .showpage__mobile-nav a {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    max-width: 140px;
    text-align: center;
    height: 7rem;
    padding: 0.5rem 1rem 1rem 1rem;
    text-decoration: none;
    justify-content: space-evenly;
  }

  .showpage__mobile-nav svg {
    margin-top: 0.5rem;
    display: block;
    width: 100%;
    height: 100%;
  }

  .showpage__mobile-nav a > .glyphicon {
    font-size: 2.5rem;
  }
}

@media print {

  .showpage__header--printable-card {
    max-width: 480px;
  }
}


.members__step-guide-container .select2-choices {
  display: flex;
  flex-flow: row nowrap;
  overflow: auto;
  max-width: 80rem;
  white-space: nowrap;
}


.members__step-guide-container .select2-container-multi .select2-search-choice-close {
  margin-top: -0.7rem;
}


.members__step-guide-container .members__actions-col {
  display: none;
}


.members__step-guide-container .search-reset {
  display: none !important;
}


.members__guide-groups-container {
  padding-bottom: 2rem;
}


.members__step-guide-footer {
  padding: 2rem 0;
  position: sticky;
  bottom: 0;
  background: #f0f0f0;
  box-shadow: 0px -6px 6px -6px #3232326a;
  z-index: 3;
}

.members__step-guide-search-container {
  margin-bottom: 2rem;
}

.members__step-guide-search-input-group {
  max-width: 50rem;
}


.ltc-row--canceled {
  pointer-events: none;
  background-color: #e6e6e696;
  color: #676767;
}


.ltc-row--canceled > *:last-child:after {
  display: block;
  content: "Canceled";
  z-index: 1;
  color: #7d0000;
  font-size: 1.1em;
  font-weight: 800;
}


.ltc-row--closed > *:last-child:after {
  content: "Closed";
}


.payment-breakdown-table__container table {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


.payment-breakdown-table__container tr > * {
  text-align: right;
}


.payment-breakdown-table__container tr > *:first-child {
  text-align: left;
}


.payment-breakdown-table__made-payment-table-fees td {
  border-top: 0;
  padding-top: 0;
}


.payment-breakdown-table__made-payment-table-fees small {
  display: block;
  margin-top: -5px;
  text-align: right;
}


.payment-breakdown-table__made-payment-table-payer {
  width: 270px;
  float: right;
  display: inline-block;
  text-align: right;
}


.payment-breakdown-table__amount-td {
  white-space: nowrap;
  min-width: 9.5em;
}


.payment-breakdown-table__made-payment-cost--is-dimmed-true {
  opacity: 0.6;
}


.cta-area-tutorial__wrapper {
  background-color: #dddddd;
}


.cta-area-tutorial__cta {
  flex: 1;
  text-align: center;
}


.form-layout__vertical .control-label {
  text-align: left;
}


.amp-feature__container {
  background: white;
  max-width: 900px;
}


.amp-feature__container--is-modal-false {
  padding: 1.5rem;
}


.association-page__container {
  font-size: 1.6rem;
}


.group-show__affiliate-association-description {
  display: flex;
  position: relative;
  gap: 1rem;
  align-items: center;
  flex-flow: row wrap;
}


.group-show__affiliate-association-description h3 {
  margin: 0;
}


.group-show__affiliate-association-description img {
  order: -1;
  height: 5rem;
  width: auto;
  max-width: 30vw;
}

.email-footer-preview {
  background-color: #fff;
  padding: 1rem;
  font-size: 14px;
  border: 1px solid #ccc;
  font-family: 'Lexend Deca','Roboto','Helvetica Neue',-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI emoji;
  color: #333;
}

dl.event-show__subsection-info-details {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 1.5rem;
  margin-bottom: 0;
}



.table > thead > tr > td.muted,
.table > thead > tr > th.muted, .table > thead > tr.muted > td, .table > thead > tr.muted > th,
.table > tbody > tr > td.muted,
.table > tbody > tr > th.muted,
.table > tbody > tr.muted > td,
.table > tbody > tr.muted > th,
.table > tfoot > tr > td.muted,
.table > tfoot > tr > th.muted,
.table > tfoot > tr.muted > td,
.table > tfoot > tr.muted > th {
  background-color: var(--state-muted-bg);
}


.table-hover > tbody > tr > td.muted:hover,
.table-hover > tbody > tr > th.muted:hover, .table-hover > tbody > tr.muted:hover > td, .table-hover > tbody > tr:hover > .muted, .table-hover > tbody > tr.muted:hover > th {
  background-color: color-mix(in srgb, var(--state-muted-bg), black 5%);
}


.table > thead > tr > td.caution,
.table > thead > tr > th.caution, .table > thead > tr.caution > td, .table > thead > tr.caution > th,
.table > tbody > tr > td.caution,
.table > tbody > tr > th.caution,
.table > tbody > tr.caution > td,
.table > tbody > tr.caution > th,
.table > tfoot > tr > td.caution,
.table > tfoot > tr > th.caution,
.table > tfoot > tr.caution > td,
.table > tfoot > tr.caution > th {
  background-color: var(--state-caution-bg);
}


.table-hover > tbody > tr > td.caution:hover,
.table-hover > tbody > tr > th.caution:hover, .table-hover > tbody > tr.caution:hover > td, .table-hover > tbody > tr:hover > .caution, .table-hover > tbody > tr.caution:hover > th {
  background-color: color-mix(in srgb, var(--state-caution-bg), black 5%);
}


.table-responsive {
  overflow-x: visible;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: none;
}


.table-responsive::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

@media (max-width: 1200px) {

  .table-responsive {
    margin-right: -15px;
    margin-left: -15px;
    border-left: 0px;
    border-right: 0px;
    width: auto;
    overflow-x: auto;
  }
}


.table-responsive th:last-child .dropdown-menu,
.table-responsive td:last-child .dropdown-menu {
  left: auto;
  right: 0;
}


.table-responsive th:last-child .btn-group,
.table-responsive td:last-child .btn-group {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}


.main-title__container + form.searchable {
  margin-top: 1.5rem;
}



.navbar-static-top {
  position: sticky;
  top: 0;
  z-index: 4;
}

@media (max-width: 767px) {

  .navbar-static-top .navbar-brand.logo {
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-static-top .navbar-brand.logo img {
    max-width: 100%;
  }

  .navbar-static-top .navbar__title {
    float: none !important;
    margin: 0 0 0.5em 0;
    text-align: center;
  }
}


.top-navbar-open #body-wrapper > *:not(.navbar-static-top) {
  pointer-events: none;
}

@media (max-width: 767px) {

  .navbar-right {
    position: absolute;
    top: 50px;
    width: 100%;
    background: #f5f5f5;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    margin-top: 0;
    z-index: 4;
    pointer-events: none;
    display: none;
    overflow: auto;
    max-height: calc(100vh - 100px);
  }

  .top-navbar-open .navbar-right {
    pointer-events: auto;
    display: block;
  }
}

@media (min-width: 767px) {

  .navbar-right .dropdown-menu {
    overflow: auto;
    max-height: calc(100vh - 50px);
  }
}


.top-navbar__mobile-toggle {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px;
  color: var(--theme-navbar-mobile-toggle-color);
  --btn-color: var(--theme-navbar-mobile-toggle-color);
}


@media (min-width: 767px) {

  .top-navbar__mobile-toggle {
    display: none;
  }
}


.top-navbar__mobile-toggle-svg {
  display: block;
  width: 100%;
  height: 100%;
  stroke: currentColor;
}


.top-navbar__mobile-toggle-svg path {
  stroke-width: 32;
}


body.top-navbar-open .top-navbar__mobile-toggle-svg-open {
  display: none;
}


body:not(.top-navbar-open) .top-navbar__mobile-toggle-svg-closed {
  display: none;
}

@media (max-width: 991px) {

  .navbar__title {
    display: none;
  }
}


.body__authenticated--true .navbar__title {
  display: none;
}


.navbar {
  color: #777777;
  background-color: #f5f5f5;
  border-bottom-color: #d4d4d4;
  border-width: 0px 0px 1px 0px;
  transition: background-color 0.4s ease-out;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}


.navbar .navbar__title {
  margin-top: 0.9em;
}


.navbar .nav a:hover,
.navbar .nav button:hover {
  color: #333333;
}
.nav>li>button:focus, .nav>li>button:hover {
    text-decoration: none;
    background-color: #eee;
}


.navbar .navbar-brand.logo {
  padding-top: 7px;
}


.navbar .navbar-brand.logo > img {
  max-height: 35px;
  max-width: 400px;
  vertical-align: baseline;
}


.navbar-nav > li.divider {
  width: 1px;
  padding: 0;
  margin: 15px 10px;
  height: 1.4em;
  background: #ddd;
}

.navbar-nav>li>.dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    position: relative;
    display: block;
}
@media (min-width: 768px) {
    .navbar-nav>li>.dropdown-toggle {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.navbar-nav > .identifier > .dropdown-toggle {
  display: flex;
  text-align: left;
  gap: 0.3em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  align-items: center;
  height: 50px;
  width: 100%;
}


.navbar-nav > li > a,
.navbar-nav > li > .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
  min-width: 3em;
  --btn-color: var(--theme-primary-color);
  font-weight: normal;
  border: none;
  text-shadow: none;
  background-image: none !important;
  background: transparent;
  box-shadow: none;
  width: 100%;
  display: block;
  text-align: left;
}

@media (max-width: 1200px) {

  .navbar-nav > li > a,
  .navbar-nav > li > .dropdown-toggle {
    padding-left: 9px;
    padding-right: 9px;
  }
}

@media (max-width: 768px) {

  .navbar-nav > li > a,
  .navbar-nav > li > .dropdown-toggle {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.members-transcript.is-official-true .primary-actions {
  padding: 1.5rem;
}

.members-transcript.is-official-true {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.members-transcript.is-official-true .main-title {
  display: none;
}


.members-transcript.is-official-true .panel-default {
  border: none !important;
}


.transcript__official-logo {
  width: 6vw;
}


.transcript__official-header {
  gap: 0.5rem;
  margin-bottom: 2rem;
}


.transcript__official-header > * {
  margin: 0;
}


.transcript__official-header h4 {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
}


.transcript__official-information {
  column-count: 2;
  gap: 4vw;
}


.transcript__official-information dt {
  width: auto;
  padding-right: 1rem;
}


.transcript__official-information dd {
  margin-left: 0;
}


.transcript__official-table > div > * {
  border-top: 2px solid black !important;
}


.transcript__official-table table {
  border: none !important;
}


.transcript__official-table th {
  border: none !important;
}


.transcript__official-table td {
  border: none !important;
}


.transcript__official-table tbody {
  border: none !important;
}


.transcript__official-table th:nth-child(1), .transcript__official-table td:nth-child(1) {
  width: 60px;
}


.transcript__official-table th:nth-child(4), .transcript__official-table td:nth-child(4) {
  width: 70px;
  text-align: center;
}


.transcript__official-table th:nth-child(5), .transcript__official-table td:nth-child(5) {
  width: 110px;
  text-align: center;
}


.transcript__official-table th:nth-child(6), .transcript__official-table td:nth-child(6) {
  width: 110px;
  text-align: center;
}


.transcript__official-signature-fields {
  padding-top: 3rem;
}


.transcript__official-signature-field {
  position: relative;
}


.transcript__official-signature-field label {
  display: block;
}


.transcript__official-signature-field input {
  border: none;
  border-bottom: 2px solid black;
  text-align: center;
}


.transcript__official-signature-field img {
  position: absolute;
  top: -23px;
  right: 24px;
  height: 54px;
  cursor: pointer;
}


.transcript__official-disclaimers {
  font-size: 12.5px;
  padding: 2rem 0 0;
}


.transcript__official-disclaimers > * {
  max-width: 52vw;
}


.transcript__official-accreditors-logo {
  height: 60px;
}

.transcript__certifier-section-wrapper {
  break-inside: avoid;
}
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *




 */