﻿/******************** Last Match ********************/
.lastMatch { width: 100%; height: 120px; background:#EEEEEE; }
.lastMatch.stats .item { width: 100%; height: 118px; margin-left: 0; margin-bottom: 0; background: #EEEEEE; position: relative; padding-bottom: 0 }
.lastMatch.stats .item ul li { padding:12px 0 0 0; height: 118px ;    display: inline-block;
    width: 100%;
    float: right;}
.lastMatch.stats .item ul li .matchdate{display:inline-block;width:100%;text-align:center;float:right;}
.lastMatch.stats .item ul li date{display:inline-block;width:100%;font-size:13px;color:#000;    line-height: 1; margin-bottom: 6px;float: right;    font-family: arial;}
.lastMatch.stats .item ul li .time{display:inline-block;width:100%;font-size:14px;color:#000; line-height: 1;float: right;    font-family: arial;}

.lastMatch.stats .item ul li .teamA {
    padding-left: 0;float:left!important
}
.lastMatch.stats .item ul li .teamA, .lastMatch.stats .item ul li .teamB {
    float: right;
    width: calc((100% - 56px) / 2);
    text-align: center;
    overflow: hidden;
}
.lastMatch.stats .item ul li .teamA img, .lastMatch.stats .item ul li .teamB img {
    height: 20px;
    width: auto;
    border: none;
    display: inline-block;
}
.lastMatch.stats .item ul li .resultDiv {
    float: left;
}
.lastMatch.stats .item ul li .resultDiv .matchStatus {
    display: inline-block;
    width: 70px;
}
.lastMatch.stats .item ul li .resultDiv .matchStatus .time {
    width: 100%;
    display: inline-block;
    color: #0277bd;
    font-family: Arial;
    font-size:  ;
    font-weight: bold;
    text-align: center;
}
.lastMatch.stats .item ul li .resultDiv .matchStatus date {
    width: 100%;
    display: inline-block;
    color: #4D4D4D;
    font-family: Arial;
    font-size: 12px;
    text-align: center;
}
.lastMatch.stats .item ul li .resultDiv { width: 190px; position: relative ;margin:0 35px}
.lastMatch.stats .item ul li .resultDiv .result { color: #0277bd; font-size: 30px; font-family: arial; font-weight: bold; display: inline-block; width:40px}
.lastMatch.stats .item ul li .teamA, .lastMatch.stats .item ul li .teamB { width:calc((100% - 260px) / 2); }
.lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus { margin-top: 0 }
.lastMatch.stats .item ul li .teamA .team, .lastMatch.stats .item ul li .teamB .team { font-size: 14px }
.lastMatch.stats .item ul li .teamA img, .lastMatch.stats .item ul li .teamB img { height: 40px; }
.lastMatch.stats .item ul li .teamB {
    padding-right: 0;
}
.lastMatch.stats .item ul li .teamA img{float:right;margin-left:20px}
.lastMatch.stats .item ul li .teamA .team{float:right}

.lastMatch.stats .item ul li .teamB img{float:left;margin-right:20px}
.lastMatch.stats .item ul li .teamB .team{float:left}

.lastMatch.stats .item ul li .resultDiv .result:first-child { float: right; margin-right: 0; padding: 0; width: 40px }
.lastMatch.stats .item ul li .resultDiv .result:last-child { float: left; margin-left: 0; padding: 0; width: 40px }
.lastMatch.stats .item ul li .resultDiv .matchStatus .status.details { width: 100%;border-radius:6px; height: 20px; display: inline-block; color: #fff !important;   font-size: 10px !important; margin-top: 0; text-align: center !important; background: #0277bd; cursor: pointer; line-height: 2 }
.lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details { margin-bottom: 0 }
.lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .penaltyRes { bottom: 40px }
.lastMatch.stats.RelatedMatchstats .articleContainer .item ul li .resultDiv .penaltyRes { bottom: 32px }
.lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details {

    height: 20px!important;
}
.lastMatch.stats .item ul li .teamA .team, .lastMatch.stats .item ul li .teamB .team {
    display: inline-block;
    width: auto;
    margin: 0;
 
    color: #000;
    font-size: 13px;
    line-height: 40px;    padding-top: 0;
    text-align: center;font-family:droidBold, arial
}

.euroInner article .stats { height: auto }
.euroInner article .stats.RelatedMatchstats, .euroInner article .stats.RelatedMatchstats .item { height: auto }
.euroInner article .stats.RelatedMatchstats .item ul { min-height: unset }
.euroInner article .stats.RelatedMatchstats .item ul li { height: 134px!important }
.lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details { margin-top: 5px; height: 26px }
.matchResult {text-align:center}
.lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details.finish{background:unset;border: 1px solid #5F5F5F;color:#5F5F5F!important}
.lastMatch .buttons{display:inline-block;position:relative;width:100%;height:36px;border-top:1px solid #CCCCCC;  margin-top: 12px;float: right;}
.lastMatch .buttonItem{display:inline-block;float:right;width:calc(100% / 2);text-align:center;color: #0079BB;font-size:13px;line-height:36px;  }
.lastMatch .buttons:before{content:'';display:inline-block;position:absolute;height:100%;width:1px;top:0;left:50%;transform:translateX(-50%);background: #CCC;}


@media screen and (min-width: 1360px) and (max-width: 1680px) 
{
    .lastMatch.stats .item ul li .teamB img { margin-right: 10px;}
        .lastMatch.stats .item ul li .teamA img { margin-left: 10px;}
        .lastMatch.stats .item ul li .teamA .team, .lastMatch.stats .item ul li .teamB .team{font-size:12px}
}

@media screen and (min-width: 1024px) and (max-width: 1359px) 
{
    .lastMatch.stats .item ul li .teamB img { margin-right: 10px;float:none}
        .lastMatch.stats .item ul li .teamA img { margin-left: 10px;float:none}
        .lastMatch.stats .item ul li .teamA .team, .lastMatch.stats .item ul li .teamB .team{font-size:12px}
        .lastMatch.stats .item ul li .teamA .team, .lastMatch.stats .item ul li .teamB .team{width:100%}
        .euroInner article .stats.RelatedMatchstats .item ul li { height: auto !important;}
        .lastMatch.stats .item ul li .resultDiv {width: 165px;margin: 0 15px;}
        .lastMatch.stats .item ul li .teamA, .lastMatch.stats .item ul li .teamB {
    width: calc((100% - 195px) / 2);
}
}

@media screen and (min-width: 320px) and (max-width: 767px) {

   .euroInner article .stats.RelatedMatchstats .item ul li{height:166px}

    .lastMatch.RelatedMatchstats .item:last-child { height: 86px }
    .lastMatch.RelatedMatchstats .item ul li { padding: 12px 0; height: 86px }
    .lastMatch.RelatedMatchstats .item ul li .teamA, .lastMatch.RelatedMatchstats .item ul li .teamB { width:calc((100% - 158px)/ 2); margin-top: 0;text-align: center; }
    .lastMatch.RelatedMatchstats .item ul li .teamA img, .lastMatch.RelatedMatchstats .item ul li .teamB img { height: 24px;        margin-left: 0;
        float: none;margin-right:0 }
    .lastMatch.RelatedMatchstats .item ul li .teamA .team, .lastMatch.RelatedMatchstats .item ul li .teamB .team { font-size: 11px ;line-height: 1.2; height:27px   ;    width: 100%;}
    .lastMatch.RelatedMatchstats .item ul li .resultDiv { width: 128px; margin-top: 0 ;margin: 0 15px;        margin-top: 10px;}
    .lastMatch.RelatedMatchstats .item ul li .resultDiv .result { font-size: 24px }
    .lastMatch.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details { margin-top: 4px; margin-bottom: 0; font-size: 11px !important; line-height: 2.2 }
    .lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus { margin-top: 0; width:50px}
    .lastMatch.stats.RelatedMatchstats .articleContainer .item ul li .resultDiv .matchStatus { margin-top: 16px; }
    .lastMatch.stats .item ul li date{font-size:13px}
    .lastMatch .item ul li .teamA a,
    .lastMatch .item ul li .teamB a{width:100%; display: inline-block;}
    .lastMatch.stats.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details{width:50px!important;float:none!important;margin-top:0!important}
    .euroInner article .stats.RelatedMatchstats .item ul li {
        height: 152px !important;
    }
    .lastMatch .buttonItem{font-size:12px}
    .lastMatch.stats .item ul li .resultDiv .result:last-child,
    .lastMatch.stats .item ul li .resultDiv .result:first-child{width:30px}
   }