.sombraRegistro {
  position: absolute;
  display: none;
  top: 9rem;
  left: 0;
  bottom: 0;
  z-index: 11;
  background: #fff;
  overflow: hidden;
  width: 100%;
  opacity: 0.75;
  filter: alpha(opacity=90);
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.cont-registro-ap {
  position: fixed;
  width: 100%;
  display: none;
  right: 0;
  bottom: 0;
  background: #f1f1f1;
  z-index: 100000;
  top: 69px;
  -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
  -moz-transition: left 0.3s ease-out, right 0.3s ease-out;
  -ms-transition: left 0.3s ease-out, right 0.3s ease-out;
  -o-transition: left 0.3s ease-out, right 0.3s ease-out;
  transition: left 0.3s ease-out, right 0.3s ease-out;
  padding-top: 15px;
  padding-bottom: 15px;
  height: max-content;
}

.cont-registro-tabs {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .cont-registro-ap {
    width: 35%;
  }
}

@media (min-width: 992px) {
  .cont-registro-ap {
    top: 9.9rem;
    width: 30%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0rem !important;
  }

  .cont-registro-tabs {
    margin-top: auto;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .cont-registro-ap {
    width: 24%;
  }
}

@media (min-width: 1400px) {
  .cont-registro-ap {
    width: 18%;
  }
}