html,body {
  height: 100%;
}

.form-control::placeholder {
  font-size: 0.95rem;
  color: #aaa;
  font-style: italic;
}

body {
  /* background-color: whitesmoke; */
  /* /* background: #ffd89b; */
  /* background: -webkit-linear-gradient(to right, #ffd89b, #19547b);
  background: linear-gradient(to right, #ffd89b, #19547b); */ 
  min-height: 100vh;
}

.form-control:focus {
  box-shadow: none;
}

.form-control-underlined {
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  padding-left: 0;
}

.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/ibinto/image/upload/v1596484521/Recursos/banner_o5txib.jpg);

  /* Set a specific height */
  height: 40%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.accordion .card-header:after {
  font-family: 'FontAwesome';  
  content: "\f068";
  float: right; 
}
.accordion .card-header.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\f067"; 
}

fieldset {
  border: none;
  padding-left: 0;
  margin-left: 0;
}

#lblDBXP {
  font-weight: bold;
}

#choicelist {
  border: 1px solid #d6d6d6;
  width: 100%;
  min-width: 200px;
  max-width: 500px;
  border-radius: 2px;
  display: none;
}

#selectedDBXP {
  border: 1px solid #d6d6d6;
  width: 100%;
  min-width: 200px;
  max-width: 500px;
  border-radius: 2px;
  height: 2.5em;
  background-color: #fff;
  position: relative;
  text-align: left;
}

#choicelist > div {
  padding: 10px 0px 10px 5px;
}

label {
  font-weight: bold;
}

input[type="text"] {
  margin: 0px 0px 20px 10px;
}

.fa-chevron-down {
  position: absolute;
  right: 1em;
  top: 0.9em;
  color: #a8a8a8;
  transition: transform .2s ease-out, color .2s ease-out;
  font-size: 0.85em;
}

.fa-chevron-down--open {
  transform: rotate(-180deg) translate(0, 2px);
  color: #404040;
}