html, body {
  width: 100%;
  background: #343a40;
  color: #fafafa; }

.form-row {
  max-width: 400px; }

#logo img {
  width: 100%; }

input, .input-group-text {
  background-color: transparent !important;
  border: solid 1px transparent !important;
  color: #8797a4 !important; }

.input:focus, .input:hover {
  outline: 0 !important;
  box-shadow: none !important; }

.input-group-text {
  border-right: none !important;
  padding-right: 1px; }

.input-group {
  border: 1px solid #3b4852 !important;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: all 0.2s ease-in-out; }

.input-group:focus, .input-group:hover {
  outline: 0 !important;
  background: #3b4852 !important; }

.form-control:focus, .form-control:hover {
  color: #FAFAFA !important; }

.errornote {
  margin: none;
  color: #ff5e70;
  max-width: 390px; }

.msg_suspensao {
  margin: none;
  color: #ff5e70;
  max-width: 390px;
  border: 1px solid #3b4852;
  padding: 20px;
  border-radius: 3px; }

.msg_suspensao a:link, .msg_suspensao a:active, .msg_suspensao a:visited {
  color: #eee; }

@media (min-width: 992px) {
  .form-cont {
    text-align: left !important; }
  #logo {
    border-right: solid 1px #3b4852;
    padding: 80px 100px 100px 0px; }
  #login {
    padding-left: 100px; } }

@media (max-width: 991px) {
  .form-row {
    margin: 40px auto; }
  .errornote {
    margin: auto; } }

img {
  max-height: 150px; }

#entrar {
  background-color: #3b4852;
  border-color: #3b4852;
  color: #fff;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); }

#entrar:hover {
  background-color: #3b4852;
  border-color: #607D8B !important; }

#version {
  color: #607D8B; }

@media (min-width: 2560px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1320px; } }