/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.


*/
/* core colours */
/* #E5D198 */
/* #AF1F24 */
/* element colours */
/* E8DFCD */
/* ----------- */
@import url("https://fonts.googleapis.com/css2?family=Yellowtail&family=Habibi&family=IM+Fell+DW+Pica&family=Inika&family=Rambla&display=swap");
@font-face {
  font-family: 'fontello';
  src: url(/icons/fontello.eot?71957842);
  src: url(/icons/fontello.eot?71957842#iefix) format("embedded-opentype"), url(/icons/fontello.woff2?71957842) format("woff2"), url(/icons/fontello.woff?71957842) format("woff"), url(/icons/fontello.ttf?71957842) format("truetype"), url(/icons/fontello.svg?71957842#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* fonts */
/* Akoe interface */
/* reminders, trustee signatures, submissions, approvals */
/*reports */
/* ----------- */
/* line 1, app/assets/stylesheets/extensions/_action_links.scss */
BODY INPUT.action {
  DISPLAY: inline-flex;
  ALIGN-ITEMS: center;
  BORDER-RADIUS: 0.3em;
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  FONT-FAMILY: fontello, sans-serif;
  FONT-SIZE: 125%;
  FONT-WEIGHT: 400;
  JUSTIFY-CONTENT: center;
  MARGIN-RIGHT: 0.1vw;
  PADDING: 0.2em;
  TEXT-DECORATION: none;
}

/* line 16, app/assets/stylesheets/extensions/_action_links.scss */
BODY INPUT.action[disabled] {
  OPACITY: 0.5;
}

/* line 20, app/assets/stylesheets/extensions/_action_links.scss */
#notification > #close_link, #error_explanation > #close_link {
  POSITION: relative;
  RIGHT: -0.85em;
  TOP: -0.8em;
  FLOAT: right;
  BACKGROUND-COLOR: white;
  BORDER-RADIUS: 3px;
  FONT-FAMILY: fontello, sans-serif;
  PADDING: 0.05em 0.4em 0.1em 0.4em;
  TEXT-DECORATION: none;
}

/* line 1, app/assets/stylesheets/components/_error.scss */
#error_explanation {
  POSITION: fixed;
  BOTTOM: 1vh;
  RIGHT: 1vh;
  BACKGROUND-COLOR: #f7efdf;
  BORDER-RADIUS: 0.5em;
  BORDER: 2px solid #87171b;
  COLOR: black;
  FONT-FAMILY: Rambla, sans-serif;
  FONT-SIZE: 120%;
  PADDING: 0.5em;
  PADDING-BOTTOM: 0;
  Z-INDEX: 20;
}

/* line 16, app/assets/stylesheets/components/_error.scss */
#error_explanation > #close_link {
  BACKGROUND-COLOR: #f7efdf;
  BORDER: solid 1px #87171b;
  COLOR: #87171b;
}

/* line 23, app/assets/stylesheets/components/_error.scss */
#error_explanation h3 {
  BACKGROUND-COLOR: #87171b;
  BORDER-RADIUS: 0.5em 0 0;
  COLOR: white;
  FONT-WEIGHT: 400;
  MARGIN: -0.5em;
  MARGIN-BOTTOM: 0px;
  PADDING: 0.3em 0.3em 0.3em 1em;
  TEXT-ALIGN: left;
}

/* line 34, app/assets/stylesheets/components/_error.scss */
#error_explanation ul li {
  COLOR: #87171b;
  LIST-STYLE: disc;
}

/* line 39, app/assets/stylesheets/components/_error.scss */
.field_with_errors {
  BACKGROUND-COLOR: #87171b;
  COLOR: white;
  DISPLAY: inline-block;
  PADDING: 2px !important;
}

/* line 1, app/assets/stylesheets/components/_telegram.scss */
.telegram {
  FLOAT: left;
  BACKGROUND-COLOR: #f7efdf;
  BOX-SHADOW: -2px -2px 1px black;
  FONT-FAMILY: Inika, serif;
  FONT-SIZE: 105%;
  LETTER-SPACING: 0.06em;
  MARGIN: 2em 2em 0 2em;
  MAX-WIDTH: 60em;
  PADDING: 2em;
}

