.pitch .player {
    position: absolute;
}

#live-match-statistics-comparision .content {
    text-align: center;
    font-weight: bold;
    padding: 0.2em;
    margin-top: 1em;
}

#live-match-statistics-comparision .player-name, #live-match-statistics-comparision .team-link {
    font-size: 1.3em;
    line-height: 1.3em;
    margin-top: 0.5em;
}

.comparision-player {
    display: block;
    background: #fff no-repeat center center scroll;
    border: 1px solid #CCCCCC;
    height: 120px;
    padding: 0.2em;
    margin: 0 auto;
    width: 80px;
    box-shadow: 1px 1px 10px #999;
}

.comparision-player.home {
    left: 0;
}

.comparision-player.away {
    right: 0;
}

#live-summary-stats .line-up.home, #live-summary-stats .subs.home {
    text-align: left;
}

#live-summary-stats .player-rating-value {
    padding: 0.2em;
    border-radius: 3px;
}

#live-summary-stats .player-rating, #live-summary-stats .team-rating {
    font-weight: bold;
}

#live-summary-stats .home .player-rating, #live-summary-stats .home .team-rating, #live-summary-stats .away .team-name {
    position: absolute;
    right: 0.2em;
}

#live-summary-stats td {
    vertical-align: top;
}

#live-summary-stats .stat-info .stat-value {
    font-size: 1.5em;
}

#live-summary-team-stats .stat-group, #live-summary-team-stats .stat-label {
    background-color: #FFF;
}

#live-summary-player-comparision tr {
    border-width: 1px 0px 1px 0px;
}

#live-summary-stats .subs-header {
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 1em;
}

#live-summary-stats .away .subs-header {
    text-align: right;
}

#live-summary-player-comparision .comparision-stat-label {
    text-align: center;
    color: #808080;
}

#live-summary-player-comparision .comparision-stat {
    font-size: 1.2em;
}

#live-summary-player-comparision .comparision-stat.greater {
    color: #222;
    font-weight: bold;
}

#live-summary-player-comparision-events {
    line-height: 2em;
    height: 2.5em;
    vertical-align: bottom;
}

.incident-wrapper {
    display: inline-block;
    width: 16px;
    vertical-align: middle;
}

#live-summary-player-comparision-events .home, #live-summary-player-comparision-events .away {
    text-align: center;
}

#live-pitch-formation-header {
    border: none;
    color: #FFF;
    height: 2.5em;
    padding: 1em;
}

#live-pitch-formation-header .team-link {
    color: #FFF;
}

#live-summary-stats-away-players-list .player-name-wrapper {
    position: absolute;
    right: 0.2em;
    text-align: right;
}

#live-pitch-formation-content {
    background-color: #222;
}

#live-pitch-formation-content .name {
    color: #999999;
    font-weight: bold;
    text-align: center;
}

#live-pitch-formation-content .name.has-goals {
    border-color: #575757;
    border-style: dashed;
    border-width: 1px 1px 0px 1px;
}

#live-pitch-formation-content .goals {
    text-align: center;
    border-color: #666666;
    border-style: dashed;
    border-width: 0 1px 1px;
    height: 16px;
}

#live-pitch-formation-content-lineup {
    width: 654px;
    height: 361px;
    border: 2px solid #555555;
}

#live-pitch-formation-content-subs {
    height: 2.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

#live-pitch-formation-content .label {
    color: #7C7C7C;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

#live-pitch-formation-content-bench {
    margin-top: 1.5em;
}

#live-stat-comparision-box .stat-group {
    background: none;
    border: none;
    margin: 0;
    padding: 0.5em 0;
}

#live-stat-comparision-box .stat {
    margin: 0;
    line-height: 2em;
    font-size: 0.9167em;
}

#live-stat-comparision-box .possession-bar {
    height: 2.5em;
}

#live-match-statistics-comparision h3 {
    text-align: center;
    height: 1.5em;
}

.live-team-shots {
    display: block;
    margin: 0 auto;
    width: 90%;
}

.live-team-shots .shot-zone-chart {
    width: 160px;
    height: 108px;
    margin: 0.5em auto;
}

.live-team-shots .content .hoverable:hover {
    cursor: pointer;
    background-color: #D0D0D0;
}

.shot-zone-chart {
    position: relative;
}

.shot-zone-chart .shot-zone {
    position: absolute;
    font-size: 1.2em;
    font-weight: bold;
    box-shadow: 1px 1px 10px #999;
}

.shot-zone-chart .shot-zone.highlight .miss {
    background-color: #222;
    z-index: 2;
}

.shot-zone-chart .shot-zone .miss {
    background-color: #FFF;
    color: #D80808;
    padding: 0 0.2em;
}

.shot-zone.miss-high-left {
    top: 4px;
    left: 3px;
}

.shot-zone.miss-high-centre {
    top: 4px;
    left: 75px;
}

.shot-zone.miss-high-right {
    top: 4px;
    right: 3px;
}

.shot-zone.miss-left {
    top: 60px;
    left: 3px;
}

.shot-zone.miss-right {
    top: 60px;
    right: 3px;
}

.shot-zone.post-left {
    top: 30px;
    left: 14px;
}

.shot-zone.post-centre {
    top: 20px;
    left: 75px;
}

.shot-zone.post-right {
    top: 30px;
    right: 14px;
}

.shot-zone.ontarget-high-left {
    top: 40px;
    left: 42px;
}

.shot-zone.ontarget-high-centre {
    top: 40px;
    left: 75px;
}

.shot-zone.ontarget-high-right {
    top: 40px;
    right: 42px;
}

.shot-zone.ontarget-low-left {
    bottom: 10px;
    left: 42px;
}

.shot-zone.ontarget-low-centre {
    bottom: 10px;
    left: 75px;
}

.shot-zone.ontarget-low-right {
    bottom: 10px;
    right: 42px;
}

.shot-zone.ontarget-high-left.has-goals, .shot-zone.ontarget-low-left.has-goals {
    left: 30px;
}

.shot-zone.ontarget-low-right.has-goals, .shot-zone.ontarget-high-right.has-goals {
    right: 33px;
}

.shot-zone.ontarget-high-centre.has-goals, .shot-zone.ontarget-low-centre.has-goals {
    left: 66px;
}

.shot-zone .goal {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.shot-zone .goal .number {
    background-color: #3C6009;
    color: #FFFFFF;
    font-size: 0.75em;
    font-weight: bold;
}

#live-pitch-formation-content-bench .player {
    display: inline-block;
    margin: 0 0.5em;
    font-size: 0.9167em;
    white-space: nowrap;
}

#live-pitch-formation-content-bench .home {
    text-align: left;
}

#live-pitch-formation-content-bench .away {
    text-align: right;
}

.pitch-formation-header {
    padding: 1em;
    background-color: #FEFEFE;
    border: 1px solid #F1F1F1;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.pitch-formation-header .team-emblem {
    height: 30px;
    width: 30px;
    vertical-align: middle;
}

.pitch-formation-header .team-link {
    font-size: 1.5em;
    line-height: 30px;
    margin-left: 0.5em;
    vertical-align: middle;
}

.pitch-formation-header .home .team-name {
    float: left;
    width: 75%;
    white-space: nowrap;
}

.pitch-formation-header .away .team-name {
    float: right;
    width: 75%;
    white-space: nowrap;
    text-align: right;
}

.pitch-formation-header .home, .pitch-formation-header .away {
    width: 50%;
}

.pitch-formation-header .home {
    float: left;
}

.pitch-formation-header .away {
    float: right;
}

.pitch-formation-header .home .formation-label {
    padding-right: .3em;
    text-align: right;
}

.pitch-formation-header .away .formation-label {
    padding-left: .3em;
    text-align: left;
}

.pitch-formation-header .formation-label {
    font-size: 1.5em;
    line-height: 30px;
    width: 20%;
    display: inline-block;
    line-height: 30px;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

#live-pitch-formation-content .player {
    background-image: none;
    height: auto;
    width: auto;
    cursor: pointer;
}

#live-pitch-formation-content .pitch .player .name {
    position: relative;
    font-size: 0.9167em;
    color: #fff;
    margin-left: -50%;
    cursor: pointer;
}

#live-pitch-formation-content .pitch .away .player .name {
    margin-right: -50%;
    margin-left: auto;
}

#live-pitch-formation-content .live-player-events {
    text-align: left;
    height: 1.5em;
}

#live-pitch-formation-content .away .live-player-events {
    text-align: right;
}

#live-pitch-formation-content-bench .player .name {
    color: #c0c0c0;
}

#live-pitch-formation-content .player .rating {
    display: block;
    width: 1.8em;
    font-size: 1em;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

#live-pitch-formation-content .home .rating {
    background-color: #EF4123;
}

#live-pitch-formation-content .away .rating {
    background-color: #097abf;
    margin: 0 0 0 auto;
}

#live-match-statistics.showing-player-stats .player.selected .name, #live-pitch-formation-content .player:hover .name {
    padding: 0.1em;
    color: #FFF !important;
    cursor: pointer;
}

#live-match-statistics.showing-player-stats .home .player.selected .name, #live-pitch-formation-content .home .player:hover .name {
    border: 2px solid #EF4123;
    background: #222;
    z-index: 2;
}

#live-match-statistics.showing-player-stats .away .player.selected .name, #live-pitch-formation-content .away .player:hover .name {
    border: 2px solid #097ABF;
    background: #222;
    z-index: 2;
}

#live-pitch-formation-content .away .player:hover {
    z-index: 3;
}

#live-pitch-formation-content .player td {
    padding: 0;
    white-space: nowrap;
}

#live-match-statistics-comparision {
    background: #fff;
    border: 4px solid #222;
    padding: 1em;
}

#live-match-statistics-comparision td {
    vertical-align: top;
    text-align: center;
}

#live-team-stats-comparision, #live-player-stats-comparision {
    background-color: #fff;
    border: 2px solid #8DC63F;
    padding: 0;
}

#live-team-stats-comparision .stat-group:last-child {
    padding-bottom: 0;
}

#live-match-statistics .legends {
    margin-top: 10px;
}

#live-match-statistics .legends li {
    width: 100px;
}

.match-top-performing-players .team-emblem {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 0.2em;
}

.match-top-performing-players .subst-out {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2em;
}

.match-top-performing-players.is-live-match .stat-value.number {
    background-color: #8DC63F;
}

.match-top-performing-players.is-live-match .stat-value.is-substituted {
    background-color: #666666 !important;
}

.match-top-performing-players.is-finished-match .stat-value.rating, .match-top-performing-players.is-live-match .stat-value.rating.is-substituted {
    background-color: #D66937 !important;
}

.match-top-performing-players .player-link {
    font-size: 1.1em;
    vertical-align: middle;
}

.match-top-performing-players {
    background-color: #F0F0F0;
}

.side-box-content .stat-group {
    background-color: #F0F0F0;
    border: none;
}

.possession-bar {
    width: 100%;
    text-align: center;
}

.possession-bar .home {
    background-color: #097ABF;
}

.possession-bar .away {
    background-color: #EB5B15;
}

.possession-bar .home, .possession-bar .away {
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.team-emblem.live-statistics {
    height: 2em;
    width: 2em;
    margin-bottom: 0.4em;
    vertical-align: top;
}

#live-player-stats .live-events {
    text-align: left;
}

#match-commentary-summary, #match-commentary-time-line, #match-commentary-text {
    margin-bottom: 1em;
}

#match-commentary-summary .team-emblem {
    height: 4em;
    width: 4em;
}

#match-commentary-summary {
    background-color: #F8F8F8;
    border: 1px solid #CCCCCC;
    font-size: 1.2em;
}

#match-commentary-summary .ui-icon {
    margin: 0 auto;
}

#match-commentary-summary .home, #match-commentary-summary .away {
    width: 48%;
    border: 1px solid #CCC;
}

#match-commentary-summary td {
    width: 1%;
    border: none;
    text-align: center;
}

#match-commentary-summary th {
    background-color: #F8F8F8;
}

#time-line-bar {
    position: relative;
    background: #8DC73F;
    height: 2em;
}

#time-line-bar .current-minute, #time-line-bar .time-period, #match-commentary-time-line .time-line-event {
    position: absolute;
    color: #FFF;
    font-weight: bold;
    line-height: 2em;
}

#match-commentary-time-line .time-line-event.selected {
    background-color: #222;
    padding: 0.25em;
}

#time-line-bar .current-minute {
    background-color: #8F8F8F;
    height: 100%;
}

#match-commentary-time-line .home, #match-commentary-time-line .away {
    position: relative;
    height: 2.5em;
}

#match-commentary-time-line .team-emblem {
    position: absolute;
    left: 0;
    height: 2em;
    width: 2em;
}

#match-commentary-time-line .team-emblem, #match-commentary-time-line .time-line-event {
    bottom: 0.2em;
}

#match-commentary-time-line .away .team-emblem, #match-commentary-time-line .away .time-line-event {
    top: 0.2em;
}

#match-commentary-text .match-comment td {
    border-bottom: 1px solid #DDD;
}

#match-commentary-text .match-comment .text {
    text-align: left;
}

#match-commentary-text .match-comment.red .text {
    font-size: 1em;
    line-height: 2em;
}

#match-commentary-text .match-comment.goal {
    background-color: #8DC63F;
    color: #FFF;
    font-weight: bold;
}

#match-commentary-time-line .time-line-event {
    cursor: pointer;
}

#match-commentary-text .match-comment .minute {
    padding: 1em;
    text-align: left;
}

#match-commentary-text .match-comment .type .incidents-icon {
    margin: 0 auto;
}

#match-commentary-text .match-comment.selected, #match-commentary-text .match-comment.selected .minute {
    background-color: #444444;
    color: #CCC;
}

#match-commentary-text-content {
    height: 300px;
    overflow-y: scroll;
    border: 1px solid #CCCCCC;
}

#match-commentary-text-content table {
    width: 100%;
}

#match-commentary-text .team-emblem {
    height: 2em;
    width: 2em;
}

#match-commentary-text .match-comment .type {
    width: 5%;
    text-align: center;
}

#live-touch-channels-content, #live-attempt-directions, #live-attempt-zones, #live-touch-zones, #live-average-positions, #ws-touch-channels-content, #ws-attempt-directions-content, #ws-attempt-zones-content, #ws-touch-zones-content, #ws-average-positions-content {
    background: none repeat scroll 0 0 #222222;
    display: inline-block;
    width: 100%;
}

#ws-chart-stats .stats-empty, #ws-pitch-stats .stats-empty, #live-chart-stats .stats-empty, #live-pitch-stats .stats-empty {
    color: #FFF;
}

#ws-chart-stats .stat-group, #live-chart-stat .stat-group {
    margin-top: 0;
}

#live-pitch-stats .panel-header {
    color: #5C9F13;
}

#ws-chart-stats .home, #ws-pitch-stats .home, #live-chart-stats .home, #live-pitch-stats .home, #team-pitch-stats .home {
    text-align: left;
}

.average-player-position-details {
    width: 13em;
    background: none repeat scroll 0 0 #222222;
    color: #CCC;
    display: none;
    opacity: 0.8;
    padding: 0.3em;
    position: absolute;
}

.average-player-position-details .detail {
    font-weight: bold;
}

.match-link {
    float: right;
    color: #FFF;
    font-size: 0.9167em;
    padding: 0 0.25em;
    font-weight: bold;
}

.match-link.preview {
    background-color: #3399CC;
}

.match-link.live, .match-link.lineups-confirmed {
    background-color: #8DC63F;
}

.match-link.match-report {
    background-color: #EABC23;
}

#team-fixtures-summary-content-next .note {
    text-align: center;
}

.not-current-player, .not-current-player a.player-link {
    color: #808080;
}

#team-squad-stats td.info {
    text-align: left;
}

#team-squad-stats-defensive .in-squad-basic-option, #team-squad-stats-offensive .in-squad-basic-option, #team-squad-stats-passing .in-squad-basic-option {
    display: none !important;
}

#team-players-top-lists .stats-empty {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #F1F1F1;
    color: #666666;
    display: inline-block;
    font-style: italic;
    left: 0 !important;
    line-height: 2em;
    position: absolute;
    text-align: center;
    top: 100% !important;
    width: 99.8%;
}

#overall-formation-dates-header, #tournament-formation-dates-header, #team-formations .match-name {
    background-color: #F8F8F8;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
    text-align: center;
}

#team-formations #team-formations-content {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
}

#team-formations #team-formations-content.pitch {
    background-size: 100% 100%;
}

#team-formations-content .col {
    padding-bottom: 1em;
}

#team-formations-content .col th.desc, #team-formations-content .col th.asc {
    color: #FFF;
}

.best-formation .player-name-wrapper, #tournament-formation-content .player-name-wrapper, #team-formations-content .player-name-wrapper {
    position: absolute;
    top: 2em;
    margin-left: -100%;
    color: #CCCCCC;
    text-align: center;
    white-space: nowrap;
}

#team-formations-content .player-name-wrapper {
    top: 3.5em;
}

.best-formation .player, #tournament-formation-content .player {
    height: 4em;
    width: 4em;
}

#team-formations-content .player {
    height: 30px;
    width: 30px;
}

.best-formation .player, #tournament-formation-content .player, #team-formations-content .player {
    position: relative;
    display: inline-block;
    text-align: left;
}

.team-pitch-formation .team-link {
    color: #CCCCCC;
    font-size: 0.8em;
}

.team-pitch-formation .team-rating {
    color: #fff;
    font-size: 2em;
    padding: 0.5em;
    font-weight: bold;
}

.player-wrapper .team-link-wrapper {
    height: 1em;
    position: relative;
}

#team-formations-content.all-players #team-formation-position-GK {
    width: 33%;
}

@media screen and (max-width: 619px) {
    #team-formations-content.all-players .col {
        display: block;
        width: 100%;
        padding: 0;
    }

    #team-formations-content.all-players #team-formation-position-GK {
        width: 100%;
    }
}

.player-wrapper .team-link-wrapper .team-link {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 125%;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 480px) {
    .best-formation.pitch .player-name {
        font-size: 11px;
    }

    .best-formation.pitch .player-wrapper .team-logo-wrapper {
        height: 40%;
    }
}

.team-pitch-formation .team-rating .rating {
    padding: 0 0.2em;
}

.team-pitch-formation.home .team-rating {
    text-align: left;
}

.team-pitch-formation.away .team-rating {
    text-align: right;
}

.team-formations-position td, .team-formations-position th {
    height: 1em;
}

.team-pitch-formation td {
    vertical-align: top;
    padding: 0.2em;
}

.header, .tournament-header, .team-header {
    /*background-color: #f2f2f2;*/
    padding: 0.5em;
}

.top-players-list .team-emblem, #tournament-top-players-content .team-emblem, #tournament-top-teams-content .team-emblem {
    vertical-align: middle;
}

#tournament-top-players-content .team-emblem, #tournament-top-teams-content .team-emblem {
    display: inline-block;
    height: 2em;
    width: 2em;
}

.top-players-list .team-link, #tournament-top-players-content .team-link {
    color: #7c7c7c;
    vertical-align: middle;
}

.top-players-list .ws-list .list-key, .top-players-list .ws-list .stat-title, #tournament-top-players-content .ws-list .list-key, #tournament-top-players-content .ws-list .stat-title {
    width: 50%;
}

.top-players-list .ws-list .tn, #tournament-top-players-content .ws-list .tn {
    width: 50%;
    white-space: nowrap;
    text-align: left !important;
}

#tournament-player-ratings .stat-title, #tournament-player-ratings .list-key {
    width: 55% !important;
}

.top-scorers-list td.tn, #tournament-top-scorers td.tn {
    color: #7C7C7C;
    vertical-align: middle;
    margin-left: 0.2em;
}

.top-scorers-list .team-emblem, #tournament-top-scorers .team-emblem {
    height: 1.5em;
    width: 1.5em;
    margin-left: 0.3em;
}

.top-scorers-list .con, #tournament-top-scorers .con {
    font-weight: bold;
    text-align: center;
}

.top-scorers-list .stat-bar-wrapper, #tournament-top-scorers .stat-bar-wrapper {
    position: relative;
}


.team-formation-info {
    display: inline-block;
}

.team-formation-info li {
    line-height: 1.5em;
    font-weight: bold;
}

.team-formation-info .label {
    font-weight: normal !important;
    color: #999;
}

.team-formation-info .selected-formation-name {
    color: #878787;
    font-size: 3em;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 23px;
}

.team-formation-info .match-name {
    background-color: #93C73F;
    font-size: 1.2em;
    padding: 0.3em;
}

#tournament-formation-content .team-formations-position {
    margin: 0 auto;
    overflow-y: auto;
}

#tournament-formation-content .formation-name {
    width: 70%;
    color: #F7F599;
    font-weight: bold;
    text-align: left;
}

#tournament-formation-content .team-formations-position-players {
    background: none repeat scroll 0 0 #F8F8F8;
}

#tournament-formation-content .team-formations-position-player {
    font-size: 0.9167em;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

#ws-physical-filter dd, #live-physical-filter dd {
    margin-right: 0;
}

#ws-physical-filter dl.listbox.right, #live-physical-filter dl.listbox.right {
    border-left: 1px solid #FFF;
}

#ws-physical-filter dl.listbox, #live-physical-filter dl.listbox {
    padding-right: 0.3em;
}

#ws-physical .listbox .option, #live-physical .listbox .option {
    padding-right: 0.3em;
}

#preview .two-cols .home, #preview .two-cols .away {
}

#preview .home {
    text-align: left;
}

#preview .pitch .away {
    text-align: right;
}

#preview .pitch .player-name {
    margin-left: 0%;
    *margin-left: auto;
    padding: 0;
    zoom: 1;
    color: #fff;
    font-size: 11px;
}

#preview .pitch .away .player-name {
    margin-left: auto;
    *margin-right: auto;
    margin-right: 0;
}

.grid .column-header {
    background-color: #393939;
}

.note {
    padding: 1em;
    background-color: #F8F8F8;
    color: #222;;
}

.match-intensity {
    margin-left: 43%;
}

.match-intensity dt {
    font-weight: bold;
}

#preview-streaks .grid .title, #preview-forms .grid .title {
    width: 25%;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}

#preview-forms .grid .form {
    width: 75%;
    text-align: center;
}

#preview-forms .grid .form a.box {
    width: 2.4em !important;
    line-height: 2.4em;
}

#preview-streaks .grid td, #preview-forms .grid td {
    border: none;
}

#preview-streaks .grid td.empty {
    color: #CCCCCC;
}

#preview-streaks .grid th, #missing-players .grid th {
    background-color: #FFF;
    color: #222;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 0px 0px 1px 0px;
}

#missing-players .grid th.player {
    width: 80%;
}

#missing-players .grid td.reason, #missing-players .grid td.confirmed, #missing-players .grid td.rating {
    font-size: 0.9167em;
    text-align: center;
    color: #808080;
}

ul.items {
    padding: 10px;
    list-style-type: disc;
}

ul.items li {
    margin-bottom: 5px;
}

#probable-lineup-stats {
    background-color: #444;
    border: 1px solid #555;
}

#probable-lineup-stats .team-link {
    color: #FFF;
}

#probable-lineup-stats .stat-info {
    padding-bottom: 0;
}

#probable-lineup-stats .stat-group {
    background: none;
    border: none;
    margin-top: 0.1em;
}

#probable-lineup-stats .stat {
    margin: 0;
}

#probable-lineup-stats .stat-value {
    font-weight: bold;
    COLOR: #f0f0f0;
}

#probable-lineup-stats .stat-label {
    color: #AAA;
}

#probable-lineup-stats h2 {
    color: #BFA93B;
    font-size: 1.4em;
    font-weight: bold;
    padding-top: 0;
    text-align: center;
}

#probable-lineup-stats .greater {
    color: #6CC72A;
}

#probable-lineup-stats .stat-bar.greater {
    color: #84ED34;
}

#probable-lineup-stats .overall-stat-value {
    font-size: 0.8em;
    color: #D0D0D0;
}

#probable-lineup-stats .iconize-icon-left {
    padding-left: 1.4em;
}

#probable-lineup-stats .iconize-icon-right {
    padding-right: 1.4em;
}

#probable-lineup-stats .stat-bar-wrapper {
    position: relative;
}

#probable-lineup-stats .stat-bar-wrapper .overall-stat-value {
    font-weight: bold;
}

#probable-lineup-stats .stat-bar-wrapper.home .outer-value {
    left: -2em !important;
    right: auto;
}

#probable-lineup-stats .stat-bar-wrapper.away .outer-value {
    right: -2em;
}

#probable-lineup-stats .home .stat-bar {
    text-align: right;
}

#probable-lineup-stats .home {
    text-align: right !important;
}

#probable-lineup-stats .away {
    text-align: left !important;
}

#probable-lineup-stats .info {
    text-indent: 1em;
    color: #C0C0C0 !important;
}

.team-name .team-link, .team-name .team-emblem {
    vertical-align: middle;
}

#preview-team-news .note {
    padding-top: 0;
}

#preview-team-news .team-emblem {
    height: 30px;
    width: 30px;
}

#preview-team-news .team-link {
    font-size: 1.2em;
    font-weight: bold;
}

#preview-prediction {
    background-color: #FFFFFF;
    border: 1px solid #C8DEF4;
    font-weight: bold;
    padding: 0.5em 0;
    position: relative;
    text-align: center;
}

#preview-prediction .home, #preview-prediction .away {
    text-align: center;
}

#preview-prediction .home {
    border-right: 1px solid #fff;
}

#preview-prediction .team-emblem {
    height: 20px;
    width: 20px;
}

#preview-prediction .predicted-score {
    background-color: #DFEEFF;
    border: 1px solid #C8DEF4;
    line-height: 1.5em;
    width: 22px;
}

#preview-prediction .home .team-name {
    float: left;
    text-align: right;
}

#preview-prediction .away .team-name {
    float: right;
    text-align: left;
}

#preview-prediction .home .predicted-score {
    float: right;
}

#preview-prediction .away .predicted-score {
    float: left;
}

#preview-prediction-author-name {
    background-color: #FFFFFF;
    border-color: #C8DEF4;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #4776A5 !important;
    font-style: italic;
    font-weight: normal;
    left: -0.05em;
    padding: 0.2em 0.5em;
    position: absolute;
    top: -2em;
}

#pre-match-side-content label {
    color: #707070;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
}

#h2h-summary-top-players .team-emblem {
    background-color: #F98954;
    height: 30px;
    width: 30px;
}

#h2h-summary-top-players .team-name {
    background-color: #EF4123;
    font-weight: bold;
    text-align: left;
}

#h2h-summary-top-players .away .team-name {
    background-color: #097ABF;
}

#h2h-summary-top-players .team-name a {
    color: #FFFFFF;
    font-size: 0.9167em;
    white-space: nowrap;
}

#h2h-summary-top-players .stat-value {
    background-color: #EF4123;
}

#h2h-summary-top-players .away .stat-value {
    background-color: #097ABF;
}

#h2h-summary-top-players .away .team-emblem {
    background-color: #46B3F2;
}

#h2h-summary-previous-meetings li {
    float: none;
    border: none;
    padding: 0;
}

.pie-chart-comparision {
    position: relative;
    text-align: center;
}

.pie-chart-comparision .title {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}

.pie-chart-comparision .home, .pie-chart-comparision .away, .pie-chart-comparision .stat-info {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}

.pie-chart-comparision .stat-group {
    border: none;
    background-color: #FFF;
    padding-bottom: 0;
}

.pie-chart-comparision .teamEmblem {
    height: 2em;
    width: 2em;
}

.pie-chart-comparision .stat {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-top: 0;
}

.pie-chart-comparision .stat:hover, .pie-chart-comparision .stat.selected {
    background-color: #A2BE67;
    cursor: pointer;
}

#stage-pitch-stats .stat-info {
    width: 100px;
}

#stage-team-stats .stat-value, #stage-pitch-stats .stat-value {
    font-size: 1em;
    font-weight: bold;
}

#stage-team-stats .tn {
    width: auto;
}

#player-matches-stats .grid .pn {
    width: auto;
    padding-left: 2px;
}

#player-matches-stats .player-match-link {
    color: #222;
    font-weight: bold;
    width: 30%;
}

#player-matches-stats .date {
    padding-left: 0;
}

#player-matches-stats table .player-match-link .scoreline {
    display: block;
    text-align: left;
    font-weight: normal;
    color: #808080;
    font-size: 11px;
    line-height: 8px;
}

.yellow-card-box {
    background-color: #FFCC05 !important;
    color: #666 !important;
}

.red-card-box {
    background-color: #CA2027 !important;
    color: #FFF !important;
}

.yellow-card-box, .red-card-box {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 1.7em !important;
    margin-left: 0.1em;
    margin-right: 0.1em;
    border-radius: 3px;
}

.pitch-stats-titles, .pitch-stats-wrapper {
    background: none repeat scroll 0 0 #222222;
    display: inline-block;
    padding-bottom: 1em;
    padding-top: 1em;
    width: 100%;
}

.pitch-stats-titles {
    vertical-align: bottom;
    color: #FFF;
    font-weight: bold;
    padding-bottom: 0;
}

.pitch-stats-titles .title {
    color: #FFF;
    text-indent: 1em;
}

#team-stage-stats .ws-list .list-key {
    font-weight: normal;
}

.grid.fixture .rowgroupheader th {
    padding-left: 0;
    text-align: left;
    background-color: #FFF;
    color: #222;
}

.grid.fixture .hasDetails {
    border-bottom: none;
}

.grid.fixture .incident {
    background-color: #ececec;
}

.grid.fixture .incident.last {
    border-bottom: 1px solid #ececec;
}

.fixture-calendar {
}

.fixture-calendar .button {
    padding: 0.25em;
}

#top-player-stats .team-link {
    color: #808080;
}

#top-team-stats .tn {
    width: auto;
}

#side-box-statistics-forms, #side-box-statistics-streaks {
    position: relative;
}

#side-box-statistics th, #todays-statistics-and-facts th {
    background-color: #f0f0f0;
    color: #222;
    padding: 0.5em 0em;
    text-align: left;
}

#todays-statistics-and-facts td {
    text-align: left;
}

#side-box-statistics .tabs li, #side-box-statistics td {
    border: none;
}

#side-box-statistics .grid-toolbar {
    margin-top: 0.5em;
    background-color: #F0F0F0;
}

#side-box-statistics .grid-toolbar dd {
    padding: 0;
    border: none;
}

#side-box-statistics .form a:last-child {
    text-decoration: underline;
}

#side-box-statistics .grid-toolbar a.selected {
    background-color: #D0D0D0;
}

.show-more-link {
    text-align: right;
    padding: 0.5em 0em;
    margin-top: 0.5em;
}

#twitter-follow {
    text-align: center;
    margin-left: 1em;
}

#social-networks {
    position: relative;
}

#social-networks .listbox {
    position: absolute;
    top: -38px;
    right: 15px;
    height: 35px;
}

#social-networks dt {
    color: #C7F981;
    font-size: 1.1em;
    font-weight: bold;
}

#twitter, #facebook {
    height: 35px;
    width: 23px;
    display: inline-block;
    padding: 0em 0.2em;
}

#facebook {
    background-position: 0 0;
}

#twitter {
    background-position: 0 -35px;
}

#facebook-feed {
    margin: 1em 0;
}

#opta-logo {
    height: 16px;
    width: 35px;
    display: block;
}

#side-ad1 {
    margin: 0.65em 0;
    text-align: center;
}

#player-profile {
    background-color: #F2F2F2;
    padding: 0.5em;
}

#player-profile .player-picture {
    background-color: #FFF;
    padding: 0.5em;
}

#player-profile #player-picture-container {
    position: relative;
    float: left;
}

#player-profile .add-favourite-team {
    position: absolute;
    height: 20px;
    bottom: 6px;
    right: 6px;
    font-size: 10px;
    padding: 0px 5px;
    display: none;
}

#player-profile .add-favourite-team a {
    text-decoration: none;
    color: #008bdf;
}

#player-profile .player-picture, #player-profile .player-info {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

#player-profile .player-info {
    padding-left: 1em;
    width: 500px;
}

#player-profile .player-info dl {
    text-align: left;
    line-height: 2em;
}

#player-profile .player-info dt, #player-profile .player-info dd {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#player-profile .player-info dd {
    text-indent: 0.5em;
    vertical-align: top;
}

#player-profile .player-info dt {
    font-weight: bold;
}

#player-positional-statistics {
    display: inline-block;
    width: 392px;
    zoom: 1;
    *display: inline;
}

#player-positional-statistics td {
    cursor: pointer;
}

#player-positions-pitch {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    height: 150px;
    position: relative;
    width: 272px;
}

#player-positions-pitch .player {
    position: absolute;
    height: 20px;
    width: 20px;
}

#player-positions-pitch .position-text {
    display: none;
    margin-top: 2em;
    color: #CCC;
}

#player-positions-pitch .position-text.on-right-wing {
    margin-top: -2em;
}

#player-positions-pitch .player.selected .position-text {
    display: block;
    font-weight: bold;
}

#player-positions-pitch .player.selected {
    border: 2px solid #FFF47F;
    border-radius: 10px;
}

#top-team-stats .tournament-link, #player-tournament-stats .tournament-link {
    color: #222;
}

