html, body {
    background-color: #0D0D0D;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 720px;
}

.MPMenuDiv .w8 {
  width: 10%;
}
.MPMenuDiv .w10 {
  width: 13%;
}
.MPMenuDiv .w11 {
  width: 18%;
}
.MPMenuDiv .w12 {
  width: 19%;
}
.MPMenuDiv .w13 {
  width: 20%;
}
.MPMenuDiv .w14 {
  width: 21%;
}
.MPMenuDiv .w15 {
  width: 22%;
}
.MPMenuDiv .w16 {
  width: 23%;
}
.MPMenuDiv .w18 {
  width: 25%;
}
.MPMenuDiv .w22 {
  width: 33%;
}
.MPMenuDiv .w31 {
  width: 48%;
}
.MPMenuDiv .w61 {
  width: 97%;
}

.PitchVertical {
    height: auto;
    width: 105%;
    margin-left: -2.5%;
    aspect-ratio: 292 / 480;
}

.PitchDiv {
    position: relative;
    text-align: center;
    margin-top: -20px;
    color: #FFFFFF;
}

.PitchDiv .circle {
    position: absolute;
    border-radius: 50%;
    width: clamp(50px, 108vw, 38px);
    height: clamp(46px, 3vw, 50px);
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
}

.PitchDiv .name {
    position: absolute;
    font-weight: 600;
    color: black;
    width: 24%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 1.1em;
}

.PitchDiv .rt {
  position: absolute;
  border: 1px solid #000000;
  width: 7px;
  height: 10px;
}

.PitchDiv .lb {
  position: absolute;
  width: 17px;
  height: 20px;
  transform: scale(0.7);
}

.PitchDiv .rb {
  position: absolute;
  width: 18px;
  height: 12px;
}

#StandingsI{
  display: none;
}

#StatsI {
    width: 85%;
    border-radius: 7px;
    margin-left: 7.5%;
    margin-top: 5px;
    display: none;
}
#StatsI .stats {
    height: 18px;
    padding: 0px 10px;
    margin-bottom: 2px;
    color: white;
    display: flex;
}
#StatsI .val:first-of-type {
    padding-left: 7px;
    width: 15%;
    text-align: left;
    font-size: 1em;
}
#StatsI .val {
    padding-right: 7px;
    width: 15%;
    text-align: right;
    font-size: 1em;
}
#StatsI .descr {
    text-align: center;
    width: 68%;
    font-size: 1em;
}
#StatsI .stats .bg {
    background-color: #EBEBEB;
    border-radius: 4px;
    width: 50%;
    height: 10px;
}
#StatsI .stats .gr {
    background-color: #1aaa3f;
    border-radius: 4px;
    height: 10px;
}
#StatsI .stats .gr2 {
    float: left;
}
#StatsI .stats .br {
    background-color: #ED1C24;
    border-radius: 4px;
    height: 10px;
}
#StatsI .stats .gr1 {
    float: right;
}
#StatsI .gap {
  margin-bottom: 8px;
}
.StatsHeader {
    width: 100%;
    margin: auto;
    border-radius: 7px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 1.1em;
    font-weight: bolder;
    text-align: center;
    background-color: #2b2b2b;
    color: white;
}
.StatsDefaultDiv {
    margin-top: 5px;
    background: #2b2b2b;
    margin-bottom: 15px;
    padding-top: 15px;
    border-radius: 7px;
}
#StatsI .s0 {
}
#StatsI .s1 {
    background-color: #8b2020;
}
#StatsI .s2 {
    background-color: #2d6254;
}
#StatsI .s3 {
    background-color: #233858;
}
#StatsI .s4 {
}
#StatsI .s5 {
}
#StatsI .s6 {
}

.PassingStatsDiv {
	background-color: #364330;
}
.MiscellaneousStatsDiv {
	background-color: #482b50;
}

.SetPiecesStatsDiv {
	background-color: #1c4063;
}

.DefensiveStatsDiv {
	background-color: #664564ed;
}

.DisciplinaryStatsDiv {
	background-color: #501b06;
}

#VideoI {
    margin-top: 30px;
    width: 85%;
    margin-left: 7.5%;
    display: none;
}
#VideoI .videoTitle {
  color: white;
  padding: 0px 40px 4px;
}
#VideoI .videoItem {
  vertical-align: top;
  pointer-events: none;
  height: 400px;
  background: black;
}

