html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

/* login-maincontainer zabere veškerý volný prostor mezi header a footer */
.login-maincontainer {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; /* zruš top margin */
    padding: 9vh 0; /* zachovej svislou mezeru */
    box-sizing: border-box;
}

/* footer vždy zůstává dole */
footer.footerlayout_c01 {
    flex-shrink: 0;
}



header{
    position:relative !important;
    width: 100% !important;
    margin-bottom: 0px;
    margin-top: 0px;
}


.login-container {
    width: 460px;
    text-align: center;
    background-color: #000;
    padding: 2rem;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: white;
}

.login-title {
    font-size: 43px;
    padding-bottom: 0.75rem;
    font-family: "JGG-Display-Medium";
}

.login-para1 {
    font-size: 16px;
    padding-bottom: 28px;
}

.login-para2 {
    font-size: 16px;
    text-align: left;
    padding-bottom: 12px;
}



.input-group1 {
    padding-bottom: 16px;
}

.input-group2 {
    padding-bottom: 44px;
}

    .input-group1 input {
        width: 100%;
        padding: 0.5rem;
        box-sizing: border-box;
        background-color: black;
        border: 1px solid white;
        color: white;
    }

        .input-group1 input:focus {
            outline: none;
            border-radius: 0;
        }

.input-group2 input {
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    background-color: black;
    border: 1px solid white;
    color: white;
}

    .input-group2 input:focus {
        outline: none;
        border-radius: 0;
    }

.actions {
    display: flex;
    text-align: left;
    justify-content: space-between;
}


    .actions .stay-logged-in {
        display: flex;
        align-items: center;
        flex: 1;
        width: 50%;
    }



        .actions .stay-logged-in label {
            text-wrap: nowrap;
            font-size: 14px;
            padding-right: 9px;
        }

    .actions button {
        width: 100%;
        padding: 0.5rem;
        background-color: black;
        color: white;
        border-style: solid;
        border-width: 1px;
        border-color: rgba(255,255,255,0.5);
        cursor: pointer;
        text-transform: uppercase;
        font-family: JGGText-Regular;
    }

        .actions button:hover {
            background-color: #E6E6E62E;
        }



input[type=text], input[type=password] {
    font-size: 16px;
}


input[type=checkbox] {
    position: relative;
    cursor: pointer;
    -moz-appearance: initial
}





    input[type=checkbox]:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        top: 0px;
        left: 0px;
        border: 1px solid white;
        border-radius: 0px;
        padding: 1px;
        background-color: black;
        box-sizing: border-box;
    }


    /*firefox*/
@-moz-document url-prefix() {
    input[type=checkbox]:before {
        top: -6px;
    }
}





    input[type=checkbox]:checked:before {
        background-color: black;
    }

    input[type=checkbox]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 0px;
        left: 5px;
        box-sizing: border-box;
    }

@-moz-document url-prefix() {

    input[type=checkbox]:checked:after {

        top: -6px;

    }
}


.upper {
    text-transform: uppercase;
}

.login-langnav {
    display: flex;
    padding-top: 82px;
    justify-content: flex-end;
}



header {

    max-width: 900px;
    width: 100%;

}



input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px black inset !important;
    -webkit-text-fill-color: white !important;

}




.login-hr {
    border: 0;
    height: 1px;
    background-color: white;
    margin-bottom: 32px;
    margin-top: 32px;
}

.login-text {
    text-align: left;
    font-size: 12px;
    margin-bottom: 24px;
}

.login-button2 {
    width: 197px;
    text-align: right;

}

    .login-button2 button {
        padding: 0.5rem;
        background-color: black;
        color: white;
        border-style: solid;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.5);
        cursor: pointer;
        width: 100%;
        text-transform: uppercase;
    }

        .login-button2 button:hover {
            background-color: #e6e6e62e;
        }

.login-request {
    display: flex;
    justify-content: flex-end;
}


.input-group3 {
    margin-bottom: 26px;
}

.input-group3 input {
    width: 100%;
    padding: 0.5rem;
    box-sizing: border-box;
    background-color: black;
    border: 1px solid white;
    color: white;

}

    .input-group3 input:focus {
        outline: none;
        border-radius: 0;
    }


.error-message {
    color: red;
    display: none;
    text-align:left;
    font-size:12px;
}