/* Tela de login (Logon.aspx). CSS próprio e enxuto; substitui style.css, animate.css e Font Awesome 4
   nesta página. Sem fontes ou scripts externos. Usa só o bootstrap.min.css (formulário e botões). */
.lg-body {
    margin: 0;
    background: #dfe9f3 url('fundoCapa-login.jpg') no-repeat center center fixed;
    background-size: cover;
    color: #676a6c;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* barra superior */
.lg-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; background-color: rgba(255, 255, 255, 0.6); }
.lg-nav-in { max-width: 1170px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.lg-logo img { display: block; margin: 10px 0; max-width: 100%; height: auto; }
.lg-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.lg-links a { display: block; padding: 20px 10px; color: #4682B4; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; text-decoration: none; }
.lg-links a:hover, .lg-links a:focus { color: #b8860b; }

/* caixa de login */
.lg-box { width: 100%; max-width: 350px; margin: 0 auto; padding-top: 200px; text-align: center; position: relative; z-index: 100; }
div.LogoFluxus { width: 100%; height: 100px; display: block; margin-bottom: 5px; float: left; clear: both; background: url(../Images/logo-fluxus-web.png) 50% 50% no-repeat; }
.FormLogin { background-color: rgba(255, 255, 255, 0.3); border: 1px solid #87CEFA; border-radius: 7px; padding: 20px 10px 10px 10px; }
.control-label-login { color: #000; }
.lg-box .alert { text-align: center; }

/* entrada central, no próprio lugar: só opacity e transform */
.lg-anim { animation: lg-pop 400ms ease-out both; }
@keyframes lg-pop {
    from { opacity: 0; transform: scale(0.96); }
    to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .lg-anim { animation: none; } }

@media (max-width: 767px) {
    .lg-box { padding: 170px 15px 20px; }
    .lg-links a { padding: 8px 8px; font-size: 13px; }
    .lg-nav-in { justify-content: center; }
}

/* botões e campos (regras que vinham do style.css compartilhado, só para esta página) */
.lg-body .btn { border-radius: 3px; }
.lg-body .dxbButton { background-image: none; text-shadow: none; box-shadow: none; }
.lg-body .btn-success { background-color: #337ab7; border-color: #337ab7; color: #fff; padding: 6px 12px; font-size: 14px; }
.lg-body .btn-success:hover, .lg-body .btn-success:focus { background-color: #286090; border-color: #286090; color: #fff; }
.lg-body .btn-primary { background-color: #1ab394; border-color: #1ab394; color: #fff; font-size: 14px; padding: 10px 20px; font-weight: 600; }
.lg-body .btn-primary:hover, .lg-body .btn-primary:focus { background-color: #179d82; border-color: #179d82; color: #fff; }
.lg-body .btn-default { background-color: #c2c2c2; border-color: #c2c2c2; color: #fff; }
.lg-body .btn-danger { background-color: #ed5565; border-color: #ed5565; color: #fff; }
.lg-body .form-control { background-color: #fff; background-image: none; border: 1px solid #e5e6e7; border-radius: 5px; box-shadow: none; padding: 6px 12px; }