/* 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;
  &.theme-light {
    color: #222;
    background-color: #fff;
  }
  &.theme-dark {
    color: #eee;
    background-color: #121212;
  }
}
h1 {
  font-size: 2.0rem;
  color: var(--primary-500);
  small {
    font-size: 1.4rem;
    color: #888888;
  }
}
.hide {
  display: none;
}
.detail-description {
  font-size: 0.8em;
  font-style: italic;
}
.small_italic {
  font-size: 0.8em;
  font-style: italic;
}
.error_message {
  color: var(--error-500);
}

/* app/frontend/stylesheets/box.css */
div.box {
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 20px 10px 10px 10px;
  margin: 10px 0;
  position: relative;
  background-color: #eeeeee66;
  div.box_label {
    position: absolute;
    top: -10px;
    left: 20px;
    font-weight: bold;
    background-color: #fff;
  }
}

/* app/frontend/stylesheets/links_buttons.css */
a {
  color: #5619c6;
  text-decoration: none;
  &:hover {
    color: #00aa7b;
    text-decoration: underline;
  }
}
.fake-a {
  color: #5619c6;
}
.button {
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  &:hover {
    filter: brightness(120%);
  }
  &.primary {
    color: white;
    background-color: #5619c6;
    border: none;
  }
  &.secondary {
    color: white;
    background-color: #666666;
    border: none;
  }
  &.trinary {
    border: 1px solid #888888;
    color: inherit;
    &:hover {
      filter: brightness(80%);
    }
  }
  &.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 {
      background-color: inherit;
      color: inherit;
      visibility: hidden;
    }
  }
  &.alternate {
    color: white;
    background-color: #00aa7b;
    border: none;
  }
  &.small {
    font-size: 10px;
    padding: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
  }
  &.tiny {
    font-size: 10px;
    padding: 2px;
  }
}
.tcc_button_primary_large,
.tcc_button_primary,
.tcc_button_primary_small {
  background-color: #5619c6;
  color: #eee;
  text-decoration: none;
}
.tcc_button_primary_large:hover,
.tcc_button_primary:hover,
.tcc_button_primary_small:hover {
  opacity: 0.8;
  color: #eee;
  text-decoration: none;
}
.tcc_button_secondary_large,
.tcc_button_secondary,
.tcc_button_secondary_small {
  background-color: #888;
  color: #eee;
  text-decoration: none;
}
.tcc_button_secondary_large:hover,
.tcc_button_secondary:hover,
.tcc_button_secondary_small:hover {
  background-color: #666;
  color: #fff;
  text-decoration: none;
}
.tcc_button_trinary_large,
.tcc_button_trinary,
.tcc_button_trinary_small {
  border: solid 1px black;
  background-color: #fff;
  color: #333;
  text-decoration: none;
}
.tcc_button_trinary_large:hover,
.tcc_button_trinary:hover,
.tcc_button_trinary_small:hover {
  border: solid 1px black;
  background-color: #eee;
  color: #666;
  text-decoration: none;
}
.tcc_button_primary_large,
.tcc_button_secondary_large,
.tcc_button_trinary_large {
  padding: 9px;
  font-size: 18px;
  border-radius: 2px;
}
.tcc_button_primary,
.tcc_button_secondary,
.tcc_button_trinary {
  padding: 8px;
  font-size: 16px;
  border-radius: 2px;
}
.tcc_button_primary_small,
.tcc_button_secondary_small,
.tcc_button_trinary_small {
  padding: 6px;
  font-size: 12px;
  border-radius: 1px;
}

/* app/frontend/stylesheets/messages.css */
table.customer_messages {
  td.message {
    .title {
      font-weight: bold;
    }
    .summary {
      font-style: italic;
    }
  }
}
table.customer_message_view {
  th {
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
  }
  td.message {
    vertical-align: top;
    font-family: sans-serif;
    overflow-x: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
    max-width: 80vw;
  }
}

/* app/frontend/stylesheets/primary_layout.css */
#primary {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  #header {
    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;
    }
    .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 {
    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;
      }
    }
  }
}
body.theme-dark #primary #header {
  border-bottom: 1px solid #ffffff66;
}

/* app/frontend/stylesheets/flash.css */
#flash_content {
  position: absolute;
  width: 50%;
  top: 10px;
  margin-left: 25%;
  margin-right: 25%;
  margin-top: 0;
  .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;
  }
}
body.theme-dark .flash_notice {
  color: #000000;
}

