/* app/frontend/stylesheets/_palette.css */
:root {
  --primary-color: #5619c6;
  --primary-100: #e4d8fb;
  --primary-300: #a078f1;
  --primary-500: #5619c6;
  --primary-700: #3f1090;
  --primary-900: #27085c;
  --secondary-warm-100: #fff7db;
  --secondary-warm-300: #ffe089;
  --secondary-warm-500: #ffc845;
  --secondary-warm-700: #cc9d2f;
  --secondary-warm-900: #8a691d;
  --secondary-cool-100: #d6f5f8;
  --secondary-cool-300: #84e1ea;
  --secondary-cool-500: #2dc8d6;
  --secondary-cool-700: #1b96a1;
  --secondary-cool-900: #0e616a;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --error-100: #fee2e2;
  --error-500: #ef4444;
  --error-700: #b91c1c;
  --success-100: #dcfce7;
  --success-500: #22c55e;
  --success-700: #15803d;
  --info-100: #e0f2fe;
  --info-500: #3b82f6;
  --info-700: #1d4ed8;
  --warning-100: #fff7db;
  --warning-500: #facc15;
  --warning-700: #ca8a04;
}

/* app/frontend/stylesheets/base.css */
body {
  margin: 0;
  padding: 0;
  font-family:
    "Roboto",
    "Arial",
    "Helvetica",
    sans-serif;
  font-size: 16px;
  color: #261B23;
  background-color: #FFF;
}
h1 {
  font-size: 2rem;
  color: var(--primary-500);
  small {
    font-size: 1.4rem;
    color: #888888;
  }
}
h2 {
  font-size: 1.5rem;
  color: var(--primary-700);
  small {
    font-size: 1.2rem;
    color: #888888;
  }
}
a {
  color: var(--primary-500);
  text-decoration: none;
  &:hover {
    color: var(--primary-900);
    background-color: var(--primary-100);
  }
}
.italic {
  font-style: italic;
}
.info {
  font-style: italic;
  font-size: .8em;
}
.hidden {
  display: none;
}

/* app/frontend/stylesheets/box.css */
div.box {
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 20px 10px 10px 10px;
  margin: 20px 0 10px 0;
  position: relative;
  background-color: var(--gray-100);
  div.box_label {
    position: absolute;
    top: -10px;
    left: 20px;
    font-weight: bold;
    background-color: white;
    border-radius: 5px;
  }
  div.box_summary {
    font-size: .9em;
    font-style: italic;
    margin-top: -10px;
    margin-bottom: 10px;
  }
}

/* app/frontend/stylesheets/buttons.css */
.button {
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  &:hover {
    filter: brightness(120%);
  }
  &.primary,
  &.submit_action {
    color: var(--primary-100);
    background-color: var(--primary-500);
    border: none;
  }
  &.secondary,
  &.alt_action {
    color: white;
    background-color: var(--secondary-cool-500);
    border: none;
  }
  &.trinary,
  &.cancel_action,
  &.close_action {
    border: 1px solid #888888;
    color: inherit;
    &:hover {
      filter: brightness(110%);
    }
  }
  &.alt2_action {
    color: var(--primary-900);
    background-color: #dddddd;
    border: none;
    &:hover {
      filter: brightness(90%);
    }
  }
  &.red_button {
    border: 1px solid red;
    color: red;
    &:hover {
      background-color: red;
      color: white;
      filter: brightness(150%);
    }
  }
  &.disabled {
    background-color: #cccccc;
    border: 1px solid #cccccc;
    color: #444444;
    &:hover {
      filter: brightness(100%);
      cursor: default;
    }
  }
  &.tiny {
    font-size: 10px;
    padding: 2px;
  }
}

/* app/frontend/stylesheets/dialog.css */
.standard_dialog {
  white-space: normal;
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  border: 1px solid var(--primary-700);
  border-radius: 10px;
  background-color: var(--gray-50);
  box-shadow: #666 5px 5px 5px;
  .lead {
    background-color: var(--primary-500);
    border-radius: 10px 10px 0 0;
    color: var(--gray-100);
  }
  z-index: 1002;
  .lead {
    padding: 10px;
  }
  .body {
    padding: 10px;
  }
}
.standard_dialog_overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.8;
  background-color: white;
  z-index: 1001;
}

/* app/frontend/stylesheets/field_layouts.css */
.full_name {
  display: flex;
  gap: 4px;
  .first_name {
    flex: 4 4 40%;
  }
  .mi_name {
    flex: 2 2 20%;
  }
  .last_name {
    flex: 4 4 40%;
  }
}

