.obrigatorio_temp { 
    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;
}

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


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



/*collor picker*/
input[type="color"] {
	-webkit-appearance: none;
	border: none;
	width: 100%;
	height: 32px;
    cursor: pointer;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}
/*collor picker*/


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