body 
{
    font-size: .8em;
    font-family: "Verdana", sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
}

#LoginBox input[type=text],
#LoginBox input[type=password]
{
    width:100%;
    box-sizing: border-box;
    padding: 6px 6px 6px 30px;
    background-color: rgba(255,255,255,0.75);
}
#LoginBox input[type=password]
{    
    background-image: url('/Content/Icons/32x32/sign-in.png') !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 6px 50%; 
}
#LoginBox input[type=text]
{
    background-image: url('/Content/Icons/32x32/user.png') !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 6px 50%; 
}

#LoginBox input[type=submit]
{
    width: 100%;
    /* Basic button style */
    background-color: #f1572d;
    color: #ffffff;
    border: 1px solid #dc3b0f;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 8px 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-size: 14.5px;
}

#LoginBox input[type=submit]:disabled
{
    background-color: #8f8f8f;
    border: 1px solid #757575;
    cursor: default;
}

#logoWrapper {
    text-align: center;
}
#logoWrapper img {
    max-width: 320px;
    max-height: 160px;
}
.field-validation-error {
    color:#FF0000;
}
    
.input-validation-error {
    border-color: #FF0000;
}
    
.validation-summary-errors {
    color:#FF0000;
}
    
.validation-summary-errors li {
    list-style-type: none;
}
    
.validation-summary-errors ul {
    margin:0;
    padding:0;
}
    
input {
    border-width: 0.1em;
}

#LoginBox {
	position:absolute;
	left:50%;
	top:40%;
	margin:-100px 0px 0px -189px;
    width: 30em;
    color: #000000;
}

#LoginWrapper {
    padding: 1em;
    border: 1px solid #bbb;
    background-color: rgba(255,255,255,0.75);
    border-radius: 2px;
}

.editor-field {
    margin: 1em 0;
}

/* Chrome focus clear */
:focus {
    outline-style: none;
}