/* app/frontend/stylesheets/file_drop.css */
.drop_zone {
  padding: 2rem;
  text-align: center;
  border: 2px dashed var(--gray-300);
  border-radius: 4px;
  background: var(--gray-50);
  transition: all 0.3s ease;
}
.drop_zone.drag-over {
  background: #e1e1e1;
  border-color: var(--gray-400);
}
.drop_zone input[type=file] {
  display: none;
}
.drop_zone_text {
  margin: 0;
  color: #666;
}

/* app/frontend/stylesheets/flash.css */
#flash_content,
#flash_content_inline {
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
  .close_box {
    text-align: right;
    span {
      cursor: pointer;
    }
  }
  .callout {
    padding: 0 10px 10px 10px;
    border-radius: 20px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
  }
  .message {
    margin: 0;
  }
  .flash_notice {
    border: 1px solid #00ff00;
    background-color: #88dd88;
  }
  .flash_info {
    border: 2px solid #FFFFFF;
    background-color: #eeeeee;
    color: #333333;
  }
  .flash_alert {
    background-color: #B00100;
    color: #ffffff;
  }
  .flash_error {
    background-color: #B00100;
    color: #ffffff;
  }
}
#flash_content {
  position: absolute;
  top: 10px;
  margin-top: 0;
}
body.theme-dark .flash_notice {
  color: #000000;
}

/* app/frontend/stylesheets/forms.css */
input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=url],
input[type=number] {
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid #ccc;
  padding: 8px;
  margin: 0 0 0 0;
  width: 100%;
}
.simple_form_horizontal {
  display: flex;
  .sf_hz_label {
    flex: 1 1 100px;
    margin-right: 10px;
    label {
      width: 100%;
      display: block;
      text-align: right;
      font-weight: bold;
      &:after {
        content: ":";
      }
    }
  }
  .sf_hz_content {
    flex: 5 5 500px;
  }
}
.simple_form_vertical {
  margin-bottom: 16px;
  label {
    display: block;
  }
  input[type=text],
  input[type=password],
  input[type=email],
  select {
    display: block;
    margin: 0;
  }
  input[type=checkbox] {
    display: inline;
  }
  span {
    label {
      display: block;
      input {
      }
      label {
        display: inline;
        margin-left: 5px;
      }
    }
  }
  span.hint {
    display: block;
    font-style: italic;
    font-size: .8em;
  }
  &.field_with_errors {
    label {
      color: red;
    }
    input[type=text],
    input[type=password],
    input[type=email],
    select {
      border: 1px solid red;
      background-color: #ff8888;
    }
    span.hint {
      color: red;
    }
    span.error {
      display: block;
      font-style: italic;
      font-size: .8em;
      color: red;
    }
  }
  &.radio_buttons {
    label {
      display: block;
      margin-bottom: 5px;
    }
    span.radio {
      margin: 10px;
      display: inline;
      label {
        display: inline;
        white-space: nowrap;
        input {
          display: inline;
        }
      }
    }
  }
}
.simple_form_vertical,
div.simple_form_horizontal {
  margin-bottom: 10px;
  input,
  select,
  textarea {
    margin-bottom: 0;
  }
  .error {
    color: red;
    display: block;
  }
  .hint {
    font-style: italic;
    font-size: .8em;
    color: #333;
    display: block;
  }
}
.error_notification {
  color: red;
  font-size: .8em;
  margin-bottom: 10px;
  display: block;
}
.form_errors {
  border: 1px solid red;
  background-color: #cccccc;
  border-radius: 20px;
  box-shadow: red 5px 5px 5px;
  margin: 20px auto 30px 30px;
  width: 500px;
  padding: 20px;
  h5 {
    padding: 0;
    margin: 0;
    color: red;
  }
  ul {
    li {
      color: red;
    }
  }
}
.form_join {
  display: flex;
  align-items: center;
  .text_info {
    box-sizing: border-box;
    font-size: 16px;
    padding: 8px;
    background-color: #ccc;
    border: 1px solid #ccc;
  }
}
select {
  font-size: 18px;
  width: 100%;
  margin: 0;
  padding: 8px;
  border: 1px solid #ccc;
}
textarea {
  font-size: 16px;
  width: 100%;
  height: 100px;
}

/* app/frontend/stylesheets/foundation_icons.css */
.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
  font-family: "foundation-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}