#top-team-stats .tournament-link.secondary-link {
    color: #808080;
}

h2 .internal-link {
    font-size: 0.489em;
    font-weight: normal;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 2em;
}

#ie-update-browser {
    background-color: #930707;
    display: none;
    color: #FFF;
    padding: 0em 0.5em;
}

#ie-update-browser a {
    color: #FFF;
    font-weight: bold;
    margin-right: 0.5em;
}

.character-card {
    background-color: #F8F8F8;
    text-align: left;
}

.character-card .home, .character-card .away {
    text-align: left;
    width: 49.5%;
}

.character-card .strengths h3, .character-card .weaknesses h3 {
    text-align: center;
}

.character-card .info {
    text-align: center !important;
}

.character-card .style {
    margin-top: 1em;
}

.character-card .style li {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.character-card .style h3 {
    border-top: 1px solid #E0E0E0;
    text-align: left;
}

@media screen and (min-width: 720px) {
    .character-card.singular .strengths .grid {
        border-right: 1px solid #E0E0E0;
    }
}

.character-card.singular .strengths .grid td {
    padding-right: 1em;
    white-space: normal;
    width: 72%;
}

.character-card.for-comparision .style {
    margin-top: 0;
    padding: 0;
}

.character-card.for-comparision .style, .character-card.for-comparision .weaknesses {
    margin-top: -0.45em;
    *margin-top: 0em;
}

.character-card.for-comparision .style h3 {
    border-top: none;
    text-align: center;
}

.character-card.for-comparision .style ul {
    padding: 0.2em;
}

.character-card.for-comparision .home, .character-card.for-comparision .away {
    background-color: #F8F8F8;
}

.character-card.for-comparision .strengths .grid td, .character-card.for-comparision .weaknesses .grid td {
    width: 75%;
    white-space: normal;
}

.betting-comparision-clash {
    padding: 1em 0em;
}

.betting-comparision-clash .home, .betting-comparision-clash .away {
    width: 49.5%;
}

.clash {
}

.clash-bar {
    display: inline-block;
    height: 1.6em;
    vertical-align: middle;
}

.home .clash-bar {
    background-color: #EB5B15;
}

.away .clash-bar {
    background-color: #097ABF;
}

.clash-bar-wrapper {
    line-height: 2em;
}

.clash-value, .clash-label, .clash-percentage {
    vertical-align: middle;
}

.clash .two-cols {
    float: left;
}

.clash-label {
    margin: 0;
    padding: 0 12px;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.8em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    -moz-box-shadow: 1px 1px 4px #888;
    -webkit-box-shadow: 1px 1px 4px #888;
    box-shadow: 1px 1px 4px #888;
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#8888', Direction=135, Strength=1);
}

.clash-bar-label {
    margin: 0 0.5em;
}

.clash-bar-label-text {
    font-size: 0.9167em;
    color: #888;
    vertical-align: middle;
}

.clash-value {
    margin: 0 0.5em;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6em;
    vertical-align: top;
    color: #ffffff;
}

.clash-bar-label-text .box {
    width: 18px;
    display: inline-block;
    text-align: center;
    height: 18px;
    line-height: 18px;
}

.clash-percentage {
    margin: 0 0.1em;
    font-weight: bold;
}

.l-win {
    background-color: #6CC72A;
}

.l-draw {
    background-color: #B8B8B8;
}

.l-lose {
    background-color: #FF5B00;
}

.l-win, .l-draw, .l-lose {
    color: #FFF;
    font-size: 1.091em;
    font-weight: bold;
    padding: 0 0.25em;
}

.betting-comparision-additive td {
    text-align: center;
}

.betting-comparision-additive .bar-row td {
    padding: 1em 0;
    vertical-align: bottom;
}

.additive-column {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 100%;
    font-size: 0.8em;
    vertical-align: bottom;
    width: 55px;
}

.additive-column-bar {
    margin: 0 0.3em;
    color: #FFFFFF;
    font-weight: bold;
    height: 60px;
    text-align: center;
}

.additive-column-bar.home {
    background-color: #EB5B15;
}

.additive-column-bar.away {
    background-color: #097ABF;
}

.additive-category-label {
    font-weight: bold;
    font-size: 1.5em;
}

.additive-column-label {
    color: #808080;
    margin: 0 0.2em;
    font-size: 1.2em;
}

.with-shared-label .home, .with-shared-label .away {
    width: 45%;
}

.with-shared-label .clash-label {
    border: medium none;
    display: inline-block;
    line-height: 2.2em;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 9.69%;
}

#goals-csfs-betting .column-categories {
    display: none;
}

#goals-goaltimes-betting-filter-intervalScale .listbox {
    font-weight: bold;
}

#goals-correctscore-betting-content .home, #goals-correctscore-betting-content .away {
    width: 45%;
}

#match-result-betting .info, #goals-betting .info {
    padding: 1em 0;
}

.page-controls-bar {
    margin-top: 1em;
    text-align: left;
}

.page-control {
    background-color: #FF5B00;
    color: #FFF;
    display: inline-block;
    cursor: pointer;
}

.page-control:hover {
    background-color: #8DC63F;
    color: #FFF;
}

.page-control.active {
    background-color: #8DC63F;
    color: #fff;
}

.page-control.active:hover {
    background-color: #FF5B00;
}

.page-control .text {
    float: right;
    line-height: 2.5em;
    margin: 0 0.5em;
}

.page-control .button {
    float: left;
    padding: 0;
    background: none repeat scroll 0 0 #E0E0E0;
    border-right: 1px solid #CCCCCC;
    box-shadow: 1px 1px 10px #AAAAAA;
    height: 2.5em;
    width: 30px;
}

.page-control.active .button {
    background-color: #8DC63F;
    border-color: #8ABF41;
    box-shadow: 1px 1px 10px #8ABF41;
}

.page-control.active .text {
}

.page-controls-bar h3 {
    display: inline-block;
    float: left;
    color: #808080;
}

.grid .odds {
    padding-right: 6px;
    width: 48px;
    text-align: right;
}

.grid .payout {
    width: 48px;
    text-align: center;
    color: #888;
}

.grid .odds, .grid .payout {
    border-left: 1px solid #e5e5e5;
}

.grid .expired .odds-numeric {
    color: #888 !important;
}

.market-subtype {
    display: block;
    border-bottom: 2px solid #fff;
    padding-left: 0.5em;
    background-color: #f3f3f3;
    line-height: 1.8em;
}

.market-subtype.expand {
    color: #fff;
    background-color: #222;
}

.market-subtype:hover {
    text-decoration: none;
}

.market-subtype-name {
    display: inline-block;
    width: 4em;
    font-weight: bold;
    font-size: 1.2em;
}

.market-subtype-providers {
    display: inline-block;
    font-size: 0.9167em;
}

.avg-odds {
    border-top: 1px solid #D5D5D5;
    background-color: #f2f2f2;
}

.max-odds {
    border-bottom: 2px solid #fff;
    background-color: #D5E8B2;
}

.max-odds .odds, .max-odds .payout {
    border-left: 1px solid #E7E7E7;
}

.odds.max {
    background-color: #D5E8B2 !important;
}

.alt .odds.max {
    background-color: #cdE0aa !important;
}

.matchFacts {
    width: 100%;
    background-color: #F8F8F8;
}

.matchFacts .fact:first-child {
    border-top: none;
}

.matchFacts .fact {
    border-top: 1px solid #C2C2C2;
}

.matchFacts .factText {
    padding: 10px 10px 10px 10px;
}

.banner {
    bottom: 3px;
    position: absolute;
    right: -5px;
    border-radius: 0 6px 6px 0;
}

.best-slip-button {
    background: #666666;
    background: -moz-linear-gradient(top, #666666 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
    background: -o-linear-gradient(top, #666666 0%, #333333 100%);
    background: -ms-linear-gradient(top, #666666 0%, #333333 100%);
    background: linear-gradient(top, #666666 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 2em;
    padding-left: 0.5em;
    position: relative;
    white-space: nowrap;
    box-shadow: 0 2px 2px #999999;
    margin-bottom: 10px;
}

.matchFacts .best-slip-button {
    margin-bottom: 0px;
    width: 280px;
    text-align: left;
}

.best-slip-button:hover {
    background: #333333;
    text-decoration: none;
}

.best-slip-button .odds-numeric {
    color: #FFAA00;
    font-weight: bold;
    padding: 4.3px;
    text-shadow: 0 1px #222222;
}

.best-odds {
    position: absolute;
    right: 85px;
    top: 0;
}

.slip-button {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    padding-left: 0.5em;
    width: 260px;
    line-height: 2em;
    margin-right: 10px;
    color: #fff;
    white-space: nowrap;
    zoom: 1;
    background: #7d7e7d;
    background: -moz-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: -o-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: -ms-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: linear-gradient(top, #7d7e7d 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#333333', GradientType=0);
}

.slip-button .odds {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 5px 0;
    padding: 0 4px;
    font-weight: bold;
    zoom: 1;
    background: #ffa84c;
    background: -moz-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84c), color-stop(100%, #E8620D));
    background: -webkit-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: -o-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: -ms-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#E8620D', GradientType=0);
}

.slip-button:hover {
    background-color: #333;
    background-image: none;
}

.slip-button:hover .odds {
    background-color: #E8620D;
    background-image: none;
}

.matchFacts .factValue {
    font-weight: bold;
    font-size: 16px;
    color: #E8620D;
}

.matchFacts .factName {
    font-weight: bold;
}

.fact .matchlink-container {
    margin-bottom: 8px;
    padding-left: 5px;
}

.factSideBox {
    margin: 0 5px 0 5px;
}

.factSideBox .factText {
    margin: 10px 0 10px 0;
}

.factSideBox .factBetWrapper {
    margin: 0 0 5px 0;
}

.factSideBox .factValue {
    font-weight: bold;
    font-size: 16px;
    color: #E8620D;
}

.factSideBox .matchLink {
    font-size: 0.875em;
    font-style: italic;
    color: #555555;
}

.factSideBox .factName {
    font-weight: bold;
}

.factSideBox .best-slip-button {
    display: block;
}

.funFact {
    font-size: 1.17em;
}

.funFactSentence {
    margin: 3px;
}

.funFactShare {
    height: 23px;
    text-align: right;
    padding-right: 10px;
}

.graphicItem {
    background-color: #F8F8F8;
    width: 100%;
    position: relative;
}

.graphicItem-image {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.graphicItem-image img {
    max-width: 100%;
    height: auto;
}

.graphicItem-date {
    color: #9A9D94;
    margin-top: 5px;
    padding-left: 10px;
}

.graphicItem-comments {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.graphicItem-title {
    color: #0093D4;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 10px;
    display: block;
}

.graphicItem-social {
    position: relative;
    height: 20px;
    line-height: 20px;
}

.graphicItem-share {
    position: absolute;
    left: 10px;
    bottom: 10px;
    line-height: 20px;
}

.graphicItem-share .twitter-share-button {
    vertical-align: top;
}

.graphicItem-description {
    border-top: 1px dotted #AABBCC;
    margin: 0 20px;
    padding: 20px 0;
    position: relative;
}

.graphics-sideitem {
    border-bottom: 1px dotted #CCCCCC;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.graphics-sideitem-comments {
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.graphics-sideitem-date {
    color: #9A9D94;
    margin-top: 5px;
}

.graphics-sideitem-title {
    color: #222222;
}

a.back-to-main-list {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    text-decoration: underline;
}

#odds-side-box {
    padding-top: 10px;
}

#odds-side-box .best-slip-button {
    width: 100%;
}

#odds-side-box .oddsButton {
    width: 270px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
    padding: 5px 5px;
    position: relative;
    display: inline-block;
    background: #7d7e7d;
    background: -moz-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: -o-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: -ms-linear-gradient(top, #7d7e7d 0%, #333333 100%);
    background: linear-gradient(top, #7d7e7d 0%, #333333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#333333', GradientType=0);
}

#odds-side-box .oddsText {
    color: #FFF;
}

#odds-side-box .oddValue {
    border-radius: 0 5px 5px 0;
    color: #FFF;
    padding: 5px 6px 5px 6px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    font-weight: bold;
    background: #ffa84c;
    background: -moz-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa84c), color-stop(100%, #E8620D));
    background: -webkit-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: -o-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: -ms-linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    background: linear-gradient(top, #ffa84c 0%, #E8620D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa84c', endColorstr='#E8620D', GradientType=0);
}

.suggested-bets {
    margin: 20px 0 20px 0;
}

.suggested-bets .slip-button {
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 2em;
    margin-right: 10px;
    padding-left: 0.5em;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    width: 31%;
}

.player-league-records {
    background-color: #F8F8F8;
    display: block;
    line-height: 1.267em;
    list-style: disc outside none;
    padding: 20px;
}

.player-league-records li {
    margin-bottom: 10px;
}

.player-league-records a {
    color: #222222;
}

.player-league-records a:hover {
    text-decoration: underline;
}

.player-league-records2 {
}

.player-league-records2 .container {
    text-align: center;
    background-color: #F8F8F8;
    padding: 10px;
    border-bottom: 1px dotted gray;
}

.player-league-records2 .container .item {
    vertical-align: top;
    display: inline-block;
    width: 32%;
}

.container .value {
    color: darkorange;
    font-size: 18px;
}

.comment-close-button {
    background-color: #f2f2f2;
    width: 1.1em;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

.user-comments-table tbody tr {
    cursor: pointer;
}

.incident-icon-legends {
    padding: 4px;
}

.incident-icon-legend {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 4px;
    width: 180px;
}

.incident-icon-legend label {
    color: #222;
    font-size: 11px;
}

.incident-icon-legend label, .incident-icon-legends .incident-icon {
    display: inline-block;
    vertical-align: middle;
}

.switch-to-version-options {
    position: absolute;
    left: 100px;
    top: 0;
    font-size: 12px;
}

.switch-to-version-options a {
}

.switch-to-version-options .old-version {
    font-size: 12px;
    color: #666;
    line-height: 22px;
}

.switch-to-version-options .new-version {
    background: #89C03F;
    font-weight: bold;
    text-decoration: blink;
    color: #fff;
    padding: 4px;
    -webkit-animation: pulse 3s infinite;
    animation: pulse 3s infinite;
}

.recent-video {
    display: inline-block;
    width: 300px;
    padding: 6px;
    margin-bottom: 40px;
    vertical-align: top;
    position: relative;
}

.recent-video:hover {
    z-index: 900;
}

.video-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
}

.recent-video:hover .video-title {
    overflow: visible;
    background-color: wheat;
    white-space: inherit;
}

#top-video {
    position: relative;
}

#top-video-title {
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-top: 0;
    line-height: 1.2em;
}

#top-video-thumbnail {
    float: left;
    width: 60%;
    height: 100%;
}

#top-video-description {
    float: right;
    width: 35%;
    margin-top: 40px;
    font-size: 1.4em;
    color: white;
}

#top-video-description:hover {
    text-decoration: underline;
}

#top-video-date {
    position: absolute;
    color: white;
    bottom: 5px;
    left: 10px;
}

#top-video-comment-count {
    color: white;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

#top-video-content {
    background-color: black;
    display: block;
}

#top-video-content2 {
    text-align: center;
    background-color: black;
    margin: 0 auto;
    display: block;
    position: relative;
    padding-bottom: 30px;
    max-width: 660px;
}

#recent-videos-list {
    text-align: center;
}

#top-video-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.video-date {
    position: absolute;
    color: #FFF;
    bottom: 40px;
    left: 10px;
}

.video-comment-count {
    position: absolute;
    color: #FFF;
    bottom: 10px;
    right: 10px;
    display: inline-block;
}

.video-thumbnail {
    width: 100%;
    height: 100%;
}

#recent-videos-show-more {
    background-color: silver;
    text-align: center;
    width: 50%;
    margin: 0 auto;
    padding: 5px;
}

#single-video-content {
    background-color: #FFF;
    margin-bottom: 50px;
}

#single-video-date {
    color: #9A9D94;
    margin-top: 5px;
    padding-left: 10px;
}

#single-video-frame {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

#single-video-description {
    border-top: 1px dotted #AABBCC;
    margin: 0 20px;
    padding: 20px 0;
    position: relative;
}

.user-comments-table .replyTo {
    color: #ABABAB;
}

.user-comments-table .deleted {
    color: #ABABAB;
    font-style: italic;
}

.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.user-comments-table {
    table-layout: fixed;
}

.user-comments-table td.comment-text {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.user-comments-table td.comment-date {
    text-align: left;
    color: #ABABAB;
    font-size: 11px;
}

.user-comments-table thead .date-column-title {
    width: 7em;
}

.positive-vote {
    color: #27ae60;
}

.negative-vote {
    color: #e74c3c;
}

.user-comments-table thead span.rate-positive::after, .user-comments-table thead span.rate-negative::after {
    margin-left: 16px;
    font-weight: bold;
}

.user-comments-table thead span.rate-positive::after {
    content: '+';
    color: #27ae60;
    font-size: 1.25em;
}

.user-comments-table thead span.rate-negative::after {
    content: '-';
    color: #e74c3c;
    font-size: 1.5em;
}

#comment-popularity-wrapper {
    float: left;
}

#user-score-predictions-wrapper {
    float: left;
}

div.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#motm-predictions {
    background-color: #F8F8F8;
    padding: 2em 0em 3em 0em;
    position: relative;
}

.material-btn {
    position: relative;
    padding: 8px 30px;
    border: 0;
    margin: 10px 1px;
    cursor: pointer;
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(255, 255, 255, .84);
    -webkit-transition: box-shadow .28s cubic-bezier(0.4, 0, .2, 1);
    transition: box-shadow .28s cubic-bezier(0.4, 0, .2, 1);
    outline: 0 !important;
    font-weight: bold;
}

.material-btn.disabled {
    opacity: 0.5;
}

.material-btn:hover {
    color: #fff;
}

.material-btn-success {
    background-color: #93C73F;
    border-color: #76A333;
}

.predict-player {
    padding-top: 2em;
}

.predict-player select, #preview #score-voting select {
    padding: 5px 0;
    color: #666;
}

#preview #score-voting select {
    text-align: center;
}

.predict-player select {
    text-align: left;
}

.predict-player button, #score-voting button {
    margin: 0px 1em;
    padding: 7px 15px;
    color: rgba(255, 255, 255, .84);
}

.user-score-prediction {
    color: #666;
    margin: 0 10px;
}

.user-score-prediction.home, .user-score-prediction.away {
    text-align: left;
    width: 120px;
}

.user-score-prediction option.draw {
    font-weight: bold;
}

.user-score-prediction option.home, .user-score-prediction option.away {
    font-weight: bold;
}

#user-motm-prediction option.home, .user-score-prediction option.home {
    color: #EF4123;
}

#user-motm-prediction option.away, .user-score-prediction option.away {
    color: #097ABF;
}

.stat-bar-wrapper.max-value {
    width: 100%;
}

.prediction-list {
    height: 33em;
    position: relative;
    padding: 0 0 0 3em;
}

.prediction-list ol {
    list-style: outside none none;
}

.prediction-list ol li {
    margin: 14px 0px;
}

.prediction-list .player-name {
    font-size: 13px;
}

.prediction-list .team-name {
    font-style: italic;
    font-weight: normal;
    color: #606060;
    margin-left: 0.5em;
    font-size: 11px;
}

.prediction-list .stat-bar-wrapper, .prediction-list .stat-bar-wrapper .stat-bar {
    height: 1.75em;
    line-height: 1.75em;
}

.score-prediction-chart-wrapper > span {
    display: inline-block;
}

.stat-bar-wrapper.away {
    background-color: #B3D3E5;
}

.stat-bar.away {
    background-color: #097ABF;
}

.stat-bar-wrapper.home {
    background-color: #F7BDA3;
}

.stat-bar.home {
    background-color: #EB5B15;
}

.stat-bar-wrapper.other {
    background-color: #ccc;
}

.stat-bar.other {
    background-color: #95a5a6;
}

#motm-predictions .stat-value.home, #score-predictions .split-panel-left .stat-value.home {
    background-color: transparent;
    color: #EB5B15;
}

#motm-predictions .stat-value.away, #score-predictions .split-panel-left .stat-value.away {
    background-color: transparent;
    color: #097ABF;
}

#motm-predictions .stat-value.other, #score-predictions .split-panel-left .stat-value.other, #score-predictions .split-panel-left .stat-value.draw {
    background-color: transparent;
    color: #808080;
}

.voting-success-alert, .voting-disabled-alert, .voting-failed-alert {
    font-size: 13px;
}

.voting-success-alert {
    font-weight: bold;
    color: #27ae60;
    display: none;
}

.voting-failed-alert {
    font-weight: bold;
    color: #D05D5D;
    display: none;
}

.voting-disabled-alert {
    background: #D05D5D;
    font-weight: bold;
    color: #f0f0f0;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div.voting-success-alert-wrapper.centered, div.voting-disabled-alert-wrapper.centered, div.voting-failed-alert-wrapper.centered {
    margin-top: 10px;
    width: 29em;
}

div.voting-success-alert-wrapper.centered span, div.voting-failed-alert-wrapper.centered span {
    padding-right: 0em;
}

#score-predictions {
    background-color: #F8F8F8;
    position: relative;
    padding: 3em 0 3em 0;
    margin-top: 2em;
}

#motm-predictions h3, #score-predictions h3 {
    text-align: center;
    color: #888;
}

#motm-predictions h3 {
    margin-bottom: 1em;
}

#score-predictions .betting-comparision-additive .bar-row td {
    padding: 0;
}

#score-predictions .split-panel-left {
    background-color: #F8F8F8;
    height: auto;
    padding: 0 2em 1em 2em;
    margin-top: 0;
}

#score-predictions .split-panel-left ol {
    margin-top: 20px;
    text-align: left;
    list-style: none;
    font-weight: bold;
}

#score-predictions .split-panel-left li, .prediction-list .player-names ol li {
    list-style: none;
}

#score-predictions .split-panel-left li:before, .prediction-list .player-names ol li:before {
    color: #808080;
    font-weight: normal;
}

#score-predictions .split-panel-left li:nth-child(6):before, .prediction-list .player-names ol li:nth-child(6):before {
    color: transparent;
}

#score-predictions .split-panel-left .score-predictions-full-list li:nth-child(6):before, .prediction-list .motm-predictions-full-list .player-names ol li:nth-child(6):before {
    color: inherit;
}

#score-predictions .split-panel-left .prediction-name {
    text-align: left;
    color: #808080;
}

#score-predictions .split-panel-left .stat-bar-wrapper {
    float: right;
    width: 60%;
}

#score-predictions .split-panel-left .stat-value {
    color: transparent;
}

#score-predictions .split-panel-right {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    height: auto;
}

#score-predictions .split-panel-right .additive-column-bar.home {
    background-color: #EB5B15;
}

#score-predictions .split-panel-right .additive-column-bar.away {
    background-color: #097ABF;
}

#score-predictions .split-panel-right .additive-column-label.home {
    color: #EB5B15;
}

#score-predictions .split-panel-right .additive-column-label.away {
    color: #097ABF;
}

#score-predictions .split-panel-right table {
    width: 100%;
    height: 100%;
    font-weight: bold;
}

#score-predictions .split-panel-right div.centered {
    width: 100%;
}

#score-predictions .split-panel-right tr.bar-row {
    padding: 0px;
}

#score-predictions .split-panel-right .additive-column-bar {
    height: initial;
    font-size: medium;
    border-radius: 5px 5px 2px 2px;
    text-align: center;
}

#score-predictions .split-panel-right .additive-column-bar.other {
    background-color: #ccc;
}

#score-voting {
    clear: both;
}

#score-predictions .stat-bar-wrapper.draw {
    background-color: #95A5A6;
}

#score-predictions .stat-bar.draw {
    background-color: #95A5A6;
}

#score-predictions .stat-bar-wrapper.other {
    background: repeating-linear-gradient(45deg, #F7BDA3, #F7BDA3 10px, #B3D3E5 10px, #B3D3E5 20px) repeat scroll 0% 0% transparent;
}

#score-predictions .stat-bar.other {
    background: repeating-linear-gradient(45deg, rgb(235, 91, 21), rgb(235, 91, 21) 10px, #097ABF 10px, #097ABF 20px) repeat scroll 0% 0% transparent;
}

.inline-sign-in-link {
    border-radius: 3px;
    padding: 3px;
    font-weight: bold;
    color: #fff;
    background-color: #73AC25;
}

.inline-sign-up-link {
    border-radius: 3px;
    padding: 3px;
    font-weight: bold;
    color: #fff;
    background-color: #ee4500;
}

.login-to-vote.centered {
    width: 17em;
}

.prediction-list a {
    color: #606060;
    font-weight: bold;
}

.prediction-list .login-to-vote {
    position: absolute;
    bottom: 6em;
    left: 9em;
}

.prediction-list .login-to-vote a {
    color: white;
}

#score-predictions .total-votes, #motm-predictions .total-votes {
    position: absolute;
    left: 14px;
    bottom: 0;
    height: 28px;
    color: #808080;
}

#motm-predictions .total-votes {
    bottom: 0em;
}

#motm-predictions .fill-in-image {
    opacity: 0.2;
}

.no-votes-cast-wrapper {
    display: block;
    color: #888;
    position: absolute;
    right: 0;
    top: 47%;
    z-index: 9999;
    width: 100%;
    background: #666;
    color: #f0f0f0;
    line-height: 2em;
    color: #f0f0f0;
    font-size: 1.3em;
    opacity: 0.8;
}

.no-votes-cast {
    padding: 5px 15px;
}

.has-no-predictions {
    text-align: center;
}

.has-no-predictions img {
    opacity: 0.1;
    width: 100%;
}

.user-score-prediction select {
    text-align: center;
}

.stat-bar-wrapper.layout-holder {
    background-color: transparent;
    display: inline;
}

.score-prediction-name-wrapper {
    display: inline-block;
    width: 7em;
    margin-left: 1em;
}

.score-prediction-chart-wrapper {
    display: inline-block;
    width: 50%;
}

.column-chart-labels {
    height: 17px;
}

#motm-predictions .vote-button-wrapper, #score-voting .vote-button-wrapper {
    margin-top: 2em;
}

#score-chart li {
    margin-bottom: 0.5em;
}

#score-chart .stat-bar {
    display: inline-block;
    margin-right: 5px;
    max-width: 155px;
}

#score-chart .rc-r {
    border-radius: 2px 3px 3px 2px;
}

#score-voting .score-prediction-dropdown-labels span {
    width: 120px;
    display: inline-block;
    margin: 0 10px;
}

#score-voting .score-prediction-dropdown-labels span.home {
    color: #EB5B15;
    text-align: center;
}

#score-voting .score-prediction-dropdown-labels span.away {
    color: #097ABF;
    text-align: center;
}

div.centered.motm-vote-dropdown-wrapper {
    margin: 0;
    bottom: 6em;
}

div.centered.motm-vote-disabled-button-wrapper {
    bottom: 2em;
    width: 29em;
}

div.centered.motm-vote-disabled-button-wrapper {
    bottom: 4em;
}

div.centered.score-vote-button-wrapper {
    width: 56em;
    bottom: 4em;
}

div.centered.prediction-title {
    font-size: 2em;
    width: 100%;
    margin: 0px;
    width: 50%;
    color: #606060;
    margin: 0px 0px 1em 0em;
    width: 50%;
}

#score-predictions div.centered.prediction-title {
    width: 100%;
}

#score-predictions .split-panel-left div.centered.prediction-title {
    margin: 0px;
}

.prediction-list .player-names {
    float: left;
}

.prediction-list .player-names ol li {
    margin: 14px 0px;
    content: counter(scoreCounter, decimal) ".";
    color: #808080;
    font-weight: normal;
}

.prediction-list .player-votes {
    float: left;
    width: 18em;
    margin-left: 1em;
}

.prediction-list .player-votes ol {
    list-style: none;
}

.prediction-list .player-votes ol li {
    margin: 12px 0px;
}

.prediction-list .player-votes .stat-bar-wrapper.max-value.layout-holder:first-child {
    max-width: 12em;
}

#score-predictions .model-updated-with-error {
}

#user-motm-predictions .highcharts-container {
    float: left;
}

#user-score-predictions .highcharts-container {
    float: right;
}

#comment-stat-summary {
    font-weight: bold;
    background-color: #222;
    color: white;
}

#latest-comments table.grid.hover tbody #comment-stat-summary:hover {
    cursor: default;
    background-color: #222;
}

#comment-stat-summary .totals {
    text-align: left;
}

#comment-stat-summary .positive-votes {
    color: #27AE60;
}

#comment-stat-summary .negative-votes {
    color: #E74C3C;
}

.motm-predictions-full-list {
    display: none;
    height: 17em;
    overflow-y: auto;
    width: 31em;
}

.score-predictions-full-list {
    display: none;
    overflow-y: auto;
    width: 26em;
    height: 13em;
}

.score-predictions-full-list ol li span:first-child {
    max-width: 12em;
}

.prediction-list .show-all {
    color: #8DC63F;
    font-weight: bold;
    display: block;
    position: absolute;
    bottom: 10em;
    z-index: 1;
}

#score-predictions .show-all {
    color: #8DC63F;
    font-weight: bold;
    text-indent: -5em;
}

.prediction-list .show-all:hover, #score-predictions .show-all {
    cursor: pointer;
}

.show-in-more {
    display: none;
}

.show-in-less {
    display: block;
}

.showing-more .show-in-more {
    display: block;
}

.showing-more .other-predictions {
    display: none;
}

.show-more-or-less button {
    display: block;
    margin: 0 auto;
    background: #8DC63F;
    color: #fff;
    border: none;
    padding: 0.5em;
}

button.show-less {
    display: none;
}

.showing-more button.show-more {
    display: none;
}

.showing-more button.show-less {
    display: block;
}

#score-predictions .show-more-or-less {
    margin-top: 2em;
}

.additive-column-bars {
    height: 100px;
    font-weight: bold;
}

.additive-column {
    line-height: 32px;
    font-weight: bold;
}

.additive-column-bar {
    display: inline-block;
    width: 42px;
}

.additive-column-bar.draw {
    background: #95A5A6;
}

.already-voted-for-score-prediction, .already-voted-for-motm-prediction {
    position: absolute;
    bottom: 8px;
    right: 8px;
    color: #808080;
    font-style: italic;
}

#user-motm-prediction {
    width: 19em;
    margin-top: 2em;
}

#user-motm-predictions-wrapper, #user-score-predictions-wrapper {
    display: inline-block;
    text-align: center;
    width: 48%;
    min-width: 360px;
}

@media screen and (max-width: 719px) {
    #user-motm-predictions-wrapper, #user-score-predictions-wrapper {
        width: 100%;
    }
}

#user-motm-predictions, #user-score-predictions {
    display: inline-block;
}

.motm-predictions-summary-list2 .not-shown {
    display: none;
}

.motm-predictions-list-new .show-less {
    display: none;
}

.motm-predictions-summary-list2 .player-name a {
    font-weight: bold;
}

.motm-predictions-summary-list2 .player-name.home a {
    color: #EB5B15;
}

.show-all-predictions {
    color: #8DC63F;
    margin-top: 1em;
    text-decoration: underline;
    cursor: pointer;
}

#motm-predictions .others-row .stat-bar.other {
    background: repeating-linear-gradient(45deg, rgb(235, 91, 21), rgb(235, 91, 21) 10px, #097ABF 10px, #097ABF 20px) repeat scroll 0% 0% transparent;
}

.motm-predictions-summary-list2 .stat-bar {
    margin-right: 5px;
}

sc #motm-predictions .motm-name-column {
    width: 30%;
    padding-bottom: 5px;
}

#motm-predictions .motm-stat-column {
    padding-left: 10px;
    max-width: 70%;
}

.motm-predictions-list-new {
    text-align: left;
    margin-top: 1em;
}

.motm-predictions-summary-list2 {
    width: 100%;
}

.no-predictions-alert {
    display: none;
    padding-top: 125px;
    text-align: center;
    background: #f0f0f0;
    height: 175px;
    width: 330px;
    color: #999;
    font-size: 1.5em;
    line-height: 1.2em;
}

#highcharts-0 .highcharts-legend li {
    margin-top: 9px;
}

#easter-suprise {
    display: inline-block;
    margin-top: 20px;
}

#easter-text {
    display: none;
    float: left;
    border: 1px solid #123123;
    padding: 10px;
    width: 540px;
    background-color: #F2F2F2;
}

#easter-image-container {
    width: 100px;
    height: 100px;
    float: left;
}

#easter-image {
    cursor: pointer;
    height: 100px;
    width: 100px;
}

.player-profile-side-box {
    background-color: #F0F0F0;
    text-align: center;
    padding: 5px 0;
}

.player-profile-side-box .header-container {
    position: relative;
    height: 160px;
    margin-bottom: 5px;
}

.player-profile-side-box .header-container .headshot {
    height: 150px;
    width: 100px;
    margin: 0 auto;
    outline: 2px solid #C8C4C3;
}

.player-profile-side-box .header-container .logo-container {
    position: absolute;
    top: 25%;
    left: 5%;
}

.player-profile-side-box .logo-container .country {
    margin: auto;
}

