body {
  background: -webkit-linear-gradient(to left, #dc24306b, #9106579d), url('../../clinica/painel/images/01.png') no-repeat;  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #dc243000, #91065709), url('../../clinica/painel/images/.png') no-repeat;   /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: cover;
  display: flex;
  justify-content: center;

}

.login {
  width: 360px;
  margin: auto;
  padding: 10% 0 0 0;
}

.form {
  position: relative;  /* posição relativa da pagina */
  z-index: 1;  /* fica sobre a pagina anterior */
  background: #ffffff;  /* cor do formulario */
  max-width: 100%;  /* largura maxima do formulario igual ao tamanho do login */
  margin: 0 auto;  /* Margens internas do formulario */
  padding: 10px 45px;  /* afastamento interno do formulario */
  text-align: center;  /* alinhamento do texto dentro do formulario */
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);  /* efeito das bordas do formulario */
  
  border-radius: 20px;
}

.form input {
  font-family: "Verdana", sans-serif;
  outline: 0;
  background: #f2f2f200;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 11px;
  box-sizing: border-box;
  font-size: 14px;
}

.form button {
  font-family: "Verdana", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #910657; /*cor logo */
  width: 55%;
  border: 0;
  padding: 9px;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
  border-radius: 15px;
}

.form button:hover,
.form button:active,

.form button:focus {
  background: #db2c6f;
}

.imagem {
  margin-top: 0 auto;
  margin-bottom: 10px;
  width: 100px;
  pointer-events: none;
}

.recuperar {
  font-family: "Verdana", sans-serif;
  padding: 1% 0 0;
  margin-top: 0px;
  width: 100%;
  font-size: 14px;
  text-align: end;
  color: #910657;
  text-decoration: none;
}

.recuperar a {
  color: #910657 !important;
}

.recuperar:hover {
  color: #db2c6f;
  text-decoration: underline;
}

.myLine{
  top: 10px;
}

#input_login {
  border: 1px solid #771022;
  border-radius: 15px;
  outline: none;
}

#input_login:hover {
  border: 1px solid #ff3557;
  border-radius: 15px;
  outline: none;
}

#codigo-validacao {

  border: 1px solid #771022;
  border-radius: 15px;
  text-align: center;
}

#codigo-validacao:hover {

  border: 1px solid #ff3557;
  border-radius: 15px;
}

#contador {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 15px;
}

#label_contador {
  color: #910657
}

.color-tranparente {
  background-color: rgba(192, 192, 192, 0.055);
}

/* ini: Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff; /* cor do background que vai ocupar o body */
  z-index: 999; /* z-index para jogar para frente e sobrepor tudo */
}

#preloader .inner {
  position: absolute;
  top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
  left: 50%;
  transform: translate(-50%, -50%);
}