@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

html, body {
  border: 0;
  margin: 0;
  padding: 0;
  height: 90%;
}

* {
  box-sizing: border-box;
}

.container-logo {
  display: flex;
  justify-content: center;
  margin-top: 2%;
}

.container {
  margin: 0 auto;
  display: flex;
}

.login-container {
  min-width: 406px;
  max-width: 406px;
  margin: 0 auto;
  min-height: 415px;
  overflow: visible;
}


.login-container h2{
	margin-top: 3%;
	font-family: Arial, Helvetica, sans-serif;
	color: #64c832;
	font-size: 1.5em;
	text-align: justify;
}

.login-container p{
    color: #666;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: justify;

}
.dados-empresa-container{
  border: 2px solid #E5EDE8;
  padding: 10px 10px 10px 10px;
  border-radius: 4px;
  background-color: #fff;
  margin-bottom: 10px;
}

.razao-social-container{
  margin-bottom: 5px;
}

.disp-texto,
.cnpj-text {
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #666;
}

.fique-atento-texto {
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #64c832;
  margin-bottom: 0px;
  margin-top: 5px;
}

@media all and (min-width:0\0) {
  /* IE */
  .disp-texto {
    font-size: 14px;
  }
}

.disp-container {
  height: auto;
  border: 2px solid #ebebee;
  border-radius: 4px;
  min-width: 985px;
}

.coluna-texto-disp {
  width: auto;
  margin: 0px 20px;
  float: inherit;
}
@supports (-ms-ime-align:auto) {
  /* Edge */
  .coluna-texto-disp {
    float: left;
  }
}
@media all and (min-width:0\0) {
  /* IE */
  .coluna-texto-disp {
    float: left;
  }
}

.coluna-botao-disp {
  float: left;
}

.coluna-cadeado {
  float: left;
}

.campoEntrada {
  background-color: transparent;
  border-radius: 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  background: none;
  color: #666;
  text-align: left !important;
}

.campoEntrada:focus::-webkit-input-placeholder {
  color: #ccc;
}

.campoEntrada:focus::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.campoEntrada:focus::-ms-input-placeholder {
  color: #ccc;
}

.entrada:focus {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #64c832;
  transition: 0.4s;
}

.campo {
  display: inline-block;
}

.a-campoEntrada {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.a-campoEntrada:focus {
  outline: none;
}

.campo {
  position: relative;
  box-sizing: border-box;
  font-size: 1em;
  padding-top: 1em;
}

.campo_label-wrap {
  position: initial !important;
}

.campo .a-campoEntrada {
  height: 40px;
  padding: 0 15px 0 15px;
  border-bottom: 2px solid #E5EDE8;
}

.campo .a-campoEntrada::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity .2s ease-out;
}

.campo .a-campoEntrada::-moz-placeholder {
  opacity: 0;
  transition: opacity .2s ease-out;
}

.campo .a-campoEntrada:focus::-webkit-input-placeholder {
  opacity: 1;
  transition-delay: .2s;
}

.campo .a-campoEntrada::-ms-input-placeholder {
  opacity: 1;
}

.campo .a-campoEntrada:-ms-input-placeholder {
  opacity: 1;
}

.campo .a-campoEntrada:focus::-moz-placeholder {
  opacity: 1;
  transition-delay: .2s;
}

.campo .a-campoEntrada:not(:placeholder-shown)~.campo_label-wrap .campo_label {
  opacity: 0;
  bottom: 15px;
}

.campo .campo_label-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  pointer-events: none;
  cursor: text;
  position: absolute;
  bottom: 0;
  left: 0;
}

.campo .campo_label-wrap2 {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  pointer-events: none;
  cursor: text;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #EEAB00 !important;
}

.campo .campo_label {
  position: absolute;
  left: 15px;
  bottom: calc(50% - .5em);
  line-height: 0;
  font-size: 1em;
  pointer-events: none;
  transition: bottom .2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity .2s ease-out;
  font-family: Arial, Helvetica, sans-serif;
  color: #767373;
}

.campo .campo_label2 {
  position: absolute;
  left: 15px;
  bottom: calc(50% - .5em);
  line-height: 1;
  font-size: 1em;
  pointer-events: none;
  transition: bottom .2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity .2s ease-out;
  font-family: Arial, Helvetica, sans-serif;
  color: #EEAB00 !important;
}