.player-profile-side-box .player-name {
    background-color: #E1E1E1;
    font-size: 2em;
    color: #323232;
    padding: 10px 0;
    font-weight: bold;
}

.player-profile-side-box .stats-container {
    margin-top: 5px;
}

.player-profile-side-box .stats-container dl dt, .stats-container dl dd {
    float: left;
    display: block;
    width: 48%;
    color: #353535;
    padding: 2px 0;
    font-weight: bold;
}

.player-profile-side-box .stats-container dl dt {
    text-align: right;
    border-right: 1px solid #CCCCCC;
    margin: 0;
    padding-right: 5px;
    font-weight: normal;
}

.player-profile-side-box .stats-container dl dd {
    text-align: left;
    border: none;
    padding-left: 5px;
}

.player-profile-side-box .stats-container .rating {
    background-color: #FF5B00;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 15px;
}

.team-profile-side-box {
    background-color: #F0F0F0;
    text-align: center;
    padding: 10px 0;
}

.team-profile-side-box .header-container {
    margin-bottom: 5px;
    width: 100%;
}

.team-profile-side-box .header-container .logo-container {
    margin: 0 auto;
    width: 200px;
}

.team-profile-side-box .team-name {
    background-color: #E1E1E1;
    font-size: 2em;
    color: #323232;
    padding: 10px 0;
    font-weight: bold;
}

.team-profile-side-box .stats-container {
    margin-top: 5px;
}

.team-profile-side-box .stats-container dl dt, .team-profile-side-box .stats-container dl dd {
    float: left;
    display: block;
    width: 48%;
    color: #353535;
    padding: 2px 0;
    font-weight: bold;
}

.team-profile-side-box .stats-container dl dt {
    text-align: right;
    border-right: 1px solid #CCCCCC;
    margin: 0;
    padding-right: 5px;
    font-weight: normal;
}

.team-profile-side-box .stats-container dl dd {
    text-align: left;
    border: none;
    padding-left: 5px;
}

.team-profile-side-box .team-logo {
    float: left;
    width: 100px;
}

.team-profile-side-box .rating-wrapper {
    float: left;
    width: 100px;
}

.team-profile-side-box .rating {
    background-color: #FF5B00;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-block;
    font-size: 15px;
    color: white;
    font-weight: bold;
    margin-top: 2px;
}

.team-profile-side-box .rating-title {
    line-height: 13px;
    font-weight: bold;
}

.grid-toolbar .filter-container.left {
    float: left;
}

.grid-toolbar .filter-container.right {
    float: right;
}

.date-text-box {
    width: 80px;
    cursor: pointer;
    padding-left: 5px;
}

.ui-datepicker .ui-widget-header {
    background: #f6a828;
}

.custom-standings-date-wrapper {
    position: relative;
}

#match-centre-livestream {
    padding: 20px;
}

#match-centre-livestream #instructions-container {
    width: 586px;
    margin: auto;
}

#match-centre-livestream .image-container {
    width: 584px;
    margin: auto;
}

#match-centre-livestream #instructions-container li {
    margin-left: 30px;
}

#match-centre-livestream #instructions-header {
    font-size: 1.5em;
    margin: 20px 0;
}

#match-centre-livestream #instructions-header a {
    color: #fff;
}

#match-centre-livestream .external-link {
    color: #8DC63F;
}

#disclaimer-container {
    margin-top: 20px;
    color: #999999;
}

.image-container {
    position: relative;
    opacity: 0.8;
}

.image-container:hover {
    opacity: 1;
}

.image-container .play-btn {
    position: absolute;
    left: 34%;
    top: 30%;
    padding: 10px 30px;
}

.image-container .match-name {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #FFF;
    font-size: 18px;
}

#user-bar #odds-type-indicator {
    float: left;
    color: white;
    margin-top: 4px;
    margin-left: 20px;
}

#odds-type-indicator #odds-type-wrapper {
    font-size: 11px;
    border: none;
    display: block;
    padding-left: 5px;
}

#locale-switcher {
    position: relative;
    float: left;
    color: white;
    line-height: 2em;
    font-size: 11px;
}

#locale-switcher .locale-flag.selected {
    border-bottom: solid 1px #93C73F;
}

.locale .locale-name {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-weight: bold;
}

.locale-flag.locale-en {
    background-position: 0 -1488px;
}

.locale-flag.locale-es {
    background-position: 0 -1584px;
}

.locale-flag.locale-zh {
    background-position: 0 -464px;
}

.locale-flag.locale-tr {
    background-position: 0 -7408px;
}

.locale-flag.locale-it {
    background-position: 0 -624px;
}

.locale-flag.locale-fr {
    background-position: 0 -3504px;
}

.locale-flag.locale-ar {
    background-position: 0px -7537px;
}

.locale-flag.locale-ru {
    background-position: 0 -3216px;
}

.locale-flag.locale-nb {
    background-position: 0 -592px;
}

.info-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#locale-edition-exists {
    display: none;
    background: #333333;
    text-align: center;
    line-height: 44px;
    border-bottom: 1px solid #444;
}

#locale-edition-exists a {
    color: #fff;
    font-weight: bold;
    border: 1px solid #111;
    border-radius: 3px;
}

.ui-datepicker .ui-datepicker-title select {
    color: #333;
}

#footer-apps {
    margin-bottom: 20px;
}

.footer-app-icon {
    display: inline-block;
}

.footer-app-icon-appstore {
}

.footer-app-icon-googleplay {
}

.footer-app-icon-googleplay img {
    width: 135px;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: bold;
}

.btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none;
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-primary {
    color: #ffffff;
    background-color: #8BC03C;
    border-color: #76A333;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #76A333;
    border-color: #76A333;
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #8BC03C;
    border-color: #76A333;
}

.btn-primary .badge {
    color: #8BC03C;
    background-color: #fff;
}

.btn-close {
    min-width: 22px;
    background: #c9302c;
}

.btn-ok {
    background: #449d44 !important;
}

#quote-container #info-section {
    width: 100%;
    min-height: 300px;
    margin-bottom: 22px;
}

#quote-container #info-section > div {
    margin-top: 25px;
    vertical-align: top;
    max-width: 590px;
    display: inline-block;
}

#quote-container #info-section #about-ratings h2 {
    text-align: center;
}

#quote-container #info-section #about-ratings p {
    line-height: 180%;
}

#quote-container .input-section {
    width: 100%;
}

#quote-container .input-section > form > .upper-input {
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin-bottom: 23px;
}

#quote-container .input-section #select-data {
    margin-bottom: 25px;
    width: 100%;
}

#quote-container .input-section > form > .upper-input > input {
    width: 100%;
    padding: 3px 0 3px 0;
    background-color: #F5F5F5;
    margin-bottom: 8px;
    border: 1px solid #ccc;
}

#quote-container .input-section > form > div > label {
    margin: 4px 0 4px 7px;
    font-weight: bold;
}

#quote-container #contact-name-container {
    padding-right: 18px;
}

#quote-container #company-name-container {
    padding: 0 12px 0 6px;
}

#quote-container #email-address-container {
    padding: 0 6px 0 12px;
}

#quote-container .input-section > form > div > select {
    display: block;
    width: 100%;
    padding: 3px 0 3px 0;
    background-color: #F5F5F5;
    margin-bottom: 8px;
    border: 1px solid #ccc;
}

#quote-container .input-section #CompanySize > option:nth-child(even) {
    background-color: #EDEDED;
}

#quote-container .input-section #select-data td > input {
    vertical-align: middle;
}

#quote-container #company-size-container {
    padding-left: 18px;
}

#quote-container .submit-container {
    height: 50px;
    width: 100%;
}

#quote-container .submit-box {
    position: relative;
    top: 10px;
    height: 33px;
    width: 11%;
    margin: auto;
}

#quote-container .submit {
    background-color: #8BC03C;
    color: white;
    -ms-border-radius: 12px;
    border-radius: 12px;
    border: 3px solid #F5F5F5;
    height: 100%;
    font-weight: bold;
    font-size: 17px;
}

#quote-container .select-data-header, #quote-container .live, #quote-container .post-match, #quote-container .historical, #quote-container .best-XI {
    width: 16%;
}

#quote-container .select-leagues, #quote-container .league-name {
    text-align: left;
    width: 24%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#quote-container .select-leagues {
    padding-left: 6px;
}

#quote-container .best-XI {
    margin-right: 15px;
}

#quote-container .input-section #select-data tr .league-name ~ td {
    text-align: center;
}

#quote-container .input-section #select-data .even-league {
    background-color: #F5F5F5;
}

#quote-container .pt {
    display: block;
}

#quote-container .question-mark {
    height: 15px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    background-color: #bbb;
    position: relative;
    right: -9px;
    bottom: 9px;
    color: white;
    padding: 1px 4px;
    margin-left: -10px;
    font-size: 9px;
}

#quote-container .bubble {
    color: white;
    background-color: #8BC03C;
    -ms-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 6px #B2B2B2;
    -ms-box-shadow: 0 0 6px #B2B2B2;
    box-shadow: 0 0 6px #B2B2B2;
    padding: 2px 3px 2px 5px;
    position: absolute;
    vertical-align: top;
    font-size: 12px;
    width: 175px;
    word-wrap: break-word;
    display: none;
}

#quote-container .bubble::before {
    color: white;
    background-color: #8BC03C;
    content: "\00a0";
    display: inline-block;
    height: 9px;
    position: absolute;
    top: 33px;
    -moz-transform: rotate(29deg) skew(-35deg);
    -ms-transform: rotate(29deg) skew(-35deg);
    -o-transform: rotate(29deg) skew(-35deg);
    -webkit-transform: rotate(29deg) skew(-35deg);
    transform: rotate(29deg) skew(-35deg);
    width: 12px;
}

#quote-container .me {
    float: left;
    margin: -39px 42px 5px 14px;
    z-index: 1;
}

#quote-container .me::before {
    -webkit-box-shadow: -2px 2px 2px 0 #b2b2b2;
    -webkit-box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4);
    -ms-box-shadow: -2px 2px 2px 0 #b2b2b2;
    -ms-box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4);
    box-shadow: -2px 2px 2px 0 #b2b2b2;
    box-shadow: -2px 2px 2px 0 rgba(178, 178, 178, .4);
    left: -6px;
}

#quote-container .question-mark:hover + span {
    display: inline-block;
}

#quote-container #disclaimer {
    text-align: center;
    position: relative;
    top: 12px;
    color: #aaa;
}

#quote-container #confirm-submission-container {
    background-color: #FBFBFB;
    display: none;
    z-index: 10000;
    width: 240px;
    height: 120px;
    border: 1px solid #DDDDDD;
    color: #B0B0B0;
    -ms-border-radius: 10px;
    border-radius: 21px;
    margin: 0 auto;
    position: absolute;
    bottom: -11px;
    left: 370px;
    padding: 13px 0;
}

#quote-container #confirm-submission, #cancel-submission {
    height: 35px;
    text-align: center;
    color: #FBFBFB;
    width: 118px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-weight: 600;
}

#quote-container #confirm-submission {
    background-color: #8EC861;
    -ms-border-radius: 0 0 0 18px;
    border-radius: 0 0 0 18px;
}

#quote-container #cancel-submission {
    background-color: #8A8A8A;
    -ms-border-radius: 0 0 18px 0;
    border-radius: 0 0 18px 0;
}

#quote-container #submission-confirmation-text {
    width: 180px;
    margin: auto;
    padding-bottom: 8px;
}

#quote-container #submission-buttons {
    background-color: #FBFBFB;
    width: 100%;
    height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-border-radius: 21px;
    border-radius: 21px;
}

#comparison-container {
    background-color: #FFFFFF;
}

.player-comparison-empty-div, #player-comparison-table-index {
    width: 8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#player-includer, .player-container {
    width: 23%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.player-comparison-empty-div {
    height: 100%;
    float: left;
}

.player-container, #player-includer {
    position: relative;
    float: left;
    padding-bottom: 15px;
}

#comparison-container #player-includer {
    position: relative;
}

#comparison-container .add-player-button {
    position: absolute;
    left: 85px;
    top: 20px;
    background-color: #F1F0EE;
    color: #5B595B;
    border: 2px solid #5B595B;
    -ms-border-radius: 13px;
    border-radius: 13px;
    font-size: 80px;
    padding: 15px 2px 15px 2px;
    cursor: pointer;
}

#comparison-container .add-player-button:hover {
    color: #F1F0EE;
    background-color: #5B595B;
}

@media screen and (max-width: 719px) {
    #comparison-container .add-player-button {
        left: 20px;
    }

    .player-comparison-empty-div {
        width: 0;
    }

    #player-includer, .player-container {
        width: 50%;
    }

    #comparison-container .results-column {
        width: calc((100% - 80px) / 2);
    }

    #pickers-container #player3-container, #pickers-container #player4-container, #pickers-container #player-includer {
        display: none;
    }
}

@media screen and (min-width: 720px) {
    #comparison-container .results-column {
        width: calc((100% - 80px) / 4);
    }

    #selectors-container #rotate-info {
        display: none;
    }
}

#selectors-container #rotate-info {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

@media screen and ( orientation: landscape ) {
}

@media screen and (max-width: 984px) {
    #comparison-container .player-info-container {
        display: none !important;
    }
}

#comparison-container #results-container {
    min-height: 529px;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

#comparison-container #select-container {
    display: inline-block;
    position: relative;
}

#comparison-container .remove-player-button {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

#players-comparison #selectors-container select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #FFFEFF;
    height: 26px;
    -ms-border-radius: 8px;
    font-weight: bold;
    border: 2px solid #F1F0EE;
}

#comparison-container .blank-cell {
    visibility: hidden;
}

#comparison-container .player-picker {
    margin: 24px 7px 15px 7px;
}

#comparison-container #filters-container {
    border: 2px solid #6E9735;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: #d9d9d9;
    height: 78px;
}

#comparison-container .subcategory-filters .subcategory-option, .field-filters .field-option {
    background-color: #d9d9d9;
    width: 100px;
    height: 22px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    border: 1px solid silver;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

#comparison-container .subcategory-filters .subcategory-option.selected, .field-filters .field-option.selected {
    background-color: #6E9735;
}

#comparison-container .field-filters {
    margin: 5px 10px 10px 10px;
}

#comparison-container .subcategory-filters {
    margin: 10px 10px 5px 10px;
}

#comparison-container .subcategory-filters .subcategory-option .filter-text, .field-filters .field-option .filter-text {
    margin-top: 2px;
}

#comparison-container #submit-container {
    cursor: pointer;
    position: absolute;
    right: 5px;
}

#comparison-container #submit-button {
    background-color: #5B595B;
    color: #F2EFEF;
    font-weight: bold;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 28px 4px 28px;
}

#comparison-container #hide-selectors-container {
    float: right;
    background-color: #F1F0EE;
    margin: 4px 4px 0 0;
    -ms-border-radius: 5px;
    border-radius: 5px 5px 0 0;
    padding: 0 4px 5px 4px;
    cursor: pointer;
}

#comparison-container #hide-selectors, #show-selectors {
    color: #222;
    font-weight: bold;
    background-color: #F1F0EE;
}

#comparison-container #show-selectors {
    display: none;
}

#comparison-container #pickers-container {
    height: 175px;
}

#comparison-container #selectors-container {
    background-color: #F1F0EE;
    height: 205px;
    position: relative;
}

#comparison-container #player-comparison-legend {
    float: left;
}

#comparison-container #comparison-legend-container {
    margin-top: 10px;
    white-space: normal;
}

#comparison-container .player-comparison-table-column {
    text-align: center;
    padding-top: 10px;
    background-color: #F1F1F1;
    width: 100%;
}

#comparison-container #player-comparison-table-index {
    display: inline-block;
}

#comparison-container .player-comparison-table-data .comparison-stat-value {
    background-color: #E3E3E3;
    display: inline-block;
    line-height: 1em;
}

#comparison-container .player-comparison-table-data .comparison-stat-value.best-stat {
    font-weight: bold;
    background-color: #D7EDC2;
}

#comparison-container .player-comparison-header {
    text-align: center;
    width: 100%;
}

#comparison-container .player-comparison-header a {
    color: #333;
}

#comparison-container .player-header-name {
    text-align: center;
    background-color: #DAD8DA;
    border-radius: 10px 10px 0 0;
    padding-top: 10px;
    padding-bottom: 5px;
}

#comparison-container .player-header-name .player-name {
    background-color: #F1F1F1;
}

#comparison-container .player-image-container {
    width: 100px;
    height: 150px;
    display: inline-block;
    vertical-align: top;
}

.player-image-container .player-image {
    width: 100%;
}

#comparison-container .player-header-profile {
    background-color: #F1F1F1;
}

#comparison-container .player-info-container {
    width: 124px;
    display: inline-block;
    vertical-align: top;
}

#player-comparison-table-index {
    font-weight: bold;
    width: 100%;
    text-align: right;
    padding-right: 3px;
}

#comparison-container .team-emblem-container {
    padding-top: 5px;
}

#comparison-container .results-column {
    display: inline-block;
    box-sizing: border-box;
    padding-right: 1px;
}

#comparison-container .results-placeholder {
    display: inline-block;
    width: 80px;
    vertical-align: bottom;
}

#comparison-container .player-comparison-table-data {
    border-bottom: 1px lightgray dotted;
}

#player-comparison-table-index div {
    border-bottom: 1px lightgray dotted;
}

#comparison-container .comparison-bar-wrapper {
    width: 75%;
    margin: 0 auto;
    display: block;
}

#comparison-container .player-comparison-table-data.rating {
    height: 3em;
    line-height: 3em;
}

#player-comparison-table-index .rating {
    height: 3em;
    white-space: normal;
}

.referee-container .header .referee-picture {
    vertical-align: middle;
    display: inline-block;
    background-color: #FFF;
    border: 1px solid #CCC;
}

.referee-container .header .header-name {
    padding: 0;
}

.referee-container .flag-container {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1.3em;
}

.referee-container .referee-table-row-header {
    text-align: left !important;
}

.referee-container .yellow-card-pg-box {
    background-color: #FFCC05 !important;
    color: #666 !important;
}

.referee-container .red-card-pg-box {
    background-color: #CA2027 !important;
    color: #FFF !important;
}

.referee-container .yellow-card-pg-box, .referee-container .red-card-pg-box {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    width: 2.2em !important;
    margin-left: .1em;
    margin-right: .1em;
    border-radius: 3px;
}

.referee-container .tournament-link {
    color: #222;
}

.referee-container #referee-stats-summary, .referee-container #referee-stats-alternate, .referee-container #referee-team-stats-summary, .referee-container #referee-team-stats-alternate, .referee-container #referee-tournament-stats-summary, .referee-container #referee-tournament-stats-alternate {
    position: relative;
}

.referee-container #referee-stats-summary #referee-filter-summary, .referee-container #referee-stats-alternate #referee-filter-alternate, .referee-container #referee-team-stats-summary #referee-team-filter-summary, .referee-container #referee-team-stats-alternate #referee-team-filter-alternate, .referee-container #referee-tournament-stats-summary #referee-tournament-filter-summary, .referee-container #referee-tournament-stats-alternate #referee-tournament-filter-alternate {
    background-color: #d6d6d6;
}

.referee-container .grid .referee-home-data {
    text-align: left;
    padding-left: 10px;
}

.referee-container .grid .referee-away-data {
    text-align: right;
    padding-right: 10px;
}

.referee-container .incidents-wrapper {
    display: inline-block;
    margin: 0 0 0 3px;
}

#boots-stats {
    min-height: 570px;
}

#boots-stats table .boot-picture-header, #boot-finder #statistics-table-boot-finder .boot-picture-cell {
    width: 1%;
    white-space: normal;
}

#boots-stats table .boot-name-header, #boots-stats table .boot-name-cell, #boots-stats table .boot-material-header, #boots-stats table .boot-material-cell {
    text-align: left;
    padding: 0 10px 0 10px;
}

#boots-stats table .boot-name-header, #boot-finder #statistics-table-boot-finder .boot-name-cell {
    width: 1%;
    white-space: nowrap;
}

#boot-finder {
    min-height: 650px;
}

#boot-finder * {
    box-sizing: border-box;
}

#boot-finder #position-selector-container {
    background-color: #D6D6D6;
    padding: 5px;
}

#boot-finder #position-selector-container .selector-label {
    font-weight: bold;
    float: left;
    padding-right: 5px;
}

#boot-finder #position-selector-container #position-selector-info-container {
    float: right;
}

#boot-finder #position-selector-container #position-selector-info-container span {
    float: right;
}

#boot-finder #position-selector-container .question-mark:hover + span {
    display: inline-block;
}

#boot-finder #position-selector-container .question-mark + span {
    display: none;
}

#boot-finder #attribute-selector-container {
    padding: 5px;
    background-color: #F2F2F2;
}

#boot-finder #attribute-selector-container .selector-label {
    font-weight: bold;
}

#boot-finder #attribute-selector-container form {
    width: 100%;
}

#boot-finder #attribute-selector-container form .input-container {
    width: 33.33%;
    display: inline-block;
    padding-right: 90px;
}

#boot-finder #attribute-selector-container form div input {
    float: right;
    cursor: pointer;
}

#boot-finder #attribute-selector-container .info {
    width: 100%;
    text-align: right;
}

#boot-finder #statistics-table-boot-finder .boot-picture-header, #boot-finder #statistics-table-boot-finder .boot-picture-cell {
    width: 1%;
    white-space: normal;
}

#boot-finder #statistics-table-boot-finder .boot-name-header, #boot-finder #statistics-table-boot-finder .boot-name-cell, #boot-finder #statistics-table-boot-finder .boot-material-header, #boot-finder #statistics-table-boot-finder .boot-material-cell {
    text-align: left;
    padding: 0 10px 0 10px;
}

#boot-finder #statistics-table-boot-finder .boot-name-header, #boot-finder #statistics-table-boot-finder .boot-name-cell {
    width: 1%;
    white-space: nowrap;
}

.tabs {
    white-space: nowrap !important;
    overflow: auto !important;
}

.tabs li {
    display: inline-block;
    float: none;
}

#sub-navigation ul, #sub-sub-navigation ul {
    white-space: nowrap;
    overflow-x: auto;
}

.cnt-oflow {
    margin-left: -100% !important;
    margin-right: -100% !important;
}

h1.header-name .team-emblem {
    display: inline-block;
    margin-right: 10px;
}

.scrollable-icon {
    display: block;
    position: absolute;
    top: 40%;
    left: 70%;
}

@media screen and (max-width: 720px) {
    .filter-row select {
        width: 4em;
    }
}

.team-code {
    text-transform: uppercase;
}

#playing-positions #pp-pitch-container {
    position: relative;
    width: 100%;
    display: inline-block;
}

@media screen and (max-width: 720px) {
    #playing-positions #pp-pitch-container {
        max-width: 360px;
    }
}

#playing-positions #pp-pitch-container, #playing-positions #pp-statistics {
    padding: 0 1px 0 1px;
}

#playing-positions #pp-pitch-container img {
    background: no-repeat scroll left transparent;
    width: 100%;
    height: auto;
}

#pp-statistics table tr td.position-table-entry, #pp-statistics table tr th.position-table-entry {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#pp-statistics table tr td {
    cursor: pointer;
}

#playing-positions #pp-pitch-container .player-pos-FWL {
    left: 85%;
    top: 13%;
}

#playing-positions #pp-pitch-container .player.player-pos-FW {
    left: 85%;
    top: 43%;
}

#playing-positions #pp-pitch-container .player.player-pos-FWR {
    left: 85%;
    top: 73%;
}

#playing-positions #pp-pitch-container .player-pos-AML {
    left: 66%;
    top: 13%;
}

#playing-positions #pp-pitch-container .player.player-pos-AMC {
    left: 66%;
    top: 43%;
}

#playing-positions #pp-pitch-container .player.player-pos-AMR {
    left: 66%;
    top: 73%;
}

#playing-positions #pp-pitch-container .player-pos-ML {
    left: 47%;
    top: 13%;
}

#playing-positions #pp-pitch-container .player.player-pos-MC {
    left: 47%;
    top: 43%;
}

#playing-positions #pp-pitch-container .player.player-pos-MR {
    left: 47%;
    top: 73%;
}

#playing-positions #pp-pitch-container .player-pos-DML {
    left: 35%;
    top: 13%;
}

#playing-positions #pp-pitch-container .player.player-pos-DMC {
    left: 35%;
    top: 43%;
}

#playing-positions #pp-pitch-container .player.player-pos-DMR {
    left: 35%;
    top: 73%;
}

#playing-positions #pp-pitch-container .player-pos-DL {
    left: 15%;
    top: 13%;
}

#playing-positions #pp-pitch-container .player.player-pos-DC {
    left: 15%;
    top: 43%;
}

#playing-positions #pp-pitch-container .player.player-pos-DR {
    left: 15%;
    top: 73%;
}

#playing-positions #pp-pitch-container .player.player-pos-GK {
    left: 2%;
    top: 43%;
}

#playing-positions #pp-pitch-container .player {
    position: absolute;
    height: 25px;
    width: 35px;
}

#playing-positions #pp-pitch-container .player .position-rating {
    z-index: 10;
    color: #EF4123;
    font-weight: bold;
}

#playing-positions #pp-pitch-container .position-text {
    display: none;
    margin-top: 2em;
    color: #CCC;
}

#playing-positions #pp-pitch-container .player.selected .position-text {
    display: block;
    font-weight: bold;
}

#playing-positions #pp-pitch-container .player.selected .position-rating {
    padding: 3px;
    border: 1px solid #FFF47F;
    border-radius: 10px;
}

#playing-positions #pp-statistics .grid tr.selected td {
    background-color: #D0D0D0;
}

.listbox.fixture-calendar {
    text-align: center;
}

.listbox.fixture-calendar .option-datepicker .previous, .listbox.fixture-calendar .option-datepicker .next {
    width: 24px;
    height: 32px;
}

.listbox.fixture-calendar .option-datepicker .date {
    height: 32px;
    width: 200px;
    line-height: 24px;
}

.listbox.fixture-calendar #date-controller {
    display: inline-block;
}

.listbox.fixture-calendar #date-controller #date-config-toggle-button .text {
    vertical-align: middle;
}

#weekly-fixtures-header-wrapper #link-fixtures {
    display: inline-block;
}

#tournament-fixture-wrapper .divtable .divtable-header {
    background-color: #FFF;
    color: #222;
}

#tournament-fixture-wrapper .divtable .highlight .divtable-data, #tournament-fixture-wrapper .divtable .highlight {
    background-color: #def1ca !important;
}

#tournament-fixture-wrapper .divtable .ns-match-link {
    color: #222;
    font-weight: bold;
    margin-right: 4px;
}

#tournament-fixture-wrapper .divtable .stacked-score-display {
    text-align: right;
    padding-right: 2px;
}

#tournament-fixture-wrapper .divtable .divtable-data .stacked-match-link {
    color: #fff;
    background-color: #8f8f8f;
    padding: 0 6px;
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
    float: right;
}

#tournament-fixture .divtable-data.incidents-revealer .button-small {
    display: inline-block;
    vertical-align: middle;
}

#tournament-fixture .incidents-revealer .button-small .ui-icon {
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
}

#tournament-fixture-wrapper .divtable .status .status-2, #tournament-fixture-wrapper .divtable .result a {
    display: block;
    font-weight: bold;
    color: #444;
    width: 39px;
    margin: 0 auto;
}

#tournament-fixture-wrapper .divtable .result .result-1, #tournament-fixture-wrapper .divtable .divtable-data .stacked-match-link.result-1 {
    color: #fff;
    background-color: #8f8f8f;
}

#tournament-fixture-wrapper .divtable .result .result-2, #tournament-fixture-wrapper .divtable .divtable-data .stacked-match-link.result-2 {
    color: #fff;
    background: #8dc63f;
}

#tournament-fixture-wrapper .divtable .divtable-row .team {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tournament-fixture-wrapper .divtable .divtable-row.incident .team .player-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
}

#tournament-fixture-wrapper .home.team .player-link, #tournament-fixture-wrapper .home .incidents-icon, #tournament-fixture-wrapper .home .goal-info {
    float: right;
}

#tournament-fixture-wrapper .away.team .player-link, #tournament-fixture-wrapper .away .incidents-icon, #tournament-fixture-wrapper .away .goal-info {
    float: left;
}

#tournament-fixture-wrapper .divtable .divtable-data.toolbar.right .match-link {
    margin: 0 1px 0 1px;
}

@media screen and (max-width: 480px) {
    #tournament-fixture .divtable-data.incidents-revealer .hilight.button-small {
        display: none;
    }
}

#tournament-fixture .divtable-data {
    float: none;
    display: inline-block;
}

#team-fixtures-summary {
    margin-bottom: 15px;
}

#team-fixtures-summary .divtable .divtable-row {
    clear: both;
}

#team-fixtures-summary .divtable .divtable-data .stacked-match-link.result-1, #team-fixtures-summary .divtable .divtable-data.result .result-1 {
    color: #fff;
    background-color: #8f8f8f;
}

#team-fixtures-summary .divtable .divtable-data .stacked-match-link.result-2, #team-fixtures-summary .divtable .divtable-data.result .result-2 {
    color: #fff;
    background-color: #8dc63f;
}

#team-fixtures-summary .divtable .divtable-data .stacked-match-link, #team-fixtures-summary .divtable .result .result-1, #team-fixtures-summary .divtable .result .result-2 {
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
}

#team-fixtures-summary .divtable .divtable-data .stacked-match-link {
    width: 20px;
}

#team-fixtures-summary .divtable .result .result-1, #team-fixtures-summary .divtable .result .result-2 {
    padding: 0 6px;
}

#team-fixtures-summary .divtable .divtable-data .stacked-match-link {
    float: right;
    text-align: center;
}

#team-fixtures-summary .divtable .divtable-data.result .result-4 {
    vertical-align: middle;
    color: #444;
    font-weight: bold;
}

#team-fixtures-summary .divtable .team.home, #team-fixtures-summary .divtable .team.away, #team-fixtures-summary .divtable .stacked-teams-display .team-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

#team-fixtures-summary .divtable .stacked-teams-display .team-link {
    max-width: 100%;
    padding-left: 2px;
    display: inline-block;
}

#team-fixtures-summary .divtable .ns-match-link {
    color: #222;
    font-weight: bold;
    margin-right: 4px;
    float: right;
}

#team-fixtures-summary .divtable .divtable-data {
    display: inline-block;
    float: none;
}

#team-fixtures-summary .home .incident-player-link, #team-fixtures-summary .home .incidents-icon, #team-fixtures-summary .home .goal-info {
    float: right;
}

#team-fixtures-summary .away .incident-player-link, #team-fixtures-summary .away .incidents-icon, #team-fixtures-summary .away .goal-info {
    float: left;
}

#team-fixtures-summary .divtable .incident-player-link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 64%;
}

#team-fixtures-summary .divtable .divtable-data.toolbar.right .match-link {
    margin: 0 1px 0 1px;
}

#team-situation-stats {
    min-height: 200px;
}

#team-situation-stats .situation-type, #team-situation-stats .grid.with-centered-columns th.situation-value, #team-situation-stats .grid.with-centered-columns td.situation-value {
    text-align: left;
}

#team-pitch-stats .pitch-stats-container {
    margin-top: 15px;
    margin-bottom: 15px;
}

#team-pitch-stats .pitches-container {
    background-color: #222;
}

#team-pitch-stats .pitches-container .title {
    color: #FFF;
    width: 100%;
    text-align: center;
    padding: 8px;
}

#previous-meetings-stats-grid-wrapper, #previous-meetings-grid-wrapper {
    margin: 5px 0 5px 0;
}

#previous-meetings-stats-grid-wrapper .divtable .divtable-data, #previous-meetings-stats-grid-wrapper .divtable .divtable-header {
    height: 20px;
    background-color: inherit;
}

#previous-meetings-stats-grid-wrapper {
    background-color: #FFFFFF;
}

#previous-meetings-stats-grid-wrapper .team-emblem {
    margin: auto;
    display: block;
}

#previous-meetings-stats-grid-wrapper .previous-meetings-stat {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

#previous-meetings-stats-grid-wrapper td {
    text-align: center;
}

#previous-meetings-stats-grid-wrapper .nextline-result-stats {
    margin-top: 5px;
}

#previous-meetings-grid-wrapper .divtable .divtable-row {
    overflow: auto;
}

#previous-meetings-grid-wrapper .divtable .incident-player-link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 70%;
}

#previous-meetings-grid-wrapper .divtable .divtable-row.incident {
    padding: 0;
}

#previous-meetings-grid-wrapper .home .incident-player-link, #previous-meetings-grid-wrapper .home .incidents-icon, #team-fixture-wrapper .home .goal-info {
    float: right;
}

#previous-meetings-grid-wrapper .away .incident-player-link, #previous-meetings-grid-wrapper .away .incidents-icon, #team-fixture-wrapper .away .goal-info {
    float: left;
}

#previous-meetings-grid-wrapper .divtable .divtable-data {
    display: inline-block;
    float: none;
}

#previous-meetings-grid-wrapper .divtable .divtable-data .home-score, .divtable .divtable-data .away-score {
    text-align: center;
}

#previous-meetings-grid-wrapper .divtable .divtable-data .stacked-match-link, #previous-meetings-grid-wrapper .divtable .horiz-match-link {
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
}

