﻿.tourMatches { display: inline-block; width: 300px; background: #fff; position: relative; padding: 8px 10px 30px; border: 1px solid #e8e8e8; float: left }
.tourMatches:before { content: ''; background: #0277bd; background-size: cover; position: absolute; top: 0; width: 100%; height: 4px; left: 0; border-radius: 6px 6px 0 0 }
.tourMatches { display: inline-block; width: 300px; background: #fff; position: relative; padding: 8px 10px 30px; border: 1px solid #e8e8e8; float: left }
.tourMatches .ttl { background: none; border-right: none; padding-right: 0 }
.tourMatches .ttl .weekName { float: left; display: inline-block; margin-top: 7px; }
.tourMatches .ttl .weekName p {   font-size: 13px; color: #000; direction: rtl; float: right; }
.tourMatches .ttl .weekName p span { font-family: ykBold,arial; font-size: 15px; color: #0277bd; margin-right: 5px; }
.tourMatches .allItems li { display: inline-block; position: relative; width: 100%; float: right; border-bottom: 1px solid #e8e8e8; padding: 14px 0 8px }
.tourMatches .allItems li:last-child { border-bottom: none }
.tourMatches .allItems li .match { display: inline-block; float: right; width: 100% }
.tourMatches .allItems li .teamA, .tourMatches .allItems li .teamB { float: right; width: calc((100% - 66px) / 2); text-align: center }
.tourMatches .allItems li .teamA { padding-left: 10px }
.tourMatches .allItems li .teamB { padding-right: 10px }
.tourMatches .allItems li .teamA img, .tourMatches .allItems li .teamB img { height: 30px; width: auto; border: none; display: inline-block }
.tourMatches .allItems li .teamA .team, .tourMatches .allItems li .teamB .team { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000;   font-size: 11px; line-height: 1.2; text-align: center }
.tourMatches .allItems li .resultDiv { float: right; width: 66px; margin-top: 14px; }
.tourMatches .allItems li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.tourMatches .allItems li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #0277bd; font-family: ykLight,arial; font-size: 18px; text-align: center; font-weight: bold; }
.tourMatches .allItems li .resultDiv .matchStatus date { width: 100%; display: inline-block; color: #4D4D4D; font-family: ykLight,arial; font-size: 12px; text-align: center }
.tourMatches .allItems li .resultDiv .matchStatus .lastMtchDtls { display: inline-block; float: right; width: 100%; }
.tourMatches .allItems li .penaltyRes { bottom: 3px }
.tourMatches .allItems li .penaltyRes span { font-size: 12px }
.tourMatches .allItems li .info { display: inline-block; width: 100%; float: right; margin-top: 12px }
.tourMatches .allItems li .info date { float: right;   font-size: 11px; color: #555555; margin-left: 20px; line-height: 2.2; }
.tourMatches .allItems li .info .icon-date:before { content: "w"; color: #acbf65; font-size: 13px; margin-left: 5px; float: right }
.tourMatches .allItems li .info span { float: right;   font-size: 11px; color: #555555; line-height: 2.2; }
.tourMatches .allItems li .info .icon-tv:before { content: "z"; color: #acbf65; font-size: 14px; margin-left: 5px; float: right; line-height: 1.5 }
.tourMatches .allItems li .info .icon-dtls { float: left; display: inline-block }
.tourMatches .allItems li .info .icon-dtls:before { content: "h"; color: #0277bd; font-size: 16px; line-height: 1.5 }
.tourMatches .moreMatches { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff;   font-size: 13px; line-height: 2.3; position: absolute; right: 0; bottom: 0 }
.tourMatches .moreMatches span { display:none}
.tourMatches .noStats { display: inline-block; width: 100%; float: right; position: relative; height: 200px }
.tourMatches .noStats p { position: absolute; top: 50%; transform: translateY(-50%);   font-size: 14px; color: #000; width: 100%; text-align: center }.proPlayer .tourMatches .ttl:after { content: ''; width: 100%; height: 1px; float: right; margin-top: 5px; background-color: #EFEFEF;}

.proPlayer .tourMatches .allItems li .info .icon-date:before, .tourMatches .allItems li .info .icon-tv:before {  color: #a9aaa9;}
.proPlayer .tourMatches .moreMatches { border-radius: 0 0 6px 6px; background-color: #fff;color: #0277bd;line-height: 2}

@media only screen and (max-width: 1023px) {
    .tourMatches {   margin-bottom: 20px;  width: 100%; }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .tourMatches {  margin: 0 0 20px; width: 100%; }
}
