<style type="text/css">
    .min-vh-100{
        min-height: 100vh !important;
    }
    body{
        padding-top: 0;
        background-color: #435866;
        background-image: url(images/login-bg-lg.jpg);
        background-position: top center !important;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
    }
    .bg-white-80-gradient{
        background-color: rgba(22, 149, 205, 0.8);
        background: linear-gradient(0deg, rgba(22, 149, 205,1) 30%, rgba(22, 149, 205,0) 100%);
    }
</style>
<div class="container min-vh-100" ng-if="!$root.usuario_acceso">
    <div class="row min-vh-100 align-items-center justify-content-center">
        <div class="col-sm-12 col-md-8 col-lg-6 py-3">
            <div class="bg-white-80-gradient">
                <div class="text-center">
                    <div class="p-5">
                        <img src="images/logobg.png" alt="logo" class="logo-lg"/>
                    </div>
                </div>
                <form name="form" class="p-3 p-md-5 text-white" ng-submit="submit()">
                    <div class="form-group">
                        <label>Usuario:*</label>
                        <input required type="text" class="form-control text-white" placeholder="Usuario" ng-model="usuario_form.username">
                    </div>
                    <div class="form-group">
                        <label>Contraseña:*</label>
                        <input required type="password" class="form-control text-white"  placeholder="Contraseña" ng-model="usuario_form.password">
                    </div>
                    <div class="form-group">
                        <small><a ui-sref="restablecer_accceso" class="text-white">Olvid&eacute; mi contraseña</a></small>
                    </div>
                    <div class="form-group" ng-if="intentos_captcha >= 3">
                        <div class="row">
                            <div class="col-md-6">
                                <label>Captcha:*</label>
                                <input type ="text" name="captcha" class="form-control" ng-model="usuario_form.captcha" required/>
                            </div>
                            <div class="col-md-6">
                                <img ng-src = "{{captcha_url}}" ng-click="cambia_captcha()"  style="cursor: pointer;width: 100%" id="img_captcha"/>
                            </div>
                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-md-6">
                            <button type="submit" class="btn btn-success btn-block border border-light mt-4">Iniciar sesi&oacute;n</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>