.search-container {
		    margin-top:50px;
			display: flex;
			margin: 0 auto;
			width: 70%; 
			color: #000000;
		}
 
		.search-container input {
			width: 65%;
			padding: 10px;
			border:none;
			//line-height:30px;
			font-size:18px;
			border-radius:10px;
			
		}
		 
		 .search-container input:focus{
			outline: none; 
			border: none; 
		 }
		 
		 
		.search-container button {
			padding: 10px;
			//background-color: #008CBA; 
			color: white;
			border: 1px solid #ffffff;
			cursor: pointer;
			width:20%;
			border-radius:25px;
			background-color: rgba(0, 0, 0, 0);
			font-size: 16px;
			
		}

		#myDropdown {
		  width: 23%;
		  padding: 10px;
		  border: none;
		  border-radius: 4px;
		  font-size: 14px;
		  cursor: pointer;
		}
		
		#myDropdown:focus{
			outline: none; 
			border: none; 
		}
		 

		#myDropdown option {
		  padding: 10px;
		  border: 1px solid transparent;
		  background-color: white;
		  cursor: pointer;
		}
		 

		#myDropdown option:hover {
		  background-color: #f0f0f0;
		}
		
		.search-body{
			border:1px solid #ccceee;
			border-radius:25px;
			width:80%;
			margin-right:15px;
			background-color:#ffffff;
		}
		
		.custom-alert {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 1000;
			background-color: #f9f9f9;
			border: 1px solid #ddd;
			padding: 20px;
			border-radius: 8px;
			display: none;
			flex-direction:column;
			align-items:center;
			justify-content: center;
			width:230px;
		
	
		  }
		  .alert-text{
			margin-bottom:20px;
			margin-top:10px;
			font-size: 20px;
		  }
		  #alert_btn{
			padding:5px 20px;
			background-color: #dae1a8;
			border:1px solid #6f90cf;
			border-radius:10px;
			font-size: 16px;
			color: #000000;
			margin-bottom: 5px;
		  }