/* line 13, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia {
  DISPLAY: inline-block;
  POSITION: relative;
  FONT-FAMILY: Rambla, sans-serif;
  HEIGHT: 9vw;
  MARGIN: 0 auto 2em auto;
  WIDTH: 20vw;
}

/* line 22, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia #akoe {
  POSITION: absolute;
  BOTTOM: calc(5vw - 0.32em);
  LEFT: 5vw;
  DISPLAY: inline-block;
  FONT-SIZE: 6.5vw;
  FONT-WEIGHT: 600;
}

/* line 31, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia #logo_block_top_left,
.telegram #indicia #logo_block_bottom_left,
.telegram #indicia #logo_block_bottom_right {
  POSITION: absolute;
  BORDER: solid 1px black;
  HEIGHT: 4vw;
  MARGIN: 0;
  PADDING: 0;
  WIDTH: 4vw;
}

/* line 42, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia #logo_block_top_left {
  TOP: 0;
  LEFT: 0;
}

/* line 47, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia #logo_block_bottom_left {
  TOP: 5vw;
  LEFT: 0;
  BACKGROUND: none;
}

/* line 53, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia #logo_block_bottom_right {
  TOP: 5vw;
  LEFT: 5vw;
}

/* line 58, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia #logo_block_top_left,
#indicia #logo_block_bottom_right {
  BACKGROUND-COLOR: black;
}

/* line 63, app/assets/stylesheets/components/_telegram.scss */
.telegram #indicia #pronunciation {
  POSITION: absolute;
  BOTTOM: -0.15em;
  LEFT: 10vw;
  FONT-SIZE: 111%;
  FONT-WEIGHT: 600;
  MARGIN: 0;
}

/* line 72, app/assets/stylesheets/components/_telegram.scss */
.telegram .header {
  POSITION: relative;
  PADDING: 0 0 1em 0;
  TEXT-ALIGN: center;
}

/* line 78, app/assets/stylesheets/components/_telegram.scss */
.telegram .info_left {
  POSITION: absolute;
  BOTTOM: 1em;
  LEFT: 0;
  MARGIN-BOTTOM: 5px;
}

/* line 85, app/assets/stylesheets/components/_telegram.scss */
.telegram .info_right {
  POSITION: absolute;
  BOTTOM: 1em;
  RIGHT: 0;
  MARGIN-BOTTOM: 5px;
}

/* line 92, app/assets/stylesheets/components/_telegram.scss */
.telegram .numeric_label {
  TEXT-ALIGN: right;
}

/* line 96, app/assets/stylesheets/components/_telegram.scss */
.telegram .text_label {
  TEXT-ALIGN: left;
}

/* line 100, app/assets/stylesheets/components/_telegram.scss */
.telegram H1 {
  FONT-FAMILY: Rambla, sans-serif;
}

/* line 104, app/assets/stylesheets/components/_telegram.scss */
.telegram HR {
  BACKGROUND-COLOR: black;
  BORDER: none;
  HEIGHT: 1px;
  MARGIN: 2px 0 2px 0;
}

/* line 111, app/assets/stylesheets/components/_telegram.scss */
.telegram HR.thick {
  HEIGHT: 2px;
}

/* line 115, app/assets/stylesheets/components/_telegram.scss */
.telegram TABLE {
  BORDER: solid 1px black;
  BORDER-COLLAPSE: collapse;
}

/* line 120, app/assets/stylesheets/components/_telegram.scss */
.telegram TH {
  FONT-FAMILY: Rambla, sans-serif;
}

/* line 7, app/assets/stylesheets/entrance.scss */
BODY {
  BACKGROUND-COLOR: white;
  FONT-STYLE: normal;
  TEXT-ALIGN: center;
}

/* line 13, app/assets/stylesheets/entrance.scss */
BODY A,
BODY A:active,
BODY A:hover,
BODY A:visited {
  COLOR: black;
  TEXT-DECORATION: none;
}

/* line 21, app/assets/stylesheets/entrance.scss */
BODY INPUT {
  FONT-FAMILY: Inika, serif;
  FONT-SIZE: clamp(12px, calc(0.6vw + 0.6vh + 0.3vmin), 32px);
}

/* line 26, app/assets/stylesheets/entrance.scss */
BODY INPUT.action {
  BACKGROUND-COLOR: #e6d199;
  BORDER: none;
  COLOR: #87171b;
}

/* line 33, app/assets/stylesheets/entrance.scss */
#akoe_top_left,
#akoe_top_right,
#akoe_bottom_left,
#akoe_bottom_right {
  POSITION: absolute;
  DISPLAY: block;
  BORDER: none;
  FONT-FAMILY: Rambla, sans-serif;
  FONT-SIZE: clamp(12px, calc(0.6vw + 0.6vh + .3vmin), 32px);
  MARGIN: 0;
  PADDING: 0;
}

