html,body {
    height:100%;
    margin:0;
    padding: 0;
}


.hide {
    display: none !important;
}


.container_full {
    height:100%;
    background-image: url("../img/login_bg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    display: flex;
    align-items: center;   
}

.centered_container {
    width: 100%;
    position: relative;
}

.glass_container {
     background-color: rgba(255, 255, 255, 0.4);  
     backdrop-filter: blur(3px);
     border-radius: 3px;
     box-shadow: 5px 3px 30px black;
     padding: 1rem;
}

.logo-container {
    width: 120px;
    margin: 0 auto;
}


.fieldcontainer {
    display: flex;
    align-items: stretch;
    justify-content: center; 
    margin-bottom: 0.8rem;    
}

.fieldcontainer > .logoholder {
    font-size: 1.7rem;
    background: #004987;
    line-height: 0;
    padding: 5px;
    color: #fff;
}

.fieldcontainer > .fieldholder {
    width: 100%;
}    


.logintext {
    width: 100%;
    padding: 0.2rem 0.5rem;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 1.2rem;
    border-radius: 3px;

    background-color: rgba(0, 113, 188, 0.4);
    border: 1px solid #333; 
    color: #000;  
    transition: 1s;
} 

.logintext::placeholder {
    color: #000;
}

.logintext:focus,
.logintext:active {
    background: #004987;
    color: #fff;
    transition: 1s;
}

label {
    margin: 0;
    font-weight: bold;
    margin-left: 0.1rem;
}


.btncontainer {
    text-align: right;;
}


.btn > i {
    margin-right: 0.3rem;
}

.btn-primary-glow,
.btn-primary-glow:active,
.btn-primary-glow:visited,
.btn-primary-glow:link,
.btn-primary-glow:focus,
.btn-primary-glow:active:focus {
    background-color: #004987;
    color: #fff;
    box-shadow: none;
    border-color: #2e2e2e;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    text-shadow: 1px 1px #000;
    outline: 0 none;
}

.btn-primary-glow:active:hover,
.btn-primary-glow:hover {
    background-color: #0071b9;
    color: #fff;
    border-color: #000;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);
    text-shadow: -1px 1px 5px #ffc, 1px -1px 8px #fff;
    outline: 0 none;
    transition: 0.3s;
}

.btn.btn-primary-glow:not(:disabled):not(.disabled):active {
    outline: 0 none;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.9);
}