/* 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/menu_top.css */
nav#top_middle_nav {
  #main_menu {
    .menu-item {
      display: inline;
      .menu-item-inner {
        display: inline;
      }
    }
    .menu_selected {
      color: #5619c6;
      text-decoration: underline;
    }
    .menu_notselected {
      &:hover {
        text-decoration: underline;
        filter: brightness(120%);
        color: blue;
      }
    }
    .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 sandybrown;
  z-index: 105;
  background-color: #cccccc;
  color: #333333;
  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: #aaaaaa;
      a {
        color: inherit;
      }
    }
    li.selected {
      background-color: #aaaaaa;
    }
    li.label:hover,
    li.disabled:hover {
      background-color: inherit;
    }
    li.label {
      font-weight: bold;
    }
    li.disabled {
      color: #888888;
    }
  }
}

/* app/frontend/stylesheets/resources_layout.css */
#resources {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  #resources_menu {
    background-color: #eeeeee;
    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 {
      font-weight: 700;
      color: #5619c6;
    }
    .menu_notselected {
      &:hover {
        font-weight: 700;
        text-decoration: underline;
        filter: brightness(120%);
        color: blue;
      }
    }
    .menu_inactive {
      color: #888888;
      cursor: default;
    }
  }
  #resources_content {
    flex: 1 1 auto;
    padding: 0 10px;
  }
}
body.theme-dark #resources #resources_menu {
  background-color: #666666;
  h2 {
    color: #cccccc;
  }
  .menu {
    color: #cccccc;
  }
}

/* app/frontend/stylesheets/settings_layout.css */
#settings {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  #settings_menu {
    background-color: #eeeeee;
    border-radius: 0 0 20px 0;
    border-right: 1px solid #00000022;
    flex: 0 1 auto;
    padding: 10px 20px;
    min-width: 150px;
    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 {
      font-weight: 700;
      color: #5619c6;
    }
    .menu_notselected {
      &:hover {
        font-weight: 700;
        text-decoration: underline;
        filter: brightness(120%);
        color: blue;
      }
    }
    .menu_inactive {
      color: #888888;
      cursor: default;
    }
  }
  #settings_content {
    flex: 1 1 auto;
    padding: 0 10px;
  }
}
body.theme-dark #settings #settings_menu {
  background-color: #666666;
  h2 {
    color: #cccccc;
  }
  .menu {
    color: #cccccc;
  }
}

/* app/frontend/stylesheets/sysadmin_layout.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;
      }
    }
    .menu_selected {
      text-decoration: underline;
      color: #5619c6;
    }
    .menu_notselected {
      &:hover {
        text-decoration: underline;
        filter: brightness(120%);
        color: blue;
      }
    }
    .menu_inactive {
      color: #888888;
      cursor: default;
    }
  }
  #sysadmin_content {
  }
}
body.theme-dark #sysadmin #sysadmin_menu {
  background-color: #666666;
  h2 {
    color: #cccccc;
  }
  .menu {
    color: #cccccc;
  }
  .menu_selected {
    color: #5619c6;
  }
}

/* app/frontend/stylesheets/sites_layout.css */
#sites {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  #sites_menu {
    background-color: #eeeeee;
    border-radius: 0 0 20px 0;
    border-right: 1px solid #00000022;
    flex: 0 0 200px;
    padding: 0;
    overflow: hidden;
    .sites_list {
      background-color: #888;
      list-style: none;
      padding: 0 5px;
      margin: 0;
      color: red;
      a {
        color: #ccc;
      }
    }
    .site_menu_label {
      border-bottom: 1px solid #00000022;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 10px;
    }
    h2 {
      font-size: 0.8em;
      font-weight: 600;
      color: #444444;
      text-decoration: underline;
      margin-bottom: 0;
    }
    .menu {
      text-decoration: none;
      color: #000000;
      padding: 0;
      white-space: nowrap;
    }
    .menu_selected {
      font-weight: 700;
      color: #5619c6;
    }
    .menu_notselected {
      &:hover {
        font-weight: 700;
        text-decoration: underline;
        filter: brightness(120%);
        color: blue;
      }
    }
    .menu_inactive {
      color: #888888;
      cursor: default;
    }
    .menu-indent {
      margin-left: 20px;
      padding-left: 5px;
    }
    .site_ident_full {
      background-color: #5619c6;
      color: #ccc;
    }
    .site_ident_left {
      border-left: 5px solid #5619c6;
    }
    .page_ident_full {
      background-color: #5619c6;
      color: #fff;
    }
    .page_ident_left {
      border-left: 5px solid #5619c6;
    }
    .section_label {
      border-left: 5px solid #5619c6;
    }
  }
  #sites_content {
    flex: 1 1 auto;
    padding: 0 10px;
  }
}
body.theme-dark #sites #sites_menu {
  background-color: #666666;
  h2 {
    color: #cccccc;
  }
  .menu {
    color: #cccccc;
  }
}

