body { margin: 0; background: url(../../img/bg-login-city.jpg) no-repeat center center fixed; background-size: cover; display: table; position: absolute; width: 100%; height: 100%; font-family: 'Ubuntu', sans-serif; }
body > section:first-child,
body > .welcome + section { display: table-cell; vertical-align: middle; width: 100%; }
.btn:not(.btn-sm, .btn-xs) { font-weight: 600; }
.btn { box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px 1px 1px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 0px -1px rgba(0, 0, 0, 0.5); text-shadow: 0px 1px rgba(255, 255, 255, 0.3), 0px -1px rgba(0, 0, 0, 0.3); }


.alert { position: absolute; top: 0; left: 0; }

.users.form {  }
.users.form > .panel { padding: 20px 20px 110px; border-color: #AAA; box-shadow: 0px 0px 120px 0px rgba(0, 0, 0, 0.5); position: relative; }
.users.form > .panel.logged { padding-bottom: 20px; }
.users.form > .panel > .alert { margin-top: 20px; margin-bottom: 0; }
.users.form h1.logo { background: url('../../img/logo-ibitech-50.png') 0 0 no-repeat; width: 50px; height: 50px; display: block; margin: 0 auto 25px; text-indent: -999px; overflow: hidden; }
.users.form form + a {margin-top: 15px; }
.users.form .social-login { margin: 15px 0 0; border-top: 1px solid #DDD; width: 100%; padding: 15px 0 20px; }
.users.form .social-login > span:first-child { margin: 0 0 10px; }
.users.form .social-login .btn { margin: 0 5px 0 0; width: calc( 50% - 5px ); }
.users.form .social-login .btn + .btn { margin: 0 0 0 5px; width: calc( 50% - 5px ); }
.users.form .register { margin: 15px 0 0; border-top: 1px solid #AAA; width: 100%; padding: 15px 20px 20px; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(#E8E8E8, #EEE 60%, #DDD); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.users.form .register > span:first-child { margin: 0 0 15px; }
.users.form .register .btn { margin: 0 5px 0 0; width: calc( 50% - 5px ); }
.users.form .register .btn + .btn { margin: 0 0 0 5px; width: calc( 50% - 5px ); }

.users.form .user-logged {  }
.users.form .user-logged > .user-avatar { width: 120px; height: 120px; margin: 0 auto 15px; float: none; display: block; }
.users.form .user-logged > .user-name { font-size: 18px; }
.users.form .user-logged > .logout { width: 60px; margin-top: 10px; display: block; }


.alertify-notifier.ajs-bottom.ajs-right.ajs-visible,.alertify-notifier.ajs-right .ajs-message.ajs-visible {
    bottom: 0px;
}