body {
}

html {background-color: var(--colorLight);}

.loginInput {
    width: 100%;
    height: 40px;
    background-color: #f1f1f1;
    border: 1px solid #c1c1c1;
    padding: 0px 15px;
}

.loginSymbol {
    position: relative;
    right: 10px;
    color: #c1c1c1;
    margin-top: -33px;
    float: right;
}

.loginInput:hover { border: 1px solid var(--colorBorder); }
.loginInput:hover + .loginSymbol { color: var(--colorDark); }

.loginButton {
    border: transparent;
    background-color: var(--colorBckgr);
    border: 1px solid var(--colorBorder); 
    padding: 15px;
    color: var(--colorDark);
    -webkit-border-radius: 0px 10px 0px 0px;
    -moz-border-radius: 0px 10px 0px 0px;
    border-radius: 0px 10px 0px 0px;
}

.loginButton:hover {background-color: var(--colorLight); color: var(--colorDark); border: 1px solid var(--colorBorder); }

.loginTable {
    margin-top: 150px;
    width: 100%;
    background-color: #f8f8f8;    
             
    -webkit-border-radius: 0px 20px 0px 0px;
    -moz-border-radius: 0px 20px 0px 0px;
    border-radius: 0px 20px 0px 0px;
    
    moz-box-shadow: 8px 8px 8px #aaa; /* Firefox/Mozilla */  
    -webkit-box-shadow: 8px 8px 8px #aaa; /*Safari/Chrome */    
    box-shadow: 8px 8px 8px #aaa;
}
.loginTable th {background-color: var(--colorBckgr); padding: 15px; font-size: 1.5em; color: var(--colorDark);
             
    -webkit-border-radius: 0px 20px 0px 0px;
    -moz-border-radius: 0px 20px 0px 0px;
    border-radius: 0px 20px 0px 0px;
    border-bottom: 1px solid var(--colorBorder);

}
.loginTable td {padding: 20px;}