.image-container{
    background: url('/img/images/banner_ob.png');
    background-size: cover;
}

.form-container{
  justify-content: center;
  text-align: center;
}

@media only screen and (min-width: 790px) {
  .form-container .form-group{
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
  }
  .btn-iniciar{
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
  }
  .form-container{
    margin-top: 30px;
  }

}

/* Submit */

.spinner{
  display: none;
}


/* Datatables */
.dataTable tbody{
  color: #000000;
}


/*Loader*/
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('/img/images/banner_ob.png') 50% 50% no-repeat rgb(249,249,249);
  opacity: .8;
}



.centrado{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.hidden{
  overflow: hidden;
}

@keyframes ldio-6fqlsp2qlpd {
0% { background: #21b9bb }
12.5% { background: #21b9bb }
12.625% { background: #2f4050 }
100% { background: #2f4050 }
}
.ldio-6fqlsp2qlpd div {
position: absolute;
width: 40px;
height: 40px;
background: #2f4050;
animation: ldio-6fqlsp2qlpd 1s linear infinite;
}
.loadingio-spinner-blocks-zcepr5tohl {
width: 200px;
height: 200px;
display: inline-block;
overflow: hidden;
background: #ffffff;
}
.ldio-6fqlsp2qlpd {
width: 100%;
height: 100%;
position: relative;
transform: translateZ(0) scale(1);
backface-visibility: hidden;
transform-origin: 0 0; /* see note above */
}
.ldio-6fqlsp2qlpd div { box-sizing: content-box; }