.pt-15 {
		padding-top: 15px;
	}
	.pt-50 {
		padding-top: 50px;
	}
	input[type="checkbox"]:checked+label{ 
		font-weight: bold; 
		color:rgb(14, 148, 2) !important;
		
	}

.avatar {
  vertical-align: middle;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
  }
  /*the container must be positioned relative:*/
.autocomplete {
	position: relative;
	display: inline-block;
  }
  .modal-body{
    height: 250px;
    overflow-y: auto;
}
  input {
	border: 1px solid transparent;
	background-color: #ffffff;
	border-color: #3a3a3a; 
	padding: 10px;
	font-size: 16px;
  }
  
  input[type=text] {
	background-color: #ffffff;
	width: 100%;
  }
  
  input[type=submit] {
	background-color: DodgerBlue;
	color: #fff;
	cursor: pointer;
  }
  
  .autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
  }
  
  .autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #ffffff; 
	border-bottom: 1px solid #d4d4d4; 
  }
  
  /*when hovering an item:*/
  .autocomplete-items div:hover {
	background-color: #e9e9e9; 
  }
  
  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
	background-color: DodgerBlue !important; 
	color: #ffffff; 
  }
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}  
.navbar-brand {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.navbar-brand .custom-logo {
    width: 40px;
    height: 30px;
    margin-right: 10px;
}

.navbar-brand span {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}