/*
  FONTE PARA O QR CODE
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.obrigatorio { 
    color: red;
    font-size: 20px;
    vertical-align: middle;
  }

/*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";
}

/* 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;   
  }