.test-loader{
  height:auto;
  width:80%;
  display:flex;
  flex-direction:row;
  justify-content: center;
}

.timeline-wrapper{
  display:flex;
}

.timeline-item {
    display: flex;
    align-items: center;
    background: #e4e2e0;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 10px;
    padding: 12px;
    margin: 10px 5px;
    height: 15px;
}

.timeline-item:first-child {
    margin: 10px 0px;
    margin-inline-end: 5px;
}


@keyframes x{
    0%{
        background-position: 468px 0
    }
    100%{
        background-position: -468px 0
    }
}

.animated-background {
    height: 7px;
    width: 50px;
    margin: 5px;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: x;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #c5bebe  8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}

.filterIconAnim--filterArrowAnim::after {
    content: '\25bc';
    
    background: #fff;
    color: #eeeeee;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: x;
    animation-timing-function: linear;
    background: ##ffffff;
    background: linear-gradient(to right, #c5bebe  8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    position: relative;
}

.filterHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  padding: 6px 10px;
  border-radius: 0.5rem;
  font-size: 14px;
}

.filterHeader--select {
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  color: black;
  background-color: #e4e2e0 ;
  cursor: pointer;
}

ul.filterSelect {
  
  position: absolute;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 10px;
  z-index: 100;
  padding: 0;
  margin: 5px 0;
  list-style-type: none;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: 250ms;
  transform: translateX(-10px);
  max-height: 70vh;
}
  
body.rtl ul.filterSelect {
  
  transform: translateX(10px);
}  
  
.filterSelect a.big.SuppressedLink {
   
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
  line-height: 1.4;
  min-height: 50px;
  align-items: center;
}


ul.filterSelect > li > a {
    
  color:black;
}

ul.filterSelect > li:hover {
  
  background-color: #e4e2e0;
  color:black;
}

@media screen and (max-width: 767px) {

  ul.filterSelect { 
    
    right : 20px;
    left: 20px;
  }

}