#previous-meetings-grid-wrapper .divtable .divtable-data .stacked-match-link {
    width: 20px;
}

#previous-meetings-grid-wrapper .divtable .horiz-match-link {
    padding: 0 6px;
}

#previous-meetings-grid-wrapper .divtable .divtable-data .stacked-match-link.result-1, #previous-meetings-grid-wrapper .divtable .horiz-match-link.result-1 {
    color: #fff;
    background-color: #8f8f8f;
}

#previous-meetings-grid-wrapper .divtable .divtable-data .stacked-match-link {
    float: right;
}

#previous-meetings-grid-wrapper .divtable .stacked-teams-display .team-link {
    max-width: 100%;
    padding-left: 2px;
}

#previous-meetings-grid-wrapper .divtable .horizontal-match-display .team-link, #previous-meetings-grid-wrapper .divtable .stacked-teams-display .team-link {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

#previous-meetings-grid-wrapper .divtable .horizontal-match-display .team-link {
    max-width: 70%;
}

#team-fixtures {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}

#team-fixtures-content-home-matches .home, #team-fixtures-content-away-matches .home {
    float: left;
    text-align: left;
}

#team-fixtures-content-home-matches .away, #team-fixtures-content-away-matches .away {
    float: right;
    text-align: right;
}

#team-fixtures-content-home-matches, #team-fixtures-content-away-matches {
    position: relative;
    width: 100%;
}

#team-fixtures #team-fixtures-legend {
    clear: both;
    margin-top: 0px;
}

#team-fixtures #team-fixtures-content-home-matches td, #team-fixtures #team-fixtures-content-away-matches td {
    width: 25%;
}

#team-fixtures #team-fixtures-content-home-matches .result a, #team-fixtures #team-fixtures-content-away-matches .result a {
    color: #555;
    font-size: 16px;
}

#team-fixtures #team-fixtures-content-home-matches .form, #team-fixtures #team-fixtures-content-away-matches .form, #team-fixtures #team-fixtures-content-home-matches .tournament, #team-fixtures #team-fixtures-content-away-matches .tournament, #team-fixtures #team-fixtures-content-home-matches .date, #team-fixtures #team-fixtures-content-away-matches .date {
    float: none;
}

#team-fixture-wrapper .home .incident-player-link, #team-fixture-wrapper .home .incidents-icon, #team-fixture-wrapper .home .goal-info {
    float: right;
}

#team-fixture-wrapper .away .incident-player-link, #team-fixture-wrapper .away .incidents-icon, #team-fixture-wrapper .away .goal-info {
    float: left;
}

#team-fixture-wrapper .divtable .incident-player-link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 70%;
}

#team-fixture-wrapper .divtable .divtable-row.incident {
    padding: 0;
}

#team-fixture-wrapper .divtable .divtable-data {
    display: inline-block;
    float: none;
}

#team-fixture-wrapper .divtable .divtable-data .home-score, .divtable .divtable-data .away-score {
    text-align: center;
}

#team-fixture-wrapper .divtable .divtable-data .stacked-match-link, #team-fixture-wrapper .divtable .horiz-match-link {
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
}

#team-fixture-wrapper .divtable .divtable-data .stacked-match-link {
    width: 20px;
}

#team-fixture-wrapper .divtable .horiz-match-link {
    padding: 0 6px;
}

#team-fixture-wrapper .divtable .divtable-data .stacked-match-link.result-1, #team-fixture-wrapper .divtable .horiz-match-link.result-1 {
    color: #fff;
    background-color: #8f8f8f;
}

#team-fixture-wrapper .divtable .divtable-data .stacked-match-link {
    float: right;
}

#team-fixture-wrapper .divtable .stacked-teams-display .team-link {
    max-width: 100%;
    padding-left: 2px;
}

#team-fixture-wrapper .divtable .horizontal-match-display .team-link, #team-fixture-wrapper .divtable .stacked-teams-display .team-link {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
}

#team-fixture-wrapper .divtable .horizontal-match-display .team-link {
    max-width: 70%;
}

#team-fixture-wrapper .ns-match-link {
    color: #222;
    font-weight: bold;
    margin-right: 4px;
}

#team-fixture-wrapper .score-placeholder {
    text-align: right;
}

#team-fixture-wrapper .divtable .result .result-4 {
    min-width: 36px;
    text-align: center;
    font-weight: bold;
    color: #444;
}

#team-fixture-wrapper .divtable .divtable-data .stacked-match-link.result-2, #team-fixture-wrapper .divtable .horiz-match-link.result-2 {
    color: #fff;
    background-color: #8dc63f;
}

#team-fixture-wrapper .divtable .divtable-data.toolbar.right .match-link {
    margin: 0 1px 0 1px;
}

#motm-predictions .stat-bar-wrapper .stat-bar {
    height: 17px;
}

#score-predictions-container .border-left {
    position: absolute;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: rgb(208, 208, 208);
    top: 0;
}

#score-predictions-container .split-panel-left {
    border-right: 0px solid white;
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
}

.noUi-origin {
    height: 10%;
    width: 10%;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:before, .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
    cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.info a.bm {
    height: 16px;
}

.bm-name {
    font-size: 0.9167em;
    font-weight: bold;
}

.bm-23 {
    background-position: 0 -5px;
}

.bm-142 {
    background-position: 0 -26px;
}

.bm-145 {
    background-position: 0 -47px;
}

.bm-154 {
    background-position: 0 -68px;
}

.bm-12 {
    background-position: 0 -90px;
}

.bm-14 {
    background-position: 0 -111px;
}

.bm-16 {
    background-position: 0 -132px;
}

.bm-43 {
    background-position: 0 -153px;
}

.bm-93 {
    background-position: 0 -173px;
}

.bm-134 {
    background-position: 0 -194px;
}

.bm-136 {
    background-position: 0 -216px;
}

.bm-141 {
    background-position: 0 -237px;
}

.bm-147 {
    background-position: 0 -258px;
}

.bm-150 {
    background-position: 0 -279px;
}

.bm-286, .bm-370 {
    background-position: 0 -300px;
}

.bm-7 {
    background-position: 0 -321px;
}

.bm-63 {
    background-position: 0 -341px;
}

.bm-72 {
    background-position: 0 -363px;
}

.bm-100 {
    background-position: 0 -384px;
}

.bm-120 {
    background-position: 0 -405px;
}

.bm-130 {
    background-position: 0 -425px;
}

.bm-146 {
    background-position: 0 -447px;
}

.bm-148 {
    background-position: 0 -467px;
}

.bm-155 {
    background-position: 0 -488px;
}

.bm-289 {
    background-position: 0 -510px;
}

.bm-303 {
    background-position: 0 -530px;
}

.bm-354 {
    background-position: 0 -552px;
}

.bm-0 {
    background-position: 0px -573px;
}

.bm-free200 {
    background-position: 0px -594px;
}

.bm-171 {
    background-position: 0 -615px;
}

.bm-449 {
    background-position: 0 -636px;
}

.bm-22 {
    background-position: 0 -657px;
}

.bm-422 {
    background-position: 0 -678px;
}

.bm-382 {
    background-position: 0 -720px;
}

.bm-464 {
    background-position: 0 -698px;
}

.bm-354 {
    background-position: 0 -698px;
}

.bm-425 {
    background-position: 0 -741px;
}

.bm-65 {
    background-position: 0 -762px;
}

.bm-457 {
    background-position: 0px -783px;
}

.bm-500 {
    background-position: 0px -804px;
}

.bm-270 {
    background-position: 0px -804px;
}

.bm-border-free200 {
    border: 4px solid #00866A;
}

.bm-border-0 {
    border: 4px solid #01775D;
}

.bm-border-23 {
    border: 4px solid #01775D;
}

.bm-border-142 {
    border: 4px solid #0195FA;
}

.bm-border-145 {
    border: 4px solid #020202;
}

.bm-border-154 {
    border: 4px solid #023751;
}

.bm-border-12 {
    border: 4px solid #F23D2C;
}

.bm-border-14 {
    border: 4px solid #01648F;
}

.bm-border-16 {
    border: 4px solid #87BC24;
}

.bm-border-43 {
    border: 4px solid #0328D5;
}

.bm-border-93 {
    border: 4px solid #285290;
}

.bm-border-134 {
    border: 4px solid #02208D;
}

.bm-border-136 {
    border: 4px solid #010101;
}

.bm-border-141 {
    border: 4px solid #FFFFFF;
}

.bm-border-147 {
    border: 4px solid #FED401;
}

.bm-border-150 {
    border: 4px solid #FEB601;
}

.bm-border-286, .bm-border-370 {
    border: 4px solid #FFF;
}

.bm-border-7 {
    border: 4px solid #011278;
}

.bm-border-63 {
    border: 4px solid #2C2C2C;
}

.bm-border-72 {
    border: 4px solid #FEFEFE;
}

.bm-border-100 {
    border: 4px solid #07286D;
}

.bm-border-120 {
    border: 4px solid #FFFFFF;
}

.bm-border-130 {
    border: 4px solid #376AAB;
}

.bm-border-146 {
    border: 4px solid #050505;
}

.bm-border-148 {
    border: 4px solid #02409F;
}

.bm-border-155 {
    border: 4px solid #05090B;
}

.bm-border-289 {
    border: 4px solid #FEFEFE;
}

.bm-border-303 {
    border: 4px solid #020202;
}

.bm-border-354 {
    border: 4px solid #010101;
}

.bm-border-422 {
    border: 4px solid #00b079;
}

.bm-border-464 {
    border: 4px solid #FDDE00;
}

.bm-border-354 {
    border: 4px solid #FDDE00;
}

.bm-border-425 {
    border: 4px solid #0059A6;
}

.bm-border-382 {
    border: 4px solid #FFFFFF;
}

.bm-border-65 {
    border: 4px solid #FFFFFF;
}

.bm-border-457 {
    border: 4px solid #0B3F43;
}

.bm-border-457 {
    border: 4px solid #32357D;
}

.bm-border-449 {
    border: 4px solid #195685;
}

.bm-border-270 {
    border: 4px solid #F76301;
}

﻿.tag-cloud-container {
    padding: 5px;
}

.tag-cloud-container h3 {
    border-bottom: 0 !important;
    display: inline;
    font-size: 12px;
}

#tagCloud {
    margin: 8px 0;
    padding: 8px;
    font-family: georgia, garamond, serif;
    text-align: justify;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

#tagCloud a {
    padding: 0 4px;
    text-decoration: none;
    line-height: 24px;
}

#tagCloud a:hover {
    color: #fff !important;
    background-color: #666;
}

#tagCloud a span {
    color: #aaa !important;
    font-size: 12px !important;
}

#tagCloud a b {
    color: #999 !important;
    font-weight: normal;
}

#tagCloud a.size0 {
    font-size: 110%;
    line-height: 1.5em;
    color: #aaa;
}

#tagCloud a.size1 {
    font-size: 120%;
    line-height: 1.4em;
    color: #777;
}

#tagCloud a.size2 {
    font-size: 130%;
    line-height: 1.3em;
    color: #666;
}

#tagCloud a.size3 {
    font-size: 140%;
    line-height: 1.2em;
    color: #444;
}

#tagCloud a.size4 {
    font-size: 150%;
    line-height: 1.1em;
    color: #333;
}

#tagCloud a.size5 {
    font-size: 160%;
    line-height: 1.0em;
    color: #111;
}

#tagCloud a.fav0 {
    color: #A4CE5A !important;
}

#tagCloud a.fav1 {
    color: #8C1 !important;
}

#tagCloud a.fav2 {
    color: #7CBA0F !important;
}

#tagCloud a.fav3 {
    color: #6DA40E !important;
}

#tagCloud a.fav4 {
    color: #5A870C !important;
}

#tagCloud a.fav5 {
    color: #45890A !important;
}

.tag_size_1 {
    font-size: 10px;
    font-weight: 100;
}

.tag_size_2 {
    font-size: 12px;
    font-weight: 200;
}

.tag_size_3 {
    font-size: 14px;
    font-weight: 300;
}

.tag_size_4 {
    font-size: 16px;
    font-weight: 400;
}

.tag_size_5 {
    font-size: 18px;
    font-weight: 500;
}

.tag_size_6 {
    font-size: 20px;
    font-weight: 600;
}

.tag_size_7 {
    font-size: 22px;
    font-weight: 700;
}

.tag_size_8 {
    font-size: 24px;
    font-weight: 800;
}

.tag_size_9 {
    font-size: 26px;
    font-weight: 900;
}

.tag_size_10 {
    font-size: 28px;
    font-weight: 100;
}

.tag_search_terms {
    width: 150px;
    height: 100px;
    margin-top: 3px;
}

.search_terms_container {
    padding-left: 100px;
}

.translate {
    float: right;
}

.translate a {
    border: solid 1px #999;
    background: #EEE;
    padding: 2px;
    color: #000;
    cursor: pointer;
}

.translate a:hover {
    background: #EEF;
}

.highlighted-text {
    color: #00F;
    background: #FF9;
}

.no-items {
    width: 500px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

.match-whole-word, .match-case {
    text-align: center;
}

.pagination {
    text-align: right;
}

.paginationLeft {
    font-weight: bold;
    padding-right: 10px;
}

.news-filters, .pagination {
    margin-top: 10px;
    padding: 6px;
    font-size: 1.2em !important;
    font-weight: bold;
    background: #E0E0E0;
}

.news-filters form {
    margin: 0;
    padding: 0;
}

.news-filters select {
    padding: 3px;
    margin: 0;
}

.news-filters div {
    line-height: 25px;
}

.news-filters form div {
    float: left;
}

.news-items li {
    padding: 0.20em 0;
    border-bottom: dotted 1px #C2C2C2;
}

.news-title {
    display: block;
    color: #222;
    font-weight: normal;
    line-height: 1.5em;
}

.news-items .news-title {
    font-size: 1.2em;
}

.news-published {
    color: #808080;
    padding: 0 0.2em;
}

.news-source {
    color: #EF4123;
    white-space: nowrap;
}

.news-source, .news-published {
    font-size: 0.9167em;
}

.description {
    margin: 0 0 8px 0;
}

.removable-filter-criteria {
    overflow: hidden;
    white-space: nowrap;
}

.removable-filter-criteria span {
    color: #333;
    font-weight: bold;
    padding: 2px 4px;
    background: #F8F8F8;
}

.tag-name {
    font-weight: bold;
}

.remove-tag {
    background: #333 !important;
    color: #FFF !important;
    text-decoration: none !important;
    font-weight: bold;
    padding: 0 2px;
}

.additional-info {
    overflow: hidden;
    width: 100%;
    display: none;
    font-size: 1em;
    padding: 0 10px 5px 10px;
    width: 628px;
}

.additional-info select {
    font-size: 1em;
}

.news-items .tags {
    float: left;
    width: 420px;
    font-size: 0.9167em;
}

.news-items .tags span, .news-items .tags a {
    padding: 2px 4px;
    margin: 2px 2px 0 0;
    display: block;
    float: left;
    white-space: nowrap;
    border: solid 1px #D0D0D0;
}

.news-items .tags a {
    background: #E0E0E0;
    color: #333;
    padding: 2px 4px;
    text-decoration: none;
}

.news-items .tags a:hover {
    background: #F0F0F0;
    border: solid 1px #E0E0E0;
}

.news-items .translate {
    padding-top: 2px;
    float: right;
}

.no-items {
    width: 100%;
    padding: 10px;
}

.news-item {
    width: 100%;
}

.news-item td {
    padding: 0.2em 0;
}

.news-item .toolbar {
    padding-top: 0.35em;
    width: 3.5em;
    vertical-align: top;
}

.news-item .time {
    padding: 0 0.2em;
    color: #FFFFFF;
    background-color: #CC3333;
}

.news-item .show-details, .source-lang {
    float: left;
}

.news-item .source-lang {
    font-size: 0.9167em;
}

.ws-editorial-list-item {
    display: table;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: dotted 1px #959595;
}

.ws-editorial-list-item .ws-editorial-thumbnail-wrapper {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    text-align: center;
}

.ws-editorial-list-item .ws-editorial-content {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 110px);
}

.ws-editorial-list-item .ws-editorial-thumbnail {
    max-height: 70px;
    max-width: 70px;
}

.ws-editorial-list-item .ws-editorial-type {
    color: white;
    width: 70px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

.ws-editorial-list-item .ws-editorial-category {
    color: #959595;
}

.ws-editorial-list-item .ws-editorial-title {
    font-size: 18px;
    margin: 10px 0;
    color: #222;
}

.ws-editorial-list-item .ws-editorial-info {
    color: #959595;
}

.ws-editorial-type.news {
    background-color: #CA2027;
}

.ws-editorial-type.article {
    background-color: #99CB50;
}

.ws-editorial-type.video {
    background-color: #222222;
}

﻿#comments-panel {
    width: inherit;
}

.comments-section {
    margin-bottom: 18px;
}

.comment-count {
    font-weight: bold;
}

.comments-login {
    margin-bottom: 5px;
    padding: 4px;
    height: 48px;
    border: 1px solid #999;
    line-height: 48px;
    font-weight: bold;
    background-color: #f5f5f5;
}

.comments-post {
    margin-bottom: 18px;
    padding-top: 18px;
}

.comments-textarea {
    margin: 0 0 5px 0;
    border: 1px solid #999;
    padding: 2px;
    width: 99%;
    height: 70px;
}

.comments-post-count {
    font-size: 0.9167em;
    color: #808080;
}

.comments-post-area {
    float: right;
}

.comments-post-result {
    font-weight: bold;
    color: #c00;
}

.comments-list .comment {
    position: relative;
    border-top: 1px solid #f5f5f5;
    padding: 8px 4px;
    color: #333;
}

.comment.alt {
    background-color: #f5f5f5;
}

.comment .error {
    color: #c00;
}

.comment.author-viewing {
    background-color: #FFFDD6;
}

.comment .content p {
    word-wrap: break-word;
    overflow: hidden;
}

.comment .metadata .author {
    font-family: Verdana, Tahoma;
    font-weight: bold;
    font-size: 11px;
}

.comment .metadata .admin {
    background-color: #8DC63F;
    border-radius: 3px;
    color: #FFFFFF;
    font-family: Verdana, Tahoma;
    font-weight: bold;
    padding: 2px;
}

.comment .metadata .membersince {
    color: #ABABAB;
    font-size: 0.9167em;
}

.comment .metadata .button-spacer {
    margin-left: 4px;
    font-weight: bold;
}

.comment .metadata .time, .comment .metadata .rating-positive, .comment .metadata .rating-negative {
    font-size: 0.9167em;
    color: #808080;
}

.comment .metadata .rating-positive, .comment .metadata .rating-negative {
    margin-left: 2px;
}

.comment .metadata .rating-positive {
    font-weight: bold;
    color: #090;
}

.comment .metadata .rating-negative {
    font-weight: bold;
    color: #c00;
}

.metadata-button {
    margin-left: 6px;
}

.comment .rate-positive:hover, .comment .rate-negative:hover {
    background-color: #d6d6d6;
}

.comment .ratings {
    display: inline;
}

.comment.author-viewing .ratings {
    display: none;
}

.comment .report {
    color: #808080;
    font-size: 0.9167em;
    background-position: 0 -32px;
}

.comment .reply {
    color: #808080;
    font-size: 0.9167em;
    background-position: 0 -32px;
    cursor: pointer;
}

.comment .rate-positive {
    background-position: 0 0;
}

.rate-negative {
    background-position: 0 -16px;
}

.comment .rate-positive.done {
    background-position: -16px 0;
}

.comment .rate-negative.done {
    background-position: -16px -16px;
}

.comment .report.done {
    color: #c00;
}

.comment .actions {
    position: absolute;
    right: 0;
    top: 0;
    width: 160px;
    height: 24px;
    text-align: right;
}

.comments-pagination {
    margin-top: 8px;
}

.comments-pagination .button {
    padding: 0.25em;
}

.authentication-message {
    display: inline-block;
    margin-left: 1em;
    border: solid 1px #999;
    padding: 3px;
    font-weight: bold;
    background-color: #f5f5f5;
}

.post-comment {
    padding: 4px 9px;
    font-weight: bold;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    border-radius: 4px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-bottom: 1em;
}

.post-comment:hover {
    background-color: #2972B1;
}

.striped {
    background-color: #f9f9f9;
}

.reply-comment {
    border-left: 1px dashed #CCCCCC;
}

.expand, .collapse {
    color: gray;
    cursor: pointer;
}

.deleted {
    color: #ABABAB;
}

﻿.tag-cloud-container {
    padding: 5px;
}

.tag-cloud-container h3 {
    border-bottom: 0 !important;
    display: inline;
    font-size: 12px;
}

#tagCloud {
    margin: 8px 0;
    padding: 8px;
    font-family: georgia, garamond, serif;
    text-align: justify;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

#tagCloud a {
    padding: 0 4px;
    text-decoration: none;
    line-height: 24px;
}

#tagCloud a:hover {
    color: #fff !important;
    background-color: #666;
}

#tagCloud a span {
    color: #aaa !important;
    font-size: 12px !important;
}

#tagCloud a b {
    color: #999 !important;
    font-weight: normal;
}

#tagCloud a.size0 {
    font-size: 110%;
    line-height: 1.5em;
    color: #aaa;
}

#tagCloud a.size1 {
    font-size: 120%;
    line-height: 1.4em;
    color: #777;
}

#tagCloud a.size2 {
    font-size: 130%;
    line-height: 1.3em;
    color: #666;
}

#tagCloud a.size3 {
    font-size: 140%;
    line-height: 1.2em;
    color: #444;
}

#tagCloud a.size4 {
    font-size: 150%;
    line-height: 1.1em;
    color: #333;
}

#tagCloud a.size5 {
    font-size: 160%;
    line-height: 1.0em;
    color: #111;
}

#tagCloud a.fav0 {
    color: #A4CE5A !important;
}

#tagCloud a.fav1 {
    color: #8C1 !important;
}

#tagCloud a.fav2 {
    color: #7CBA0F !important;
}

#tagCloud a.fav3 {
    color: #6DA40E !important;
}

#tagCloud a.fav4 {
    color: #5A870C !important;
}

#tagCloud a.fav5 {
    color: #45890A !important;
}

.tag_size_1 {
    font-size: 10px;
    font-weight: 100;
}

.tag_size_2 {
    font-size: 12px;
    font-weight: 200;
}

.tag_size_3 {
    font-size: 14px;
    font-weight: 300;
}

.tag_size_4 {
    font-size: 16px;
    font-weight: 400;
}

.tag_size_5 {
    font-size: 18px;
    font-weight: 500;
}

.tag_size_6 {
    font-size: 20px;
    font-weight: 600;
}

.tag_size_7 {
    font-size: 22px;
    font-weight: 700;
}

.tag_size_8 {
    font-size: 24px;
    font-weight: 800;
}

.tag_size_9 {
    font-size: 26px;
    font-weight: 900;
}

.tag_size_10 {
    font-size: 28px;
    font-weight: 100;
}

.tag_search_terms {
    width: 150px;
    height: 100px;
    margin-top: 3px;
}

.search_terms_container {
    padding-left: 100px;
}

.translate {
    float: right;
}

.translate a {
    border: solid 1px #999;
    background: #EEE;
    padding: 2px;
    color: #000;
    cursor: pointer;
}

.translate a:hover {
    background: #EEF;
}

.highlighted-text {
    color: #00F;
    background: #FF9;
}

.no-items {
    width: 500px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

.match-whole-word, .match-case {
    text-align: center;
}

.pagination {
    text-align: right;
}

.paginationLeft {
    font-weight: bold;
    padding-right: 10px;
}

.news-filters, .pagination {
    margin-top: 10px;
    padding: 6px;
    font-size: 1.2em !important;
    font-weight: bold;
    background: #E0E0E0;
}

.news-filters form {
    margin: 0;
    padding: 0;
}

.news-filters select {
    padding: 3px;
    margin: 0;
}

.news-filters div {
    line-height: 25px;
}

.news-filters form div {
    float: left;
}

.news-items li {
    padding: 0.20em 0;
    border-bottom: dotted 1px #C2C2C2;
}

.news-title {
    display: block;
    color: #222;
    font-weight: normal;
    line-height: 1.5em;
}

.news-items .news-title {
    font-size: 1.2em;
}

.news-published {
    color: #808080;
    padding: 0 0.2em;
}

.news-source {
    color: #EF4123;
    white-space: nowrap;
}

.news-source, .news-published {
    font-size: 0.9167em;
}

.description {
    margin: 0 0 8px 0;
}

.removable-filter-criteria {
    overflow: hidden;
    white-space: nowrap;
}

.removable-filter-criteria span {
    color: #333;
    font-weight: bold;
    padding: 2px 4px;
    background: #F8F8F8;
}

.tag-name {
    font-weight: bold;
}

.remove-tag {
    background: #333 !important;
    color: #FFF !important;
    text-decoration: none !important;
    font-weight: bold;
    padding: 0 2px;
}

.additional-info {
    overflow: hidden;
    width: 100%;
    display: none;
    font-size: 1em;
    padding: 0 10px 5px 10px;
    width: 628px;
}

.additional-info select {
    font-size: 1em;
}

.news-items .tags {
    float: left;
    width: 420px;
    font-size: 0.9167em;
}

.news-items .tags span, .news-items .tags a {
    padding: 2px 4px;
    margin: 2px 2px 0 0;
    display: block;
    float: left;
    white-space: nowrap;
    border: solid 1px #D0D0D0;
}

.news-items .tags a {
    background: #E0E0E0;
    color: #333;
    padding: 2px 4px;
    text-decoration: none;
}

.news-items .tags a:hover {
    background: #F0F0F0;
    border: solid 1px #E0E0E0;
}

.news-items .translate {
    padding-top: 2px;
    float: right;
}

.no-items {
    width: 100%;
    padding: 10px;
}

.news-item {
    width: 100%;
}

.news-item td {
    padding: 0.2em 0;
}

.news-item .toolbar {
    padding-top: 0.35em;
    width: 3.5em;
    vertical-align: top;
}

.news-item .time {
    padding: 0 0.2em;
    color: #FFFFFF;
    background-color: #CC3333;
}

.news-item .show-details, .source-lang {
    float: left;
}

.news-item .source-lang {
    font-size: 0.9167em;
}

.ws-editorial-list-item {
    display: table;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: dotted 1px #959595;
}

.ws-editorial-list-item .ws-editorial-thumbnail-wrapper {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    text-align: center;
}

.ws-editorial-list-item .ws-editorial-content {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 110px);
}

.ws-editorial-list-item .ws-editorial-thumbnail {
    max-height: 70px;
    max-width: 70px;
}

.ws-editorial-list-item .ws-editorial-type {
    color: white;
    width: 70px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}

.ws-editorial-list-item .ws-editorial-category {
    color: #959595;
}

.ws-editorial-list-item .ws-editorial-title {
    font-size: 18px;
    margin: 10px 0;
    color: #222;
}

.ws-editorial-list-item .ws-editorial-info {
    color: #959595;
}

.ws-editorial-type.news {
    background-color: #CA2027;
}

.ws-editorial-type.article {
    background-color: #99CB50;
}

.ws-editorial-type.video {
    background-color: #222222;
}

﻿.dummy-post {
}

.post {
    margin-bottom: 1em;
    background-color: #F8F8F8;
    padding: 0.5em 0;
}

#wsnews-tag-cloud [class^="tag-wsnews"], #main-post-list [class^="tag-wsnews"], #blog-tag-cloud [class^="tag-wsnews"] {
    display: none;
}

.post-header {
}

.post-content {
    margin-top: 1em;
}

.post-content img, .post-content iframe {
    max-width: 100%;
}

.post-stamp {
    padding: 0.4em;
}

.post-header h2, .post-header h1 {
    padding-top: 0;
}

.post-header h1 {
    line-height: 1em;
    padding: 0;
}

.post-header h1 .post-title {
    font-size: 0.75em;
}

.post-title {
    color: #333333;
    font-size: 1.067em;
    line-height: 1em;
    padding-top: 0;
    text-transform: none;
    font-weight: bold;
}

.post-date {
    color: #808080;
    font-size: 0.9167em;
    font-style: italic;
}

.post-text {
    color: #222;
}

.post-author, .post-category {
    color: #222222;
    font-weight: bold;
}

.post-list .post-text {
    float: right;
    vertical-align: top;
    width: calc(100% - 150px);
}

.post-list .post-display-image {
    float: left !important;
    height: 100px;
    margin: 0 !important;
    padding: 0 !important;
    width: 140px;
    border: none;
}

.post .post-categories {
    margin-top: 0.5em;
    display: block;
}

.post-categories {
    float: left;
}

.post .post-tags {
    margin-top: 2em;
    margin-bottom: 1em;
}

.post .post-tag {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
    color: #666666;
    padding: 0.2em;
    line-height: 2em;
    white-space: nowrap;
}

.post-share {
    float: right;
    margin-top: 0.5em;
}

.post-share iframe {
    vertical-align: top;
}

.addthis_counter.addthis_pill_style {
    display: inline-block !important;
}

#most-recent-posts .post-content {
    position: relative;
    padding: 0.4em;
    margin: 0;
}

#most-recent-posts .post-display-image {
    height: 50px;
    width: 50px;
    margin-left: 0.5em !important;
}

#most-recent-posts .post-text {
    width: 205px;
    font-weight: bold;
}

#most-recent-posts .info {
    font-style: normal;
}

#most-recent-posts .fixture-comments {
    position: absolute;
    right: 0;
    bottom: 0;
}

#tagCloud .tagCloud-more {
    display: none;
}

#tagCloud .tagCloud-more a.size0 {
    display: none;
}

.post .fixture-comments {
    float: right;
}

#categoryCloud a {
    display: block;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #444;
    margin: 0 0.25em;
}

#categoryCloud {
    border-top: 1px solid #EEEEEE;
}

.addthis_button_google_plusone {
    width: 50px;
}

#single-post .post-header {
    padding-top: 1em;
    border-style: dashed;
    border-width: 1px 0px;
    border-color: #D0D0D0;
}

.post {
    border-style: dashed;
    border-width: 1px 0px;
    border-color: #D0D0D0;
    background-color: #FFF;
    line-height: 1.8em;
}

#single-post {
    border: none;
}

#single-post iframe {
    max-width: 100%;
}

#single-post .post-thumbnail-image {
    display: none;
}

.google-plus-share div {
    vertical-align: top !important;
    width: 70px !important;
}

.trc_related_container {
    padding: 0.5em;
}

.showing-less .show-less, .showing-more .show-more {
    display: none;
}

#related-reads {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#related-reads .related-read {
    padding: 10px;
    max-width: 220px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

#related-reads .related-read-link {
    display: block;
    height: 100%;
}

#related-reads .related-read-link {
    display: block;
    height: 100%;
}

#related-reads .related-read-img {
    margin: 0 auto;
    height: 70px;
    width: 70px;
    display: block;
    text-align: center;
}

#related-reads .related-read-title {
    font-size: 15px;
    text-align: center;
    display: block;
}

﻿.dummy {
}

.livescore-map-summary-group label a {
    color: #222;
    font-size: 1.2em;
}

.livescore-map-summary-group.has-no-matches label a {
    color: #d0d0d0;
}

.livescore-map-summary-group .livescore-map-tournament a {
    font-size: 0.9167em;
}

.livescore-map-tournament label {
    float: left;
    max-width: 120px;
}

.livescore-map-tournament a {
    color: #d0d0d0;
    font-weight: bold;
}

.livescore-map-matches-info {
    position: absolute;
    top: 0.1em;
    right: 0.3em;
    font-size: 0.9167em;
}

.livescore-map-matches-info .match-count {
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    line-height: 1.5em;
    margin-left: 0.2em;
    text-align: center;
    width: 1.5em;
}

.livescore-map-matches-info .match-count.live {
    color: #8DC63F;
    font-size: 1.2em;
    width: 3.5em;
}

.livescore-map-matches-info .match-count.finished {
    background-color: #666;
}

.livescore-map-matches-info .match-count.upcoming {
    background-color: #F9B820;
}

.livescore-map-matches-info .match-count.zero {
    background-color: #222;
    color: #fff;
}

.side-box-content2 li {
    border-bottom: 1px solid #E0E0E0;
}

#previews {
    padding-top: 0.5em;
}

#previews .grid td {
    border: none;
    float: left;
}

#previews .previews-date {
    font-size: 1.2em;
    font-weight: bold;
    color: #669000;
}

#previews .time {
    width: 6%;
}

#previews .level-1 {
    font-size: 1.2em;
}

#previews .level-2 {
    margin-left: 0.8em;
    font-size: 1em;
    zoom: 1;
    color: #808080 !important;
}

#previews .level-3 {
    margin-left: 1em;
}

#previews .header {
    border: medium none !important;
    color: #333333;
    padding: 0 0 0 1.8em;
}

#previews .empty-list {
    padding: 4px;
    color: #999;
    font-style: italic;
}

#previews a {
    color: #222;
    padding-left: 0.25em;
}

#previews li {
    line-height: 1.8em;
}

#editorial-options {
    background: none repeat scroll 0 0 #F0F0F0;
    padding-left: 0.5em;
    width: 294px;
}

#home-matches-toolbar {
}

