body {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #fff;
  font-size: 13px;
  color: #6a6c6f;
  background: #000;
  margin: 0;
  padding: 0
}

.centered {
  display: table-cell;
  vertical-align: middle;
  height: 100vh;
  width: 100%;
}

@media only screen and (max-width: 720px){ .no-mobi { display: none;} }

.log-form {
  width: 90vw;
}

h1 {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 35px;
  text-transform: uppercase;
  text-align: center
}

.white {
  color: #fff;
  font-size: 50px;
}

.btn-primary {
  color: #fff;
  background-color: #28b8da;
  border-color: #22a7c6
}

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #1e95b1;
  border-color: #0f4b5a
}

.btn-primary:hover {
  color: #fff;
  background-color: #1e95b1;
  border-color: #197b92
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #1e95b1;
  border-color: #197b92
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #197b92;
  border-color: #0f4b5a
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #28b8da;
  border-color: #22a7c6
}

.btn-primary .badge {
  color: #28b8da;
  background-color: #fff
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  border: 1px solid #bfcbd9;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #494949;
  font-size: 14px;
  line-height: 1;
  height: 36px
}

.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus {
  border-color: #03a9f4;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 none
}

input.form-control {
  -webkit-box-shadow: none;
  box-shadow: none
}

.company-logo {
  padding: 10px;
  display: block;
}

.company-logo img {
  height: 150px;
  width: 150px;
  border-radius: 499rem;
  margin: 0 auto;
  display: block
}

.authentication-form-wrapper {
  margin-top: 70px
}

@media (max-width:768px) {
  .authentication-form-wrapper {
    margin-top: 15px
  }
}

.authentication-form {
  border-radius: 2px;
  border: 1px solid #e4e5e7;
  padding: 20px;
  background: #fff
}

label {
  font-weight: 400!important
}

@media screen and (max-height:575px) {
  #rc-imageselect, .g-recaptcha {
    transform: scale(.83);
    -webkit-transform: scale(.83);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
  }
}