html {
    height: 100%;
    margin: 0;
	min-height: 100%;
	min-width: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
}

.login-main, #login {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}

#login-form {
    background-color: var(--primary-color);
    padding:13% 40px 40px 40px;
    height: 100%;
    -webkit-backdrop-filter: blur(30px) saturate(125%);
    backdrop-filter: blur(30px) saturate(125%);
    background-color: rgba(255,255,255,.3);
    position: absolute;
}

#login-data {
	width: 100%;
}

#foto{
    padding:0px;
    /*sizing*/
    height:100%;
    width: 100%;
    /*decoration*/
    overflow: hidden;
    overflow: hidden;
    background-size: cover;
    background-position: center;
/*     background-image: url('/images/fondo.jpg'); */
}

.uk-notification {
    margin-left: 25px;
}
.uk-notification-message-danger div {
    color: red !important;
}

.uk-card {
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.submit input {
    background-color: var(--primary-color) !important;
    color:white !important;
}
@media screen and (max-width: 659px) {
    #login-form {
        width:100%;
        height: 100%;
        padding:20px 0px 0px 0px;
    }
    .uk-card {
        margin:0px;
        width: 659px;
    }
    .uk-notification {
        width: 100% !important;
    }
}
@media screen and (min-width: 660px) {
    #login-form {
        width: calc(40% - 80px);
    }
    .uk-notification {
        width: calc(40% - 72px) !important;
    }
}

@media screen and (min-width: 960px) {
    #login-form {
        width: calc(30% - 80px);
    }
    .uk-notification {
        width: calc(30% - 72px) !important;
    }
}