.campo .a-campoEntrada:focus~.campo_label-wrap .campo_label {
  /* IE */
  opacity: 1;
  bottom: 40px;
}

.espacamento-footer{
  height: 25px;
}

@supports (-ms-ime-align:auto) {
  /* Edge */
  .campo .a-campoEntrada:not(:focus)~.campo_label-wrap .campo_label {
    opacity: 1;
    bottom: 40px;
  }
}

@media all and (min-width:0\0) {
  /* IE */
  .campo .a-campoEntrada:not(:focus)~.campo_label-wrap .campo_label {
    opacity: 1;
    bottom: 40px;
  }
}

.campo_a1 .a-campoEntrada:focus {
  border-color: #64c832;
}

.entrada {
  width: 100%;
  margin-bottom: 15px;
}

.btn:active {
  background-color: white;
  color: #64c832;
  border: 1px solid #64c832;
}

.erro {
  border-bottom: 2px solid #EEAB00 !important;
}

.erroMensagem {
  display: block !important;
}

.labelErro {
  line-height: 0;
  font-size: 13px;
  pointer-events: none;
  transition: bottom .2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity .2s ease-out;
  font-family: Arial, Helvetica, sans-serif;
  color: #EEAB00 !important;
  margin-left: 15px;
  margin-bottom: 10px;
}

#serverError {
  border: 1px solid #EEAB00 !important;
  border-radius: 4px;
  padding: 15px;
  margin-top: 10px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgba(238, 171, 0, 0.1);
  text-align: justify;
  word-wrap:break-word;
  width: 100%;
}

#botoes {
  margin-bottom: 5px;
  justify-content: center;
  display: flex;
}

.btnDestivado {
  pointer-events: none;  
}

.btnAvancar, 
.btnAvancarDesativado {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 2%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  border-radius: 4px;
  text-decoration: none;  
  color: #fff;
}

.btnAvancarDesativado{
  background-color: #ccc;
  border: 1px solid #ccc;
}

.btnAvancar{
  background-color: #64c832;
  border: 1px solid #64c832;
}

.btn {
  cursor: pointer;
  border: 1px solid white;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  border-radius: 4px;
  background-color: #64c832;
  color: white;
  text-decoration: none;
  width: 136px;
  height: 40px;
  text-align: center;
}

.btn span {
  margin-top: 7px;
  display: inline-block;
}

.btnDisp {
  cursor: pointer;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  margin-right: 5px;
  transform: translateY(-20px);
  display: flex;
  justify-content: center;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #64c832;
}

.btnDisp span {
  display: inline-block;
}

.btnAvancar:active {
  background-color: white;
  color: #64c832;
  border: 1px solid #64c832;
}

.btn:active {
  background-color: white;
  color: #64c832;
  border: 1px solid #64c832;
}

.btnLimpar:active {
  background-color: white;
  color: #64c832;
  border: 1px solid #64c832;
}

.pass {
  text-align: center !important;
  font-size: xx-large !important;
}

.styled-select select {
  background: transparent;
  padding: 5px;
  width: 100%;
  border-radius: 4px;
}

.styled-select.slate {
  background: white no-repeat right center;
  width: 100%;
  border-radius: 4px;
}

.styled-select.slate select {
  border: 1px solid #ccc;
  font-size: 0.9em;
  color: #666;
}

.container-warsaw {
  width: 75%;
  min-width: 760px;
  max-width: 1145px;
  margin: 2% auto;
}

.container-warsaw-atualiza {
  width: 75%;
  min-width: 760px;
  max-width: 940px;
  margin: 2% auto;
}

.container-vm {
  width: 75%;
  min-width: 615px;
  max-width: 615px;
  margin: 2% auto;
}

.container-warsaw,
.container-warsaw-atualiza,
.container-vm,
.disp-container{
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .12);
}

.container-imagem-nuvem-dowload {
  display: flex;
}

.texto-warsaw {
  color: #666;
}

.btn-warsaw {
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid white;
  white-space: nowrap;
  padding: 6px 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  border-radius: 4px;
  background-color: #64c832;
  ;
  color: #FFF;
  text-decoration: none;
  display: inline-block;
}