.home-matches-toolbar .button {
    padding: 0.25em;
}

#home-matches-view-options .option {
    padding: 0 0.25em;
    position: relative;
    text-decoration: none;
}

#home-matches-view-options .option.selected {
    background-color: #D85616;
    color: #FFF;
}

#livescores .message {
    text-align: center;
    color: #808080;
}

.livescores-summary {
    width: 100%;
    margin-top: 1em;
    border-top: 1px solid #d0d0d0;
}

.livescores-summary .tournament-favourite-status {
    display: none;
    font-size: 0.9167em;
    margin-left: 0.5em;
    position: static;
}

.livescores-summary .tournament:hover .tournament-favourite-status {
    display: inline-block;
}

.livescores-summary .tournament .show-matches {
    display: block;
    float: right;
    margin-top: -1.75em;
}

.livescores-summary .tournament .incident-wrapper {
    margin-top: -0.3em;
}

.livescores-summary .match {
    border-bottom: 1px solid #E7E7E7;
}

.livescores-summary .match.hasDetails {
    border-bottom: 0;
}

.livescores-summary .incident.last {
    border-bottom: 1px solid #E7E7E7;
}

.livescores-summary .tournament-name-container {
    display: block;
    margin-right: 16px;
    overflow: hidden;
    position: relative;
}

.livescores-summary .tournament-name-container .group-name {
    color: #222;
}

.livescores-summary .tournament-name-container .detcover {
    color: #62B527;
    font-size: 0.9167em;
    margin-left: 1em;
    padding: 0 0.3em;
}

.livescores-summary .toolbar.left {
}

.livescores-summary .livescore-map-matches-info {
    right: 0.5em;
    top: 0;
}

.livescores-summary .show-matches {
    display: block;
    float: right;
    margin-top: -1.75em;
}

.best-formation-view {
    background-color: #F8F8F8;
}

#calendar-pages {
    height: 140px;
    width: 360px;
    display: table;
}

#home-livescore-counter {
    display: inline-block;
    height: 150px;
    padding: 25px 0;
    text-align: center;
}

.page-link a {
    width: 100%;
    display: block;
}

#signup-info-box {
    float: right;
    border: 3px solid #ccc;
    padding: 6px;
    width: 218px;
    background-color: #f3f3f3;
}

#signup-info-box .sh1 {
    margin: 6px 0 18px 0;
    font-weight: bold;
    font-size: 24px;
    color: #888;
}

#signup-info-box .sh2, #signup-info-box .sh3 {
    margin: 6px 0;
    font-weight: bold;
    color: #6a0;
}

#signup-info-box .sh3 {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 0.9167em;
}

#signup-info-box .list1 {
    margin-left: 16px;
    list-style: disc outside;
    color: #6a0;
}

#signup-info-box ul li {
    margin-bottom: 6px;
    color: #333;
}

#signup-info-box .p1 {
    font-size: 0.9167em;
}

a.fb {
    font-family: Helvetica, Arial, sans-serif;
    display: inline-block;
    font-size: 14px;
    padding: 9px 11px 12px 39px;
    background: #3A5A97;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 20, .4);
    text-decoration: none;
    line-height: 14px;
    position: relative;
    border-radius: 5px;
}

a.fb:hover {
    background-color: #21417E;
}

.split-panel-left {
    float: left;
    border-right: 1px solid rgb(208, 208, 208);
    height: 438px;
    width: 400px;
    text-align: center;
}

.confirmation {
    text-align: center;
    margin-top: 4em;
    margin-bottom: 20em;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 7px 34px;
    border-radius: 4px;
    font-weight: bold;
}

.tooltip {
    opacity: 0;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 5px 6px;
    border-radius: 5px;
    margin-bottom: 4px;
    margin-left: 14.5em;
}

.required:after {
    content: " *";
    color: red;
    font-size: 17px;
}

.complete-submit-wrapper {
    position: relative;
    margin-left: 14.4em;
}

.complete-submit-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 37px;
    width: 217px;
    cursor: pointer;
}

#accounts-benefits-list {
    list-style-type: disc;
    list-style-position: inside;
}

#accounts-benefits-list .benefit {
    width: 50%;
    display: list-item;
    float: left;
}

.benefit-label {
    font-size: 17px;
}

@media screen and (max-width: 720px) {
    .benefit-label {
        font-size: 12px;
    }

    #accounts-benefits-list {
        list-style-position: outside;
    }

    #accounts-benefits-list .benefit {
        padding-right: 12px;
    }
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

#accounts .btn-confirmation {
    margin-right: 1em;
    margin-left: 1em;
    padding: 10px;
}

#timeZoneId {
    width: 23em;
}

#accounts .checkbox-drop-down-label {
    color: black;
    cursor: pointer;
    background-color: white;
    border: 1px solid;
    border-color: #ccc;
    border-radius: 1px;
    margin-top: 0.25em;
    display: inline-block;
}

a.checkbox-drop-down-label {
    text-decoration: none;
}

.checkbox-drop-down-tick-sign {
    border: none;
    width: 13px;
    height: 14px;
    border-radius: 9px;
    display: none;
    margin-top: 0.1em;
    margin-left: 3px;
}

#position-element input.checkbox-drop-down-count {
    border: none;
    height: 15px;
    border-radius: 9px;
    background-color: white;
    color: black;
    margin-top: 0.1em;
    text-align: center;
    padding-right: 3em;
    float: inherit;
    display: inherit;
    text-decoration: none;
}

#positionOptions input {
    width: auto;
    height: auto;
    float: none;
    display: inherit;
}

#accounts .checkbox-drop-down-option-label {
    cursor: pointer;
    display: inline;
    font-weight: normal;
    color: #222;
}

#accounts .checkbox-drop-down-option-label:hover {
    text-decoration: underline;
}

#account-settings-form .checkbox-drop-down-tick-sign {
    border: none;
    width: 13px;
    height: 14px;
    border-radius: 9px;
    display: none;
    margin-top: 0.1em;
    margin-left: 3px;
}

#accounts .checkbox-drop-down-options {
    padding-right: 8px;
    background-color: white;
    color: #7f8c8d;
    border: 1px solid #ccc;
    width: 23.5em;
}

#account-settings-form .checkbox-drop-down-alert {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    display: none;
    padding: 4px;
    border-radius: 3px;
    width: 21em;
}

.loader {
    margin: 6em auto;
    right: 6px;
    font-size: 1px;
    position: absolute;
    display: none;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid grey;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader, .loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#teamSuggestions {
    position: absolute;
    top: 2.2em;
    width: 15.5em;
    background-color: white;
    border: 1px solid #ccc;
    z-index: 4;
    display: none;
    overflow: auto;
    max-height: 17em;
}

#teamSuggestions ul li {
    padding: 3px 3px;
}

#teamSuggestions a {
    text-decoration: none;
}

#teamSuggestions ul li:hover {
    background-color: #ccc;
    cursor: pointer;
}

#teamSuggestions ul li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

#teamSuggestions ul li a {
    vertical-align: middle;
}

#account-settings-form input.valid {
    border: 1px solid #27ae60;
    outline: none;
    background-color: rgba(39, 174, 96, 0.3);
}

#account-settings-form input.invalid {
    border: 1px solid #c0392b;
    outline: none;
    background-color: rgba(192, 57, 43, 0.3);
}

#account-settings-form input#hideDateOfBirth, #account-settings-form input#hideName, .hide-date-of-birth-label, .hide-name-label {
    position: relative;
    bottom: -4px;
}

#account-settings-form input#hideName {
    float: none;
    display: inline-block;
    margin-right: 0px;
}

.hide-name-label {
    bottom: -2px;
}

#account-settings-form input#hideDateOfBirth, #account-settings-form input#hideName {
    width: 20px;
    height: initial;
}

#user-profile {
    background-color: #F2F2F2;
    padding: 0.5em;
}

#user-profile {
    display: inline-block;
    width: 100%;
}

#user-profile .user-picture {
    background-color: #FFF;
    padding: 0.5em;
}

#user-profile .user-picture {
    padding: 0;
}

#user-profile #user-picture-container {
    position: relative;
    float: left;
}

#user-profile .add-favourite-team {
    position: absolute;
    width: 100%;
    bottom: 1px;
    font-size: 10px;
    background-color: rgba(0, 1, 0, 0.6);
    text-align: center;
}

#user-profile .add-favourite-team a {
    text-decoration: underline;
    color: #fff;
}

#user-profile .user-picture, #user-profile .user-info {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline;
}

#user-profile .user-info {
    padding-left: 1em;
    width: calc(100% - 100px);
    padding-left: 20px;
    max-width: 500px;
}

#user-profile .user-info dl {
    text-align: left;
    line-height: 2em;
    display: inline-block;
    width: 230px;
}

#user-profile .user-info dt, #user-profile .user-info dd {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#user-profile .user-info dd {
    text-indent: 0.5em;
    vertical-align: top;
}

#user-profile .user-info dt {
    font-weight: bold;
}

#accounts-benefits {
    background: #f0f0f0;
    padding: 0 1em 1em 1em;
}

#accounts-benefits-header {
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
}

﻿.loading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.loading-spinner-container {
    position: absolute;
    z-index: 4;
    height: 100%;
    width: 100%;
    cursor: wait;
}

.loading-spinner-container-shade {
    position: absolute;
    left: 0;
    top: 0em;
    width: 100%;
    height: 97%;
    z-index: -1;
    opacity: 0.2;
    background-color: gray;
}

.loading-spinner {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 41%;
    left: 50%;
    margin-left: -35px;
    text-align: center;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

.loading-container1 > div, .loading-container2 > div, .loading-container3 > div {
    width: 13px;
    height: 13px;
    background-color: #8dc63f;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.loading-spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.loading-container2 {
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.loading-container3 {
    -webkit-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 {
    top: 0;
    left: 0;
}

.circle2 {
    top: 0;
    right: 0;
}

.circle3 {
    right: 0;
    bottom: 0;
}

.circle4 {
    left: 0;
    bottom: 0;
}

.loading-container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.loading-container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.loading-container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.loading-container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.loading-container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.loading-container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.loading-container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.loading-container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.loading-container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.loading-container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.loading-container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

dummy {
}

#live-match {
    position: relative;
    background: #222;
    color: #f0f0f0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    margin-top: 16px;
}

#live-match h1, #live-match h2, #live-match h3, #live-match h4 {
    font-weight: normal;
}

#match-centre {
    position: relative;
    clear: both;
    overflow: hidden;
}

#match-centre:after {
    clear: both;
    overflow: hidden;
}

#match-last-updated-at {
    font-size: 10px;
    padding: 4px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.match-header .crest img {
    height: 70px;
    width: 70px;
}

.line-up-text h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    color: #393939;
}
.line-up-text .line-up-text-team {
    margin-top: 20px;
}

.bench, #live-match .pitch-container {
    float: left;
}
#live-match .pitch-container {
    position: relative;
}
#live-match .pitch-container .home-team-name {
    display: block;
    position: absolute;
    top: 6px;
    left: 35px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}
#live-match .pitch-container .away-team-name {
    display: block;
    position: absolute;
    top: 6px;
    right: 35px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}
#live-match .pitch-field {
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
}

#live-match .player {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#chalkboard .player {
    position: relative;
}

#live-match .pitch .player[data-field="home"] {
    margin-bottom: -1.3em;
}

#live-match .pitch .player[data-field="home"] {
    margin-top: 1.3em;
}

.highlight-on .player {
    opacity: 0.2;
}

.highlight-on .player.highlighted {
    opacity: 1;
}

#live-match .pitch-field[data-field="home"].player {
    left: 0;
    right: auto;
    top: 50%;
}

#live-match .pitch-field[data-field="home"].player {
    left: auto;
    right: 0;
    top: 50%;
}

#live-match .pitch .player-name {
    font-weight: normal;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

#live-match .pitch .player-name, .bench .player-name {
    color: #f0f0f0;
}

[data-has-stat="true"] .player-name {
    color: #e0e0e0;
}

.mom-wrapper {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.bench .player-name-wrapper {
    display: inline-block;
    vertical-align: middle;
}

#live-match .pitch .player-name-wrapper {
    position: relative;
    z-index: 1;
    padding: 0 4px;
}

[data-field="home"] .player-name-wrapper {
    text-align: left;
}

[data-field="away"] .player-name-wrapper {
    text-align: right;
}

.bench [data-has-stats="true"] .player-name-wrapper {
    width: 72px;
}

.bench [data-has-stat="true"] .player-name {
    color: #e0e0e0;
    width: 95px;
    text-align: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

[data-comparision-mode="player"] .player {
    opacity: 0.3 !important;
}

[data-status-code="6"] [data-is-subbed-off="true"] .player-stat-value {
    background-color: #1B2B1E;
}

[data-comparision-mode="player"] .player.selected, .player[data-has-stat="true"]:hover {
    opacity: 1;
}

#live-match .pitch:after {
    clear: both;
}

.bench {
    height: 400px;
    position: relative;
    width: 152px;
}

#live-match .pitch .player {
    text-align: center;
}

#live-match .pitch .player .background-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    z-index: -1;
}

#live-match .pitch .player:hover .player-stat-value {
}

.player-key-incidents {
    text-align: left;
}

#live-match .pitch .player-key-incidents {
    text-align: left;
    position: absolute;
    top: -10px;
    left: 0;
    white-space: nowrap;
    width: 100%;
}

#live-match .pitch [data-field="away"] .player-key-incidents {
    text-align: right;
    left: auto;
    right: 0;
}

.bench .player-key-incidents {
    text-indent: 8px;
}

.player-key-incidents .timeline-event {
    position: relative;
    display: inline-block;
    margin-left: -4px;
}

.timeline .timeline-event[data-event-satisfier-penaltyshootoutscored], .timeline .timeline-event[data-event-satisfier-penaltyshootoutsaved] {
    display: none;
}

.player-key-incidents .timeline-event[data-type="18"], .player-key-incidents .timeline-event[data-type="19"] {
    font-size: 11px;
    line-height: 18px;
    text-indent: 14px;
    vertical-align: top;
}

#match-centre-timeline .incident-icon[data-event-satisfier-subon] {
    background-position: 0 -494px;
}

.player-sub-off, .player-sub-on {
    margin: 0 4px;
}

#live-match .pitch .player .player-sub-off, .bench .player .player-sub-on {
    display: none;
}

#live-match .pitch .player-stat {
    background: none;
    width: 100%;
    text-align: left;
}

#live-match [data-field="away"] .player-stat {
    text-align: right;
}

.bench .player {
    opacity: 0.5;
    color: #888;
    line-height: 12px;
    top: auto !important;
    left: auto !important;
    border-bottom: 1px solid #111;
    cursor: pointer;
}

.bench .player[data-subbed-in="true"], .bench .player[data-is-subbed-off="true"] {
    opacity: 1;
    line-height: 22px;
}

.bench .player[data-subbed-in="true"] {
    background: #2c2c2c;
    color: #f0f0f0;
    border-bottom: 1px solid #1d1d1d;
}

.bench .player:hover, .bench .player.selected {
    background: #333;
    cursor: pointer;
}

.bench .player-stat {
    display: inline-block;
    vertical-align: middle;
}

.bench [data-has-stat="true"] .player-stat {
}

#live-match .pitch-container .pitch {
    height: 371px;
    background-size: 668px 371px !important;
}

.player-stat-value {
    font-weight: bold;
    border-radius: 200px;
    display: inline-block;
    height: 1em;
    margin: 0 auto;
    text-align: center;
    background-position: center !important;
    background-size: 100% auto !important;
}

.pitch .player-stat-value, .bench [data-subbed-in="true"] .player-stat-value, .bench [data-is-subbed-off="true"] .player-stat-value {
    height: 32px;
    width: 32px;
    background: #1B2B1E;
    opacity: 1;
}

.bench [data-subbed-in="true"] .player-stat-value, .bench [data-is-subbed-off="true"] .player-stat-value {
    background: #222;
}

.player.highlighted .player-stat-value {
}

.bench .player-stat-value {
    margin: 4px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.player[data-has-stat="true"] {
    cursor: pointer;
}

.pitch .player[data-has-stat="true"] {
    opacity: 1;
}

[data-has-stat="true"] .player-stat-value, [data-subbed-in="true"] .player-stat-value {
    background: none repeat scroll 0 0 #333;
    display: inline-block;
    height: 1em !important;
    padding-bottom: 1em !important;
    padding-top: 0.6em !important;
    width: 2.6em !important;
    opacity: 1;
    color: #f0f0f0;
}

[data-field="home"] [data-has-stat="true"] .player-stat-value {
    background-color: #EF4123;
}

[data-field="away"] [data-has-stat="true"] .player-stat-value {
    background-color: #097ABF;
}

.player-stat-value[data-state="1"] {
    background: none repeat scroll 0 0 #27ae60;
}

.player-stat-value[data-state="-1"] {
    background: none repeat scroll 0 0 #e74c3c;
}

[data-status-code="3"] [data-stat-increased="true"] .player-stat-value {
    border: 4px solid #89DF49;
}

[data-status-code="3"] [data-stat-increased="false"] .player-stat-value {
    border: 4px solid #FA877B;
}

[data-status-code="3"][data-period-code="1"] .player-stat-value, [data-status-code="3"][data-period-code="3"] .player-stat-value, [data-status-code="3"][data-period-code="4"] .player-stat-value, [data-status-code="3"][data-period-code="5"] .player-stat-value, [data-status-code="3"][data-period-code="6"] .player-stat-value {
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}

#stadium {
    overflow: hidden;
    height: 400px;
}

#stadium:after {
    clear: both;
}

#stadium:after:after, .match-info:after {
    clear: both;
}

.match-info {
    position: relative;
    background: #1d1d1d;
    text-align: center;
    height: 28px;
}

.match-info label, .match-info .mc-icon, .match-info .value {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    color: #CCB726;
}

.match-info .referee a :hover {
    text-decoration: underline;
}

#match-centre-header label {
    color: #CCB726;
    display: inline-block;
    vertical-align: middle;
}

.filterz-filter label {
    color: #d0d0d0;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
}

.filterz-filter-group-footnote, .match-centre-stat-footnote {
    position: absolute;
    bottom: -11px;
    right: 8px;
    font-size: 10px;
    color: #999;
    font-style: italic;
}

.match-centre-stat-footnote {
    left: 8px;
    right: auto;
    bottom: 0;
}

[data-for].is-empty, .attendance[data-value="0"] {
    display: none !important;
}

.venue, .attendance, .referee, .weather {
    margin: 0 1em;
}

.match-info .weather {
    text-align: left;
}

[data-field="away"] .manager .mc-icon {
    float: right;
}

.venue .mc-icon {
    background-position: 0px -125px;
}

.attendance .mc-icon {
    background-position: 0px -184px;
}

.referee .mc-icon {
    background-position: 0px -160px;
}

.weather[data-core-value="1"] .mc-icon {
    background-position: 0px 0px;
}

.weather[data-core-value="2"] .mc-icon {
    background-position: 0px -16px;
}

.weather[data-core-value="3"] .mc-icon {
    background-position: 0px -32px;
}

.weather[data-core-value="4"] .mc-icon {
    background-position: 0px -48px;
}

.weather[data-core-value="5"] .mc-icon {
    background-position: 0px -64px;
}

.weather[data-core-value="6"] .mc-icon {
    background-position: 0px -80px;
}

.weather[data-core-value="7"] .mc-icon {
    background-position: 0px -96px;
}

.weather[data-core-value="8"] .mc-icon {
    background-position: 0px -112px;
}

.weather[data-core-value="9"] .mc-icon {
    background-position: 0px -128px;
}

.weather[data-core-value="10"] .mc-icon {
    background-position: 0px -144px;
}

.venue {
    left: 0;
}

.attendance {
    left: 177px;
}

.referee {
    right: 0;
    font-size: 12px;
}

.score, .elapsed {
    display: block;
    color: #fff;
}

.elapsed {
    color: #B6993E;
    font-size: 18px;
}

[data-status-code="3"] .elapsed {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #5A983A;
    color: #f0f0f0;
    -webkit-animation: pulse 1s infinite;
    animation: pulse 1s infinite;
}

.match-centre-info .status {
    width: 100%;
}

.score {
    color: #d0d0d0;
    font-size: 36px;
    margin: 0 4px;
    line-height: 32px;
}

.ht-score, .ft-score, .et-score, .pk-score {
    display: block;
}

.ht-score label, .ft-score label, .et-score label, .pk-score label {
    color: #666;
}

.weather {
    left: 376px;
}

.match-info .value {
    color: #d0d0d0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 11px;
    max-width: 70px;
}

.match-info [data-for] {
    color: #666;
    display: inline-block;
    margin-top: 5px;
}

.substitutes {
    overflow: hidden;
    position: absolute;
    width: 100%;
    -webkit-transition: height 0.3s linear;
    -moz-transition: height 0.3s linear;
    -o-transition: height 0.3s linear;
    transition: height 0.3s linear;
}

.substitutes:hover {
    background: #222;
    height: auto;
    z-index: 9999;
}

.bench h4 {
    background: #222;
    color: #666;
    text-align: left;
    text-indent: 8px;
    line-height: 28px;
    border-bottom: 1px solid #000;
}

.bench[data-field="away"] h4 {
    direction: rtl;
    text-align: right;
}

.compared {
    position: absolute;
    bottom: 0;
    background: #222;
    height: 174px;
    width: 100%;
    text-align: center;
    color: #d0d0d0;
    border-top: 6px solid #444;
}

.compared[data-field="home"] {
    border-color: #EF4123;
}

.compared[data-field="away"] {
    border-color: #097ABF;
}

.compared .player-position {
    color: #B16A3B;
}

.compared .player-name-wrapper {
    margin-bottom: 4px;
}

.compared .player-name {
    font-size: 12px;
    color: #f0f0f0;
}

.compared .player-key-incidents {
    text-align: center;
}

.compared[data-mode="team"] {
    display: none;
}

[data-comparision-mode="team"] [data-mode="player"] {
    display: none;
}

[data-comparision-mode="player"] [data-mode="team"] {
    display: none;
}

[data-comparision-mode="player"] .player.selected {
    z-index: 1;
    opacity: 1 !important;
}

[data-comparision-mode="player"] .pitch-field .player.selected {
    border-width: 0px !important;
    padding: 4px;
}

.match-centre-stat h4 {
    color: #CCB726;
    font-size: 10px;
    font-weight: bold !important;
}

.match-centre-stat[data-sum="0"] .toggle-stat-details {
    opacity: 0.3;
    color: #d0d0d0;
    cursor: pointer;
}

.match-centre-stat.selected h4 {
    border-color: #555;
}

.match-centre-stat-value {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.match-centre-stat-values {
    padding: 4px 0;
}

.match-centre-stat-value[data-value="0"] {
    color: #666 !important;
}

.match-centre-stat-value.greater[data-field="home"], #match-centre-header [data-field="home"] .team-name, .top-player-for-stat[data-field="home"] .team-name, .filterz-value.greater[data-field="home"] {
    color: #EF4123;
}

.match-centre-stat-value.greater[data-field="away"], #match-centre-header [data-field="away"] .team-name, .top-player-for-stat[data-field="away"] .team-name, .filterz-value.greater[data-field="away"] {
    color: #097ABF;
}

.match-centre-stat-value.greater, .filterz-value.greater {
    font-weight: bold !important;
    font-size: 16px;
}

.compared .manager-name {
    color: #BDC3C7;
    font-size: 13px;
}

.compared .formation {
    font-size: 12px;
}

.compared .formation:before {
    color: #999;
    content: 'Formation:';
    margin-right: 4px;
    font-size: 11px;
}

.compared .team-emblem {
    border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -o-border-radius: 200px;
    margin: 0 auto;
    padding: 1em;
    background: #333;
}

.compared .team-emblem, .compared .team-emblem img {
    height: 50px;
    width: 50px;
}

.compared .player-avatar {
    margin: 0.5em auto;
    overflow: hidden;
    text-align: center;
    height: 90px;
    width: 60px;
    background-size: 60px 90px;
    border: 2px solid #666;
}

.compared .player-avatar img {
    height: 90px;
    width: 60px;
    background-image: none;
}

#stadium .shirt-number {
    color: #999;
    font-size: 10px;
    widTH: 14px;
    display: inline-block;
    text-align: center;
}

.player-height:after {
    content: 'cm';
    color: #999;
}

.player-weight:after {
    content: 'kg';
    color: #999;
}

.player-age:after, .average-age:after {
    content: 'y/o';
    color: #999;
    margin-right: 4px;
}

.match-centre-stats {
    padding: 0em 0 0 0;
    min-height: 70px;
    padding: 6px 0;
    text-align: center;
}

#match-centre-stats {
    background: #222;
    margin-bottom: 0;
    -webkit-transition: margin-bottom 0.3s ease-out;
    -moz-transition: margin-bottom 0.3s ease-out;
    -o-transition: margin-bottom 0.3s ease-out;
    transition: margin-bottom 0.3s ease-out;
}

#match-centre-stats.showing-stat-details {
    margin-bottom: 212px;
}

#back-to-team {
    text-align: left;
    margin-bottom: 1em;
    cursor: pointer;
    line-height: 23px;
    background: none;
    padding: 0 8px;
    color: #d0d0d0;
    text-indent: 8px;
    position: absolute;
    background: #222;
    top: 376px;
    z-index: 1;
    left: 427px;
}

#back-to-team .ui-icon {
    top: 10px;
}

.player-info {
    display: inline-block;
    vertical-align: middle;
}

#live-match .pitch .player-info {
    margin-top: 0em;
}

.match-centre-stat {
    display: inline-block;
    vertical-align: middle;
    min-width: 98px;
    margin: 4px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #1d1d1d;
    position: relative;
    background: #2c2c2c;
    color: #555;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

[data-comparision-mode="player"] .match-centre-stat {
    width: 83px;
    min-width: initial;
    margin: 2px;
}

.match-centre-stat[data-showing-details="true"] {
    background: #333;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    border-bottom: none;
    z-index: 100000;
}

.match-centre-stat:hover {
    background: #333;
}

.match-centre-stat.selected {
    background: #333333;
    border-color: #777777;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

.match-centre-stat.selected[data-showing-details="true"] {
    border-width: 1px 1px 0px 1px;
}

.toggle-stat-details {
    background: #222222;
    display: block;
    color: #CCB726;
    text-indent: 20px;
    width: 64%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 2px;
    margin: 0 auto;
    margin-bottom: 4px;
}

.toggle-stat-details label {
    cursor: pointer;
}

[data-showing-details="true"] .toggle-stat-details {
    background: #444;
    border: none;
}

[data-page-name="first-page"] [data-page="first-page"], [data-page-name="first-page"] [data-page="prev-page"], [data-page-name="last-page"] [data-page="last-page"], [data-page-name="last-page"] [data-page="next-page"] {
    color: #999;
}

.page-navigation-item {
    display: inline-block;
    line-height: 22px;
    margin: 0 4px;
    cursor: pointer;
}

.page-navigation-item:hover {
    color: #A6DF58;
}

.page-info {
    position: absolute;
    top: 6px;
    right: 36px;
    color: #A0A0A0;
    font-size: 11PX;
}

.match-centre-stat-value {
    display: inline-block;
    padding: 2px;
    color: #d0d0d0;
}

.match-centre-stat-details {
    position: absolute;
    top: 1000px;
    width: 500px;
    left: 240px;
    opacity: 0;
    z-index: -1;
    border: 2px solid #333;
    text-align: left;
    -webkit-transition: top 0.3s linear;
    -moz-transition: top 0.3s linear;
    -o-transition: top 0.3s linear;
    transition: top 0.3s linear;
}

.match-centre-sub-stat.selected, .match-centre-sub-stat:hover {
    background: #444 !important;
    border: 1px solid #5F5E5E !important;
}

.match-centre-stat-details .match-centre-stat {
    background: #252525;
    width: 144px;
    margin: 2px;
    border: 1px solid #252525;
}

.match-centre-stat-details:after {
    clear: both;
}

.match-centre-stat-details .match-centre-stats {
    display: inline-block;
    text-align: left;
    width: 450px;
    border: none;
    padding: 0;
    vertical-align: top;
    margin-left: 4em;
}

.top-players-for-stat-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 1em 1em 1em;
    padding-bottom: 0.5em;
}

.match-centre-stat-details h3 {
    text-indent: 8px;
    text-align: left;
    font-weight: bold !important;
    color: #999;
    margin-bottom: 4px;
}

.top-players-for-stat {
    padding-left: 4px;
    width: 350px;
}

.top-player-for-stat {
    position: relative;
    padding: 2px;
    border: none;
    font-weight: bold;
}

.top-player-for-stat .team-name {
    font-size: 10px;
    color: #777;
}

.top-player-for-stat .player-position {
    margin: 0 4px;
    color: #666;
    font-size: 10px;
}

.match-centre-stat-details h2 {
    text-indent: 8px;
    color: #D6BA25;
    margin: 0;
    border-bottom: 1px solid #000;
    padding: 0;
}

.match-centre-stat-details .top-players-for-stats {
    float: right;
    min-width: 300px;
    max-height: 200px;
    overflow: scroll;
}

.match-centre-stat-details.visible {
    opacity: 1;
    padding-bottom: 1em;
    z-index: 99999;
    margin: 0;
    top: 480px;
    left: 0px;
    height: 190px;
    background: #333333;
    width: 100%;
    border-top: 1px solid #454546;
    padding-top: 12px;
}

.close-stat-details {
    top: 12px;
    background: #BF3939;
    position: absolute;
    text-align: center;
    width: 50px;
    right: 12px;
    padding: 4px;
    cursor: pointer;
    font-weight: bold;
    color: #d0d0d0;
}

.show-more-commentaries {
    background: #333;
    color: #889296;
    direction: rtl;
    text-align: right !important;
    text-indent: 1em;
    font-size: 16px;
}

.show-more-commentaries:hover {
    color: #f0f0f0;
}

.commentary-items {
    position: relative;
    background: #2B2B2B;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 8px;
    clear: both;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #1d1d1d;
    color: #f0f0f0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.page-navigation {
    text-align: center;
    border: 1px solid #000;
    background: #333;
    line-height: 28px;
    margin: 8px 3%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.page-navigation-item {
}

.collapsed .commentary-items {
    height: 32px;
}

.commentary-items {
    height: auto;
}

.commentary-item, .show-more-commentaries {
    border-bottom: 1px solid #222;
    font-size: 11px;
    font-weight: normal;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.commentary-item .player-avatar {
    left: 77px;
    position: absolute;
    top: 2px;
    width: 28px;
    background-size: 28px;
}

.commentary-item .team-emblem {
    height: 25px;
    left: 44px;
    position: absolute;
    top: 4px;
    width: 25px;
}

.commentary-item .commentary-minute {
    font-size: 11px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 44px;
    color: #d0d0d0;
}

.commentary-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 20%, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51, 51, 51, 1)), color-stop(20%, rgba(51, 51, 51, 0)), color-stop(80%, rgba(51, 51, 51, 0)), color-stop(100%, rgba(51, 51, 51, 1)));
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 20%, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 1) 100%);
    background: -o-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 20%, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 1) 100%);
    background: -ms-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 20%, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 20%, rgba(51, 51, 51, 0) 80%, rgba(51, 51, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333', GradientType=0);
}

.commentary-items.expanded {
    height: 200px;
    overflow-y: scroll;
}

.commentary-items.full {
    height: auto;
}

.commentary-item:after {
    clear: both;
}

.commentary-item .incident-icon {
    position: absolute;
    top: 9px;
    left: 80px;
}

.commentary-text {
    max-width: 600px;
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    margin-left: 100px;
    color: #d0d0d0;
    text-transform: none !important;
}

.commentary-item:first-child {
    display: block;
}

.timeline-content {
    position: relative;
    display: block;
}

#chalkboard-timeline {
    margin: 8px;
    background: #222;
}

#chalkboard .timeline-events {
    height: 44px;
    background: #222;
}

#match-centre-timeline {
    border-radius: 5px;
    margin: 0 8px 8px 8px;
    position: relative;
    height: 132px;
}

#match-centre-timeline [data-type="18"], #match-centre-timeline [data-event-satisfier-assist] {
    display: none;
}

.timeline {
    position: relative;
}

.timeline .range-background {
    position: absolute;
    top: 0;
    height: 68px;
    top: 24px;
    opacity: 0.6;
    z-index: 1;
    background: #294A18;
}

#chalkboard-timeline .range-background {
    height: 93px;
}

.being-dragged .range-background {
    opacity: 0.1;
}

.timeline-mask {
    position: absolute;
    top: 0;
    left: 0;
    background: #111;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
}

.timeline-mask.in-range {
    background: #222;
}

.timeline-events {
    height: 22px;
    position: relative;
    z-index: 9999;
}

.timeline-events[data-field="away"] {
    margin-top: 72px;
}

.timeline-stats {
    width: 100%;
    height: 32px;
    position: relative;
}

.timeline-stats[data-field="home"] {
    margin-bottom: 3px;
}

