.sportpanel {
    background-color: #242424;
    border-radius: 3px;
    padding: 0.875em 0;
    min-height: calc(100% - 1.75em);
    overflow: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    .sportpanel {
        height: calc(100% - 1.76em);
    }
}

.sportpanel::-webkit-scrollbar {
    display: none; /* Chrome Safari Opera */
}

.sportpanel--handle {
    display: none;
    color: #000;
    font-size: 1.125em;
    position: absolute;
    right: -1.5em;
    transform: rotate(-90deg);
    transform-origin: right bottom;
    z-index: 1;
    background-color: #ffa500;
    padding: 0.15em 0.5em;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
body[dir='rtl'] .sportpanel--handle {
    right: unset;
    left: 0;
    top: 20%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform-origin: left bottom;
}

.sportblock--search {
    margin: 0 auto;
    padding: 0 14px;
    position: relative;
}
.sportblock--search input {
    width: 100%;
    background-color: #474747;
    border-radius: 3px;
    height: 26px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
    border: none;
    font-size: 0.875em;
    color: #fff;
    box-sizing: border-box;
    padding: 0 5px;
}

.sportblock--search input::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}

.sportblock--search input:focus {
    border: none;
    outline: none;
}
.sportblock--search-button {
    width: 10px;
    height: 13px;
    background: url('../images/icons/icon-find.svg');
    background-size: 10px 13px;
    position: absolute;
    top: 8px;
    right: 20px;
}

body[dir='rtl'] .sportblock--search-button {
    right: unset;
    left: 20px;
}

.sportblock--actions-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0.875em;
    position: relative;

}
.sportblock--actions-expand-all,.sportblock--actions-collapse-all {
    font-size: 0.875em;
    display: flex;
    color: #c2c2c2;
    cursor: pointer;
}
.sportblock--actions-expand-all:hover,.sportblock--actions-collapse-all:hover {
    color: #ffa500;
}

.sportblock--group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
    position: relative;
}
.bg-color-soccer {
    background: #3D622A;
}
.bg-color-basketball {
    background: #9B6400;
}
.bg-color-tennis {
    background: #485f00;
}
.bg-color-table_tennis {
    background: #467497;
}
.bg-color-volleyball {
    background: #00425a;
}
.bg-color-handball {
    background: #39666a;
}
.bg-color-baseball {
    background: #9b895c;
}
.bg-color-hockey {
    background: #808080;
}
.bg-color-rugby {
    background: #664127;
}
.bg-color-rugbyleague {
    background: #507b2c;
}
.bg-color-snooker {
    background: #1e1e1e;
}
.bg-color-mma {
    background: #663939;
}
.bg-color-darts {
    background: #541616;
}
.bg-color-box {
    background: #9e0000;
}
.bg-color-esports {
    background: #5d34a6;
}
.bg-color-am_football {
    background: #085900;
}
.bg-color-cricket {
    background: #9b0d0d;
}
.bg-color-floorball {
    background-color: #26416a;
}
.bg-color-au_football {
    background-color: #427716;
}

.sportblock--group-collapsed {
    background: #242424;
    transition: 0.5s;
    margin: 0 0 7px 0;
}