.btn-warsaw:active {
  background-color: #FFF;
  color: #64c832;
  border: 1px solid #64c832;
}

.imagem-nuvem-download {
  justify-content: center;
  margin: 15px auto;
}

.select-usuario-invalido{
  border: 1px #EEAB00 solid;
}

#select-erro{
  display: none;
  font-size: 14px;
  color: #EEAB00;
  margin-left: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

#depois-download {
  display: none;
  font-size: 16px;
}

#idInfo {
  margin-top: 3%;
  font-family: Arial, Helvetica, sans-serif;
  color: #64c832;
  font-size: 1em;
  text-align: justify;
  border: 1px solid #ebebee;
  border-radius: 4px;
  height: auto;
  padding: 15px 15px 15px 15px;
  display: flex;
  flex-direction: column;
}

#texto-seguranca {
  color: #64c832;
}

#links {
  display: flex;
  justify-content: center;
}

#loading {
  margin-left: 44%;
  display: none;
}

#loading-testa-entrada {
  max-width: 40px;
  margin-left: 44%;
}

#errorBoxContainer {
  display: none;
}

#logo-sicredi {
  max-height: 80px;
}

#formLogin {
  margin-bottom: 10px;
  margin-top: 15px;
}

#cpfInvalido {
  display: none;
}

#agenciaConta {
  display: none;
}

#agenciaInvalida {
  display: none;
}

#contaInvalida {
  display: none;
}

#secureForm {
  margin-bottom: 30px;
}

#idSecundarios {
  margin-bottom: 20px;
}

#infoSenha {
  margin-bottom: 0px;
}

#password {
  margin-top: 0px;
  padding-top: 0px;
}

#avancar-login {
  margin-top: 30px;
}

#usuarioInvalido {
  display: none;
}

#cnpj-info,
#razao-social-info{
  font-weight: bold;
}

#cnpjInvalido {
  display: none;
}

#texto-disp-instalado {
  font-size: 12px;
  font-weight: bold;
  color: #64c832;
  transform: translateY(-10px);
  margin-bottom: 1px;
}

#text-disp-nao-instalado {
  font-size: 10px;
  font-weight: bold;
  color: rgb(214, 21, 21);
  transform: translateY(-15px);
}

#texto-disp-instalado, #text-disp-nao-instalado {
  font-style: italic;
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px 5px;
}

#texto-cadastro-pj {
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  color: #666;
  text-align: justify;
  margin: 0 auto;
}

#dispNaoInstalado {
  display: none;
  justify-content: center;
  padding-left: 25px;
  padding-right: 25px;
}

#dispInstalado {
  display: none;
  justify-content: center;
  padding-left: 25px;
  padding-right: 25px;
}

#img-cadeado-verde {
  height: 71px;
  margin-left: 27%;
}

#img-cadeado-vermelho {
  height: 56px;
  padding-left: 32%;
}

#dispMsg {
  display: none;
  justify-content: center;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 110px;
  max-height: 100px;
  overflow: visible;
}

@media all and (min-width:0\0) {
  /* IE */
  #dispMsg {
    height: 100px;
  }
}

#maisDados {
  margin-top: 15px;
}

#email-seguranca {
  color: #64c832;
}

#link-cadastro-representante-pj {
  text-decoration: underline;
  color: #64c832;
}

@media all and (max-device-height: 799px){
  .container-logo{
    margin-top: 0.5%;
  }
}

/* nao mudar a ordem! */
@media all and (max-device-width: 1600px) and (max-device-height: 900px) {
  .login-container {
    min-width: 323px;
    max-width: 323px;
    margin: 0 auto;
    min-height: 395px;
  }
  #logo-sicredi {
    max-height: 64px;
  }
  .campo {
    font-size: 1em;
  }
  .btnAvancar,
  .btnAvancarDesativado {
    font-size: 1em;
  }
  .btn {
    font-size: 1em;
    height: 35px;
  }
  .styled-select.slate select {
    font-size: 0.7em;
  }
  .btnDisp {
    font-size: 12px;
  }
  .campo .a-campoEntrada {
    height: 30px;
    padding: 0 15px 0 15px;
    border-bottom: 2px solid #E5EDE8;
  }
  .labelErro {
    font-size: 10px;
  }
  .pass {
    font-size: x-large !important;
  }
  .entrada {
    width: 100%;
    margin-bottom: 10px;
  }
  #texto-cadastro-pj {
    font-size: 0.9em;
  }
  #loading {
    max-width: 40px;
  }
  #secureForm {
    margin-bottom: 5px;
  }
  #avancar-login {
    margin-top: 10px;
  }
  #maisDados {
    margin-top: 15px;
  }
}

