.details-table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	/* border: 3px solid purple; */
  } 
  .details-table tr:nth-child(even) {
	  background-color: #f2f2f2;
  }
  .details-table td, .details-table th {
	  border: none;
	  font-size: 14px;
  }
  .details-table th {
	  width: 30%;
  }
  .details-table td.right, .details-table th.right {
	text-align: right;
  }
  .details-table th.left {
	text-align: left;
  }
  .details-table input, .details-table select  {
	  width: 100%;
  }
  .details-table .gender-field input, .details-table .dob-field input, .details-table .dob-field select {
	  width: auto;
  }
  .details-table .gender-field label {
	  margin-right: 50px;
  }
  .details-table .dob-field input {
	  width: 30%;
  }
  .details-table .dob-field select {
	  width: 38%;
  }
  .details-table input[type="radio"]  {
	  width: auto; height: auto;
  }
  .feedback-msg {
	  margin: 5px 0;
	  padding: 10px; 
	  font-size:1em;
	  vertical-align:middle;
  }
  .feedback-msg.success {
	  color: #4F8A10;
	  background-color: #DFF2BF;
  }
  .feedback-msg.error {
	  color: #D8000C;
	  background-color: #FFD2D2;
  }
  
  @media screen and (max-width: 600px) {    
	  .details-table th {
		  width: 40%;
	  }
	  .details-table input, .details-table select  {
		  width: 100%;
	  }
  
	  .details-table .gender-field input, .details-table .dob-field input, .details-table .dob-field select {
		  width: 100%;
	  }
	  .details-table input[type="radio"]  {
		  width: auto; height: auto;
	  }
	  .details-table .gender-field label {
		  margin-right: 20px;
	  }
  }