.fi-address-book:before {
  content: "\f100";
}
.fi-alert:before {
  content: "\f101";
}
.fi-align-center:before {
  content: "\f102";
}
.fi-align-justify:before {
  content: "\f103";
}
.fi-align-left:before {
  content: "\f104";
}
.fi-align-right:before {
  content: "\f105";
}
.fi-anchor:before {
  content: "\f106";
}
.fi-annotate:before {
  content: "\f107";
}
.fi-archive:before {
  content: "\f108";
}
.fi-arrow-down:before {
  content: "\f109";
}
.fi-arrow-left:before {
  content: "\f10a";
}
.fi-arrow-right:before {
  content: "\f10b";
}
.fi-arrow-up:before {
  content: "\f10c";
}
.fi-arrows-compress:before {
  content: "\f10d";
}
.fi-arrows-expand:before {
  content: "\f10e";
}
.fi-arrows-in:before {
  content: "\f10f";
}
.fi-arrows-out:before {
  content: "\f110";
}
.fi-asl:before {
  content: "\f111";
}
.fi-asterisk:before {
  content: "\f112";
}
.fi-at-sign:before {
  content: "\f113";
}
.fi-background-color:before {
  content: "\f114";
}
.fi-battery-empty:before {
  content: "\f115";
}
.fi-battery-full:before {
  content: "\f116";
}
.fi-battery-half:before {
  content: "\f117";
}
.fi-bitcoin-circle:before {
  content: "\f118";
}
.fi-bitcoin:before {
  content: "\f119";
}
.fi-blind:before {
  content: "\f11a";
}
.fi-bluetooth:before {
  content: "\f11b";
}
.fi-bold:before {
  content: "\f11c";
}
.fi-book-bookmark:before {
  content: "\f11d";
}
.fi-book:before {
  content: "\f11e";
}
.fi-bookmark:before {
  content: "\f11f";
}
.fi-braille:before {
  content: "\f120";
}
.fi-burst-new:before {
  content: "\f121";
}
.fi-burst-sale:before {
  content: "\f122";
}
.fi-burst:before {
  content: "\f123";
}
.fi-calendar:before {
  content: "\f124";
}
.fi-camera:before {
  content: "\f125";
}
.fi-check:before {
  content: "\f126";
}
.fi-checkbox:before {
  content: "\f127";
}
.fi-clipboard-notes:before {
  content: "\f128";
}
.fi-clipboard-pencil:before {
  content: "\f129";
}
.fi-clipboard:before {
  content: "\f12a";
}
.fi-clock:before {
  content: "\f12b";
}
.fi-closed-caption:before {
  content: "\f12c";
}
.fi-cloud:before {
  content: "\f12d";
}
.fi-comment-minus:before {
  content: "\f12e";
}
.fi-comment-quotes:before {
  content: "\f12f";
}
.fi-comment-video:before {
  content: "\f130";
}
.fi-comment:before {
  content: "\f131";
}
.fi-comments:before {
  content: "\f132";
}
.fi-compass:before {
  content: "\f133";
}
.fi-contrast:before {
  content: "\f134";
}
.fi-credit-card:before {
  content: "\f135";
}
.fi-crop:before {
  content: "\f136";
}
.fi-crown:before {
  content: "\f137";
}
.fi-css3:before {
  content: "\f138";
}
.fi-database:before {
  content: "\f139";
}
.fi-die-five:before {
  content: "\f13a";
}
.fi-die-four:before {
  content: "\f13b";
}
.fi-die-one:before {
  content: "\f13c";
}
.fi-die-six:before {
  content: "\f13d";
}
.fi-die-three:before {
  content: "\f13e";
}
.fi-die-two:before {
  content: "\f13f";
}
.fi-dislike:before {
  content: "\f140";
}
.fi-dollar-bill:before {
  content: "\f141";
}
.fi-dollar:before {
  content: "\f142";
}
.fi-download:before {
  content: "\f143";
}
.fi-eject:before {
  content: "\f144";
}
.fi-elevator:before {
  content: "\f145";
}
.fi-euro:before {
  content: "\f146";
}
.fi-eye:before {
  content: "\f147";
}
.fi-fast-forward:before {
  content: "\f148";
}
.fi-female-symbol:before {
  content: "\f149";
}
.fi-female:before {
  content: "\f14a";
}
.fi-filter:before {
  content: "\f14b";
}
.fi-first-aid:before {
  content: "\f14c";
}
.fi-flag:before {
  content: "\f14d";
}
.fi-folder-add:before {
  content: "\f14e";
}
.fi-folder-lock:before {
  content: "\f14f";
}
.fi-folder:before {
  content: "\f150";
}
.fi-foot:before {
  content: "\f151";
}
.fi-foundation:before {
  content: "\f152";
}
.fi-graph-bar:before {
  content: "\f153";
}
.fi-graph-horizontal:before {
  content: "\f154";
}
.fi-graph-pie:before {
  content: "\f155";
}
.fi-graph-trend:before {
  content: "\f156";
}
.fi-guide-dog:before {
  content: "\f157";
}
.fi-hearing-aid:before {
  content: "\f158";
}
.fi-heart:before {
  content: "\f159";
}
.fi-home:before {
  content: "\f15a";
}
.fi-html5:before {
  content: "\f15b";
}
.fi-indent-less:before {
  content: "\f15c";
}
.fi-indent-more:before {
  content: "\f15d";
}
.fi-info:before {
  content: "\f15e";
}
.fi-italic:before {
  content: "\f15f";
}
.fi-key:before {
  content: "\f160";
}
.fi-laptop:before {
  content: "\f161";
}
.fi-layout:before {
  content: "\f162";
}
.fi-lightbulb:before {
  content: "\f163";
}
.fi-like:before {
  content: "\f164";
}
.fi-link:before {
  content: "\f165";
}
.fi-list-bullet:before {
  content: "\f166";
}
.fi-list-number:before {
  content: "\f167";
}
.fi-list-thumbnails:before {
  content: "\f168";
}
.fi-list:before {
  content: "\f169";
}
.fi-lock:before {
  content: "\f16a";
}
.fi-loop:before {
  content: "\f16b";
}
.fi-magnifying-glass:before {
  content: "\f16c";
}
.fi-mail:before {
  content: "\f16d";
}
.fi-male-female:before {
  content: "\f16e";
}
.fi-male-symbol:before {
  content: "\f16f";
}
.fi-male:before {
  content: "\f170";
}
.fi-map:before {
  content: "\f171";
}
.fi-marker:before {
  content: "\f172";
}
.fi-megaphone:before {
  content: "\f173";
}
.fi-microphone:before {
  content: "\f174";
}
.fi-minus-circle:before {
  content: "\f175";
}
.fi-minus:before {
  content: "\f176";
}
.fi-mobile-signal:before {
  content: "\f177";
}
.fi-mobile:before {
  content: "\f178";
}
.fi-monitor:before {
  content: "\f179";
}
.fi-mountains:before {
  content: "\f17a";
}
.fi-music:before {
  content: "\f17b";
}
.fi-next:before {
  content: "\f17c";
}
.fi-no-dogs:before {
  content: "\f17d";
}
.fi-no-smoking:before {
  content: "\f17e";
}
.fi-page-add:before {
  content: "\f17f";
}
.fi-page-copy:before {
  content: "\f180";
}
.fi-page-csv:before {
  content: "\f181";
}
.fi-page-delete:before {
  content: "\f182";
}
.fi-page-doc:before {
  content: "\f183";
}
.fi-page-edit:before {
  content: "\f184";
}
.fi-page-export-csv:before {
  content: "\f185";
}
.fi-page-export-doc:before {
  content: "\f186";
}
.fi-page-export-pdf:before {
  content: "\f187";
}
.fi-page-export:before {
  content: "\f188";
}
.fi-page-filled:before {
  content: "\f189";
}
.fi-page-multiple:before {
  content: "\f18a";
}
.fi-page-pdf:before {
  content: "\f18b";
}
.fi-page-remove:before {
  content: "\f18c";
}
.fi-page-search:before {
  content: "\f18d";
}
.fi-page:before {
  content: "\f18e";
}
.fi-paint-bucket:before {
  content: "\f18f";
}
.fi-paperclip:before {
  content: "\f190";
}
.fi-pause:before {
  content: "\f191";
}
.fi-paw:before {
  content: "\f192";
}
.fi-paypal:before {
  content: "\f193";
}
.fi-pencil:before {
  content: "\f194";
}
.fi-photo:before {
  content: "\f195";
}
.fi-play-circle:before {
  content: "\f196";
}
.fi-play-video:before {
  content: "\f197";
}
.fi-play:before {
  content: "\f198";
}
.fi-plus:before {
  content: "\f199";
}
.fi-pound:before {
  content: "\f19a";
}
.fi-power:before {
  content: "\f19b";
}
.fi-previous:before {
  content: "\f19c";
}
.fi-price-tag:before {
  content: "\f19d";
}
.fi-pricetag-multiple:before {
  content: "\f19e";
}
.fi-print:before {
  content: "\f19f";
}
.fi-prohibited:before {
  content: "\f1a0";
}
.fi-projection-screen:before {
  content: "\f1a1";
}
.fi-puzzle:before {
  content: "\f1a2";
}
.fi-quote:before {
  content: "\f1a3";
}
.fi-record:before {
  content: "\f1a4";
}
.fi-refresh:before {
  content: "\f1a5";
}
.fi-results-demographics:before {
  content: "\f1a6";
}
.fi-results:before {
  content: "\f1a7";
}
.fi-rewind-ten:before {
  content: "\f1a8";
}
.fi-rewind:before {
  content: "\f1a9";
}
.fi-rss:before {
  content: "\f1aa";
}
.fi-safety-cone:before {
  content: "\f1ab";
}
.fi-save:before {
  content: "\f1ac";
}
.fi-share:before {
  content: "\f1ad";
}
.fi-sheriff-badge:before {
  content: "\f1ae";
}
.fi-shield:before {
  content: "\f1af";
}
.fi-shopping-bag:before {
  content: "\f1b0";
}
.fi-shopping-cart:before {
  content: "\f1b1";
}
.fi-shuffle:before {
  content: "\f1b2";
}
.fi-skull:before {
  content: "\f1b3";
}
.fi-social-500px:before {
  content: "\f1b4";
}
.fi-social-adobe:before {
  content: "\f1b5";
}
.fi-social-amazon:before {
  content: "\f1b6";
}
.fi-social-android:before {
  content: "\f1b7";
}
.fi-social-apple:before {
  content: "\f1b8";
}
.fi-social-behance:before {
  content: "\f1b9";
}
.fi-social-bing:before {
  content: "\f1ba";
}
.fi-social-blogger:before {
  content: "\f1bb";
}
.fi-social-delicious:before {
  content: "\f1bc";
}
.fi-social-designer-news:before {
  content: "\f1bd";
}
.fi-social-deviant-art:before {
  content: "\f1be";
}
.fi-social-digg:before {
  content: "\f1bf";
}
.fi-social-dribbble:before {
  content: "\f1c0";
}
.fi-social-drive:before {
  content: "\f1c1";
}
.fi-social-dropbox:before {
  content: "\f1c2";
}
.fi-social-evernote:before {
  content: "\f1c3";
}
.fi-social-facebook:before {
  content: "\f1c4";
}
.fi-social-flickr:before {
  content: "\f1c5";
}
.fi-social-forrst:before {
  content: "\f1c6";
}
.fi-social-foursquare:before {
  content: "\f1c7";
}
.fi-social-game-center:before {
  content: "\f1c8";
}
.fi-social-github:before {
  content: "\f1c9";
}
.fi-social-google-plus:before {
  content: "\f1ca";
}
.fi-social-hacker-news:before {
  content: "\f1cb";
}
.fi-social-hi5:before {
  content: "\f1cc";
}
.fi-social-instagram:before {
  content: "\f1cd";
}
.fi-social-joomla:before {
  content: "\f1ce";
}
.fi-social-lastfm:before {
  content: "\f1cf";
}
.fi-social-linkedin:before {
  content: "\f1d0";
}
.fi-social-medium:before {
  content: "\f1d1";
}
.fi-social-myspace:before {
  content: "\f1d2";
}
.fi-social-orkut:before {
  content: "\f1d3";
}
.fi-social-path:before {
  content: "\f1d4";
}
.fi-social-picasa:before {
  content: "\f1d5";
}
.fi-social-pinterest:before {
  content: "\f1d6";
}
.fi-social-rdio:before {
  content: "\f1d7";
}
.fi-social-reddit:before {
  content: "\f1d8";
}
.fi-social-skillshare:before {
  content: "\f1d9";
}
.fi-social-skype:before {
  content: "\f1da";
}
.fi-social-smashing-mag:before {
  content: "\f1db";
}
.fi-social-snapchat:before {
  content: "\f1dc";
}
.fi-social-spotify:before {
  content: "\f1dd";
}
.fi-social-squidoo:before {
  content: "\f1de";
}
.fi-social-stack-overflow:before {
  content: "\f1df";
}
.fi-social-steam:before {
  content: "\f1e0";
}
.fi-social-stumbleupon:before {
  content: "\f1e1";
}
.fi-social-treehouse:before {
  content: "\f1e2";
}
.fi-social-tumblr:before {
  content: "\f1e3";
}
.fi-social-twitter:before {
  content: "\f1e4";
}
.fi-social-vimeo:before {
  content: "\f1e5";
}
.fi-social-windows:before {
  content: "\f1e6";
}
.fi-social-xbox:before {
  content: "\f1e7";
}
.fi-social-yahoo:before {
  content: "\f1e8";
}
.fi-social-yelp:before {
  content: "\f1e9";
}
.fi-social-youtube:before {
  content: "\f1ea";
}
.fi-social-zerply:before {
  content: "\f1eb";
}
.fi-social-zurb:before {
  content: "\f1ec";
}
.fi-sound:before {
  content: "\f1ed";
}
.fi-star:before {
  content: "\f1ee";
}
.fi-stop:before {
  content: "\f1ef";
}
.fi-strikethrough:before {
  content: "\f1f0";
}
.fi-subscript:before {
  content: "\f1f1";
}
.fi-superscript:before {
  content: "\f1f2";
}
.fi-tablet-landscape:before {
  content: "\f1f3";
}
.fi-tablet-portrait:before {
  content: "\f1f4";
}
.fi-target-two:before {
  content: "\f1f5";
}
.fi-target:before {
  content: "\f1f6";
}
.fi-telephone-accessible:before {
  content: "\f1f7";
}
.fi-telephone:before {
  content: "\f1f8";
}
.fi-text-color:before {
  content: "\f1f9";
}
.fi-thumbnails:before {
  content: "\f1fa";
}
.fi-ticket:before {
  content: "\f1fb";
}
.fi-torso-business:before {
  content: "\f1fc";
}
.fi-torso-female:before {
  content: "\f1fd";
}
.fi-torso:before {
  content: "\f1fe";
}
.fi-torsos-all-female:before {
  content: "\f1ff";
}
.fi-torsos-all:before {
  content: "\f200";
}
.fi-torsos-female-male:before {
  content: "\f201";
}
.fi-torsos-male-female:before {
  content: "\f202";
}
.fi-torsos:before {
  content: "\f203";
}
.fi-trash:before {
  content: "\f204";
}
.fi-trees:before {
  content: "\f205";
}
.fi-trophy:before {
  content: "\f206";
}
.fi-underline:before {
  content: "\f207";
}
.fi-universal-access:before {
  content: "\f208";
}
.fi-unlink:before {
  content: "\f209";
}
.fi-unlock:before {
  content: "\f20a";
}
.fi-upload-cloud:before {
  content: "\f20b";
}
.fi-upload:before {
  content: "\f20c";
}
.fi-usb:before {
  content: "\f20d";
}
.fi-video:before {
  content: "\f20e";
}
.fi-volume-none:before {
  content: "\f20f";
}
.fi-volume-strike:before {
  content: "\f210";
}
.fi-volume:before {
  content: "\f211";
}
.fi-web:before {
  content: "\f212";
}
.fi-wheelchair:before {
  content: "\f213";
}
.fi-widget:before {
  content: "\f214";
}
.fi-wrench:before {
  content: "\f215";
}
.fi-x-circle:before {
  content: "\f216";
}
.fi-x:before {
  content: "\f217";
}
.fi-yen:before {
  content: "\f218";
}
.fi-zoom-in:before {
  content: "\f219";
}
.fi-zoom-out:before {
  content: "\f21a";
}