@media all and (max-device-width: 1366px) and (max-device-height: 768px) {
  #serverError {
    font-size: 12px;    
  }
  .fique-atento-texto {
    margin-top: 5px;
  }
  .disp-texto {
    font-size: 12px;
  }
  .disp-container {
    min-width: 860px;
  }
  #dispMsg {
    bottom: 70px;
    max-height: 90px;
  }
  @media all and (min-width:0\0) {
    /* IE */
    #dispMsg {
      height: 90px;
    }
  }
  #img-cadeado-vermelho {
    height: 47px;
    padding-left: 35%;
  }
  #img-cadeado-verde {
    height: 62px;
    margin-left: 29%;
  }
  #idInfo {
    font-size: 0.8em;
  }
}

@media all and (max-device-width: 1280px) and (max-device-height: 1024px) {
  .fique-atento-texto {
    margin-top: 5px;
  }
  #dispMsg {
    bottom: 100px;
    max-height: 100px;
  }
  @media all and (min-width:0\0) {
    /* IE */
    #dispMsg {
      height: 100px;
    }
  }
  #img-cadeado-vermelho {
    height: 56px;
    padding-left: 32%;
  }
  #img-cadeado-verde {
    height: 72px;
    margin-left: 25%;
  }  
}

@media all and (max-device-width: 1280px) and (max-device-height: 960px) {
  .login-container {
    min-height: 410px;
  }
  .fique-atento-texto {
    margin-top: 5px;
  }
  #dispMsg {
    bottom: 100px;
    max-height: 100px;
  }
  @media all and (min-width:0\0) {
    /* IE */
    #dispMsg {
      height: 100px;
    }
  }
  #img-cadeado-vermelho {
    height: 53px;
    padding-left: 33%;
  }
  #img-cadeado-verde {
    height: 70px;
    margin-left: 27%;
  }
}

@media all and (max-device-width: 1280px) and (max-device-height: 800px) {
  #serverError {
    font-size: 12px;
  }
  .login-container {
    min-width: 285px;
    max-width: 285px;
    margin: 0 auto;
    min-height: 365px;
  }
  .fique-atento-texto {
    margin-top: 5px
  }
  .campo {
    font-size: 0.9em;
  }
  .btnAvancar,
  .btnAvancarDesativado {
    font-size: 0.9em;
  }
  .disp-container {
    min-width: 860px;
  }
  .btn {
    font-size: 0.9em;
    height: 32px;
  }
  .styled-select.slate select {
    font-size: 0.7em;
  }
  .disp-texto {
    font-size: 12px;
  }
  .btnDisp {
    font-size: 0.7em;
  }
  .campo .a-campoEntrada {
    height: 40px;
    padding: 0 15px 0 15px;
    border-bottom: 2px solid #E5EDE8;
  }
  .labelErro {
    font-size: 10px;
  }
  .pass {
    font-size: x-large !important;
  }
  .entrada {
    width: 100%;
    margin-bottom: 10px;
  }
  #idInfo {
    font-size: 0.8em;
  }
  #logo-sicredi {
    max-height: 56px;
  }
  #texto-cadastro-pj {
    font-size: 0.6em;
  }
  #loading {
    max-width: 40px;
  }
  #secureForm {
    margin-bottom: 5px;
  }
  #avancar-login {
    margin-top: 10px;
  }
  #img-cadeado-vermelho {
    height: 50px;
    padding-left: 33%;
  }
  #img-cadeado-verde {
    height: 62px;
    margin: 0px 29%;
  }
  #maisDados {
    margin-top: 15px;
  }
  #dispMsg {
    bottom: 70px;
    max-height: 90px;
  }
  @media all and (min-width:0\0) {
    /* IE */
    #dispMsg {
      height: 90px;
    }
  }
}

