.w-1 {
  width: 1%;
}
.w-2 {
  width: 2%;
}
.w-3 {
  width: 3%;
}
.w-4 {
  width: 4%;
}
.w-5 {
  width: 5%;
}
.w-6 {
  width: 6%;
}
.w-7 {
  width: 7%;
}
.w-8 {
  width: 8%;
}
.w-9 {
  width: 9%;
}
.w-10 {
  width: 10%;
}
.w-15 {
  width: 15%;
}
.w-18 {
  width: 18%;
}
.w-20 {
  width: 20%;
}
.w-21 {
  width: 21%;
}
.w-22 {
  width: 22%;
}
.w-23 {
  width: 23%;
}
.w-24 {
  width: 24%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-15{
    width: 15%;
}
.input-icon-right {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #6c757d; /* Optional: style the icon */
  pointer-events: none;
}
.locationListVideo{
  width: 100%;
  position: absolute;
  z-index: 1000;
  background-color: #FFF;
  color: #000;
  list-style: none;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
}

.locationListVideoItem{
  padding: 15px;
  font-size: 12px;
}
.locationListVideoItem:hover{
  background-color: #233D7F;
  color: #fff;
}
.scrollable-list {
  max-height: 200px; /* Set a fixed height */
  overflow-y: auto;  /* Enable vertical scrolling */
  border: 1px solid #ccc; /* Optional: add a border for better visibility */
  padding: 0;
  margin: 0;
  list-style: none; /* Remove default list styling */
}

/* Custom scrollbar styles */
.scrollable-list::-webkit-scrollbar {
  width: 12px; /* Width of the scrollbar */
}

.scrollable-list::-webkit-scrollbar-track {
  background: #f1f1f1; /* Background of the scrollbar track */
}

.scrollable-list::-webkit-scrollbar-thumb {
  background-color: #888; /* Color of the scrollbar thumb */
  border-radius: 10px; /* Rounded corners of the scrollbar thumb */
  border: 3px solid #f1f1f1; /* Space around the scrollbar thumb */
}

.scrollable-list::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Color of the scrollbar thumb on hover */
}

.scrollable-list li {
  padding: 8px;
  cursor: pointer;
}
.scrollable-list li:hover {
  background-color: #888; /* Optional: add hover effect */
}
.validationerror{
  color:#d60000;
}
.truncate-text {
  width: 200px;              /* 🔑 Set a max width */
  white-space: nowrap;       /* Keep text on one line */
  overflow: hidden;          /* Hide overflow */
  text-overflow: ellipsis;   /* Add ... */
}