/* app/frontend/stylesheets/homepage.css */
#homepage {
  .loading {
    font-style: italic;
  }
  .error {
    color: var(--error-500);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .word-hilite {
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
  }
  .widget-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    row-gap: 10px;
    column-gap: 10px;
    .widget {
      flex: 0 0 auto;
      max-width: min(100%, 500px);
      min-width: 300px;
    }
  }
  .widget.setup {
    max-width: 400px;
    .welcome {
      font-weight: bold;
      color: var(--success-700);
    }
    table {
      tr {
        td.checkbox {
          vertical-align: top;
          cursor: pointer;
        }
        td.task_list {
          vertical-align: top;
          .setup_task {
            color: var(--success-700);
          }
          .setup_task_details {
            font-style: italic;
            font-size: .8em;
          }
        }
        td.task_list.completed {
          .setup_task {
            text-decoration: line-through;
            color: var(--gray-400);
            a {
              color: var(--gray-400);
            }
          }
          .setup_task_details {
            color: var(--gray-400);
          }
        }
      }
    }
  }
  .widget.notifications {
    .box_summary {
      color: var(--info-500);
    }
  }
  .widget.summary {
    .summary_indent {
      margin-left: 20px;
    }
    .summary_row {
      .summary_label {
        font-weight: bold;
      }
      .summary_sublabel {
        font-weight: normal;
        font-style: italic;
        font-size: .8em;
      }
    }
  }
  .widget.account_subscription {
    max-width: min(100%, 350px);
  }
  .widget.notifications {
    max-width: min(100%, 400px);
    .notifications_list {
      .notifications_entry {
        &:hover {
          background-color: var(--primary-100);
        }
        .notification_title {
          color: var(--info-700);
        }
        .notification_message {
          font-style: italic;
          font-size: .8em;
        }
      }
    }
  }
  .widget.active_guests {
    max-width: min(100%, 400px);
    .guest_title {
      font-weight: bold;
    }
    .active_guests_list {
      margin-top: 0;
      .active_guests_entry {
        &:hover {
          background-color: var(--primary-100);
        }
        .active_guests_name {
          color: var(--info-700);
        }
        .active_guests_photo_list {
          font-size: .8em;
          .photos_label {
            font-weight: bold;
            padding-right: 5px;
          }
          .photos_primary {
            position: relative;
            .tiny {
              height: 20px;
            }
            .thumb {
              height: 100px;
              display: none;
              position: absolute;
              top: -10px;
              left: 20px;
              z-index: 1;
            }
            &:hover {
              .thumb {
                display: block;
              }
            }
          }
          .photos_more {
            font-style: italic;
            font-size: .8em;
            padding-left: 5px;
          }
        }
      }
    }
  }
  .widget.published_questions {
    max-width: min(100%, 400px);
  }
  .footer {
    cursor: pointer;
    text-align: center;
    &:hover {
      color: var(--primary-900);
      background-color: var(--primary-100);
    }
    &.link {
      color: var(--primary-500);
    }
  }
}

