﻿@media ( min-width: 470px )
{
    .modal-dialog {
        width: 470px;
        margin: 10% auto;
    }
}  
      
#content {
    text-align: center;
    margin-top: 39px;
}

.form-control {
    height: 35px;
    border: 0px solid #ccc;
}

.field-validation-error {
    color: #D0021B;
    top: 10px;
    position: relative;
}

.has-error {
    color: #D0021B;
}

.has-error input {
    border: 1px solid #D0021B !important;
}

#logoImg {
    /*height: 32px;
    padding-top: 5px;*/
}

#usernameContainer {
    text-align: left;
    width: 65%;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 10px;
    height: 81px;
}

#usernameContainer input{
    background-color:#EDEDED;
}

#passwordContainer {
    text-align: left;
    width: 65%;
    margin: auto;
    height: 101px;
}

#passwordContainer input {
    background-color: #EDEDED;
}

#buttonSubmitContainer {
    width: 65%;
    margin: auto;
    height: 120px;
}

#buttonSubmit {
    width: 100%;
    height: 50px;
    font-size: 16px;
}

#versionStringArea {
    margin-bottom: 20px;
}

.LoginLabel {
    font-size: 16px;
    color: #999999;
    font-family: Roboto-Regular;
}

.modal-content {
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
    border: 1px white solid;
}

.btn-login{
    border: 0px;
}
