/* Copyright 2018. Litcargus. All Rights Reserved. */

html,
body {
    height: 100%;
    min-height: 100%;
    background-color: #e6e6e6;
	font-family: Bahnschrift;
	font-size: 20px;
}
body { margin: 0; }
.button {
border: none;
color: white;
width: 150px;
font-size: 20px;
font-family: Bahnschrift;
padding-top: 7px;
padding-bottom: 6px;
box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.4);
}
::placeholder {
    color: #e6e6e6;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #e6e6e6;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #e6e6e6;
}
.input {
width: 100%;border: none;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
height: 30px;
font-size: 21px;
text-align: center;
}
a { background-color: transparent; }
a:active,
a:hover { outline: 0; }
a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #188dd9;
    text-decoration: underline;
}
img {
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
#logo
{
background-color: #fff;
height: 74px;
background-image: url(/img/logo.png);
background-size: 190px;
background-repeat: no-repeat;
background-position: center;
}
#header
{
background-color: #0066a1;
height: 42px;
box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
color: white;
}
#imgb
{
background-image: url(/img/bag.png);
height: 42px;
width: 15%;
background-repeat: no-repeat;
float: left;
background-size: 36px;
background-position: center;
}
#htext
{
width: 70%;
padding-top: 9px;
height: 30px;
float: left;
text-align: center;
}
#lang
{
float: left;
width: 13%;
padding-top: 12px;
text-align: right;
padding-right: 5px;
font-size: 16px;
}
#input
{
height: 210px;
}
#bingoh
{
width: 340px;
margin-right: auto;
margin-left: auto;
}
#bingo
{
color: #0066a1;
width: 160px;
float: left;
height: 60px;
padding-top: 41px;
padding-right: 5px;
text-align: right;
}
#bingoimg
{
background-image: url(/img/bingo.png);
width: 50%;
float: left;
height: 60px;
background-repeat: no-repeat;
background-size: 170px;
background-position: left;
padding-top: 10px;
}
#inputf
{
width: 320px;
padding: 20px;
margin-right: auto;
margin-left: auto;
}
#but1
{
width: 150px;
margin-left: auto;
margin-right: auto;
}
#outputc
{
width: 350px;
margin-left: auto;
margin-right: auto;
}
#output
{
background-color: #f2f2f2;
height: 154px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19);
width: 100%;
color: #999999;
}
#outputl
{
float: left;
width: 138px;
padding-left: 10px;
font-size:15px;
}
#outputl1
{
padding-top: 12px;
height: 30px;
}
#outputl2
{
padding-top: 24px;
height: 30px;
}
#outputl3
{
padding-top: 23px;
height: 30px;
}
#outputm
{
float: left;
width: 11px;
background-repeat: no-repeat;
background-position: center;
background-image: linear-gradient(to right,rgb(152, 152, 152) 0%, rgb(152, 152, 152) 100%);
border-radius: 20px;
margin-top: 15px;
margin-left: -7px;
margin-right: 20px;
border-bottom: solid 63px #999999;
border-top: solid 63px #999999;
}
#outputr
{
font-size:18px;
}
#outputr1
{
padding-top: 12px;
}
#outputr2
{
padding-top: 33px;
}
#outputr3
{
padding-top: 28px;
}

#footer
{
margin-top: 20px;
margin-right: auto;
margin-left: auto;
width: 150px;
}


.is-blurred {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

/* Overlay */

.Modal {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.5s;
  overflow: auto;
  transition: all 0.3s linear;
}

.Modal-content {
  background-color: #fefefe;
padding: 20px;
border-radius: 20px;
max-width: 300px;
height: 90px;
margin-left: auto;
margin-right: auto;
margin-top: 250px;
}

.ModalOpen { overflow: hidden; }

.is-hidden { display: none; }

.is-visuallyHidden { opacity: 0; }

/* The Close Button */

.Close {
  color: #aaaaaa;
  float: right;
  font-size: 16px;
}

.Close:hover, .Close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}