.block-system-main-block .views-element-container ul li {
  border-radius: 3px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  text-overflow: ellipsis;

  width: 90%;
}

.block-system-main-block .views-element-container ul li a h5 {
  overflow: hidden;
  width: 95%;
}

.block-system-main-block .views-element-container ul li a {
  text-decoration: none;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
}


.block-system-main-block .views-element-container ul li {
  background-color: #ffffff;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
}

.block-system-main-block .views-element-container ul li:hover {
  background-color: var(--bs-primary);
  color:white;

}

@media all and (max-width: 767px) {
  .block-system-main-block .views-element-container .table-header {
    display: none;
  }

  .block-system-main-block .views-element-container ul li {
    display: block;
  }
  
 .block-system-main-block .views-element-container ul li {

    width:100%;
}
}