.hide-message {
    display: none;
}

.light-login {
    /*background:#ececec;*/
    /*background: #DFE0E2 url(/Content/images/pattern.jpg) repeat;

    background: #8e9eab; 
    background: -moz-linear-gradient(top, #8e9eab 1%, #eef2f3 20%); 
    background: -webkit-linear-gradient(top, #8e9eab 1%,#eef2f3 83%);
    background: linear-gradient(to bottom, #8e9eab 1%,#eef2f3 83%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e9eab', endColorstr='#eef2f3',GradientType=0 );*/
    background-color: #438EB9;
    
    /*background: url("../../Content/images/416339_a3768633f5cb4ba4a7c1a1796793caf9.jpg") no-repeat center center fixed;*/
    background-size: cover;
}



.login-layout .widget-box .widget-main {
    background-color: rgba(0, 0, 0, 0.4);
}

.login-box .toolbar, .forgot-box .toolbar {
    background-color: rgba(0, 0, 0, 0.4);
}

.login-box .forgot-password-link, .forgot-box .toolbar {
    color: #e2e2e2;
}

.login-layout .widget-box .widget-body .toolbar > div > a, .forgot-box .widget-body .toolbar > a {
    text-shadow: none;
    color: #777777!important;
    font-size: 14px!important;
}

.widget-body {
    background-color: rgba(0, 0, 0, 0);
}


.btn-white.btn-primary {
    color: #444;
}

.btn-login {
    border:none;
    background-color: #438EB9;
    color: #FFF !important;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
}

input[type=checkbox].ace + .lbl, input[type=checkbox].ace + input[type=hidden] + .lbl, input[type=radio].ace + .lbl {
    color: #fff;
}

.login-layout .widget-box .widget-body .toolbar > div > a, .forgot-box .widget-body .toolbar > a {
    color: #fff;
}

.main-container {
    /*margin-top: 100px;*/
    /*position: relative;*/
    /*top: 100px;*/
    /*left: 50%;*/
    /*width: 560px;
    padding: 20px;*/
    /*margin-left: -300px;*/ /* por causa do posicionamento absoluto temos que usar margem negativa para centralizar o site */
    /*background: #FFF; /* fundo branco para navegadores que não suportam rgba */
    /*background: rgba(255,255,255,0.8); /* fundo branco com um pouco de transparência */
}

.login-box .toolbar, .forgot-box .toolbar {
    border-top: 2px solid #CCC;
}

.btn.btn-white {
    border-color: #438EB9;
    color: #438EB9 !important;
}


.blueHiper {
    color: #438EB9 !important;
   
}

/*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #FFF;
    background-image: none;
    color: rgb(0, 0, 0);
}*/





/* reset de margens */
* {
    margin: 0;
    padding: 0;
}

/* para garantir que estes elementos ocuparão toda a tela */
body, html {
    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
}

#fundo-externo {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
}

#fundo {
    position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: 100%;
}

    #fundo img {    
        width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
        position: absolute;
    }

p {
    margin-bottom: 1.5em;
}

.input-icon.input-icon-right > .ace-icon {
    left: auto;
    right: 10px;
}

.btn.btn-white {
    text-shadow: none !important;
    background-color: transparent !important;
}

.btn.btn-white {
    border-color: #ffffff;
    color: #ffffff !important;
}

#boxBody {
    margin-top: 40%;
}

.forgot-password-link {
    color: #e2e2e2;
}

.login-container {
    /*width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;*/
}