/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
   
}
body {
    min-height: 100vh;
    height: 100%;
    background-image: -webkit-linear-gradient(-315deg,#014380 0,#FFF 25%,#FFF 75%,#F29303 100%);
    background-image: -moz-linear-gradient(-315deg,#014380 0,#FFF 25%,#FFF 75%,#F29303 100%);
    background-image: -o-linear-gradient(-315deg,#014380 0,#FFF 25%,#FFF 75%,#F29303 100%);
    background-image: linear-gradient(45deg,#014380 0,#FFF 25%,#FFF 75%,#F29303 100%);
    will-change: scroll-position;
}


#superposicion, #superposicionH {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color:  rgba(255, 255, 255,0.5) ;
 z-index: 9999;
}
@keyframes pulse {
 0%, 100% {
  letter-spacing: 12.5px;
  left: calc(50% + (25px/2));
 }

 50% {
  letter-spacing: 6.25px;
  left: 50%;
 }
}

.validacion {
 position: absolute;
 top: calc(50% - (25px/2));
 left: 50%;
 font-size: 100px;
 color: rgb(523, 126, 20);
 letter-spacing: 6.25px;
 font: bold 25px sans-serif;
 animation: pulse 1.5s infinite;
 margin-left: -100px;
}
.obligatorio {
 color: red;
}