.timeline-event, .timeline-stat {
    position: absolute;
    top: 3px;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.timeline-event.disabled {
    opacity: 0.1;
}

.timeline-stat {
    opacity: 1;
    border-style: solid;
    border-width: 1px 0 0 0;
    backrgound: #333;
}

.timeline-handle.on-right-max {
    margin-left: -23px;
}

.timeline-event-detail {
    background: #222;
    border: 2px solid #666;
    border-radius: 5px;
    bottom: 20px;
    color: #d0d0d0;
    display: none;
    left: 0;
    padding: 8px;
    position: absolute;
    width: 222px;
    z-index: 3;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.timeline-event-detail:after {
    clear: both;
}

.timeline-event-info {
    float: left;
}

.timeline-event-info .team-emblem, .timeline-event-info .team-emblem img {
    height: 60px;
    width: 60px;
}

.timeline-event-detail-text {
    float: right;
    width: 150px;
}

.timeline-event-info .player-avatar {
    height: 90px;
    width: 60px;
    display: block;
    margin: 0 auto;
    margin-bottom: 4px;
    border-radius: 5px;
    border: 2px solid #666;
    background-size: 60px 90px;
}

.timeline-event.on-right .timeline-event-detail {
    left: auto;
    right: 0;
}

.timeline-event:hover .timeline-event-detail {
    display: block;
    z-index: 99999;
}

#loading-match label, .timeline-event:hover {
    opacity: 1;
    z-index: 99999;
}

.timeline-event.disabled:hover .timeline-event-detail {
}

#match-update-info {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    z-index: -99999;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.match-status-info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 90%;
    font-size: 26px;
    padding-top: 20%;
    text-align: center;
    width: 100%;
    background: #333;
    color: #f0f0f0;
    opacity: 0.9;
    z-index: -999999;
}

[data-match-status-code="2"] .match-status-info[data-for-match-status-code="2"], [data-match-status-code="4"] .match-status-info[data-for-match-status-code="4"], [data-match-status-code="5"] .match-status-info[data-for-match-status-code="5"] {
    display: block;
    z-index: 999999;
}

#live-match .loading-spinner-container {
    height: 100%;
    width: 100%;
}

#live-match .loading-spinner {
    position: absolute;
    top: 127px;
    left: 50%;
    margin-left: -35px;
}

#live-match .loading-spinner-container-shade {
    background: #000;
    opacity: 0.5;
}

#live-match[data-mode="1"] #match-update-info {
    top: 0;
    z-index: 999999;
}

#match-update-info .team-emblem {
    margin: 0 auto;
    padding: 0.5em;
    background: #333;
    margin-top: 1em;
}

#match-update-info .team-name {
    color: #555;
    font-size: 30px;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 40px;
    margin-top: 0;
    margin: 1em 0;
    margin-top: 0;
}

#match-update-info .team-names {
    overflow: hidden;
}

#lmatch-update-info.team-names:after {
    clear: both;
}

#match-update-info label {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

#match-update-info .vs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #333;
    top: 70px;
    font-size: 60px;
}

#live-match [data-show-for-mode] {
    display: none;
}

#live-match [data-show-for-mode="3"] {
    color: #81382F;
}

#live-match [data-show-for-mode="1"] {
    color: #498EA3;
}

#live-match[data-mode="1"] [data-show-for-mode="1"], #live-match[data-mode="3"] [data-show-for-mode="3"] {
    display: block;
}

.timeline-event:hover {
    z-index: 99999;
}

.timeline-event.on-right {
    margin-left: -16px;
}

#match-commentary {
    position: relative;
}

.commentary-item .key-incident-icon {
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}

.commentary-item[data-type="30"], .commentary-item[data-type="32"] {
    text-transform: uppercase;
    color: #999;
}

.commentary-item[data-type="30"] .team-emblem {
    opacity: 0;
}

.commentary-item[data-type="16"] {
    background: #5A983A;
}

.timeline-stat-performance {
    position: absolute;
    width: 100%;
    top: 24px;
    left: 0;
    border-style: solid;
    border-color: #2E4E33;
    border-width: 1px 0;
    z-index: 2;
}

.timeline-stat-performance2 {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    background: #181818;
    width: 100%;
}

.timeline-stats {
}

.timeline-stat {
}

.timeline-minute.is-end-of-period {
    color: #7C692D;
}

.timeline-minute.is-current-minute {
}

.timeline-minutes {
    position: relative;
    background: #222;
    height: 66px;
    line-height: 44px;
    z-index: 0;
}

.timeline-minute {
    color: #888;
    font-size: 10px;
    height: 40px;
    padding-top: 98px;
    position: absolute;
    top: 0;
    z-index: 9999;
    background: #222;
}

.timeline-minute:last-child {
    margin-left: -12px;
}

#chalkboard .timeline-minute {
    padding-top: 78px;
}

.timeline-mark.has-been-played, .timeline-minute.has-been-played {
}

.timeline-mark {
    background: #333;
    height: 132px;
    position: absolute;
    top: 0;
    font-size: 0;
    width: 1px;
}

.timeline-mark:hover {
}

.timeline-handle {
    bottom: 0;
    color: #333;
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    height: 44px;
    padding-top: 1px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 9999;
}

.timeline-control {
    position: absolute;
    top: 0;
    left: 0;
    height: 132px;
    width: 100%;
}

.minute-text:after {
    background: #243F28;
    content: "";
    height: 66px;
    left: 0;
    opacity: 0.5;
    border: 1px solid #79A37F;
    position: absolute;
    top: -4px;
    width: 100%;
    z-index: -1;
    background: #376121;
}

.minute-text {
    color: #f0f0f0;
    display: block;
    margin-top: 27px;
    padding: 23px 4px 0;
    position: absolute;
    z-index: 2;
}

#chalkboard .minute-text {
    margin-top: 0;
    padding: 70px 4px;
}

#chalkboard .minute-text:after {
    height: 70px;
    top: 44px;
}

[data-on-right="true"] .minute-text {
    left: auto;
    right: 0;
}

.timeline-range-mask {
    position: absolute;
    height: 100%;
    background: #333;
}

#live-match-options {
    background: #fff;
    border-bottom: 1px solid #000;
    margin-top: 2em;
}

#live-match-options span {
    display: inline-block;
    vertical-align: middle;
}

#live-match-options a {
    line-height: 22px;
}

.simple-tabs {
}

.simple-tabs li {
    display: inline-block;
    cursor: pointer;
}

.simple-tabs a {
    font-weight: normal !important;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    color: #f0f0f0 !important;
    background: #555 !important;
    cursor: pointer;
    margin-right: 2px !important;
}

.simple-tabs a.selected, .simple-tabs a:hover {
    color: #A6DF58;
    background: #222 !important;
}

.panel-container {
}

.panel-container .panel {
    display: none;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.panel-container .panel.is-active-panel {
    display: block;
    margin-left: 0;
    width: 100%;
}

#chalkboard {
    overflow: hidden;
}

#chalkboard-stadium {
    background: #222;
    vertical-align: top;
}

#chalkboard:after {
    clear: both;
}

#chalkboard .canvas-container, #chalkboard .team-players, #heatmaps .team-players {
    display: inline-block;
    vertical-align: middle;
}

#heatmap-pitches {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2em;
    background: #2A2A2A;
    margin: 0 6px;
}

#chalkboard .canvas-container, #heatmaps .canvas-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 666px;
}

#heatmaps .canvas-container {
    width: 320px;
    height: 200px;
    margin: 0 4px;
    z-index: 1;
}

.team-players .player {
    opacity: 0.3;
    cursor: default;
    padding-left: 6px;
}

.team-players .player[data-is-first-eleven], .team-players .player[data-is-subbed-in] {
    opacity: 1;
    cursor: pointer;
    padding-left: 0px;
}

#chalkboard .team-players, #heatmaps .team-players {
    width: 156px;
    text-indent: 8px;
}

#chalkboard .team-players {
    width: 155px;
}

#heatmaps input, #heatmaps .player-info, #heatmaps .team-info {
    display: inline-block;
    vertical-align: top;
}

.heatmap-info-for-team {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    padding: 1%;
    text-align: left;
    background: #2A2A2A;
    border-bottom: 1px solid #222;
    margin-bottom: 1em;
}

.heatmap-info-for-team[data-field="away"] {
    text-align: right;
}

.heatmap-info-for-team .touch-count {
    font-size: 14px;
    background: #EF4123;
    color: #333;
    font-weight: bold;
    margin: 0 4px;
    padding: 0 4px;
}

.heatmap-info-for-team .touch-count[data-value="0"] {
    background: #2C2C2C !important;
    color: #666;
}

.heatmap-info-for-team[data-field="away"] .touch-count {
    background: #097ABF;
}

#heatmaps .shirt-number {
}

.heatmap-info-for-team label {
    color: #d0d0d0;
    font-weight: bold;
}

.team-players .team {
    width: auto;
    font-size: 17px;
    padding: 6px 0;
    text-indent: 0;
    cursor: pointer;
    font-size: 20px;
}

.team-players .team[data-field="away"] {
    padding-right: 4px;
}

.team-players .position {
    color: #c0c0c0;
    margin: 0 4px;
    font-size: 10px;
}

.team-players[data-field="home"] .team, .team-players[data-field="home"] .team:hover, #chalkboard.player-filter-on [data-field="home"] .player:hover, #chalkboard.player-filter-on [data-field="home"] .player.selected, #heatmaps .player.selected[data-is-first-eleven], #heatmaps .player.selected[data-is-subbed-in] {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzM5OWNjIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMWE0ZDY2IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, #EF4123 0%, rgba(26, 77, 102, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #EF4123), color-stop(50%, rgba(26, 77, 102, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(-45deg, #EF4123 0%, rgba(26, 77, 102, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(-45deg, #EF4123 0%, rgba(26, 77, 102, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(-45deg, #EF4123 0%, rgba(26, 77, 102, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(135deg, #EF4123 0%, rgba(26, 77, 102, 0) 50%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EF4123', endColorstr='#00000000', GradientType=1);
}

.team-players[data-field="away"] .team, .team-players[data-field="away"] .team:hover, #chalkboard.player-filter-on [data-field="away"] .player:hover, #chalkboard.player-filter-on [data-field="away"] .player.selected, #heatmaps .player.selected[data-is-first-eleven][data-field="away"], #heatmaps .player.selected[data-is-subbed-in][data-field="away"] {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjAxZDE2IiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwMzkyYiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(96, 29, 22, 0) 50%, #097ABF 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(96, 29, 22, 0)), color-stop(100%, #097ABF));
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(96, 29, 22, 0) 50%, #097ABF 100%);
    background: -o-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(96, 29, 22, 0) 50%, #097ABF 100%);
    background: -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0) 0%, rgba(96, 29, 22, 0) 50%, #097ABF 100%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(96, 29, 22, 0) 50%, #097ABF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#097ABF', GradientType=1);
}

.team-players[data-field="away"] .team {
    text-align: right;
}

.player-filter-on .team-players .team {
    background: none;
}

.team-players .player {
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 1px;
    clear: both;
    overflow: hidden;
    opacity: 0.3;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-players .player-info {
    float: left;
    margin-left: -8px;
}

#chalkboard .shirt-number:after {
    content: '.';
}

[data-field="home"] [data-for-field="away"] {
    display: none;
}

[data-field="away"] [data-for-field="home"] {
    display: none;
}

#chalkboard .player:after {
    clear: both;
}

.filterz-filter-groups {
    background: #222;
}

.filterz-filter-group h3 {
    color: #999;
    margin-top: 4px;
}

#chalkboard:not(.player-filter-on) .player.has-selected-event {
}

#chalkboard:not(.player-filter-on) .player.has-selected-event {
    opacity: 1;
}

#chalkboard.player-filter-on .player {
    opacity: 0.1;
}

#chalkboard .player[data-has-events="true"] {
    opacity: 1;
}

#chalkboard.player-filter-on .player[data-has-events="true"] {
    opacity: 0.3;
}

#chalkboard.player-filter-on .player.has-selected-event {
    opacity: 1;
    cursor: pointer;
}

.team-players input {
    float: left;
    margin: 0 3px;
}

#chalkboard .team input {
}

#chalkboard [data-field="away"] input {
    margin-left: 8px;
}

#chalkboard .selected-stat-value {
    opacity: 0;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

#chalkboard .player .selected-stat-value:after {
    content: '/';
    color: #666;
    margin: 0 2px;
}

#chalkboard.filterz-filter-on .has-selected-event .selected-stat-value {
    opacity: 1;
    color: #6BBE75;
}

#chalkboard .player .selected-stat-value {
    font-size: 0.8em;
}

#chalkboard .player .selected-stat-value[data-value="0"] {
    color: #666;
}

.team-players .stat-values {
    position: absolute;
    right: 4px;
    top: 0;
}

.top-player-for-stat {
    background: none;
    font-size: 12px;
    color: #d0d0d0;
    margin: 2px;
}

.top-player-for-stat .player-avatar {
    float: left;
    height: 67px;
}

.top-player-index {
    text-align: left;
    color: #666;
    margin: 0 6px;
}

.top-player-for-stat .team-emblem {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: 20px;
    margin-left: 4px;
}

.top-player-for-stat .player-name {
    margin: 4px 0 10px 0;
    color: #d0d0d0;
    vertical-align: middle;
    margin-left: 4px;
}

.top-player-for-stat .player-value {
    text-align: center;
    float: right;
    color: #d0d0d0;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

[data-status-code="3"] .score {
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

#event-type-filters {
    color: #FFFFFF;
    padding: 0.5em 0 0 0;
    margin-top: 0;
    text-align: center;
    margin-left: 0;
    background: #181818;
    padding-left: 12px;
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
    padding: 8px 12px;
    margin-top: 8px;
}

.filterz-option a {
    background: #222 !important;
    color: #f0f0f0 !important;
    border-radius: 0 !important;
    font-weight: normal !important;
    font-size: 12px;
    margin: 3px;
    text-decoration: none;
    border: 1PX solid #555;
    min-width: 111px;
    text-decoration: none;
    padding: 0 !important;
    color: #555 !important;
    cursor: pointer;
}

.filterz-option h4 {
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #CCB726;
    border-bottom: 1px solid #555;
    font-size: 11px;
}

.filterz-option a.selected, .filterz-option a:hover {
    box-shadow: none !important;
    background: #333 !important;
}

.filterz-filter-sub-group {
    background: #222;
    border: 1px solid #444;
    display: inline-block;
    vertical-align: top;
    margin: 0.5em;
    padding: 0.5em;
}

.filterz-filter-group {
    opacity: 0;
    display: none;
}

.filterz-filter-group.selected {
    opacity: 1;
    display: block;
    text-align: center;
}

.filterz-filter-sub-group {
}

.filterz-filter {
    text-align: center;
    margin: 1px 0;
    cursor: pointer;
}

.filterz-filter:hover {
    background: #2E2E2E;
}

.filterz-filter.selected, .event-highlight-on .filterz-filter.highlighted {
    color: #d0d0d0;
    background: #333;
}

#chalkboard .player.has-selected-event {
    opacity: 0.3;
}

#chalkboard.player-filter-on .player.selected {
    opacity: 1;
}

.chalkboard-timeline-events {
    position: absolute;
    bottom: 0;
}

.chalkboard-timeline-event, .timeline-stat {
    background: none repeat scroll 0 0 #097ABF;
    display: block;
    height: 50%;
    width: 8px;
    opacity: 0.1;
    border-radius: 200px;
    -o-border-radius: 200px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
}

.chalkboard-timeline-event {
    opacity: 1;
    display: none;
}

.chalkboard-timeline-event.visible {
    display: block;
}

.timeline-stat {
    background: none repeat scroll 0 0 #333;
    opacity: 1;
}

[data-field="home"] .chalkboard-timeline-event {
    background: #e15713;
}

[data-field="away"] .chalkboard-timeline-events {
    top: 0;
    bottom: auto;
}

[data-field="away"] .chalkboard-timeline-event {
    background: #057fca;
}

[data-field="home"] .timeline-stat {
    border-color: #EF4123;
}

[data-field="away"] .timeline-stat {
    top: auto;
    border-color: #932E24;
    border-width: 0 0 1px 0;
}

.event-highlight-on .filterz-filter.selected {
    background: none;
}

.filterz-filter label, .filterz-value {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

.filterz-values {
    padding: 4px 0;
}

.filterz-value {
    color: #d0d0d0;
    font-size: 13px;
    line-height: 22px;
    padding: 2px 0;
}

.filterz-value[data-value="0"] {
    color: #555;
}

.filterz-filter[data-sum="0"] {
    opacity: 0.4;
}

.filterz-filter-sub-group-header {
    color: #CCB726;
    text-align: center;
    font-size: 14px;
}

#player-event-details {
    background: #222;
    border: 2px solid #666;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #000000;
    left: 0;
    opacity: 0;
    padding: 4px;
    position: absolute;
    top: 0;
    width: 230px;
    color: #d0d0d0;
    z-index: -1;
}

#player-event-details.visible {
    opacity: 1;
    z-index: 99999;
}

#player-event-details .player-avatar {
    border: 2px solid #666666;
    float: left;
    height: 90px;
    width: 60px;
    background-size: 60px 90px;
}

#player-event-details .player-event-info {
    float: right;
    width: 145px;
}

#player-event-details .player-event-minute, .timeline-event-minute {
    font-size: 1.5em;
    margin-right: 4px;
    color: #5A983A;
}

#player-event-details .player-event-minute:after, .timeline-event-minute:after {
    content: '\'';
}

.clearfix:after {
    clear: both;
}

.pager {
    margin-top: 4px;
    display: none;
}

.pager-link {
    background: none repeat scroll 0 0 #000;
    display: inline-block;
    margin: 2px;
    text-align: center;
    width: 24px;
}

.pager-link a {
    color: #FFFFFF;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

.pager-link:hover, .pager-link.selected {
    background: #2ECC71;
}

#match-centre-commentary-summary {
    padding: 0;
}

#match-centre-commentary-summary:hover {
    background: none;
}

#match-centre-commentary-summary .pager {
    display: none;
}

#match-centre-commentary-summary.full .pager {
    display: block;
}

#match-centre-commentary-summary .ui-icon {
    position: absolute;
    right: 20px;
    background-color: #242222;
    top: 16px;
    border: 1px solid #444;
}

#live-match .is-updating {
    position: relative;
}

.panel:after {
    color: #d0d0d0;
    content: "Loading..";
    font-size: 32px;
    height: 100%;
    left: -1000px;
    opacity: 1;
    padding-top: 10%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

#match-centre-header {
    padding: 8px;
    min-height: 70px;
    background: #222;
}

.gradient2 {
    background: rgb(19, 19, 19);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTMxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiMyYjJiMmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjIyMjIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(-45deg, rgba(19, 19, 19, 1) 0%, rgba(28, 28, 28, 1) 9%, rgba(43, 43, 43, 1) 24%, rgba(17, 17, 17, 1) 40%, rgba(0, 0, 0, 1) 49%, rgba(17, 17, 17, 1) 50%, rgba(34, 34, 34, 1) 61%, rgba(34, 34, 34, 1) 75%, rgba(51, 51, 51, 1) 88%, rgba(34, 34, 34, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(19, 19, 19, 1)), color-stop(9%, rgba(28, 28, 28, 1)), color-stop(24%, rgba(43, 43, 43, 1)), color-stop(40%, rgba(17, 17, 17, 1)), color-stop(49%, rgba(0, 0, 0, 1)), color-stop(50%, rgba(17, 17, 17, 1)), color-stop(61%, rgba(34, 34, 34, 1)), color-stop(75%, rgba(34, 34, 34, 1)), color-stop(88%, rgba(51, 51, 51, 1)), color-stop(100%, rgba(34, 34, 34, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(19, 19, 19, 1) 0%, rgba(28, 28, 28, 1) 9%, rgba(43, 43, 43, 1) 24%, rgba(17, 17, 17, 1) 40%, rgba(0, 0, 0, 1) 49%, rgba(17, 17, 17, 1) 50%, rgba(34, 34, 34, 1) 61%, rgba(34, 34, 34, 1) 75%, rgba(51, 51, 51, 1) 88%, rgba(34, 34, 34, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(19, 19, 19, 1) 0%, rgba(28, 28, 28, 1) 9%, rgba(43, 43, 43, 1) 24%, rgba(17, 17, 17, 1) 40%, rgba(0, 0, 0, 1) 49%, rgba(17, 17, 17, 1) 50%, rgba(34, 34, 34, 1) 61%, rgba(34, 34, 34, 1) 75%, rgba(51, 51, 51, 1) 88%, rgba(34, 34, 34, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(19, 19, 19, 1) 0%, rgba(28, 28, 28, 1) 9%, rgba(43, 43, 43, 1) 24%, rgba(17, 17, 17, 1) 40%, rgba(0, 0, 0, 1) 49%, rgba(17, 17, 17, 1) 50%, rgba(34, 34, 34, 1) 61%, rgba(34, 34, 34, 1) 75%, rgba(51, 51, 51, 1) 88%, rgba(34, 34, 34, 1) 100%);
    background: linear-gradient(135deg, rgba(19, 19, 19, 1) 0%, rgba(28, 28, 28, 1) 9%, rgba(43, 43, 43, 1) 24%, rgba(17, 17, 17, 1) 40%, rgba(0, 0, 0, 1) 49%, rgba(17, 17, 17, 1) 50%, rgba(34, 34, 34, 1) 61%, rgba(34, 34, 34, 1) 75%, rgba(51, 51, 51, 1) 88%, rgba(34, 34, 34, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#222222', GradientType=1);
}

.match-centre-header-team, .match-centre-info {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.match-centre-header-team {
    position: relative;
    width: 407px;
    vertical-align: top;
}

.match-centre-header-team .team-rating {
    position: absolute;
    top: 40px;
    font-size: 13px;
    font-weight: bold;
    background: #EF4123;
    width: 2.6em;
    z-index: 99999;
    border-radius: 200px;
    height: 2em;
    text-align: center;
    left: 0;
    padding-top: 0.6em;
}

.match-centre-header-team[data-field="away"] .team-rating {
    background: #097ABF;
    left: auto;
    right: 0;
}

.match-centre-info {
    position: static;
    width: 150px;
    text-align: center;
}

.match-centre-header-team {
}

#match-centre-header .team-info, #match-centre-header .team-emblem {
    float: left;
}

#match-centre-header .team-emblem img {
    width: 100%;
    height: 100%;
}

#match-centre-header .team-info {
    width: 200px;
    padding: 0 4px;
    white-space: nowrap;
}

#match-centre-header [data-field="away"] .team-info {
    float: right;
    text-align: right;
}

#match-centre-header [data-field="away"] .team-emblem {
    float: right;
}

#match-centre-header .team-name-wrapper {
}

#match-centre-header .team-name {
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

#match-centre-header .manager-name {
    color: #d0d0d0;
    vertical-align: middle;
    display: inline-block;
    margin: 0 2px;
}

#match-centre-header .formation {
    font-size: 16px;
    font-weight: bold;
    color: #e0e0e0;
}

#live-incidents tr:nth-child(2n + 1) td {
    background: #f0f0f0;
}

[data-status-code="3"] .minute {
    color: #5A983A;
}

#live-incidents .minute {
    width: auto !important;
}

#live-incidents td {
    text-align: center;
}

.team-key-incidents[data-field="home"] {
    text-align: right;
}

.team-key-incidents[data-field="away"] {
    text-align: left;
}

[data-is-penalty-shootout="true"] .match-centre-header-team-key-incident {
    display: block;
}

#live-incidents .player-name {
    white-space: nowrap;
    color: #222;
}

#live-incidents .player-name, #live-incidents .incident-icon {
    margin: 0 2px;
}

#live-incidents .player-name, #live-incidents .incident-icon, #live-incidents .current-score {
    display: inline-block;
    vertical-align: middle;
}

#live-incidents [data-field="home"] .has-related-event[data-type="16"], #live-incidents [data-field="home"] .has-related-event[data-type="19"] {
    float: right;
}

#live-incidents [data-field="away"] .has-related-event[data-type="16"], #live-incidents [data-field="away"] .has-related-event[data-type="19"] {
    float: left;
}

.match-centre-header-team-key-incident[data-card-type="31"] {
    color: #CABF43;
}

.match-centre-header-team-key-incident[data-type="18"], .match-centre-header-team-key-incident[data-type="19"], .match-centre-header-team-key-incident[data-type="1"], .match-centre-header-team-key-incident.has-related-event[data-type="16"] {
    display: inline-block;
}

#live-incidents [data-type="16"] {
    font-weight: bold;
}

[data-card-type="33"][data-player-id=""] {
    display: none;
}

.match-centre-header-team-key-incident[data-card-type="31"], .match-centre-header-team-key-incident[data-card-type="33"] {
    color: #DF6150;
}

.match-centre-key-incidents .team-emblem, .match-centre-key-incidents .player-avatar {
    float: none !important;
    width: 50px;
    height: 50px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.match-centre-key-incidents .player-avatar img {
    border: 1px solid #666;
}

.match-centre-key-incidents .commentary-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 70%;
    line-height: 1.5em;
    font-size: 11px;
    margin: 0;
    display: none;
}

.match-centre-header-team-key-incident[data-type="34"], .match-centre-header-team-key-incident[data-type="40"] {
    display: block;
}

.match-centre-header-team-key-incident[data-type="34"] .commentary-text, .match-centre-header-team-key-incident[data-type="40"] .commentary-text {
    display: inline-block;
}

.match-centre-key-incidents img {
    height: 100%;
    width: auto;
}

.match-centre-key-incidents .incident-icon {
    margin: 0 4px;
    vertical-align: middle;
}

.match-centre-key-incidents-toggle {
    background: #333 !important;
    color: #d0d0d0 !important;
    text-decoration: none;
    cursor: pointer;
    padding-right: 17.6px;
    border: 1px solid #000;
    padding-left: 6px;
    z-index: 10;
}

.match-centre-key-incidents-toggle:hover {
    background: #444 !important;
    text-decoration: none;
}

#match-centre-key-incidents a .ui-icon {
    right: 2px;
}

.match-centre-key-incidents {
    border: 1px solid #333;
    margin-top: 0px;
}

.match-centre-key-incidents.expanded {
    display: block;
}

.key-incident-minute, .key-incident-text, .key-incident-icon {
    display: inline-block;
    vertical-align: middle;
    color: #999;
    margin: 0 4px;
}

.key-incident-minute {
    width: 5%;
    color: #B6993E;
}

.key-incident-text {
    width: 80%;
    color: #d0d0d0;
}

.key-incident-icon {
    height: 16px;
    width: 16px;
}

.incident-icon-legends {
    position: relative;
}

.live-indicator {
    position: absolute;
    background: #5A983A;
    border: 1px solid #84D58C;
    padding: 0 4px;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0.1;
    font-size: 0;
    width: 1px;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.live-indicator.hidden {
    opacity: 0;
    right: -100px !important;
    z-index: -1;
}

.follow-live {
    background: #2c2c2c;
    color: #5A983A;
    text-align: center;
    line-height: 22px;
    opacity: 1;
    height: auto;
    cursor: pointer;
    -webkit-animation: pulse 1s 5;
    animation: pulse 1s 5;
}

.follow-live:hover {
    background: #333;
}

.follow-live.hidden {
    height: 0;
    opacity: 0;
}

#movingBallG {
    position: relative;
    width: 100%;
    height: 20px;
}

.movingBallLineG {
    position: absolute;
    left: 0px;
    top: 8px;
    height: 4px;
    width: 100%;
    background-color: #333;
}

@-moz-keyframes bounce_movingBallG {
    0% {
        left: 0px;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 0px;
    }
}
@-webkit-keyframes bounce_movingBallG {
    0% {
        left: 0px;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 0px;
    }
}

@-ms-keyframes bounce_movingBallG {
    0% {
        left: 0px;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}

@-o-keyframes bounce_movingBallG {
    0% {
        left: 0px;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 0px;
    }
}

@keyframes bounce_movingBallG {
    0% {
        left: 0px;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 0px;
    }
}

.timeline-lines-detail {
    color: #a0a0a0;
}

.timeline-lines-detail-minute {
    color: #5A983A;
    text-align: left;
}

.match-centre-header-goal-scorers {
    float: left;
    width: 129px;
    font-size: 10px;
    color: #d0d0d0;
}

.match-centre-header-goal-scorer-minute {
    color: #999;
}

[data-field="home"] .match-centre-header-goal-scorers {
    float: right;
    text-align: right;
}

.direction-arrow {
    position: relative;
    background: #333;
    border-width: 1px 0;
    height: 10px;
}

.direction-arrow[data-direction="r"]:after, .direction-arrow[data-direction="r"]:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.direction-arrow[data-direction="r"]:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #EF4123;
    border-width: 10px;
    margin-top: -10px;
}

.direction-arrow[data-direction="r"]:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #333;
    border-width: 11px;
    margin-top: -11px;
}

.direction-arrow[data-direction="l"]:after, .direction-arrow[data-direction="l"]:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.direction-arrow[data-direction="l"]:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #097ABF;
    border-width: 10px;
    margin-top: -10px;
}

.direction-arrow[data-direction="l"]:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #333;
    border-width: 11px;
    margin-top: -11px;
}

.direction-arrow[data-field] {
    float: left;
    width: 40%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(26, 77, 102, 0) 50%, #EF4123 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(26, 77, 102, 0)), color-stop(100%, #EF4123));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(26, 77, 102, 0) 50%, #EF4123 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(26, 77, 102, 0) 50%, #EF4123 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(26, 77, 102, 0) 50%, #EF4123 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(26, 77, 102, 0) 50%, #EF4123 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#EF4123', GradientType=1);
}

.direction-arrow[data-field="away"] {
    float: right;
    background: -moz-linear-gradient(left, #097ABF 0%, rgba(96, 29, 22, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #097ABF), color-stop(50%, rgba(96, 29, 22, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, #097ABF 0%, rgba(96, 29, 22, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, #097ABF 0%, rgba(96, 29, 22, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, #097ABF 0%, rgba(96, 29, 22, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, #097ABF 0%, rgba(96, 29, 22, 0) 50%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#097ABF', endColorstr='#00000000', GradientType=1);
}

.direction-arrows:after {
    clear: both;
}

.direction-arrows {
    padding: 2em 0 0 0;
}

.detail-slot {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

[data-detail-slot-id="shots"] {
    width: 160px;
    height: 130px;
    padding: 6px 12px;
    background-position: 50%;
    margin: 6px 1px;
}

#chalkboard [data-filter-index="0"] .filterz-filter-sub-group {
    margin: 0.5em 4px;
    width: 130px;
}

#chalkboard .shot-zone {
    position: absolute;
    color: #E26161;
    padding: 0;
    width: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-weight: bold;
    font-size: 14px;
}

#chalkboard .shot-zone .number {
    background-color: #59CC43;
    color: #FFFFFF;
    font-size: 10px;
    padding: 0 2px;
    font-weight: bold;
}

#chalkboard .shot-zone.has-goals-and-shots .goal {
    margin-left: 2px;
}

#chalkboard .shot-zone.has-goals {
    background: none;
}

#chalkboard .shot-zone.has-goals-and-shots {
    width: 32px;
    margin: 0 -8px;
}

#chalkboard .shot-zone.misshighleft {
    top: 8px;
    left: 10px;
}

#chalkboard .shot-zone.misshighcentre {
    top: 8px;
    left: 85px;
}

#chalkboard .shot-zone.misshighright {
    top: 8px;
    right: 10px;
}

#chalkboard .shot-zone.missleft {
    top: 60px;
    left: 10px;
}

#chalkboard .shot-zone.missright {
    top: 60px;
    right: 10px;
}

#chalkboard .shot-zone.postleft {
    top: 30px;
    left: 14px;
}

#chalkboard .shot-zone.postcentre {
    top: 20px;
    left: 92px;
}

#chalkboard .shot-zone.postright {
    top: 30px;
    right: 14px;
}

#chalkboard .shot-zone.ontargethighleft {
    top: 48px;
    left: 48px;
}

#chalkboard .shot-zone.ontargethighcentre {
    top: 48px;
    left: 85px;
}

#chalkboard .shot-zone.ontargethighright {
    top: 48px;
    right: 45px;
}

#chalkboard .shot-zone.ontargetlowleft {
    bottom: 36px;
    left: 48px;
}

#chalkboard .shot-zone.ontargetlowcentre {
    bottom: 36px;
    left: 85px;
}

#chalkboard .shot-zone.ontargetlowright {
    bottom: 36px;
    right: 45px;
}

#match-centre-commentary-summary {
    display: none;
}

#match-commentary {
    padding-bottom: 7px;
}

#match-centre-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 75px;
    line-height: 16px;
    border-bottom: 1px solid #565656 !important;
    min-height: initial !important;
    background: #1a1a1a;
}

#match-centre-header .team-rating {
}

#match-centre-header .match-centre-header-team {
    width: initial;
    padding: 0 !important;
    padding-bottom: 10px !important;
    width: calc(50% - 30px);
}

#match-centre-header .match-centre-header-team[data-field="home"] {
    padding-left: 45px !important;
}

#match-centre-header .match-centre-header-team[data-field="away"] {
    padding-right: 45px !important;
}

#match-centre-header .match-centre-info {
    width: 60px !important;
    text-align: center !important;
    display: flex;
    align-items: center;
}

#match-centre-header .match-centre-info .score {
    font-size: 22px !important;
    white-space: nowrap;
}

