html,body{
height:100%;
width:100%;
background-color:#fff1e0;
margin:0;
font-size:18px;
}

.ui-mobile {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline:none;
}
.ui-loader,.ui-corner-all,.ui-body-a,.ui-loader-default{display:none;}
text, table{font-family:"MetricWeb",sans-serif;cursor:default;}

body{font-size:16px;background-color:#fff1e0;font-family:"FinancierTextWeb",serif;}
h1{text-align:center;position:absolute;margin:auto;left:0;right:0;font-size:5em;max-width:670px;color:white;top:60%;transform:translateY(-50%);font-family:"FinancierDisplayWeb",serif;    text-shadow: 5px 5px 5px #43423e;}

div.header-img{position:relative;width:100%;background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2Fthe-best-football-league-in-europe%2Fheader.png?source=test&width=1200&format=png&quality=lowest") center center no-repeat scroll;height:100%;min-height:100%;background-size:cover;background-position-y:45%!important}
div#outer>.header-img{height:auto;}

.credit{position:absolute;right:5px;bottom:5px;line-height:1;color:white;font-size:9px;}
.credit a{text-decoration:none;color:white;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:9px;}
a.overlay-logo{font-size:3em;color:#fff1e0;opacity:0.7;position:absolute;left:0.25em;/*background-color:black;*/}

#ft-header {background-color: #fff1e0;width: 100%;position: absolute;top: 0;z-index: 2000;overflow: hidden;text-align:center;border-bottom: 1px solid #cec6b9;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);}
#ft-header a{background-color:#fff1e0;}
#ft-header a>img {opacity: .8;transition: opacity .3s;height:20px;cursor:pointer;padding:12px;}
#progressbar {position: absolute;float: left;background-color: #af516c;top: 50px;height: 4px;}
#ft-footer {background-color: #fff1e0;bottom: 0;z-index: 2000;overflow: hidden;text-align:left;border-top: 1px solid #cec6b9;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);/*display:none;*/margin-top:50px;}
#ft-footer a{background-color:#fff1e0;font-size:1em;color: #2e6e9e;transition: 0.3s;pointer-events: all;cursor: pointer;text-decoration: none;/*vertical-align:top;*/display: inline-block;}
#ft-footer a:hover{color: #000;background-color: #fff1e0;}
/*#ft-footer a>img {margin-top: 0px;opacity: .8;transition: opacity .3s;height:16px;}*/
#ft-footer span{background-color:#fff1e0;font-size:0.8em;color:#000;/*vertical-align:top;*/}
#ft-footer div{max-width:1210px;margin:auto;left:0;right:0;  line-height: 1em;padding-top: 15px;padding-bottom: 15px;}

#story{position:relative;width:90%;max-width:800px;margin:auto;left:0;right:0;top:1.5em;}
#story div.par{margin:auto;left:0;right:0;}
#story div.par.metric{font-family:"MetricWeb",sans-serif;max-width:800px;}
#story div.par.metric:nth-of-type(1){border-top:1px solid #e9decf;}
#story div.par.anchor a > p{background-color:#2e6e9e;padding:10px;border-radius:10px;cursor:pointer;}
#story div.par.anchor a > p:hover{background-color:#275e86;}
#story div.par.anchor a{color:white;font-family:"MetricWeb",sans-serif;}
#story div.hed,#story div.text,#story div.par{max-width:600px;margin:auto;}
.hed p{font-family:MillerDisplay,Georgia,serif;text-align:center;font-size:2em;}
.par{line-height:1.5em;}
.asterisk p{font-size:0.9em;}
.asterisk:last-of-type p{margin-bottom:50px;}

.byline{font-size:0.9em;}
.byline a,.par a{color:#2e6e9e;transition:0.3s;pointer-events:all;cursor:pointer;text-decoration:none;font-family:"FinancierWeb",serif;}
.byline a:hover,.par a:hover{color: #000;}
span.date{float:right;font-family:"FinancierWeb",Georgia,serif;}

.shareSpan{text-align:center;padding-top:3em;}
.userShare{display:inline-block;padding:0;margin:0;list-style-type:none;vertical-align:sub;}
.shareMessage{font-size:1.5em;font-family:"FinancierWeb",Georgia,serif;}
li{float:left;width:24px;margin: 0 0 0 5px;}
.userShare i{float:left;border-radius:2px;width:24px;height:24px;text-indent:24px;background-image:url(http://image.webservices.ft.com/v1/images/raw/ftsocial:twitter,ftsocial:facebook,ftsocial:googleplus,ftsocial:linkedin,ftsocial:reddit,ftsocial:link,ftsocial:pinterest?width=24&source=o-share);overflow:hidden;cursor:pointer;}
.facebook i{background-position-y:-24px;}
.linkedin i{background-position-y:-72px;}
.googleplus i{background-position-y:-48px;}
.reddit i{background-position-y:-96px;}
.pinterest i{background-position-y:-144px;}

.shareMessage:nth-of-type(1){font-size:1em;font-family:"FinancierWeb",Georgia,serif;}
.shareSpan:nth-of-type(1){text-align:center;padding-top:0em;}
.userShare.one li{float:left;width:20px;margin: 0 0 0 5px;}
.userShare.one i{float:left;border-radius:2px;width:20px;height:20px;text-indent:20px;background-image:url(http://image.webservices.ft.com/v1/images/raw/ftsocial:twitter,ftsocial:facebook,ftsocial:googleplus,ftsocial:linkedin,ftsocial:reddit,ftsocial:link,ftsocial:pinterest?width=20&source=o-share);overflow:hidden;cursor:pointer;}
.userShare.one .facebook i{background-position-y:-20px;}
.userShare.one .linkedin i{background-position-y:-60px;}
.userShare.one .googleplus i{background-position-y:-40px;}
.userShare.one .reddit i{background-position-y:-80px;}
.userShare.one .pinterest i{background-position-y:-120px;}

.o-footer{margin-top:0px;}
/*.o-footer__col,.o-footer__row{padding-left:0px!important;}*/
footer.o-footer{font-family:"BentonSans",sans-serif;}

div.chart{max-width:800px;position:relative;}
div.chartOverlay{max-width:800px;position:absolute;background:#af516c;top:0px;}
.topMatch{height:2px;width:2px;position:absolute;border-radius:5px;cursor:pointer;}

@media screen and (max-width: 480px) {
#ft-header a>img {height:16px;padding:10px 5px 5px 5px;};
.playerLabel{font-weight:normal;font-size:13px;}
}





#ftlogo path{fill:#E2D7CE;stroke:none;}
#viz{width:600px;height:400px;/*border:1px solid black;*/}
#graphic{width:600px;height:400px;/*border: 1px solid #43423e;*/}
#backdrop{fill:#fff1e0;}
.marker{stroke:none;fill:#ffffff;}
.line13{stroke-width:2px;fill:none;stroke:#76acb8;}
.line14{stroke-width:2px;fill:none;stroke:#af516c;}
text{cursor:default;font-size:11px;}
.tick text{font-size:1`px;fill:#74736c;}
.axis path{fill:none;stroke:#74736c;stroke-width:1px;shape-rendering:crispEdges;}
.tick line{stroke:#74736c;shape-rendering:crispEdges;}
.title{font-size:10px;}
.axisTitle{font-size:13.6px;}
.chartTitle{font-size:15px;}
.footnote{font-size:10px;fill:#74736c;}

.axis.y .tick line{stroke:#cec6b9;stroke-dasharray:2px 2px;stroke-width:1px;shape-rendering:crispEdges;}
.axis.y .tick:nth-of-type(1) line{stroke:#74736c;stroke-dasharray:0px 0px;}
/*g.y.axis line{display:none;}*/
/*g.y.axis path{display:none;}*/
.yGridLine{stroke:#74736c;stroke-width:1px;shape-rendering:crispEdges;}
g.y.axis line.yGridExtend{display:block;stroke:#74736c;stroke-width:1px;shape-rendering:crispEdges;}
g.axis path.domain{stroke:none;}
g.x.axis .tick:nth-child(odd) text{display:block;}
g.y.axis .tick:nth-child(odd) {display:none;}
g.y.axis .tick:nth-of-type(1) {display:block;}
g.y.axis .tick:nth-of-type(1) text{display:none;}

.refLine{stroke:#cec6b9;stroke-dasharray:2px 2px;stroke-width:2px;}

.playerRect{stroke:#fff1e0;stroke-width:0.5px;}
.playerBar{stroke:#cec6b9;fill:none;stroke-width:1px;shape-rendering:crispEdges;}
/*.playerCircle{fill:#af516c;stroke:#af516c;fill-opacity:0.25;stroke-opacity:0.5;}*/
.playerCircle{stroke:none;fill:#ecafaf;fill-opacity:0.8;stroke-width:1px;}

.playerLine{stroke-width:4px;fill:none;/*stroke-width:0px;*/opacity:0.4;stroke-linecap:round;}
.legendLine{stroke-width:3px;fill:none;/*stroke-width:0px;*/opacity:0.5;}
.playerLine.backed{stroke-width:1px;opacity:0.6!important;stroke:#74736c!important;}
.playerLine.outline.backed{stroke-width:0px;opacity:0.15;stroke:#74736c!important;}
.playerLine.highlit,.legendLine.highlit{stroke-width:4px;fill:none;/*stroke-width:0px;*/opacity:0.7!important;}
.GS{fill-opacity:0.9;}
.GS,.legendCircle{stroke:#fff1e0;stroke-width:1px;stroke-opacity:0.7;}
.GS.backed{fill-opacity: 0.1;stroke-opacity: 0;fill: #74736c!important;}

.outline{stroke-width:4px;stroke:#fff1e0;stroke-width:0px!important;}
.outline.key{stroke-width:3px;stroke:#74736c;/*stroke-width:0px;*/}
.outline.minor{display:none;}

.playerLabel{font-weight:normal;font-size:14px;}
.playerLabel.backed{font-weight:normal;opacity:0;fill:#43423e!important;}

.chart img{max-width:100%;}
.tableOuter{margin:auto;max-height:200px;max-width:600px;position:relative;padding-top:0.8em;}
.virtualHeader{height:1em;position:absolute;top:0;left:0;right:0;}
.tableInner{max-height:200px;overflow-y:auto;overflow-x:hidden;}
table{overflow-y:auto;width:100%;border-spacing:0px;}
th{padding:0px 4px;font-size:0.8em;font-weight:normal;text-align:left;}
div.first{/*margin:0 auto!important;*/width:0!important;}
div.second{/*width:100%;margin-left:-50%;*/text-align:center;border:none;position:absolute;top:0;line-height:1rem;}
tr:nth-of-type(odd){background:#e9decf;border-radius:;}
thead tr{background:#fff1e0!important;}
td{padding:2px 4px;font-size:0.8em;/*white-space:nowrap;*/}
td.rank{white-space:nowrap;min-width:25px;border-radius: 50px 0px 0px 50px;padding: 0px 0px 0px 10px;}
td.result{white-space:nowrap;min-width:40px;text-align:center;}
td.awayTeam{padding-right:165px;border-radius: 0px 50px 50px 0px;padding: 0px 5px 0px 5px;}
td.homeTeam{text-align:right;}
td.country{min-width:30px;}
tbody tr{cursor:pointer;}
tbody tr:hover{background:#cec6b9!important;}
.rowSelected{background:#74736c!important;color:white;}
.rowSelected:hover{background:#74736c!important;color:white;}

.shotspan{color:#74736c;font-size:0.9em;}

div.tableInner > table > thead > tr > th:nth-child(4) > div{float:right;padding-right:30px;}
div.tableInner > table > thead > tr > th:nth-child(5) div.second{padding-left:2%;}

@media screen and (max-width: 1280px) {
h1{font-size:5em;max-width:670px;}
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2Fthe-best-football-league-in-europe%2Fheader.png?source=test&width=1200&format=png&quality=lowest") center center no-repeat scroll;background-size:cover;}
}

@media screen and (max-width: 768px) {
/*h1{font-size:3.5em;max-width:400px;top:60%;}*/
/*div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2F2015%2Fbest-football-in-europe%2Fheader.png?source=test&width=1200&format=png&quality=lowest") center center no-repeat scroll;background-size:cover;}*/
.shareSpan{display:none;}
tr > td{padding:10px 0px;}
div.par.metric{line-height:1.7em;}
td.result{white-space:nowrap;min-width:45px;text-align:center;}
}

@media screen and (max-width: 400px) {
div.tableInner > table > thead > tr > th:nth-child(5) div.second{padding-left:0}
td.result{white-space:nowrap;min-width:30px;text-align:center;}
.shotspan{display:none;}
h1{font-size:2.5em;max-width:300px;}
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2Fthe-best-football-league-in-europe%2Fheader.png?source=test&width=1200&format=png&quality=lowest") center center no-repeat scroll;background-size:cover;}
}

@media screen and (max-width: 350px) {
h1{font-size:2.5em;max-width:300px;}
div.header-img{background:url("https://image.webservices.ft.com/v1/images/raw/http%3A%2F%2Fig.ft.com%2Fsites%2Fthe-best-football-league-in-europe%2Fheader.png?source=test&width=1200&format=png&quality=lowest") center center no-repeat scroll;background-size:cover;}
}


/*.ceci-nest-pas-un-dropdown{background-color:#e9decf;cursor:pointer;position:relative;font-size:14px;padding:0px 8px 2px 8px;border-radius:10px;border:1px solid #cec6b9;}*/
.ceci-nest-pas-un-dropdown{background-color:#e9decf;cursor:pointer;position:relative;font-size:14px;padding:0px 5px 1px 5px;border-radius:2px;border-bottom:1px dashed #af516c;}
.ceci-nest-pas-un-dropdown:hover{background-color:#cec6b9;}
.ces-ne-sont-pas-des-options{border-radius:5px;background-color:#FFFCF7;position:absolute;padding:5px;}
.ces-ne-sont-pas-des-options p{padding:5px;border-radius:5px;-webkit-margin-before:5px;-webkit-margin-after:5px;cursor:pointer;font-family:"MetricWeb",sans-serif;font-size:14px;}
.ces-ne-sont-pas-des-options p:nth-of-type(1){-webkit-margin-before:5px;}
.ces-ne-sont-pas-des-options p:nth-last-of-type(1){-webkit-margin-after:5px;}
.ces-ne-sont-pas-des-options p:hover{background-color:#FFF7EC;transition:0.3s;}

#generate{color:white;background-color:#af516c;cursor:pointer;font-size:14px;padding:0px 8px 2px 4px;border-radius:0px 10px 10px 0px;border:1px solid #9e2f50;font-weight:bold;}
.o-ft-icons-icon--arrow-right{font-size:.8em;}
.o-ft-icons-icon--arrow-down{padding:0px 0px 0px 5px;font-size:1em;}
#generate:hover{background-color:#9e2f50;}