.icon-soccer {
    background: url('../images/icons/icon-sport-soccer.svg');
    background-size: 20px 20px;
}
.icon-basketball {
    background: url('../images/icons/icon-sport-basketball.svg');
    background-size: 20px 20px;
}
.icon-tennis {
    background: url('../images/icons/icon-sport-tennis.svg');
    background-size: 20px 20px;
}
.icon-table_tennis {
    background: url('../images/icons/icon-sport-tabletennis.svg');
    background-size: 20px 20px;
}
.icon-baseball {
    background: url('../images/icons/icon-sport-baseball.svg');
    background-size: 20px 20px;
}
.icon-cricket {
    background: url('../images/icons/icon-sport-cricket.svg');
    background-size: 20px 20px;
}
.icon-handball {
    background: url('../images/icons/icon-sport-handball.svg');
    background-size: 20px 20px;
}
.icon-volleyball {
    background: url('../images/icons/icon-sport-volleyball.svg');
    background-size: 20px 20px;
}
.icon-hockey {
    background: url('../images/icons/icon-sport-hockey.svg');
    background-size: 20px 20px;
}
.icon-snooker {
    background: url('../images/icons/icon-sport-snooker.svg');
    background-size: 20px 20px;
}
.icon-box {
    background: url('../images/icons/icon-sport-box.svg');
    background-size: 20px 20px;
}
.icon-floorball {
    background: url('../images/icons/icon-sport-floorball.svg');
    background-size: 20px 20px;
}
.icon-rugby {
    background: url('../images/icons/icon-sport-rugby.svg');
    background-size: 20px 20px;
}
.icon-rugbyleague {
    background: url('../images/icons/icon-sport-rugbyleague.svg');
    background-size: 20px 20px;
}
.icon-mma {
    background: url('../images/icons/icon-sport-mma.svg');
    background-size: 20px 20px;
}
.icon-darts {
    background: url('../images/icons/icon-sport-darts.svg');
    background-size: 20px 20px;
}
.icon-esports {
    background: url('../images/icons/icon-sport-esport.svg');
    background-size: 20px 20px;
}
.icon-am_football {
    background: url('../images/icons/icon-sport-am_football.svg');
    background-size: 20px 20px;
}
.icon-au_football {
    background: url('../images/icons/icon-sport-au_football.svg');
    background-size: 20px 20px;
}

.sportblock--group-icon {
    width: 20px;
    height: 20px;
    background-color: #202020;
    border-radius: 50%;
    margin: 0 0.5em;
}

.sportblock--group-marker {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 14px;
    width: 5px;
}

body[dir='rtl'] .sportblock--group-marker {
    left: unset;
    right: 0;
}
.sportblock--group-name {
    color: #fff;
    font-size: 1em;
    flex: 2;
    cursor: pointer;
    transition: 0.25s;
}

.sportblock--group-name:hover {
    color: #ffa500;
}

.sportblock--group-toggle {
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-expand.svg') no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    transition: 0.25s;
    padding: 0.25em 0.65em;
    background-position: center center;
}

.sportblock--group-list {

}
.sportblock--league {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25em 0;
}

.sportblock--league-prematch {
    display: block;
    cursor: pointer;
    position: relative;
}

.sportblock--league-prematch::before {
    position: absolute;
    content: '';
    width:2px;
    height: 100%;
    left:0;
    top:0;
}
.sportblock--league-prematch::after {
    position: absolute;
    content: '';
    width:2px;
    height: 100%;
    right:0;
    top:0;
}
.sportblock--league-prematch:hover:before {
    background-color:  #ffa500;
    transition: 0.5s;
}
.sportblock--league-prematch:hover:after {
    background-color:  #ffa500;
    transition: 0.5s;
}

.sportblock--league-prematch-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    padding: 0 10px 0 14px;
    cursor: pointer;
    position: relative;
}

.sportblock--league-prematch-name-empty {
    font-size: 0.75em;
    color: #999;
    padding: 5px 0;
}


.sportblock--league-name {
    font-size: 0.75em;
    font-style: italic;
    color: #ffa500;
    padding: 0 0.875em;
    width: 90%;
}

.sportblock--league-prematch-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em 0.625em 0.5em 0.875em;
    position: relative;
}

.sportblock--league-prematch-name {
    font-size: 0.75em;
    color: #cecece;
    margin-right: 0.5em;
}

body[dir='rtl'] .sportblock--league-prematch-name {
    margin-right: none;
    margin-left: 0.5em;
}
.sportblock--league-prematch-count {
    font-size: 0.75em;
    color: #cecece;
    font-weight: bold;
}


.sportblock--league-toggle {
    width: 16px;
    height: 16px;
    background: url('../images/icons/icon-expand-mini.svg') no-repeat;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    cursor: pointer;
    padding: 0.25em 0.75em;
    background-position: center center;
    transition: 0.25s;
}

