/*Validação de campos*/
input {
  border: 1px solid #aaaaaa;
  border-radius: 15px;
}


.required label:after {
    content:"*";
    color:red;
}

/* Mark input boxes that gets an error on validation: */
input.invalid, select.invalid, textarea.invalid {
  background-color: #fba6a6;
}

.tooltip-required {
    position: relative;
    display: flex;
    flex-direction: column;
}

.tooltip-required .tooltiptext-required {
  visibility: hidden;
  width:80%;
  background-color: #ff3f3f;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -50%;
}

.tooltipVisible{
  visibility: visible !important;
}

.tooltip-required .tooltiptext-required::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #ff3f3f transparent;
}

.tooltip-required:hover .tooltiptext-required .tooltipHover{
  visibility: visible;
}