/* app/frontend/stylesheets/integrations.css */
.integration_list {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  .integration_item {
    flex: 0 0 200px;
    background-color: #eeeeee;
    padding: 0 10px;
    border-radius: 20px;
    height: 400px;
    border: 1px solid #00000022;
    &:hover {
      background-color: #dddddd;
    }
    h4 {
      text-align: center;
    }
    .integration-description {
      height: 120px;
      overflow: auto;
    }
    img {
      width: 150px;
      height: 150px;
      object-fit: contain;
      margin: 10px auto;
      display: block;
      border-radius: 10px;
    }
    .button-container {
      margin: 10px auto;
      text-align: center;
    }
  }
}
body.theme-dark {
  .integration_list {
    .integration_item {
      background-color: #666666;
      border: 1px solid #ffffff22;
      &:hover {
        background-color: #888888;
      }
    }
  }
}

/* app/frontend/stylesheets/labels.css */
.label {
  background-color: #888888;
  border-radius: 10px;
  padding: 3px 10px;
  font-size: .8em;
  color: #cccccc;
  text-align: center;
  &.secondary {
    background-color: #dddddd;
    color: #333333;
  }
  &.warning {
    background-color: #ffff00cc;
    border: 1px solid #cccccccc;
    color: #000000;
  }
  &.danger {
    background-color: #ff0000cc;
    border: 1px solid #cccccccc;
    color: #000000;
  }
  &.small {
    font-size: .6em;
    padding: 2px 6px;
  }
}

