html,
body {
      box-sizing: border-box;
      overflow-x: hidden;
      height: 100%;
}

*,
*:before,
*:after {
      box-sizing: inherit;
}

body#login {
      background-color: #949494;
}

div.contenedor_login {
      display: relative;
      height: 100%;
}

div.caja_login {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 30%;
      background-color: #fff;
      padding: 1.5rem;
      border-radius: 10px;
      -webkit-box-shadow: 0px 0px 28px -11px #000000; 
      box-shadow: 0px 0px 28px -11px #000000;
}

div.caja_login input {
      padding: 1.5rem;
      margin-bottom: 1.5rem;
      border-radius: 5px;
      font-size: 1rem;
}

div.caja_login input::placeholder {
      color: #b6b6b6;
}

div.caja_login input:focus {
      outline: none!important;
      box-shadow: none!important;
}

div.caja_login div.icono_login {
      margin: 1.5rem auto;
      text-align: center;
}

div.caja_login i {
      font-size: 1.5rem;
      background-color: turquoise;
      padding: 1rem;
      color: #fff;
      border-radius: 100%;
      height: 60px;
      width: 60px;
      -webkit-box-shadow: 0px 0px 8px -5px #000000;
      box-shadow: 0px 0px 8px -5px #000000;
}

div.caja_login h2 {
      font-size: 1.4rem;
      text-align: center;
      margin-bottom: 1.5rem;
}

div.caja_login p {
      text-align: center;
      margin-top: 1.5rem;
      font-size: .8rem;
      cursor: pointer;
      transition: all .3s ease;
      color: #666;
}

div.caja_login p:hover {
      color: #000;
}

button.boton_ingreso {
      padding: .6rem;
      border: none;
      width: 100%;
      border-radius: 5px;
      transition: all .3s ease;
      font-size: 1.1rem;
      -webkit-box-shadow: 0px 0px 8px -5px #000000;
      box-shadow: 0px 0px 8px -5px #000000;
}

button.boton_ingreso:hover {
      background-color: #333;
      color: #fff;
}

button.boton_ingreso:focus {
      outline: none!important;
}

div#olvido_password {
      display: none;
}