.sportblock--group-toggle-collapsed,.sportblock--league-toggle-collapsed {
    transform: rotate(180deg);
    transition: 0.25s;
}

.sportblock--item {
    display: block;
    font-size: 0.875em;
    color: #fff;
    padding: 0.125em 0.875em;
    background: #1d1d1d;
    cursor: pointer;
    position: relative;
}
.sportblock--item:hover {
    background: #333333;
}

.sportblock--item::before {
    position: absolute;
    content: '';
    width:2px;
    height: 100%;
    left:0;
    top:0;
}
.sportblock--item::after {
    position: absolute;
    content: '';
    width:2px;
    height: 100%;
    right:0;
    top:0;
}
.sportblock--item:hover:before {
    background-color:  #ffa500;
    transition: 0.5s;
}
.sportblock--item:hover:after {
    background-color:  #ffa500;
    transition: 0.5s;
}

.sportblock--item_stripped {
    background: #272727;
}
.sportblock--item-info {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}
.sportblock--item-team {
    font-weight: 100;
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sportblock--item-result {
    font-weight: bold;
}
.sportblock--item-status {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
}
.sportblock--item-status-is-livetracker {
    width: 15px;
    height: 9px;
    background: url('../icons/icon-tracker-soccer.svg');
    background-size: 15px 9px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.sportblock--item-status-time {
    color: #FCCE78;
    font-size: 0.75em;
}

.sportblock--item-status-icons {
    display: flex;
}

.sportblock--item-status-icons span {
    margin-right: 3px;
}

/* .sportblock--item-status-live {
    background-color: red;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 9px;
    padding: 1px 3px;
} */

.sportblock--item-status-tracker-soccer, 
.sportblock--item-status-tracker-tennis, 
.sportblock--item-status-tracker-basketball, 
.sportblock--item-status-tracker-volleyball, 
.sportblock--item-status-tracker-ice-hockey, 
.sportblock--item-status-tracker-esports, 
.sportblock--item-status-tracker-table-tennis, 
.sportblock--item-status-tracker-handball {
    display: none;
    width: 20px;
    height: 12px;
    background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available.gif") no-repeat scroll 0% 0% / 20px 12px;
}

.sportblock--item-status-tracker-soccer { background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available_soccer.gif") no-repeat scroll 0% 0% / 20px 12px; }
.sportblock--item-status-tracker-tennis { background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available_tennis.gif") no-repeat scroll 0% 0% / 20px 12px; }
.sportblock--item-status-tracker-basketball { background: rgba(0, 0, 0, 0) url("/images/live_mt_tracker_available_basketball.gif") no-repeat scroll 0% 0% / 20px 12px; }

.sportblock--item-status-video-soccer, 
.sportblock--item-status-video-tennis, 
.sportblock--item-status-video-basketball, 
.sportblock--item-status-video-volleyball, 
.sportblock--item-status-video-ice-hockey, 
.sportblock--item-status-video-esports, 
.sportblock--item-status-video-table-tennis, 
.sportblock--item-status-video-handball {
    display: none;
    width: 20px;
    height: 12px;
    background: rgba(0, 0, 0, 0) url("/images/live_mt_video_available.gif") no-repeat scroll 0% 0% / 20px 12px;
}

.js-categories-list-collapsed a.sportblock--group-toggle,
.js-matches-list-collapsed a.sportblock--group-toggle,
.js-matches-list-collapsed a.sportblock--league-toggle {
    transform: rotate(180deg);
    transition: 0.25s;
}

.js-categories-list-collapsed div.sportblock--group,
.js-matches-list-collapsed > div.sportblock--group {
    background: none;
    transition: 0.15s;
    margin: 0 0 0.4375em 0;
}

.js-matches-list-collapsed-static a.sportblock--group-toggle { transform: rotate(180deg); }
.js-matches-list-collapsed-static > div.sportblock--group { background: none; margin: 0 0 0.4375em 0; }
}