/* app/frontend/stylesheets/layout_primary.css */
#primary,
#marketing {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  #header {
    background-color: var(--primary-100);
    height: 35px;
    border-bottom: 1px solid #00000022;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    .left {
      .title {
        font-size: 1.25rem;
        font-weight: 700;
        color: #5619c6;
        text-decoration: none;
      }
      padding: 0 10px;
    }
    .middle {
      padding: 0 10px;
    }
    .right {
      padding: 0 10px;
      .task_header {
        padding-right: 20px;
        .task_heavy_hilite {
          font-weight: bold;
          color: red;
        }
        .task_hilite {
          font-weight: bold;
          .task_count {
            font-size: .8em;
            font-style: italic;
          }
        }
      }
    }
  }
  #content {
    height: calc(100vh - 65px);
    overflow: auto;
    padding: 0 10px;
    margin: 0;
  }
  #footer,
  #guest_footer {
    height: 30px;
    background-color: #999999;
    color: #ffffff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    a {
      text-decoration: none;
    }
    .left {
      padding: 0 10px;
    }
    .right {
      padding: 0 10px;
      .app_version {
        color: #ffffff;
        font-size: 0.75rem;
      }
    }
  }
  #guest_main {
    height: calc(100vh - 30px);
    overflow: auto;
    padding: 0;
    margin: 0;
    #guest_content {
      padding: 0 10px;
    }
  }
}
@media screen and (max-width: 768px) {
  #primary {
    #header {
      height: 80px;
      flex-flow: column nowrap;
      align-items: flex-start;
      .left {
      }
      .middle {
      }
      .right {
      }
    }
  }
  #primary {
    #content {
      height: calc(100vh - 110px);
    }
  }
}

