﻿/*
 * Specific styles of signin component
 */
/*
 * General styles
 */
@font-face {
  font-family: 'Open-sans';
  src: url('../fonts/OpenSans.eot'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg') format('svg');
}
@font-face {
  font-family: 'RobotoCondensed-Regular';
  src: url('../fonts/RobotoCondensed-Regular.eot'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular.svg') format('svg');
}
@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.eot'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
}
@font-face {
    font-family: 'Open-sans';
    font-family:'RobotoCondensed-Regular';
    font-family:'Roboto-Regular';
    font-family:'Roboto-Light'
}
body, html {
    height: 100%;
    background-color:#f5f5f5;
    font-family:Roboto-Regular !important;
    background-image:url(../images/bg.jpg);
    color:#59514f !important;
}
.form-control
{
    font-family:Roboto-Regular !important;
    color:#000;
}
.login-container.login {
    max-width: 707px;
    padding:109px;
    padding-bottom:66px;
}
#left-menu
{
    display:none;
}
.loginCB
{
    float: left;
    padding-top: 2px;
    margin-left: -5px;
    margin-right: 5px;
}
.btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}
nav.left-menu+*+.page-content {
    margin-left: 0px !important;
}
body.menu-iconbar:not(.menu-top) nav.left-menu+*+.page-content {
        margin-left: 0px !important;
    }
/*
 * login component
 */
.alert-group>.alert:first-child:not(:last-child){
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:0;
       -moz-border-radius-topleft:5px;
       -moz-border-radius-topright:5px;
       -moz-border-radius-bottomright:0;
       -moz-border-radius-bottomleft:0;
            border-top-left-radius:5px;
            border-top-right-radius:5px;
            border-bottom-right-radius:0;
            border-bottom-left-radius:0;
    margin-bottom:0
}
.alert-group>.alert:not(:first-child):not(:last-child){
    -webkit-border-radius:0;
       -moz-border-radius:0;
            border-radius:0;
    border-top:0;
    margin-bottom:0
}
.alert-group>.alert:last-child:not(:first-child){
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
       -moz-border-radius-topleft:0;
       -moz-border-radius-topright:0;
       -moz-border-radius-bottomright:5px;
       -moz-border-radius-bottomleft:5px;
            border-top-left-radius:0;
            border-top-right-radius:0;
            border-bottom-right-radius:5px;
            border-bottom-left-radius:5px;
    border-top:0
}
.login {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
}

.profile-img-login {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top:-52px;
    display:none;
}
#loginForm
{
    width: 100%;
    margin-top: 0%;
    margin-left: 0%;
}
/*
 * Form styles
 */
.profile-name-login {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: #0d97d8;
    outline: 0;
   box-shadow:none
}
br{
    display:none;
}
.btn.btn-signin {
     background-color: #575757;
    padding: 0px;
    font-weight: 700;
    font-size: 26px;
    height: 62px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    border-radius: 0px;
    cursor: pointer;
    margin-top: 19px;
    margin-bottom: 0px;
    border:solid 1px #575757;
    background-image: url(../images/00-btn-bg.png);
    background-color: transparent !important;
    text-indent: 0px;
    color:#fff;
}
.input-group
{
    margin-bottom:15px;
}
.alert .close {
    color: #fff;
    opacity: .5;
    outline: 0!important;
    border: none;
    height: 0px;
}
.welcome
{
    display:block;
    margin-top:70px;
}
.login-inner-bg
{
    margin-top:100px !important; margin-bottom:0px !important; padding-top:50px !important;
    min-height:600px !important;
}
.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: transparent !important;
    outline:none !important;
    border:solid 1px #575757;
      background-image: url(../images/01-btn-bg.png);
    background-color: transparent !important;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle
{
    background-color: transparent !important;
    outline:none !important;
    border:solid 1px #575757;
      background-image: url(../images/01-btn-bg.png);
    background-color: transparent !important;
}
.forgot-password {
   color: #0d96d6;
   float:right;
   font-size:13px;
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: #0d96d6;
}
.main-container
{
    position:relative;
    /*margin-left:-18px;*/
    margin-top:21px;
}
footer
{
   float:left;
    bottom: 0px;
    background-color: transparent;
    width: 100%;
    text-align: center;
    padding: 10px;
    position:relative;
    background-image: url(../images/bottom-bg.png);
    margin-top:0px !important;
}
footer p{
    margin-bottom:0px;
    color:#fff;
    font-size:11px;
    text-align:center;
}
nav.top-menu+.page-content {
    margin-top: 0px !important;
    min-height: 95.9% !important;
}
.form-signin input[type=email], .form-signin input[type=password], .form-signin input[type=text], .form-signin button
{
    border: solid 1px #ccc;
    border-radius: 0px;
    height: 58px;
    /*text-indent: 32px;*/
    font-size: 15px;
    margin-bottom: 0px;
    background-image:url(../images/00-text-bg.png);
    background-color: transparent;
        text-indent:45px;
border:solid 1px #575757;
font-size:22px;
}