@media all and (max-device-width: 1280px) and (max-device-height: 720px) {
  #serverError {
    font-size: 12px;
  }
  .login-container {
    min-width: 244px;
    max-width: 244px;
    margin: 0 auto;
    min-height: 280px;
  }
  .campo {
    font-size: 12px;
  }
  .disp-container {
    min-width: 860px;
  }
  .fique-atento-texto {
    margin-top: 5px;
  }
  .btnAvancar,
  .btnAvancarDesativado {
    font-size: 12px;
  }
  .btn {
    font-size: 12px;
    height: 28px;
  }
  .styled-select.slate select {
    font-size: 0.7em;
  }
  .disp-texto {
    font-size: 12px;
  }
  .btnDisp {
    font-size: 0.7em;
  }
  .campo .a-campoEntrada {
    height: 30px;
    padding: 0 15px 0 15px;
    border-bottom: 2px solid #E5EDE8;
  }
  .labelErro {
    font-size: 10px;
  }
  .pass {
    font-size: x-large !important;
  }
  .entrada {
    width: 100%;
    margin-bottom: 10px;
  }
  #maisDados {
    margin-top: 15px;
  }
  #idInfo {
    font-size: 0.8em;
  }
  #logo-sicredi {
    max-height: 48px;
  }
  #loading {
    max-width: 40px;
  }
  #secureForm {
    margin-bottom: 5px;
  }
  #texto-cadastro-pj {
    font-size: 0.6em;
  }
  #avancar-login {
    margin-top: 10px;
  }
  #img-cadeado-vermelho {
    height: 50px;
    padding-left: 30%;
  }
  #img-cadeado-verde {
    height: 63px;
    margin: 0px 27%;
  }
}

@media all and (max-device-width: 1280px) and (max-device-height: 600px) {
  .container-logo {
    margin-top: 3px;
  }
  .login-container {
    min-width: 244px;
    max-width: 244px;
    margin: 0 auto;
    min-height: 255px;
  }  
  #serverError {
    font-size: 12px;
}
  .fique-atento-texto {
    margin-top: 0px;
    font-size: 12px;
  }
  #dispMsg {
    display: none;
    justify-content: center;
    background-color: #fff;
    margin: 0;
    bottom: 63px;
    max-height: 72px;
  }
  @media all and (min-width:0\0) {
    /* IE */
    #dispMsg {
      height: 72px;
    }
  }
  .campo {
    font-size: 0.7em;
  }
  .btnAvancar,
  .btnAvancarDesativado {
    font-size: 0.7em;
  }
  .disp-container {
    min-width: 770px;
  }
  .btn {
    font-size: 0.7em;
    height: 28px;
  }
  .styled-select.slate select {
    font-size: 0.7em;
  }
  .disp-texto {
    font-size: 10px;
  }
  .btnDisp {
    font-size: 0.7em;
  }
  .campo .a-campoEntrada {
    height: 30px;
    padding: 0 15px 0 15px;
    border-bottom: 2px solid #E5EDE8;
  }
  .labelErro {
    font-size: 10px;
  }
  .pass {
    font-size: x-large !important;
  }
  #texto-cadastro-pj {
    font-size: 0.6em;
  }
  .entrada {
    width: 100%;
    margin-bottom: 10px;
  }
  #idInfo {
    font-size: 0.7em;
  }
  #text-disp-nao-instalado {
    font-size: 9px;
  }
  #logo-sicredi {
    max-height: 48px;
  }
  #loading {
    max-width: 40px;
  }
  #secureForm {
    margin-bottom: 5px;
  }
  #avancar-login {
    margin-top: 10px;
  }
  #img-cadeado-vermelho {
    height: 40px;
    padding-left: 35%;
  }
  #img-cadeado-verde {
    height: 46px;
    margin: 0px 30%;
  }
  #maisDados {
    margin-top: 15px;
  }
}