/* app/frontend/stylesheets/layout_settings.css */
#two_column_left_menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  #left_menu {
    border-radius: 0 0 20px 0;
    border-right: 1px solid #00000022;
    flex: 0 1 auto;
    padding: 10px 20px;
    min-width: 180px;
    h2 {
      font-size: 0.8em;
      font-weight: 600;
      color: #444444;
      text-decoration: underline;
      margin-bottom: 0;
    }
    .menu {
      text-decoration: none;
      color: #000000;
      padding: 0;
      font-size: 0.8rem;
    }
    .menu_selected {
      color: var(--primary-100);
      background-color: var(--primary-500);
    }
    .menu_notselected {
      &:hover {
        text-decoration: underline;
        filter: brightness(120%);
        color: blue;
      }
    }
    .menu_inactive {
      color: #888888;
      cursor: default;
    }
  }
  #right_content {
    flex: 1 1 auto;
    padding: 0 10px;
  }
}
@media screen and (max-width: 768px) {
  #two_column_left_menu {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    #left_menu {
      order: 1;
    }
    #right_content {
      order: 2;
    }
  }
}

/* app/frontend/stylesheets/layout_sysadmin.css */
#sysadmin {
  #sysadmin_menu {
    border-radius: 0 0 20px 0;
    border-bottom: 1px solid #00000022;
    background-color: #eeeeee;
    h2 {
      font-size: 0.8em;
      font-weight: 700;
      color: #444444;
      text-decoration: none;
      margin-bottom: 0;
      display: inline;
    }
    .menu {
      text-decoration: none;
      color: #000000;
      padding: 0;
      font-size: 0.8rem;
    }
    .menu-item {
      display: inline;
      .menu-item-inner {
        display: inline;
        a:hover {
          background-color: var(--primary-500);
          color: var(--primary-100);
        }
      }
    }
    .menu_selected {
      text-decoration: underline;
      background-color: var(--primary-500);
      color: var(--primary-100);
    }
    .menu_notselected {
      &:hover {
        text-decoration: underline;
        filter: brightness(120%);
        color: var(--primary-500);
      }
    }
    .menu_inactive {
      color: #888888;
      cursor: default;
    }
  }
  #sysadmin_content {
  }
}

