.match-item .views,
.match-item .match-status .match-live-time-info-option,
.match-item .match-status .match-score-option {
    display:none;
}
/* 
.match-item[is-live="1"][sport-id="1"] .match-live-time-info-option,
.match-item[is-live="1"][sport-id="1"] .match-score-option {
    display: flex;
}
 */

.match-time-option,
.match-score-option {
    font-size: 24px;
    padding: 3px 10px;
    background: var(--scl-primary) !important;
    border-radius: 5px;
}.match-item[is-live="0"] .vs-match{
	display: block;
}


.match-item[is-live="1"][sport-id="1"]:not(:is([status-id="0"], [status-id="1"], [status-id="9"], [status-id="10"], [status-id="11"], [status-id="12"])) .score-match-data, 
.match-item[is-live="1"][sport-id="1"]:not(:is([status-id="0"], [status-id="1"], [status-id="9"], [status-id="10"], [status-id="11"], [status-id="12"])) .status-match-data,
.match-item[is-live="1"][sport-id="2"]:not(:is([status-id="0"], [status-id="1"], [status-id="11"], [status-id="12"], [status-id="13"], [status-id="14"], [status-id="15"])) .score-match-data, 
.match-item[is-live="1"][sport-id="2"]:not(:is([status-id="0"], [status-id="1"], [status-id="11"], [status-id="12"], [status-id="13"], [status-id="14"], [status-id="15"])) .status-match-data,
.match-item[is-live="1"][sport-id="3"]:not(:is([status-id="0"], [status-id="1"], [status-id="14"], [status-id="15"], [status-id="16"], [status-id="17"], [status-id="19"], [status-id="99"])) .score-match-data, 
.match-item[is-live="1"][sport-id="3"]:not(:is([status-id="0"], [status-id="1"], [status-id="14"], [status-id="15"], [status-id="16"], [status-id="17"], [status-id="19"], [status-id="99"])) .status-match-data,
.match-item[is-live="1"][sport-id="4"]:not(:is(
        [status-id="0"],
        [status-id="1"],
        [status-id="20"],
        [status-id="21"],
        [status-id="22"],
        [status-id="23"],
        [status-id="24"],
        [status-id="25"],
        [status-id="26"],
        [status-id="27"],
        [status-id="14"],
        [status-id="15"],
        [status-id="16"],
        [status-id="17"],
        [status-id="19"],
        [status-id="99"])) .score-match-data, 
.match-item[is-live="1"][sport-id="4"]:not(:is(
        [status-id="0"],
        [status-id="1"],
        [status-id="20"],
        [status-id="21"],
        [status-id="22"],
        [status-id="23"],
        [status-id="24"],
        [status-id="25"],
        [status-id="26"],
        [status-id="27"],
        [status-id="14"],
        [status-id="15"],
        [status-id="16"],
        [status-id="17"],
        [status-id="19"],
        [status-id="99"])) .status-match-data

{
    display: block;
}

/* .match-item[is-live="1"][sport-id="1"]:not([status-id="0"]):not([status-id="1"]) .score-match-data, 
.match-item[is-live="1"][sport-id="1"]:not([status-id="0"]):not([status-id="1"]) .status-match-data {
    display: block;
} */

.match-item[is-live="1"][sport-id="1"]:not([status-id="0"]) .views,
.match-item[is-live="1"][sport-id="2"]:not([status-id="0"]) .views
{
    display: flex;
    justify-content: right;
}


.match-item[is-live="1"][sport-id="1"][status-id="0"] .match-running,
.match-item[is-live="1"][sport-id="1"][status-id="1"] .match-running,
.match-item[is-live="1"][sport-id="2"][status-id="0"] .match-running,
.match-item[is-live="1"][sport-id="2"][status-id="1"] .match-running,
.match-item[is-live="1"][sport-id="3"][status-id="0"] .match-running,
.match-item[is-live="1"][sport-id="3"][status-id="1"] .match-running,
.match-item[is-live="1"][sport-id="4"][status-id="0"] .match-running,
.match-item[is-live="1"][sport-id="4"][status-id="1"] .match-running
{
	display: block;
}

.time-text::before{
    content:":";
    margin-right:5px;
}

.time-text:empty::before {
    content: none;
    margin: 0;
}

.match-item[is-live="1"][sport-id="1"][status-id="2"] .time-text,
.match-item[is-live="1"][sport-id="1"][status-id="4"] .time-text{
    display:inline-block;
}

.match-item[is-live="1"][sport-id="2"][status-id="2"] .time-text,
.match-item[is-live="1"][sport-id="2"][status-id="4"] .time-text,
.match-item[is-live="1"][sport-id="2"][status-id="6"] .time-text,
.match-item[is-live="1"][sport-id="2"][status-id="8"] .time-text {
    display:inline-block !important;
}

.match-item:not([is-live="1"]) .vs-match{
    display:inline-block;
}

