.lockscreen-logo-lg-1,
.lockscreen-logo-lg-2,
.lockscreen-logo-lg-3,
.lockscreen-logo-lg-4,
.lockscreen-logo-lg-5,
.lockscreen-logo-lg-6,
.lockscreen-logo-lg-7,
.lockscreen-logo-lg-8,
.lockscreen-logo-lg-9,
.lockscreen-logo-lg-10,
.lockscreen-logo-lg-11,
.lockscreen-logo-lg-12,
.lockscreen-logo-md-1,
.lockscreen-logo-md-2,
.lockscreen-logo-md-3,
.lockscreen-logo-md-4,
.lockscreen-logo-md-5,
.lockscreen-logo-md-6,
.lockscreen-logo-md-7,
.lockscreen-logo-md-8,
.lockscreen-logo-md-9,
.lockscreen-logo-md-10,
.lockscreen-logo-md-11,
.lockscreen-logo-md-12,
.lockscreen-logo-sm-1,
.lockscreen-logo-sm-2,
.lockscreen-logo-sm-3,
.lockscreen-logo-sm-4,
.lockscreen-logo-sm-5,
.lockscreen-logo-sm-6,
.lockscreen-logo-sm-7,
.lockscreen-logo-sm-8,
.lockscreen-logo-sm-9,
.lockscreen-logo-sm-10,
.lockscreen-logo-sm-11,
.lockscreen-logo-sm-12,
.lockscreen-logo-xs-1,
.lockscreen-logo-xs-2,
.lockscreen-logo-xs-3,
.lockscreen-logo-xs-4,
.lockscreen-logo-xs-5,
.lockscreen-logo-xs-6,
.lockscreen-logo-xs-7,
.lockscreen-logo-xs-8,
.lockscreen-logo-xs-9,
.lockscreen-logo-xs-10,
.lockscreen-logo-xs-11,
.lockscreen-logo-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.lockscreen-logo-xs-1,
.lockscreen-logo-xs-2,
.lockscreen-logo-xs-3,
.lockscreen-logo-xs-4,
.lockscreen-logo-xs-5,
.lockscreen-logo-xs-6,
.lockscreen-logo-xs-7,
.lockscreen-logo-xs-8,
.lockscreen-logo-xs-9,
.lockscreen-logo-xs-10,
.lockscreen-logo-xs-11,
.lockscreen-logo-xs-12 {
  float: center;
}
.lockscreen-logo-xs-12{
  width: 100%;
}
.lockscreen-logo-xs-11{
  width: 91.66666667%;
}
.lockscreen-logo-xs-10{
  width: 83.33333333%;
}
.lockscreen-logo-xs-9{
  width: 75%;
}
.lockscreen-logo-xs-8{
  width: 66.66666667%;
}
.lockscreen-logo-xs-7{
  width: 58.33333333%;
}
.lockscreen-logo-xs-6{
  width: 50%;
}
.lockscreen-logo-xs-5{
  width: 41.66666667%;
}
.lockscreen-logo-xs-4{
  width: 33.33333333%;
}
.lockscreen-logo-xs-3{
  width: 25%;
}
.lockscreen-logo-xs-2{
  width: 16.66666667%;
}
.lockscreen-logo-xs-1{
  width: 8.33333333%;
}

@media (min-width: 768px){
    .lockscreen-logo-sm-1,
    .lockscreen-logo-sm-2,
    .lockscreen-logo-sm-3,
    .lockscreen-logo-sm-4,
    .lockscreen-logo-sm-5,
    .lockscreen-logo-sm-6,
    .lockscreen-logo-sm-7,
    .lockscreen-logo-sm-8,
    .lockscreen-logo-sm-9,
    .lockscreen-logo-sm-10,
    .lockscreen-logo-sm-11,
    .lockscreen-logo-sm-12{
      float: center;
    }
    .lockscreen-logo-sm-12{
      width: 100%;
    }
    .lockscreen-logo-sm-11{
      width: 91.66666667%;
    }
    .lockscreen-logo-sm-10{
      width: 83.33333333%;
    }
    .lockscreen-logo-sm-9{
      width: 75%;
    }
    .lockscreen-logo-sm-8{
      width: 66.66666667%;
    }
    .lockscreen-logo-sm-7{
      width: 58.33333333%;
    }
    .lockscreen-logo-sm-6{
      width: 50%;
    }
    .lockscreen-logo-sm-5{
      width: 41.66666667%;
    }
    .lockscreen-logo-sm-4{
      width: 33.33333333%;
    }
    .lockscreen-logo-sm-3{
      width: 25%;
    }
    .lockscreen-logo-sm-2{
      width: 16.6666667%;
    }
    .lockscreen-logo-sm-1{
      width: 8.33333333%;
    }
}

