body { color: #8a8a8a; font-family: 'Open Sans', sans-serif; }
.bg { background-image: url(../images/bg-login.jpg); background-position: center; background-size: cover; }
a, a:hover { color: #8a8a8a; text-decoration: none; }
a:hover { color: #2d2d37; }
.text-underline { text-decoration: underline !important; }
h1 { color: #2d2d37; text-align: center; font-size: 23px; margin: 15px 0 25px; }
.footer { background-color: #fff; padding-top: 10px; padding-bottom: 10px; }
.login { margin-top: 100px; margin-bottom: 100px; width: 100%; max-width: 550px; background-color: #fff; padding: 25px; border-radius: 6px; box-shadow: 0 2px 9px 0px #6b6b6b; }
.logo { text-align: center; margin-bottom: 39px; }
input.form-control { margin-bottom: 15px; background-color: #f7f8fa; border: none; padding: 30px 15px; font-size: 18px; height: 61px; }
input[type="submit"], button.submit { background: #003368; border: none; border-radius: 4px; color: #fff; padding: 16px; margin: 20px auto; min-width: 170px; }
.full-height { min-height: 100vh; min-height: calc(100vh - 60px); }
::-webkit-input-placeholder { color: #8a8a8a; }
::-moz-placeholder { color: #8a8a8a; }
:-ms-input-placeholder { color: #8a8a8a; }
:-moz-placeholder { color: #8a8a8a; }
.loading { margin: 0 auto; max-width: 24px; }
.loading .loading-bar { display: inline-block; width: 4px; height: 18px; border-radius: 4px; animation: loading 1s ease-in-out infinite; margin: 0 1px; }
.loading .loading-bar:nth-child(1) {background-color: #003367;animation-delay: 0;}
.loading .loading-bar:nth-child(2) {background-color: #4ba6ff;animation-delay: 0.09s;}
.loading .loading-bar:nth-child(3) {background-color: #727b82;animation-delay: .18s;}
.loading .loading-bar:nth-child(4) {background-color: #003367;animation-delay: .27s;}
@keyframes loading { 0% { transform: scale(1); } 20% { transform: scale(1, 2.2); } 40% { transform: scale(1); } }

@media (max-width: 767px) { 
    .footer { text-align: center; }
    .md-center { justify-content: center !important; }
    .form-check { margin-right: 10px; }
}