/*Colors*/
/*Font face*/
/*Font-face sizes*/
/*Font-face weights*/
.at-login-flow-container {
  padding: 5%;
}
.at-login-flow-container .at-login-moshik-picture {
  width: 100px;
  margin: auto;
  margin-top: 10%;
  margin-bottom: 10%;
}
.at-login-flow-container .at-login-button {
  width: 85%;
  margin: auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.at-login-flow-container .button.button-positive {
  border-color: transparent;
  background-color: #387ef5;
  color: #fff;
}
.at-login-flow-container .button.button-block,
.at-login-flow-container .button.button-full {
  margin-top: 10px;
  margin-bottom: 10px;
}
.at-login-flow-container .button:hover {
  color: #444;
  text-decoration: none;
}
.at-login-flow-container .button-full > button.button,
.at-login-flow-container button.button-block,
.at-login-flow-container button.button-full,
.at-login-flow-container input.button.button-block {
  width: 100%;
}
.at-login-flow-container .at-btn-box-shadow {
  box-shadow: 0px 1px 0px 0px #067391;
}
.at-login-flow-container .button-positive {
  background-color: #56beeb !important;
}
.at-login-flow-container .button-block {
  display: block;
  clear: both;
}
.at-login-flow-container .button {
  border-color: transparent;
  background-color: #f8f8f8;
  color: #444;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 12px;
  min-width: 52px;
  min-height: 47px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  vertical-align: top;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  line-height: 42px;
  cursor: pointer;
}
.at-login-flow-container .error-message {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: red;
}