#contenedorPrincipal *{
  -webkit-transition: all .3s linear !important;
  -moz-transition: all .3s linear !important;
  -ms-transition: all .3s linear !important;
  -o-transition: all .3s linear !important;
  transition: all .3s linear !important;
}

#contenedorPrincipal{
  width: 100%;
  box-sizing: border-box;
  margin: 23px auto;
}

.seccionTitulo{
  width: 90%;
  margin: 0px auto 11px auto;
  padding: 7px auto;
}

.titulo{width: 100%;margin-bottom: -5px !important;}

.contenidoTitulo{
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  letter-spacing: 5px;
  margin-bottom: 0.5rem;
  color: #343434;
}

.lineaTitulo{
  background-color: #612670;
  height: 2px;
  width: 70%;
  display: block;
  margin: 0px auto;
}

.contenidoSubtitulo{
  text-align: center;
  font-size: 20px;
  margin-top: 0.1rem;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  box-sizing: border-box;
}

.contenedorEncabezadoBuscador{
  width: 60%;
  margin: 0 auto;
  padding: 7px;
  box-sizing: border-box;
  background-color: #612670;  
}

.contenedorEncabezadoBuscador p{
  text-align: center;
  box-sizing: border-box;
  text-align: center;
  color: aliceblue;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  padding: 3px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.formulario{
  margin-bottom: 31px;
}

.busqueda{
  display: block;
  width: 80%;
  text-align: center;
  margin: 0 auto;
}

.col-4t{
  width: 24%; 
  display: inline-block; 
  box-sizing: border-box;
  padding: 7px 5px;
}

.col-3t{
  width: 31%;   
  display: inline-block;
  box-sizing: border-box;
  padding: 7px 5px;
}

.tituloSeccion{
  padding-bottom: 7px;
}

.tituloSeccion label{
  font-weight: 800;
  color: #343434;
  margin-bottom: 0.5rem;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  text-decoration: none;
  transition: all .3s linear !important;
}

.input,.select{
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: border 0.9s ease, background-color 0.9s ease;
  -webkit-transition: border 0.9s ease, background-color 0.9s ease;
  -ms-transition: border 0.9s ease, background-color 0.9s ease;
  transition: border 0.9s ease, background-color 0.9s ease;
  box-sizing: border-box;
  border-radius: 0.375rem;
  width: 90%;
  height: 2.3rem;
  font-size: 1rem;
  padding: 0.375rem 0.75rem;
  text-align: left;
  background-color: #fff;
}

::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::-webkit-input-placeholder {
  color: rgba(97, 38, 112, 25%) !important;
opacity: 1.0;
background-color: #fff;
}

.input:focus,.select:focus
{
  box-shadow: 0 0 0 .25rem rgb(97,38,112,25%);
  border: 1px solid #612670;
  background-color: #fff;
}

.input:focus-visible,.select:focus-visible{
  box-shadow: 0 0 0 .25rem rgb(97,38,112,25%);
  border: 1px solid #612670;
  outline: 2px solid #612670;
  background-color: #fff;
}

.input:hover,.select:hover{
  box-shadow: 0 0 0 .25rem rgb(97,38,112,25%);
  border: 1px solid #612670;
  background-color: #fff;
}

.input.active,.select.active{
  border: 0px solid #612670;
  background-color: #fff !important;
  outline: 0px solid #612670;
}

.botonBusqueda{
  padding: 11px 0px;
  cursor: pointer;
  color: rgb(97,38,112,75%);
  -moz-transition: color 0.9s ease, background-color 0.2s ease;
  -webkit-transition: color 0.9s ease, background-color 0.2s ease;
  -ms-transition: color 0.9s ease, background-color 0.2s ease;
  transition: color 0.9s ease, background-color 0.2s ease;
}

.botonBusqueda:hover{
  padding: 11px 0px;
  cursor: pointer;
  color: rgb(97,38,112,25%);
}

#flecha svg{
  width: 16;
  height: 16;
  fill: rgb(97,38,112,75%);
  }

.oculto{display: none;}

#reset{ 
  border: 1px solid rgb(178, 169, 219,75%);
  border-radius: 50px;
  background-color: rgb(178, 169, 219);
  text-align: center;
  font-weight: 400;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  cursor: pointer;
  color:#FFFFFF;
  font-size: 14px;
  padding: 6px 12px;
}

#enviar{
  background-color: #6DD38E;
  border-radius: 50px;
  border: 1px solid rgb(109, 211, 142,75%);
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 12px;
}

#enviar:hover{
 background-color: #6DD38E;
 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
}

#reset:hover{ 
  background-color: #b2a9db;
  color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); 
}

#reset:focus{ 
  outline: #b2a9db;
  background-color: #b2a9db;
  color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); 
}

.resultados{
  width: 80%;
  margin: 7px auto;
}

.datosDevueltos{
  overflow-x: auto;
  width: 100%;
}

.datosDevueltos table{
  width: 100%;    
  border-collapse: collapse; 
  background-color: #F2F2F2;
}

.datosDevueltos table thead,
.datosDevueltos table tfoot
{
  background:#612670 ;
  color: aliceblue;
}

.datosDevueltos table thead tr th{
  padding: 15px 9px;
  text-align: center;
  min-width: 100px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 14px;
}

.datosDevueltos table tfoot tr td{
  padding: 11px 9px;
  text-align: center;
  min-width: 100px;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 14px;
}

.datosDevueltos table thead tr th:first-child{
  border-top-left-radius: 30px;
}

.datosDevueltos table thead tr th:last-child{
  border-top-right-radius: 30px;
  min-width: 50px;
}

.datosDevueltos table tbody tr td{
  text-align: center;
  border: 1px #b9b9b9 solid;
  padding-left: 1rem;
  padding-right: 1rem;
  vertical-align: middle;
  font-weight: 100;
  box-sizing: border-box;
  outline: 0;
  border-spacing: 0px;   
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 12px;
}

.paginador{
  margin:17px auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.paginador p a{
  border:1px solid #ddd;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #24135f;
  text-decoration: none;
  text-align: center;
}

.paginador p a:hover{
  color: #FFFFFF;
  background-color: rgb(178, 169, 219,75%);
  border-color: transparent;
}

.paginador .pageLink{
  color: #FFFFFF;
  background-color: #612670;
  border-color: transparent;
}

.paginador svg{
  color: #612670;
  width: 16px;
}

@media(max-width:930px){
  .lineaTitulo{width: 90%;}
  .contenedorEncabezadoBuscador{width: 88%;}
  .busqueda{width: 96%;}
  .resultados{width: 90%;}
}


@media(max-width:800px){
  .busqueda{
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 85% !important;
  }

  .col-4t,
  .col-3t{
      width: 100%;
      max-width: 100% !important;
  }

  .input,.select{
      width: 100%;
      margin: 0 auto;
  }

  .resultados{width: 96%;}

}