/*CSS HANDLER */
.liveNavHeader {
    display: flex;
    width: calc(99% - 307px);
    position: absolute;
    height: 55px;
    border-top: 1px solid var(--border-main);
    border-bottom: 1px solid var(--border-main);
}

#live_navigation ul.sports {
    display: none !important;
}

#livecontent1 .sports_groups {
    padding: 4px 0;
    width: 100%;
    position: relative;
    display: flex;
}

.live_events .insRadeSearch {
    color: var(--textColor);
    position: relative;
    height: 35px;
    margin: 3px 5px;
    padding: 10px;
    background: none;
    font-size: 16px;
    border: 1px solid var(--border-main);
    border-radius: 5px;
    z-index: 9;
    width: 150px;
}

button .clear-btn {
  position: absolute;
  right: 5px;
  cursor: pointer;
  border: none;
  background: none;
  font-size: 16px;
  color: #888;
  display: block !important;
}

.clear-btn:hover {
  color: #000;
}

.live_events .insRadeSearch:focus::placeholder,
.search_Tutti:focus::placeholder {
  color: transparent;
}

.search-toggle-image {
    display: none;
}

#livecontent1 .sports_groups .sport_item {
    width: 60px;
    height: 100%;
    cursor: pointer;
}

#livecontent1 .sports_groups .sport_item {
    width: 80px;
    padding: 1px;
}

#livecontent1 .sports_groups .sport_item.selected {
  background: linear-gradient(transparent, #214858, transparent);
}

.theme1 #livecontent1 .sports_groups .sport_item.selected,
.theme1 #livecontent1 .sports_groups .sport_item:hover {
    background: linear-gradient(transparent, var(--table_header), transparent);
}

#livecontent1 .sports_groups .sport_item:nth-of-type(n) {
    border-right: 1px solid var(--border-main);
}

#livecontent1 .sports_groups .sport_item:hover {
      background: linear-gradient(transparent, #214858, transparent);
}

#livecontent1 .sports_groups .sport_item span.groupico {
    width: 27px;
    height: 27px;
    display: flex;
    margin: auto;
    padding: 2px;
    background-size: cover;
    background-repeat: no-repeat;
}

#livecontent1 .sports_groups .sport_item span.neve {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 3px;
}

@media screen and (max-width: 991px) {
    #livecontent1 .sports_groups {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        width: 90%;
    }
    .insRadeSearch {
        display: none;
        width: 20%;
    }
    .live_events .search-toggle-image {
        position: absolute;
        right: 5px;
        width: 25px;
        top: 7px;
        z-index: 99;
        display: block !important;
    }
}