body {
  font-family: 'Muli', sans-serif;
}

* {
  box-sizing: border-box;
}

#myInput {
  background-image: url('searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  transition: all 0.5s;
  direction: rtl;
  border-radius: 15px;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
  direction: rtl;
}

.fs1{
  width: 100%;
  height: 180px;
  overflow: auto;
  border-radius: 15px;
  direction: rtl;
}

#myUL li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block;
}

#myUL li a:hover:not(.header) {
  background-color: #eee;
}

::-webkit-scrollbar{
    border-radius: 15px 0 0 15px;
    background-color: rgb(219, 219, 219);
    margin-right: 5px;
}

::-webkit-scrollbar-thumb{
    background-color: white;
    border-radius: 15px 0 0 15px;
}

::-webkit-scrollbar-thumb:hover{
    background-color: rgb(240, 240, 240);
}