body{
  padding-top:0px;}

.footer-blurb{
  padding:30px 0;
  text-align:center;
  background-color:#87cefa;}

.footer-blurb h3{
  color:#191970}

.container.encabezado {
    margin-left: 5px !important;}

.container.encabezado2 {
    margin-left: 50px !important;}

.wrapper{
    width: 360px; padding: 20px; }

span.glyphicon {
    position: fixed !important;}

.footer-blurb-item{
  padding:30px 0}

.copyright{
  background-color:#fff;
  text-align:center;
  padding:30px 0}

#pag-header {
    padding-bottom: 9px;
    margin: 25px 20px -3px;
    border-bottom: 1px solid #eee;
}


div#tiempo{
    margin-left: 50px !important;
    margin-right: 50px !important;
    margin-bottom: 0%;
    border-style: solid !important;
    border-color: blue;
    padding-left: 15px;
    padding-top: 15px;
  }

div#descarga{
    margin-left: 50px !important;
    margin-right: 50px !important;
    margin-bottom: 2%;
    padding-left: 15px;
    padding-top: 15px;
  }

span.tempo{
  font-size: 1em !important;
  color: red !important;
}

span.respuesta{
  font-size: 1em !important;
  color: red !important;
}


.row.parrafos{
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-top:15px;
    border-style: solid;
    border-color: #6f491d;
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

.row.parrafos2{
    margin-bottom: 0px;
    padding-bottom: 15px;
  }

.fichas{
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-top:5px;
    border-style: solid;
    border-color: #6f491d;
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
  }


 
div.aviso{
    margin-left: 50px !important;
    color: blue !important;
}

.titulo_item{
  color:#6f491d;
}

.respuesta.col-md-6 {
    margin-right: 10%;
    border: beige;
    border-style: inset;
    width: 35%;
  }

.respuesta2.col-md-8 {
    padding: 10px;
    margin-right: 15%;
    margin-bottom: 10px;
    border: beige;
    border-style: inset;
    width: 30%;
    display: inline-flex;
  }
.row.margen{
  margin-left: 10%;
  margin-bottom: 25px;
}

.titulo1{
  font-size: 18px;
  margin-bottom: 0px;
  display: ruby;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.titulo2{
  font-size: 18px;
  margin-bottom: 0;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: baseline;
}

label.respuestas {
  display: contents;
  position: relative;
  padding-left: 350px;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.marcasion{
  display:block;
  float: none;
  vertical-align: text-top;
}

.none { display:none; }
.showDIV { display:block; }


.rojo{ background-color: indianred; }
.verde{ background-color: greenyellow;}
div#verif{ background-color: transparent;}
.error {color: #FF0000;}


/* transparent */
/********** estilos login form *************/
* {box-sizing: border-box;}
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;}
.icon {
  padding: 10px;
  background: dodgerblue;
  color: white;
  min-width: 50px;
  text-align: center;}
.input-field {
  width: 100%;
  padding: 10px;
  outline: none;}
.input-field:focus {
  border: 2px solid dodgerblue;}
/* Set a style for the submit button */
.btn {
  background-color: dodgerblue;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;}
.btn:hover {
  opacity: 1;}

input[type="submit"] {
  width: 200px;
}

/* Estilo personalizado para la línea HR */
.hr-custom {
   height: 3px; /* Grosor de la línea */
   background-color: #8C7AA7; /* Color  */
   border: none; /* Elimina el borde predeterminado */
   opacity: 1; /* Asegura que el color se muestre completo, anulando la opacidad de Bootstrap */
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

th, td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  text-align: center !important;
}


table.seguimiento {
  font-size: 12px !important;
}

#resultados div {
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ccc;
    margin-top: -1px; /* Evita doble borde */
    background-color: #f9f9f9;
}

#resultados div:hover {
    background-color: #e0e0e0;
}

.ficha_tit {
  font-size: 1.25em;
  font-weight: bold;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 0.5em;
  margin-bottom: 0px;
}

.ficha_parr {
  font-size: 1em;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 0px;
}

.Filtros{
  margin-bottom: 5px;
}

.filtroPclave{
  margin-left: 10px;
}

.container.tabla{
  margin-top: 0rem !important;
  margin-right: 3% !important;
  margin-left: 3% !important;
  max-width: fit-content !important;
}

.linea{
  float: none;
  width: 100%;
  padding-top: 10px;
  display: inline-flex !important;
}

.claves.col-2{
  margin-top: 5px;
  border-right: 1px solid #6f491d; 
}

.pclaves{
  font-size: 0.9em;
  margin-top: 0em !important; 
  margin-bottom: 0.25em !important; 
}


/******* Estilos personalizados para el select */
select {
  width: 150px;
  transition: width 0.2s;
}

select:focus {
  width: 300px;
}