.navbar{
	background-color:#1681bb;
}
.navbar-collapse.show {
	margin-top:15px;
	padding:0 5px 0 5px;
	background-color:#5ea6cc;
	background-repeat:no-repeat;
	background-size:cover;
	line-height:16px;
	width:100% !important;
	border-radius: 0px 0px 10px 10px;
	color:#fff;
}
@media (min-width: 992px) {
    .navbar-collapse.show {
		background-image:url();
		background-color:transparent;
    }
}
/*table*/
table{
	width: 100%;
  }
  td, th {
	border:1px solid #685d5d;
	padding:8px;
	vertical-align:middle;
  }
  th {
	background-color: #1681bb;
	color: white ;
  }
  td form{
	margin: 0;
  }
  td select{
	height: 40px;
	border-radius: 6px;
  }
  tbody tr:nth-child(odd)  { 
	background:#e7eaed;
  }
  tbody tr:nth-child(even) { 
	background: #c9cfd7;; 
  }
  td input[type="submit"]{
	width: unset;
  }

  /*.user-profile*/
  .user-profile input{
	border: 2px solid #0c4eb1;
	border-radius: 5px;
	padding: 2px;
	margin: 5px;
	width: 100%;
  }
  .user-profile input[type='submit']{
	background-color: #0c4eb1;
	color:#fff;
  }
  .user-profile input[type='submit']:hover{
	border: 2px solid #0a387e;
	background-color: #0a387e;
  }
  .form-group {
	/*display: flex;*/
	align-items: center; /* Allinea verticalmente gli elementi */
	margin-bottom: 10px; /* Spazio tra i gruppi di input */
  }
  
  label {
	/* width: 100px;  Larghezza fissa per i label */
	margin-right: 10px; /* Spazio tra il label e l'input */
	text-align: left; /* Allinea il testo del label a destra */
  }
  
  input {
	flex: 1; /* L'input occupa tutto lo spazio disponibile */
  }
#add-contact-form{
	display: flex;
	flex-direction: column;
}
#add-contact-form input, #add-contact-form button{
	width: unset;
	margin: 10px;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #0c4eb1;
}
#add-contact-form button{
	background-color: #0c4eb1;
	color: #fff;
}
#add-contact-form button:hover{
	background-color: #0a387e;
}
#add-contact-form label{
	text-align: left;
	float: left;
}
/* Stili per il contenitore dei pulsanti */
.action-buttons {
    display: flex;
    align-items: center;  
    gap: 10px;
}

/* Stili per i pulsanti */
.action-buttons input[type='submit']{
	height: 40px;
	width: 100px;
    padding: 5px 10px;
    background-color: #0667cf;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
	flex:none;
}

.action-buttons input[type='submit']:hover{
    background-color: #0757ad; 
	border: none;
}