/* 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/colors.css */
.color_list {
  flex: 0 0 auto;
  padding: 5px 10px;
  font-size: .8em;
  color: #cccccc;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px;
  .color_item {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 10px;
  }
}
.color_list_small {
  flex: 0 0 auto;
  padding: 1px 5px;
  font-size: .8em;
  color: #cccccc;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px;
  .color_item {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 8px;
  }
}

/* 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 #00000022;
  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;
  z-index: 1001;
}
body.theme-light {
  .standard_dialog {
    background-color: #eeeeee;
    box-shadow: #666 5px 5px 5px;
    .lead {
      background-color: var(--primary-500);
      color: var(--gray-100);
    }
  }
  .standard_dialog_overlay {
    background-color: #fff;
  }
}
body.theme-dark {
  .standard_dialog {
    background-color: #999999;
    box-shadow: #666666 5px 5px 5px;
    .lead {
      background-color: #333333;
      color: #fff;
    }
  }
  .standard_dialog_overlay {
    background-color: #333;
  }
}

/* app/frontend/stylesheets/display_item.css */
.display_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
.display_item {
  flex: 0 0 300px;
  max-width: 300px;
  background-color: #eeeeee;
  padding: 0;
  border-radius: 20px;
  height: 300px;
  display: flex;
  flex-flow: column nowrap;
  .name {
    flex: 0 0 auto;
    font-size: 1.25rem;
    font-weight: 700;
    color: #5619c6;
    text-decoration: none;
    background-color: #aaaaaa;
    border-radius: 20px 20px 0 0;
    padding: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .label {
    background-color: #dddddd;
    color: #000000;
    text-align: left;
    font-style: italic;
    font-weight: bold;
    padding: 0 15px;
  }
  .visible_link {
    text-align: center;
    font-size: .8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .description {
    flex: 1 1 auto;
    padding: 5px 10px 0px 10px;
    font-size: 0.8rem;
    font-style: italic;
    color: #444444;
    overflow: auto;
    img {
      width: 100px;
      height: 100px;
      object-fit: contain;
      float: left;
      padding: 5px 10px 5px 0;
    }
  }
  .commands {
    flex: 0 0 auto;
    padding: 5px 10px;
    font-size: .8em;
    text-align: center;
    background-color: #dddddd;
    border-radius: 0 0 20px 20px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 20px;
    .left {
      flex: 0 0 auto;
    }
    .center {
      flex: 0 0 auto;
    }
    .right {
      flex: 0 0 auto;
    }
  }
}

/* app/frontend/stylesheets/edit_page.css */
#page_edit {
  .top_content {
  }
  .page_visible_banner {
    margin: 10px 0 10px 50px;
    color: red;
    font-style: italic;
    font-size: .8em;
  }
  .columns {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
}
body.theme-light {
  #page_edit {
    div.box {
      background-color: #eeeeee66;
    }
  }
}
body.theme-dark {
  #page_edit {
    div.box {
      background-color: #99999966;
      div.box_label {
        background-color: #00000033;
      }
    }
  }
}

/* app/frontend/stylesheets/forms.css */
input[type=text],
input[type=password],
input[type=email],
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: 0px;
  }
  .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;
}
body.theme-dark {
  .simple_form_vertical,
  .simple_form_horizontal {
    span.hint {
      color: #999999 !important;
    }
  }
}