.TenancyName::-webkit-input-placeholder {
    font-family:Roboto-Light !important;
color: #fff; 
}
.TenancyName:-moz-placeholder { /* Firefox 18- */
                                font-family:Roboto-Light !important;
color: #fff;  
} 
.TenancyName::-moz-placeholder {  /* Firefox 19+ */
                                  font-family:Roboto-Light !important;
color: #fff ;  
}
.TenancyName:-ms-input-placeholder {  
color: #fff;  
}
.TenancyName:focus::-webkit-input-placeholder { color:#a2a1a1 !important; }
.TenancyName:focus:-moz-placeholder { color:#a2a1a1 !important; } /* FF 4-18 */
.TenancyName:focus::-moz-placeholder { color:#a2a1a1 !important; } /* FF 19+ */
.TenancyName:focus:-ms-input-placeholder { color:#a2a1a1 !important; } /* IE 10+ */

.UsernameOrEmailAddress::-webkit-input-placeholder {
color: #fff; 
font-family:Roboto-Light !important;
}
.UsernameOrEmailAddress:-moz-placeholder { /* Firefox 18- */
color: #fff;  
font-family:Roboto-Light !important;
} 
.UsernameOrEmailAddress::-moz-placeholder {  /* Firefox 19+ */
color: #fff ;  
}
.UsernameOrEmailAddress:-ms-input-placeholder {  
color: #fff; 
font-family:Roboto-Light !important; 
}
.UsernameOrEmailAddress:focus::-webkit-input-placeholder { color:#a2a1a1 !important; }
.UsernameOrEmailAddress:focus:-moz-placeholder { color:#a2a1a1 !important; } /* FF 4-18 */
.UsernameOrEmailAddress:focus::-moz-placeholder { color:#a2a1a1 !important; } /* FF 19+ */
.UsernameOrEmailAddress:focus:-ms-input-placeholder { color:#a2a1a1 !important; } /* IE 10+ */

.Password::-webkit-input-placeholder {
color: #fff; 
font-family:Roboto-Light !important;
}
.Password:-moz-placeholder { /* Firefox 18- */
color: #fff; 
font-family:Roboto-Light !important; 
} 
.Password::-moz-placeholder {  /* Firefox 19+ */
color: #fff ; 
font-family:Roboto-Light !important; 
}
.Password:-ms-input-placeholder {  
color: #fff;  
font-family:Roboto-Light !important;
}
.Password:focus::-webkit-input-placeholder { color:#a2a1a1 !important; }
.Password:focus:-moz-placeholder { color:#a2a1a1 !important; } /* FF 4-18 */
.Password:focus::-moz-placeholder { color:#a2a1a1 !important; } /* FF 19+ */
.Password:focus:-ms-input-placeholder { color:#a2a1a1 !important; } /* IE 10+ */

.PasswordReset::-webkit-input-placeholder {
    color: #fff;
    font-family: Roboto-Light !important;
}

.PasswordReset:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-family: Roboto-Light !important;
}

.PasswordReset::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    font-family: Roboto-Light !important;
}

.PasswordReset:-ms-input-placeholder {
    color: #fff;
    font-family: Roboto-Light !important;
}

.PasswordReset:focus::-webkit-input-placeholder {
    color: #a2a1a1 !important;
}

.PasswordReset:focus:-moz-placeholder {
    color: #a2a1a1 !important;
}
/* FF 4-18 */
.PasswordReset:focus::-moz-placeholder {
    color: #a2a1a1 !important;
}
/* FF 19+ */
.PasswordReset:focus:-ms-input-placeholder {
    color: #a2a1a1 !important;
}
/* IE 10+ */


.coverClientLogo
{
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: -2px;
    bottom: 0px;
}
.icons-col
{
    position: absolute;
    left: 14px;
    top: 13px;
    z-index:9999;
}
.TenancyNameIcon
{
    position: absolute;
    left: 14px;
    top: 13px;
    z-index:9999;
    height:32px;
    width:33px;
    background-image:url(../images/ten-icon.png);
    background-repeat:no-repeat;
}
.TenancyNameIcondark
{
    position: absolute;
    left: 14px;
    top: 13px;
    z-index:9999;
    height:32px;
    width:33px;
    background-image:url(../images/ten-icon-dark.png);
    background-repeat:no-repeat;
}
.UsernameOrEmailAddressIcon
{
    position: absolute;
    left: 14px;
    top: 13px;
    z-index:9999;
    height:32px;
    width:33px;
    background-image:url(../images/user-icon.png);
    background-repeat:no-repeat;
}
.UsernameOrEmailAddressIcondark
{
    position: absolute;
    left: 14px;
    top: 13px;
    z-index:9999;
    height:32px;
    width:33px;
    background-image:url(../images/user-icon-dark.png);
    background-repeat:no-repeat;
}
.PasswordIcon
{
    position: absolute;
    left: 14px;
    top: 13px;
    z-index:9999;
    height:32px;
    width:33px;
    background-image:url(../images/pass-icon.png);
    background-repeat:no-repeat;
}
.PasswordIcondark
{
    position: absolute;
    left: 14px;
    top: 13px;
    z-index:9999;
    height:32px;
    width:33px;
    background-image:url(../images/pass-icon-dark.png);
    background-repeat:no-repeat;
}
.form-signin input[type=text]:focus, .form-signin input[type=password]:focus
{
    box-shadow:none !important;
    background-image:url(../images/01-text-bg.png);
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.26) !important;
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.26) !important;
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.26) !important;
    border-color:#fff;
    font-family:Roboto-Light !important;
}
#EmailAddress:focus
{
    box-shadow:none !important;
    background-image:url(../images/01-text-bg.png);
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.26) !important;
    -moz-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.26) !important;
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.26) !important;
    border-color:#fff;
    font-family:Roboto-Light !important;
}
.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    color: #fff;
    font-size:14px;
}
h4, .h4 {
    font-size: 18px;
    margin-bottom: 0px;
}
small
{
    color: #4e4a49;
    font-size:16px;
    font-weight: normal;
    font-family: RobotoCondensed-Regular !important;
}
strong
{
   font-size: 28px;
    font-weight: normal;
    font-family: RobotoCondensed-Regular !important;
}
p
{
    margin-bottom: 0px;
    text-align: left;
    padding-left: 7px;
}
.logo-Style
{
    margin-bottom: 55px;
}
input:after {
    transition: background-color 5000s ease-in-out 0s;
}
.login-top-bg
{
    height: 153px;
    margin-bottom: 0px;
    padding: 0px !important;
    /* background-image: url(../images/login-bg-top.png); */
    background-color: #fff;
    display: block;
    width: 313px;
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
}
.login-bottom-bg
{
    height: 36px;
    background-color: red;
    margin-bottom: 0px;
    padding: 0px;
    background-color:red; margin-top:0px;
    padding:0px !important;
     background-image:url(../images/login-bg-bottom.png);
     background-size:100%;
    background-color:transparent;
    display:none;
}
.login-inner-bg
{
    background-image:url(../images/login-wrapper.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    background-color:transparent;
}
.tenancyName-icon
{
    background-image:url(../images/tanancy.png);
    background-repeat: no-repeat;
    background-position: 70% 50%;
}
.userName-icon
{
    background-image:url(../images/login.png);
    background-repeat: no-repeat;
    background-position: 70% 50%;
}
.password-icon
{
    background-image:url(../images/pass.png);
    background-repeat: no-repeat;
    background-position: 70% 50%;
}
.bg-logo-user
{
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 0;
}
.radio, .checkbox
{
    text-align: left;
    margin-top: 0px;
    float: left;
    margin-bottom: 13px;
    margin-left: -15px;
}

.alert-msg
{
    max-width:100%;;
        margin: auto;
        margin-top:10px;
}
.alert
{
    font-size:12px;
}
.close
{
    font-size:17px;
    width:auto !important;
}
.msgWrapper
{
    max-width: 63%;
}
@media (max-width: 1600px) {
    .login-container.login
    {
        max-width:55%;
        padding-bottom: 48px;
    }
    .login-top-bg
    {
           height: 135px;
    width: 271px;
    }
    .login-inner-bg {
   margin-top: -19px !important;
    margin-bottom: 0px !important;
    padding-top: 30px !important;
   min-height: 505px !important;
}
    .welcome {
    margin-top: 60px;
}
    .btn.btn-signin
    {
        font-size: 17px;
    height: 46px;
    }
    .form-signin input[type=email], .form-signin input[type=password], .form-signin input[type=text], .form-signin button
    {
        font-size:18px;
            height: 52px
    }
    .TenancyNameIcon,.UsernameOrEmailAddressIcon,.PasswordIcon
    {
        top:11px;
    }
    .PasswordIcondark,.UsernameOrEmailAddressIcondark,.TenancyNameIcondark
{
    top: 11px;
}
    footer
    {
            margin-top: -6px !important
    }
    .msgWrapper {
    max-width: 54.5%;
}
}
@media (max-width: 1440px) {
    .login-container.login
    {
        max-width:55%;
        padding-bottom: 48px;
    }
    .login-top-bg
    {
           height: 135px;
    width: 271px;
    }
    .login-inner-bg {
   margin-top: -19px !important;
    margin-bottom: 0px !important;
    padding-top: 30px !important;
   min-height: 505px !important;
}
    .welcome {
    margin-top: 60px;
}
    .btn.btn-signin
    {
        font-size: 17px;
    height: 46px;
    }
    .form-signin input[type=email], .form-signin input[type=password], .form-signin input[type=text], .form-signin button
    {
        font-size:18px;
            height: 52px
    }
    .TenancyNameIcon,.UsernameOrEmailAddressIcon,.PasswordIcon
    {
        top:11px;
    }
    .PasswordIcondark,.UsernameOrEmailAddressIcondark,.TenancyNameIcondark
{
    top: 11px;
}
    footer
    {
            margin-top: -6px !important
    }
    .msgWrapper {
    max-width: 54.5%;
}
}
@media (max-width: 1366px)
{
.input-group {
    margin-bottom: 7px;
}
.login-inner-bg {
    margin-top: -19px !important;
    margin-bottom: 0px !important;
    padding-top: 5px !important;
    min-height: 444px !important;
}
.login-top-bg {
    height: 124px !important;
    width: 242px !important;
}
.login-container.login
{
    max-width:50%;
}
.login-container.login
{
    padding:79px;
        padding-bottom: 0px;
}
.logo-Style {
    margin-bottom: 49px;
    width: 213px;
}
.login-top-bg {
    height: 132px;
    width: 239px;
}
footer {
    margin-top: -12px !important;
}
.msgWrapper {
    max-width: 49.6%;
    margin-top: 3px;
}
}
@media (max-width: 1280px)
{
.main-container {
    margin-top: 83px;
}
.login-inner-bg {
    margin-top: -19px !important;
    margin-bottom: 0px !important;
    padding-top: 5px !important;
    min-height: 519px !important;
}
.login-top-bg {
    height: 137px !important;
    width: 242px !important;
}
footer {
    margin-top: -3px !important;
}
.welcome {
    margin-top: 92px;
}
.input-group {
    margin-bottom: 19px;
}
.logo-Style {
    margin-bottom: 49px;
    width: 213px;
    margin-top: -13px;
}
}
@media (max-width: 1152px)
{
    .login-top-bg {
    height: 137px !important;
    width: 202px !important;
}
}
@media (max-width: 1199px)
{
    .msgWrapper
{
     max-width: 689px;
}
}
@media (max-width: 1024px)
{
    .main-container {
    margin-top: 40px;
}
    .login-inner-bg {
    margin-top: -19px !important;
    margin-bottom: 0px !important;
    padding-top: 5px !important;
    min-height: 490px !important;
}
    .welcome {
    margin-top: 72px;
}
}
@media (max-width: 768px)
{
    footer
    {
       
        margin-top:90px;
    }

.form-signin input[type=text], input[type=email], input[type=password]
{
            border: solid 1px #ccc;
    border-radius: 0px;
    height: 62px;
    /*text-indent: 32px;*/
    
    margin-bottom: 0px;
    background-image:url(../images/00-text-bg.png);
    background-color: transparent !important;
    text-indent:45px;
    border:solid 1px #575757
}
.login-container.login {
    max-width: 68%;
}
.login-inner-bg {
    min-height: 512px !important;
}
footer {
    margin-top: 49px !important;
}
}
@media (max-width: 767px)
{
.form-signin input[type=text], input[type=email], input[type=password]
{
     box-shadow:none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.small-logo
{
    text-align:center;
}
.msgWrapper {
    max-width: 707px;
}
.col-pad-style
{
    padding:0px;
}
 footer
    {
      

        margin-top:50px;
    }
 .login-inner-bg
 {
     background-image:none;
 }
 .login-top-bg
 {
     width:100%;
     max-width:100%;
 }
 .main-container {
    position: relative;
    /* margin-left: -18px; */
    margin-top: 0px;
    padding: 0px;
    width: 100%;
    margin: 0px;
}
 nav.top-menu+.page-content {

    padding-left: 0px;
}
 .login-container.login
 {
     padding:0px;
 }
}
@media (max-width: 662px){
.main-container
{
    margin-left:0px;
}
}

@media (max-width: 482px)
{
.login-top-bg,.login-bottom-bg,.login-inner-bg
{
    background-image:none;
   
}
.col-pad-style
{
    padding-left:10px;
     padding-right:10px;
}
.login-container.login {
    max-width: 100%;
    padding: 5px 10px;
}
.login-bottom-bg
{
    display:none;
}
.rememberMe span
{
    margin-top: 1px;
    float: left;
}
#loginForm {
    width: 100%;
    margin-top: 0%;
    margin-left: 0px;
}
}
.input-group-addon {
    padding: 6px 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #fff;
}

@media (max-width: 331px)
{
.forgot-password
{
        width: 100%;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 16px;
    font-size:14px !important;
}
.rememberMe
{
width: 100%;
    text-align: center;
}
.rememberMe span
{
    margin-top: 1px;
    float: none;
}
}
.input-validation-error
{
    border: solid 1px #a94442 !important;
}
.error
{
    border: solid 1px #a94442 !important;
    border-right: solid 0px #fff !important;
}
@media (max-width: 440px) {
    .logo-Style { width:100%; }
}
@media (max-width: 482px) {
    .login-inner-bg { margin-top:0px;}
    
}

@media (max-width: 768px) {
    nav.top-menu+.page-content { min-height:799px !important;}
     body { height:auto;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
     body {  height:auto;}
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}



.EmailAddress::-webkit-input-placeholder {
color: #fff; 
font-family:Roboto-Light !important;
}
.EmailAddress:-moz-placeholder { /* Firefox 18- */
color: #fff;  
font-family:Roboto-Light !important;
} 
.EmailAddress::-moz-placeholder {  /* Firefox 19+ */
color: #fff ;  
}
.EmailAddress:-ms-input-placeholder {  
color: #fff; 
font-family:Roboto-Light !important; 
}
.EmailAddress:focus::-webkit-input-placeholder { color:#a2a1a1 !important; }
.EmailAddress:focus:-moz-placeholder { color:#a2a1a1 !important; } /* FF 4-18 */
.EmailAddress:focus::-moz-placeholder { color:#a2a1a1 !important; } /* FF 19+ */
.EmailAddress:focus:-ms-input-placeholder { color:#a2a1a1 !important; } /* IE 10+ */


.ConfirmPassword::-webkit-input-placeholder {
color: #fff; 
font-family:Roboto-Light !important;
}
.ConfirmPassword:-moz-placeholder { /* Firefox 18- */
color: #fff;  
font-family:Roboto-Light !important;
} 
.ConfirmPassword::-moz-placeholder {  /* Firefox 19+ */
color: #fff ;  
}
.ConfirmPassword:-ms-input-placeholder {  
color: #fff; 
font-family:Roboto-Light !important; 
}
.ConfirmPassword:focus::-webkit-input-placeholder { color:#a2a1a1 !important; }
.ConfirmPassword:focus:-moz-placeholder { color:#a2a1a1 !important; } /* FF 4-18 */
.ConfirmPassword:focus::-moz-placeholder { color:#a2a1a1 !important; } /* FF 19+ */
.ConfirmPassword:focus:-ms-input-placeholder { color:#a2a1a1 !important; } /* IE 10+ */

.loginpage-errormsg {
    /*max-width: 100%;*/
    margin: auto;
    margin-top: 10px;
}