html, body { height: 100%; }

body { background-color:#f5f5f5; }
body.login { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-top: 40px; padding-bottom: 40px; }

.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto; }
.form-signin .form-control { position: relative; box-sizing: border-box; height: auto; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin #inputUser { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin #inputPassword { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.form-signin .alert, .alerta { color:#dd0000; }
.fa-check { color:#33dd33 }
.hidden { display:none; }
.modal-lg { max-width:950px; }
.form-label { float:right; text-align:right; }
.cb { position:relative; top:-2px; }
.ancho { display:none; }
.estrecho { display:block; }
.qcat { font-weight:bold; }

.exito { color:#33aa33; font-weight: bold; }
.fallo { color:#bb0000; font-weight: bold; }

@media (min-width: 768px) {
    .estrecho { display:none; }
    .ancho { display:block; }
}