﻿/** Stream **/
.mf-football-stream{width:100%;background-color:#354C68;color:#E9E9E9;border-left:2px solid #354C68;border-top:2px solid #354C68;border-right:2px solid #354C68;box-sizing:border-box;}
.mf-football-title{width:100%;background-color:#354C68;color:#E9E9E9;border:2px solid #354C68;box-sizing:border-box;}
.mf-stream-header{width:100%}
.mf-header-inner{width:100%}
.mf-header-content{padding-bottom:1px;position:relative}
.mf-edit-btn{float:right}
.mf-stream-maintable-h1{margin-top:2px;margin-bottom:2px;color:#fff;font-size:12px;font-weight:400;text-transform:uppercase;text-align:center}
.mf-stream-emblem { display:block; margin:0 auto; width:80px; height:80px;}
.mf-stream-table{display:flex;flex-direction:column;width:100%;border-right:2px solid #354C68;border-left:2px solid #354C68;background:#E9E9E9;box-sizing: border-box;box-shadow: inset 0 0 0 2px #ffffff;padding: 8px 0 2px;}
.mf-stream-row{display:flex;width:100%}
.mf-stream-col{box-sizing:border-box;padding:4px;border:1px none #7f8c8d;display:flex;align-items:center;justify-content:center}
.mf-stream-left,.mf-stream-right,.mf-stream-left-name,.mf-stream-right-name{width:40%;text-align:center}
.mf-stream-center,.mf-stream-center-score{width:20%;text-align:center;min-width:185px;}
.mf-stream-center {display: flex; flex-direction: column;justify-content: space-between;margin-top: 5px;}
.mf-stream-row .mf-stream-col:not(:last-child){border-right:none}
.mf-stream-row + .mf-stream-row .mf-stream-col{border-top:none}
.mf-stream-left-name,.mf-stream-right-name{font-weight:700;text-transform:uppercase;color:#354c68;font-size:14px}
.mf-stream-main-post {border-right:2px solid #354C68;border-left:2px solid #354C68;background:#ffffff; padding:2px}
.mf-list-link-stream{width:100%;display:flex;flex-direction:column}
.mf-stream-row{display:flex;width:100%;}  
.mf-stream-row-dark{background:#354C68;position: relative;}
.mf-stream-col{box-sizing:border-box}
.mf-stream-col-50{width:50%}
.mf-stream-col-100{width:100%}
.mf-stream-3row-wrapper .mf-stream-3row{display:block;column-count:2;column-gap:15px;padding:10px}
.mf-stream-3row-wrapper .mf-stream-3row > div{break-inside:avoid;margin-bottom:10px;width:100%;display:block}
.mf-stream-3row button.main-button-stream{width:100%;margin:0;}
.telegram-stream {background:#edf2f8;padding:10px;margin:5px 5px 5px 0px;border-radius:4px;line-height:1.3;text-align:left;}
.telegram-stream-font {font-size: 10pt; font-style: italic;} 
.mf-eDetails{border-right: 2px solid #354C68;border-left: 2px solid #354C68;border-bottom: 2px solid #354C68;}
.mf-eDetails1{border-top:1px solid #DDD;border-bottom:1px solid #DDD;font-family:Verdana,Tahoma,Arial,Sans-Serif;color:#666;padding:3px;text-align:left;font-size:9px;background:#F6F6F6}
.mf-box12,.mf-comment{background-color:#fff;margin-bottom:25px;border-radius:2px;position:relative;box-shadow:0 1px 3px 0 #0003;-webkit-box-shadow:0 1px 3px 0 #0003}
.mf-heading{font-size:14px;color:#354C68;margin-bottom:5px}
.mf-grey{color:#999}
.mf-hnum{font-weight:400}
.mf-com_list{margin-top:5px}
.mf-advertising-block{width:100%;background-color:#fff;margin-top:10px}
.mf-stream-col.mf-stream-center-score.show-live > div:after{content:"Live";color:red;display:inline-block;margin-left:8px}
.stream-full8.show-live > div:has(.time-for-replace)::after{content:"Live";color:red;display:inline-block;margin-left:8px}
.mf-stream-row-2col{display:flex;width:100%}
.mf-stream-col-left-fixed{width:220px;min-width:220px;max-width:220px;padding:5px;box-sizing:border-box}
.mf-stream-col-right{flex:1;padding:5px;box-sizing:border-box;display:flex;align-items:center;justify-content: center;}
.mf-stream-big-emblem{width:200px;height:100px;display:block;padding:5px;box-shadow:0 1px 6px #0000004a}
.mf-stream-program{text-align:left;margin:8px}
.mf-stream-mobile-info{text-align:center;font-size:13px;font-weight:700;line-height:1.5em}
.mf-stream-title{color:#354C68;font-size:13px;text-transform:uppercase}
.mf-stream-tournament-mob {font-family: tahoma; color: #354c68; font-size: 12px; text-transform:uppercase;}
@media (min-width: 768px) {
.mf-stream-program-main {width: 610px!important;background: #fff;border: none;padding: 0!important;}
}
@media (max-width: 767px) { 
.mf-football-stream {border-radius: 3px;overflow: hidden;}
.mf-stream-table {padding: 0px}
.mf-stream-table .mf-stream-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:10px}
.mf-stream-col.mf-stream-left,.mf-stream-col.mf-stream-left-name{flex:0 0 35%;max-width:35%;text-align:center}
.mf-stream-col.mf-stream-center,.mf-stream-col.mf-stream-center-score{flex:0 1 30%;max-width:30%;min-width:0;text-align:center;box-sizing:border-box;overflow:hidden;white-space: normal;word-wrap:break-word;color: #354c68;font-size: 12px;}
.mf-stream-col.mf-stream-center img,.mf-stream-col.mf-stream-center .frate,.mf-stream-col.mf-stream-center .rbar,.mf-stream-col.mf-stream-center .rfill{max-width:100%;height:auto;box-sizing:border-box}
.mf-stream-col.mf-stream-center .frate{max-width:100%;display:inline-block}
.mf-stream-col.mf-stream-right,.mf-stream-col.mf-stream-right-name{flex:0 0 35%;max-width:35%;text-align:center}
.mf-stream-table,.mf-stream-main-post {border:none} 
.mf-stream-main-post {font-size: 12px;}
.mf-stream-row-2col{flex-direction:row;align-items:center;margin:16px 8px;box-sizing:border-box}
.mf-stream-col-left-fixed{width:150px;min-width:150px;max-width:150px;padding:5px;box-shadow: rgba(0,0,0,0.29) 0px 1px 6px;}
.mf-stream-big-emblem{width:100%;height:auto;padding:0}
.mf-stream-col-right{flex:1;justify-content:center;text-align:center}
.mf-stream-mobile-info > div {display: inline;}
.mf-stream-date-mob {color:#354C68; font-size:11px; padding:3px 0 0 10px;}  
.mf-stream-tournament-mob {font-size: 11px;}
}
/** End **/
/** Fight **/
.fight-container {background: white;border-radius: 12px;padding: 20px;max-width: 800px;margin: 0 auto;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);color: #354C68;}
.fight-name {text-align: center;font-size: 14px;font-weight: bold;padding-bottom: 10px;border-bottom: 2px solid #354C68;}
ul.fight-list {list-style: none;padding: 0;margin: 0;}
ul.fight-list li {padding: 8px;border-bottom: 1px solid #eee;font-size: 12px;line-height: 1.6;transition: background-color 0.2s;}
ul.fight-list li:last-child {border-bottom: none;}
ul.fight-list li strong {color: #354C68;}
ul.fight-list li:hover {background-color: #f0f4f8;}
@media (max-width: 600px) {
.fight-name {font-size: 14px;}
ul.fight-list li {font-size: 12px;}
}
/** End **/
/** Event **/
.event-mf-container {background: white;border-radius: 12px;padding: 20px 20px 1px 20px;max-width: 800px;margin: 0 auto;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);color: #354C68;}
.event-mf-name {text-align: center;font-size: 14px;font-weight: bold;padding-bottom: 10px;border-bottom: 2px solid #354C68;margin-bottom: 20px;}
.event-mf-time-group {margin-bottom: 20px;}
.event-mf-time {font-size: 12px;font-weight: bold;margin-bottom: 8px;color: #354C68;border-left: 4px solid #354C68;padding-left: 8px;}
.event-mf-list {list-style: none;padding: 0;margin: 0;}
.event-mf-list li {padding: 5px 0px 5px 12px;;border-bottom: 1px solid #eee;font-size: 12px;line-height: 1.5;transition: background-color 0.2s;}
.event-mf-list li:last-child {border-bottom: none;}
.event-mf-list li strong {color: #354C68;}
.event-mf-list li:hover {background-color: #f0f4f8;}
.event-mf-sport {margin: 20px 0 10px;font-size: 13px;font-weight: bold;text-transform: uppercase;color: #354C68;border-bottom: 1px solid #354C68;padding-bottom: 6px;}
.event-mf-spoiler summary {cursor: pointer;font-size: 13px;font-weight: bold;color: #354C68;padding: 10px 0;outline: none;}
.event-mf-spoiler summary::marker {display: none;}
.event-mf-spoiler summary::after {content: "▼";float: right;transition: transform 0.2s;}
.event-mf-spoiler[open] summary::after {transform: rotate(180deg);}
.mf-medal-olympics-games {background: #fff7cc;padding: 3px 6px;border-radius: 4px;}
.mf-medal-olympics-games::before {content: "🥇 ";}
@media (max-width: 600px) {
.event-mf-name {font-size: 14px;}
.event-mf-time {font-size: 13px;}
.event-mf-list li {font-size: 12px;}
}
/** End **/
/** Clappr player **/
#main #player-wrapper {position: relative;width: 100%;padding-top: 56.25%;background-color: black;}
#main #player, #main #player2, #main #player3, #main #player4 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.media-control[data-media-control] .media-control-background[data-background] {visibility: hidden;}
.media-control[data-media-control] .media-control-layer[data-controls] {transform: translateY(0px) !important;}
.media-control[data-media-control] .media-control-layer[data-controls] {transition: bottom 0.6s ease-out !important;}
.player-poster {width:100%;height:100%;cursor: pointer;position:relative}
.player-poster::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);pointer-events: none;border-radius: inherit;}
.play-button-mf{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;cursor:pointer;z-index:10;opacity:.8;transition:opacity .2s ease}
.play-button-mf:hover{opacity:1}
.play-button-mf svg{width:100%;height:100%}
.play-button-mf svg path{fill:#fff}
/** end **/
/** Table-schedule **/
.table-schedule{table-layout: fixed;margin-bottom: 20px;}
.table-schedule th {font-weight: bold;padding: 5px;background: #efefef;border: 1px solid #dddddd;}
.table-schedule td{padding: 5px 10px;border: 1px solid #eee;text-align: left;}
.table-schedule tbody tr:nth-child(odd){background: #fff;}
.table-schedule tbody tr:nth-child(even){background: #E9E9E9;} 
.table-schedule tbody {display: block;} 
.table-schedule tbody {height: 300px;  overflow-y: auto; overflow-x: hidden;}
.table-schedule th {background-color: #e6effb; text-align: center;}
.table-schedule td:first-child {text-align: center;}
@media (min-width:767px){
.table-schedule th {width: 600px;}
}
@media (max-width:767px){
.table-schedule th {width: 100%; display: block;}
.table-schedule td {display: table-cell !important;}
}  
.title_spoiler {padding:8px}
/** end **/
/** Match-info **/
.match-info-container {background-color: #e8e8e8;border-left: 6px solid #354c68;border-radius: 12px;padding: 14px 16px;margin-bottom: 20px;max-width: 600px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);margin: 10px;}
.match-text {font-size: 12px;color: #1a1a1a;}
/** end **/
/** Player-details **/
.emblem-wrapper {position: relative;display: inline-block;width: 80px;}
.emblem {width: 100%;display: block;}
.flag {position: absolute;bottom: 0;right: 0;width: 26px;height: auto;}
.number-badge {position: absolute;bottom: 0;left: 0;background-color: #5c91bc;color: #FFFFFF;font-size: 12px;font-weight: bold;height: 22px;padding: 0 6px;line-height: 22px;border-radius: 999px;text-align: center;box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);display: inline-block;white-space: nowrap;}
.players-club-badge {position: absolute;bottom: 0;left: 0;background-color: rgba(255, 255, 255, 0.3);height: 22px;padding: 2px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);}
.players-club-badge img {max-width: 26px;}
@media (max-width: 767px) {.players-club-badge img {max-width: 22px !important;}}
/** end **/
/** Additional **/
.unclickable-table {pointer-events: none;}
/** end **/