/* app/frontend/stylesheets/image_mgmt.css */
.new_image {
  margin: 0 auto;
  background-color: #eeeeee;
  max-width: 800px;
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
  h2 {
    margin: 0;
    padding: 0;
  }
}
.edit_image {
  margin: 0 auto;
  background-color: #eeeeee;
  max-width: 800px;
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
  h2 {
    margin: 0;
    padding: 0;
  }
}
.image_edit_form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  .image_credit_left {
    flex: 1 1 100px;
    .image_input {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: flex-start;
      .image_input_left {
        flex: 1 1 50%;
      }
      .image_input_right {
        flex: 1 1 50%;
      }
    }
    .image_loading_screen {
      display: none;
      color: red;
      font-size: 1.5em;
      font-style: italic;
    }
  }
  .image_credit_right {
    flex: 2 2 200px;
    #image_credit_subform {
      h3 {
      }
      #image_credit_details,
      #image_credit_link {
        .embed {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          align-items: flex-start;
          .left {
            flex: 1 1 33%;
          }
          .right {
            flex: 2 2 66%;
            .input-group {
              display: flex;
              flex-flow: row nowrap;
              justify-content: space-between;
              align-items: center;
              .input-group-label {
                white-space: nowrap;
                flex: 1 1 auto;
              }
              .input-group-field {
                flex: 2 2 auto;
              }
            }
          }
        }
      }
      #examples {
        font-size: .8em;
        font-style: italic;
      }
    }
  }
}
body.theme-dark {
  .image_edit_form {
    color: #444444;
  }
}
#image_credit_subform {
  background-color: #cccccc;
  h3 {
    color: #5619c6;
  }
  border: 2px solid #5619c6;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 10px 10px 5px #5619c6;
  margin-bottom: 15px;
  .description {
    font-style: italic;
    font-size: .8em;
    margin-bottom: 10px;
  }
}
.image_container {
  background-color: #3b91c0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  .lead {
    margin: 0 5px 0 5px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
  }
  .body {
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    overflow-x: hidden;
    overflow-y: auto;
    .image_selector {
      z-index: 1000000;
      .lead {
        background-color: #3b91c0;
        padding: 5px;
        color: #eee;
      }
      .images {
        margin: 10px;
        .new_image_selector {
          flex: 0 0 300px;
          h5 {
            text-decoration: underline;
            font-weight: bold;
            font-size: 1.2em;
            margin-bottom: 10px;
            text-align: center;
          }
          .label {
            padding-left: 10px;
          }
          .field {
            padding-left: 30px;
          }
        }
        .individual_image_preview {
          flex: 0 0 200px;
          text-align: center;
        }
        .new_image_selector,
        .individual_image_preview {
          margin: 5px;
          padding: 5px;
          background-color: #eee;
        }
      }
    }
  }
  .bottom {
    background-color: #f1f1f1;
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
    .bottom_container {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: stretch;
      .left {
        flex: 1 0 auto;
        width: 33%;
      }
      .middle {
        flex: 1 0 auto;
        width: 33%;
        .image_paged_links {
          text-align: center;
          cursor: default;
          a,
          span {
            padding: 0.2em 0.3em;
          }
          .disabled {
            color: #aaaaaa;
          }
          .current {
            font-style: normal;
            font-weight: bold;
            background-color: #bebebe;
            display: inline-block;
            width: 1.4em;
            height: 1.4em;
            line-height: 1.5;
            border-radius: 1em;
            text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;
          }
          a {
            text-decoration: none;
            color: black;
          }
          a:hover,
          a:focus {
            text-decoration: underline;
          }
        }
      }
      .rightside {
        flex: 1 0 auto;
        width: 33%;
      }
    }
  }
}

/* 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/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/pagination.css */
.paged_links {
  text-align: center;
  padding: 1em;
  cursor: default;
  a,
  span {
    padding: 0.2em 0.3em;
  }
  .current {
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.5;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 1px;
  }
  a {
    text-decoration: none;
  }
  a:hover,
  a:focus {
    text-decoration: underline;
  }
}
body.theme-light {
  .paged_links {
    background-color: #f1f1f1;
    .disabled {
      color: #aaaaaa;
    }
    .current {
      background-color: #bebebe;
    }
    a {
      color: black;
    }
  }
}
body.theme-dark {
  .paged_links {
    background-color: #1e1e1e;
    .disabled {
      color: #555555;
    }
    .current {
      background-color: #616161;
    }
    a {
      color: white;
    }
  }
}

/* app/frontend/stylesheets/social.css */
.social_list_small {
  display: flex;
  flex-flow: row wrap;
  gap: 5px;
  text-align: center;
  justify-content: center;
  .social_item {
    flex: 0 0 auto;
    height: 16px;
  }
}