/* app/frontend/stylesheets/login_signup.css */
#login_signup {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  margin-top: 100px;
}
#login_signup_content {
  width: 400px;
  background-color: #eeeeee;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #00000022;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
  h3 {
    margin-bottom: 5px;
  }
  .detail-description {
    margin-bottom: 10px;
  }
  .bottom_links {
    text-align: center;
  }
}

/* app/frontend/stylesheets/menu_top.css */
nav#top_middle_nav {
  a {
    text-decoration: none;
  }
  #main_menu {
    .menu-item {
      display: inline;
      .menu-item-inner {
        display: inline;
        padding: 5px;
        .menu_selected {
          background-color: var(--primary-500);
          color: var(--primary-100);
        }
        .menu_notselected {
          &:hover {
            text-decoration: underline;
            filter: brightness(120%);
            color: var(--primary-900);
            background-color: inherit;
          }
        }
      }
    }
    .menu_inactive {
      color: #888888;
      cursor: default;
    }
  }
}
nav#top_right_nav {
  a {
    text-decoration: none;
  }
}

/* app/frontend/stylesheets/menu_dropdown.css */
.dropdown_menu {
  display: none;
  position: absolute;
  border: 1px solid var(--primary-500);
  z-index: 105;
  background-color: var(--gray-200);
  color: var(--primary-700);
  padding: 5px 10px 5px 10px;
  ul.menu {
    display: block;
    list-style-type: none;
    margin: 0 -10px 0 -10px;
    padding: 0;
    li {
      display: block;
      margin: 0;
      padding: 5px 10px 5px 10px;
      a {
        text-decoration: none;
      }
    }
    li:hover {
      background-color: var(--primary-100);
      a {
        color: inherit;
        background-color: inherit;
        &:hover {
          color: inherit;
          background-color: inherit;
        }
      }
    }
    li.selected {
      background-color: #aaaaaa;
    }
    li.label {
      background-color: var(--primary-500);
      &:hover {
        background-color: var(--primary-500);
      }
    }
    li.label {
      font-weight: bold;
    }
    li.disabled {
      color: #888888;
    }
  }
}

/* app/frontend/stylesheets/tables.css */
table.primary,
table.novisible {
  border: 0;
  border-collapse: collapse;
  caption {
    font-style: italic;
    &.nowrap {
      white-space: nowrap;
    }
  }
  .right_aligned {
    text-align: end;
  }
  tr {
    th {
      border-spacing: 0;
      text-align: left;
      padding: 5px 10px 5px 10px;
      vertical-align: bottom;
      &.left {
        text-align: left;
      }
      &.center {
        text-align: center;
      }
      &.right {
        text-align: right;
      }
      &.nowrap {
        white-space: nowrap;
      }
    }
    td {
      padding: 5px 10px 5px 10px;
      vertical-align: top;
      &.left {
        text-align: left;
      }
      &.center {
        text-align: center;
      }
      &.right {
        text-align: right;
      }
      &.nowrap {
        white-space: nowrap;
      }
    }
  }
  &.full_width {
    width: 100%;
  }
  &.align_center {
    margin-left: auto;
    margin-right: auto;
  }
  &.caption_bottom {
    caption-side: bottom;
  }
  tbody {
    tr {
      th {
        vertical-align: top;
      }
    }
  }
  tfoot {
    background-color: var(--secondary-cool-100);
    tr {
      border: 0;
      td,
      th {
        padding: 5px 10px 5px 10px;
        border: 0;
      }
    }
  }
}
table.primary {
  tr {
    border: 1px solid #eee;
  }
}
table.novisible {
  tr {
    border: 0;
  }
}
table.primary {
  caption {
    color: #666666;
  }
  thead {
    background-color: var(--primary-100);
  }
  &:hover {
    tbody {
      tr.nohover {
        &:hover {
          background-color: inherit;
        }
      }
      tr {
        &:hover {
          background-color: #ddd;
        }
      }
    }
  }
}
/*# sourceMappingURL=/assets/application-747c107a.css.map */