/*
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:*/
.autocompleteTpl {
  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;
}

.autocompleteTpl-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 */
}

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

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

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



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

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

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

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