html,
body {
  height: 100%;
  min-height: 100%;
  margin: 0px;
  padding: 0px;
  background: #F5F5F5;
  font-family: 'Roboto', sans-serif;
  min-width: 720px;
}

* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  outline: none;
}

.clear {
  clear: both;
}

.main {
  min-height: 100%;
}

.center {
  position: relative;
  width: 100%;
  max-height: calc(100% - 52px);
  top: calc(50% - 26px);
  transform: translateY(-50%);
  overflow: auto;
}

.middle {
  margin: 0px auto;
  display: block;
  text-align: center;
}

.bottom {
  position: absolute;
  bottom: 0%;
  padding: 16px 0px 12px 0px;
  width: 100%;
  background: #333333;
  text-align: center;
  right: 50%;
  margin: 0px auto;
  transform: translateX(50%);
}

.comingsoon {
  background: #EB5757;
}

.comingsoon img {
  margin: 0px auto;
  width: 296px;
  display: block;
}

.comingsoon h1 {
  font-weight: 500;
  text-align: center;
  margin: 70px 0px 5px 0px;
  color: #E2E2E2;
}

.comingsoon p {
  margin: 0px 0px 4px 0px;
  text-align: center;
  color: #FFFFFF;
}

form {
  display: inline-block;
  margin: 0px auto;
  padding: 11px;
  border-radius: 4px;
}

input {
  border: 0;
  outline: 0;
  float: left;
  display: block;
  transition-duration: 0.3s;
  transition-property: all;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  width: 200px;
  color: #5D5D5D;
  background: #E2E2E2;
  padding: 0px 16px;
}

input::-webkit-input-placeholder {
  color: #5D5D5D;
}

input::-moz-placeholder {
  color: #5D5D5D;
}

input::-ms-input-placeholder {
  color: #5D5D5D;
}

input::-moz-placeholder {
  color: #5D5D5D;
}

input:hover,
input:focus,
input:active {
  background: #FFFFFF;
}

button {
  border: 0;
  outline: 0;
  float: left;
  display: block;
  transition-duration: 0.3s;
  transition-property: all;
  cursor: pointer;
  line-height: 46px;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: #E2E2E2;
  background: #333333;
  margin: 0px 0px 0px 8px;
  padding: 0px 16px;
}

button:hover {
  background: #565656;
}