/* app/frontend/stylesheets/table.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 {
        &:hover {
          background-color: #ddd;
        }
      }
    }
  }
}

/* app/frontend/stylesheets/tabs.css */
.tab_bars {
  display: grid;
  grid-template-columns: 100px 1fr 4fr;
  grid-auto-rows: 30px;
  .label {
    background-color: #dddddd;
    border-bottom: 1px solid #00000022;
    padding: 0 10px 0 10px;
    font-size: 1.4em;
    font-weight: bold;
    color: #5619c6;
  }
  .name {
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #00000022;
    background-color: #eeeeee;
    padding: 0 10px;
    min-height: 28px;
    line-height: 28px;
  }
  .menu {
    border-bottom: 1px solid #00000022;
    background-color: #ffffff;
    padding: 0;
    margin-left: 0;
    display: flex;
    flex: 1 1 auto;
    .menu-item {
      padding: 0;
      .menu-item-inner {
        background-color: #cccccc;
        margin: 0 0 0 5px;
        padding: 0;
        flex: 0 1 auto;
        border-radius: 10px 10px 0 0;
        a {
          border-bottom: none;
          border-radius: inherit;
          height: 25px;
          line-height: 25px;
          padding: 0 10px 0 10px;
          margin: 5px 0 0 0;
          background-color: inherit;
          color: #000000;
          text-decoration: none;
          :hover {
            text-decoration: none;
          }
        }
        a.menu_selected {
          background-color: #0000ff;
          font-weight: bold;
          color: #ffffff;
        }
      }
      .menu-item-arrow-down {
        margin: 5px 10px;
        padding: 0;
        text-align: center;
      }
    }
  }
}

/* app/frontend/stylesheets/tasks.css */
.task_add_icon {
  color: #00000044;
  font-size: 18px;
  :hover {
    color: #000000ff;
  }
}
table.task_list {
  tr.completed {
    td {
      text-decoration: line-through;
      &.checkbox {
        text-decoration: none;
      }
      &.cmds {
        text-decoration: none;
      }
    }
    background-color: #eeeeee;
  }
  tr.overdue {
    background-color: #ffcccc;
  }
  tr.new_task {
    background-color: #ffffcc;
  }
  tr.new_task td {
    font-weight: bold;
  }
  tr.new_task td.checkbox {
    font-weight: normal;
  }
  tr.new_task td.cmds {
  }
}
body.theme-dark .task_add_icon {
  color: #ffffff44;
  :hover {
    color: #ffffff;
  }
}

/* app/frontend/stylesheets/widget_preview.css */
.page-preview-all {
  .page-section {
    display: flex;
    flex-flow: column nowrap;
    .page-section-header {
      flex: 0;
    }
    .page-section-body {
      .widget-preview {
        .widget-preview-header {
          background-color: #cccccc;
          display: flex;
          flex-flow: row nowrap;
          .widget-preview-label {
            flex: 1 1 auto;
            color: #444444;
            padding: 0 10px;
            align-items: center;
            margin: 5px 0;
            overflow: hidden;
            white-space: nowrap;
          }
          .widget-preview-visibility {
            display: none;
          }
          .widget-preview-cmds {
            flex: 0 0 auto;
            padding: 0 10px;
          }
        }
      }
    }
    .page-section-footer {
      background-color: #5619c6;
      height: 34px;
      text-align: center;
      flex: 0;
      select {
        background-color: #5619c6;
        color: #ffffff;
        height: 100%;
        font-size: .8em;
      }
    }
  }
}
.page-preview-all-columns {
  display: flex;
  flex-flow: row nowrap;
  .page-section {
    flex: 1;
  }
}
.page-section {
  border-radius: 20px 20px 0 0;
  border-bottom: 2px solid #5619c6;
  border-left: 2px solid #5619c6;
  border-right: 2px solid #5619c6;
  background-color: #eeeeee;
  margin: 10px 0;
  .page-section-header {
    border-radius: 20px 20px 0 0;
    background-color: #5619c6;
    color: #ffffff;
    padding: 2px 15px;
  }
  .page-section-body {
    padding: 2px 0 10px 0;
    .widget-preview {
      border: 1px solid black;
      margin-bottom: 1px;
      .widget-preview-header {
        background-color: #cccccc;
        display: flex;
        flex-flow: row nowrap;
        .widget-preview-label {
          flex: 1 0 auto;
          color: #444444;
          padding: 0 10px;
          align-items: center;
          margin: 5px 0;
        }
        .widget-preview-visibility {
          flex: 0 0 auto;
          color: white;
          padding: 0 10px;
          align-items: center;
          margin: auto 0;
          height: 11px;
          &.visible {
            color: #000000;
            font-size: 10px;
          }
          &.invisible {
            color: #ffffff;
            background-color: red;
            border-radius: 10px;
            font-size: 10px;
          }
        }
        .widget-preview-cmds {
          flex: 0 0 auto;
          padding: 0 10px;
        }
      }
      .widget-preview-body {
        background-color: #ffffff;
        padding: 2px 10px 2px 10px;
        color: #000000;
        max-height: 200px;
        overflow: auto;
        &.invisible {
          background-color: #00000088;
        }
        .multi-widget-previewer {
          border-left: 20px solid #5619c6;
          border-right: 2px solid #5619c6;
          border-radius: 0 20px 10px 0;
          overflow: hidden;
          .multi-widget-previewer-header {
            border-radius: 0 20px 0 0;
            background-color: #5619c6;
            color: #cccccc;
            padding: 2px 10px;
          }
          .multi-widget-previewer-body {
            padding: 2px 10px;
          }
        }
        .multi-widget-previewer-footer {
          background-color: #5619c6;
          height: 34px;
          text-align: center;
          flex: 0;
          select {
            background-color: #5619c6;
            color: #ffffff;
            height: 100%;
            font-size: .8em;
          }
        }
      }
      .widget-preview-body:has(.multi-widget-previewer) {
        overflow: visible;
        max-height: none;
        padding: 0;
      }
    }
  }
  .page-section-footer {
    background-color: #5619c6;
    height: 34px;
    text-align: center;
    select {
      background-color: #5619c6;
      color: #ffffff;
      height: 100%;
      font-size: .8em;
    }
  }
}