.match-item[sport-id="1"]:is([status-id="0"], [status-id="1"], [status-id="9"], [status-id="10"], [status-id="11"], [status-id="12"]) .vs-match,
.match-item[sport-id="2"]:is([status-id="0"], [status-id="1"], [status-id="11"], [status-id="12"], [status-id="13"], [status-id="14"], [status-id="15"]) .vs-match,
.match-item[sport-id="4"]:is(
        [status-id="0"],
        [status-id="1"],
        [status-id="20"],
        [status-id="21"],
        [status-id="22"],
        [status-id="23"],
        [status-id="24"],
        [status-id="25"],
        [status-id="26"],
        [status-id="27"],
        [status-id="14"],
        [status-id="15"],
        [status-id="16"],
        [status-id="17"],
        [status-id="19"],
        [status-id="99"]) .vs-match
{
    display: inline-block;
}

.match-item[is-live="1"][sport-id="1"] .time-text:empty,
.match-item[is-live="1"][sport-id="2"] .time-text:empty
{
    display:none;
}

/* Filter matches option 4 */
.tab-option-4 .match_filter,
.tab-option-4 .match_filter_wg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    list-style: none;
    gap: 12px;
    padding: 0px;
    margin-bottom: 20px;
}

.tab-option-4 .match_filter_wg li,
.tab-option-4 .match_filter li {
    border-radius: 6px;
    background: #202229;
    color: #fff !important;
    min-width: 100px;
    height: 34px;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 7px;
    line-height: 18px;
    white-space: nowrap;
    padding: 0 8px;
    border: 1px solid transparent;
}