#match-centre-header .match-centre-info .elapsed {
    color: white !important;
    font-size: 8px !important;
}

#match-centre-header .team-info {
    padding: 0 5px !important;
    float: none !important;
    width: 100% !important;
}

#match-centre-header .team-name {
    display: block;
    font-size: 12px !important;
    line-height: 20px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#match-centre-header .manager > label, #match-centre-header .manager > .mc-icon, #match-centre-header .match-centre-header-goal-scorers {
    display: none;
}

#match-centre-header .manager-name {
    display: block !important;
    font-size: 8px;
    margin: 0 !important;
    font-weight: bold;
    line-height: 12px;
    color: #c7c7c7 !important;
}

#match-centre-header .team-emblem {
    width: 40px;
    height: 40px;
    float: initial !important;
    position: absolute;
    top: 0px;
}

#match-centre-header [data-field="home"] .team-emblem {
    left: 0px;
}

#match-centre-header [data-field="away"] .team-emblem {
    right: 0px;
}

#match-centre-header .formation {
    font-size: 9px !important;
    color: #c7c7c7 !important;
    letter-spacing: 1px;
}

#match-centre-header .team-rating {
    position: absolute;
    top: 25px;
    padding: initial !important;
    font-size: 12px !important;
    border: 1px solid white;
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#match-centre-header [data-field="home"] .team-rating {
    left: 2px;
}

#match-centre-header [data-field="away"] .team-rating {
    right: 2px;
}

@media (max-width: 639px) {
    #match-centre-header .team-rating {
        font-size: 9px !important;
    }
}

@media (min-width: 640px) {
    #match-centre-header {
        padding-bottom: 18px;
        height: 97px;
    }

    #match-centre-header .match-centre-header-team[data-field="home"] {
        padding-left: 65px !important;
    }

    #match-centre-header .match-centre-header-team[data-field="away"] {
        padding-right: 65px !important;
    }

    #match-centre-header .match-centre-info .score {
        font-size: 25px !important;
        font-weight: bold;
    }

    #match-centre-header .team-emblem {
        width: 60px;
        height: 60px;
    }

    #match-centre-header .team-rating {
        top: 35px;
    }

    #match-centre-header .manager-name, #match-centre-header .formation {
        font-size: 12px !important;
        line-height: 16px;
    }

    #match-centre-header .team-name {
        font-size: 23px !important;
        line-height: 28px;
    }
}

@media (min-width: 984px) {
    #match-centre-header {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.player-selector {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    background: #1a1a1a;
    border-bottom: 1px solid #5c5c5c;
}

.player-selector .team-name {
    cursor: pointer;
    line-height: 24px;
    font-size: 9px;
    border: 1px solid #5c5c5c;
    font-weight: bold;
    max-width: 150px;
    flex: 1;
    white-space: nowrap;
    padding: 0 15px 0 10px;
    margin: 0 25px;
    background: #080808;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.player-selector .team-name::after {
    content: '▼';
    display: block;
    position: absolute;
    right: 7px;
    top: 0;
}

.player-selector .team-name.open::after {
    content: '▲';
}

#live-match .team-players {
    padding: 5px;
    min-height: calc(100% - 70px);
}

#live-match .team-players .player {
    display: flex;
    align-items: center;
    background: none !important;
    position: relative;
}

#live-match .team-players .player:not([data-is-first-eleven]):not([data-is-subbed-in]):not([data-has-events="true"]) {
    display: none;
}

#live-match .team-players .player .stat-values {
    flex: 1 0 20px;
    max-width: 20px;
    top: 2px;
}

#live-match .team-players .team {
    position: relative;
}

#live-match .team-players .team > input, #live-match .team-players .player > input {
    display: none;
}

#live-match .team-players .team, #live-match .team-players .player {
    background: none !important;
    padding: 0;
}

#live-match .team-players .team > span {
    display: block;
    padding-left: 20px;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
}

#live-match .team-players[data-field="away"] .team {
    text-align: left;
}

#live-match .team-players .team > input ~ span::before, #live-match .team-players .player > input ~ .player-info::before {
    content: '';
    display: block;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    border: 1px solid #5c5c5c;
    position: absolute;
    background: #000;
    top: 4px;
    left: 1px;
}

#live-match .team-players .team > input:checked ~ span::after, #live-match .team-players .player > input:checked ~ .player-info::after {
    content: '';
    display: block;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    position: absolute;
    background: #12e315;
    top: 8px;
    left: 5px;
}

#live-match .team-players .total-stat-value {
    top: 0;
    right: 0;
    position: absolute;
}

#live-match .team-players .shirt-number {
    margin-right: 2px;
}

#live-match .team-players .player-name {
    font-weight: bold;
    line-height: 20px;
}

#live-match .team-players .player-name {
}

#live-match .team-players .player-info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 0 170px;
    width: 170px;
    max-width: 100%;
    margin: 0;
    padding-left: 12px;
    padding-right: 20px;
}

@media (max-width: 983px) {
    #match-centre-heatmaps, #chalkboard-stadium {
        padding-top: 70px;
    }

    #live-match .team-players {
        position: absolute;
        width: 50%;
        z-index: 10;
        background: rgba(26, 26, 26, .9);
        max-height: calc(100% - 70px);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(1px);
        overflow: hidden;
        overflow-y: auto;
    }

    #live-match .team-players[data-field="home"] {
        padding-left: calc(50vw - 190px);
        padding-right: 10px;
        left: 0;
    }

    #live-match .team-players[data-field="away"] {
        padding-right: calc(50vw - 190px);
        padding-left: 10px;
        right: 0;
    }

    #live-match .team-players:not(.open) {
        display: none;
    }

    #live-match .team-players[data-field="away"] {
        right: 0;
    }

    #live-match .team-players .team > span {
        padding-left: 23px;
    }

    #live-match .team-players .player-info {
        padding-left: 15px;
    }

    .player-selector {
        display: flex;
        z-index: 10;
    }
}

@media (max-width: 479px) {
    #live-match .team-players {
        padding: 0 10px !important;
    }
}

.ws-timeline-minutes {
    position: absolute;
    width: 100%;
    z-index: 0;
}

.ws-timeline-minutes > div {
    position: absolute;
    border-left: 1px solid #383838;
    height: 17px;
    z-index: 1;
    bottom: 0;
}

.ws-timeline-minutes > div::after {
    content: attr(data-text);
    position: absolute;
    bottom: -15px;
    font-size: 10px;
    background: #1a1a1a;
    color: rgba(255, 255, 255, 0.5);
    z-index: -1;
    margin-left: -7px;
}

.incident-icon {
    display: inline-block;
}

@media (max-width: 639px) {
    #match-centre .incident-icon {
        transform: scale(0.75);
    }
}

.incident-icon[data-mom], .incidents-icon.mom {
    background-position: 0px 0px;
}

.incident-icon[data-event-satisfier-goalnormal], .incidents-icon.goal, .incidents-icon.i-goal {
    background-position: 0px -16px;
}

.incident-icon[data-event-satisfier-goalown], .incidents-icon.owngoal {
    background-position: 0px -32px;
}

.incident-icon[data-event-satisfier-penaltyscored], .incident-icon[data-event-satisfier-penaltyshootoutscored], .incidents-icon.penalty-goal {
    background-position: 0 -48px;
}

.incident-icon[data-event-satisfier-penaltymissed], .incident-icon[data-event-satisfier-penaltyshootoutsaved], .incident-icon[data-event-satisfier-penaltyshootoutmissedofftarget], .incidents-icon.penalty-missed {
    background-position: 0 -64px;
}

.incident-icon[data-event-satisfier-assist], .incidents-icon.assist {
    background-position: 0px -80px;
}

.incident-icon[data-event-satisfier-tacklelastman], .incidents-icon.last-man-tackle {
    background-position: 0px -96px;
}

.incident-icon[data-event-satisfier-clearanceofftheline], .incidents-icon.clearance-off-line {
    background-position: 0px -112px;
}

.incident-icon[data-event-satisfier-yellowcard], .incident-icon[data-event-satisfier-voidyellowcard], .incidents-icon.yellow, .incidents-icon.i-ycard {
    background-position: 0px -128px;
}

.incident-icon[data-event-satisfier-redcard], .incidents-icon.red, .incidents-icon.i-rcard {
    background-position: 0px -144px;
}

.incident-icon[data-event-satisfier-subon], .incidents-icon.subst-in, .incidents-icon.i-subi {
    background-position: 0 -160px;
}

.incident-icon[data-event-satisfier-suboff], .incidents-icon.subst-out, .incidents-icon.i-subo {
    background-position: 0px -176px;
}

.incident-icon[data-event-satisfier-secondyellow], .incidents-icon.secondyellow, .incidents-icon.i-y2card {
    background-position: 0 -208px;
}

.incident-icon[data-event-satisfier-errorleadstogoal], .incidents-icon.error-lead-to-goal {
    background-position: 0px -224px;
}

.incident-icon[data-event-satisfier-shotonpost], .incidents-icon.shotonpost {
    background-position: 0px -240px;
}

.incident-icon[data-event-satisfier-keeperpenaltysaved], .incidents-icon.penalty-save {
    background-position: 0px -256px;
}

#match-centre-timeline .incident-icon[data-event-satisfier-subon] {
    background-position: 0 -192px;
}

.incident-icon[data-type="40"], .incident-icon[data-type="34"] {
    background-position: 0 -272px;
}

.incident-icon[data-referee] {
    background-position: 0px -303px;
}

.incident-icon[data-venue] {
    background-position: 0px -320px;
}

.incident-icon[data-attendance] {
    background-position: 0px -336px;
}

.incidents-icon.attrOffensive {
    background-position: 0px -352px;
}

.incidents-icon.attrDefensive {
    background-position: 0px -368px;
}

.incidents-icon.comments {
    background-position: 0px -384px;
}

.incidents-icon.stream {
    background-position: 0px -432px;
}

.incidents-icon.topmatch {
    background-position: 0px -400px;
}

.incidents-icon.penalty-conceded {
    background-position: 0px -416px;
}

#stadium {
    width: 100%;
    height: auto !important;
    position: relative;
}

#stadium .scrollable {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#stadium .bench {
    height: auto;
    width: auto;
    border-top: 0;
    background: #244101;
}

#stadium .stadium-bench-nav {
    background-image: linear-gradient(90deg, rgba(36, 65, 1, 0), #244101 75%);
    display: block;
    position: absolute;
    font-weight: bold;
    top: 0px;
    font-size: 12px;
    width: 15vw;
    padding-top: 10px;
    max-width: 40px;
    height: calc(100% - 1px);
    z-index: 1;
}

#stadium .bench [data-field="home"] .player[data-subbed-in="true"] .player-stat-value {
    background-color: #EF4123;
}

#stadium .bench [data-field="away"] .player[data-subbed-in="true"] .player-stat-value {
    background-color: #097ABF;
}

#stadium .pitch-container [data-field="home"] .player .player-stat-value {
    background-color: #EF4123;
}

#stadium .pitch-container [data-field="away"] .player .player-stat-value {
    background-color: #097ABF;
}

#stadium .stadium-bench-nav > span {
    display: block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZD0iTTE3LjE3IDMyLjkybDkuMTctOS4xNy05LjE3LTkuMTcgMi44My0yLjgzIDEyIDEyLTEyIDEyeiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMC0uMjVoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==');
    opacity: .2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60% auto;
    width: 40px;
    height: 40px;
    transition: all 400ms;
    border-radius: 50%;
    cursor: pointer;
}

#stadium .bench:hover .stadium-bench-nav span {
    opacity: .9;
}

#stadium .stadium-bench-nav:hover span {
    background-color: rgba(255, 255, 255, .1);
}

#stadium .stadium-bench-nav.left {
    left: 0;
    transform: rotateY(180deg);
}

#stadium .stadium-bench-nav.right {
    right: 0;
}

#stadium .bench h4 {
    display: none;
}

#stadium .bench .substitutes {
    background: transparent;
    display: flex;
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    justify-content: start;
    padding: 0 5vw;
    position: relative;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#stadium .bench .substitutes::-webkit-scrollbar {
    width: 0;
    height: 0;
}

#stadium .compare-decorations {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    height: 130px;
    padding-top: 10px;
}

#stadium .compare-decorations .compare-data > span {
    display: block;
    color: #c7c7c7;
    font-weight: bold;
    font-size: 9px;
    line-height: 20px;
    text-align: center;
}

#stadium .compare-decorations .hr {
    border-bottom: 1px solid #898989;
    height: 10px;
    margin-bottom: 9px;
    width: 170px;
    max-width: 35vw;
}

#stadium .compare-decorations {
}

#stadium .compared {
    padding-top: 50px;
    border-top: 0;
    width: 50%;
}

#stadium .compared[data-field="away"] {
    left: 50%;
}

#stadium .compared .detached {
    position: absolute;
    top: 10px;
    z-index: 10;
}

#stadium .compared .detached ~ * {
    width: 80px;
    margin: 0 auto;
    text-align: right;
    font-weight: bold;
    color: white;
    line-height: 20px;
    font-size: 10px;
}

#stadium .compared[data-field="home"] .detached ~ * {
    margin-right: 40px;
}

#stadium .compared[data-field="away"] .detached ~ * {
    margin-left: 40px;
}

#stadium .compared[data-field="away"] .detached ~ * {
    text-align: left;
}

#stadium .compared[data-field="home"] .detached {
    left: calc(100% - 200px);
}

#stadium .compared[data-field="away"] .detached {
    right: calc(100% - 200px);
}

#stadium .compared .player-name {
    margin-right: 5px;
    white-space: nowrap;
}

#stadium .compared .player-key-incidents {
    display: flex;
    position: relative;
    top: -5px;
}

#stadium .compared .player-name-wrapper {
    display: flex;
    align-items: center;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: center;
}

#stadium .compared .player-name-wrapper > * {
    font-size: 10px;
    font-weight: bold;
}

#stadium .compared .player-age::after {
    content: none;
}

#stadium .compared .player-avatar {
    border: 1px solid white;
    display: flex;
    align-items: center;
}

#stadium .compared .player-avatar > img {
    width: 100%;
    height: auto;
}

[data-comparision-mode="team"] #stadium .compare-decorations {
    display: none;
}

[data-comparision-mode="player"] #stadium .stadium-bench-nav {
    display: none;
}

#stadium .compared[data-mode="player"] {
    height: 130px;
}

#stadium .bench .substitutes:hover {
    z-index: initial;
}

#stadium .bench .player {
    border-bottom: 0;
    position: static;
    min-width: 30vw;
    scroll-snap-align: center;
}

#live-match #stadium .pitch-container .pitch {
    width: 100%;
    background: url("../image/pitch-bg.png");
    border-bottom: 1px solid #565656 !important;
    background-size: 100% 100% !important;
    padding: 0;
    min-height: 400px;
}

#stadium .pitch-container .pitch::after {
    width: 100px;
    height: 26px;
    display: none;
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: .8;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSIxOSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjODRCRjQxIiBkPSJNLjI5IDEzLjA2NmExNS41NiAxNS41NiAwIDAwLS4wNzgtLjMzNSAyLjA1MyAyLjA1MyAwIDAxLS4wNy0uNDM3YzAtLjIxNy4wNjgtLjM5Ny4yMDctLjU0YS43MjYuNzI2IDAgMDEuNTQ1LS4yMTNjLjQ0MiAwIC43MDYuMjI5Ljc5Mi42ODdsLjc5MSAzLjYxN2guMDIxTDMuNiAxMi4zMzJjLjA5Mi0uMjg2LjIwNy0uNDg5LjM0NS0uNjFhLjc2My43NjMgMCAwMS41MjMtLjE4MWMuMjA5IDAgLjM3OS4wNi41MS4xOC4xMzMuMTIuMjQ1LjMyNC4zMzcuNjFsMS4xMDQgMy41MTRoLjAxOWwuNzkxLTMuNjE3Yy4wODgtLjQ1OC4zNTItLjY4Ny43OTItLjY4N2EuNzMuNzMgMCAwMS41NDkuMjEzLjc0Ni43NDYgMCAwMS4yMDYuNTRjMCAuMTY3LS4wNS40MjUtLjE1Mi43NzItLjA1LjE5OC0uMTI0LjUwNC0uMjI2LjkyLS4xLjQxNS0uMjU0IDEuMDQtLjQ1OCAxLjg3MmwtLjM4MiAxLjU2NmMtLjA4Mi4zNjQtLjIwOS42MTItLjM4Ljc0NC0uMTcuMTMyLS4zODUuMTk3LS42NDYuMTk3LS41NCAwLS45MDEtLjI3Ni0xLjA4NC0uODI5bC0uOTgtMy4wODRoLS4wMmwtLjk3IDMuMDg0Yy0uMDk4LjI4LS4yMzMuNDg3LS40MDUuNjI0LS4xNzIuMTM3LS40MDIuMjA1LS42OS4yMDUtLjI0OSAwLS40Ni0uMDYtLjYzMi0uMTgxcy0uMjk4LS4zNS0uMzc2LS42ODVhMTkzLjEwNiAxOTMuMTA2IDAgMDAtLjg5OS0zLjY2N2MtLjEzLS41MS0uMTk3LS43NjYtLjIwMy0uNzY2SC4yOW04Ljc3NyA0LjU0NnYtNS43OWEuNzcuNzcgMCAwMS4yMTItLjU0Ni42OTIuNjkyIDAgMDEuNTI1LS4yMjVjLjIxOCAwIC4zOTUuMDc1LjUzLjIyNC4xMzYuMTUuMjA0LjMzMy4yMDQuNTQ5djEuNjg3aC4wMjFjLjQzNi0uMjQ2Ljg1My0uMzY5IDEuMjUtLjM2OS4zNDYgMCAuNjU3LjA2My45MzQuMTg5LjI3Ni4xMjUuNDk0LjMxOC42NTMuNTc5LjE2LjI2LjIzOS41ODEuMjM5Ljk2NHYyLjczOGEuNzUuNzUgMCAwMS0uMjA3LjUzOC43MTIuNzEyIDAgMDEtLjUzOC4yMTUuNjcuNjcgMCAwMS0uNTE0LS4yMTYuNzU4Ljc1OCAwIDAxLS4yMDEtLjUzNnYtMi4zMzJjMC0uMjYzLS4wNzQtLjQ3Ni0uMjIyLS42NC0uMTQ3LS4xNjItLjM0OS0uMjQ0LS42MDUtLjI0NGEuNzU1Ljc1NSAwIDAwLS41ODcuMjQ2Yy0uMTQ5LjE2My0uMjIzLjM3Ni0uMjIzLjYzOHYyLjMzMmEuNzUyLjc1MiAwIDAxLS4yMDQuNTM3LjY5Ny42OTcgMCAwMS0uNTMuMjE1LjcwMy43MDMgMCAwMS0uNTI2LS4yMTcuNzQuNzQgMCAwMS0uMjEtLjUzNm03LjU0NC0uNTY3YS45LjkgMCAwMC41NDItLjE2NCAxLjAxIDEuMDEgMCAwMC4zNDEtLjQ0NmMuMDc3LS4xODguMTE1LS4zOTguMTE1LS42MjggMC0uMzU1LS4wODYtLjY0OS0uMjU3LS44ODItLjE3Mi0uMjMyLS40Mi0uMzUzLS43NDEtLjM2My0uMzI0IDAtLjU3Mi4xMi0uNzQ3LjM1OS0uMTc0LjIzOS0uMjYuNTM0LS4yNi44ODYgMCAuMzQ2LjA4NS42MzkuMjU2Ljg4YS44Ni44NiAwIDAwLjcxMi4zNzYuMDg0LjA4NCAwIDAxLjAyNC0uMDE1LjA1NC4wNTQgMCAwMS4wMTUtLjAwM3ptMCAxLjQyYy0uNDk0IDAtLjkzLS4xMTYtMS4zMDYtLjM0OGEyLjMwNCAyLjMwNCAwIDAxLS44NjktLjk1NSAyLjk4OCAyLjk4OCAwIDAxLS4zMDQtMS4zNTVjMC0uMzcuMDU4LS43MTcuMTczLTEuMDQzLjExNS0uMzI1LjI4MS0uNjEuNDk4LS44NTNhMi4yNiAyLjI2IDAgMDEuNzg3LS41NjYgMi41MTMgMi41MTMgMCAwMTEuMDItLjIwMyAyLjM5NSAyLjM5NSAwIDAxMi4xNjQgMS4zNGMuMjA0LjQwNS4zMDYuODQ3LjMwNiAxLjMyNWEzLjA4NSAzLjA4NSAwIDAxLS4xOCAxLjAxNCAyLjYzIDIuNjMgMCAwMS0uNDk2Ljg1IDIuMjkxIDIuMjkxIDAgMDEtLjc4NC41ODNjLS4zMDYuMTQtLjY0Mi4yMS0xLjAxLjIxeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkUiIGQ9Ik0xOS40MDMgMTMuNDljLjAyNC0uOTEzLjQ3Ny0xLjUzOCAxLjM1Ny0xLjg3M2EzLjU2OCAzLjU2OCAwIDAxMS45MDMtLjA3NWMuMjg1LjA2NC41MzEuMTczLjczNy4zMjdhLjczLjczIDAgMDEuMzEuNjEzYzAgLjIwNS0uMDY1LjM3LS4xOTUuNDkyYS43ODQuNzg0IDAgMDEtLjUxNC4yMDMgNS4xNiA1LjE2IDAgMDEtLjU4OS0uMTQgMi41NyAyLjU3IDAgMDAtLjY1My0uMTE1Ljk0OC45NDggMCAwMC0uNDg2LjEyMy40Ny40NyAwIDAwLS4yNC4zNjdjMCAuMTY0LjA0Ni4yOC4xNC4zNDguMDkzLjA2Ny4yODMuMTUuNTY4LjI0Ni4yNzMuMDkuNTQxLjE4LjgwNi4yNjkuMjY0LjA4OS41MTMuMjA1Ljc0Ni4zNDcuMjMzLjE0My40MjcuMzQ0LjU4Mi42MDMuMTU1LjI2LjIzNS41ODguMjQuOTg3IDAgLjU4My0uMTYgMS4wNjMtLjQ4MSAxLjQ0LS40OTMuNTQyLTEuMTc0LjgxMy0yLjA0NS44MTMtLjcxNyAwLTEuMzMtLjE0Mi0xLjgzOS0uNDI2LS4yOTYtLjE2MS0uNDU2LS4zOS0uNDgtLjY4OC4wMjQtLjIxMy4xLS40MDIuMjI1LS41NjVhLjYxLjYxIDAgMDEuNTEtLjI0NWMuMTQ1LjAxLjMwNS4wNDQuNDguMTA2LjE3Ni4wNi4zNTEuMTIyLjUyNi4xODQuMTc1LjA2LjMzNi4wOTYuNDgzLjEwNS4wNjMgMCAuMTE0LjAwMy4xNTIuMDEuMjEyLS4wMDUuNC0uMDU4LjU2NC0uMTZhLjQ5LjQ5IDAgMDAuMjQ2LS40NDMuNTI4LjUyOCAwIDAwLS4yMzEtLjQ1OSAyLjE4MSAyLjE4MSAwIDAwLS42LS4yNzdjLS4wMzgtLjAxMy0uMTg2LS4wNi0uNDQ1LS4xMzdhNi43ODggNi43ODggMCAwMS0uNjkyLS4yNDggMi40MzQgMi40MzQgMCAwMS0uNTQtLjMxMSAxLjM5IDEuMzkgMCAwMS0uNDE1LS41NjljLS4wODctLjIyMS0uMTMtLjUwNS0uMTMtLjg1Mm01LjY0Ny41MDFjLjQ5OC0uNTY2IDEuMTY3LS44NDkgMi4wMDYtLjg0OS4yNTQuMDE5LjQ5Ny4wNTguNzMxLjEyLjIzNC4wNi40MzguMTYzLjYxMS4zMDdzLjI2LjMzNC4yNi41N2EuNy43IDAgMDEtLjE1Mi40NTIuNTI5LjUyOSAwIDAxLS40MDMuMjA2LjE3LjE3IDAgMDAtLjA3Ni4wMTggMi41NTEgMi41NTEgMCAwMS0uNDg2LS4xMzQgMS43NDQgMS43NDQgMCAwMC0uNTQyLS4xMTljLS4zMyAwLS41OTMuMTE2LS43OS4zNDctLjE5Ny4yMzItLjI5NS41MzctLjI5NS45MTYgMCAuNTcyLjIwMS45NTIuNjA0IDEuMTM4LjA4NC4wMzcuMjI2LjA2OS40MjQuMDk1LjI1My0uMDE3LjQ4Ni0uMDY0LjY5OC0uMTQuMDMzLS4wMS4wOTctLjAzLjE4OS0uMDY0YS42OTYuNjk2IDAgMDEuMTk4LS4wNDljLjExNCAwIC4yMTkuMDMuMzE3LjA5MS4wOTcuMDYuMTc0LjE0MS4yMy4yNDNhLjY2LjY2IDAgMDEuMDg0LjMyNGMwIC40MjctLjM3My43MzUtMS4xMi45MjZhNC4xIDQuMSAwIDAxLS42Ny4wNzZjLS4zNDggMC0uNjctLjA3LS45NjYtLjIxYTIuMzczIDIuMzczIDAgMDEtLjc3MS0uNTg2IDIuNzQxIDIuNzQxIDAgMDEtLjUwOC0uODQ2IDMuMTA2IDMuMTA2IDAgMDEtLjE5Ny0uOTk1Yy4wMTMtLjM2Ny4wNzQtLjcxMi4xODQtMS4wMzcuMTEtLjMyNS4yNTctLjU5Mi40NC0uOG02LjIzNCAzLjA1NGEuOS45IDAgMDAuNTQxLS4xNjRjLjE1MS0uMTA5LjI2NS0uMjU4LjM0Mi0uNDQ2LjA3Ny0uMTg4LjExNS0uMzk4LjExNS0uNjI4IDAtLjM1NS0uMDg2LS42NDktLjI1OC0uODgyLS4xNzItLjIzMi0uNDE4LS4zNTMtLjc0LS4zNjMtLjMyNCAwLS41NzMuMTItLjc0Ny4zNTktLjE3NC4yMzktLjI2LjUzNC0uMjYuODg2IDAgLjM0Ni4wODUuNjM5LjI1Ni44OGEuODYuODYgMCAwMC43MTIuMzc2LjA4NC4wODQgMCAwMS4wMjQtLjAxNS4wNTQuMDU0IDAgMDEuMDE1LS4wMDN6bTAgMS40MmMtLjQ5NCAwLS45My0uMTE2LTEuMzA2LS4zNDhhMi4zMDQgMi4zMDQgMCAwMS0uODctLjk1NSAyLjk4OCAyLjk4OCAwIDAxLS4zMDMtMS4zNTVjMC0uMzcuMDU4LS43MTcuMTczLTEuMDQzLjExNS0uMzI1LjI4LS42MS40OTgtLjg1M2EyLjI2IDIuMjYgMCAwMS43ODctLjU2NiAyLjUxMyAyLjUxMyAwIDAxMS4wMi0uMjAzIDIuMzk1IDIuMzk1IDAgMDEyLjE2NCAxLjM0Yy4yMDQuNDA1LjMwNi44NDcuMzA2IDEuMzI1YTMuMDg1IDMuMDg1IDAgMDEtLjE4IDEuMDE0Yy0uMTE0LjMxOS0uMjguNjAyLS40OTcuODVhMi4yOSAyLjI5IDAgMDEtLjc4My41ODMgMi40IDIuNCAwIDAxLTEuMDEuMjF6bTIuOTUxLTQuNDQxYzAtLjI0NS4wNzMtLjQzNS4yMTktLjU3YS43MzcuNzM3IDAgMDEuNTE4LS4yMDIuODYuODYgMCAwMS40NDkuMTIuNjU2LjY1NiAwIDAxLjI4NS4zNDRjLjMwNS0uMzgyLjY2My0uNTc0IDEuMDczLS41NzRhLjY3LjY3IDAgMDEuNTAyLjI1Yy4xMy4xNTcuMTk1LjMzNy4xOTUuNTQgMCAuMjE2LS4wNzQuMzc1LS4yMi40NzYtLjE0OC4xMDEtLjM2NC4xOTUtLjY0OC4yODMtLjI4NC4wODktLjQ3OC4xNjktLjU4LjI0LS4yMTUuMTQ1LS4zMjIuNDAxLS4zMjIuNzd2MS44NTRjMCAuMjc3LS4wNzcuNDgxLS4yMzEuNjEzYS44NzQuODc0IDAgMDEtLjU4OS4xOTcuNzg4Ljc4OCAwIDAxLS40Ny0uMjQ5Yy0uMTItLjEzNC0uMTgxLS4zMTQtLjE4MS0uNTQxdi0zLjU1bTQuNTMgMS4yNTNoMS44OTVhLjc3MS43NzEgMCAwMC0uMTIyLS4zODEgMS4wNjggMS4wNjggMCAwMC0uMzQyLS4zNTUuODgzLjg4MyAwIDAwLS40OTgtLjE0NWMtLjI2MSAwLS40ODIuMS0uNjYyLjMtLjE4LjItLjI3LjM5My0uMjcuNTh6bTIuNjUgMS4wMDdoLTIuNjVjMCAuMjAyLjA5Mi4zODguMjc0LjU1OS4xODMuMTcuNDg0LjI1Ni45MDUuMjU2LjIwNSAwIC4zNzYtLjAyNi41MTItLjA3N2E2LjcgNi43IDAgMDAuNTMyLS4yMzFjLjIxOC0uMTA0LjM3My0uMTU2LjQ2My0uMTU2LjE2NyAwIC4zMS4wNi40MjcuMTgzYS42NDguNjQ4IDAgMDEuMTc2LjQ2OGMwIC4yMjctLjExMi40My0uMzM2LjYxLS4yMjQuMTgtLjUxMy4zMi0uODY5LjQyLS4zNTUuMDk4LS43Mi4xNDgtMS4wOTQuMTQ4LS41MTkgMC0uOTc0LS4xMTctMS4zNjUtLjM1MWEyLjMzNCAyLjMzNCAwIDAxLS44OTctLjk1NiAyLjkxNiAyLjkxNiAwIDAxLS4zMS0xLjM1MSAyLjc0NyAyLjc0NyAwIDAxLjcyMy0xLjg2NSAyLjQ5IDIuNDkgMCAwMTEuODUtLjhjLjQ2MSAwIC44NzMuMTE3IDEuMjM0LjM1LjM2MS4yMzQuNjQxLjU0NC44NDEuOTI5LjIuMzg1LjMuNzk0LjMgMS4yMjUgMCAuMjQ1LS4wNTcuNDEzLS4xNjkuNTAzLS4xMTIuMDktLjI5NS4xMzYtLjU0OC4xMzZ6bTMuMzA5LTEuNzIzYS44Ny44NyAwIDAwLS43NDIuMzYyYy0uMTc4LjI0MS0uMjY3LjUzNi0uMjY3Ljg4MyAwIC4zNDEuMDkxLjYzMy4yNzQuODc1YS44NzQuODc0IDAgMDAuNzM1LjM2My44OTMuODkzIDAgMDAuNzQ1LS4zNTJjLjE4Mi0uMjM0LjI3NC0uNTMuMjc0LS44ODYgMC0uMzY0LS4wOS0uNjYzLS4yNjctLjg5NS0uMTc3LS4yMzMtLjQyOC0uMzUtLjc1Mi0uMzV6bS0yLjExNC0uMjA0Yy4xODYtLjM1Mi40NC0uNjM4Ljc2Ni0uODU4LjMyNC0uMjIuNjc2LS4zNCAxLjA1NS0uMzU4LjUzNSAwIC45NzIuMTQyIDEuMzEyLjQyNXYtMS43NmMwLS4yMy4wNzMtLjQxMi4yMi0uNTQ1LjE0OC0uMTM0LjMyLS4yLjUxNi0uMmEuNzMuNzMgMCAwMS41MjIuMjAzYy4xNDIuMTM2LjIxMy4zMjUuMjEzLjU2OXY1Ljc3OGMwIC4xODQtLjA2LjM1LS4xNzkuNWEuNjkuNjkgMCAwMS0uNS4yNTMuNzcuNzcgMCAwMS0uNTA2LS4xNi43NDUuNzQ1IDAgMDEtLjI0Ny0uMzE0Yy0uMjg3LjM4My0uNzA2LjU3NC0xLjI1Ni41NzRhMiAyIDAgMDEtLjk0LS4yMiAyLjE1OCAyLjE1OCAwIDAxLS43MTUtLjU5OCAyLjg1MiAyLjg1MiAwIDAxLS40NTEtLjg0NyAzLjQyMSAzLjQyMSAwIDAxLS4xNzYtLjk3MmMuMDItLjU5NS4xNDItMS4wODUuMzY2LTEuNDd6bTEwLjcwMi0uMzY3Yy40OTktLjU2NiAxLjE2OC0uODQ5IDIuMDA3LS44NDkuMjUzLjAxOS40OTcuMDU4LjczLjEyLjIzNC4wNi40MzguMTYzLjYxMi4zMDcuMTczLjE0NC4yNi4zMzQuMjYuNTdhLjcuNyAwIDAxLS4xNTMuNDUyLjUyOS41MjkgMCAwMS0uNDAzLjIwNi4xNy4xNyAwIDAwLS4wNzYuMDE4IDIuNTU1IDIuNTU1IDAgMDEtLjQ4Ni0uMTM0IDEuNzQyIDEuNzQyIDAgMDAtLjU0MS0uMTE5Yy0uMzMgMC0uNTk0LjExNi0uNzkuMzQ3LS4xOTcuMjMyLS4yOTYuNTM3LS4yOTYuOTE2IDAgLjU3Mi4yMDEuOTUyLjYwNCAxLjEzOC4wODQuMDM3LjIyNi4wNjkuNDI0LjA5NS4yNTMtLjAxNy40ODYtLjA2NC42OTgtLjE0LjAzNC0uMDEuMDk3LS4wMy4xODktLjA2NGEuNjk2LjY5NiAwIDAxLjE5OC0uMDQ5Yy4xMTQgMCAuMjIuMDMuMzE3LjA5MWEuNjQuNjQgMCAwMS4yMy4yNDMuNjYuNjYgMCAwMS4wODQuMzI0YzAgLjQyNy0uMzczLjczNS0xLjEyLjkyNi0uMjg2LjA1LS41MDkuMDc2LS42Ny4wNzYtLjM0OCAwLS42Ny0uMDctLjk2NS0uMjFhMi4zNzQgMi4zNzQgMCAwMS0uNzcyLS41ODYgMi43NDEgMi43NDEgMCAwMS0uNTA4LS44NDYgMy4xMDYgMy4xMDYgMCAwMS0uMTk2LS45OTVjLjAxMi0uMzY3LjA3My0uNzEyLjE4NC0xLjAzNy4xMS0uMzI1LjI1Ny0uNTkyLjQ0LS44bTYuMjMzIDMuMDU0YS45LjkgMCAwMC41NDItLjE2NGMuMTUtLjEwOS4yNjUtLjI1OC4zNDEtLjQ0Ni4wNzctLjE4OC4xMTUtLjM5OC4xMTUtLjYyOCAwLS4zNTUtLjA4Ni0uNjQ5LS4yNTctLjg4Mi0uMTcyLS4yMzItLjQxOS0uMzUzLS43NDEtLjM2My0uMzIzIDAtLjU3Mi4xMi0uNzQ2LjM1OS0uMTc0LjIzOS0uMjYxLjUzNC0uMjYxLjg4NiAwIC4zNDYuMDg1LjYzOS4yNTYuODhhLjg1OS44NTkgMCAwMC43MTIuMzc2LjA4MS4wODEgMCAwMS4wMjQtLjAxNS4wNTQuMDU0IDAgMDEuMDE1LS4wMDN6bTAgMS40MmMtLjQ5NCAwLS45My0uMTE2LTEuMzA2LS4zNDhhMi4zMDMgMi4zMDMgMCAwMS0uODY5LS45NTUgMi45OSAyLjk5IDAgMDEtLjMwNC0xLjM1NWMwLS4zNy4wNTgtLjcxNy4xNzMtMS4wNDMuMTE1LS4zMjUuMjgxLS42MS40OTgtLjg1M2EyLjI2IDIuMjYgMCAwMS43ODctLjU2NiAyLjUxNSAyLjUxNSAwIDAxMS4wMjEtLjIwMyAyLjM5NSAyLjM5NSAwIDAxMi4xNjMgMS4zNGMuMjA1LjQwNS4zMDcuODQ3LjMwNyAxLjMyNWEzLjA4NSAzLjA4NSAwIDAxLS4xOCAxLjAxNCAyLjY1OSAyLjY1OSAwIDAxLS40OTcuODUgMi4yOTIgMi4yOTIgMCAwMS0uNzg0LjU4M2MtLjMwNi4xNC0uNjQyLjIxLTEuMDA5LjIxem0yLjk1MS0uODUzdi0zLjYwNGEuNzYuNzYgMCAwMS4yMTctLjU0NS42OTIuNjkyIDAgMDEuNTItLjIyNy43Ni43NiAwIDAxLjQ3OC4xNDMuNzUyLjc1MiAwIDAxLjI1Ni4zMzljLjEyMS0uMTguMy0uMzIuNTM3LS40MjMuMjM3LS4xMDIuNDgyLS4xNTMuNzM1LS4xNTMuNjAyIDAgMS4wNTcuMjA1IDEuMzY1LjYxNWwuMzczLS4yNjFhMi4xMSAyLjExIDAgMDEuNTA0LS4yNTVjLjE4Ni0uMDY2LjQxLS4wOTkuNjctLjA5OS4zMTUuMDE2LjYuMDgzLjg1NC4yMDMuMjU0LjEyLjQ2LjMwOC42MTYuNTYzLjE1OC4yNTUuMjM3LjU3Ny4yMzcuOTY2djIuNzM4YS43NTMuNzUzIDAgMDEtLjIwNC41MzguNjk3LjY5NyAwIDAxLS41My4yMTUuNzAzLjcwMyAwIDAxLS41MjctLjIxNi43MzkuNzM5IDAgMDEtLjIxLS41MzZ2LTIuMzMyYzAtLjI0Ny0uMDY2LS40NTUtLjE5Ni0uNjI3YS42NC42NCAwIDAwLS41MzktLjI1Ny42NDIuNjQyIDAgMDAtLjU0LjI1OCAxLjAwNiAxLjAwNiAwIDAwLS4xOTcuNjI2djIuMzMyYS43NTIuNzUyIDAgMDEtLjIwNC41MzcuNjk3LjY5NyAwIDAxLS41My4yMTUuNzAzLjcwMyAwIDAxLS41MjYtLjIxNi43MzkuNzM5IDAgMDEtLjIxLS41MzZ2LTIuMzMyYS45OTguOTk4IDAgMDAtLjE5OC0uNjI3LjY0LjY0IDAgMDAtLjUzNi0uMjU3LjY1Mi42NTIgMCAwMC0uNTQzLjI1OC45ODguOTg4IDAgMDAtLjIuNjI2djIuMzMyYS43NTMuNzUzIDAgMDEtLjIwNC41MzcuNjk3LjY5NyAwIDAxLS41MzEuMjE1LjcwMy43MDMgMCAwMS0uNTI2LS4yMTcuNzQuNzQgMCAwMS0uMjEtLjUzNiIvPjxwYXRoIGZpbGw9IiM4NEJGNDEiIGQ9Ik02MS4yNjUgMy4xMDJDNTguMzQ4IDEuMzAyIDU0Ljc0Ny41OTYgNTEuMzkuNTU4Yy0zLjU2Mi0uMDQtNy40My42OC0xMC41MDYgMi42MjctMS4zMTguODM1LTMuNzUzIDIuNzgyLTIuNDg2IDQuNTA2IDEuNDgzIDIuMDE3IDQuNzQgMS43NDMgNi44NjggMS4xODYgMS4wOC0uMjgxIDQuMTA1LTEuMDgyIDQuMDItMi40NjUtLjA4MS0xLjMwNC0yLjU3NC0xLjIyNy0zLjUzOC0xLjE0NS0xLjUyNS4xMjktMi4zOTItLjg2Mi0xLjExNi0xLjcxMiAyLjEzMi0xLjQyIDExLjc0MS0yLjU2MyAxMC43NCAxLjU5NS0uMzM5IDEuNDA4LTIuOTQ1IDIuMDc1LTQuMSAyLjczMS0xLjEzMi42NDMtMi41OSAxLjU2LTIuODA0IDIuODEzLS4xLjU4NS4xNTIgMS4yOTEuNjI2IDEuNzgzLjMzLjM0MS43NjUuNTc4IDEuMjY3LjYwMiAxLjE2My4wNTUgMi4wMjYtLjk1NSAyLjYwMy0xLjcgMS41NTctMi4wMSAzLjg3OS0xLjg5OCA2LjM2NC0yLjE4MSAxLjUxNS0uMTcyIDMuNzk1LS40NjQgNC41MzUtMS44MDguOTQtMS43MDgtMS4xNjctMy40MDMtMi42LTQuMjg4bS05LjUwMSAxMy43N2MwIC44NDUtLjY4NyAxLjUzLTEuNTMzIDEuNTNhMS41MzIgMS41MzIgMCAxMTEuNTMzLTEuNTMiLz48L2c+PC9zdmc+);
}

