#body { 
     background: #f8f8f8 !important; 
     font-family: Arial, Helvetica, sans-serif;
     padding-left:2em;
     padding-right:2em;
 } /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
 label{
  padding-top:2em;
 }
 #separacion{
  padding-top:2em;
  padding-bottom:2em;
  /*background-color:#ededed;*/
 }
 
 .minh-100 {
  height: 80vh;
 }
 
.divrespuesta {
width: 358px;
height: 60px;
margin-top: -30px;  /* la mitad del height en negativo para centrar */
margin-left: -179px; /* la mitad del width en negativo para centrar */
left: 50%;
top: 20%;
position: absolute;
border-width: 0px;
border-style: solid;
border-radius:10px;
font-size:22px;
color:brown;
/*background-color:gray;*/
z-index:99;
text-align: center;
 }
            
 .sinborde {
border: 0;
border-bottom: 1px solid #888 !important;
width:100%;
height: 2em;
background: #f8f8f8;
/*border: 1px solid red;*/
border: 0px;
outline: none;
 }
 select:invalid { color: gray; }
.white {color:#ffffff;}
        
.btn-black{background-color:#e9eb00;color: #000;font-weight: 300;border: 2px solid #000000;}
.btn-black:hover{background-color:#e9eb00;color: #000;font-weight: 300;border: 2px solid #000000;}