@media all and (max-device-width: 1152px) and (max-device-height: 864px) {
  html, body {
    height: 85%;
  }
  .login-container {
    min-width: 244px;
    max-width: 244px;
    margin: 0 auto;
    min-height: 255px;
  }
  .disp-container {
    min-width: 857px;
  }
  .campo {
    font-size: 12px;
  }
  .btnAvancar,
  .btnAvancarDesativado {
    font-size: 12px;
  }
  .fique-atento-texto {
    margin-top: 0px;
  }
  .btn {
    font-size: 0.7em;
    height: 28px;
  }
  .styled-select.slate select {
    font-size: 0.7em;
  }
  .disp-texto {
    font-size: 12px;
  }
  .btnDisp {
    font-size: 0.7em;
  }
  .campo .a-campoEntrada {
    height: 30px;
    padding: 0 15px 0 15px;
    border-bottom: 2px solid #E5EDE8;
  }
  .labelErro {
    font-size: 10px;
  }
  .pass {
    font-size: x-large !important;
  }
  .entrada {
    width: 100%;
    margin-bottom: 10px;
  }
  #idInfo {
    font-size: 0.7em;
  }
  #logo-sicredi {
    max-height: 48px;
  }
  #texto-cadastro-pj {
    font-size: 0.6em;
  }
  #secureForm {
    margin-bottom: 5px;
  }
  #serverError {
    font-size: 12px;
  }
  #loading {
    max-width: 40px;
  }
  #avancar-login {
    margin-top: 10px;
  }
  #img-cadeado-vermelho {
    height: 46px;
    padding-left: 33%;
  }
  #img-cadeado-verde {
    height: 58px;
    margin: 0px 30%;
  }
  #maisDados {
    margin-top: 15px;
  }
  #dispMsg {
    bottom: 70px;
    max-height: 95px;
  }
  @media all and (min-width:0\0) {
    /* IE */
    #dispMsg {
      height: 95px;
    }
  }
}

@media all and (max-device-width: 1024px) and (max-device-height: 768px){
  #serverError {
    font-size: 12px;
  }
}

@media all and (max-device-width: 800px) and (max-device-height: 600px) {
  html, body {
    height: 85%;
  }
  #serverError {
    font-size: 12px;
  }
  .login-container {
    min-width: 244px;
    max-width: 244px;
    margin: 0 auto;
    min-height: 255px;
  }
  .campo {
    font-size: 0.7em;
  }
  .btnAvancar, 
  .btnAvancarDesativado {
    font-size: 0.7em;
  }
  .disp-container {
    min-width: 740px;
  }
  .btn {
    font-size: 0.6em;
    height: 25px;
  }
  .styled-select.slate select {
    font-size: 0.7em;
  }
  .disp-texto {
    font-size: 10px;
  }
  .fique-atento-texto {
    margin-top: 0px;
    font-size: 12px;
  }
  .btnDisp {
    font-size: 0.6em;
  }
  .campo .a-campoEntrada {
    height: 30px;
    padding: 0 15px 0 15px;
    border-bottom: 2px solid #E5EDE8;
  }
  .labelErro {
    font-size: 10px;
  }
  .pass {
    font-size: x-large !important;
  }
  .entrada {
    width: 100%;
    margin-bottom: 10px;
  }
  #logo-sicredi {
    max-height: 48px;
  }
  #idInfo {
    font-size: 0.7em;
  }
  #texto-cadastro-pj {
    font-size: 0.6em;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    text-align: justify;
    margin: 0 auto;
  }  
  #loading {
    max-width: 40px;
  }
  #secureForm {
    margin-bottom: 5px;
  }
  #avancar-login {
    margin-top: 10px;
  }
  #dispNaoInstalado {
    padding-left: 16px;
    padding-right: 12px;
  }
  #img-cadeado-vermelho {
    height: 40px;
    padding-left: 35%;
  }
  #img-cadeado-verde {
    height: 45px;
    margin: 0px 30%;
  }
  #texto-disp-instalado {
    font-size: 9px;
  }
  #text-disp-nao-instalado {
    font-size: 9px;
    margin-top: 10px;
  }
  #maisDados {
    margin-top: 15px;
  }
  #dispMsg {
    bottom: 60px;
    max-height: 74px;
  }
  @media all and (min-width:0\0) {
    /* IE */
    #dispMsg {
      height: 74px;
    }
  }
}