﻿.login-messages { font-size: 16px; }

.login-form-panel { width: 100%; }
.linkLogin { font-size: 28px; font-weight: bold; color: #fff; vertical-align: middle; }
.linkLogin:hover { color: #fff; }
.linkLogin i { transition: all ease .5s; transform:rotate(0deg);
    -ms-transform:rotate(0deg); /* IE 9 */
    -moz-transform:rotate(0deg); /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari and Chrome */
    -o-transform:rotate(0deg); /* Opera */ }

.linkLogin:hover i { transition: all ease .5s; transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
    -o-transform:rotate(180deg); /* Opera */ }

.captcha-img-container { display: inline-block; }
.img-responsive { display: initial; }

.m-login__captcha { margin: 0; }
.title-portal-login { margin-top: 7px; }
.l-base__title { font-weight: normal; text-shadow: none; }
.recover-form-info { padding: 0 20px; color: #fff; }

@media (max-width: 480px){
    .captcha-img-container { height: 36px; }
    .captcha-img-container img { height: 32px !important; }
    .form-group-lg .form-control { height: 48px !important; padding-bottom: 15px !important; padding-top: 15px !important; }
    .m-login__captcha { height: 36px !important; }
}

@media (min-width: 481px) {
    .m-login__username, .m-login__password { height: 44px !important; padding-bottom: 0px !important; padding-top: 0px !important; }
    .m-login__captcha { height: 41px !important; padding-bottom: 0px !important; padding-top: 0px !important; }
}

@media (max-width: 767px) {
    .title-portal-login { font-size: 28px; line-height: 30px; }
    .recover-form-info { font-size: 16px; }
}

@media (min-width: 992px) { 
    .l-base__logo { padding: 0px; }
}

@media (min-width: 1200px) {
    .title-portal-login { margin-top: 17px; }
}

.form-control-login-btn::after {
    bottom: 2.25rem;
    content: "\f105" !important;
    font-family: 'FontAwesome', sans-serif;
    color: #82b161;
    font-size: 1.25rem;
    position: absolute;
    right: 1.7rem;
}

@media (min-width: 768px) and (max-width: 991px) {
    .form-control-login-btn::after {
        bottom: 1.9rem;
        right: 1.4rem;
    }
}