.team-score {
display: flex;
justify-content: space-around;
align-items: center;
}
.team-name {
flex: 1;
text-align: center;
}
.score {
flex: 1;
text-align: center;
font-weight:700;
font-size:20px;
}
.set-scores th, .set-scores td{
background:white!important;
color:#28334B;
border:0px!important;
}
.container-table{
padding: 0 15px 0;
background: white;
}
.date-match {
text-align: center;
padding: 10px 0;
display: block;
}
.match-details{
width: 100vw;
max-width: 550px;
color:white;
text-align:center;
}
.info-match a{
color:#FF8D16;
}
.center_cat a, #match-section{
color:#fff;
}
.nome-stadio, .citta-stadio{
text-align:center;
color:#fff
}
#classifica table{
margin-bottom:0;
}
.set-numb{
border-bottom:1px solid #FF8D16!important;
} #classifica{
width:auto;
max-width:850px;
color:white;
transition:all 0.5s ease-in-out;
}
#full-mob{
display:none;
margin: 5px 0 10px;
font-size: 12px;
text-decoration: underline;
color: #ff8d16;
font-weight: 500;
}
table.round-table { max-height: 470px;
}
#calendar .eicon-chevron-left{
display:block!important;
}
#match-section, #calendar{
width:auto;
max-width:430px;
min-width:370px;
transition:all 0.5s ease-in-out
}
.matchday {
width: 100%;
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
background: #394156;
}
.stats{
display: flex;
min-height: 370px;
gap: 20px;
}
.team-match{
width:50%;
}
.selected_team {
display:block;
}
#match-section{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 0px;
}
button.team-match, button#prev-round, button#next-round {
background: #555d74;
border: none;
border-radius: 0;  
min-height:58px;
max-height:58px;
}
button.team-match, button#prev-round, button#next-round, .day {
color: #7f8699 !important;    
font-weight: 500;
text-transform: uppercase;
padding: 13px 4px;
text-wrap:wrap;
line-height:1;
}
button#prev-round, button#next-round {
min-width:50px;
background: #ff8d16;
}
.team-match.selected_team{
background: #1d2537 !important;
color:white!important;
}
.stats-title{    
font-size: 38px;
font-weight: 700;
text-transform: uppercase;
line-height: 38px;
text-align:left;
color:white;
margin-bottom:20px;
}
.res_api_date{
font-size: 10px;
vertical-align: middle;
}
#championship-name{
color:#FF8D16;
}
#team1-matches, #team2-matches{
width:100%; overflow-x: hidden;
}
tr.highlight.team-row {
background: white;
color: #28334b!important;
}
th {
vertical-align: middle!important;
}
button.team-match:hover, .selected_team, .top-stats {
background: #394156 !important;
}
.top-stats {
color: #ff8e16;
}
.bot-stats {
background: #555d74;
color: #7f8699;
font-size: 12px;
font-weight: 500;
margin: 20px;
}
.stats table td, .stats table th {
padding:10px;
line-height:1;
border:0;
}
#third-table td, #sec-table th, #third-table th, #sec-table td {
padding:12px 8px;
line-height:1.3;
color:white;
}
tr.team-row {
border-bottom: 1px solid #ffffff14;
}
.pos {
font-weight: 500;
color: #ffffff;
text-align: center;
}
.highlight .pos {
color: #28334b;
}
.pti{
text-align:center;
}
table{
cursor: context-menu;
}
.stats table tbody>tr:nth-child(odd)>td,.stats table tbody>tr:nth-child(odd)>th {
background-color: transparent;
}
#loader-image {
animation: zoomInOut 2s infinite alternate;
}
.team_api{
min-width:255px;
max-width:255px;
}
tr.team-row {
background: #ffffff0a;
}
#match-section .pos{
background:transparent!important
}
.loader {
width: 149px;
height: 149px;
border-radius: 50%;
position: absolute;
animation: loader-rotate 1s infinite cubic-bezier(0.62, 0.49, 0.52, 0.32);
transform: skew(33deg, -37deg);
transform-origin: center;
}
.main-div {
position: absolute;
left: 46%; top: 50%;
width: auto;
height: 100px;
transform: translate(-50%, -50%);
}
.loader-icon1{
border-bottom: 2px solid red;
rotate: 4deg;
}
.loader-icon2{
border-bottom: 2px solid #fff;
rotate: 129deg;
}
.loader-icon3{
border-bottom: 2px solid green;
rotate: 272deg;
}
.text {
color: #fff;
position: relative;
top: 64px;
left: 30px;
animation:zoomInOut 3s linear infinite;
}
#classifica marquee {
background: #ff8d16;
line-height: 1.3;
color: #28334B;
padding: 13.5px 8px;
font-size: 12px;
font-weight: 500;
}
#team1-matches .top-stats th, #team2-matches .top-stats th {
color: #ff8d16;
}
.match-details h5{
text-transform:uppercase;
}
@keyframes loader-rotate{
0%{
transform: skew(20deg, 20deg) rotate(0deg)
}
100%{
transform: skew(20deg, 20deg) rotate(360deg)
}
}
@keyframes rotate_3922 {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes zoomInOut {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
@media(max-width:1024px){
.no-mob{
display:none;
}
}
@media(max-width:820px){
.match-details{
width: 100%;
}
.stats{
flex-wrap:wrap;
justify-content: center;
}
.no-mob{
display:table-cell;
}
.stats-title{
font-size: 26px;
}
}
@media(max-width:650px){
#match-section, #calendar{
min-width:100%;
}
h4.stats-title{
text-align:left!important;
line-height:1.1;
}
.no-mob{
display:none;
}
.team_api {
min-width: inherit;
max-width: inherit;
}
.res_api{
min-width:92px;
}
#full-mob{
display:inline-block;
}
.show-mob {
display: table-cell; 
}
.banner-mobile{
max-height:150px!IMPORTANT;
}
}