html {
  overflow-y: scroll;
}

#algolia-tools .navbar {
  background: #3c3c3c;
  color: white;
  height: 40px!important;
}

#algolia-tools h1 {
  font-weight: 400;
  font-size: 2.2em;
  line-height: 1.2em;
  font-family: 'Open Sans', sans-serif;
  color: #337ab7;
  font-weight: 400;
  text-align: center;
  padding-bottom: 10px;
}

#algolia-tools h2 {
  font-weight: 600;
  font-size: 1.8em;
  font-family: 'Open Sans', sans-serif;
}

#algolia-tools .btn {
  box-shadow: none;
  border: none;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 1.1em;
}

#algolia-tools .btn.btn-primary {
  box-shadow: none;
  border: solid 2px #4CAFD8;
  color: #4CAFD8;
  background: transparent;
}

#algolia-tools .btn.btn-default {
  box-shadow: none;
  color: #444;
  background: #ccc;
  font-size: 1em;
}

#algolia-tools .alert {
  background: transparent;
  box-shadow: none;
  border-width: 2px;
}

.page {
  display: none;
}

.vertical-align {
  display: flex;
  align-items: center;
}

#out {
  height: 400px;
  overflow-y: scroll;
}

.progress {
  height: 40px;
}

.progress .progress-bar {
  line-height: 40px;
  font-size: 1.2em;
}

.progress span, .progress img {
  vertical-align: middle;
}

#advanced-options-form {
  margin-top: 1em;
}

#send-failed {
  font-size: 0.9em;
}

textarea#out {
  width: 100%;
}

/* faster collapsing */
.collapsing {
  -webkit-transition-duration: .20s;
       -o-transition-duration: .20s;
          transition-duration: .20s;
}

#algolia-tools .navbar {
  height: 62px;
  padding: 0 15px;
  line-height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#algolia-tools a[href="https://github.com/algolia/diag"]:hover,
#algolia-tools a[href="https://github.com/algolia/diag"]:active {
  background: transparent;
}

.results {
  padding-top: .5em;
  margin-bottom: 1em;
}

.results h2, .results p {
  margin: 0;
  padding: 0;
}

.results p {
  position: relative;
  /* omfg css fix */
  top: 10px;
}

/* Sticky footer styles
-------------------------------------------------- */
/* http://getbootstrap.com/examples/sticky-footer/sticky-footer.css*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color: #ebf3fa;
}
footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color:#11283c ;
  color: #7e8890;
  display: flex;
  justify-content: center;
}

.redes{
  display: flex;
  flex-direction: center;
  margin: auto;
  padding: .2em;
  font-size: 1.5em;
  list-style: none;
}

.redes li{
  padding: 0 .5em;
}

.footer p {
  width: 20%;
  border-top: 2px solid #4CAFD8;
  margin: 0 auto;
  line-height: 40px;
}

/* Copia estilos dina*/
p{
  margin: 0 0 25px 0;
  color: #3c3c3c;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.btn-dina{
  color: #fff;
  background-color: #f68642;
  border: 1px solid #f68642;
  font-size: 14px;
  padding: 8.4px 14px;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
  touch-action: manipulation;
  cursor: pointer;
  transition: all .3s linear;
}

.btn-dina-secondary{
  border: 1px solid #7e8890;
  color: #7e8890;
  background: #fff;
  font-size: 14px;
  padding: 8.4px 14px;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
  touch-action: manipulation;
  cursor: pointer;
  transition: all .3s linear;
}
.btn-dina-secondary:hover{
  color: #fff;
  background-color: #f68642;
  border: 1px solid #f68642;
  text-decoration: none;
}

.botonera{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
  align-items: center;
}


.btn-dina:hover{
  color: #f68642;
  background-color: #fff;
  border: 1px solid #fff;
  text-decoration: none;
}

button[disabled],button[disabled]:hover{
  color: grey;
  background-color: lightgrey;
  border: 1px solid lightgrey;
  cursor: not-allowed;
}

.refresh{
  color: white;
}
.refresh:hover{
  color: whitesmoke;
}

.icon{
  margin: auto;
  width: 100%;
  margin-top: 3em;
}

.form-field{
  width: 100%;
  max-width: 325px;
}

.form-field label{
  color: #337ab7;
  font-weight: 100;

}

.consentimiento{
  margin: 1em;
}

.capt{
  background-color: grey;
  display: flex;
  padding: 0 15px;
  align-items: center;
  font-weight: bold;
  width: 200px;
}

.Error{
  color: red;
  margin-bottom: 1em;
}

 #txtInput{
   margin: 0;
   padding: 0 15px;
   width: 100%;
   height: 40px;
   color: #3b3b3b;
   font: 14px 'Open Sans', sans-serif;
   font-weight: 300;
   border: 1px solid #e8e8e8;
   background: #fff;
   border-radius: 2px;
 }

 .Camptchajs{
   display: flex;
 }