* {
  color: #000000;
}
body {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.container {
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
}
.vertical-center-row {
  display: table-cell;
  vertical-align: middle;
}
#recuperarAcessoLink {
  cursor: pointer;
  display: block;
  margin-top: 5px;
  color: #0170c1;
}
#mensagem {
  text-align: center;
  margin-top: 20px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
#div-navegador-incompativel {
  display: none;
  margin-bottom: 20px;
  width: 100%;
  max-width: 600px;
  margin: 20px auto 0 auto;
}
#div-navegador-incompativel > span {
  display: inline-block;
  padding: 5px;
  border: solid 1px #b8b403;
  background-color: #fffeee;
  color: #000;
  font-size: 12px;
}
#div-navegador-incompativel > span > label {
  color: #000;
}
#div-navegador-incompativel > span > label > a {
  color: #0170c1;
}
#div-direitos-reservados {
  margin-bottom: 20px;
}
ul[role="listbox"] > li:nth-child(even):hover,
ul[role="listbox"] > li.k-item.k-state-selected.k-state-focused {
  background-color: #202020;
}
.login-principal {
  width: 600px;
  margin: auto;
  display: table;
  min-height: 400px;
}
.login-principal > .login-logotipo {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center;
  background-color: #0170c1;
  border-radius: 16px;
  background-image: url('../../Images/Login/cadeado_chave.png');
  background-repeat: no-repeat;
  background-position: bottom 10px right 10px;
}
.login-principal > .login-logotipo > img.login-logo-sophia {
  width: 90%;
}
.login-principal > .login-logotipo > p.login-nome-sistema {
  color: white;
  font-size: 1.2em;
}
.login-principal > .login-formulario {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.login-principal > .login-formulario > p.login-titulo {
  font-size: 1.5em;
  color: #0170c1;
  font-weight: bold;
  margin-bottom: 20px;
}
.login-principal > .login-formulario > .login-campos {
  padding-right: 20px;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo {
  position: relative;
  margin-bottom: 20px;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo > i.login-icone {
  position: absolute;
  left: 10px;
  top: 14px;
  color: #0170c1;
  z-index: 1000;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo > i.login-ver-senha {
  position: absolute;
  right: 10px;
  top: 14px;
  color: silver;
  cursor: pointer;
  font-size: 1.1em;
  z-index: 1000;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo > .login-input {
  padding: 6px !important;
  border-radius: 4px;
  color: gray !important;
  background-color: #fbfbfb !important;
  height: auto !important;
  font-size: 1.2em;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo .login-input-icone {
  padding-left: 20px !important;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo > .login-info {
  color: gray;
  font-size: 1.2em;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo > .login-info > span {
  color: inherit;
  font-size: inherit;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo .k-dropdown-wrap {
  padding: 6px !important;
  border-radius: 4px;
  color: gray !important;
  background-color: #fbfbfb !important;
  height: auto !important;
  font-size: 1.2em;
  cursor: default;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo .k-dropdown-wrap:hover {
  border-color: black;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo .k-dropdown-wrap .k-input {
  color: gray !important;
}
.login-principal > .login-formulario > .login-campos > .login-linha-campo .k-select > .k-icon.k-i-arrow-60-down {
  margin-top: 12px;
}
.login-principal > .login-formulario > .login-campos #entrarInputButton {
  width: 100%;
  border-radius: 4px;
  padding: 6px;
  font-size: 1.2em;
  font-weight: bold;
  color: gray;
}
.login-principal > .login-formulario > .login-campos #entrarInputButton:focus,
.login-principal > .login-formulario > .login-campos #entrarInputButton:hover {
  color: white;
  border-color: #b9b9b9;
  background-color: silver;
}
.login-principal > .login-formulario > .login-campos #Senha {
  padding-right: 30px !important;
}
.k-popup .k-list .k-item {
  padding: 6px !important;
}
::placeholder {
  color: silver;
  opacity: 1;
  /* Firefox */
}
/* Edge 12-18 */
::-ms-input-placeholder {
  color: silver;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}