@media (min-width: 1200px) {
    .lockscreen-logo-md-1,
    .lockscreen-logo-md-2,
    .lockscreen-logo-md-3,
    .lockscreen-logo-md-4,
    .lockscreen-logo-md-5,
    .lockscreen-logo-md-6,
    .lockscreen-logo-md-7,
    .lockscreen-logo-md-8,
    .lockscreen-logo-md-9,
    .lockscreen-logo-md-10,
    .lockscreen-logo-md-11,
    .lockscreen-logo-md-12 {
          float: center;
    }
    .lockscreen-logo-md-12 {
      width: 100%;
    }
    .lockscreen-logo-md-11 {
      width: 91.6666667%;
    }
    .lockscreen-logo-md-10 {
      width: 83.3333333%;
    } 
    .lockscreen-logo-md-9 {
      width: 75%;
    }
    .lockscreen-logo-md-8 {
      width: 66.6666667%;
    }
    .lockscreen-logo-md-7 {
      width: 58.3333333%;
    }
    .lockscreen-logo-md-6 {
      width: 50%;
    }
    .lockscreen-logo-md-5 {
      width: 41.6666667%;
    }
    .lockscreen-logo-md-4 {
      width: 33.3333333%;
    }
    .lockscreen-logo-md-3 {
      width: 25%;
    }
    .lockscreen-logo-md-2 {
      width: 16.6666667%;
    }
    .lockscreen-logo-md-1 {
      width: 8.3333333%;
    }
}

@media (min-width: 1920px) {
    .lockscreen-logo-lg-1,
    .lockscreen-logo-lg-2,
    .lockscreen-logo-lg-3,
    .lockscreen-logo-lg-4,
    .lockscreen-logo-lg-5,
    .lockscreen-logo-lg-6,
    .lockscreen-logo-lg-7,
    .lockscreen-logo-lg-8,
    .lockscreen-logo-lg-9,
    .lockscreen-logo-lg-10,
    .lockscreen-logo-lg-11,
    .lockscreen-logo-lg-12 {
        float: center;
    }
    .lockscreen-logo-lg-12 {
      width: 100%;
    }
    .lockscreen-logo-lg-11 {
      width: 91.6666667%;
    }
    .lockscreen-logo-lg-10 {
      width: 83.3333333%;
    }
    .lockscreen-logo-lg-9 {
      width: 75%;
    }
    .lockscreen-logo-lg-8 {
      width: 66.6666667%;
    }
    .lockscreen-logo-lg-7 {
      width: 58.3333333%;
    }
    .lockscreen-logo-lg-6 {
      width: 50%;
    }
    .lockscreen-logo-lg-5 {
      width: 41.6666667%;
    }
    .lockscreen-logo-lg-4 {
      width: 33.3333333%;
    }
    .lockscreen-logo-lg-3 {
      width: 25%;
    }
    .lockscreen-logo-lg-2 {
      width: 16.666666%;
    }
    .lockscreen-logo-lg-1 {
      width: 8.3333333%;
    }
}

body{
    background: #d2d6de;
    font-family: 'Libre Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    max-width: auto;
    min-height: auto;
  }

  #container{
        /*width: 70%;*/
        width:auto;
        margin: 0px auto;
        border: 1px solid black;
  }

  header{
    background: #E1E2E5;
    height: 100px;
    width: 100%;
    text-align: center;
    line-height: 100px;
    
  }

  #content{
    float:right;
    width: 54%;
    height: 450px;
    background: #d2d6de;
    border-left: 2px solid rgb(192, 192, 192);
    text-align: center;
    line-height: 0px;
    margin: 2% auto;
  }

  aside{
    float:left;
    width: 46%;
    max-width: 460%;
    height: 450px;
    background: #d2d6de;
    text-align: center;
    font-size: auto;
    color: #333;
    line-height: 310px;
    margin: 0 auto;
    font-weight: 600;
  }

.lockscreen-logo{
    background: #d2d6de;
    height: auto;
    width: 100%;
    text-align: center;
    line-height: 180px;
    image: center;
}

.lockscreen-logoqr{
    background: blue;
    height: auto;
    width: 100%;
    text-align: center;
    line-height: 60px;
}

input-btns{
    text-align: center;
}

.redondeado {
border-radius: 1%;
border: 0;
height:0cap;
}


/*Aqui hay código de prueba*/

.lockscreen-wrap {
    max-width: 400px;
    margin: 10% auto;
    margin-top: 0%;
}

.colu-sm-4{
  margin: auto;
  height: 100px;
  width: 30%;
  text-align: center;
  margin: 10% auto;
}

.alert-custom{
  background-color: #008F45;
  color: white;
  font-size: 15px;
  height: 45px;
  width: 55%;
  text-align: center;
  margin: auto;
}

.alert-custdanger{
  background-color: rgba(180, 5, 5, 0.705);
  color: white;
  font-size: 15px;
  height: 45px;
  width: 55%;
  text-align: center;
  margin: auto;
}

.alert-customdanger{
  background-color: rgba(180, 5, 5, 0.705);
  color: white;
  font-size: 15px;
  
  margin: 50% auto;
}