body {
  font-family: "Open Sans", "Arial";
  font-size: 14px;
  color: #33444c;
  background-color: #f8f9fa; }

a,
a:link,
a:focus,
a:hover {
  text-decoration: none; }

button,
button:active,
button:hover,
button:focus {
  outline: 0;
  border: 0;
  border-image-width: 0; }

.titulo {
  font-weight: bold;
  font-size: 16px; }

.box {
  padding: 1rem;
  background-color: white;
  border-radius: 3px;
  -webkit-box-shadow: 5px 1px 50px 5px #ddd;
  box-shadow: 5px 1px 50px 5px #ddd;
  margin: .5rem;
  margin-bottom: 3rem; }
  @media (min-width: 992px) {
    .box {
      padding: 2.5rem; } }

.box2 {
  border: 2px dashed #ef5350; }

.texto__negro {
  color: #000; }

.link_datosacceso {
  display: inline-block;
  color: #ef5350;
  font-size: 14px;
  padding-top: 1rem;
  font-weight: bold;
  text-decoration: none; }

.link_nuevoregistro {
  display: inline-block;
  color: white;
  background-color: #ef5350;
  font-size: 14px;
  padding: .5rem .5rem;
  /* margin-bottom: 5rem; */
  border-radius: .3rem;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .link_nuevoregistro:hover, .link_nuevoregistro:focus {
    color: white;
    background-color: #f62926; }
  @media (min-width: 992px) {
    .link_nuevoregistro {
      font-size: 15px;
      padding: .7rem 2rem; } }

.bot {
  display: inline-block;
  color: white;
  background-color: #33444c;
  font-size: 14px;
  line-height: 14px;
  padding: .7rem 3rem;
  margin: 0;
  border-radius: .3rem;
  outline-style: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .bot:hover, .bot:focus {
    color: white;
    background-color: #4b6470; }

.bot__verde {
  background-color: #4dbd74; }
  .bot__verde .fa {
    color: #4dbd74; }

.bloqueada {
  font-size: 1rem;
  font-weight: bold;
  color: #ef5350;
  background-color: #f8dfdd;
  border-radius: .7rem; }
  @media (min-width: 768px) {
    .bloqueada {
      font-size: 1.2rem; } }
  .bloqueada__titulo {
    font-size: 1.2rem; }
    @media (min-width: 768px) {
      .bloqueada__titulo {
        font-size: 2rem; } }
  .bloqueada .fa {
    color: #ef5350; }

.exito {
  font-size: 1rem;
  font-weight: bold;
  color: #3a9d5d;
  background-color: #e2f4e8;
  border-radius: .7rem; }
  @media (min-width: 768px) {
    .exito {
      font-size: 1.2rem; } }
  .exito__titulo {
    font-size: 1.2rem; }
    @media (min-width: 768px) {
      .exito__titulo {
        font-size: 2rem; } }
  .exito .fa {
    color: #4dbd74; }

.noti__sending,
.noti__error,
.noti__success,
.noti__information {
  display: block;
  color: #333;
  font-size: 16px;
  padding: 10px 15px;
  margin-top: .5rem;
  margin-bottom: .5rem;
  border-radius: 5px; }
  .noti__sending .fa,
  .noti__error .fa,
  .noti__success .fa,
  .noti__information .fa {
    font-size: 20px; }

.noti__error {
  color: #b36b00;
  border: 2px solid #ffd699;
  background-color: #ffefb9; }
  .noti__error .fa {
    color: #cc7a00; }

.noti__success {
  color: #338a52;
  border: 2px solid #97d9ae;
  background-color: #f1faf4;
  z-index: 999999999; }
  .noti__success .fa {
    color: #4dbd74; }

.noti__sending {
  color: #167495;
  border: 0;
  background-color: #ccecf8; }
  .noti__sending .fa {
    color: #20a8d8; }

.noti__information {
  color: #1985ac;
  border: 0;
  background-color: #f0f9fd; }
  .noti__information .fa {
    color: #20a8d8; }
  .noti__information--naranja {
    font-size: .9rem;
    color: #cc7a00;
    background-color: #ffebcc; }