/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 21 dic 2023, 11:51:52
    Author     : Admin
*/

/** {
  box-sizing: border-box;
}

body {
  font: 16px Arial;  
}*/

/*the container must be positioned relative:*/
.autocomplete {
  position: relative;
  display: inline-block;
}

input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}

input[type=text] {
  background-color: #f1f1f1;
  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;
  max-height: 290px; /* Set a maximum height for the container */
  overflow-y: auto; /* Enable vertical scrolling if the content exceeds the max height */
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #0e71b4; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #3c8fc7; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}



/* Style the main scrollbar container */
.autocomplete-items::-webkit-scrollbar {
  width: 8px; /* Set the width of the scrollbar */
}

/* Style the track (the area where the thumb doesn't appear) */
.autocomplete-items::-webkit-scrollbar-track {
  background-color: #0e71b4; /* Set the color of the track */
}

/* Style the scrollbar thumb (the draggable handle) */
.autocomplete-items::-webkit-scrollbar-thumb {
  background-color: #fff; /* Set the color of the thumb */
}

/* Style the scrollbar thumb on hover */
.autocomplete-items::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Set the color of the thumb on hover */
}