body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
    background-image: url(../../images/road.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #fff;
    overflow-y: clip;
    overflow-x: clip;
}
#Login1_LoginButton {
    color: #fff;
    background-color: #003680;
}
#content_container {
    width: 100%;
    height: 100%;
    position: absolute;
    display: 690px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#tbl_main {
    font-family: Arial;
    font-size: 14px;
    border: 1px solid gray;
    width: 400px;
    height: 260px;
    margin-block: auto inherit;
    margin: -187px -20% 50% 50%;
}
#lbl_Ueberschrift {
    background-color: #003680;
    font-size: 2.55em;
    color: #fff;
}
.txt_design {
    color: #003680;
    font-size: 1.65em;
}
.txt_design2 {
    color: #003680;
    font-size: 1.695em;
    margin-right: 1px;
}
#CustomerID {
    color: #003680;
    font-size: 1.320901320901321em;
}

#lbl_Hinweis {
    font-size: 1.188em;
    color: dimgrey;
}
#btn_Back {
    background-color: #003680;
    color: #fff;
    font-size:16px;
    width: 140px;
    height: 25px;    
    font-weight:300;
    margin-left: 122px;
    margin-right: auto;    
    border:none;
    margin-top: 20px;
}
#btn_Send {
    background-color: #003680;
    color: #fff;
    width: 140px;
    height: 25px;   
    font-size:18px;
}

.bg-email-icon {
    background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
    padding-left: 28px;
    padding-right: 50px;
    width: 227px;
    height: 32px;
    border: 1px gray solid;
    border-radius: 5px 5px 5px 5px;
    margin-left: -4px;
}

.bg-user-icon {
    background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white;
    padding-left: 28px;
    padding-right: 50px;
    width: 227px;
    height: 32px;
    border: 1px gray solid;
    border-radius: 5px 5px 5px 5px;
    margin-left: -4px;
}

.bg-key-icon {
    background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
    padding-left: 28px;
    padding-right: 50px;
    width: 227px;
    height: 32px;
    border: 1px gray solid;
    border-radius: 5px 5px 5px 5px;
    margin-left: -4px;
}

.bg-UID-icon {
    background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 10px white;
    padding-left: 28px;
    padding-right: 50px;
    width: 227px;
    height: 32px;
    border: 1px gray solid;
    border-radius: 5px 5px 5px 5px;
    margin-left: -4px;
}
#CustomerID:invalid {
        background-color: indianred;
        border-color: red;
        color: red;
}
#CustomerID:valid {
    background-color: white;
    border-color: forestgreen;
    color: black;
}
#CustomerID:invalid + span::before {
    content: '✖';
    color: red;
}
#txt_Username:invalid {
    background-color: indianred;
    border-color: red;
    color: red;
}

#txt_Username:valid {
    background-color: white;
    border-color: forestgreen;
    color: black;
}
#txt_Username:invalid + span::before {
    content: '✖';
    color: red;
}
#txtEmail:invalid {
    background-color: indianred;
    border-color: red;
    color: red;
}

#txtEmail:valid {
    background-color: white;
    border-color: forestgreen;
    color: black;
}

#txtEmail:invalid + span::before {
    content: '✖';
    color: red;
}