.viewPortBack
{
   background: url(../Images/AssistanceBackground.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.logBack
{
    position: absolute; 
    background-color: none;
    left: 50%;
    width: 420px;
    margin-left:-210px;
    margin-top: 180px; 
    border-radius: 2px;
}

.logForm
{      
    background-color:#FFFFFF;
    padding: 30px 20px 30px 20px;    
    border-radius: 2px;
}

.logInput 
{
    height: 55px !important;
    line-height:normal;
    font-size: 16px; 
    padding-left: 40px !important;
    padding-right: 13px !important;
}

.loginUser{
    background-image:url(../Images/UserLogin.png);     
    background-position: 8px center; 
    background-repeat:no-repeat;
}

.loginPass{
    background-image:url(../Images/PasswordLogin.png);     
    background-position: 8px center; 
    background-repeat:no-repeat;
}


.redBtn 
{
    background-color: #f1485b;
    border-color: #EF1F34;
}
.redBtn.x-btn-default-medium.x-btn-over
{
    background-color: #EF394E;
    border-color: #ED1233;
}

.redBtn.x-btn-focus
{
    background-color: #f1485b;
    border-color: #EF1F34;
}

.redBtn.x-btn-default-medium.x-btn-pressed
{
    background-color: #DB1334;
    border-color: #ED1233;
}

.redBtn.x-btn-disabled.x-btn-default-medium
{
     background-color: #f79ca6;
     border-color: #f58894;
}

.logError
{
    font-size:14px;   
    color: #EF3F23;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.oneError
{
    background-color:#f5f5f5;
    padding:6px 4px 6px 4px;
    border-radius:5px;
    font-style: italic;
    font-size:12px;   
    color: #444444;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.logLink
{
    font-size: 11px;
    cursor:pointer; 
    text-decoration: none;
    color: #F5F5F5;    
}

.forgotLink
{
    font-size: 11px;
    cursor:pointer; 
    text-decoration: none;
    color: #444444;   
}
.forgotLink:hover
{    
    text-decoration: underline;
}

.langButton
{    
    line-height: 35px;  
    display: block; 
    cursor:pointer;
}

.langButton::after {   
    display: block; 
    position: absolute;
    top: 6px;
    right: 0;  
    margin-left: 5px;
    content: '\f0d7';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;   
    text-decoration:none;
    color: #ffffff; 
}

.langButton span {
    color: #ffffff; 
    font-size: 16px;
    opacity: 1 !important;   
}

.x-btn-glyph {
    font-size: 20px !important;
    margin-right: 5px !important;
}

.langMenuItem
{
    height: 33px;
    line-height: 31px;
    background-color: #FFFFFF; 
    text-align: center;   
}

.langMenuItem:hover
{    
    background-color: #f5f5f5; 
}

.langMenuItem .x-menu-item-text
{
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    font-style: normal;
    color: #555555;
    text-align: center;
}