/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

html { scrollbar-width: none; }
body { color: white; font-size: 5vw; margin: 0; }
a { text-decoration: none; }
.grecaptcha-badge { visibility: hidden; }
/*
Removed to try and stop Google putting the notice in search result descriptions.
#reCAPTCHA-notice { font-size: 2vw; }
*/
#reCAPTCHA-notice a { text-decoration: underline; }
#fullscreen-selector { position: absolute; top: 2vw; right: 2vw; width: 8vw; height: 8vw; background-size: 8vw; background-image: url("/assets/maximize-6929205b.png"); }
#fullscreen-selector.active { background-image: url("/assets/minimize-f55ed097.png"); }
#language-selector { background-color: #006100; text-align: center; padding: 3vw 0; }
#set-language { display: flex; flex-direction: column; }
#set-language input { font-size: 4vh; color: #ffefaf; background-color: #111; display: block; margin: 6vh auto; padding: 3vh; border-radius: 2vh; }
#set-language input.selected { color: #333; background-color: #ffefaf; }
#today { text-align: center; background-color: red; padding: 15vw 0; }
#code_for_today, #date_for_today { color: #ffefaf; display: inline-block; background-color: black; border-radius: 4vw; line-height: 1.2; }
#code_for_today, #date_for_today, form, form input[type="text"]  { font-family: monospace; font-size: 10vw; }
#code_for_today { padding: 0 4vw 2vw 4vw; }
#date_for_today { padding: 0 4vw; }
#desc_for_today { margin: 1vw; }
html[lang="te"] { line-height: 1.3; } 
html[lang="ta"] , html[lang="fi"] #desc_for_today, html[lang="ja"] #desc_for_today { line-height: 1.1; } /* Allow the code and date to fit a screen with a three line desc */
#enter_code { text-align: center; background-color: #000080 ; }
#enter_code, #explanation { margin:0; padding: 8vw 0; }
#check_form { margin-top: 4vw; }
#enter_code input[type="text"] { width: 2em; font-family: monospace; }
#check_button { margin-top: .7em; font-size: 7vw; border-radius: .2em; padding: .2em; font-weight: bold; background-color: #ffefaf; }
#code_result.checking { color: #aaa; font-style: italic; opacity: 1 !important; }
#code_result { font-size: 5vw; margin-top: .5em; opacity: 0; }
#code_result .valid { color: #2ff724; }
#code_result .invalid { color: red; }
#explanation { padding: 1vw 1em; background-color: #4b0c84; }
a { color: yellow; }