/*
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;*/
}

/* Loading state for async suggestions */
.input-wrap.tpl-loading .theme-search-area-section-input {
  padding-right: 42px !important;
  cursor: progress;
}

.input-wrap.tpl-loading::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border: 2px solid #f2c37d;
  border-top-color: #f59e0b;
  border-radius: 50%;
  animation: tpl-spin .7s linear infinite;
  z-index: 3;
}

@keyframes tpl-spin {
  to {
    transform: rotate(360deg);
  }
}

.tpl-no-rides-msg {
  margin: 10px 0 4px;
  color: #c62828;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
}

.theme-search-area-section-input.tpl-no-rides-input {
  color: #c62828 !important;
  border-color: #c62828 !important;
  background-color: #ffe6e6 !important;
  -webkit-text-fill-color: #c62828 !important;
  font-weight: 600;
}

.theme-search-area-section-input.tpl-no-rides-input::placeholder {
  color: #c62828 !important;
  opacity: 1;
}

.theme-search-area-section-input.tpl-no-rides-input::-webkit-input-placeholder {
  color: #c62828 !important;
  opacity: 1;
}

.theme-search-area-section-input.tpl-no-rides-input::-moz-placeholder {
  color: #c62828 !important;
  opacity: 1;
}

.theme-search-area-section-input.tpl-no-rides-input:-ms-input-placeholder {
  color: #c62828 !important;
}

.theme-search-area-section-input.tpl-no-rides-input::-ms-input-placeholder {
  color: #c62828 !important;
}

.input-wrap.tpl-no-rides-wrap {
  background-color: #ffe6e6 !important;
  border-radius: 8px;
}