html, body{
    height: 100%;
    width: 100%;
}

body{

    background: #53b9a3;
    background: -moz-linear-gradient(-60deg, #53b9a3 0%, #1574d4 60%);
    background: -webkit-linear-gradient(-60deg, #53b9a3 0%,#1574d4 60%);
    background: linear-gradient(150deg, #53b9a3 0%,#1574d4 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53b9a3', endColorstr='#1574d4',GradientType=1 );
}

.rcv{
    font-size: 14px;
}
.form-rcv{
  width: 100%;
  padding: 8px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  border-radius: 4px;
}

.logo_login{
    background-image: url(../images/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 298px;
    height: 120px;
}

.logo-cli{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90px;
    width: 100px;
    height: 100px;
    right: -25px;
    margin-top: -45px;
    position: absolute;
}

.label{
    font-size: 16px;
    text-align: left;
    color: #3072ab;
}

.input{
    padding: 10px;
    font-size: 16px;
    background: transparent;
    border: hidden;
    border-bottom: solid 1px #2a6ea9;
    width: 100%;
    outline: none;
    color: white;
    font-size: 16px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8bc1f7;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8bc1f7;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #8bc1f7;
}

a {
  color: #8bc1f7;
}
a:active,
a:hover {
  outline: 0;
  color: #8bc1f7;
}

input:invalid { 
    border: none;
    border-bottom: solid 1px #2a6ea9;
}

input:required { 
    border: none;
    border-bottom: solid 1px #2a6ea9;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #2e8fc0 inset;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
}