#logo-login {
    /*margin-top: 25px;*/
    /*font-size: 21px;*/
    /*text-align: center;*/

    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}





.alert {
	margin-bottom:0px !important;
}

#extr-page #main {
	background: transparent;
	height:100%;
	padding-top:0px;
	overflow:hidden;
}

#login-container {
	border:1px solid rgba(255,255,255,0.5);
	background-color: rgba(255,255,255,0.85);
    -webkit-box-shadow: 0px 10px 13px -7px #444, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 10px 13px -7px #444, 5px 5px 15px 5px rgba(0,0,0,0);
    height:100vh;
}
#login-content {
	position: absolute;
	width:90%;
	left:5%;
	padding:0px;
	margin:auto;
	top: 40%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.logo-login-container {
	text-align: center;
}
#logo-login {
	height: auto;
    padding-top:20px;
    /*padding-bottom:25px;*/
	max-width:200px;
}

#secure-seal {
    padding-top:10px;
	max-width:90px;
}

.smart-form .input input {
	border-width:0px;
}

.smart-form fieldset {
	padding:0px;
	background:transparent;
}
.smart-form footer {
	border: 0px;
	background:transparent;
	text-align:center;
}

.logo-footer {
    height:12px;
}
.smart-form footer .btn {
	float:none;
}
#intranet {
    font-size: 3em;
    color:#4267b2;
}
.btn-label {
	padding: 0px;
	background: transparent;
}
#login-footer {
    line-height: 20px;
}
#login-footer img {
	margin-top: -4px;
}
#access-header {
    background: #4267b2 !important;
    color:#fff;
}
#error-round {
	width:150px;
	height:150px;
	border-radius: 75px;
	border:5px solid rgba(0,0,0,0.2);
	margin:auto;
	padding-top:55px;
	background:#faa;
}
.form-error {
    color: #f66;
    padding:2px 4px 4px 4px;
    font-variant: small-caps;
}

.sep30 {
	height:30px;
}

/* 2FA */
#fa_container {
	margin-top:200px;
}
#fa_code {
	font-family:monospace;
	text-align:center;
	font-size:3em;
	font-weight:bold;
	height:3em;
}
.small-caps {
	font-variant: small-caps;
}

/* RECAPTCHA */
#recaptcha-container {
	text-align:center;
}
#hiddenRecaptcha-error {
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.grecaptcha-badge {
	visibility: hidden;
}

/* RECUPERAR PASSWORD */
.support-data {
    line-height:30px;
    font-size: 1.1em;
    padding:5px 0px;
}
.support-data a {
    color: inherit;
}

.btn-success {
	background-color:#451CC0 !important;
	border:0px;
	border-radius:5px;
}
.btn-success:hover {
	background-color:#5736D3 !important;
}
.smart-form .input input {
	border: 1px solid #ccc;
}

.subtitle {
	color: #385cae;
	margin:25px 0px;
	text-align: center;
	font-size:2em;
}



/* Ruta de las banderas */
.flag{
    width:16px;
    height:11px;
    background:url('/library/media/images/flags/flags.png') no-repeat;
    margin-top:-.18em;
    display:inline-block
}
/* Banderas asociadas a otras nomenclaturas usadas en smartadmin-production.min.css */
.flag.flag-en { background-position:-176px -44px; } /* Inglés */
.flag.flag-el { background-position:-112px -55px; } /* Griego */
.flag.flag-zh { background-position:-208px -22px; } /* Chino */
.flag.flag-hi { background-position:-128px -66px; } /* Hindi */

.flag.flag-cat { background-position:-192px -165px; } /* Català */
.flag.flag-eus { background-position:-208px -165px; } /* Euskera */
.flag.flag-gal { background-position:-224px -165px; } /* Galego */