.obrigatorio{
    color:red;
    font-size: 15px;
    letter-spacing: 3px;
}

/*Deixa o texto e a borda do erro jquery em vermelho*/
.error{
    color:red
}

input.error, input {
    border-color: red;
}

select.error {
    color:black;
    border-color: red;
}

textarea.error{
    color:red;
    border-color: red;
}

/****************************************************/


/*Muda o texto do botão file de browse para procurar*/
.custom-file-input ~ .custom-file-label::after {
    content: "Procurar";
}

.btn {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* POP UP PARA MENSAGEM DE ERRO */
#toasts {
  position: fixed;
  bottom: 60px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 2;
}

.msg {
  background-color: rgb(156, 153, 153);
  border-radius: 5px;
  padding: 1rem 2rem;
  margin: 0.5rem;
}

.msg.info {
  background-color: rgb(241, 246, 105);
  color: black;    
}

.msg.success {
  background-color: rgb(143, 239, 146);
  color: black; 
}

.msg.error {
  background-color: rgb(241, 108, 108);
  color: black;   
}