.bottom {
  position:absolute;
  bottom:0;
}
.clear_bottom {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.show_pre {
  border: 1px solid #ced4da;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top: none;

}


.form-control:focus {
  box-shadow:none;
  border: 1px solid #ced4da;
}

input {
  -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {

  /* Remove default */
  -webkit-appearance: none;

  /* Now your own custom styles */
    height: 14px;
    width: 14px;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
  /* setup all the background tweaks for our custom icon */
  background-repeat: no-repeat;

  /* icon size */
  background-size: 14px;

}

body{
  font-family:Verdana, Geneva, sans-serif;
  font-size:18px;
}

.float{
  position:fixed;
  width:48px;
  height:48px;
  bottom:45px;
  right:25px;
  background-color:#034748;
  color:white;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
}

.my-float{
  margin-top:15px;
}

.set-border{
  border-style: ridge;
}

#answerPreview {
  text-align: start;
}

/* #inputContainer{
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
} */

#answerCard{
  z-index: -1;
}

#cardContainer{
  z-index: -1;
}

#padingDiv{
  height: 7em;
  z-index: -1;
}

#backgroundDiv {
  z-index: 1;
  position: absolute;
  background-color: white;
  border: 1px solid #ced4da;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top: none;
}

#parentPreview {
  position: relative;
}


#previewDiv {
  background-color: white;
  position: absolute;
  z-index: 2;
}