  .form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: #ccc; /* oppure il colore che preferisci */
}

    .custom-form {
      border-top: 2px solid orange;
      background-color: #ffffff;
      overflow-x: auto;
	  font-family: sans-serif !important;
	  font-weight: 600;
    }
    .form-row {
      display: flex;
      flex-wrap: nowrap;
      gap: 0;
    }
	.form-cell {
	  background-color: #ffffff;
	  padding: 10px;
	  flex: 1 0 0;
	  border: 1px solid #EAECEE;
	}
    .form-control {
      background-color: #f8f9fa;
      border: 1px solid #f8f9fa;
	  width: 100%;
    }
	.form-label {
	  font-size: 12px; 
	  font-weight: 600;  
	  font-family:sans-serif;
	  color: #000000;       
	}
	
	.form-control  {
	text-align:left !important;
	}
	


select.form-control,
select.form-control option {
  background-color: #ffffff;
  border:none;
  font-size: 18px;  
  font-family:sans-serif;     
  font-weight: 600;       
  color: #555555;         
  margin-left: -5px;
  margin-top: -3px;
  text-align:left !important;
}


input.form-control {
  background-color: #ffffff;
  border:none;
  font-size: 18px;
  font-family:sans-serif;
  font-weight: 600;
  color: #555555;
  margin-left: -5px;
  margin-top: -3px;
  text-align:left !important;
}

    .btn-orange {
      background-color: orange;
      color: white;
	  padding:15px;
	  font-size:15px;
	  min-width:170px;
	  font-weight: 600;
	  margin-bottom:20px;
	  margin-right:2%;
	  margin-left:2%;
    }

	.btn-orange:hover,
	.btn-orange:focus {
	  background-color: gray; 
	  outline: none;
	  color: white;
	}

	
	
@media (max-width: 1200px) {
  .form-row {
    flex-wrap: wrap;
  }
  .form-cell {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  .form-cell:nth-child(n+7) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .form-row {
    flex-wrap: wrap;
  }
  .form-cell {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
    .form-cell:nth-child(n+1) {
	border-top: 2px solid orange;
  }
  .form-cell:nth-child(n+7) {
    flex: 0 0 100%;
    max-width: 100%;
	border-top: 2px solid orange;
  }
  .custom-form .text-end {
    text-align: center;
  }
  .btn-orange {
	margin: 0 auto;
	display:block;
	margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .form-row {
    flex-wrap: wrap;
  }

  .form-cell {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .custom-form .text-end {
    text-align: center;
  }

input.form-control {
  text-align: left !important;
}

  .btn-orange,
  .btn-gray {
    width: 95%;
	margin: 0 auto;
	display:block;
	margin-bottom: 20px;
  }
}


.error-message {
  color: red;
  font-size: 0.85rem;
  margin-top: 5px;
  display: none;
}

input::placeholder {
  opacity: 1 !important;
  color: #333333;
}

input.form-control {
  text-align: left !important;
}

input.flatpickr-input {
  text-align: left !important;
}

.custom-form .fa{
  color: red;
  padding-right:3px;
  font-size:17px;
  backgroud-color:#ffffff;
}

.custom-form strong{
float:left; 
padding: 10px; 
font-size: 20px; 
font-weight:600;
}

