.content-form{
	display:flex;
	justify-content:center;
	
	width:100%;
}
	.form{
		border:1px solid var(--color-primary-dimgray);
		padding: 1em;
		border-radius:.4em;
		max-width:95%;
		box-shadow: var(--color-primary-dimgray) 1.95px 1.95px 2.6px;
		background-color:#fff;
	}
	.form label, .form input, .form-fields input{
		margin:.2em;
		padding:.3em;
	}
	.form input,.form input:focus{
		/*border:0;
		border-bottom:1px dotted;
		outline: none;*/
	}
	.form-fields {
		margin:.5em 0;
	  display: flex;
	  flex-direction: column;
	}
	
	.form-fields input,	.form-fields select, .form-fields textarea {
		border:1px solid #ccc;
		outline:1px solid #ccc;
	 
	}
	
 .required:after {
    content:" *";
    color: red;
  }
	input:invalid{
		border:1px solid #FAEBD7;
	}
	
  .bold{
	  font-weight:bold;
  }
  .ok,.success{
	  background-color:#F0F8FF;
	  color:Blue;
  }
  .err, .error, .undefine, .null{
	  background-color:#FFEBCD; 
	  color:red;
  }
	.ok,.success,.err, .error, .undefine, .null{
	   padding:.3em;
	}