.tab-option-4 .match_filter_wg li:hover,
.tab-option-4 .match_filter li:hover {
 cursor: pointer;
 background: linear-gradient(113deg, var(--scl-primary) 7.37%, var(--scl-primary) 57.22%, var(--scl-primary) 66.05%, #000 131.67%);
    box-shadow: inset 0 0 0 1px var(--scl-primary);
}

.tab-option-4 .match_filter_wg li span::after, 
.tab-option-4 .match_filter li span::after {
    color: #ffffff;
    background: #15181E;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: Oswald;
    font-size: 11px;
    top: -2px;
    border: 1px solid #24282F;
    border-radius: 4px;
}

.tab-option-4 .match_filter li.active,
.tab-option-4 .match_filter_wg li.active {
    background: linear-gradient(113deg, var(--scl-primary) 7.37%, var(--scl-primary) 57.22%, var(--scl-primary) 66.05%, #000 131.67%);
    box-shadow: inset 0 0 0 1px var(--scl-primary);
}

@media (max-width: 992px) {
    .tab-option-4 .match_filter_wg,
    .tab-option-4 .match_filter {
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 0 12px 0;
        margin-bottom: 12px;
    }

    .sports-bars {
       max-width: 100%;
        overflow-y: auto;

    }

    .sports-bars .nav-tabs {
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 0 5px 0 !important;
        margin-bottom: 5px !important;
    }
}

@media only screen and (max-width: 48em) {
    .tab-option-4 .match-list-widget li,
    .tab-option-4 .match_filters li {
        margin-left: unset;
        font-size: 12px !important;
        margin-right: unset !important;
    }
}

.tab-option-4 .match_filter_wg li[data-value="live"]::before,
.tab-option-4 .match_filter li[data-value="live"]::before {
    content: url('.././images/live-2.png');
    display: inline-block;
    width: 15px;
}

.tab-option-4 .match_filter_wg li[data-value="live"],
.tab-option-4 .match_filter li[data-value="live"]
{
    color: transparent !important;
}

.tab-option-4 .match_filter_wg li[data-value="live"] span::after,
.tab-option-4 .match_filter li[data-value="live"] span::after
{      
    left: 40px;
}

.tab-option-4 .match_filter_wg li[data-value="hot"]::before,
.tab-option-4 .match_filter li[data-value="hot"]::before {
    content: url('.././images/hot.png');
    display: inline-block;
    width: 15px;
}

.tab-option-4 .match_filter_wg li[data-value="tday"]::before,
.tab-option-4 .match_filter_wg li[data-value="tmr"]::before,
.tab-option-4 .match_filter li[data-value="tday"]::before,
.tab-option-4 .match_filter li[data-value="tmr"]::before {
    content: url('.././images/schedule.png');
    display: inline-block;
    width: 15px;
}

.tab-option-4 ul.match_filter {
    display: flex;
    width: 800px;
    max-width: 100%;
    grid-template-columns: repeat(5, 1fr);
}

.player-box {
    position: relative;
    background-color: black;
}

.loading-spinner-stream {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top: 5px solid white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 10;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.player-box iframe {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: relative;
    z-index: 5;
}
.default .loader-i {
    overflow: hidden;
    background: #777; 
    position: relative;
    border-radius: 8px;
    z-index: 10;
}

.default .loader-i::before {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #424242;
    top: 0;
    left: 0;
    content: "";
    display: block;
    z-index: 2;
}

.default .loader-i::after {
    position: absolute;
    width: 150%;
    height: 120px;
    transform: rotate(-15deg);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 70%);
    top: -30px;
    left: -150%;
    content: "";
    display: block;
    z-index: 3;
    animation: shimmer 1.5s infinite linear;
}

@keyframes shimmer {
    from { left: -150%; }
    to { left: 150%; }
}

.match-item[data-post-id="null"] {
    cursor: default !important;
    pointer-events: none;
}

/* Start: t-incident tennis */
.t-incident-tennis {
    display: flex;
    flex-direction: column;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    gap: 8px;
    color: #ffffff;
}

.t-incident-tennis .tib-row {
    display: grid;
    grid-template-columns: 100px 1fr 1fr 1fr;
    gap: 4px;
    padding: 2px 10px;
}

.t-incident-tennis .tib-row .tib-column-s4,
.t-incident-tennis .tib-row .tib-column-s5 {
    display: none;
}

.t-incident-tennis .tib-row-3 {
    grid-template-columns: 100px 1fr 1fr 1fr;
}

.t-incident-tennis .tib-row-5 {
    grid-template-columns: 100px 1fr 1fr 1fr 1fr 1fr;
}

.t-incident-tennis .tib-row-5 .tib-column-s4,
.t-incident-tennis .tib-row-5 .tib-column-s5 {
    display: block;
}

.t-incident-tennis .tib-row-head {
    text-transform: uppercase;
    color: #c2e598;
}

.t-incident-tennis .tib-row-team {
    position: relative;
}

.t-incident-tennis .tib-row-team::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 13px;
    padding: 1px;
    background-image: linear-gradient(
        0deg,
        rgb(23, 30, 32) 0%,
        rgb(0, 93, 48) 50%,
        rgb(0, 153, 63) 100%
    );
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    pointer-events: none;
}

.t-incident-tennis .tib-column-name {
    color: #c2e598;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	z-index:99;
}

.t-incident-tennis .tib-column-value {
    text-align: center;
    position: relative;
}

.t-incident-tennis .tib-column-value .grab-7-points {
    position: absolute;
    top: -4px;
    font-size: 9px;
    padding-left: 3px;
}

.t-incident-tennis .tib-row .tib-win {
    color: #00ff4b;
}
/* End: t-incident tennis */

.gmd-match-footer-tennis {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  gap: 12px;
}
.gmd-match-footer-tennis .t-incident-tennis {
  width: 200px;
  gap: 4px;
}
.gmd-match-footer-tennis .t-incident-tennis-5 {
  width: 260px;
}
.gmd-match-footer-tennis .t-incident-tennis .tib-row-head {
  display: none;
}
.gmd-match-footer-tennis .grid-pt {
  color: #b8d891;
  text-align: center;
  font-family: Roboto;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.gmd-match-footer-tennis .grid-pt div {
  height: 24px;
  display: flex;
  align-items: center;
}
.gmd-match-footer-tennis .grid-pt .grid-pt-home {
  margin-bottom: 8px;
}

.match-full-data .team-label {
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
    word-break: break-word;
}





.match-full-data .logo-box img {
    object-fit: scale-down;
    margin-bottom: 0 !important;
    background: #494949;
    border-radius: 50%;
    padding: 5%;
    display: flex;
    justify-content:center;
    align-items: center;
    width: 60px !important;
    height: 60px !important;
    overflow: hidden;
    flex-shrink: 0;
    max-height: unset !important;
}

.match-full-data:not([sport-id="4"]) .logo-box img {
    width: 80px !important;
    height: 80px !important;
}



.match-full-data .home-side {
    display: flex;
    flex-direction: row-reverse;
}


.match-full-data .match-full-mid {
    display: flex;
    gap: 20px;
    align-items: center;
}

.match-full-data .status-side {
    margin-top: 0;
}
.match-full-data .team-side {
    flex: 1;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content:center;
    gap: 10px;
}

.match-full-data .logo-box-inner {
    display: flex;
}
.match-full-data[sport-id^="4"] .home-side .logo-box:nth-of-type(2) {
    margin-left: -7%;
}
.match-full-data[sport-id^="4"] .away-side .logo-box:nth-of-type(2) {
    margin-left: -7%;
}

.match-full-data:not([sport-id="4"]) .away-side {
    justify-content: flex-start;
    padding-left: 5%;
}

.match-full-data:not([sport-id="4"]) .home-side {
    justify-content: flex-start;
    padding-right: 5%;
}

@media only screen and (max-width: 768px) {
    .match-full-data .home-side {
        display: flex;
        flex-direction: column;
    }
    .match-full-data .team-side {
        display: flex;
        flex-direction: column;
    }
    .match-full-data .match-full-mid {
        align-items: flex-start;
    }
    .status-side {
        padding-top: 10px;
    }
    .match-full-data:not([sport-id="4"]) .away-side {
        padding-left: 0%;
    }

    .match-full-data:not([sport-id="4"]) .home-side {
        justify-content: flex-start;
        padding-right: 0%;
    }
.match-full-data .team-side {
   
    gap: 5px;
}
}

@media only screen and (max-width: 430px) {
    .match-full-data .match-full-mid {
        gap: 8px;
    }
}