#H2HI {
  width: 85%;
  margin: auto;
  display: none;
}

#LineupsI {
    width: 85%;
    margin-left: 7.5%;
    display: none;
}
#LineupsI .formation {
    width: 96%;
    color: white;
    font-size: 1.1em;
    padding: 14px 12px;
    text-align: center;
    margin-top: 7px;
    background-color: #2B2B2B;
    border-radius: 12px;
}
#LineupsI .t2 {
    margin-top: -7px;
}

/*NEW STANDINGS*/

.StandingHeaderDesktop {
    width: 85%;
    margin-left: 7.5%;
    border-radius: 7px;
    height: 40px;
    background-color: #2b2b2b;
    margin-top: 5px;
}

.LiveTablePlacementDesktop {
    margin-left: 4%;
    margin-top: 10px;
    font-size: 1.2em;
    display: inline-block;
    text-align: center;
    color: white;
    vertical-align: top;
}

.LiveTableTeamDesktop {
    width: 37%;
    margin-left: 3%;
    margin-top: 12px;
    font-size: 1em;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.LiveTableStatsWinDesktop {
    width: 5.5%;
    text-align: center;
    margin-top: 14px;
    font-size: 0.9em;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.LiveTableStatsDrawDesktop {
    width: 8%;
    text-align: center;
    margin-top: 14px;
    font-size: 0.9em;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.LiveTableStatsLossDesktop {
    width: 5.5%;
    text-align: center;
    margin-top: 14px;
    font-size: 0.9em;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.LiveTableStatsGoalsDesktop {
    width: 13%;
    text-align: center;
    margin-top: 14px;
    font-size: 0.9em;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.LiveTableStatsMatchesPlayedDesktop {
    width: 5.5%;
    text-align: center;
    margin-top: 14px;
    font-size: 0.9em;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.LiveTableStatsPointsDesktop {
    width: 10.3%;
    text-align: center;
    margin-top: 14px;
    font-size: 0.9em;
    color: white;
    display: inline-block;
    vertical-align: top;
}

.LogoMatchPage {
    color: #0D0D0D;
    width: 14%;
    height: 40px;
    margin: auto;
    background: url(/img/logoscoresfeed.png) -14px -5px;
    background-size: 210%;
    cursor: pointer;
}

.MPNoContentCommunication {
    width: 77%;
    margin-top: 10px;
    background-color: #cebbbb;
    margin-left: 7.5%;
    color: #0D0D0D;
    border-radius: 12px;
    text-align: center;
    font-size: 1em;
    padding-top: 12px;
    padding-bottom: 13px;
    padding: 15px 4%;
}

.NewsHomePageDescription {
    width: 90%;
    font-size: 1em;
    color: #cebbbb;
    margin-left: 5%;
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
}

.video-thumbnail {
    width: 100%;
    height: auto;
    border-radius: 9px;
    object-fit: cover;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.video-container {
    width: 80%;
    margin-left: 10%;
    padding-top: 15px;
    overflow: hidden;
    border-radius: 7px;
}

.NewsMatchPage {
    width: 85%;
    border: 1px solid #cebbbb;
    margin-left: 7.5%;
    margin-top: 10px;
    border-radius: 7px;
}

.MediaDesktopMPNewsDivVideo {
    width: 85%;
    background-color: #cebbbb;
    margin-left: 7.5%;
    margin-top: 10px;
    border-radius: 7px;
}

.MediaDesktopDescription {
    width: 90%;
    font-size: 1em;
    margin-left: 5%;
    padding-top: 7px;
    padding-bottom: 10px;
    text-align: center;
}

.MediaDesktopNewsDivImage {
    width: 85%;
    background-color: #cebbbb;
    margin-left: 7.5%;
    margin-top: 10px;
    border-radius: 7px;
}

.MediaDesktopImageContainer {
    width: 100%;
    color: #cebbbb;
    padding-top: 15px;
    font-size: 0.8em;
    text-align: center;
}

.MediaDesktopImage {
    width: 90%;
    object-fit: contain;
    border-radius: 7px;
}

.h2hLine {
    display: flex;
    margin-top: 5px;
}