/* line 46, app/assets/stylesheets/entrance.scss */
#akoe_top_left {
  TOP: 0;
  LEFT: 0;
  BACKGROUND-COLOR: #87171b;
  HEIGHT: calc(50vh - 2vmin);
  MIN-HEIGHT: calc(23em - 2vmin);
  WIDTH: calc(100vw - (50vmin + 20vmax) - 2vmin);
}

/* line 55, app/assets/stylesheets/entrance.scss */
#akoe_top_right {
  TOP: 0;
  RIGHT: 0;
  BACKGROUND-COLOR: white;
  HEIGHT: calc(50vh - 2vmin);
  MIN-HEIGHT: calc(23em - 2vmin);
  WIDTH: calc(50vmin + 20vmax - 2vmin);
}

/* line 64, app/assets/stylesheets/entrance.scss */
#akoe_bottom_left {
  BOTTOM: 0;
  LEFT: 0;
  BACKGROUND-COLOR: #e6d199;
  HEIGHT: calc(50vh - 2vmin);
  MAX-HEIGHT: calc(100vh - 23em - 4vmin);
  WIDTH: calc(100vw - (50vmin + 20vmax) - 2vmin);
}

/* line 73, app/assets/stylesheets/entrance.scss */
#akoe_bottom_right {
  RIGHT: 0;
  BOTTOM: 0;
  BACKGROUND-COLOR: #ad1f23;
  HEIGHT: calc(50vh - 2vmin);
  MAX-HEIGHT: calc(100vh - 23em - 4vmin);
  WIDTH: calc(50vmin + 20vmax - 2vmin);
}

/* line 82, app/assets/stylesheets/entrance.scss */
#notification {
  POSITION: absolute;
  TOP: 1vh;
  LEFT: 10%;
  FONT-FAMILY: Rambla, sans-serif;
  MARGIN: 0 auto;
  PADDING: 0;
  WIDTH: 80%;
}

/* line 92, app/assets/stylesheets/entrance.scss */
#notification > #close_link {
  RIGHT: -0.55em;
  TOP: -0.5em;
  FONT-SIZE: 90%;
}

/* line 99, app/assets/stylesheets/entrance.scss */
#notification > .alert,
#notification > .notice,
#notification > .placeholder,
#notification > .warning {
  BORDER-RADIUS: 0.3em;
  FONT-SIZE: calc(0.5vw + 0.5vh + 0.6vmin);
  PADDING: 0.4em;
  TEXT-ALIGN: center;
}

/* line 109, app/assets/stylesheets/entrance.scss */
#notification > .alert,
#notification > #close_link.alert {
  BACKGROUND-COLOR: #fa9494;
  BORDER: solid 1px #af0808;
  COLOR: #af0808;
}

/* line 116, app/assets/stylesheets/entrance.scss */
#notification > .notice,
#notification > #close_link.notice {
  BACKGROUND-COLOR: #94fa94;
  BORDER: solid 1px #08a108;
  COLOR: #08a108;
}

/* line 123, app/assets/stylesheets/entrance.scss */
#notification > .placeholder {
  DISPLAY: none;
}

/* line 127, app/assets/stylesheets/entrance.scss */
#notification > .warning,
#notification > #close_link.warning {
  BACKGROUND-COLOR: #f9e38a;
  BORDER: solid 1px #b99609;
  COLOR: #b99609;
}

/* line 134, app/assets/stylesheets/entrance.scss */
.app_info {
  POSITION: absolute;
  LEFT: 0;
  BOTTOM: 0;
  COLOR: #87171b;
  FONT-SIZE: 80%;
  TEXT-ALIGN: center;
}

/* line 143, app/assets/stylesheets/entrance.scss */
.app_info A,
.app_info A:active,
.app_info A:hover,
.app_info A:visited {
  COLOR: #87171b;
}

/* line 150, app/assets/stylesheets/entrance.scss */
.app_info P:last-child {
  MARGIN-BOTTOM: 0;
}

/* line 154, app/assets/stylesheets/entrance.scss */
.hero {
  FONT-SIZE: 120%;
  FONT-WEIGHT: 600;
}

/* line 159, app/assets/stylesheets/entrance.scss */
.label {
  POSITION: relative;
  COLOR: black;
  FONT-FAMILY: Inika, serif;
  FONT-SIZE: 250%;
  MARGIN: 5vh 0 1em 0;
  TEXT-ALIGN: center;
}

/* line 168, app/assets/stylesheets/entrance.scss */
.login_form {
  DISPLAY: inline-block;
}

/* line 172, app/assets/stylesheets/entrance.scss */
.numeric {
  TEXT-ALIGN: right;
}