@font-face {
	font-family: "anastas";
	src: url("../fonts/anastas/anastas.eot");
	src: url("../fonts/anastas/anastas.eot#iefix") format("embedded-opentype"),
	url("../fonts/anastas/anastas.woff") format("woff"),
	url("../fonts/anastas/anastas.ttf") format("truetype"),
	url("../fonts/anastas/anastas.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
     font-family: "avian";
     src: url("../fonts/avian/avian.eot");
     src: url("../fonts/avian/avian.eot#iefix") format("embedded-opentype"), url("../fonts/avian/avian.woff") format("woff"), url("../fonts/avian/avian.ttf") format("truetype"), url("../fonts/avian/avian.svg") format("svg");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "courier";
     src: url("../fonts/courier/courier.eot");
     src: url("../fonts/courier/courier.eot#iefix") format("embedded-opentype"), url("../fonts/courier/courier.woff") format("woff"), url("../fonts/courier/courier.ttf") format("truetype"), url("../fonts/courier/courier.svg") format("svg");
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: "geneva0";
     src: url("../fonts/geneva0/geneva0.eot");
     src: url("../fonts/geneva0/geneva0.eot#iefix") format("embedded-opentype"), url("../fonts/geneva0/geneva0.woff") format("woff"), url("../fonts/geneva0/geneva0.ttf") format("truetype"), url("../fonts/geneva0/geneva0.svg") format("svg");
     font-weight: normal;
     font-style: normal
}
@font-face {
     font-family: "helvetica";
     src: url("../fonts/helvetica/helvetica.eot");
     src: url("../fonts/helvetica/helvetica.eot#iefix") format("embedded-opentype"), url("../fonts/helvetica/helvetica.woff") format("woff"), url("../fonts/helvetica/helvetica.ttf") format("truetype"), url("../fonts/helvetica/helvetica.svg") format("svg");
     font-weight: normal;
     font-style: normal
}
@font-face {
     font-family: "lcd-normal";
     src: url("../fonts/lcd-normal/lcd-normal.eot");
     src: url("../fonts/lcd-normal/lcd-normal.eot#iefix") format("embedded-opentype"), url("../fonts/lcd-normal/lcd-normal.woff") format("woff"), url("../fonts/lcd-normal/lcd-normal.ttf") format("truetype"), url("../fonts/lcd-normal/lcd-normal.svg") format("svg");
     font-weight: normal;
     font-style: normal
}
@font-face {
     font-family: "leger-regular";
     src: url("../fonts/leger-regular/leger-regular.eot");
     src: url("../fonts/leger-regular/leger-regular.eot#iefix") format("embedded-opentype"), url("../fonts/leger-regular/leger-regular.woff") format("woff"), url("../fonts/leger-regular/leger-regular.ttf") format("truetype"), url("../fonts/leger-regular/leger-regular.svg") format("svg");
     font-weight: normal;
     font-style: normal
}
@font-face {
     font-family: "politica";
     src: url("../fonts/politica/politica.eot");
     src: url("../fonts/politica/politica.eot#iefix") format("embedded-opentype"), url("../fonts/politica/politica.woff") format("woff"), url("../fonts/politica/politica.ttf") format("truetype"), url("../fonts/politica/politica.svg") format("svg");
     font-weight: normal;
     font-style: normal
}
@font-face {
	font-family: "politica-light";
	src: url("../fonts/politica-light/politica-light.eot");
	src: url("../fonts/politica-light/politica-light.eot#iefix") format("embedded-opentype"),
	url("../fonts/politica-light/politica-light.woff") format("woff"),
	url("../fonts/politica-light/politica-light.ttf") format("truetype"),
	url("../fonts/politica-light/politica-light.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Debug */
#debug {
	position:absolute;
     bottom:0;
     right:0;
     width:300px;
     height:40px;
     padding:10px;
     font-family: 'courier', sans-serif;
	font-size: 14px;
	line-height: 20px;
     color:#555;
	background: rgba(200,210,220,0.4);
	z-index: 999;
}
#debug h5 {
     font-family: 'geneva0', sans-serif;
	font-size: 14px;
	line-height: 20px;
     padding:0;
     margin:0;
     color:#aaa
}
#debug-close {
     background-color:#f00;
     position:absolute;
     top:1px;
     right:3px;
     font-size: 22px;
     line-height:18px;
     padding: 4px 0 8px 2px;
     width:26px;
     text-align:center;
     background-color:#ddd;
     color:#999;
     font-family:'geneva0', sans-serif;
     cursor:pointer
}

#app-container {
  -webkit-transition: opacity 400ms linear;
}

/* Signin */
.mh-100vh {
  min-height: 100vh;
}
#signin-block {
  -webkit-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 45px 0px rgba(0,0,0,0.4);
  z-index: 2;
  margin: 40px auto;
}
.show {
    opacity: 1;
}
.hide {
    opacity: 0;
}
#signin-block h2 {
     font-weight: 300;
     margin-bottom: 3rem
}
@media (max-width: 991.98px) {
  #bg-block {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 992px) {
  .w-lg-75 {
    width: 75%;
  }
}
@media (min-width: 992px) {
  .rounded-lg-0 {
    border-radius: 0 !important;
  }
}
@media (min-width: 1200px) {
  .w-xl-50 {
    width: 50%;
  }
}
.form-err-msg {
     color: red;
     margin-left:12px;
     font-size: calc(0.6rem + .3vw);
}
.form-err-msg-lg {
     color: red;
     margin-left:12px;
     font-size: calc(0.9rem + .3vw);
     line-height:56px
}


/* default */

.container {
     display: flex;
     height: 300px;
     align-items: stretch
}
button {
     padding:8px 24px;
     border-radius:4px;
     background-color:#333b41;
     color:#ddd
}
.do-not-select {
     -moz-user-select: -moz-none;
     -khtml-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
}

