body{
  background-color: #FAFAFA;
}
.button {
  background-color:  #1a237e; 
  border: none;
  color: white;
  padding: 8px 60px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
  width: 94%;
}

.button:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.txtTiny
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal
}

.style32 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.style36 {color: #FF0000}

.wr-login{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 40px;
    width:100%;
    border-radius:15px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.14);
box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.14);
}
.form-group.user, .form-group.pass{
  position:relative;
}
.form-group.user input, .form-group.pass input{
  color:#1c1c1c;
  height:45px;
}
.form-group.user:before, .form-group.pass:before{
  width: 15px;
    height: 15px;
    content: '';
    position: absolute;
    left: 15px;
    display: block;
    top: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
}
.form-group.user input, .form-group.pass input{
  padding-left:40px;
 
}
.form-group.user:before{
 background-image: url(img/user.svg);
}
.form-group.pass:before{
 background-image: url(img/pass.svg);
}


.form-control::-webkit-input-placeholder { /* Edge */
  color:#8E8E8E;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8E8E8E;
}

.form-control::placeholder {
  color: #8E8E8E;
}

.wr-login .btn{
  min-width:250px;
  border-radius:25px;
  height:42px
}
.top-image{
  max-width:795px;
}
@media only screen and (max-width: 1024px){
  .top-image{
    max-width:100%;
  }
}