/*
Javier Llakowski in da house
Name    : Control de acceso
Version : 1.10
Date    : 22/10/2018
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/* General */
body {
  /*background: linear-gradient(to bottom right, #213a53, #87e0ff);*/
  background: linear-gradient(to bottom right, #323b7b, #87e0ff);
  font-family: 'Roboto', sans-serif;
  height: 100vh;
}
p,
li {
  font-size: 13px;
}

/* Colores texto*/
.text-white {
  color: #ffffff;
}
.text-main {
  color: #fff;
}
/* Márgenes */
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-xl {
  margin-bottom: 40px;
}
/* Paddings */
.p-w-md {
  padding: 0 25px;
}
/* Caja Principal */
.thebox {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
/* Caja Recuperar Contraseña */
.thebox-pass {
  max-width: 500px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
/* Caja Formulario */
.form-box {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 45px;
  -webkit-box-shadow: 10px 5px 10px #555754;
  -moz-box-shadow:  10px 5px 10px #555754;
  box-shadow: 10px 5px 10px #555754;
}
/* FOOTER */
.footer-overlay {
  background: rgba(64,63,63,0.6);
  border-radius: 15px;
  padding: 10px;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.footer-overlay:hover {
  background: rgba(44,113,44,0.31);
  border-radius: 15px;
  padding: 10px;
}

.form-group .form-control-feedback, .form-group div .form-control-feedback {
  right: 10px !important;
  top: -25px;
  float: right;
}