body, html{

    background: #5095c7;
    width: 100%;
    height: 100%;
    position: absolute !important;

    /*
    background: #FFF;
    background-image: url("../images/posts/34156888_xl.jpg") !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute !important;
    */
}

.login-header{ color: #FFF; text-align: center; margin-top: 30px; transition: all 0.5s ease; }

.login-header.init{ margin-top: 24% !important; }

.login-header h1{ font-size: 90px; }
.login-header p{ font-size: 20px; }

form.login {
    display: none;
    width: 400px;
    margin: 0 auto;
    /*background: rgb(245, 245, 245);*/
    /*box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.36);*/
    padding: 40px;
    /*border-top: 1px solid rgba(0, 0, 0, 0.44);*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.login-header img{ transition: all 0.2s ease; }

/*form.login .form-control {
    border: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: rgb(63, 132, 181);
    box-shadow: inherit;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    height: 55px;
    color: #fff;
    font-size: 15px;
    transition: all 0.5s ease;
}*/

/*form.login .form-control:focus {
    background-color: rgb(152, 182, 204);
}*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  /*-webkit-text-fill-color: #FFF !important;
  -webkit-box-shadow: 0 0 0px 1000px rgb(30, 154, 152) inset !important;
  border-radius: 2px;*/
}

form.login input.email{
    background-image: url('../images/icon-email-input-login-1.0.png');
    background-repeat: no-repeat;
    background-position: 13px 9px;
    padding-left: 59px;
}

form.login input.senha{
    background-image: url('../images/icon-pass-input-login-1.0.png');
    background-repeat: no-repeat;
    background-position: 17px 9px;
    padding-left: 59px;
}

form.login .btn-submit{
    height: 60px;
    font-size: 17px;
    color: #FFFFFF;
    background: #7edace;
}

.typeProfile{ color: #FFF; font-weight: bold; }
.typeProfile label{ color: #FFF; line-height: 19px; margin: 8px 5px !important; padding-left: 0; }

div[class*="iradio_square"]{ background-color: #FFF; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; }

form.login .form-group:last-child{ /*margin-top: 80px;*/ }
form.login .form-group:last-child a{ color: #C6E1F9; font-weight: 600; }

form.login .alert-danger {
    color: #6b497d;
    font-weight: 600;
    background-color: #e1e6e8;
    border: 0;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF !important;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #FFF !important;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #FFF !important;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #FFF !important;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.dalay1s{ animation-delay: 0.5s; }
.dalay2s{ animation-delay: 0.7s; }
.dalay3s{ animation-delay: 0.8s; }
.dalay4s{ animation-delay: 0.9s; }
.dalay5s{ animation-delay: 1s; }

#email, #senha, #perfil, #botao{ opacity: 0; }

@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
    }
    to {
        transform: translateZ(0);
         opacity: 1;
    }
}
.slideInUp {
    animation-name: slideInUp;
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scaleX(1)
    }
}

.pulse {
    animation-name: pulse
}

@media only screen and (max-width: 700px){
    form.login{
        width: 100% !important;
        padding: 50px 0 0;
    }
    .login-header{ margin-top: 10px; }
    .login-header.init{
        margin-top: 40% !important;
    }
    .login-header:not(.init) img{
        width: 80px;
    }
}