#stadium .match-info {
    scroll-snap-align: start;
    display: flex;
    height: auto;
    left: 0;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #565656 !important;
}

#stadium .match-info > span {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    margin: 0;
    padding: 7px 0 7px;
    text-align: center;
    position: relative;
    left: initial;
}

#stadium .match-info > span > a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#stadium .match-info > span:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;
    background: #a9a9a9;
    height: 2px;
    width: 2px;
    right: 0;
    top: calc(50% - 1px);
}

#stadium .match-info > span label {
    letter-spacing: 0.23px;
    color: #c7c7c7;
    line-height: 13px;
    display: none;
}

#stadium .match-info > span .value {
    display: block;
    color: white;
    max-width: 90%;
    line-height: 14px;
    font-size: 12px;
    text-decoration: none;
}

#stadium .match-info > span .incident-icon {
    margin: 0 4px;
    width: 18px;
    height: 18px;
}

#stadium .compare-container {
    position: relative;
    z-index: 1000;
}

[data-comparision-mode="player"] #stadium .compare-container {
    display: inline-block;
    width: 100%;
    height: 130px;
}

#stadium .player {
    display: flex;
    flex-direction: column;
    padding-top: 5px;
    text-align: center;
    background: transparent;
    align-items: center;
    padding: 0 !important;
    margin: 0 !important;
}

#stadium .player.selected {
    z-index: 1000;
}

#stadium .player .selector-text {
    display: none;
    position: absolute;
    top: -30px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 10px;
    z-index: 1000;
    background: rgba(26, 26, 26, .7);
    padding: 0 4px;
    border-radius: 5px;
}

#match-centre[data-comparision-mode="team"] #stadium .player.selected .selector-text {
    display: block;
}

#stadium .pitch-container .player {
    width: 40px;
    height: 40px;
}

#stadium .bench .player .selector-text {
    top: 15px;
}

#stadium .bench .player .player-info {
    position: relative;
}

#stadium .bench .player .player-key-incidents {
    position: absolute;
    top: -15px;
    right: 85%;
    text-indent: initial;
    display: flex;
}

#stadium .pitch-container .player .player-key-incidents {
    top: -20px
}

#stadium .player .player-stat {
    display: block;
    width: 35px;
    text-align: center !important;
}

#stadium .bench .player-stat {
    padding-top: 5px;
}

#stadium .player .player-info {
    display: block;
    text-align: center;
    display: flex;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

#stadium .player .player-name-wrapper {
    height: 20px;
    line-height: 20px;
}

#stadium .player .player-name {
    text-align: center;
    width: auto;
}

#stadium .player:not([data-has-stat="true"]) {
    opacity: .3;
}

#stadium .player-stat-value {
    display: block;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 35px;
    width: 35px !important;
    height: 35px !important;
}

#match-centre[data-comparision-mode="team"] #stadium .player.selected .player-stat-value {
    background: radial-gradient(#7cc700, #7cc700 65%, white 66%, white) !important;
    border-color: #383838;
}

#match-centre[data-selected-stat="ratings"] #stadium .player.is-man-of-the-match .player-stat-value {
    position: relative;
    z-index: 3;
    background: none !important;
}

#match-centre[data-selected-stat="ratings"] #stadium .player.is-man-of-the-match .player-stat {
    position: relative;
}

#match-centre[data-selected-stat="ratings"] #stadium .player.is-man-of-the-match .player-stat::after {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: -9px;
    left: -6px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNSA5Ljc1bC0zLjgyIDIuMDA5LjczLTQuMjU1TC4zMTcgNC40OTFsNC4yNzItLjYyTDYuNSAwbDEuOTEgMy44NyA0LjI3Mi42MjFMOS41OSA3LjUwNGwuNzMgNC4yNTV6IiBmaWxsPSIjN0NDNzAwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==') !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}

#match-centre[data-selected-stat="ratings"] #stadium .bench .player.is-man-of-the-match .player-stat::after {
    width: 36px;
    height: 36px;
    top: unset;
    bottom: 0;
    left: 0;
}

#match-centre:not([data-selected-stat="ratings"]) #stadium .player .player-stat-value, #stadium .player:not(.is-man-of-the-match) .player-stat-value {
    border: 1px solid white;
    border-radius: 50% !important;
}

@media (max-width: 639px) {
    #stadium .player .shirt-number {
        font-size: 9px;
    }
}

#stadium .player .shirt-number {
    color: inherit;
    width: auto;
    margin-right: 3px;
}

#stadium .bench .player[data-has-stats] .shirt-number {
    top: 1px;
    position: relative;
}

#stadium .player .background-mask {
    display: none;
}

#stadium .player .player-name {
    font-weight: bold !important;
    font-size: 11px !important;
}

@media (min-width: 640px) {
    #stadium .scrollable {
        flex-direction: row;
        flex-wrap: wrap;
    }

    #live-match #stadium .pitch-container {
        width: 100%;
    }

    #stadium .bench {
        order: 10;
        width: 50%;
    }

    #stadium .bench .player {
        min-width: 14vw;
    }
}

@media (min-width: 480px) and (max-width: 639px) {
    #stadium .bench .substitutes.more-than-three-subs .player {
        min-width: 22.5vw;
    }
}

@media (min-width: 640px) and (max-width: 983px) {
    #stadium .bench .substitutes.more-than-three-subs .player {
        min-width: 10.5vw;
    }
}

@media (min-width: 984px) {
    #live-match #stadium .pitch-container .pitch {

    }

    #stadium .bench .player {
        min-width: 120px;
    }

    #stadium .bench .substitutes {
        padding: 0 48px;
    }

    #stadium .bench .substitutes.more-than-three-subs .player {
        min-width: 100px;
    }
}

@media (max-width: 639px) {
    /*#stadium .scrollable {
        overflow-y: auto !important;
    }*/
    #stadium .scrollable {
        /*max-height: 60vh;*/
        /*padding-top: 33px;*/
    }

    #stadium .bench .substitutes[data-field="home"] {
        border-bottom: 1px solid #565656;
    }

    #stadium .pitch-container {
        float: none !important;
        scroll-snap-align: start;
        position: static;
        overflow: hidden;
        min-height: calc(180vw + 40px);
    }

    #stadium .pitch-container .player {
        width: 8vw;
        height: 8vw;
    }

    #stadium .pitch-container .player .selector-text {
        top: auto;
        bottom: 0px;
    }

    #stadium .match-info {
        position: absolute;
        display: flex;
        height: auto;
        left: 0;
        top: 0;
        width: 100%;
        border-bottom: 1px solid #565656 !important;
    }

    #stadium .match-info > span label {
        font-size: 8px;
        font-weight: bold;
        line-height: 13px;
    }

    #stadium .match-info > span .value {
        font-size: 9px;
        margin-top: 0;
    }

    #live-match #stadium .pitch-container .pitch {
        background: url("../image/pitch-bg-mobile.png");
        background-size: 100% 100% !important;
        background-position: center center;
        text-align: center;
        padding: 20px 0;
        width: 100%;
        height: calc(180vw + 40px);
    }

    #live-match .pitch-container .home-team-name,
    #live-match .pitch-container .away-team-name {
        font-size: 14px;
        line-height: 16px;
    }

    #stadium .pitch-container .pitch-field {
        transform-origin: 50% 50%;
        transform: rotate(90deg);
        float: none !important;
        position: relative;
        width: 90vw;
        height: 90vw;
        margin: 0;
    }

    #stadium .pitch-container .player {
        transform: rotate(-90deg);
    }

    #stadium .player .player-stat-value {
        font-size: 11px !important;
    }

    #stadium .player .player-name {
        font-weight: bold !important;
        font-size: 9px !important;
    }
}

@media (max-width: 479px) {
    #stadium .pitch-container .player {
        transform: rotate(-90deg);
    }

    #stadium .compared[data-field="home"] .detached {
        left: 10px;
    }

    #stadium .compared[data-field="away"] .detached {
        right: 10px;
    }
}

#match-centre-stats {
    background: #1a1a1a !important;
    border-top: 1px solid #565656;
    position: relative;
}

#match-centre-stats #back-to-team {
    bottom: auto;
    z-index: 1000;
    left: calc(50% - 10px);
    border: 1px solid #6b6b6b;
    background: black url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyLjMsODEuOUM2LjEsNjUuOCw2LDM5LDIyLjUsMjIuNUMzOS4xLDUuOSw2NS42LDUuOSw4MS45LDIyLjNMNTAwLDQ0MC4zTDkxOC4xLDIyLjNjMTYuMS0xNi4xLDQzLTE2LjMsNTkuNSwwLjJjMTYuNiwxNi42LDE2LjYsNDMuMSwwLjIsNTkuNUw1NTkuNyw1MDBsNDE4LjEsNDE4LjFjMTYuMSwxNi4xLDE2LjMsNDMtMC4yLDU5LjVjLTE2LjYsMTYuNi00My4xLDE2LjYtNTkuNSwwLjJMNTAwLDU1OS43TDgxLjksOTc3LjdjLTE2LjEsMTYuMS00MywxNi4zLTU5LjUtMC4yYy0xNi42LTE2LjYtMTYuNi00My4xLTAuMi01OS41TDQ0MC4zLDUwMEwyMi4zLDgxLjl6Ii8+PC9zdmc+') no-repeat;
    background-position: 50% 50%;
    background-size: 50% 50%;
    border-radius: 50%;
    overflow: hidden;
    width: 20px;
    height: 20px;
    top: -145px;
}

#match-centre-stats #back-to-team > * {
    display: none;
}

#match-centre-stats #back-to-team::after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
}

#match-centre-stats.showing-stat-details {
    margin-bottom: 0 !important;
}

#match-centre-stats div.match-centre-stats {
    padding: 0;
}

#match-centre-stats .match-centre-stats > ul:first-of-type {
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    padding: 10px 0 0 10px;
    padding-bottom: 20px;
    margin-bottom: -20px;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
}

#match-centre-stats .match-centre-stats > ul:first-of-type {
    scrollbar-width: none;
}

#match-centre-stats .match-centre-stats > ul:first-of-type::-webkit-scrollbar {
    display: none;
}

#match-centre-stats > .match-centre-stats > ul:not(:first-of-type) > li:not(.visible) {
    display: none;
}

#match-centre-stats .match-centre-stat-details .match-centre-stats > ul {
}

#match-centre-stats .match-centre-stat-details {
    border: 0;
    padding: 0;
    padding-top: 5px;
    background: rgba(26, 26, 26, 1);
    top: auto;
    height: auto;
    left: 0;
    bottom: 0;
    position: static;
    order: 100;
    border-bottom: 1px solid #565656;
}

#match-centre-stats .match-centre-stat-details .match-centre-stats {
    margin-left: initial;
    width: 100%;
}

#match-centre-stats .match-centre-stat-details .top-players-for-stat-wrapper {
    margin-bottom: 0;
    margin-left: initial;
}

@media (max-width: 983px) {
    #match-centre-stats .match-centre-stat-details .top-players-for-stat-wrapper {
        padding-top: 15px;
    }
}

#match-centre-stats .match-centre-stat {
    margin: 0 10px 0 0;
    flex: 0 0 33vw;
    border: 1px solid #5c5c5c;
    background-color: #363636;
    scroll-snap-align: center;
    min-width: initial;
}

@media (min-width: 420px) {
    #match-centre-stats .match-centre-stat {
        flex: 0 0 19vw;
    }
}

@media (min-width: 640px) {
    #match-centre-stats .match-centre-stat {
        flex: 0 0 12vw;
    }
}

@media (min-width: 984px) {
    #match-centre-stats .match-centre-stat {
        flex: 1 1;
    }
}

#match-centre-stats .match-centre-stat.selected {
    border-color: #7ec508 !important;
    background-image: linear-gradient(to bottom, #262626, #080808) !important;
}

#match-centre-stats .match-centre-stat.selected > h4 {
    border-color: #7ec508;
    color: #7ec508;
}

#match-centre-stats .match-centre-stat > h4 {
    color: white;
    line-height: 25px;
    font-size: 9px;
    border-bottom: 1px solid #5c5c5c;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 4px;
}

#match-centre-stats .match-centre-stat > .toggle-stat-details {
    padding: 0 !important;
    text-indent: 0;
}

#match-centre-stats .match-centre-stat > .toggle-stat-details label {
    display: block;
    color: white;
    font-size: 9px;
}

#match-centre-stats .match-centre-stat > .toggle-stat-details .ui-icon {
    display: none;
}

#match-centre-stats .match-centre-stat-values {
    display: flex;
    justify-content: center;
    align-items: center;
}

#match-centre-stats .match-centre-stat-values :not(.match-centre-stat-value) {
    color: transparent;
    width: 1px;
    height: 15px;
    background-color: #5c5c5c;
}

#match-centre-stats .match-centre-stat-values .match-centre-stat-value {
    width: 50%;
    font-size: 12px;
    font-weight: bold;
}

#match-centre-stats .close-stat-details {
    display: none;
    background: black url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyLjMsODEuOUM2LjEsNjUuOCw2LDM5LDIyLjUsMjIuNUMzOS4xLDUuOSw2NS42LDUuOSw4MS45LDIyLjNMNTAwLDQ0MC4zTDkxOC4xLDIyLjNjMTYuMS0xNi4xLDQzLTE2LjMsNTkuNSwwLjJjMTYuNiwxNi42LDE2LjYsNDMuMSwwLjIsNTkuNUw1NTkuNyw1MDBsNDE4LjEsNDE4LjFjMTYuMSwxNi4xLDE2LjMsNDMtMC4yLDU5LjVjLTE2LjYsMTYuNi00My4xLDE2LjYtNTkuNSwwLjJMNTAwLDU1OS43TDgxLjksOTc3LjdjLTE2LjEsMTYuMS00MywxNi4zLTU5LjUtMC4yYy0xNi42LTE2LjYtMTYuNi00My4xLTAuMi01OS41TDQ0MC4zLDUwMEwyMi4zLDgxLjl6Ii8+PC9zdmc+') no-repeat;
    background-position: center center;
    background-size: 36% 36%;
    border-radius: 50%;
    overflow: hidden;
    width: 30px;
    height: 30px;
    top: -15px;
    padding: 0;
    border: 1px solid #6b6b6b;
    right: calc(50% - 15px);
    text-indent: -999px;
}

#match-centre-stats .match-centre-stat-details h3 {
    color: #eee;
    display: none;
}

@media (max-width: 983px) {
    #match-centre-stats .match-centre-stat-details .match-centre-stats > ul:first-of-type {
        overflow: hidden;
        overflow-x: auto;
    }

    #match-centre-stats .match-centre-stat-details {
    }
}

@media (min-width: 984px) {
    #match-centre-stats .match-centre-stat-details {
        display: flex;
        flex-wrap: wrap;
    }

    #match-centre-stats .match-centre-stat-details .match-centre-stats {
        width: 60%;
    }

    #match-centre-stats .match-centre-stat-details .top-players-for-stat-wrapper {
        width: 40%;
        margin-right: 0;
        padding-top: 10px;
    }

    #match-centre-stats .match-centre-stat-details .match-centre-stats > ul {
        flex-wrap: wrap;
    }

    #match-centre-stats .match-centre-stat-details .match-centre-stats .match-centre-stat {
        margin-bottom: 10px;
        max-width: 33%;
    }
}

#match-centre-stats .match-centre-stat-footnote {
    padding: 0 10px 5px;
    position: static;
    width: 100%;
}

#live-match-options {
    background-color: #303030 !important;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #565656 !important;
}

#live-match-options > li {
    flex: 1;
}

#live-match-options > li > a {
    display: block !important;
    background-color: #303030 !important;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
}

#live-match-options > li > a.selected {
    background-color: #000000 !important;
}

#live-match-options .incident-icon {
    display: none;
}

@media (max-width: 639px) {
    #live-match-options > li > a {
        font-size: 8px;
    }
}

#match-centre-timeline .timeline-event:hover .timeline-event-detail {
    display: none;
}

#match-centre-timeline .timeline-content {
    height: 110px;
}

@media (min-width: 640px) {
    #match-centre-timeline .timeline-content {
        height: 120px;
    }
}

#match-centre-timeline .timeline-control {
    position: relative;
    height: 60px;
}

#live-match #match-centre-timeline {
    user-select: none;
    -webkit-user-select: none;
    padding: 5px 10px;
    margin: 0;
    background: #1a1a1a;
    border-radius: 0;
    height: auto;
}

#match-centre-timeline .timeline-events {
    height: 20px;
    z-index: 3;
}

#match-centre-timeline .timeline-events[data-field="away"] {
    margin-top: 0;
}

#match-centre-timeline .handle-container {
    position: absolute;
    margin: -10px;
    padding: 10px;
    height: calc(100% + 20px);
    width: 40px;
    overflow: hidden;
    color: transparent;
    left: 0;
}

#match-centre-timeline [data-on-right="true"] .handle-container {
    right: 0;
    left: initial;
}

#match-centre-timeline .handle-container .minute-text {
    display: block;
    right: initial;
    font-size: 10px;
    top: 10px;
    left: 15px;
    width: 30px;
    margin: initial;
    padding: initial;
    text-align: left;
    color: rgba(231, 231, 231, .7);
}

#match-centre-timeline [data-handle-id="1"] .handle-container .minute-text {
    left: initial;
    right: 15px;
    text-align: right;
}

#match-centre-timeline .handle-container .minute-text::after {
    display: none;
}

#match-centre-timeline .handle-container::before {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0 auto;
    width: 20px;
    height: calc(100% - 20px);
    background-color: rgba(51, 51, 51, .9);
}

#match-centre-timeline .handle-container::after {
    display: block;
    content: '';
    position: absolute;
    top: 31px;
    left: 17px;
    margin: 0 auto;
    width: 5px;
    height: 31px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    background: transparent;
}

#match-centre-timeline .timeline .timeline-handles {
    height: 100%;
}

#match-centre-timeline .timeline .timeline-handle {
    padding-top: 0;
    height: 100%;
}

#match-centre-timeline .timeline .range-background {
    background-color: #333333;
    opacity: 1;
    height: 100%;
    top: 0;
    width: 100%;
}

#match-centre-timeline .timeline-stat-performance {
    pointer-events: none;
    height: 100%;
    top: 0;
    border: 0;
}

#match-centre-timeline .minutes-container {
    display: none;
}

#match-centre-timeline .timeline-event {
    cursor: default;
}

.timeline-bars-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    width: 99%;
    left: 0;
    z-index: 10;
    top: 25px;
    height: 50px;
    overflow: hidden;
}

.timeline-bars-container::before, .timeline-bars-container::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 22px;
    opacity: 0.1;
}

.timeline-bars-container::before {
    bottom: 0;
    border-top: 1px dashed #097ABF;
}

.timeline-bars-container::after {
    top: 0;
    border-bottom: 1px dashed #EF4123;
}

.timeline-bars {
    position: relative;
    height: 20px;
    padding: 0 5px;
}

.timeline-bars .bar {
    background-color: #097ABF;
    width: 0.3%;
    min-width: 1px;
    position: absolute;
    opacity: 0.7;
}

.timeline-bars[data-field="home"] .bar {
    background-color: #EF4123;
    bottom: 0;
}

.timeline-bars .chalkboard-timeline-event {
    display: block;
}

.noUi-tooltip {
    display: none;
}

.noUi-active .noUi-tooltip {
    display: block;
}

#matchcentre-timeline-slider {
    position: absolute;
    width: calc(100% - 20px);
    height: 50px;
    top: 25px;
    z-index: 15;
    left: 10px;
}

#matchcentre-timeline-slider.noUi-target {
    background: transparent;
    border: none;
    box-shadow: none;
}

#matchcentre-timeline-slider .noUi-connect {
    background-color: rgba(255, 255, 255, .1);
}

#matchcentre-timeline-slider .noUi-handle {
    z-index: 10;
    background: rgba(51, 51, 51, .9);
    box-shadow: none;
    border: none;
    top: 0;
    height: 50px;
    width: 20px;
    right: -10px;
}

#matchcentre-timeline-slider .noUi-tooltip {
    background: #000;
    border: 1px solid #444;
    color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    bottom: 110%;
    padding: 0 5px;
    z-index: 9999999;
}

#matchcentre-timeline-slider .noUi-handle:before, #matchcentre-timeline-slider .noUi-handle:after {
    top: 10px;
    background: #666;
    height: 30px;
}

#matchcentre-timeline-slider .noUi-handle:before {
    left: 7px;
}

#matchcentre-timeline-slider .noUi-handle:after {
    left: 11px;
}

#matchcentre-timeline-minutes {
    height: 100px;
}

#matchcentre-timeline-minutes.ws-timeline-minutes > div::before {
    display: block;
    content: '';
    position: absolute;
    border-left: 1px solid #383838;
    height: 17px;
    margin-left: -1px;
    top: -82px;
}

@media (min-width: 640px) {
    #matchcentre-timeline-minutes {
        height: 108px;
    }

    #matchcentre-timeline-minutes.ws-timeline-minutes > div {
        height: 24px;
    }
}

#chalkboard-stadium .canvas-container {
    width: 100%;
}

#chalkboard .filterz-option > a {
    margin: 0 10px 0 0;
    flex: 0 0 33vw;
    border: 1px solid #5c5c5c;
    background-color: #363636;
    scroll-snap-align: center;
    min-width: initial;
    min-width: 70px;
}

#chalkboard-stadium {
    position: relative;
    background: transparent;
    display: flex;
    align-items: start;
}

@media (min-width: 420px) {
    #chalkboard .filterz-option > a {
        flex: 0 0 19vw;
    }
}

@media (min-width: 640px) {
    #chalkboard .filterz-option > a {
        flex: 0 0 12vw;
    }
}

#chalkboard .filterz-option > a.selected {
    border-color: #7ec508 !important;
    background-image: linear-gradient(to bottom, #262626, #080808) !important;
}

#chalkboard .filterz-option > a.selected h4 {
    border-color: #7ec508;
    color: #7ec508;
}

#chalkboard .filterz-option h4 {
    font-weight: bold;
    color: white;
    line-height: 25px;
    font-size: 9px;
    border-bottom: 1px solid #5c5c5c;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 4px;
}

#chalkboard .filterz-option .filterz-values {
    display: flex;
    justify-content: center;
    align-items: center;
}

#chalkboard .filterz-option .filterz-values > :not(.filterz-value) {
    color: transparent;
    width: 1px;
    height: 15px;
    background-color: #5c5c5c;
}

#chalkboard .filterz-option .filterz-values > .filterz-value {
    width: 50%;
    font-size: 12px;
    font-weight: bold;
}

#chalkboard .pitch-stats-container {
    background-color: #181818;
    width: 100% !important;
    height: auto !important;
}

#chalkboard .pitch-stats-container canvas {
    width: 100%;
    height: 100%;
}

#chalkboard .pitch-stats-container canvas:first-of-type {
    position: static !important;
}

#chalkboard .pitch-stats-container canvas:not(:first-of-type) {
    margin: 0 !important;
    z-index: 2;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
}

#event-type-filters {
    margin-top: 0;
    border: none !important;
    display: flex;
}

@media (min-width: 984px) {
    #event-type-filters {
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 0;
    }

    #event-type-filters .filterz-option:nth-child(8n) > a {
        margin-right: 0;
    }

    #event-type-filters .filterz-option > a {
        margin-bottom: 10px;
        min-width: 108px;
        max-width: 108px;
    }
}

#match-centre-heatmaps {
    position: relative;
    background: transparent;
    display: flex;
    align-items: start;
}

@media (max-width: 639px) {
    #match-centre-heatmaps {
        justify-content: center;
    }
}

#heatmap-pitches .canvas-container {
    height: auto;
    display: block;
    padding-top: 32%;
}

#heatmap-pitches .canvas-container > canvas {
    display: block;
    width: 110% !important;
    height: 110% !important;
}

#heatmap-pitches .pitch-stats-container canvas {
    width: 100%;
    height: 100%;
}

#heatmap-pitches .pitch-stats-container {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    z-index: 0;
}

#heatmap-pitches {
    background: transparent;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
}

#heatmaps .heatmap-info-for-team {
    border: 0;
    background: transparent;
    margin: 0;
    width: auto;
    padding: 0;
}

#heatmaps .canvas-container {
    margin: 0;
    overflow: hidden;
}

#heatmaps .direction-info {
    width: 98%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
}

#heatmaps .direction-arrow[data-field="home"] {
    order: 1;
}

@media (min-width: 640px) {
    #heatmaps .direction-arrow {
        width: 46%;
        margin: 0 1%;
    }

    #heatmaps .canvas-container {
        width: 49%;
        order: 3;
    }

    #heatmaps .canvas-container[data-field="home"] {
        margin-right: 0.5%;
    }

    #heatmaps .canvas-container[data-field="away"] {
        margin-left: 0.5%;
    }

    #heatmaps .direction-info {
        width: 50%;
    }
}

@media (max-width: 639px) {
    #heatmap-pitches .canvas-container {
        padding-top: 64%;
    }

    #heatmaps .direction-arrow, #heatmaps .canvas-container {
        width: 100%;
        margin: 0;
    }
}