body {
    background-color: #f6f6f6;
    overflow: hidden;
}

html, body,div[class^="container"] ,.column,.row {
    height: 100%;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#login-page {
   width: 440px;
   height: 80%;
   margin: 0 auto;
}

.login-header {
    padding-top: 32px;
    margin-bottom: 18px;
    margin-left: 10px;
    margin-right: 10px;
}

.login-logo {
    width: 241px;
    height: 48px;
    margin-bottom: 18px;
}

.gestao-fiscal {
    height: 48px;
    font-family: NunitoSans-ExtraLight;
    font-size: 34px;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.41;
    letter-spacing: normal;
    text-align: center;
    color: #4a5c60;
    margin-top: 32px;
}

.boas-vindas {
    height: 32px;
    font-family: NunitoSans-Regular;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #29b6c5;
    margin-top: 32px;
}

.form-login {
    margin-top: 32px;

}

.input-login {
    width: 440px;
    height: 44px;
    padding-left: 40px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #b6bdbf;
    background: url("../images/icon-user-azul.png") no-repeat scroll 7px;
    background-color: #ffffff;
}

.input-login-text {
    font-family: Roboto-Regular;
    font-size: 16px;
    line-height: 1.5;
}

.input-password {
    width: 440px;
    height: 44px;
    padding-left: 40px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #b6bdbf;
    background: url("../images/icon-lock.png") no-repeat scroll 7px;
    background-color: #ffffff;
}

.btn-entrar {
    width: 440px;
    height: 44px;
    margin: 24px 0 0;
    border-radius: 3px;
    background-color: #0c9abe;
    padding: 10px 22px;
    border: 0px solid;
    max-width: 440px;
}

.label-entrar {
    height: 24px;
    font-family: Roboto-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}

.label-entrar:hover {
    color:#ffffff;
    text-decoration:none;
    cursor:pointer;
}

.btn-recuperar-senha {
    width: 220px;
    height: 44px;
    margin: 24px 0 0;
    border-radius: 3px;
    background-color: #0c9abe;
    padding: 10px 22px;
    border: 0px solid;
}

.label-recuperar-senha {
    width: 396px;
    height: 24px;
    font-family: Roboto-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.btn-cancelar-recuperacao-senha {
    width: 220px;
    height: 44px;
    margin: 24px 0 0;
    padding: 10px 22px;
    border-radius: 3px;
    border: solid 1px #052d3e;
    background-color: #f6f6f6;
}

.label-cancelar-recuperacao-senha {
    width: 396px;
    height: 24px;
    font-family: Roboto-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #052d3e;
    cursor: pointer;
}

.label-login {
    font-family:'NunitoSans-Bold';
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.29;
    letter-spacing: normal;
    color: #4a5c60;
    margin-top: 8px;
    display: block;
}

.footer-login-container {
    width: 440px;
    bottom: 12px;
    position: fixed;
}

.esqueceu-senha {
    height: 24px;
    font-family: NunitoSans-Bold;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.29;
    letter-spacing: normal;
    text-align: center;
    color: #0c9abe;
    margin: 2px 0 0;
    width: 440px;
}

.versao-build {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.29;
    letter-spacing: normal;
    text-align: center;
    color: #4a5c60;
    margin: 0 10px 0 0;
    position: absolute;
    float: left;
    height: 32px;
}

.totvs-logo-footer {
    margin: 0 0 0 250px;
    float: right;
}

#img-notebook {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;;
}

.proposta-de-valor-text {
    width: 514px;
    height: 192px;
    margin: 176px 129px 0 0;
    font-family: NunitoSans-ExtraLight;
    font-size: 50px;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    color: #ffffff;
    position: absolute;
    top: 5%;
    left: 7%;
}

.retangulo {
    width: 92px;
    height: 88px;
    margin: 0 0 0 0;
    padding: 16px;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #ffffff;
    position: absolute;
    top: 2%;
    right: 5%;
}

.center-icon-help {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.suporte {
    width: 60px;
    height: 24px;
    margin: 8px 0 0;
    font-family: 'NunitoSans-Bold';
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #0c9abe;
}

@font-face {
    font-family: 'NunitoSans-ExtraLight';
    src: url('../fonts/NunitoSans-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoSans-Regular';
    src: url('../fonts/NunitoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoSans-bold';
    src: url('../fonts/NunitoSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}