/* app/frontend/stylesheets/wizards.css */
.wizards_list {
  margin: 20px 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  .wizard {
    width: 240px;
  }
}
.wizard_editor_container {
  display: flex;
  flex-flow: row nowrap;
  .wizard_editor {
    flex: 1 1 auto;
  }
  .wizard_display {
    flex: 0 1 350px;
  }
}
.wizard {
  flex: 0 1 auto;
  padding: 10px;
  margin: 10px;
  border: solid 1px black;
  border-radius: 20px;
  box-shadow: #dddddd 5px 5px;
  display: flex;
  flex-direction: column;
  .image {
    width: 100%;
    img {
      width: 100%;
      border-radius: 20px;
    }
  }
  .name {
    font-size: 1.5em;
    text-align: center;
    font-weight: bold;
    color: var(--primary-500);
  }
  .subtitle {
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: var(--gray-400);
  }
  .description {
    flex: 1;
    margin: 10px 0;
    font-style: italic;
    font-size: .9em;
  }
  .buttons {
    margin-top: auto;
    text-align: center;
  }
}
.wizard_field_container {
  margin-bottom: 15px;
  .field {
    display: flex;
    flex-flow: row nowrap;
    .label_div {
      flex: 1 1 100px;
      text-align: right;
      padding-right: 10px;
      font-weight: bold;
      label {
      }
    }
    .input_div {
      flex: 5 5 500px;
      input {
        width: 100%;
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 8px;
        margin: 0 0 0 0;
      }
    }
  }
  .hint {
    font-style: italic;
    font-size: .9em;
  }
  .errormsg {
    color: var(--error-500);
    font-style: italic;
    font-size: .9em;
  }
}
.wizard_selection_list {
  margin: 20px 0;
  .wizard_selection_entry {
    height: 100px;
    border-top: solid 1px #cccccc;
    display: flex;
    flex-flow: row nowrap;
    &.selected {
      background-color: #eeeeee;
    }
    .wse_checkbox_container {
      flex: 0 0 48px;
      span {
        color: green;
        font-size: 2.5em;
      }
    }
    .wse_image_container {
      flex: 0 0 64px;
      img {
        max-height: 64px;
        max-width: 64px;
      }
    }
    .wse_info_container {
      padding: 5px 5px 5px 20px;
      flex: 1 1 auto;
      overflow: hidden;
      .wse_label_container {
        font-weight: bold;
        font-size: 1.2em;
      }
      .wse_description_container {
        font-style: italic;
        overflow: hidden;
      }
    }
  }
}
/*# sourceMappingURL=/assets/application-ab9095f7.css.map */